body {min-width:1380px;}
header{width:100%;}
.gnb_wrap{position:relative;height:62px;width:1224px;margin:0 auto;padding-top:22px;}
.gnb_wrap .gnb_list{position:absolute;top:22px;right:0;font-size:0;}
.gnb_wrap h1{position:absolute;top:20px;left:0;}
.search_wrap{width:504px;height:40px;border-radius:20px;border:1px solid #dfe3e9;background:#f4f6fa;position:relative;margin:0 auto;box-sizing: border-box;overflow:hidden;}
.search_wrap select{width:134px;height:38px;line-height:38px;border:0;float:left;text-indent:20px;outline:none;background-color:transparent}
.search_wrap input{width:368px;line-height:36px;border:0;float:left;outline:none;text-indent:10px;background:transparent}
.search_wrap button{position: absolute;top:0;right:0;height:40px;width:38px;}
.search_wrap button img{vertical-align: middle;display:block;margin-top:-2px;}

.search_container {align-items: center;display: flex;justify-content: right;position:relative;}
.search_container .search_box_with_pop{display:flex;width:360px;height:40px;border:1px solid #dfe3e9;background:white;position:relative;box-sizing: border-box;overflow:hidden; border-radius: 4px; }
.search_container .search_box_with_pop input{width:360px;line-height:38px;border:0;outline:none;background:white;font-size:16px;}
.search_container .search_box_with_pop button img{vertical-align: middle;display:block;margin:-2px 0 0 8px;}
.search_container button.search_condition_more {min-width:unset;width:auto; height: 40px; padding: 0 10px;background-color:#F0F3F9; font-size:16px; font-weight:400; margin-left:8px; color:#212529;border-color:#CED0DA;
    &:after {content: "";display: inline-block;width: 10px;height: 6px;margin-left: 10px;background-position: center;background-size: contain;background-repeat: no-repeat;background-image: url(/static/image/mycloud/icon_search_more.svg);}
    &.active {position: relative; color:#20BCB7; &:after {transform: rotate(-180deg); filter: invert(61%) sepia(25%) saturate(1192%) hue-rotate(129deg) brightness(96%) contrast(93%);}}
}
.gnb_list .mypage_page{width:52px;height:52px;border-radius:26px;background-repeat: no-repeat;background-position:center;background-size:cover;}
.gnb_list a{display:inline-block;margin-left:24px;vertical-align: middle;}

.nav{height:42px;padding-top:20px;width:100%;background:#20bcb7;}
.nav_inner{position:relative;width:1224px;margin:0 auto;}
.menu{float:left;}
.menu li{float:left;margin-left:70px;}
.menu li:first-child{margin-left:0;}
.menu li:nth-child(2){margin-left:80px;}
.menu li a{display:inline-block;font-size:18px;font-weight:500;color:#fff;padding-bottom:5px;border-bottom:2px solid transparent;line-height:1;letter-spacing: -0.05px;}
.menu li:nth-child(5) a {color:#fff9c7;}
.menu li a:hover{text-decoration: none;font-weight:500;}
.menu li.active a{border-bottom:2px solid #fff;font-weight:bold;}
.sub_menu{float:right;/*margin-right:20px*/}
.sub_menu li{float:left;padding-left:50px;position:relative;}
/*.sub_menu li::after{content:'';display:block;position:absolute;top:50%;left:0;width:1px;height:18px;margin-top:-9px;background: #fff9c7;}
.sub_menu li:first-child{padding-left:0;padding-right:27px;}
.sub_menu li:first-child::after{display:none;}*/
.sub_menu li a{display:inline-block;font-size:18px;font-weight:500;color:#fff9c7;padding-bottom:5px;border-bottom:2px solid transparent;line-height:1;letter-spacing: -0.05px;}
.sub_menu li a:hover{text-decoration: none;font-weight:500;}

.cont_header{height:50px;border-bottom:1px solid #dadce0}
.cont_header .header_inner{width:1224px;margin:0 auto;}
.cont_header .header_inner.width_big{width:1380px;padding-left:25px;box-sizing: border-box;}
.cont_header .page_info{float:left;line-height:50px;font-size:14px;}
.cont_header .page_info img{vertical-align: middle;display:inline-block;padding-right:10px;margin-top:-2px;}
.cont_header .page_info span{padding-left:13px;}
.cont_header .page_step{float:right;font-size:0;padding-top:16px;}
.page_step span{font-size:0;display:inline-block;width:16px;height:16px;padding-left:74px;position:relative;}
.page_step span::after{content:'';display:block;position:absolute;;width:16px;height:16px;border-radius:8px;background:#e8e9ef;}
.page_step span::before{content:'';display:block;position:absolute;top:50%;left:0;height:4px;width:74px;background:#e8e9ef;margin-top:-2px;}
.page_step span:first-child{padding:0;}
.page_step.step_1 span:nth-child(1)::after{background:#f3b79b;}
.page_step.step_2 span:nth-child(1)::after,.page_step.step_2 span:nth-child(2)::after{background:#f3b79b;}
.page_step.step_2 span:nth-child(2)::before{background:#f3b79b;}
.page_step.step_3 span:nth-child(1)::after,.page_step.step_3 span:nth-child(2)::after,.page_step.step_3 span:nth-child(3)::after{background:#f3b79b;}
.page_step.step_3 span:nth-child(2)::before,.page_step.step_3 span:nth-child(3)::before{background:#f3b79b;}
.page_step.step_4 span::after{background:#f3b79b;}
.page_step.step_4 span::before{background:#f3b79b;}

.content{width:1224px;margin: 0 auto;}
.content.is-w100 .left_cont {width:100%;float:none;}
.content.is-w100 .right_cont {display: none;}
.content.is-w100 .top-page-info .state {display: flex !important;}

.content .left_cont{width:852px;float:left; position: relative;}
.content .right_cont{width:324px;float:right;position:relative;}

.content .left_cont.is-w100 .state {
    display: block;
}

.content.width_big{width:1428px;margin: 0 auto;}
.content.width_big .left_cont{width:900px;float:left;}
.content.width_big .right_cont{width:504px;float:right;}

.radio_lab{display:inline-block; position: relative;}

.radio_lab .icon-label {
    position: absolute;
    left:50%; top:-15px; transform: translateX(-50%);
}


.radio_lab.disabled,
.radio_lab input:disabled, 
.radio_lab input:disabled + span {
    border-radius: 4px;
    background: var(--gray-30, #E9ECEF);
    color: var(--gray-60, #ADB5BD);
    font-style: normal;
    pointer-events: none;
    cursor:default;
}

.radio_lab:has(input:disabled) {
    cursor:default;
}

.radio_lab input{display:none;}

.radio_lab span{display:block;width:76px;height:36px;line-height:36px;text-align:center;font-size:15px;color:#626262;letter-spacing:-0.3px;border:1px solid #ced0da;border-radius:4px;box-sizing: border-box;}

.radio_lab input:checked+span{background:#20bcb7;border-color:#20bcb7;color:#fff;border:1px solid #20bcb7;}

.radio_lab.type_02 span{width:108px;border-radius:18px;}

.radio_lab.type_03 input:checked+span{padding-left:12px;background:url(/static/image/icon_color_checked.png) no-repeat 8px 8px #20bcb7; background-size:20px ;}

.coustom_checkbox{display:inline-block;vertical-align: top; height: 20px;font-size:0;;}
.coustom_checkbox input{display:none}
.coustom_checkbox span{display:inline-block;width:20px;height:20px;border:1px solid #ced0da;box-sizing: border-box;}
.coustom_checkbox input:checked + span{border:0;background:url(../image/icon_checked.png) no-repeat center center}
.coustom_checkbox input[indeterminate="true"] + span, .coustom_checkbox input[indeterminate="true"] + span{border: none;background:url(../image/mycloud/icon_check_indeterminate.svg) no-repeat center center !important;}
.coustom_checkbox input[indeterminate="true"] + span:hover, .coustom_checkbox input[indeterminate="true"] + span:hover{border: 1px solid #ADB5BD !important;}
.coustom_checkbox i{font-size:14px;letter-spacing: -0.3px;font-style: normal;display:inline-block;line-height:18px;padding-left:10px;vertical-align: top;}
.coustom_radio{display:inline-block;vertical-align: top;    height: 20px;font-size:0;;}

.coustom_radio input{display:none}
.coustom_radio span{display:inline-block;width:20px;height:20px;border:1px solid #ced0da;box-sizing: border-box;border-radius:10px}
.coustom_radio input:checked + span{border:0;background:url(/static/image/icon_radio_checked.png) no-repeat center center}
.coustom_radio i{font-size:14px;letter-spacing: -0.3px;font-style: normal;display:inline-block;line-height:18px;padding-left:10px;vertical-align: top;}

.layer_popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5)}
.layer_popup .popup_wrap{padding:48px;background:#fff;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);min-width:500px;box-shadow:0 0 20px rgba(0,0,0,0.5);}
.layer_popup .popup_wrap:has(.folder){padding:40px; min-width:580px;}
.layer_popup .popup_title{font-size:22px;letter-spacing: -0.3px;height:52px;border-bottom:1px solid #20bcb7;}
.layer_popup .popup_wrap:has(.folder) .popup_title {border-bottom: none;font-size: 20px;font-weight: 500;}
.layer_popup .popup_wrap:has(.folder) .popup_title span {color: #20bcb7;}


.layer_popup .popup_title.has-zocbo {border-bottom:1px solid #197EDF; font-size: 20px;}

.layer_popup .popup_title img{vertical-align: middle;padding-right:10px;margin-top:-4px;display:inline-block}
.layer_popup .popup_close{position:absolute;top:25px;right:23px;}
.layer_popup .popup_wrap:has(.folder) .popup_close{top:45px;right:40px;}

.layer_popup .add_school,
.layer_popup .add_class {width: 704px;}

.layer_popup .add_school {
    width: 504px;
    .search__box {
        width: 100%;
    }
    #validation_message {padding-top:20px !important;}
}

.layer_popup .add_school .popup_header .popup_title,
.layer_popup .add_class  .popup_header .popup_title {
    height: 50px;
    padding: 10px 0px;
    color: #212529;
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    border-bottom: 2px solid #20BCB7;
}

.layer_popup .add_school {
    .popup_title {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        .is-popuptext {
            margin-left:10px;
            color: #7F8FA4;
            font-family: "Noto Sans KR";
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 30px;  
        }
    } 
}

.layer_popup .add_school .popup_header .popup_text,
.layer_popup .add_class .popup_header .popup_text {
    margin-top: 10px;
    color: #7F8FA4;
    font-family: "Noto Sans KR";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.layer_popup .add_school .popup_cont .top-school-infomation,
.layer_popup .add_class .popup_cont .top-school-infomation {margin-top: 10px;}
.layer_popup .add_school .popup_cont #validation_message,
.layer_popup .add_class .popup_cont #validation_message {
    padding-top: 48px;
    color: #FF4545;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
}

.layer_popup .add_school .search__resultItemCntBox {max-height: 170px !important;}

.popup_cont strong {font-weight: 500;font-size: 22px;}
.popup_cont .list_head {margin-top: 11px}
.popup_cont .list_head:after {content: ''; display: block; clear: both;}
.popup_cont .list_head .list_left {float: left; font-weight: 500; font-size: 16px;}
.popup_cont .list_head .list_right {float: right; position:relative; font-weight: 500; font-size: 12px; color: #20BCB7;}
.popup_cont .list_head .list_right:before {content: ''; position:absolute; top:0; left:-25px; width: 20px; height: 20px; background: url(/static/image/icon_popup_title_mark.png) no-repeat 0 0;}
.popup_cont .list_cont table {width:100%; margin-top:20px; border-top: 1px solid #ced0da;}
.popup_cont .list_cont table th {height: 52px; border-bottom: 1px solid #ced0da; border-right:0 !important; background: #f4f6f9 !important; font-size: 16px; color: #7f8fa4; font-weight: 500;}
.popup_cont .list_cont table td {font-size: 14px; border-right:0 !important; padding: 5px 0;}
.popup_cont .list_cont table td.date {color: #DC948D;}
.popup_cont .list_cont table td span {color: #20BCB7;}
.popup_cont input { width: 100%;}
.popup_cont .caption { color: #20BCB7; text-align: right; padding: 4px 4px 0 0; font-size: 12px;}
.popup_cont .caption_error {display: none; color: #FF4545; text-align: left; font-size: 12px; padding: 4px 0 0 4px;}
.popup_foot{text-align:center;margin-top:25px; &.mt_30 {margin-top:30px;}}
.popup_foot button{display:inline-block;width:100px;height:36px;line-height:36px;text-align:center;border:0;background:#20bcb7;color:#fff;font-size:16px;border-radius:4px;}
.popup_foot.double{& button { width: 180px; height: 48px; display: inline-block; font-size:18px;}}
.popup_foot button.has-zocbo {background-color: #197EDF; height: 48px; font-size: 18px; width: 180px;}

.type_wrap{padding-top:50px;text-align: center;}
.type_wrap div{display:inline-block;vertical-align:top;width:75px;font-size:20px;letter-spacing:-0.3px;text-align: center;}
.type_wrap div input{width:100%;height:36px;border:1px solid #ced0da;border-radius: 0;text-align:center;font-size:20px;letter-spacing:-0.3px;}
.type_wrap div p{margin-top:10px;}
.type_wrap div p:first-child{margin-top:0;}
.type_wrap span{font-size:20px;letter-spacing:-0.3px}

.level_wrap{margin:25px 0;}
.layer_popup table:not(.tbl){border:1px solid #ced0da;border-left:0;border-right:0;}
.layer_popup table th{height:43px;border:1px solid #ced0da;border-left:0;background:#f4f6f9;font-size:16px;color:#7f8fa4;font-weight:500;}
.layer_popup table th:last-child{border-right: 0;}
.layer_popup table tbody th{background:none;}
.layer_popup table td{height:45px;border:1px solid #ced0da;border-left:0;text-align:center;font-size:16px;color:#000;}
.layer_popup table td:last-child{border-right: 0;}
.layer_popup table td input{width:100px;height:35px;border:1px solid #ced0da;border-radius: 0;text-align:center;font-size:16px;letter-spacing:-0.3px;}

.select_ex{padding:24px 0;}

.select_ex::after{content:'';display:block;clear: both;}
.select_ex select{float:left;width:157px;border:1px solid #ced0da;border-radius:5px;text-indent:10px;}
.select_ex .num{float:right;font-size:16px;letter-spacing:-0.3px;line-height:36px;}

input[type="range"]{
    -webkit-appearance: none;
    -moz-apperance: none;
    border-radius: 4px;
    height: 4px;
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0.15, #9bd3ab),
        color-stop(0.15, #e2e7ee)
    );
}

input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    background-color: #fff;
    border: 1px solid #d6d8e0;
    height: 15px;
    width: 15px;
    border-radius: 8px;
}

.report_popup.layer_popup .popup_wrap{width:730px;}
.popup_info{padding-top:20px;font-size: 18px;letter-spacing: -0.3px;;}
.error_select{overflow:hidden;margin-top:22px;}
.error_select .error_item{float:left;width:25%;}
.error_select .error_item .option_group{padding:15px 0 0 30px;}
.error_select .error_item .option_group .radio_lab span{height:28px;line-height:28px;width:auto;padding:0 8px;}
.error_select .error_item .option_group .radio_lab  input:checked+span{background:#7f8fa4;border-color:#7f8fa4}
.error_select .error_item .coustom_radio input:checked + span{border:0;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9.5' fill='white' stroke='%23197EDF'/%3E%3Ccircle cx='10' cy='10' r='5' fill='%23197EDF'/%3E%3C/svg%3E%0A");
}

.error_select .error_item .option_group.error_detail_01 {padding-left:10px;}
.error_select .error_item .option_group.error_detail_01 .radio_lab{width:80px;}


.error_select .error_item .option_group  .radio_lab{margin-bottom:5px;}
.error_write{padding-top:25px;}
.error_write textarea{width:100%;height:121px;border:1px solid #ced0da;resize: none;padding:15px;box-sizing: border-box;}

.popup_del.layer_popup .popup_wrap{width:730px;}
.confirm{padding:40px 0;}
.confirm .text{text-align:center;font-size:22px;;letter-spacing: -0.3px;}
.confirm_btn{text-align:center;margin-top:40px;}
.confirm_btn button{width:216px;height:48px;line-height:48px;text-align:center;margin-left:23px;border:0;background:#7f8fa4;border-radius:5px;color:#fff;font-size:18px;;}
.confirm_btn button:first-child{margin:0;}
.confirm_btn button.confirm_yes{background:#20bcb7}

/* .pageing{margin-top:36px;font-size:0;text-align:center;}
.pageing button{display:inline-block;position: relative;display:inline-block;width:30px;height:32px;text-align:center;border:1px solid #ced0da;vertical-align:top;box-sizing: border-box;border-left:0;position:relative;}
.pageing button.btn_frist{border-left:1px solid #ced0da;}
.pageing button img{vertical-align: top;}
.pageing button.active{color:#20bcb7;}
.pageing button.active::after{content:'';display:block;width:29px;height:30px;position:absolute;top:-1px;left:-1px;border:1px solid #20bcb7} */

.down_set{padding:24px 0 45px;}
.down_set.down_set_01{padding-bottom:70px;}
.down_set .coustom_checkbox{padding-left:57px;}
.down_set .coustom_checkbox:first-child{padding:0;}
/*.down_set.down_set_02 .coustom_checkbox{padding-left:120px;}*/
.down_set.down_set_02 .coustom_checkbox:first-child{padding:0;}
.download_setting .popup_foot button{width:216px;height:48px;}


/* [����] */
.gnb_wrap .logo {position: absolute;top: 22px;left: 0;font-size: 0;}
.tooltip{position:relative;}
.worksheet.tooltip {z-index:auto;}
.tooltip_cont:after{content:'';position:absolute;bottom: -6px;left:50%;transform: translateX(-50%); width: 0px;height: 0px;border-top:6px solid #fbdf83;border-right:6px solid transparent;border-left: 6px solid  transparent;}
.tooltip:hover .tooltip_cont{display:block;} 
.tooltip_cont{display:none;position:absolute;font-size: 11px !important;color:#5C626C;white-space:nowrap !important;padding:10px;background:#fbdf83;border-radius:5px;left:50%;transform: translateX(-50%);top:calc(100% + -65px);z-index:99999;}


.tooltip.is-bottom .tooltip_cont:after {
    top: -6px;
    left:50%;
    transform: translateX(-50%); 
    border-bottom: 6px solid #fbdf83;
    border-top:none;
}

.tooltip.is-bottom .tooltip_cont {
    top: calc(100% + 10px);
    border-radius:8px;
}

.tooltip.is-gab .tooltip_cont {
    padding:16px 16px 16px 16px !important;
}

.drag_item .tooltip_cont {
    top: calc(100% + -97px);
}
.tooltip.mycloud_home_tooltip .tooltip_cont {
    position:absolute;
    font-size: 11px !important;
    color:#5C626C;
    white-space:nowrap !important;
    padding:10px;
    background:#fbdf83;
    border-radius:5px;
    left:50%;
    transform: translateX(-50%);
    top:calc(100% + -58px);
    z-index:99999;
}

.tooltip.worksheet_edit_tooltip .tooltip_cont {
    /* top: calc(100% + -53px); */
    top: calc(100% - 53px);
    left: auto; right: -12px;
    transform: translateX(0);
    &::after {
        left: auto; right: 16px;
        transform: translateX(0);
    }
}

.tooltip.similar_tooltip .tooltip_cont {
    display:none;
    position:absolute;
    font-size: 11px !important;
    color:#5C626C;
    white-space:nowrap !important;
    padding:10px;
    background:#fbdf83;
    border-radius:5px;
    left:50%;
    transform: translateX(-50%);
    top:calc(100% + -58px);
    z-index:99999;
}
.tooltip.similar_tooltip .tooltip_cont:after{
    content:'';
    position:absolute;
    top:auto;
    bottom: -6px;
    left:50%;
    transform: translateX(-50%); 
    width: 0px;
    height: 0px;
    border-top:6px solid #fbdf83;
    border-bottom:0;
    border-right:6px solid transparent;
    border-left: 6px solid  transparent;
}
.tooltip.similar_tooltip:hover .tooltip_cont{
    display:block;
} 
.tooltip_cont.examnumb_tooltip {
    top: auto;
    bottom:58px;
}
.radio_lab span{display:block;min-width:66px;padding:0 5px;width:auto;height:36px;line-height:36px;text-align:center;font-size:15px;color:#626262;letter-spacing:-0.3px;border:1px solid #ced0da;border-radius:4px;box-sizing:initial}
.radio_lab.tooltip span.tooltip_cont{text-align: left;}
.radio_lab.type_02 span{width:auto;min-width:108px;border-radius:18px;}
.coustom_checkbox{display:inline-block;vertical-align: top;height: 20px;font-size:inherit}
.print_badge.option_line .type_02 span{min-width:95px;border-radius:18px;}
.coustom_checkbox span{display:inline-block;width:20px;height:20px;border:1px solid #ced0da;box-sizing: border-box;background-color:#fff}
.layer_popup{z-index:99999}
.layer_popup .popup_wrap{border-radius: 8px;}
.layer_popup table td{height:55px;}
.error_select .error_item .option_group.error_detail_01 .radio_lab{width:auto;}

.img_disabled{filter:grayscale(1) !important;}
.btn_disabled{background:#ecedef !important;color:#b3b6c5 !important;border:1px solid #ced0da !important;}
.color_disabled{color:#b3b6c5 !important;}

div.hide, ul.hide, p.hide {display: none;}
.hide-important {display: none !important;}
div.table_place  td {vertical-align:top; height:20px; padding:10px}

.ellipsis {white-space: nowrap;text-overflow: ellipsis; /* IE, Safari */ -ms-text-overflow: ellipsis;-o-text-overflow: ellipsis; /* Opera under 10.7 */ overflow: hidden; /* "overflow" value must be different from "visible" */ -moz-binding: url('/static/css/ellipsis.xml#ellipsis');}

ul.list_wrap.qst_chapter {display: inline-block;width:310px;}

a > s.highlight {background-color: #fbdf83;text-decoration: none;}

.loading {top:0;left:0;width:100%;height:100%;display:flex;background:rgba(255,255,255,0.5);z-index:100000}
.loading.dark {background:rgba(0, 0, 0, 0.4);}
.loading.absolute {position:absolute}
.loading.fixed {position:fixed;}
.loading img {margin:auto;display:block;image-rendering: -webkit-optimize-contrast;}

.gnb_list .mypage_page{width:52px;height:52px;border-radius:26px;background-color:#e8e9ef;background-repeat: no-repeat;background-position:center;background-size:cover;image-rendering: -webkit-optimize-contrast;}
.gnb_list a{display:inline-block;margin-left:24px;vertical-align: middle;}

.radio_lab.type_03 span {min-width:50px !important;width:auto}
.radio_lab.type_03 input:checked+span {padding-left:5px;background:#20bcb7; background-size:0;}

body {
-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

body.select {
-webkit-touch-callout: initial;
    -webkit-user-select: initial;
     -khtml-user-select: initial;
       -moz-user-select: initial;
        -ms-user-select: initial;
            user-select: initial;
}

body img {image-rendering: -webkit-optimize-contrast;}

.radio_lab span.tooltip_cont {
    display:none;
    position:absolute;
    font-size: 11px;
    color:#000;
    white-space: nowrap;
    padding:10px;
    border:none;
    line-height:initial;
    height:auto;
    background:#fbdf83;
    border-radius:5px;
    left:50%;
    transform: translateX(-50%);
    top:auto;
    bottom:45px;
    z-index:99999;
}
.nav_lnb {visibility:hidden;position:absolute;top:42px;left:-50px;width:1330px;background-color:#fff;border-bottom:1px solid #dadce0;z-index:999;box-shadow:0 5px 10px 0 rgba(0,0,0,0.2);border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.lnb{float:left;padding:25px 0;}
.lnb li{float:left;}
.lnb li:nth-child(1){margin-left:30px;}
.lnb li:nth-child(2){margin-left:20px;}
.lnb li:nth-child(3){margin-left:45px;}
.lnb li a{display:inline-block;font-size:15px;font-weight:500;color:#626262;padding-bottom:10px;line-height:1;letter-spacing: -0.05px;}
.lnb li a:hover{text-decoration: none;font-weight:500;}
.lnb li.active a{border-bottom:2px solid #fff;font-weight:bold;}
.sub_lnb{float:right;padding:25px 0;margin-right:60px}
.sub_lnb li{float:left;position:relative;}
.sub_lnb li:nth-child(1){margin-left:0px;}
.sub_lnb li:nth-child(2){margin-left:50px;}
.sub_lnb li:nth-child(3){margin-left:58px;}
.sub_lnb li a{display:inline-block;font-size:15px;font-weight:500;color:#626262;padding-bottom:10px;line-height:1;letter-spacing: -0.05px;}
.sub_lnb li a:hover{text-decoration: none;font-weight:500;}

/* 2022-01 �߰� */
.popup_foot button{margin-left:15px;}
.popup_foot button:first-child{margin-left:0}
.popup_foot button.wide{width:216px;height:48px;line-height:48px;}
.popup_foot button.gray{background-color:#7f8fa4;}

.toast {
    visibility: hidden;
    min-width: 520px;
    margin-left: -125px;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    text-align: center;
    border-radius: 12px;
    padding: 18px 20px;
    position: fixed;
    left: 50%;
    bottom: -46px;
    font-size: 18px;
    z-index: 99;
    transition: visibility 0.5s, bottom 0.5s, opacity 0.5s;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    .back-btn {
        display: inline-flex;
        color: #FFBE33;
        font-size: 16px;
    }
    .close-btn {
        margin-left: 30px;
        display: inline-flex;
        cursor: pointer;
        width: 15px;
        height: 15px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(/static/image/icon_popup_close_w.png);
    }
}

.toast.show {
    visibility: visible;
    bottom: 46px;
    opacity: 1;
}

.fw_400 {font-weight: 400 !important;}
.fw_500 {font-weight: 500 !important;}
.after-table-loading {
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 10px 0;
}