@charset "utf-8";

/*** login ***/
.cms_login {position:relative;height:100%;height:765px;background:url(../images/common/purposeVisual.jpeg) no-repeat center top !important;background-size:auto 100% !important;min-width:1280px;}
.cms_login header {overflow:hidden;height:auto;padding:253px 0 24px;text-align:center;}
.cms_login header h1 {position:relative;left:auto;top:auto;width:auto;height:auto;line-height:normal;}
.cms_login header .logo {display:inline-block;position:relative;/*margin-bottom:15px;*/margin-bottom:6px;}
.cms_login header .logo::after {content:'';display:block;position:absolute;left:10%;top:50%;width:80%;height:0;box-shadow:0 0 100px 15px rgba(0,0,0,0.6);z-index:0;}
.cms_login header .logo img {position:relative;z-index:1;width:250px;}
.cms_login header .tit {display:block;margin:23px 0 0;color:#000;font-size:36px;font-weight:500;line-height:40px;}
.cms_login #contents {background:none !important;min-height:auto;}

.cms_login .loginBox {position:relative;overflow:hidden;width:365px;margin:0 auto 20px;}
.cms_login .loginBox fieldset {padding-bottom:15px;}
.cms_login .loginBox fieldset .log {overflow:hidden;margin-bottom:20px;border:1px solid #c5ced6;}
.cms_login .loginBox fieldset .log>span {display:block;overflow:hidden;}
.cms_login .loginBox fieldset .log>span input {display:block;overflow:hidden;width:100%;height:60px;box-sizing:border-box;padding:0 20px 0 60px;border:none;color:#000;font-size:16px;line-height:61px;}
.cms_login .loginBox fieldset .log>span input::placeholder {color:#bcbcbc !important;}
.cms_login .loginBox fieldset .log>span input::-ms-input-placeholder {color:#bcbcbc !important;}
.cms_login .loginBox fieldset .log>span input::-webkit-placeholder {color:#bcbcbc !important;}
.cms_login .loginBox fieldset .log>span input::-moz-placeholder {color:#bcbcbc !important;}
.cms_login .loginBox fieldset .log>span input::-o-placeholder {color:#bcbcbc !important;}
.cms_login .loginBox fieldset .log>span+span {border-top:1px solid #dbe0e6;}
.cms_login .loginBox fieldset .log_id>input {background:#fff url(../images/common/ico_human.png) no-repeat left 23px center/15px auto;}
.cms_login .loginBox fieldset .log_pw>input {background:#fff url(../images/common/ico_key.png) no-repeat left 20px center/20px auto;}
.cms_login .loginBox fieldset button+button {margin-top:10px;}
.cms_login .loginBox fieldset .btn_login,
.cms_login .loginBox fieldset .btn_memLogin {display:block;overflow:hidden;width:100%;height:58px;box-sizing:border-box;border-radius:29px;color:#fff;font-size:18px;font-weight:500;line-height:59px;text-align:center;box-shadow:0 5px 20px -10px rgba(0,0,0,0.5)}
.cms_login .loginBox fieldset .btn_login {background:#66b52c;}
.cms_login .loginBox fieldset .btn_memLogin {background:#5D6D86;}

.loginFooter {height:75px;margin-top:-75px;position:relative;z-index:999;}
.loginFooter address {box-sizing:border-box;min-width:1280px;line-height:18px;color:#fff;font-size:15px;font-weight:300;line-height:18px;text-align:center;}
.loginFooter address ul {display:block;width:100%;min-width:1280px;font-size:0;text-align:center;}
.loginFooter address ul li {display:inline-block;position:relative;margin:0 10px 10px 0;padding-right:10px;color:#fff;font-size:15px;font-weight:300;line-height:19px;vertical-align:top;}
.loginFooter address ul li::after {content:'';display:block;position:absolute;right:0;top:3px;width:1px;height:13px;background:#fff;opacity:0.3;}
.loginFooter address ul li:last-child {margin-right:0;padding-right:0;}
.loginFooter address ul li:last-child::after {display:none;}

/*** 레이아웃 ***/
.header{position:relative;height:87px;padding:0 0 0 230px;box-sizing:border-box;border-bottom:1px solid #e7e7e7;background-color:#fff;z-index:10;}
.header h1{display:table;position:absolute;left:0;top:0px;width:auto;height:87px;table-layout:fixed;border-collapse:collapse;line-height:80px;font-size:0;vertical-align:middle;text-align:center;}
.header h1>a{display:table-cell;width:230px;height:87px;padding:0;line-height:87px;text-align:center;vertical-align:middle;}
.header h1>a img{height:50px;vertical-align:middle;}
.header .subName{text-align:center;display:table;width:100%;height:100%;}
.header .subName>span{display:table-cell;vertical-align:middle;font-size:24px;font-weight:bold;letter-spacing:-1px;color:#212529;}

/* login Layout  */
#Login_container{overflow:auto;height:100%;}
#contents{position:relative;width:100%;height:auto;min-height:calc(100% - 86px);overflow:hidden;margin:auto;background:#fff url(../images/common/bg_lnb.png) repeat-y left top !important;box-sizing:border-box;}

/* main Layout  */
#container{overflow:auto;height:100%;}
#contents{position:relative;width:100%;height:auto;min-height:calc(100% - 86px);overflow:hidden;margin:auto;background:#fff url(../images/common/bg_lnb.png) repeat-y left top !important;box-sizing:border-box;}

.LNB{position:relative;float:left;overflow-y:auto;width:230px;min-height:500px;box-sizing:border-box;padding:30px 0;z-index:10;}
.LNB .useInfo{width:calc(100% - 40px);background-color:#fff;margin:10px 20px 40px 20px;border-radius:8px;padding:14px;box-sizing:border-box;text-align:center;}
.LNB .useInfo .name{font-size:18px;font-weight:bold;line-height:24px;text-align:center;color:#212529;}
.LNB .useInfo .subDescription{font-size:14px;color:#666;text-align:center;margin-top:4px;line-height:22px;}
.LNB .useInfo .cmp_button{margin-top:20px;}

.LNB .major_link>li>a{display:block;position:relative;box-sizing:border-box;padding:14px 15px 14px 20px;color:#222;font-size:14px;font-weight:500;line-height:20px;letter-spacing:-1px;transition:0.2s;}
.LNB .major_link>li>a::before {content:'';display:block;position:absolute;left:0;top:0;width:3px;height:100%;background:#66b52c;opacity:0;transition:0.2s;}
.LNB .major_link>li>a:hover {background:#fff;color:#66b52c;}
.LNB .major_link>li>a.on {background:#fff;color:#66b52c;font-weight:700;}
.LNB .major_link>li>a:hover::before,
.LNB .major_link>li>a.on::before {opacity:1;}

#contents>article {position:relative;float:left;width:calc(100% - 230px);min-height:500px;margin:0 0 120px;box-sizing:border-box;padding:20px 30px 60px 60px !important;background:#fff;overflow-y:auto;}
#contents>article::before {content:'';display:block;position:absolute;left:0;top:0;width:100%;height:0;background:#fff;box-shadow:0 0px 10px 1px rgba(0,0,0,0.2);}
#contents>article .innerScroll{min-width:1200px;}
#contents>article hgroup {height:auto;padding-bottom:15px;border-bottom:1px solid #dde2ea;}
#contents>article hgroup>h2{padding-top:15px;color:#222;font-size:28px;font-weight:bold;line-height:1em;letter-spacing:-1px;}
#contents>article hgroup>p::before {display:none;}


.search_box{position:relative;padding:15px;display:block;margin:20px auto;box-sizing:border-box;border:none;border-radius:17px;background:#f6f7fb;font-size:0;text-align:center;}
.search_box .selectBase{width:150px;display:inline-block;vertical-align:middle;}
.search_box .inputBase{width:400px;display:inline-block;vertical-align:middle;margin-left:10px;}
.search_box .cmp_button.h40{vertical-align:middle;margin-left:10px;width:100px;border-radius:5px;display:inline-block;}
.search_box .labelGuide{width:80px;font-size:16px;color:#212529;line-height:1em;font-weight:bold;display:inline-block;vertical-align:middle;margin-right:10px;text-align:left;}
.search_box .hyphen{width:20px;text-align:center;vertical-align:middle;font-size:16px;line-height:1em;text-align:center;color:#212529;display:inline-block;}

.search_box.optionPop{margin-top:0;}
.search_box.optionPop .selectBase{width:150px;}
.search_box.optionPop .inputBase{width:calc(100% - 250px);}
.search_box.optionPop .cmp_button.h40{width:80px;}

.search_box.pickerNum02{font-size:0;}
.search_box.pickerNum02 .pickerArea{width:calc(50% - 100px);}
.search_box.pickerNum02 .cmp_button.h40{width:80px;}

.pickerArea{position:relative;font-size:0;display:inline-block;}
.pickerArea .inputBase{width:100%;margin-left:0;}
.pickerArea .ui-datepicker-trigger{position:absolute;right:10px;top:10px;}

.topSearchGroup{text-align:right;font-size:0;margin-bottom:20px;}
.topSearchGroup .cmp_button{width:auto;display:inline-block;vertical-align:middle;}
.topSearchGroup .cmp_button:nth-of-type(n+2){margin-left:10px;}


/* 리스트  */
.listTable {position:relative;border:none;border-top:1px solid #222;}
.listTable th,
.listTable td {padding:5px;border:none;border-bottom:1px solid #dde2ea;color:#222;font-size:13px;line-height:1.5;}
.listTable th {height:40px;background:#f6f7fb;font-weight:700;position:sticky;top:0px;}
.listTable td {height:40px;background:#fff;font-weight:400;text-align:center; cursor:pointer;}
.listTable td.al a {font-size:inherit;font-weight:500;line-height:inherit;}
.listTable td a.act_view {color: #1c83ee;}
.listTable tr.hover:hover td{background-color:#F7F7F8 !important;}
.listTable tr.on td{background-color:#E9EDFA;}
.listTable tr.point th,
.listTable tr.point td,
.listTable th.point,
.listTable td.point {background-color:#E5F1FF !important;font-weight:bold;}
.listTable tr.point{position:relative;}
.listTable tr.point::after{content:"";display:block;width:100%;height:100%;border:2px solid #0565F0;position:absolute;left:0;top:0;box-sizing:border-box;}
.listTable.line:before {content:'';position:absolute;left:0;top:0;display:block;width:100%;height:1px;background:#222;}
.listTable.line {border:none;}
.listTable.line th,
.listTable.line td {padding:5px;border:none;color:#222;font-size:13px;line-height:1.5;padding-top:8px;}
.listTable.line th {height:40px;border-right:1px solid #dadee1;border-bottom:1px solid #dde2ea;background:#f6f7fb;font-weight:700;}
.listTable.line td {height:40px;border-right:1px solid #dadee1;border-bottom:1px solid #dde2ea;background:#fff;font-weight:400;}
.listTable.line td.al a {font-size:inherit;font-weight:500;line-height:inherit;}
.listTable.line th[rowspan],
.listTable.line td[rowspan] {border-left:1px solid #dde2ea;border-right:1px solid #dde2ea;}
.listTable.line th[rowspan]:first-child,
.listTable.line td[rowspan]:first-child {border-left:none;border-right:1px solid #dde2ea;}
.listTable.line th[rowspan]:last-child,
.listTable.line td[rowspan]:last-child {border-right:none;border-left:1px solid #dde2ea}
.listTable.line th:last-child,
.listTable.line td:last-child {border-right:none;}
.listTable.line.form td{padding:5px 10px;}
.listTable.line.form tbody th{padding-left:10px;}


h1{color:white;font-size: 40;font-weight: bold;}
      /* @import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css'); */
      @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
      @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

body{margin:0 auto;}
/* body, table, div, p ,span{font-family:'Nanum Gothic';} */
body, table, div, p ,span{font-family:'Noto Sans KR';}

a{text-decoration: none;color:#333;}
#con{width:100%;height: 100vh;background-color:#f5f1ee;background-image:url("img/bg.jpg");background-position: center center;background-repeat: no-repeat;background-size:cover;padding:0;}
#login{width:600px;height: 600px;margin:0 auto;}
    /* position: relative; */
    /* background:#ddd; */
#login_form{
    /* text-align:center; */
    border-radius: 10px;
    padding:50px;
    background: #fff;
    text-align: center;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}
.login{
    font-size:25px;
    font-weight: 900;
    color:#333;
}
.size{
    width:300px;
    height:30px;
    padding-left:10px;
    background-color: #f4f4f4;
    /* margin-left:10px; */
    border:none;
    border-radius: 5px;
}

.btn{
    width:310px;
    height: 40px;
    font-size:15px;
    background-color: #df3278;
    color:#fff;
    border:none;
    cursor: pointer;
    border-radius: 5px;
}
.btn:hover{
    background:#ca296a;
}
hr{
    margin-top:20px;
    background:#eee;
    
}
.find{
    color:#ddd;
    font-size:12px;
    width: 300px;
    text-align: center;
}
.find span{
    padding-left:10px;
}
.find span::before{
    content:'|';
    color:#333;
    padding-right: 10px;
}
.find span:nth-child(1):before{
    content:none;
}

.find span:nth-child(1){
    padding-left:0px;
}

.find a:hover{         color:#707070;
}








.dtlOption{font-size:0;}
.dtlOption>span{width:calc(100% - 56px);display:inline-block;vertical-align:middle;color:#222;font-size:13px;line-height:1.5;}
.dtlOption .cmp_button.h28{width:50px;min-width:50px;margin-left:6px;vertical-align:middle;}

.p_pagination{position:relative;font-size:0;text-align:center;}
.p_pagination .paging{position:absolute;left:0;font-size:13px;padding-left:18px;margin-top:12px;background:url(../images/common/file.png) no-repeat 0 4px;letter-spacing:-1px;text-align:left;}
.p_pagination .pagination {padding-top:30px;font-size:0;}
.p_pagination .pagination>a {display:inline-block;overflow:hidden;width:15px;height:25px;text-indent:-999px;vertical-align:top;}
.p_pagination .pagination>.btn_first {margin-right:10px;background:url(../images/common/paging_first.png) no-repeat center;}
.p_pagination .pagination>.btn_prev {margin-right:10px;background:url(../images/common/paging_prev.png) no-repeat center;}
.p_pagination .pagination>.btn_next {margin-left:10px;background:url(../images/common/paging_next.png) no-repeat center;}
.p_pagination .pagination>.btn_end {margin-left:10px;background:url(../images/common/paging_end.png) no-repeat center;}
.p_pagination .pagination>span {display:inline-block;padding-left:10px;font-size:0;vertical-align:top;}
.p_pagination .pagination>span>a {display:inline-block;overflow:hidden;width:auto;min-width:24px;height:24px;padding:0 5px; margin-right:10px;box-sizing:border-box;border-radius:3px;color:#666;font-size:13px;font-weight:500;line-height:25px;vertical-align:top;transition:0.2s;}
.p_pagination .pagination>span>a.on,
.p_pagination .pagination>span>a:hover {background:#404a50;color:#fff;}

.changeTable{width:100%;font-size:0;position:relative;overflow:hidden;}
.changeTable .item{display:inline-block;vertical-align:top;width:calc(50% - 30px);}
.changeTable .tableRight{margin-left:60px;}

.changeBtnArea{position:absolute;width:60px;height:70px;font-size:0;display:inline-block;vertical-align:middle;text-align:center;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;}
.changeBtn{width:30px;height:30px;background:url(../images/common/ic_sld_16_uparrow_on.svg) no-repeat center center/20px auto;}
.changeBtn.left{transform:rotate(-90deg)}
.changeBtn.right{transform:rotate(90deg);margin-top:10px;}

.radioCheckBox{width:100%;text-align:center;border-radius:10px;padding:20px 0;}
.radioCheckBox .labelInput:nth-of-type(n+2){margin-left:30px;}
.radioCheckBox .t18{margin-top:30px;}

.otpSettingArea{position:relative;max-width:700px;margin-top:30px;}
.otpSettingArea .listTable.line.form td{padding-top:10px;padding-bottom:10px;}

/* 버튼 컴포넌트 ============================== */
.cmp_button{display:block;width:100%;min-height:52px;background-color:#209fed;border-radius:6px;padding:3px 16px 0 16px;text-align:center;justify-content:unset;flex-direction:unset;align-items:unset;transition:background-color 0.3s;font-size:0;}
.cmp_button .base{display:inline-block;width:100%;font-size:16px;line-height:24px;font-weight:700;color:var(--white);letter-spacing:-0.1px;}
.cmp_button:active{background-color:var(--blue6);}
.cmp_button:disabled{background-color:var(--blue2);}
.cmp_button:disabled .base{color:var(--blue3)}

.cmp_button.h28{background-color:var(--blue2);min-height:28px;width:auto;display:inline-block;padding:3px 12px 0 12px;}
.cmp_button.h28 .base{color:var(--blue6);font-size:13px;line-height:20px;}
.cmp_button.h28:active{background-color:#d1dcea;}
.cmp_button.h28:disabled{background-color:var(--gray2);}
.cmp_button.h28:disabled .base{color:var(--blue3);}

.cmp_button.lightblue{background-color:var(--blue2);}
.cmp_button.lightblue .base{color:var(--blue6)}
.cmp_button.lightblue:active{background-color:#D1DCEA;}
.cmp_button.lightblue:disabled{background-color:var(--gray2);}
.cmp_button.lightblue:disabled .base{color:var(--blue3)}

.cmp_button.auto{width:auto;display:inline-block;vertical-align:middle;}
.cmp_button.gray{background-color:var(--gray3);}
.cmp_button.gray .base{color:var(--gray8)}

.cmp_button.h76{min-height:76px;display:inline-block;width:auto;}
.cmp_button.h46{min-height:46px;display:inline-block;width:auto;}

.cmp_button.lineBlue{background-color:var(--white);border:1px solid var(--gray4);}
.cmp_button.lineBlue .base{color:var(--blue6)}
.cmp_button.lineBlue:disabled{border-color:var(--gray4);}
.cmp_button.lineBlue:disabled .base{color:var(--blue3);}

.cmp_button.line{min-width:96px;background-color:var(--white);border:1px solid var(--gray4);}
.cmp_button.line .base{color:var(--gray8)}
.cmp_button.line:active{border-color:var(--blue4);}
.cmp_button.line:active .base{color:var(--blue6)}
.cmp_button.line:disabled{border-color:var(--gray4);}
.cmp_button.line:disabled .base{color:var(--blue3);}

.cmp_button.h40{min-height:40px;}
.cmp_button.text{min-height:34px;display:inline-block;background-color:rgba(255,255,255,0);width:auto;padding:3px 12px 0 12px;vertical-align:middle;}
.cmp_button.text .base{font-size:14px;color:var(--blue6)}
.cmp_button.text:active{background-color:var(--blue2);}
.cmp_button.text:disabled{background-color:rgba(255,255,255,0);}
.cmp_button.text:disabled .base{color:var(--blue3)}

.cmp_button.textArrow{min-height:34px;display:inline-block;background-color:rgba(255,255,255,0);width:auto;padding:3px 8px 0 12px;white-space:nowrap;vertical-align:middle;}
.cmp_button.textArrow .base{font-size:14px;color:var(--gray8);font-weight:500;width:auto;vertical-align:middle;}
.cmp_button.textArrow .ic12{margin:0 0 3px 4px}
.cmp_button.textArrow:active{background-color:var(--blue1);}
.cmp_button.textArrow:disabled{background-color:rgba(255,255,255,0);}
.cmp_button.textArrow:disabled .base{color:var(--gray4)}

.cmp_button.green{background-color:#66b52c;border:1px solid #66b52c;}
.cmp_button.green .base{color:#fff}

/* 텍스트필드 기본형 */
.labelInput{display:inline-block;vertical-align:middle;}
.labelInput .guide{display:inline-block;vertical-align:middle;font-size:16px;line-height:24px;color:#111;font-weight:600;font-style:normal;padding:0 30px 0 5px;}
.labelInput .inputBase{min-width:300px;margin-left:10px;}

.labelInput .cmp_radio{margin-right:4px;vertical-align:middle;}

.inputBase{width:100%;height:40px;padding:0 16px;box-sizing:border-box;border:1px solid #e1e1e1;font-size:16px;line-height:24px;letter-spacing:0;border-radius:5px;vertical-align:middle;}
.inputBase:disabled{background-color:#f4f4f4;color:#666}

.formInput{font-size:0;width:100%;display:block;}
.formInput>.guide{display:block;font-size:16px;line-height:24px;color:#111;margin-bottom:5px;font-weight:600;font-style:normal;}
.formInput>.validation{margin-top:4px;font-size:14px;line-height:24px;letter-spacing:0;color:#888}

.formInput.inline{display:inline-block;vertical-align:middle;width:auto;}
.formInput.inline .guide{display:inline-block;vertical-align:middle;margin-left:5px;margin-bottom:0px;}
.formInput.inline .inputBase,
.formInput.inline .selectBase{vertical-align:middle;max-width:100px;display:inline-block;width:100px;}
.form-error{margin: 5px 0 15px 5px;padding-left:20px;font-size:13px;line-height: 19px;font-weight:500;color:#e32d2d;background:url(../images/common/icon_error.svg) no-repeat 0 2px}
.error .form-control, .input-wrp.error{border:2px solid #e32d2d !important;box-shadow:0 0 8px 1px rgba(227,45,45,.3);padding: 3px calc(1rem - 1px)}

.selectBase{position:relative;width:100%;max-width:200px;height:40px;font-size:0; background:url(../images/common/icon_selectArrow.png) no-repeat right 16px center/16px auto;box-sizing:border-box;text-align:left;display:inline-block;vertical-align:top;background-color:#fff;border:1px solid #e1e1e1;border-radius:5px;
    font-size:16px;color:#111;padding:3px 40px 0px 16px;
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
}
select.selectBase::-ms-expand {display: none;}/* IE 10, 11의 네이티브 화살표 숨기기 */

.inputTextarea{width:100%;height:auto;padding:15px;font-size:16px;line-height:24px;color:#111;resize:none;box-sizing:border-box;border:1px solid #e1e1e1;border-radius:5px;}

/* table ============================== */
.table{position:relative;width:100%;}
.table::before{content:"";position:absolute;left:0;top:0;display:block;width:100%;height:1px;background-color:var(--gray7);z-index:1;}
.table table{width:100%;}
.table table th{font-size:1.3rem;font-weight:400;line-height:2rem;text-align:center;letter-spacing:-0.1px;color:var(--gray8);padding:1.4rem 1.2rem 1rem 1.2rem;background-color:var(--gray2);}
.table table thead th{border-right:1px solid var(--white);}
/* .table table tbody tr{} */
.table table tbody td{font-size:1.3rem;font-weight:400;line-height:2rem;text-align:left;letter-spacing:-0.1px;color:var(--gray8);padding:1.4rem 1.2rem 1rem 1.2rem;border-right:1px solid var(--gray2);border-bottom:1px solid var(--gray2);}
.table table tbody th{border-bottom:1px solid var(--white);}
.table table tbody tr:last-of-type th{border-bottom:1px solid var(--gray2);}

.table table thead th:last-of-type,
.table table tbody td:last-of-type{border-right:none;}

.table table thead th[colspan]:first-of-type,
.table table thead th[rowspan]:first-of-type,
.table table tbody td[colspan]:first-of-type,
.table table tbody td[rowspan]:first-of-type{border-left:0 !important;}

.table table thead th[colspan],
.table table thead th[rowspan],
.table table tbody td[colspan],
.table table tbody td[rowspan]{border-left:1px solid #E6E6E6;}

.table table thead th[colspan]:last-of-type,
.table table thead th[rowspan]:last-of-type,
.table table tbody td[colspan]:last-of-type,
.table table tbody td[rowspan]:last-of-type{border-right:0;border-left:1px solid var(--gray2);}

/* alert 팝업 */
.popWrap{display:none;position:fixed;width:100%;height:100%;left:0;top:0;background-color:rgba(33, 37, 41, 0.70);z-index:1000;}
.alertPopupContArea{position:absolute;width:calc(100% - 40px);left:50%;top:50%;transform:translate(-50%,-50%);border-radius:16px 16px 0 0;overflow:hidden;max-width:480px;}
.alertPopupContArea .alertPopupClosed{position:absolute;left:90%;top:8px;width:40px;height:40px;background-image:url(../images/common/ic_line_20_close.svg);background-repeat:no-repeat;background-size:20px auto;text-indent:-9999px;background-position:center center;}
.alertPopupContArea .popTitleArea{padding:20px 20px 20px 20px;background-color:var(--white);}
.alertPopupContArea .popTitleArea>p{font-size:18px;line-height:26px;letter-spacing:-0.2px;color:var(--gray10);text-align:center;font-weight:700;}
.alertPopupContArea .popContArea{padding:20px 2px 32px 2px;text-align:center;font-size:14px;font-weight:500;line-height:-0.1px;color:var(--gray8);word-break:keep-all;background-color:var(--white);margin-top:-1px;}
.alertPopupContArea .popBtnArea{border-radius:0 0 16px 16px;overflow:hidden;display:flex;}
.alertPopupContArea .popBtnArea .cmp_button{border-radius:0;flex:1;}

/* 팝업 컨텐츠 */
.popCont{position:absolute;width:calc(100% - 40px);left:50%;top:50%;transform:translate(-50%,-50%);border-radius:16px;overflow:hidden;max-width:600px;background-color:#fff;}
.popCont .popTitle{padding:20px 50px 20px 30px;background:none;}
.popCont .h2 {color:#222;font-size:20px;font-weight:700;line-height:32px;}
.popCont .pop_sTit {display:block;margin-bottom:10px;color:#1c83ee;font-size:17px;font-weight:700;line-height:19px;}
.popCont .btn_close {position:absolute;right:20px;top:23px;width:19px;height:19px;background:url(../images/common/ico_popClose.png) no-repeat center;text-indent:-999px;z-index:1;}
.popCont .popInner{padding:0 20px 20px 20px}
.popCont .popInner .popInnerScroll{max-height:300px;overflow-y:auto;}


.btnArea{margin-top:20px;}
.btnArea .cmp_button{margin:0 5px;}

#dim{
    display:block;position:fixed;width:100%;height:100%;left:0;top:0;background-color:rgba(33, 37, 41, 0.70);z-index:2000;
}
#spinner {
    position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
    width: 50px;
    height: 50px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    box-sizing: border-box;
  
    border-top-color: white;
    border-bottom-color: white;
  
    border-radius: 100%;
    animation: spin 1s ease-in-out infinite;
  }
  
  @keyframes spin {
    100%
    {
      transform: translate(-50%,-50%) rotate(180deg);
    }
  }