.tal {text-align:left !important;}

footer{
    margin-top:110px;
}

.f_email {font-weight:300;}


.s_top{
    height:135px;
    padding-top:30px;
    margin-bottom:50px;
}

.s_top.bg01{
    background:url('../images/sub/s_top1.jpg') no-repeat center top;
    background-size:cover
}
.s_top.bg02{
    background:url('../images/sub/s_top2.jpg') no-repeat center top;
    background-size:cover
}
.s_top.bg03{
    background:url('../images/sub/s_top3.jpg') no-repeat center top;
    background-size:cover
}
.s_top.bg04{
    background:url('../images/sub/s_top4.jpg') no-repeat center top;
    background-size:cover
}
.s_top.bg05{
    background:url('../images/sub/s_top5.jpg') no-repeat center top;
    background-size:cover
}

.s_top h2{
    width:1200px;
    margin:0 auto;
    font-size:30px;
    color:#333;
    font-weight:500;
}

.s_top .location{
    width:1200px;
    margin:7px auto 0;
}

.s_top .location p{
    display:inline-block;
    font-size:14px;
    color:#999;
}

.s_top .location p::before{
    content:'';
    width:6px;
    height:11px;
    display:inline-block;
    margin:0 12px 0 11px;
    background:url('../images/sub/arr_loca.png') no-repeat left top;
}

.s_top .location .home{
    width:12px;
    height:10px;
    font-size:0;
    vertical-align:middle;
    margin-top:-2px ;
    text-indent:-99999px;
    background:url('../images/sub/icon_home.gif') no-repeat left top;
}

.s_top .location .home::before{
    display:none;
}

.lnb{
    float:left;
    width:234px;
}

.lnb h3{
    height:86px;
    line-height:86px;
    color:#f2f9fd;
    text-align:center;
    font-size:24px;
    font-weight:600;
    background:url('../images/sub/lnb_top.jpg') no-repeat left top;
}

.lnb ul{
    border-bottom:3px solid #f0f0f0;
}

.lnb li a{
    display:block;
    height:59px;
    padding-top:17px;
    padding-left:20px;
    font-size:16px;
    color:#333;
    font-weight:500;
    border:1px solid #dddddd;
    border-top:0;
}

.lnb li a.current{
    color:#fff;
    border:0;
    background:#0067b6;
}

.contents{
    width:919px;
    float:right;
}

h4.title{
    margin-bottom:25px;
    font-size:26px;
    line-height:1;
    color:#111;
    font-weight:600;
}

.txt{
    font-size:16px;
    color:#333;
}

.stxt{
    font-size:15px !important;
    font-weight:300 !important;
}

.font15{
    font-size:15px !important;
}

.color-3{
    color:#333 !important;
}
.color-6{
    color:#666 !important;
}

.border_box{
    padding:45px 38px;
    margin-bottom:50px;
    border-radius:4px;
    border:1px solid #006abe;
    background:url('../images/sub/textbox.jpg') no-repeat right -20px top -11px;
}

.border_box .sub{
    margin-bottom:8px;
    font-size:26px;
    color:#333;
    font-weight:600;
}

.border_box .sub span{
    color:#0067b6;
}

