/* layout */
#ncs-wrap{overflow: hidden; position: relative; width: 100%; height: 100%;}

#ncs-section{width:100%; height: 100%; min-height: 100%; position: relative;}
#ncs-section .inner{width: 1050px; height: auto; margin: 40px auto 0; overflow: hidden;}
.ncs-cont-wrap{box-sizing: border-box; overflow: hidden; float: left; }
.ncs-cont-wrap .content-area .lecture-list-wrap *{font-family: 'Noto Sans KR', sans-serif!important; box-sizing: border-box;}
.ncs-cont-wrap .content-area .lec-list{margin-bottom: 20px;}
/* NCS 직업교육 메인 */
.ncs-cont-wrap .title-area{overflow: hidden;}
.ncs-cont-wrap .title-area h1.main-title{display: inline-block; font-size: 24px; font-weight: 700; text-align: left; color: #212121; margin-bottom: 20px; margin-top: 5px;}
.ncs-cont-wrap .title-area h1.main-title span{font-size: 16px; font-weight: 500; margin-left: 5px;}
.ncs-cont-wrap .content-area{padding-bottom: 100px;}
.ncs-cont-wrap .content-area h2.title{font-size: 18px; font-weight: 600; text-align: center; padding: 15px 30px; color: #212121; border-top: 2px solid #212121; border-bottom: 1px solid #e3e3e3;}
/* 테이블 공통 */
.ncs-table{width:100%; background: #fff;}
.ncs-table tbody{overflow: hidden;}
.ncs-table tr{border-bottom: 1px solid #e3e3e3;font-family: 'NotoSansKR','NanumBarunGothic', '나눔바른고딕', 'Open Sans', 'dotum'; height: 50px;}
.ncs-table tr th,
.ncs-table tr td {font-family: 'NotoSansKR','NanumBarunGothic', '나눔바른고딕', 'Open Sans', 'dotum';font-size: 16px;}
.ncs-table tr th{background: #f5f5f5; color: #212121; font-weight: 500; line-height: 19px; padding: 0 30px;}
.ncs-table2 tr th{width: 20%; text-align: left;color: #212121; font-weight: 500;}
.ncs-table tr td{width: 70%; text-align: left; padding-left: 15px; padding-right: 15px; color: #777; font-weight: 500; overflow: hidden;white-space: normal;word-break: keep-all; display: table-cell; -webkit-line-clamp:2; -webkit-box-orient: vertical; border-bottom: none;}
.ncs-table tr .total{color:#e03131!important; font-weight: 600;}
.ncs-table tr.last{background: #eee; width: 100%!important;}
.ncs-table tr.sub-line{border-bottom: none;}
.ncs-table tr.sub-line:nth-last-of-type(1){padding: -10px 0 0 0;}
.ncs-table tr.sub-line th, 
.ncs-table tr.sub-line td{color: #9e9e9e;}
    /* 테이블 - 장바구니 신규 스타일 작업 부분 */
.ncs-table tr.f-left{display: inline-block; width: 50%;}
.ncs-table tr.f-left th,
.ncs-table tr.f-left td{display: inline-block;}
.ncs-table tr.bt-1{border-top:1px solid #e3e3e3;}
.ncs-table tr.b-none{border-bottom: none; height: 40px;}
@media screen and (min-width:868px) and (max-width:1410px) {

}
@media screen and (min-width:481px) and (max-width:867px) {
    .ncs-table tr th.w-active{width: 20%;padding: 0 15px;}
}
@media screen and (min-width:320px) and (max-width:480px) {	
    .ncs-table tr th.w-active{width: 15%;}
}

.ncs-payment .ncs-cont-wrap{float:initial; margin: 0 auto; background: #fff;}
.ncs-payment .ncs-cont{}
.ncs-payment .btn{height: 42px; line-height: 42px; padding: 0 35px; border: none; font-size: 16px; color:#fff; background: #464646;}
.ncs-payment .btn.btn-info{cursor: pointer; display:inline-block; width:18px; height: 18px; line-height: 18px; font-size: 14px; text-align: center; padding: 0; border-radius: 50%; margin-left: 5px;}

.ncs-payment .btn:hover{  background:#4c61b5; color:#fff;transition: all 0.3s;}
.ncs-payment .btn.btn-info:hover{  background:#4c61b5; color:#fff;transition: all 0.3s;}
.ncs-cont-wrap.ncs-payment .content-area h2.title{margin-bottom: 0;border-bottom:1px solid #e3e3e3}

.ncs-payment .payment-box{}
.ncs-payment .payment-box h3.title{font-size: 20px;line-height: 1.6;letter-spacing: -1px;text-align: left;color: #212121;margin-bottom: 15px;}
.ncs-payment .payment-box h4.title{font-size: 18px;font-weight: 500;text-align: left;color: #212121;margin-bottom: 10px;}
.ncs-payment .payment-box h5.title{font-size: 14px;font-weight: 500;text-align: left;color: #212121;}

.ncs-payment .ncs-method .ncs-table{}
.ncs-payment .ncs-method .ncs-table tbody{border-top:2px solid #212121;}
.ncs-payment .ncs-method .ncs-table tbody td{display:table-cell; text-align: left; padding-right:30px;}
.ncs-payment .pay-employer .ncs-method .ncs-table tbody td{display:table-cell; text-align: left; padding-left:30px;}

.ncs-payment .ncs-method form{border-bottom: 1px solid #e3e3e3;}
.ncs-payment .ncs-method form .method-label{display: block;font-size: 16px;font-weight: 500;text-align: left;color: #212121;margin-bottom: 15px;}
.ncs-payment .ncs-method form label {font-size: 14px;text-align: left; color: #777;}
.ncs-payment .ncs-method .btn-wrap{text-align: center;margin: 40px 0 100px;}
.ncs-payment .ncs-method .btn-wrap .btn-prev{background: #9e9e9e;}
.ncs-payment .ncs-method form .txt-wrap{margin-top:10px}
.ncs-payment .ncs-method form .txt-wrap p{font-size: 14px; line-height: 24px; color:#757575;}

.ncs-payment .register-form{}
.ncs-payment .register-form .box-register{}
.ncs-payment .register-form .box-register .input-wrap:nth-of-type(1){border-top: 2px solid #212121;}
.ncs-payment .register-form .box-register .input-wrap{border-bottom: 1px solid #e3e3e3;height: 55px; overflow: hidden;}
.ncs-payment .register-form .box-register .input-wrap select{ font-family: 'NotoSansKR','NanumBarunGothic', '나눔바른고딕', 'Open Sans', 'dotum'; width: 100%; height: 40px; padding: 0 24px 0 10px;border: 1px solid #dbdbdb; background: url(../img/icon_select.png) no-repeat right 10px center;  -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.ncs-payment .register-form .txt-desc{width: 28%; background: #f5f5f5; padding-left: 3%;}
.ncs-payment .register-form .nf-write:nth-of-type(2),
.ncs-payment .register-form .nf-write:nth-of-type(3){margin: 0;}
.ncs-payment .register-form .user-info{font-size: 16px; color: #777;margin: 0 0 0 3%;}
.ncs-payment .register-form .list-guide{margin: 20px 0 40px;}
.ncs-payment .register-form .list-guide li{position: relative;font-size: 14px;color:#757575;padding-left: 10px;}
.ncs-payment .register-form .list-guide li:before{content: ''; width: 5px; height: 1px; background: #757575; position:absolute; top:10px; left: 0;}
.ncs-payment .register-form .btn-wrap{width:100%; text-align:center;margin-top:50px; margin-bottom:50px;}

/* select-box 커스텀 */
.selectbox-wrap{}
.selectbox-wrap form{width: 85%;}
.selectbox-wrap .ncs-select {width:100%;font-size: 14px; color: #757575; border: 1px solid #e3e3e3;padding: 10px 10% 10px 10px;}
.selectbox-wrap p{font-size: 14px;font-weight: 300;text-align: left;color: #757575;}
.selectbox-wrap h5.title{font-size: 14px;font-weight: 500;text-align: left; color: #212121;}

.ncs-payment .payment-box h3.title{font-size: 20px;line-height: 1.6;letter-spacing: -1px;text-align: left;color: #212121;margin-bottom: 15px;margin-top: 30px;}
.ncs-payment .payment-box h4.title{font-size: 18px;font-weight: 500;text-align: left;color: #212121;margin-bottom: 10px;}
.ncs-payment .payment-box h5.title{font-size: 14px;font-weight: 500;text-align: left;color: #212121;margin-right: 10px;}

*, *::before, *::after {
    box-sizing: border-box;
}
.ncs-payment .ncs-policy .policy-box{border: solid 1px #e3e3e3; padding: 30px;}
.ncs-payment .ncs-policy .policy-info{font-size: 16px;font-weight: 300;line-height: 1.5;color: #777;}
.ncs-payment .ncs-policy .policy-guide{background-color: #f5f5f5; padding: 20px 30px; border-bottom: 1px solid #e3e3e3;}
.ncs-payment .ncs-policy .policy-guide p{width: 100%; font-size: 16px;text-align: left;color: #212121;}
.ncs-payment .ncs-policy .policy-guide p.plicy-user{text-align: right;font-size: 16px;color: #757575;margin: 20px 0 15px;}
.ncs-payment .ncs-policy .policy-guide .policy-form{display: -webkit-box; display: -ms-flexbox; display: block;-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; border-bottom: none;}
.ncs-payment .ncs-policy .policy-guide .policy-form .form-check-label{font-size: 14px;color: #757575;}
.ncs-payment .ncs-policy .policy-guide .layer_popup{margin-bottom: 8px;}

.ncs-payment .ncs-policy.policy-learning .policy-guide{border-bottom:none;} 
.ncs-payment .ncs-policy.policy-learning .policy-guide .policy-form{display: -webkit-box; display: -ms-flexbox; display: block;-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}
.ncs-payment .ncs-policy.policy-learning .policy-category{border-top:1px solid #e3e3e3;display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;-webkit-box-align: center; -ms-flex-align: center; align-items: center;}

.form-check {position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom:10px;}
.form-check input[type="radio"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.form-check input[type="radio"] + label { display: inline-block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none;-ms-user-select: none; vertical-align: middle; line-height: 21px;}
.form-check input[type="radio"] + label:before {content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; text-align: center; background: #fafafa; border: 1px solid #757575; border-radius: 100%; box-shadow: 0px 1px 2px rgba(255, 255, 255, 1), inset 0px -15px 10px -12px rgba(255, 255, 255, 1); }
.form-check input[type="radio"] + label:active:before,
.form-check input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(255, 255, 255, 1), inset 0px 1px 3px rgba(255, 255, 255, 1);}
.form-check input[type="radio"]:checked + label:before { background: #E9ECEE; border-color: #757575;}
.form-check input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 3px; left: 3px; width: 14px; height: 14px; background: #fff; border-radius: 100%;box-shadow: inset 0px 0px 100px #e03131;}


@media screen and (max-width:1250px) {
.ncs-cont-wrap .lecture-list .lec-info .btn-wrap{width: 70%;text-align: center; margin-left: 0;}

}
@media screen and (max-width:1050px) {
    #ncs-section .inner{width: 90%; margin: 0 auto;}

    .m-show{display:none;}
    .p-show{display: inline-block!important;}

    .ncs-cont-wrap .lecture-list .title-wrap h3.title a{margin-bottom: 10px; line-height: 24px;}
    .ncs-cont-wrap .lecture-list .lec-info .info-course {overflow: hidden; height: auto;}

}

/*  NCS 직업교육 tablet*/
@media screen and (min-width:868px) and (max-width:1410px) {
    #ncs-section .inner{width: 90%; margin: 40px auto 0;}

    .t-none{display:none!important;}
    .m-show{display:none!important;}
    .p-show{display: inline-block!important;}

    .ncs-cont-wrap .lecture-list .lec-info .info-price dd{padding-left: 15px;}
}

@media screen and (min-width:481px) and (max-width:867px) {
    #ncs-section .inner{width: 100%; margin: 0 auto;}
    #ncs-section .ncs-lecture .content-area {width:90%; margin: 20px auto;}

    .p-show,
    .t-none{display:none!important;}
    .m-show{display:inline-block!important;}
    .ncs-side-menu{display:none;}
    .ncs-cont-wrap{width: 100%}
    .ncs-cont-wrap .content-area{background: #eee; padding-bottom: 15px;}
    .ncs-cont-wrap .title-area h1.main-title{width:100%; background: #fff; color: #000; padding:10px 20px; font-size: 24px; margin-bottom: 0; display:none; }
    .ncs-cont-wrap .title-area h1.main-title span{font-size: 16px;}

    .ncs-cont-wrap .ncs-cont{width: 100%;}
    .ncs-cont-wrap .search_box{width: 50%;}
    .ncs-cont-wrap .search_box form{width: 100%;}

    .ncs-cont-wrap .lecture-list{overflow:hidden; background: #fff; margin-bottom: 10px; border-bottom: none; padding: 15px;}
    .ncs-cont-wrap .lecture-list:last-child{margin-bottom: 15px;}
    .ncs-cont-wrap .lecture-list .lec-info-wrap .lec-img{width: 130px; margin-right: 10px; height: auto;}
    .ncs-cont-wrap .lecture-list .title-wrap h3.title a{font-size: 16px; margin-right: 0; margin-bottom: 0; margin-right: 5px;}
    .ncs-cont-wrap .lecture-list .lec-info-wrap .lec-info{width: calc(100% - 150px);}
    .ncs-cont-wrap .lecture-list .lec-info .info-price{width:45%; float: initial;}
    .ncs-cont-wrap .lecture-list .lec-info .info-course{height: auto; overflow: hidden; width: 100%; margin-bottom: 0; line-height: 22px; font-size: 14px;}

    .ncs-cont-wrap .lecture-list .lec-info .info-price dt, 
    .ncs-cont-wrap .lecture-list .lec-info .info-price dd{font-size: 13px; line-height: 20px; text-align: left;}
    .ncs-cont-wrap .lecture-list .lec-info .info-price dd{width:60%; font-weight: 600; margin-left: 5px; color: #d50000}
    .ncs-cont-wrap .lecture-list .title-wrap .ico-best{margin-right: 0;}

    .ncs-cont-wrap .lecture-list .lec-info .info-course dd,
    .ncs-cont-wrap .lecture-list .lec-info .info-course dd:nth-of-type(3){margin-left: 5px;}
    .ncs-cont-wrap .lecture-list .lec-info .info-price dd span{width: auto; color: #212121;}
    .ncs-cont-wrap .lecture-list .lec-info .info-price dd.c-red{color: #d50000;}
    .ncs-cont-wrap .lecture-list .lec-info .info-price dd span.c-blue{color: #0d47a1;}

    .ncs-cont-wrap .search_box{width:100%; padding: 20px; margin: 0;}
    .ncs-cont-wrap .search_box form, 
    .ncs-cont-wrap .search_box input[type="text"], 
    .ncs-cont-wrap .search_box input[type="search"]{width: 100%; position: relative;}
    .ncs-cont-wrap .search_box select{width: 100%; margin-bottom: 7px; margin-right: 0;}
    .ncs-cont-wrap .search_box .input-wrap{width: 100%;}
    .ncs-cont-wrap .search_box .search-result{font-size: 17px; margin-top: 10px; color: #757575;}

    .ncs-cont-wrap .banner-wrap{width: 100%; overflow: hidden;}
    .ncs-cont-wrap .banner-wrap .banner{width: 50%; height: 90px;float: left; background: #e3e3e3; text-align: center; position: relative;}
    .ncs-cont-wrap .banner-wrap .banner img{display: block; width: 100%; height: 100%;}

    .ncs-lecture .search_box{width: 100%; padding: 0;}

    .ncs-lecture .content-area {background: #fff;}
    .ncs-lecture .content-area .info-wrap .lec-img{float: initial; width:100%}
    .ncs-lecture .content-area .info-wrap .lec-img img{width: 100%;}
    .ncs-lecture .content-area .info-wrap .lec-wrap{float: initial; width: 100%;}
    .ncs-lecture .content-area .title-wrap{padding: 10px 0;}


    .ncs-payment .content-area{background: #fff;}
    .ncs-payment .title-area h1.main-title{background: #fff; color: #212121;padding:10px 0 10px 0;}
    .ncs-payment .content-area h2.title{padding: 8px 15px;border-top: 2px solid #212121;}
    .ncs-payment .ncs-discount .input-group input[type="text"] {width: 60%;}
    .ncs-payment .ncs-policy .policy-box{padding: 15px; overflow: scroll; max-height: 500px;}
    /* .ncs-payment .content-area .btn-wrap .btn.btn-pay{width:100%; margin: 0;} */
    .ncs-payment .content-area .btn-wrap .btn.btn-prev{background: #9e9e9e;}
    .ncs-payment .ncs-method form{padding: 10px 15px;}
    .ncs-payment .ncs-method form .method-label{margin-bottom: 10px;}
    .ncs-payment .ncs-policy .policy-guide{padding:  10px 15px;}
    .ncs-cont-wrap .pagination-wrap{background: #eee;}

    /* .ncs-cont-wrap .btn-wrap.btn-2 .btn{width: calc(100% / 2 - 10px); margin: 10px 0 0 0; display: inline-block;} */
}

/*  NCS 직업교육 mobile */
@media screen and (max-width:480px) {
    #ncs-section .inner{width: 100%; margin: 0 auto;}
    .p-show,
    .t-none{display:none!important;}
    .m-show{display:inline-block!important;}

    .ncs-cont-wrap{width: 100%}
    .ncs-cont-wrap .title-area h1.main-title{width:100%; background: #fff; color: #000; padding:10px 20px; font-size: 24px; margin-bottom: 0; display:none;}
    .ncs-cont-wrap .title-area h1.main-title span{font-size: 16px;}

    .ncs-cont-wrap .ncs-cont{width: 100%;}
    .ncs-cont-wrap .lecture-list{background: #fff; margin-bottom: 10px; border-bottom: none; padding: 15px;}
    .ncs-cont-wrap .lecture-list:last-child{margin-bottom: 15px;}
    .ncs-cont-wrap .lecture-list .lec-info-wrap .lec-info{width: calc(100%);}
    .ncs-cont-wrap .lecture-list .lec-info-wrap .lec-img{    float: initial;margin-right: 10px; height: auto;}
    .ncs-cont-wrap .lecture-list .title-wrap h3.title a{font-size: 16px; margin-right: 0; margin-bottom: 0;}
    .ncs-cont-wrap .lecture-list .lec-info .info-price{width:100%; float: initial; overflow: hidden;}
    .ncs-cont-wrap .lecture-list .lec-info .info-course{height: auto; overflow: hidden; width: 100%; margin-bottom: 0; line-height: 22px; font-size: 14px;}

    .ncs-cont-wrap .lecture-list .lec-info .info-price dd span{width: auto; color: #212121;}
    .ncs-cont-wrap .lecture-list .lec-info .info-price dd.c-red{color: #d50000;}
    .ncs-cont-wrap .lecture-list .lec-info .info-price dd span.c-blue{color: #0d47a1;}
    .ncs-cont-wrap .lecture-list .lec-info .info-price dt, 
    .ncs-cont-wrap .lecture-list .lec-info .info-price dd{font-size: 13px; line-height: 20px; text-align: left;}
    .ncs-cont-wrap .lecture-list .lec-info .info-price dd{width:60%; font-weight: 600; margin-left: 5px; color: #d50000}
    .ncs-cont-wrap .lecture-list .title-wrap .ico-best{margin-right: 0;}

    .ncs-cont-wrap .lecture-list .lec-info .info-course dd,
    .ncs-cont-wrap .lecture-list .lec-info .info-course dt{color: #212121; font-size: 13px;}
    .ncs-cont-wrap .lecture-list .lec-info .info-course dd:nth-of-type(1){margin-right: 10px;}
    .ncs-cont-wrap .lecture-list .lec-info .info-course dd:nth-of-type(3){margin-left: 0;}
    
    .ncs-cont-wrap .search_box{width:100%; padding: 15px 20px; margin: 0;}
    .ncs-cont-wrap .search_box form, 
    .ncs-cont-wrap .search_box input[type="text"], 
    .ncs-cont-wrap .search_box input[type="search"]{width: 100%; position: relative;}
    .ncs-cont-wrap .search_box select{width: 100%; margin-bottom: 7px; margin-right: 0;}
    .ncs-cont-wrap .search_box .input-wrap{width: 100%;}
    .ncs-cont-wrap .search_box .search-result{font-size: 17px; margin-top: 10px; color: #757575;}
    .ncs-cont-wrap .pagination-wrap{background: #eee;}

    /* .ncs-cont-wrap .btn-wrap.btn-2 .btn{width: calc(100% / 2 - 10px); margin: 10px 0 0 0; display: inline-block;} */

    .popup-txt .popup-content {width:80%; height:90%; overflow-y: scroll;}
    .popup-txt .popup-content .txtBox ul{width: 100%;}
    .popup-txt .popup-content .txtBox .note{width: 100%;}
    .popup-txt .popup-content .txtBox p.sub-tit,
    .popup-txt .popup-content .txtBox p, 
    .popup-txt .popup-content .txtBox .note span{font-size: 14px}
    .popup-txt .popup-content .txtBox h3.tit{font-size: 16px; width: 90%;}
    .selectbox-wrap form,
    .selectbox-wrap .ncs-select{width: 100%;}
    .ncs-cont-wrap .content-area{background: #eee; padding-bottom: 15px;}
    .ncs-cont-wrap .content-area h2.title{border-top: none;padding: 20px 0 10px 15px; margin: 0; font-size: 16px;}

    .ncs-cont-wrap .banner-wrap{width: 100%; overflow: hidden;}
    .ncs-cont-wrap .banner-wrap .banner{width: 50%; height: 90px;float: left; background: #e3e3e3; text-align: center; position: relative;}
    .ncs-cont-wrap .banner-wrap .banner img{display: block; width: 100%; height: 100%;}

    .ncs-lecture .content-area .title-wrap{padding: 10px 0;}
    .ncs-lecture .content-area h2.title{padding: 0;}
    .ncs-lecture .content-area .info-wrap .lec-img{float: initial; width:100%; margin-bottom: 5px;}
    .ncs-lecture .content-area .info-wrap .lec-wrap{float: initial; width: 100%;}
    .ncs-lecture .content-area{background: #fff; padding: 15px;}
    .ncs-lecture .content-area .lec-wrap .lec-info dl dd{font-size: 14px; color: #212121; margin-left: 0;}
    .ncs-lecture .content-area .lec-wrap .lec-info dl dt{font-weight: 600; display: block;}
    .ncs-lecture .lec-info-m span{font-size: 14px;}
    .ncs-lecture .content-area .lec-wrap .lec-select label{color:#212121}
    .ncs-lecture .content-area .lec-wrap .lec-select label small{display: block;}
    .ncs-lecture .content-area .lec-wrap .lec-select h3.title{font-weight: 600;}
    .ncs-lecture .btn-wrap .btn{width: 100%;}

    .ncs-lecture .search_box{padding: 0;}
    .ncs-lecture .search_box select{font-size: 14px; margin-bottom: 0;}
    .ncs-lecture .select-price tbody tr td{color:#212121}



    .ncs-search .search-result-wrap{border-top: none; padding:20px 20px 0 20px;}

    .ncs-payment .content-area{background: #fff;}
    .ncs-payment .title-area h1.main-title{font-size: 16px; background: #fff; color: #212121;padding:10px 0 10px 0;}
    .ncs-cont-wrap .title-area h1.main-title span{font-size: 14px;}

    .ncs-payment .content-area h2.title{font-size: 14px; padding: 8px;border-top: 2px solid #212121;}

    .ncs-payment .ncs-discount .input-group input[type="text"] {width: 60%;}
    .ncs-payment .ncs-policy .policy-box{padding: 15px;}
    .ncs-table tr th{font-size: 14px; padding: 0 3%;}
    .ncs-table tr td{font-size: 14px;}
    .ncs-payment .ncs-method form{padding: 10px 15px;}
    .ncs-payment .ncs-method form .method-label{margin-bottom: 10px;}
    .ncs-payment .ncs-policy .policy-guide{padding:  10px 15px;}

    .ncs-payment .payment-box h3.title,
    .ncs-payment .payment-box h4.title{font-size: 16px; font-weight: 600;}
    .ncs-payment .ncs-policy .policy-info,
    .ncs-payment .register-form .user-info,
    .ncs-payment .ncs-policy .policy-guide p,
    .ncs-payment .ncs-policy .policy-guide p.plicy-user{font-size:14px;}
    .ncs-payment .register-form .user-info{padding: 0; line-height: 50px}
    .ncs-payment .register-form .txt-desc{line-height: 25px;}

    .ncs-payment .payment-box{margin-top: 25px;}

    .ncs-payment .register-form .nf-write:nth-of-type(1){width: 20%;}
    .ncs-payment .register-form .nf-write:nth-of-type(2),
    .ncs-payment .register-form .nf-write:nth-of-type(3){margin: 0; width: 30%;}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ncs-payment {width:100%; overflow:hidden; position: relative;}
    .inner {overflow:hidden; padding: 40px 0; display:flex;}
    .ncs-cont-wrap { max-width:1050px; margin:0 auto; overflow:hidden;}
    html{position:static;}
}

.star {
    vertical-align: sub;
}






/*팝업 공통*/
.popup-txt {display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 999;}
.popup-txt .popup-content {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; box-sizing: border-box; margin: 0 auto; background-color: #fff; padding:20px; width:70%; max-width: 1000px; height:auto; overflow-y: scroll;}
.popup-txt .popup-content .close {cursor: pointer; display: block; position: fixed; top: 0; right: 0; width: 40px; height: 40px; background: url(../img/ncs/btn-close2x.png) no-repeat center center transparent; border: none; text-indent: -9999px;}
.popup-txt .popup-content .txtBox{display: flex;flex-direction: column; justify-content: center; height:500px; z-index: 999;}
.popup-txt .popup-content .txtBox ul li{margin-bottom: 15px;}
.popup-txt .popup-content .txtBox ul li:last-child{margin-bottom: 0;}
.popup-txt .popup-content .txtBox h3.tit{ font-size: 20px; font-weight: 600; line-height: 1.6; text-align: left; color: #464646; margin-bottom: 8px;}
.popup-txt .popup-content .txtBox p.sub-tit{font-size: 16px; font-weight: 600;text-align: left; color: #212121; margin:0 0 10px 0;}
.popup-txt .popup-content .txtBox p,
.popup-txt .popup-content .txtBox .note span{font-size: 16px; line-height: 1.5; text-align: left; color: #757575;}
.popup-txt .popup-content .txtBox .note{max-width:90%}
.popup-txt .popup-content .txtBox .note span{display: block;}

.ncs-popup{position: absolute; top: 0; right: -120px;}
.ncs-popup .popup{width:250px; border: 1px solid #e3e3e3; background: #fff; padding: 20px; text-align: left; position: absolute; top: 0; right: 0; z-index: 1; display:none;}
.ncs-popup .popup-cont h1.title{font-size: 14px;font-weight: 500;letter-spacing: -0.7px;color: #212121; line-height: 2.29;}
.ncs-popup .popup-cont p{font-size: 13px; font-weight: 300; color: #757575; position: relative; padding-left: 9px;}
.ncs-popup .popup-cont p:before{content: ''; width: 4px; height: 4px; background-color: #464646; position: absolute; top: 11px; left: 0; border-radius: 50%;}
.popup-close{width:12px; height: 12px; color: #fff; text-indent: -9999px; overflow:hidden;position: absolute; display: block; top:10px; right: 10px; background: url(../img/sub/ncs/btn-close2x.png) no-repeat 0 0 / 100%; }

.ncs-popup-wrap .popup-style1 {display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 999;}
.ncs-popup-wrap .popup-style1 .popup-content {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; box-sizing: border-box; margin: 0 auto; background-color: #fff; padding:40px 30px; width:900px; max-width: 90%; height:563px; overflow-y: scroll; overflow-x: hidden;}
.ncs-popup-wrap .popup-style1 .popup-content .close {display: block; position: fixed; top: 30px; right: 30px; width: 24px; height: 24px; background: url(../img/sub/ncs/btn-close2x.png) no-repeat 0 0 / 100%; text-indent: -9999px; border: none;}
.ncs-popup-wrap .popup-style1 .popup-content .popup-tit{font-size: 20px; font-weight: 600; color:#464646; margin-bottom: 30px;}
.ncs-popup-wrap .popup-style1 .popup-content .popup-tit .num{font-size: 18px; color: #9e9e9e; font-weight: 300;}
.ncs-popup-wrap .popup-style1 .popup-content .popup-txt{display: flex;position: relative; height:auto; z-index: 999;background:#fff;}   
.ncs-popup-wrap .popup-style1 .popup-content .popup-list-wrap{width: 100%;}
.ncs-popup-wrap .popup-style1 .popup-content .popup-list span{display: block;}
.ncs-popup-wrap .popup-style1 .popup-content .form-check{margin-bottom: 0;}
.ncs-popup-wrap .popup-style1 .popup-content .input-group-append{text-align:center; margin-top: 40px;}

@media screen and (min-width:481px) and (max-width:867px) {
	.ncs-popup-wrap .popup-style1 .popup-content{height: 80%; padding: 15px 15px 30px 15px;}
	.ncs-popup-wrap .popup-style1 .popup-content .popup-txt .t_style38 thead{display: none;}
	.ncs-popup-wrap .popup-style1 .popup-content .popup-txt .t_style38 tbody tr:first-child{border-top: 1px solid #e3e3e3;}
	.ncs-popup-wrap .popup-style1 .popup-content .popup-txt .t_style38 tbody tr{display: block; border-bottom: 1px solid #e3e3e3; padding: 15px 0;}
	.ncs-popup-wrap .popup-style1 .popup-content .popup-txt .t_style38 tbody tr td{display: block; border: none; text-align: left; padding: 0 0 0 0;}
	.ncs-popup-wrap .popup-style1 .popup-content .popup-txt .t_style38 tbody tr td:nth-of-type(2),
	.ncs-popup-wrap .popup-style1 .popup-content .popup-txt .t_style38 tbody tr td:nth-of-type(3),
	.ncs-popup-wrap .popup-style1 .popup-content .popup-txt .t_style38 tbody tr td:nth-of-type(4){padding: 0 0 0 35px;}
	.ncs-popup-wrap .popup-style1 .popup-content .popup-txt .t_style38 tbody tr td.code-num{color: #464646;}
	.ncs-popup-wrap .popup-style1 .popup-content .popup-txt .t_style38 tbody tr td .form-check input[type="radio"] + label:before{top: 40px;}
	.ncs-popup-wrap .popup-style1 .popup-content .popup-txt .t_style38 tbody tr td .form-check input[type="radio"]:checked + label:after{top: 43px;}
	.ncs-popup-wrap .popup-style1 .popup-content .popup-txt .form-check-label{color: #212121;font-size: 18px;font-weight: 300; margin-bottom: 5px; padding-left: 35px;}
	.ncs-popup-wrap .popup-style1 .popup-content .close{width: 20px; height: 20px; top: 20px; right: 20px;}
}

@media screen and (min-width:320px) and (max-width:480px) {
	.ncs-popup-wrap .popup-style1 .popup-content{height: 80%; padding: 15px 15px 30px 15px;}
	.ncs-popup-wrap .popup-style1 .popup-content .popup-txt .t_style38 thead{display: none;}
	.ncs-popup-wrap .popup-style1 .popup-content .popup-txt .t_style38 tbody tr:first-child{border-top: 1px solid #e3e3e3;}
	.ncs-popup-wrap .popup-style1 .popup-content .popup-txt .t_style38 tbody tr{display: block; border-bottom: 1px solid #e3e3e3; padding: 15px 0;}
	.ncs-popup-wrap .popup-style1 .popup-content .popup-txt .t_style38 tbody tr td{display: block; border: none; text-align: left; padding: 0 0 0 0;}
	.ncs-popup-wrap .popup-style1 .popup-content .popup-txt .t_style38 tbody tr td:nth-of-type(2),
	.ncs-popup-wrap .popup-style1 .popup-content .popup-txt .t_style38 tbody tr td:nth-of-type(3),
	.ncs-popup-wrap .popup-style1 .popup-content .popup-txt .t_style38 tbody tr td:nth-of-type(4){padding: 0 0 0 35px;}
	.ncs-popup-wrap .popup-style1 .popup-content .popup-txt .t_style38 tbody tr td.code-num{color: #464646;}
	.ncs-popup-wrap .popup-style1 .popup-content .popup-txt .t_style38 tbody tr td .form-check input[type="radio"] + label:before{top: 40px;}
	.ncs-popup-wrap .popup-style1 .popup-content .popup-txt .t_style38 tbody tr td .form-check input[type="radio"]:checked + label:after{top: 43px;}
	.ncs-popup-wrap .popup-style1 .popup-content .popup-txt .form-check-label{color: #212121;font-size: 18px;font-weight: 300; margin-bottom: 5px; padding-left: 35px;}
	.ncs-popup-wrap .popup-style1 .popup-content .close{width: 20px; height: 20px; top: 20px; right: 20px;}
}





/*=================================================================================
 * (NCS) Contents style 250316 추가
=================================================================================*/

/* 도움말 */
.aco-wrap {margin-bottom: 40px; background-color: #F8F8F8; border: 1px solid #dbdbdb; border-radius: 20px; overflow: hidden;}
.aco-wrap .aco-hd {position: relative; display: flex; align-items: center; padding: 16px 50px 16px 24px; font-size: 16px; color: #003675; font-weight: 700; cursor: pointer; transition: all .3s;}
.aco-wrap .aco-hd::after {content: ''; position: absolute; top: 15px; right: 24px; display: inline-block; width: 24px; height: 24px; background: url('../img/sub/class/ico_aco_open.svg')no-repeat center;}
.aco-wrap .aco-hd.active::after {transform: rotate(180deg);}
.aco-wrap .aco-hd img {margin-right: 10px;}
.aco-wrap .aco-cont {background-color: #fff; padding: 24px 32px;}
.aco-wrap .aco-cont p {line-height: 1.8;}

/* 화상교육 vs 우편교육 */
noscript, caption, legend {
	display:block;
	position:absolute;
	width:0;
	height:0;
	text-indent:-9999999px;
	overflow:hidden;
}
.table-info {width: 100%;}
.table-info thead th {font-size: 17px; color: #fff;}
.table-info thead th:first-child {background-color: #003675;}
.table-info thead th:nth-child(2) {background-color: #246BEB;}
.table-info thead th:nth-child(3) {background-color: #2CA971;}
.table-info th {height: 60px; font-size: 15px; font-weight: bold; background-color: #EDEFF5; padding: 14px; border: 1px solid #E4e4e4;}
.table-info td {border: 1px solid #EBEBEB; font-size: 16px; font-weight: 500; padding: 12px 12px; text-align: center;}
.table-info td .txt_s {display: block; font-size: 14px; color: #777; font-weight: 400; margin-top: 4px;}


/* 검색 */
.sub_banner {background-color: #F8F8F8; padding: 16px 0; border-radius: 80px; margin-bottom: 40px;}
.sub_banner .n_myBox {width: 40%; margin: 0 auto;}
.sub_banner .n_myBox .n_myBox_txt {display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 500px; height: 48px; background-color: #fff; border: 1px solid #dbdbdb; border-radius: 8px; overflow: hidden;}
.sub_banner .n_myBox .n_myBox_txt_t {width: 100%; height: 100%; border: none; border-radius: 8px;}
.sub_banner .n_myBox_txt_b {width: 52px; background: url('../img/sub/class/ico_srch.svg')#fff no-repeat center;}


/* 서브 탭 3 */
.sub_tab03 {display: flex; width: 100% !important; border: 1px solid #b4c4d6; border-radius: 8px; overflow: hidden; margin-bottom: 40px;}
.sub_tab03 .on {border: none; background: #003675; color: #fff; border-left: none;}
.sub_tab03 .on a, .sub_tab03 .on span {color: #fff;}
.sub_tab03 li {width: 50%; border:none; border-left: 1px solid #b4c4d6; text-align: center;}
.sub_tab03 li:first-child {border-left: none;}
.sub_tab03 li a {display: flex; justify-content: center; align-items: center; height: 100%; padding: 16px 5px; color: #4c4c4c; font-size: 18px; font-weight: bold;}
.sub_tab03 li:hover a, .sub_tab03 li:hover a span {color: #003675;}
.sub_tab03 li.on:hover a, .sub_tab03 li.on:hover a span {color: #fff;}
.tab-item {display: none; transition: all .3s;}
.tab-item.on {display: block;}

/* 탭 (관리감독자 / 근로자) */
.tab_business {border-radius: 16px;}
.tab_business p {display: flex; justify-content: center; align-items: center; gap: 16px; font-size: 22px;}
.tab_business p::before {content: ''; width: 73px; height: 73px; background-size: 100%;}
.tab_business li:nth-child(1) p::before {background: url('../img/ncs/ico_business01.png')no-repeat center;}
.tab_business li:nth-child(1).on p::before {background: url('../img/ncs/ico_business01_on.png')no-repeat center;}
.tab_business li:nth-child(2) p::before {background: url('../img/ncs/ico_business02.png')no-repeat center;}
.tab_business li:nth-child(2).on p::before {background: url('../img/ncs/ico_business02_on.png')no-repeat center;}
.tab_business li:nth-child(3) p::before {
	background: url('../img/ncs/ico_business03.png')no-repeat center;
	border-radius: 50px;
}
.tab_business li:nth-child(3).on p::before {
	background: url('../img/ncs/ico_business03_on.png')no-repeat center;
	border-radius: 50px;
}

/* NCS 테이블 */
.table-ncs-wrap {position: relative; width: 100%; margin-bottom: 40px;}

.table-ncs {border-collapse: separate; border-spacing: 16px; margin: -12px;}
.table-ncs th {border-radius: 8px; background-color: #EDEFF5; padding: 16px; font-size: 18px; font-weight: 700; line-height: 1.3;}
.table-ncs th .txt-s {display: block; font-size: 15px; font-weight: 500; margin-top: 5px;}
.table-ncs th:hover ~ td {outline: 3px solid #246BEB;}
.table-ncs td {border: 1px solid #DDDDDD; outline: 1px solid transparent; border-radius: 8px; overflow: hidden; transition: all .3s;}
.table-ncs td .thumb {display: flex; justify-content: center; align-items: center; width: 100%;}
.table-ncs td .thumb img {width: 100%; height: 100%; object-fit: cover;}
.table-ncs td .detail {padding: 16px;}
.table-ncs td .detail .ncs_badge {}
.table-ncs td .detail .tit {min-height: 64px; color: #111; line-height: 1.2; font-size: 17px; font-weight: 700; width: 100%; margin: 8px 0 16px 0;}
.table-ncs td .detail .tit .txt-s {display: block; color: #777; font-size: 15px; font-weight: 400; margin-top: 6px;}
.table-ncs td .detail .price {display: flex; justify-content: space-between; align-items: center; margin: 16px 0;}
.table-ncs td .detail .price .txt-s {font-size: 14px; font-weight: 500; color: #adb5bd; text-decoration: line-through;}
.table-ncs td .detail .price .txt-l {font-size: 16px; font-weight: 800; color: #111;}
.table-ncs td:hover {transition: all .3s; box-sizing: border-box;}

.ncs-all tr:nth-child(1) th {font-size: 20px; padding: 24px;}
.ncs-all tr:nth-child(3) th {font-size: 15px; font-weight: 500;}
.ncs-all tr:nth-child(4) th {background-color: #eef9ff !important; color: #2CAFFF; font-size: 22px;}
.ncs-all tr:nth-child(4) th:hover ~ td {outline: 3px solid #2CAFFF;}
.ncs-all tr:nth-child(5) th {background-color: #EAF1FD !important; color: #246BEB; font-size: 22px;}
.ncs-all tr:nth-child(6) th {background-color: #E8ECF4 !important; color: #16408D; font-size: 22px;}
.ncs-all tr:nth-child(6) th:hover ~ td {outline: 3px solid #16408D;}
.ncs-all tr:nth-child(7) th {background-color: #EAF1FD !important; color: #246BEB; font-size: 22px;}
.ncs-all tr:nth-child(7) th:hover ~ td {outline: 3px solid #16408D;}
.ncs-all tr:nth-child(8) th {background-color: #eef9ff !important; color: #2CAFFF; font-size: 22px;}
.ncs-all tr:nth-child(8) th:hover ~ td {outline: 3px solid #16408D;}
.ncs-all tr td:nth-child(2) .btn-order {background-color: #2CAFFF;}
.ncs-all tr td:nth-child(5) .btn-order {background-color: #16408D;}
.ncs-all tr td:nth-child(2):hover {outline: 3px solid #2CAFFF;}
.ncs-all tr td:nth-child(3):hover, .ncs-all tr td:nth-child(4):hover {outline: 3px solid #246BEB;}
.ncs-all tr td:nth-child(5):hover {outline: 3px solid #16408D;}

.ncs-video tr th {background-color: #EAF1FD !important; color: #246BEB;}
.ncs-video tr th:nth-child(2) {font-size: 18px;}
.ncs-video td:hover {outline: 3px solid #16408D;}
.ncs-video .btn-order {background-color: #16408D;}
.ncs-video2 tr td:nth-child(2) .btn-order, .ncs-video2 tr td:nth-child(3) .btn-order {background-color: #246BEB;}
.ncs-video2 tr td:nth-child(4) .btn-order {background-color: #16408D;}
.ncs-video2 tr td:nth-child(2):hover, .ncs-video2 tr td:nth-child(3):hover, .ncs-all tr td:nth-child(3):hover {outline: 3px solid #246BEB;}
.ncs-video2 tr td:nth-child(4):hover {outline: 3px solid #16408D;}


.ncs-post tr th {background-color: #EEF9F4 !important; color: #2CA971;}
.ncs-post tr th:nth-child(2) {font-size: 18px;}
.ncs-post td:hover {outline: 3px solid #2CA971;}
.ncs-post tr th:hover ~ td {outline: 3px solid #2CA971;}
.ncs-post .btn-order {background-color: #2CA971;}

.w100 {width: 100px !important;}
.w120 {width: 120px !important;}
.wp22 {width: 22% !important;}
.wp24 {width: 24% !important;}
.wp28 {width: 28% !important;}
.wp30 {width: 30% !important;}

.bg-lightblue {background-color: #eef9ff !important; color: #2CAFFF;}
.bg-blue {background-color: #EAF1FD !important; color: #246BEB;}
.bg-darkblue {background-color: #E8ECF4 !important; color: #16408D;}
.bg-green {background-color: #EEF9F4 !important; color: #2CA971;}

.outline-lightblue {outline: 3px solid #2CAFFF !important;}
.outline-blue {outline: 3px solid #246BEB !important;}
.outline-darkblue {outline: 3px solid #16408D !important;}

.bg-blue01 {background-color: #3CABEF !important; color: #fff;}
.bg-blue02 {background-color: #246BEB !important; color: #fff;}
.bg-blue03 {background-color: #1D56BC !important; color: #fff;}


.btn-order {display: flex; align-items: center; justify-content: center; width: 100%; height: 48px; background-color: #246BEB; font-size: 17px; font-weight: 500; color: #fff !important; border-radius: 60px;}
.btn-readonly {display: flex; align-items: center; justify-content: center; width: 100%; height: 48px; background-color: #B9BCC1; font-size: 17px; font-weight: 500; color: #F1F2F3 !important; border-radius: 60px; cursor: inherit;}


.scroll-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    color: white;
    padding: 8px;
    font-size: 16px;
    display: none; /* 기본적으로 숨김 */
    cursor: pointer;
  }
  .scroll-icon img {position: absolute; top: 35%; left: 50%; transform: translate(-50%, -50%); width: 140px;}

@media screen and (max-width:1024px) {
    
    .w100 {width: 80px !important;}
    .w120 {width: 80px !important;}
    .wp22 {width: 24% !important;}
    .wp24 {width: 24% !important;}
    .wp28 {width: 28% !important;}
    .wp30 {width: 33% !important;}

    .tab_business {display: none;}
    .sub_tab03 {margin-bottom: 24px;}

	.table-ncs-wrap {overflow-x: auto;}
    .table-ncs {width: 100%; min-width: 960px; margin: 0; border-spacing: 8px;}
    .table-ncs th {padding: 8px;}
    .table-ncs td .detail .tit {min-height: 82px;}
    .ncs-all tr:nth-child(1) th {font-size: 18px;}

    .mo-hide {display: none !important;}
}


@media screen and (max-width:1020px) {

}