/* 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;}
.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 *{font-family: 'NotoSansKR','NanumBarunGothic', '나눔바른고딕', 'Open Sans', 'dotum' !important;}
.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;}
}