h5.stit{
    margin-bottom:13px;
    font-size:20px;
    font-weight:600;
    color:#111;
}
h5.stit span {font-size:15px; color:#666; font-weight:400; line-height:30px; padding-left:4px;}

.section{
    margin-bottom:50px;
}

.bullet{
    position:relative;
    padding-left:14px;
    margin-bottom:8px;
    font-size:15px;
    color:#666;
    font-weight:300;
    line-height:1.7;
}

.bullet i{
    position:absolute;
    left:0;
    top:5px;
    margin-right:8px;
    font-size:17px;
    line-height:15px;
    display:inline-block;
    color:#0090db;
    font-weight:900;
}


table.style01,
table.board{
    border-top:2px solid #133140;
}

table th{
    color:#333;
    font-size:15px;
    font-weight:500;
    background:#f3f4f5;
}

table.style01 th{
    padding:18px 0;
    border-bottom:1px solid #ddd;
    border-left:1px solid #ddd;
}
table.board th{
    padding:15px 0;
    border-bottom:1px solid #eee;
}

table td{
    color:#333;
    font-weight:500;
    font-size:15px;
}

table.style01 td{
    padding:18px 14px;
    border-left:1px solid #ddd;
    border-bottom:1px solid #ddd;
}
table.board td{
    padding:15px;
    text-align:center;
    border-bottom:1px solid #eee;
}
table.board.fw400 td {font-weight:400;}

table.style01 th:first-child,
table.style01 td:first-child{
    border-left:0;
}

table.style01 .dash{
    border-bottom:1px dashed #ccc !important;
}

table.style01 .center{
    text-align:center;
}

table.style01 .bullet{
    margin-bottom:4px;
}

table.style01 .bg{
    padding:25px 18px 25px 20px;
    background:#f3f4f5;
}

table.style01 .bg.pad{
    padding:18px;
}

table.style01 b{
    font-weight:500;
    letter-spacing:-0.5px;
}

table.style01 .guide {font-size:13px; color:#888;}

table.style0122 {margin-top:10px;}
table.style0122 th {padding:8px 0;}
table.style0122 td{padding:8px;}

table.board a{
    display:block;
    width:450px;
    overflow:hidden;
    text-overflow:ellipsis;
    text-align:left;
    white-space:nowrap;
    color:#666;
}

table.board a:hover,
table.board a:focus{
    color:#000;
    text-decoration:underline;
}

table.board a.attach::after{
    content:'';
    width:20px;
    height:20px;
    display:inline-block;
    vertical-align:middle;
    margin-left:11px;
    margin-top:-2px;
    background:url('../images/sub/icon_attach.jpg') no-repeat left top;
}

table.board .notice{
    color:#003ba4
}

table.style01.thumb td{
    padding-top:0;
    padding-bottom:0;
}
table.style01.thumb .img{
    padding:0;
}

table.style01.thumb .img img{
    width:306px;
}

table.style01.thumb a{
    display:block;
}

table.style01.form td{
    padding:10px 12px;
    color:#999;
    font-size:14px;
}

table.style01.form.step04 td{
    padding-left:15px;
    color:#666;
    font-size:16px;
}

table.style01.form input{
    width:462px;
    font-size:14px;
    color:#333;
    font-weight:300;
    border-radius:4px;
    border:1px solid #ccc;
}

table.style01.form input::placeholder{
    color:#999;
}

table.style01.form .email input{
    width:279px;
    margin-right:8px;
}

table.style01.form .email select{
    width:150px;
    margin-left:8px;
    text-indent:14px;
    font-size:14px;
    color:#333;
    font-weight:300;
}

table.style01.form td.pad10{
    padding:20px 12px;
}

table.style01.form .number input{
    width:140px;
    margin:0 5px;
}

table.style01.form .number input:first-child{
    margin-left:0;
}

table.style01.form .address .post{
    width:323px;
    margin-bottom:5px;
}

table.style01.form .address .btn_form{
    margin-bottom:5px;
}

table.style01.form .address .detail{
    width:280px;
    margin-left:5px;
}
table.style01.form input + span.error,
table.style01.form input + span.checked {
    margin-left:12px;
}
table.style01.form .error {
    color:rgb(240, 38, 38);
}
table.style01.form .checked {
    color:rgb(13 30 255);
}

table.style01.form td .flex {display: flex; gap:10px;}
table.style01.form td .flex .multilevel-select {width:400px;}
table.style01.form td .flex .pl {padding-left:10px; text-indent: -10px;}

.btn_form{
    display:inline-block;
    width:134px;
    margin-left:5px;
    line-height:50px;
    color:#fff;
    font-size:15px;
    font-weight:500;
    text-align:center;
    background:#133140;
    border-radius:4px;
}

.btn_certi{
    width:193px;
    height:40px;
    margin-top:10px;
    display:block;
    text-align:center;
    color:#fff;
    line-height:40px;
    font-size:15px;
    font-weight:500;
    background:#0099e3;
    border-radius:5px;
}


.play_wrap .play{
    position:absolute;
    left:0;
    top:-9px;
    width:36px;
    height:36px;
    display:block;
    font-size:0;
    text-indent:-99999px;
    background:url('../images/sub/icon_play.jpg') no-repeat left top;
    z-index:5;
}

.progress_wrap,
.play_wrap{
    position:relative;
}

.play_wrap .progress_wrap{
    padding-left:57px;
}

.progress_wrap .progress{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    width:calc(100% - 55px);
    height:20px;
    overflow:hidden;
    position:relative;
    border-radius:2px;
    background:#f5f5f5;
}

.progress_wrap .progress::-webkit-progress-bar {
  background-color:#f5f5f5;
}
.progress_wrap .progress::-moz-progress-bar {
  background-color:#f5f5f5;
}
.progress_wrap .progress::-webkit-progress-value {
  background-color:#0073d3;
}
.progress_wrap .progress.blue::-webkit-progress-value {
  background-color:#0099e3;
}
.progress_wrap .progress.green::-webkit-progress-value {
  background-color:#028998;
}
.progress_wrap .progress.orange::-webkit-progress-value {
  background-color:#ef7f00;
}

.progress_wrap span{
    width:55px;
    position:absolute;
    right:0;
    top:-4px;
    padding-left:15px;
    font-size:15px;
    color:#333;
    font-weight:500;
}


.warn{
    color:#cd0101;
    font-size:15px;
    font-weight:300;
}

.edu_link::after{
    content:'';
    display:block;
    clear:both;
}

.edu-title{
    margin:50px 0 20px 0;
    width:100%;
    text-align:center;
    font-size:16px;
    font-weight:500;
}

.edu_link div{
    width:300px;
    height:476px;
    position:relative;
    float:left;
    margin-left:9px;
    padding:42px 17px 0;
    text-align:center;
    border:1px solid #ddd;
    background:url('../images/sub/textbox.jpg') no-repeat right top;
    border-radius:4px;
}

.edu_link div:first-child{
    margin-left:0;
}

.edu_link div::before{
    content:'';
    width:100%;
    height:6px;
    position:absolute;
    left:0;
    bottom:-7px;
    border-radius:0 0 3px 3px;
    background:#f2f9fd;
}

.edu_link div:hover{
    border:1px solid #f26e3b;
}

.edu_link .tit{
    font-size:22px;
    color:#333;
    font-weight:500;
}

.edu_link .tit::before{
    content:'';
    width:41px;
    height:40px;
    display:block;
    margin:0 auto 27px;
}

.edu_link div:first-child .tit::before{
    background:url('../images/sub/s21_icon01_orange.png') no-repeat left top;
}
.edu_link div:nth-child(2) .tit::before{
    background:url('../images/sub/s21_icon02_orange.png') no-repeat left top;
}
.edu_link div:last-child .tit::before{
    background:url('../images/sub/s21_icon03_orange.png') no-repeat left top;
}

.edu_link .desc{
    margin-top:19px;
    font-size:14px;
    color:#666;
    line-height:21px;
}

.edu_link a {
    position:absolute;
    bottom:14px;
    right:18px;
    font-size:14px;
    font-weight:400;
    color:#666;
    border:1px solid #ddd;
    width:calc(100% - 36px);
    box-sizing:border-box;
    height:52px;
    line-height:50px;
    text-align:left;
    padding:0 15px 0 13px;
    background:url('../images/main/icon_link.jpg') no-repeat right 15px center;
}
.edu_link a em {
    font-weight:700;
    color:#028998;
    font-style:normal;
}
.edu_link a:nth-last-child(2) {
    bottom:75px;
}
.edu_link a:nth-last-child(2) em {
    color:#006abe;
}

/* edu_link - lecture mode */
.edu_link.lecmode-online div,
.edu_link.lecmode-offline div {
    height:404px;
}
/* edu_link - lecture mode - online */
.edu_link.lecmode-online div:hover{
    border:1px solid #006abe
}
.edu_link.lecmode-online .offline {
    display:none;
}
.edu_link.lecmode-online a:nth-last-child(2) {
    bottom:14px;
}
.edu_link.lecmode-online div:first-child .tit::before{
    background-image:url('../images/sub/s21_icon01.png');
}
.edu_link.lecmode-online div:nth-child(2) .tit::before{
    background-image:url('../images/sub/s21_icon02.png');
}
.edu_link.lecmode-online div:last-child .tit::before{
    background-image:url('../images/sub/s21_icon03.png');
}
/* edu_link - lecture mode - offline */
.edu_link.lecmode-offline div:hover{
    border:1px solid #309158;
}
.edu_link.lecmode-offline .online {
    display:none;
}
.edu_link.lecmode-offline div:first-child .tit::before{
    background-image:url('../images/sub/s21_icon01_green.png');
}
.edu_link.lecmode-offline div:nth-child(2) .tit::before{
    background-image:url('../images/sub/s21_icon02_green.png');
}
.edu_link.lecmode-offline div:last-child .tit::before{
    background-image:url('../images/sub/s21_icon03_green.png');
}

.total{
    margin-top:10px;
    float:left;
    font-size:16px;
    color:#666;
}

.total span{
    color:#133140;
}

.search{
    float:right;
    overflow:hidden;
    margin-bottom:20px;
}

.search select{
    width:143px;
    height:40px;
    display:block;
    float:left;
    margin-right:7px;
    padding:0 35px 0 0;
    font-size:14px;
    color:#666;
    text-indent:15px;
    border-radius:0;
    border:1px solid #ccc;
    background:url('../images/sub/select.gif') no-repeat right 17px top 17px #fff;
}

.search input{
    width:253px;
    height:40px;
    display:block;
    float:left;
    border-right:0;
}

.search button{
    display:block;
    float:left;
    width:80px;
    height:40px;
    font-size:14px;
    font-weight:300;
    color:#fff;
    background:#133140;
}

.status{
    display:block;
    width:80px;
    height:35px;
    margin:0 auto;
    text-align:center;
    line-height:33px;
    font-size:14px;
    font-weight:400;
    border-radius:2px;
}

.status.blue{
    color:#0099e3;
    border:1px solid #0099e3;
}

.status.orange{
    color:#ef7f00;
    border:1px solid #ef7f00;
}
.status.green{
    color:#028998;
    border:1px solid #028998;
}

.sbtn{
    display:block;
    margin:0 auto;
    width:80px;
    height:35px;
    line-height:35px;
    text-align:center;
    color:#fff;
    font-size:14px;
    font-weight:350;
}

.sbtn.black{
    background:url('../images/sub/sbtn_black.jpg') no-repeat left top;
}
.sbtn.blue{
    background:url('../images/sub/sbtn_blue.jpg') no-repeat left top;
}
.sbtn.gray{
    background:url('../images/sub/sbtn_gray.jpg') no-repeat left top;
}

.sbtn.blue.pop_b {background:url('../images/sub/sbtn_blue.jpg') no-repeat center center / contain; font-size:12px;  width:60px; height:25px; line-height:25px; }
.pop_print {text-align:right; padding-right:30px; padding-bottom:20px;}
.pop_print .printBtn {background:#0067b6; color:#fff;padding:5px 10px; border-radius:5px;}

.paging{
    margin-top:50px;
    text-align:center;
}

.paging a{
    display:inline-block;
    width:35px;
    height:35px;
    font-size:15px;
    color:#999;
    font-weight:300;
    line-height:34px;
}

.paging a.num.current{
    color:#fff;
    background:#0099e3;
}

.paging .arrow{
    font-size:0;
    text-indent:-99999px;
}

.paging .arrow.prev,
.paging .arrow.next{
    background:url('../images/sub/prev.gif') no-repeat left top;
}

.paging .arrow.prev{
    margin-right:20px;
}
.paging .arrow.next{
    margin-left:20px;
}

.paging .arrow.first,
.paging .arrow.last{
    background:url('../images/sub/first.gif') no-repeat left top;
}

.paging .arrow.next,
.paging .arrow.last{
    transform:rotate(180deg);
}

.warn_box{
    text-align:center;
    color:#cd0101;
    font-size:15px;
    line-height:43px;
    font-weight:300;
    letter-spacing:-0.5px;
    border:2px solid #cd0101;
}
.warn_box.type02 { text-align:center; color:#cd0101; font-size:16px; line-height:43px; font-weight:500; letter-spacing:-0.5px; border:2px solid #cd0101; }
.warn_box.type03 {text-align:left; line-height:1.6em;padding:10px;}
.warn_box.type03 em {font-style:normal;font-weight:500;}

.btn_wrap{
    margin-top:50px;
}

.btn_wrap .btn{
    display:inline-block;
    width:134px;
    height:40px;
    text-align:center;
    margin-right:7px;
    color:#999;
    font-weight:500;
    font-size:15px;
    line-height:38px;
    border-radius:5px;
    border:1px solid #999;
}

.btn_wrap .btn.submit{
    color:#fff;
    border:1px solid #007fdd;
    background:#007fdd;
}
.btn_wrap .btn.confirm{
    color:#fff;
    border:1px solid #00008d;
    background:#00008d;
}

.btn_wrap.center{
    text-align:center;
}

.btn_wrap.dash{
    padding-top:37px;
    border-top:1px dashed #eee;
}

a.btn_leave{
    position:relative;
    padding-bottom:3px;
    float:right;
    font-size:15px;
    color:#999;
    font-weight:500;
}

a.btn_leave::after{
    content:'';
    width:100%;
    height:2px;
    position:absolute;
    left:0;
    bottom:0;
    background:#d6d6d6;
}

.check{
    display:inline-block;
    margin-right:25px;
}

.check input{
    display:none;
}

.check input + label{
    font-size:16px;
    color:#666;
    font-weight:300;
}

.check input + label::before{
    content:'';
    width:18px;
    height:18px;
    display:inline-block;
    vertical-align:middle;
    margin:-3px 7px 0 0;
    background:url('../images/sub/checkbox.jpg') no-repeat left top;
}

.check input:checked + label::before{
    background-position:left -18px;
}

.view_wrap .subt{
    padding:16px 20px;
    font-size:15px;
    color:#333;
    font-weight:500;
    border-top:2px solid #133140;
    border-bottom:1px solid #eee;
    background:#f3f4f5;
}

.view_wrap .info{
    padding:13px 20px;
    overflow:hidden;
    border-bottom:1px solid #eee;
}

.view_wrap .info .date{
    float:left;
    font-size:15px;
    color:#333;
    font-weight:300;
}

.view_wrap .info .down{
    float:right;
    display:block;
    font-size:15px;
    color:#333;
    font-weight:300;
}

.view_wrap .info .down::before{
    content:'';
    width:20px;
    height:20px;
    display:inline-block;
    vertical-align:middle;
    margin-right:7px;
    margin-top:-2px;
    background:url('../images/sub/icon_attach.jpg') no-repeat left top;
}

.view_wrap .con{
    padding:20px 0 60px;
    font-size:15px;
    font-weight:300;
}

.view_wrap .con img{
    display:block;
    max-width:918px;
    margin:15px auto;
}

.view_wrap .con p{
    padding:0 20px;
    font-size:15px;
    font-weight:300;
}

.prevnext{
    border-top:1px solid #eee;
}

.prevnext li{
    overflow:hidden;
    border-bottom:1px solid #eee;
}

.prevnext li span{
    display:block;
    width:110px;
    float:left;
    line-height:51px;
    text-align:center;
}

.prevnext span::before{
    content:'';
    display:inline-block;
    width:13px;
    height:8px;
    vertical-align:middle;
    margin-right:10px;
    margin-top:-2px;
    background:url('../images/sub/icon_prev.gif') no-repeat left top;
}

.prevnext .prev span::before{
    transform:rotate(180deg);
}

.prevnext li a{
    display:block;
    width:808px;
    float:left;
    padding:13px 20px 13px 0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:15px;
    font-weight:300;
    color:#999;
}

.prevnext li a:hover,
.prevnext li a:focus{
    color:#333;
}

.qna .head{
    overflow:hidden;
    border-top:2px solid #133140;
    border-bottom:1px solid #e6e6e6;
    background:#f3f4f5;
}

.qna .head span{
    display:block;
    float:left;
    font-size:15px;
    color:#333;
    font-weight:500;
    text-align:center;
    line-height:56px;
}

.qna .num{
    width:80px;
}

.qna .tit{
    width:838px;
	cursor:pointer;
}

.qna .body dl{
    border-bottom:1px solid #e6e6e6;
}

.qna .body .title{
    overflow:hidden;
    line-height:55px;
}

.qna .body dt{
    float:left;
    color:#333;
    font-size:15px;
    text-align:center;
    font-weight:300;
}

.qna .body dd{
    float:left;
    padding-left:16px;
    color:#666;
    font-size:15px;
    font-weight:300;
}

.qna .body .ans{
    display:none;
    padding:22px 5px 30px 95px;
    line-height:1.6;
    color:#666;
    font-size:15px;
    font-weight:300;
    border-top:1px solid #e6e6e6;
}

.video{
    width:100%;
    height:500px;
    background:#000;
}

/* 기타 */
.login_wrap .login{
    width:455px;
    height:384px;
    float:left;
    padding:60px 57px 0 53px;
    border-radius:4px;
    border:1px solid #006abe;
    background:url('../images/sub/bg_login.jpg') no-repeat right top;
    box-shadow:0 3px 18px 0 #f9f9f9;
}

.login_wrap .login_tit{
    margin-bottom:27px;
}

.login_wrap .login .area input{
    width:100%;
    height:50px;
    margin-bottom:10px;
    border-radius:4px;
    border:1px solid #ccc;
}

.login_wrap .login .btn_login{
    margin-top:10px;
}

.login_wrap .member_btn{
    width:455px;
    height:384px;
    padding:12px 41px;
    float:right;
    border:1px solid #ddd;
}

.login_wrap .member_btn dl{
    padding:45px 0 50px;
    text-align:center;
}

.login_wrap .member_btn dl:first-child{
    border-bottom:1px dashed #e6e6e6;
}


.login_wrap .member_btn dt{
    font-size:16px;
    color:#666;
}

.login_wrap .member_btn dd a{
    display:block;
    margin:16px auto 0;
    width:225px;
    height:40px;
    line-height:40px;
    color:#fff;
    font-weight:500;
    font-size:15px;
    background:#003ba4;
    border-radius:5px;
}

.join_step{
    height:100px;
    overflow:hidden;
    border-top:2px solid #133140;
    border-bottom:1px solid #eee;
    background:#f3f4f5;;
}

.join_step dl{
    float:left;
    width:25%;
    padding-top:18px;
    padding-left:69px;
    background:url('../images/sub/icon_step.gif') no-repeat right 40px;
}

.join_step dl:last-child{
    background:none;
}

.join_step dt{
    font-size:16px;
    color:#999;
}

.join_step .on dt{
    color:#0067b6;
}

.join_step dd{
    font-size:26px;
    line-height:1.1;
    font-weight:600;
    color:#999;
}

.join_step .on dd{
    color:#333;
}

.join_legal{
    margin-bottom:33px;
}

.join_legal.last{
    padding-top:30px;
    border-top:1px solid #ddd;
}

.join_legal .box{
    height:250px;
    overflow-y:auto;
    margin-bottom:15px;
    padding:25px 20px;
    font-size:15px;
    font-weight:300;
    color:#666;
    border:1px solid #ddd;
}

.join_legal .checkbox{
    display:inline-block;
    margin-right:30px;
}

.join_legal .checkbox input + label{
    font-size:16px;
    color:#666;
    font-weight:300;
}

.join_legal .checkbox input + label span{
    width:18px;
    height:18px;
    background:url('../images/sub/join_check.gif') no-repeat left top;
}

.join_legal .checkbox input:checked + label span{
    background-position:left -18px;
}

.certi{
    padding:45px 32px 48px 220px;
    border:1px solid #ddd;
    background:url('../images/sub/img_certi.jpg') no-repeat 36px 50px;
    min-height:240px;
}

.certi .title{
    color:#111;
    font-size:20px;
    font-weight:500;
}

.certi .txt{
    margin-top:10px;
    font-size:15px;
    font-weight:300;
    color:#666;
    line-height:1.4;
    letter-spacing:-0.5px;
}

.certi a{
    display:block;
    width:134px;
    height:40px;
    margin-top:30px;
    color:#fff;
    font-size:15px;
    font-weight:500;
    line-height:40px;
    text-align:center;
    background:#003ba4;
    border-radius:5px;
}

.certi dl {
    display:grid;
    grid-template-columns:auto 1fr;
}
.certi * + dl {
    margin-top:.5em;
}
.certi dl dt {
    grid-column:1;
    margin-right:.35em;
}
.certi dl dt::after {
    content:" :";
}
.certi dl dd {
    grid-column:2;
}

.radio{
    margin-bottom:12px;
}

.radio.inline{
    display:inline-block;
    margin-right:30px;
    margin-bottom:0;
}

.radio input{
    display:none;
}

.radio input + label{
    position:relative;
    padding-left:26px;
    display:block;
    font-size:16px;
    color:#666;
    font-weight:350;
    line-height:1.5;
}

.radio input + label::before{
    content:'';
    width:18px;
    height:18px;
    position:absolute;
    left:0;
    top:4px;
    border-radius:50%;
    border:1px solid #cdcdcd;
    box-sizing:border-box;
}

.radio input:checked + label::before{
    border:0;
    background:url('../images/sub/join_check.gif') no-repeat left -18px;
}

.find_tabs{
    overflow:hidden;
    margin-bottom:45px;
    border:1px solid #ddd;
    border-bottom:0;
}

.find_tabs a{
    width:50%;
    height:53px;
    position:relative;
    display:block;
    float:left;
    font-size:16px;
    line-height:53px;
    text-align:center;
    color:#999;
    font-weight:500;
    border-bottom:1px solid #ddd;
}

.find_tabs a.active{
    color:#fff;
    background:#3d4049;
}

.find_tabs a.active::before{
    content:'';
    width:9px;
    height:5px;
    position:absolute;
    bottom:-1px;
    left:50%;
    margin-left:-4px;
    background:url('../images/sub/icon_tab.gif') no-repeat center bottom;
}

.overlay{
    display:none;
    position:fixed;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:#000;
    opacity:.4;
    z-index:51;
}

.pop_leave{
    display:none;
    position:fixed;
    width:400px;
    height:272px;
    left:50%;
    top:50%;
    margin:-136px -200px 0 0;
    text-align:center;
    z-index:60;
    background:#fff;
}

.pop_leave .top{
    height:50px;
    overflow:hidden;
    background:#0067b6;
}

.pop_leave .top span{
    float:right;
    width:50px;
    height:50px;
    display:block;
    cursor:pointer;
    font-size:0;
    text-indent:-99999px;
    background:url('../images/sub/pop_close.gif') no-repeat center center;
}

.pop_leave .tit{
    margin-top:42px;
    margin-bottom:5px;
    font-size:20px;
    font-weight:600;
    color:#111;
}

.pop_leave .stxt{
    font-size:15px;
    font-weight:500;
    color:#666;
}

.pop_leave .btn_wrap{
    margin-top:28px;
}

.pop_leave .btn_wrap .pop_close{
    margin-right:0;
}

/*** 가상계좌 캔슬 팝업 ***/
.pop_cancel{
    display:none;
    position:fixed;
    width:400px;
    height:292px;
    left:50%;
    top:50%;
    /*margin:-136px -200px 0 0;*/
    text-align:center;
    z-index:60;
    background:#fff;
		transform:translate(-50%,-50%);
		border-radius:10px;
}

.pop_cancel .top{
    height:50px;
    overflow:hidden;
    background:#0067b6;		
		border-radius:10px 10px 0 0;
		position:relative;
}

.pop_cancel .top span{
   /* float:right;
    width:50px;
    height:50px;
    display:block;
    cursor:pointer;
    font-size:0;
    text-indent:-99999px;
    background:url('../images/sub/pop_close.gif') no-repeat center center;*/
		position:absolute;
		display:block;
		cursor:pointer;
		font-size:0;
    text-indent:-99999px;
		background-image:url('/pub/images/pop_close.svg'); 
		width:20px;
		height:20px; 
		right:40px; 
		top:15px ;
}

.pop_cancel .tit{
    margin-top:42px;
    margin-bottom:5px;
    font-size:20px;
    font-weight:600;
    color:#111;
}

.pop_cancel .stxt{
    font-size:15px;
    font-weight:500;
    color:#666;
	padding:5px;
}

.pop_cancel .btn_wrap{
    margin-top:10px;
}

.pop_cancel .btn_wrap .pop_close{
    margin-right:0;
}

.printBtn {}

table.stcancel{
	width:360px;
    margin:5px 20px;
	border-top:1px solid #ddd;
}

table.stcancel th{
    padding:5px 5px;
    border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;
}

table.stcancel td{
    padding:5px 5px;
	border-bottom:1px solid #ddd;
    color:#999;
    font-size:14px;
}

table.stcancel input{
    width:220px;
    font-size:14px;
    height:35px;
    color:#333;
    font-weight:300;
    border-radius:4px;
    border:1px solid #ccc;
}

table.stcancel select{
    font-size:14px;
	height:35px;
    color:#333;
    font-weight:300;
    border-radius:4px;
    border:1px solid #ccc;
}
/*** 가상계좌 캔슬 팝업 ***/

.legal{
    margin-bottom:50px;
}

.legal ul li{
    margin-top:25px;
}

.legal .sub{
    margin-bottom:5px;
    color:#333;
    letter-spacing:-0.4px;
}

.legal .txt{
    font-size:15px;
    line-height:1.9;
    color:#666;
    font-weight:300;
    letter-spacing:-0.4px;
}

.btnPdf{
    width:70px;
    height:30px;
    float:left;
	margin-right:5px;
    text-align:center;
    color:#fff;
    line-height:30px;
    font-size:15px;
    font-weight:500;
    background:#0099e3;
    border-radius:5px;
}

.btnMp4{
	position:absolute;
	margin:70px;
    width:180px;
    height:40px;
    text-align:center;
    color:#fff;
    line-height:34px;
    font-size:24px;
    font-weight:400;
    background:#4cb7eb;
    border-radius:24px;
		border:3px solid #000;
		font-weight:700;
}

/*마이페이지 팝업*/
.mp_pop {width:663px; border-radius:10px; background:#fff;}
.mp_pop .top {height:50px; background:#0067b6;	border-radius:10px 10px 0 0; padding:0 10px;}
.mp_pop .top .tlt {color:#fff; font-size:20px; line-height:50px;font-weight:600;}
.mp_pop .pop_con {padding:30px 40px;}
.mp_pop .pop_con .con_box {border-top:1px solid #ddd;}
.mp_pop .pop_con dl {display:flex; gap:10px; align-items:center; padding:15px 0; border-bottom:1px solid #ddd;}
.mp_pop .pop_con dt {font-size:16px; color:#333; width:100px; border-right:1px solid #ddd; text-align:center;}
.mp_pop .pop_con dd {font-size:16px; color:#333; width:calc(100% - 100px); padding-left:10px;}


/* multilevel select */
.multilevel-select-input {display:none;}
.multilevel-select {
    position:relative;
    width:462px;
    display:inline-block;
}
.multilevel-select .multilevel-selected {
    display:flex;
    align-items:center;
    font-size:14px;
    color:#333;
    font-weight:300;
    border-radius:4px;
    border:1px solid #ccc;
    height:50px;
    padding:0 5px;
}
.multilevel-select .multilevel-selected:empty::before {
    content:"인허가기관 선택";
    text-indent:5px;
    color:#999;
}
.multilevel-select .multilevel-selected .selected-item {
    display:flex;
    align-items:center;
    color:#666;
    border:1px solid #ebebeb;
    height:36px;
    padding:0 12px;
    border-radius:18px;
}
.multilevel-select .multilevel-selected .selected-item + .selected-item {
    margin-left:8px;
}
.multilevel-select .multilevel-selected .selected-item button {
    width:16px;
    height:16px;
    text-indent:-200vw;
    overflow:hidden;
    background:no-repeat center / 50% url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIBAMAAAA2IaO4AAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAA9QTFRFdHR0AAAAc3Nzc3NzdHR0eVzyggAAAAV0Uk5T/wDj1O92SlA2AAAALUlEQVR4nA3HQREAIAwDwdxgIMEJ/s3goHVQ2N+CBUYmnSGTJtSvC/aoOVfrAZ4PCZXnBKY5AAAAAElFTkSuQmCC);
}
.multilevel-select .multilevel-container {
    display:none;
    position:absolute;
    left:0;
    top:100%;
    flex-direction:row;
    width:462px;
    border:1px solid #50a0ff;
    border-top-color:#ebebeb;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    overflow:hidden;
}
/* active 상태 */
.multilevel-select.active .multilevel-container {
    display:flex;
}
.multilevel-select.active .multilevel-selected {
    border-color:#50a0ff;
    border-bottom:none;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
}
.multilevel-select .multilevel-box {
    flex-shrink:0;
    max-height:210px;
    overflow-y:auto;
    background:#fff;
}
.multilevel-select .multilevel-box + .multilevel-box {
    border-left:2px solid #f4f4f4;
}
.multilevel-select .multilevel-box.level1 {
    flex-basis:150px;
}
.multilevel-select .multilevel-box.level2 {
    flex-basis:120px;
}
.multilevel-select .multilevel-box.level2.single-item {
    display:none;
}
.multilevel-select .multilevel-box.level3 {
    flex:1;
}
/* multilevel select - 스크롤바 */
.multilevel-select .multilevel-box::-webkit-scrollbar {
    width:8px;
}
.multilevel-select .multilevel-box::-webkit-scrollbar-track {
    background:transparent; /* 배경 투명 */
    border-radius:10px;
}
.multilevel-select .multilevel-box::-webkit-scrollbar-thumb {
    background:rgba(136, 136, 136, 0.7); /* thumb 색상 */
    border-radius:10px; /* 둥글게 */
    border:2px solid white;
}
.multilevel-select .multilevel-box::-webkit-scrollbar-thumb:hover {
    background:rgba(85, 85, 85, 0.9);
}
.multilevel-select .multilevel-items {
    list-style:none;
    padding:0;
    margin:0;
}
.multilevel-select .multilevel-items li {
    padding:10px;
    cursor:pointer;
    color:#666;
}
.multilevel-select .multilevel-items li:hover {
    background:#f0f0f0;
}
.multilevel-select .multilevel-items li.selected {
    background:#007bff;
    color:white;
}
.multilevel-select .multilevel-items li.active {
    background:#eff6ff no-repeat right 22px center / 5px auto url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAIAgMAAABMn92oAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAlQTFRFAFX/FYL/AAAASqsoeQAAAAN0Uk5TA/wAQDnUNgAAABtJREFUeJxjlEpjbPvFuPA+44oZIARkALlSaQBxlgmJvOJrPQAAAABJRU5ErkJggg==);
    color:#1682ff;
    font-weight:500;
}
.multilevel-select .level3-items li {
    padding:0;
}
.multilevel-select .level3-items li label {
    display:flex;
    align-items:center;
    gap:5px;
    padding:10px;
}
.multilevel-select .level3-items input[type="checkbox"] {
    margin-right:5px;
    width:17px;
    height:17px;
}
.multilevel-select .level3-items input[type="checkbox"]:checked + span {
    font-weight:500;
    color:#222;
}

/* agree box */
.agree-box {
    margin-top:10px;
}
.agree-box .checkbox-wrap {
    display:flex;
    justify-content:flex-end;
}
.agree-box .checkbox-wrap * + * {
    margin-left:10px;
}

.agree-box .inner-box {
    max-height:250px;
    overflow-y:auto;
    margin-bottom:15px;
    padding:25px 20px;
    font-size:15px;
    font-weight:300;
    color:#666;
    border:1px solid #ddd;
}
.agree-box .inner-box ol,
.agree-box .inner-box ol > li {
    list-style:decimal;
}
.agree-box .inner-box ol {
    padding-left:20px;
}

.popPaytype,
.popPaytype .dm {position:fixed; top:0; left:0; width:100%; height:100%;}
.popPaytype {z-index:101; display:none;}
.popPaytype .dm {background:rgba(0,0,0,.5);}
.popPaytype .inbox {position:absolute; top:50%; left:50%; width:500px; background:#fff; transform:translate(-50%,-50%); border:#ddd 1px solid; box-shadow:rgba(0,0,0,.2) 0 0 20px; padding:20px;}
.popPaytype .btn_close {position:absolute; top:0; right:0; width:70px; height:70px; font-size:0;}
.popPaytype .btn_close:before,
.popPaytype .btn_close:after {content:""; position:absolute; top:50%; left:50%; width:20px; height:2px; background:#222; margin:-1px 0 0 -10px;}
.popPaytype .btn_close:before {transform:rotate(45deg);}
.popPaytype .btn_close:after {transform:rotate(-45deg);}
.popPaytype .tit {font-size:20px; color:#222; font-weight:600; line-height:30px; text-align:center; margin-bottom:20px;}
.popPaytype .chkarea {border:#ddd 2px solid; border-radius:10px; padding:20px;}
.popPaytype .btns {display:flex; justify-content:center; gap:4px; margin-top:20px;}
.popPaytype .btns .btn {width:100px; height:40px; line-height:38px; border:#0067b6 1px solid; border-radius:4px; color:#fff; background:#0067b6; text-align:center;}
.popPaytype .btns .btn_l {color:#0067b6; background:#fff;}
/* 수료증 발급 불가 */
#pop_completion .inbox {padding:0; border:0; width:400px;}
#pop_completion .btn_close {width:50px; height:50px; background:none;}
#pop_completion .btn_close:before,
#pop_completion .btn_close:after {background:#fff;}
#pop_completion .tit {color:#fff; text-align:center; line-height:50px; background:#0067B6; margin-bottom:0;}
#pop_completion .con {text-align:center; padding:40px 20px; font-size:15px; color:#666; line-height:1.6;}
#pop_completion .con strong {color:#333; font-weight:500;}
#pop_completion .btns {margin-top:26px;}
#pop_completion .btns .btn {width:134px; font-size:16px; font-weight:500;}
/* 수료증 발급 불가 */
#pop_issuance * {box-sizing:border-box;}
#pop_issuance .inbox {padding:0; border:0; width:600px;}
#pop_issuance .btn_close {width:50px; height:50px; background:none;}
#pop_issuance .btn_close:before,
#pop_issuance .btn_close:after {background:#fff;}
#pop_issuance .tit {color:#fff; text-align:center; line-height:50px; background:#0067B6; margin-bottom:0;}
#pop_issuance .con {padding:40px 32px; font-size:15px; color:#333; line-height:1.6;}
#pop_issuance .issuance_list {border-top:#111 1px solid; height:320px; overflow:auto;}
#pop_issuance .issuance_list a {display:flex; justify-content:space-between; align-items:center; gap:16px; width:100%; border-bottom:#ddd 1px solid; padding:12px 8px; font-size:15px; color:#333; font-weight:500;}
#pop_issuance .issuance_list p {width:calc(100% - 80px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#pop_issuance .issuance_list i {width:64px; height:34px; line-height:34px; text-align:center; font-size:14px; color:#fff; font-weight:600; background:#006ABE; border-radius:4px;}
#pop_issuance .issuance_list .disabled {background:#F5F5F5; color:#888;}
#pop_issuance .issuance_list .disabled i {background:#ccc;}
#pop_issuance .btns {margin-top:26px;}
#pop_issuance .btns .btn {width:134px; font-size:16px; font-weight:500;}

label.check {position:relative; display:block; line-height:20px; padding-left:25px; margin-bottom:10px;}
label.check:last-child {margin-bottom:0;}
label.check input {display:none;}
label.check i {position:absolute; top:0; left:0; width:20px; height:20px; border:#ddd 1px solid; border-radius:2px; transition:.2s linear;}
label.check i:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; border-radius:3px; background:#0067b6; transform:translate(-50%,-50%); transition:.2s linear;}
label.check input:checked + i {border-color:#0067b6;}
label.check input:checked + i:before {width:12px; height:12px;}
label.check.solo {padding:0; width:20px; height:20px; margin:0 auto;}
label.check.type2 i:before {top:0; left:0; width:100%; height:100%; border-radius:0; background:url('/pub/images/sub/icon_check.svg') no-repeat 50% 50%; transform:none; opacity:0;}
label.check.type2 input:checked + i {background:#006ABE;}
label.check.type2 input:checked + i:before {opacity:1; width:100%; height:100%;}

label.radio {position:relative; display:block; line-height:20px; padding-left:25px; margin-bottom:10px;}
label.radio:last-child {margin-bottom:0;}
label.radio input {display:none;}
label.radio i {position:absolute; top:0; left:0; width:20px; height:20px; border:#ddd 1px solid; border-radius:50%; transition:.2s linear;}
label.radio i:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; border-radius:50%; background:#0067b6; transform:translate(-50%,-50%); transition:.2s linear;}
label.radio input:checked + i {border-color:#0067b6;}
label.radio input:checked + i:before {width:12px; height:12px;}

.tabs_area {display:flex; border:#ddd 1px solid; border-radius:4px; padding:3px; margin-bottom:40px;}
.tabs_area a {position:relative; font-size:16px; color:#666; line-height:48px; text-align:center; flex:1 1 calc(100%/6); border-radius:4px;}
.tabs_area a + a:before {content:""; position:absolute; top:50%; left:0; width:1px; height:24px; background:#ccc; transform:translateY(-50%);}
.tabs_area a.on {color:#fff; font-weight:500; background:#3D4049;}
.tabs_area a.on:before,
.tabs_area a.on + a:before {display:none;}

/* 온라인 교육 상세 */
.edu_area {border-radius:4px; border:#006ABE 1px solid; background:#fff url('../images/main/bg_box.jpg') no-repeat 100% 0; padding:38px 45px; margin-bottom:50px;}
.edu_area .tt {font-size:18px; color:#111; font-weight:500; line-height:30px; margin-bottom:8px;}
.edu_area li {font-size:16px; color:#333; line-height:26px;}
.select_edu_area {display:flex; justify-content:space-between; padding:24px 32px; background:#F6F6F6; border-radius:4px; margin-top:24px;}
.select_edu_area .dls {display:flex; align-items:center; gap:40px;}
.select_edu_area .dls dl {display:flex; align-items:center; gap:10px;}
.select_edu_area .dls dt {font-size:15px; color:#666; padding-left:26px; background:no-repeat 0 50%;}
.select_edu_area .dls dd {font-size:16px; color:#333; font-weight:600;}
.select_edu_area .dls dd.blue {color:#006ABE;}
.select_edu_area .dls .i1 dt {background-image:url('../images/sub/icon_select_edu01.svg');}
.select_edu_area .dls .i2 dt {background-image:url('../images/sub/icon_select_edu02.svg');}
.select_edu_area .dls .i3 dt {background-image:url('../images/sub/icon_select_edu03.svg');}
.select_edu_area .btn {font-size:14px; color:#fff; font-weight:600; line-height:46px; height:46px; width:160px; border-radius:4px; background:#006ABE; text-align:center;}