@charset "utf-8";

/* 공통 */
.txtYellow {color: #864841}
.txtGray {color:#666}
.txtBlue {color:#05548f}
.txtBluetit {font-size:16px; font-weight:444; color:#05548f;}
.explainTxtbox {position: relative; width: 100%; margin-bottom: 40px; padding: 35px 300px 35px 160px; box-sizing:border-box; border: 1px solid #dbdee1; }
.explainTxtbox h5 {font-size:24px; font-weight:444; margin-bottom:10px; letter-spacing: -1px;}
.explainTxtbox p.txt {letter-spacing:-0.5px; color:#666;}
.explainTxtbox .boxBtn {display: inline-block; position: absolute; top:60px; right:40px;}
.support_contact {position: relative; margin-top: 25px; padding: 35px 85px; background: #f1f2f7 url(../img/kor/support/icon_tel_info.png) no-repeat 32px 30px;}
.support_contact b {margin-right:10px; margin-left:10px; font-weight:444;}
.support_contact a {color: #666}
.si_02 {font-size:16px;  color:#000; line-height:25px; letter-spacing:-0.3px;margin-top:20px;}
.si_02.first{margin-top:15px;}
.si_02 > a{color:inherit; font-size:inherit; line-height: inherit;}
.si_02.v2{margin-top:30px;}
.si_02.dot {padding-left:11px; box-sizing:border-box; position:relative; margin-top:9px;}
.si_02.dot.first{margin-top:18px;}
.si_02.dot:before{content:""; display:block; width:3px; height:3px; background-color:#999; border-radius:50%; -webkit-border-radius:50%; position:absolute; left:0; top:9px;}
.si_02.number{padding-left:22px; box-sizing:border-box; position:relative; margin-top:10px;}
.si_02.number.first{margin-top:22px;}
.si_02.number:before{content:attr(data-content);position:absolute; display:block; left:0; top:3px; width:13px; height:19px; line-height:1em; }
.si_02.number.v2{margin-left:22px; width:calc(100% - 22px);}
.si_02.number.v3{margin-left:12px; width:calc(100% - 15px); padding-left:10px; font-size:15px; font-weight:400; color:#666; margin-top:0px; letter-spacing:-0.3px;}
.si_02.number.v3.first{margin-top:7px;}
.si_02.number.v4{margin-left:35px; width:calc(100% - 35px); padding-left:10px;}
.cont_topBanner {width: 100%; min-height: 290px; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; box-sizing: border-box; padding: 20px; text-align: center; background-attachment: scroll;}
.cont_topBanner .tB_titletxt {font-size: 29px; font-weight: 500; color: #fff; margin-top: 65px; letter-spacing: 0.3px; line-height: 36px;}
.cont_topBanner .tB_subtxt {font-size: 16px; margin-top: 20px; text-align: center; color: #fff; line-height: 26px; letter-spacing: -0.5px}
.email {font-size: inherit;color: inherit;line-height: inherit;font-weight: 400;background-image: url(../img/kor/icon_email.png);background-repeat: no-repeat;background-size: 19px 14px;display: block;width: 100%;background-position: 100% 4px;padding-right: 25px;box-sizing: border-box;word-break: break-all;cursor: pointer;}
.sumTr {background:#f1eae0;}
.lineTop_tbArea .lineTop_tbL2 .sumTr td {color: #846841; font-weight:444}
.tab-content {display: none;}
.tab-content.on {display:block;}

/* 시간제증명서 */
.timecertificate .contTit_s {margin-top:45px}
.timecertificate .contTit_line {margin-top:60px}
.timecertificate ul.list_dotGray {padding-left:0;}
.timecertificate span.list_gray {display:block; font-size:15px; color: #666; margin-left:10px; margin-top:5px}
.timecertificate.why .explainTxtbox {padding: 35px 35px 35px 160px; margin-top: 20px; background-image: url(../img/time/time_certificate/ico_timebanner.png); background-repeat:no-repeat; background-position: 45px 32px;}
.timecertificate.why .iconListArea {margin-top:30px;}
.timecertificate .timeWay {margin: 45px 0}
.timecertificate .timeWay>ul{display: inline-block; width: calc(50% - 50px); position:relative; vertical-align:top;}
.timecertificate .timeWay>ul + ul {margin-left:50px;}
.timecertificate .timeWay>ul:before{content:'';position:absolute;top:0;left:44px;display:block;width:1px;height:calc(100% - 60px);background:#dbdee1}
.timecertificate .timeWay>ul li{position:relative;box-sizing:border-box;min-height:140px;padding:10px 0 20px 115px;}
.timecertificate .timeWay>ul li h4{position:absolute;top:0;left:0;width:89px;height:89px;padding-top:18px;box-sizing:border-box;background:#3897d8;border-radius:50%;text-align:center;font-size:15px;color:#fff}
.timecertificate .timeWay>ul li h4 b{display:block;font-size:27px;font-weight:500;line-height:1em}
.timecertificate .timeWay>ul li dt{margin-bottom:10px;font-size:21px;font-weight:555}
.timecertificate .timeWay>ul li dd{font-size:16px;}
.timecertificate .timeWay>ul li .btnC_arrLineR_white{margin-top:10px}
.timecertificate.contact .explainTxtbox {margin-top: 20px; padding: 30px 30px 30px 140px; background-image: url(../img/time/time_certificate/ico_contact.png); background-repeat:no-repeat; background-position: 45px 36px; }
.timecertificate.contact .explainTxtbox p.bigTxt {font-size: 24px; color: #042a59; margin-bottom: 10px;}
.timecertificate.contact .explainTxtbox dl {clear:both;}
.timecertificate.contact .explainTxtbox dt {display:inline-block; font-weight:444; margin-right:8px; font-size:16px}
.timecertificate.contact .explainTxtbox dt + dd {margin-right: 15px;}
.timecertificate.contact .explainTxtbox dd {display:inline-block; color: #666; font-size:16px;}
.timecertificate.contact .box_iconlist2 li .txt_list ul.contact1 li b {font-weight:444}
.timecertificate.contact .box_iconlist2 li .txt_list ul.contact1 li {position: relative}
.timecertificate.contact .box_iconlist2 li .txt_list ul.contact1 li span{position: absolute; left:250px;}
.timecertificate.contact .box_iconlist2 li .txt_list ul.contact2 li {position: relative}
.timecertificate.contact .box_iconlist2 li .txt_list ul.contact2 li span{position: absolute; left:160px;}
.timecertificate.contact .limit_area {overflow-x: auto;overflow-y: hidden;width: 100%;-webkit-overflow-scrolling: touch;}
.timecertificate .intro_graph img.mb {display: none;}
.timecertificate .intro_graph {display:inline-block; padding: 40px 10px 30px 10px; vertical-align: top; font-size:0; margin-top:0; width: calc(50% - 20px); border: 1px solid #dddee2; text-align:center;  box-sizing: border-box;}
.timecertificate .intro_graph + .intro_graph {margin-left:20px;}
.timecertificate.intro .box_iconlist2 {width:100%; margin-bottom:30px;}
.timecertificate.intro .box_iconlist2 li {margin-top: 45px;}
.timecertificate.intro .answerList {display: inline-block; width: calc(50% - 15px); vertical-align: top; }
.timecertificate.intro .answerList li {color: #666; clear:both; margin-top:17px;}
.timecertificate.intro .answerList li span.answer {float:left; display: block; width:25px; height:25px; background:#5e6e88; font-size:15px; line-height:24px; text-align:center; color:#fff; font-weight:444; margin-right:10px; border-radius:50%}
.timecertificate.internet .cont_topBanner {padding-top: 70px; background: url(../img/time/time_certificate/certificate_bannerbg01.png) no-repeat;  background-size: cover; background-position: 50% 50%;}
.timecertificate.internet .cont_topBanner .tB_titletxt {margin-top: 40px; margin-bottom:36px;}
.timecertificate.internet .cont_topBanner .tB_subtxt {margin-top: 0; padding: 20px 0;}
.timecertificate .cont_topBanner .btnC_arrLineR {background-color: rgba(255, 255, 255, 0); border: 1px solid #fff;}
.timecertificate.post .cont_topBanner {padding-top: 70px; background: url(../img/time/time_certificate/certificate_bannerbg02.png) no-repeat;  background-size: cover; background-position: 50% 50%;}
.timecertificate.fax .cont_topBanner {padding-top: 70px; background: url(../img/time/time_certificate/certificate_bannerbg03.png) no-repeat;  background-size: cover; background-position: 50% 50%;}
.timecertificate.post .cont_topBanner .tB_titletxt {margin-top:0;}
.timecertificate.post .cont_topBanner .tB_subtxt {margin-bottom:15px;}
.timecertificate.post .support_contact span {color: #666;}
.timecertificate .support_contact b.txtBlue {color: #005c97;}
.timecertificate.post dl.service {position: relative}
.timecertificate.post dl.service dt {display:inline-block; font-weight:444;}
.timecertificate.post dl.service dd {display:inline-block; position: absolute; left:80px; color:#666}
.timecertificate.fax .DiagramArea {text-align:center;}
.timecertificate.fax .cont_topBanner .tB_titletxt {margin-top:0;}
.timecertificate.fax .cont_topBanner .tB_subtxt {margin-bottom:15px;}
.registration .box_icon_list.st2 li {padding-left:8px}
.registration .list_dotGray {padding-left:0}

/* ???? */
.btnC_arrLineR_white > em {display: block;width: auto; min-width: 110px;min-height: 44px;box-sizing: border-box;
padding: 10px 45px 11px 20px;border: 1px solid #000;background: url(../img/common/ico_arrLineR_black.png) no-repeat right 13px center;color: #000;font-family: 'Noto Sans KR';font-size: 15px;font-weight: 400;line-height: 20px;text-align: center;letter-spacing: -1px; font-style:normal}
.application .list_dotGray>li::before {top:10px}
.application .txtBluetit.info span {margin-left: 25px; font-weight:333; color: #000;}
.application .txtBluetit.info span.txtYellow a{color: #846841 }
.application .txtBlue {color: #005c97; font-size:16px}
.application .lineTop_tbArea {margin:15px 0;}
.application .contTit_line {margin: 40px 0 20px;}
.application .contTit_s {margin-top:45px;}
.application .list_dotGray {padding-left:0}
.application.social .explainTxtbox {margin-top: 20px; background-image: url(../img/time/application/ico_social.png); background-repeat:no-repeat; background-position: 45px 28px; padding: 25px 30px 25px 160px;}
.application.education .explainTxtbox {margin-top: 20px; background-image: url(../img/time/application/ico_education.png); background-repeat:no-repeat; background-position: 45px 30px; padding: 25px 25px 25px 155px;}
.application.child .explainTxtbox {margin-top: 20px; background-image: url(../img/time/application/ico_child.png); background-repeat:no-repeat; background-position: 45px 30px; padding: 35px 30px 35px 150px;}
.application.culture .explainTxtbox {margin-top: 20px; background-image: url(../img/time/application/ico_art.png); background-repeat:no-repeat; background-position: 45px 43px;}
.application.disabled .explainTxtbox {padding: 35px 270px 35px 160px; margin-top: 20px; background-image: url(../img/time/application/ico_disabled.png); background-repeat:no-repeat; background-position: 45px 43px;}
.application.teenedu .explainTxtbox {padding: 35px 222px 35px 135px; margin-top: 20px; background-image: url(../img/time/application/ico_teen.png); background-repeat:no-repeat; background-position: 45px 26px;}
.application.teencounsel .explainTxtbox {padding: 35px 286px 35px 160px; margin-top: 20px; background-image: url(../img/time/application/ico_teencounsel.png); background-repeat:no-repeat; background-position: 45px 43px;}
.application.teencounsel .explainTxtbox .boxBtn {top: 140px;}
.application .exclamBtnBox {position: relative;}
.application .exclamBtnBox a.btnC_arrLineR_white {position: absolute; top:0; right:0}
.application .boxCont {margin-top:25px; padding: 20px 30px; background: #f1f2f7;}
.application .boxCont p.boxTit {color: #05548f; font-size: 20px;  font-weight:444; margin-bottom:10px;}
.list_lineGray {margin: 8px 0}
.list_lineGray li {font-size: 15px; color: #666; letter-spacing: -0.5px;}
span.subGray {display: inline-block; font-size:15px; color:#666; margin: 8px 0}
.btnC_arrLineR_white.slimBtn {margin: 0; margin-left:10px;}
.btnC_arrLineR_white.slimBtn > span {min-height:20px; padding: 5px 45px 5px 20px;}
.teencounsel4 .support_contact {padding: 30px 15px 30px 80px; background-position: 32px 25px;}
.teencounsel4 .support_contact b span.txtBlue {margin-right:10px;}
.teencounsel4 .support_contact > p {display:inline-block;}
.teencounsel4 .support_contact .btnC_arrLineR {margin: -10px 0 0 0; float: right;}
.teencounsel4 .support_contact .btnC_arrLineR > span {min-width:120px; padding: 11px 35px 11px 20px; text-align:left;}
.teencounsel4 .slimBtn {margin-top:5px}
.btnC_arrLineR_white.slimbtn > span {min-height:20px; padding: 5px 40px 5px 8px}
.application.foreigner .cont_topBanner {margin: 20px 0 85px 0; background: url(../img/time/application/banner_foreigner.png) no-repeat; background-position: 50% 50%; background-size:cover;}
.application.foreigner .list_dotGray {padding-left:0;}
.application.foreigner .btnC_arrLineR {margin-top:15px;}
.application.foreigner .cont_topBanner .tB_titletxt {margin-top:87px;}
.application.foreigner .lineTop_tbArea table td {position: relative;}
.application.foreigner .lineTop_tbArea table .btnC_arrLineR_white.slimbtn {position: absolute; top: 10px; right:10px}
.application.registration .txtCall {margin:15px 0}
.application.registration .txtCall b {font-weight:444; color:#000}
.application.registration .txtCall .btnC_arrLineR {margin-top:10px;}
.application.disabled3 .support_contact  {background: #f1f2f7; padding: 35px 25px;}
.application.education .ulTit {margin-bottom:15px;}
.application.social .txtBluetit {margin:15px 0 10px 0}
.application.social3 .txtBlue {margin-bottom:15px;}
.application.social3 .btnC_arrLineR_white {margin:20px 0}
.application.social4 .step_txtBottom p {margin:7px 0;}
.application .step1 {margin-bottom: 25px;}
.application .lineTop_tbArea .txtBluetit {margin: 7px 0}
.application.child3 .cngCont {font-size:0; width: calc(100% + 100px); margin-left:-100px}
.application.child3 .cngCont dl {display: inline-block; width: calc(50% - 100px); border: 1px solid #dbdfe2; margin-left:100px; box-sizing:border-box; vertical-align: top;}
.application.child3 .cngCont dl dt {width:100%; background:#dbdfe2; padding:10px;  text-align:center; font-weight:555;  box-sizing:border-box; font-size:16px;}
.application.child3 .cngCont dl dd {padding:15px;}
.application.child3 .cngCont dl dd .list_dotGray>li {letter-spacing: -1px;}
.application.child3 .cngCont dl dd {padding:15px;}
.application.child3 .cont1, .application.child3 .cont2 {position: relative;}
.application.child3 .cont1 dl+dl::before {content:''; position:absolute; display:block; width:70px; height:29px; background:url(../img/time/application/arr_change.png) no-repeat center center; top: 50%; margin-top:-16px; left: calc(50% - -28px); margin-left:-14.5px;}
.application.child3 .cont2 dl+dl::before {content:''; position:absolute; display:block; width:70px; height:29px; background:url(../img/time/application/arr_strong.png) no-repeat center center; top: 50%; margin-top:-15px; left: calc(50% - -28px); margin-left:-14.5px;}
.application.child3 .cngCont dl:nth-child(2) {border: 1px solid #05548f}
.application.child3 .cngCont.cont1 dl:nth-child(2) ul.list_dotGray {margin-top:5%}
.application.child3 .cngCont dl:nth-child(2) dt {background: #05548f; color:#fff;}
.application.child3 .txtBluetit {margin: 20px 0 15px 0 }
.application.child3 .boxGray {padding:30px 20px; background: #f1f2f7; margin-top:20px;}
.application.child3 .boxGray p.tit {font-size:20px; color:#05548f; margin-bottom:15px; font-weight:444 }
.application.child3 .boxGrayb {margin-bottom:15px; display:block;}
.application.child3 .boxGray .ex1 {padding-bottom:15px;}
.application.child3 .boxGray .ex1 {border-bottom: 1px solid #dbdfe2}
.application.child3 .boxGray .ex2 {padding-top:15px;}
.application.child6 .support_contact {background: #f1f2f7; padding:25px 15px;}
.application.child6 .support_contact br {display:none;}
.application.child6 .txtBluetit {margin: 20px 0 15px 0 }
.application.child6 ul.list_dotGray.style2 li {display:inline-block; vertical-align:top; width: 33.3%;}
.application.child6 ul.list_dotGray.style2 li + li {margin-top:0}
.application.child6 ul.list_dotGray.style1 li {display:inline-block; vertical-align:top; width: 32.3%;}
.application.child6 .boxGray{padding: 25px; background: #f1f2f7; margin-top:25px; }
.application.child6 .support_contact b.post:nth-child(2) img {top:3px;}
.application.child6 .support_contact b.post span {margin-left:28px}


/* list스타일 */
.box_iconlist2 {display: inline-block; width:49%; height:auto; font-size:0; margin-top:30px; vertical-align:top; font-size:0}
.box_iconlist2 > li {font-size:16px; box-sizing: border-box}
.box_iconlist2 li .icon_img {display: inline-block;width: 100px;height: 100px;border-radius: 50%;-webkit-border-radius: 50%;
background-color: #f1f2f7;position: relative;vertical-align: top;}
.box_iconlist2 li .txt_list {
    display: inline-block;
    width: calc(100% - 135px);
    padding: 3px 0 0 30px;
    vertical-align: top;
}


/* 컬러테이블 */
.color_tbArea {overflow: auto; margin-top:35px}
.color_tb {max-width: none;width: calc(100% - 1px);table-layout: fixed;}
.color_tbArea .color_tb th {padding: 13px 10px; color:#fff; font-size:16px; line-height:20px; text-align: center; letter-spacing: -1px; background:#69748d;}
.color_tbArea .color_tb td:last-child, .color_tbArea .color_tb th:last-child {border-right:0;}
.color_tbArea .color_tb td {padding: 13px 10px;color: #000;font-family: 'Noto Sans KR', sans-serif;font-size: 16px;
font-weight: 300;line-height: 20px;letter-spacing: -1px;text-align: center; background:#f1f2f6}
.color_tbArea .color_tb td, .color_tbArea .color_tb th {height:23px; border-right: 1px solid #fff; border-bottom: 10px solid #fff;}
.color_tbArea .color_tb td:first-child {border-right: 10px solid #fff;}
.color_tbArea .color_tb th:first-child {border-right: 10px solid #fff;}
.color_tbArea .color_tb td.td1 {background: #3897d9; color: #fff;}
.color_tbArea .color_tb td.td2 {background: #05548f; color: #fff;}
.color_tbArea .color_tb td.td3 {background: #042a59; color: #fff;}
.color_tbArea .color_tb td.td4 {background: #977649; color: #fff;}
.color_tbArea .color_tb td.td5 {background: #e2b758; color: #fff;}

/* 모집요강 */
ul.box_icon_list.st2 > li {margin-top:40px;}
.box_icon_list li {font-size:16px; padding:0 0 0 8px;}
.box_icon_list.st2 .icon_img {display: inline-block; width: 100px; height: 100px; border-radius: 50%; -webkit-border-radius: 50%; background-color: #f1f2f7; position: relative;  vertical-align: top;}
.box_icon_list.st2 .txt_list {display: inline-block; width: calc(100% - 145px); padding: 15px 0 0 40px; vertical-align: top;}
.stepBox .stepList_child3 li {display: inline-block;position: relative;text-align: center;vertical-align:top;width: 33%;}
.stepBox .stepListwrap .stepBg {display: inline-block;position: relative;width: 150px;height: 150px;border-radius: 50%;
background: #f1f2f7;}
.stepBox .stepListwrap .step_txtBottom {display: block;width: 100%;margin: 20px 0 0px 0;text-align: center;}
.stepBox .stepListwrap .step_txtBottom b {font-size:15px; font-weight:444; letter-spacing:-0.5px;}
.stepBox .stepListwrap .stepBg i>img {position: absolute;width: 70px;left: calc(50% - 35px);top: calc(50% - 35px);}
.stepBox .stepList_child3 li:nth-child(n+2):before {content: "";display: block;width: 46px;height: 20px;position: absolute;
left: -23px;top: 60px;background-image: url(../img/kor/icon_list_arrow.png);background-size: 100% 100%;background-repeat: no-repeat;}

.stepList_child4 li {display: inline-block; position: relative; text-align: center; vertical-align: top; width: 24%;}
.stepList_child4 li:nth-child(n+2):before {content: ""; display: block; width: 46px; height: 20px; position: absolute; left: -23px; top: 60px; background-image: url(../img/kor/icon_list_arrow.png); background-size: 100% 100%; background-repeat: no-repeat;}
.stepList_child4 li:nth-child(5):before {content:""; display:none;}
.stepBox {margin-top:40px;}
.support_contact b.post {display: inline-block; position: relative;}
.support_contact b.post img {position: absolute; top:0}
.support_contact b.post span {margin-left:35px;}
.application.foreigner .cont_topBanner {background-position: 80% 50%;}
.application.child4 .txtBluetit {margin-bottom:10px;}
.application.child5 .lineTop_tbArea {margin-bottom:20px}
.application.education2 .txtBluetit {margin-bottom:10px;}
.application.education2 .step {margin-bottom:20px;}

/* 개강준비 */
.support_library .cont_topBanner {background: url(../img/kor/support/digital_librarybg.png) no-repeat;  background-size: cover; background-position: 50% 50%;}
.support_library .cont_topBanner .tB_titletxt {margin-top: 40px}
.support_library .cont_topBanner .tB_subtxt {margin-top: 0; margin: 20px 0 25px 0;}
.support_library .cont_topBanner .btnC_arrLineR {background-color: rgba(255, 255, 255, 0); border: 1px solid #fff;}
.support_smartcampus .cont_topBanner {background: url(../img/kor/support/smartcampusBg.png) no-repeat; background-size: cover; background-position: 50% 50%;}
.preparing .contTit_s {margin-top:45px;}
.preparing .contTit_line {margin: 40px 0 20px;}
.support_smartcampus .cont_topBanner {background: url(../img/kor/support/smartcampusandroidbg.png) no-repeat; background-size: cover; background-position: 50% 50%;}
.support_smartcampus .cont_topBanner .tB_titletxt {margin-top: 40px; margin-bottom:36px;}
.support_smartcampus .cont_topBanner .tB_subtxt {margin-top: 0; padding: 20px 0;}
.support_smartcampus .cont_topBanner .btnC_arrLineR {background-color: rgba(255, 255, 255, 0); border: 1px solid #fff;}
.support_smartcampus .cont_topBanner .btnC_fileDown {background-color: rgba(255, 255, 255, 0); border: 1px solid #fff; margin-left:10px;}
.support_smartcampus2 .cont_topBanner .btnC_arrLineR {margin-right:10px;}
.support_smartcampus .cont_topBanner .btnC_fileDown+.btnC_fileDown {margin-left:10px;}
.support_smartcampus .smartcampus_cont {width: 100%; height: auto;}
.support_smartcampus .smartcampus_cont .smart_rightbox {width: 100%}
.support_smartcampus .smartcampus_cont .imgWrap {width: 23%; margin-right: 20px; display: inline-block; float: left;}
.support_smartcampus .smartcampus_cont img {display: block; width:100%; max-width:270px; max-height:180px; height: 100%}
.support_smartcampus .smartcampus_cont .txtGray {display: inline-block; margin-top:6px; color:#666;}
.support_smartcampus h5.txtBlue {font-weight:555; font-size:16px; color:#05548f; margin:25px 0 15px 0;}
.support_smartcampus .awardlist li {display: inline-block; width: calc(33.3% - 15px); padding: 24px 10px 20px 0px; box-sizing: border-box; margin-left:15px; height: 116px; border: 1px solid #dbdfe2; overflow:hidden;}
.support_smartcampus .awardlist li:first-child, .support_smartcampus .awardlist li:nth-child(3n+1) {margin-left:0;}
.support_smartcampus .awardlist li .logoImg {float: left; margin-left: 3px; margin-right: 8px; width:98px; height:auto;}
.support_smartcampus .awardlist li p {font-size:17px; margin-top: 4px; letter-spacing: -1px;}
.support_smartcampus .awardlist li p .txtGray {color:#666;}
.support_smartcampus .btnC_fileDown_white.slim {margin:0; margin-left:10px;}
.support_smartcampus .btnC_fileDown_white.slim span {min-width: 77px;height: 32px;min-height: 32px;padding: 5px 37px 0 12px;}
.support_smartcampus .lineTop_tbArea {margin-top:15px;}
.support_smartcampus.smartcampus2 .cont_topBanner {background: url(../img/kor/support/smartcampusBg2.png) no-repeat;  background-size: cover; background-position: 50% 50%;}
.smartcampus2 .cont_topBanner .tB_titletxt {padding-left: 268px; text-align:left;}
.support_smartcampus .cont_topBanner .btnC_arrLineR+.btnC_arrLineR {margin-left: 10px}
.smartcampus2 img {margin: 15px 0; width:auto;}
.smartcampus2 .btnC_fileDown_white span {margin-left:10px}
.support_smartcampus .contTit_s {margin: 25px 0 20px}
.support .smartCampus_list > li {float: left; margin-left: 10px;}
.support .smartCampus_list > li {float: left; margin-left: 10px;}
.support .smartCampus_list3 {overflow:hidden;}
.support .smartCampus_list3 > li {float: left; margin-left: 10px;}
.support_smartcampus .txtBlue {color: #005c97;}
.support_smartcampus .cont_topBanner .tB_subtxt {padding: 54px;}
.smartcampus2 .cont_topBanner .tB_titletxt {padding-left: 334px; text-align:left; margin-top: 53px}
.smartcampus2 .bannerbtnArea {margin-left: 131px;}
.smartguide1 .stepBox {border: 1px solid #dbdfe2; padding: 45px 220px; box-sizing: border-box; width:100%; text-align:center;}
.smartguide1 .stepBox > ul {overflow:hidden}
.smartguide1 .stepBox > ul > li {display: block; float:left; width: calc(33.3% - 20px); margin-left:20px; text-align:center;}
.smartguide1 .stepBox > ul > li p.txt {color: #000}
.smartguide1 .stepBox > ul > li img {display:inline-block; margin-bottom:10px;}
.smartguide1 .stepBox .btnC_arrLineR {margin: 10px 0 5px 0;}
.preparing.supportservice .cont_topBanner {margin: 20px 0 65px 0; background: url(../img/time/preparing/banner_supportservice.png) no-repeat; background-position: 50% 50%; background-size:cover;}
.preparing.supportservice .cont_topBanner .btnC_arrLineR {background-color: rgba(255, 255, 255, 0); border: 1px solid #fff;}

.preparing.supportservice .cont_topBanner .tB_subtxt {margin: 15px 0 20px 0;}
.preparing.supportservice ul.box_iconlist2 {width:100%; margin-top:45px;}
.preparing.supportservice .txtBluetit {margin: 10px 0 5px 0;}
.post .support_contact br {display:none;}
/* 공인인증센터 */
.certificate .caseTxt {margin:20px 0}
.certificate .caseTxt .txtBluetit {margin:10px 0}
.certificate .cont_topBanner {margin: 20px 0 65px 0; background: url(../img/time/preparing/banner_certificate.png) no-repeat; background-position: 50% 50%; background-size:cover;}
.certificate .cont_topBanner .tB_titletxt {margin-top:50px}
.certificate .cont_topBanner p.txtYellow {margin-top: 15px; color: #e2b758; font-weight:444; letter-spacing: -0.5px}
.certificate.certificate2 .cont_topBanner {background: url(../img/time/preparing/banner_certificate2.png) no-repeat; background-position: 50% 50%; background-size:cover;}
.certificate.certificate2 .tB_subtxt {margin-top:70px;}
.certificate.certificate3 .cont_topBanner {padding: 15px; background: url(../img/time/preparing/banner_certificate3.png) no-repeat; background-position: 50% 50%; background-size:cover;}
.certificate.certificate3 .cont_topBanner .tB_subtxt {margin-bottom:15px;}
.certificate.certificate3 .cont_topBanner .btnC_arrLineR {background-color: rgba(255, 255, 255, 0); border: 1px solid #fff;}
.certificate.certificate3 ul.vertifiGuide li {display:inline-block ; width: calc(33.3% - 15px); vertical-align:top;}
.certificate.certificate3 ul.vertifiGuide li + li {margin-left:15px}
.certificate.certificate3 ul.vertifiGuide li > div {border: 1px solid #dbdee1}
.certificate.certificate3 ul.vertifiGuide li span.cirBg {display:inline-block; width:25px; height:25px; color: #fff; background: #5e6e88; border-radius:50%; vertical-align:top; line-height:24px; font-size:14px; text-align:center;}
.certificate.certificate3 ul.vertifiGuide li p.txt {font-weight:444; margin-top:10px; }
.tabArea{width:100%;overflow:hidden;}
.certificate .tabMenu{margin:30px 0 30px -25px;font-size:0}
.certificate .tabMenu li{position:relative;display:inline-block;padding-left:25px;vertical-align:top}
.certificate .tabMenu li:before{content:'';position:absolute;top:11px;left:12px;display:block;width:3px;height:3px;background:#ababab;border-radius:50%}
.certificate .tabMenu li a{font-size:16px;font-weight:500;color:#666;letter-spacing:-1px;}
.certificate .tabMenu li a.on{border-bottom:1px solid #977649;color:#977649}
.certificate .tabArea>div>ul{position:relative;}
.certificate .tabArea>div>ul:before{content:'';position:absolute;top:0;left:44px;display:block;width:1px;height:calc(100% - 140px);background:#dbdee1}
.certificate .tabArea>div>ul li{position:relative;box-sizing:border-box;min-height:140px;padding:10px 0 20px 115px;}
.certificate .tabArea>div>ul li h4{position:absolute;top:0;left:0;width:89px;height:89px;padding-top:18px;box-sizing:border-box;background:#3897d8;border-radius:50%;text-align:center;font-size:15px;color:#fff}
.certificate .tabArea>div>ul li h4 b{display:block;font-size:27px;font-weight:500;line-height:1em}
.certificate .tabArea>div>ul li dt{margin-bottom:10px;font-size:21px;font-weight:555}
.certificate .tabArea>div>ul li dd{font-size:16px;}
.certificate .tabArea>div>ul li .btnC_arrLineR_white{margin-top:10px}
.certificate .join {padding-top: 40px;border-top: 1px solid #dbdee1;}
.certificate .join ul {width: calc(100% + 15px);margin-left: -15px;font-size: 0;}
.certificate .join ul li {display: inline-block;width: calc(25% - 15px);margin: 15px 0 0 15px;color: #666;vertical-align: top;}
.certificate .join ul li span {display: block;border: 1px solid #dbdee1;text-align: center; font-size: 0;}
.certificate .join ul li b {display: block;margin: 10px 0;font-size: 16px;font-weight: 500;color: #000;}
.certificate.certificate4 .cont_topBanner {padding: 15px; background: url(../img/time/preparing/banner_certificate4.png) no-repeat; background-position: 50% 50%; background-size:cover;}
.certificate.certificate4 .cont_topBanner .tB_subtxt {margin-bottom:15px;}
.certificate.certificate4 .cont_topBanner .btnC_arrLineR {background-color: rgba(255, 255, 255, 0); border: 1px solid #fff;}
.certificate.certificate4 .cont_topBanner .btnC_arrLineR+.btnC_arrLineR {margin-left:10px;}
.lineList_ul.typeFaq dt>button{padding-left:70px;}
.lineList_ul.typeFaq dd>p{padding-left:17px;color:#666}
.cret_tab{width: 100%; height: auto; font-size: 0; margin-bottom: 45px;}
.cret_tab .default{width: auto; height: auto; display: inline-block; vertical-align: middle;  position: relative; padding:5px 5px 7px 5px; }
.cret_tab .default span{font-size: 16px; color:#666; letter-spacing: -0.5px; line-height: 1em;}
.cret_tab .default:nth-child(n+2){margin-left: 10px; padding-left: 10px;}
.cret_tab .default:nth-child(n+2):before{content: ""; display: block; width: 3px; height: 3px; border-radius: 50%; background-color:#a6a6a6; position: absolute; left: 0; top: 11px;}
.cret_tab .default:after{content: ""; width: 0px; height: 2px; position: absolute; left: 0px; bottom: 0px; background-color: #977649; transition: all 0.3s; -webkit-transition: all 0.3s;}
.cret_tab .default:nth-child(n+2):after{left: 10px;}
.cret_tab .default.on span{color:#846841}
.cret_tab .default.on:after{width: 100%;}
.cret_tab .default.on:nth-child(n+2):after{width: calc(100% - 10px)}
.cret_tab .default.on:nth-child(n+2):before{background-color: #846841}
.cret_cont{display: none;}
.cret_cont.on{display: block;}


/* 수업장애상담센터 */
.support_counsel .img_inner_txt3 {background-image: none; padding:0; margin: 45px 0;}
.support_counsel .img_inner_txt3 ul li p {font-style: normal; font-size: 21px; font-weight:555; color:#000}
.support_counsel em {font-style: normal; font-size: 16px; font-weight:333; display: block;  margin-top:10px; color:#000}
.support_counsel .txtBluetit {font-size: 16px; color: #005c97; font-weight: 555; margin: 20px 0;}
.support_counsel .cont_topBanner {background: url(../img/kor/support/counselbg2.png) no-repeat; background-position: 50% 50%; background-size:cover;}
.support_counsel .cont_topBanner .tB_titletxt {margin-top: 30px}
.support_counsel .cont_topBanner .tB_subtxt {margin-top: 0; padding: 20px 0;}
.support_counsel .cont_topBanner .btnC_arrLineR {background-color: rgba(255, 255, 255, 0); border: 1px solid #fff;}
.support_counsel .btnC_arrLineR_white {margin: 15px 0}
.support_counsel .cont_dtl1.Img_52 .contTit_s{margin: 0px 0 21px 84px;}
.support_counsel .txtBlue {color: #005c97}
.support_counsel .cont_dtl1.Img_52 {padding: 20px 42px 20px 35px; background: url(../img/kor/support/ico_counsel.png) no-repeat 20px 20px}
.support_counsel .contTit_line {margin: 30px 0 20px 0}
.support_counsel .support_contact b {margin-right: 10px;}
.support_counsel .support_contact a {margin-right: 10px;}
.support_counsel .cont_dtl1 .link_btn {width: auto; vertical-align: top;padding-top: 13px; float: right; padding-left:0}
.support_counsel .cont_dtl1.Img_52 .txt>p {padding-left:33px; margin-top:0; color: #666}
.support_counsel .cont_dtl1.Img_52 .contTit_s {margin: 0px 0 5px 84px;}
.support_counsel .cont_dtl1 .txt {width: calc(100% - 235px);}

.img_inner_txt3{width: 100%; height: 510px; background-image: url(../img/kor/intro/intro_industry5.png); background-size: cover; font-size: 0; padding: 70px; box-sizing: border-box;}
.img_inner_txt3 ul{ width: 50%; height: auto; font-size: 0; display: inline-block; vertical-align: top;}
.img_inner_txt3 ul li{width:100%; display:inline-block; vertical-align: top;}
.img_inner_txt3 ul li span{width: 90px; height: 90px; border-radius: 50%; -wekit-border-radius: 50%; background-color: #3180b9; color:#fff; font-size: 15px; font-weight: 200; display: inline-block; text-align: center; padding-top: 18px; box-sizing: border-box; line-height: 24px; vertical-align: middle; position: relative; z-index: 2; vertical-align:top;}
.img_inner_txt3 ul li span:after{content: ""; display: block; width: 1px; height: 70px; background-color: #fff; position: absolute; left: 50%; top: 100%; z-index: 0}
.img_inner_txt3 ul li:last-child span:after{display: none;}
.img_inner_txt3 ul li span i{font-style: normal; font-size: 27px; font-weight: 500; }
.img_inner_txt3 ul li p{font-size: 18px; color:#fff; letter-spacing: -0.5px; display: inline-block; width: calc(100% - 100px); padding-left: 17px; box-sizing: border-box; vertical-align: middle; line-height: 25px;}
.img_inner_txt3 ul li p.f_s16{font-size: 16px; font-weight: 400;}
.img_inner_txt3 ul li p .gray{color:#05548f;}
.img_inner_txt3 ul li p > b{font-size: 21px; display: block; margin-bottom: 10px;}
.img_inner_txt3 ul li p > i{font-weight: inherit; font-size: inherit; font-style:normal;}
.img_inner_txt3 ul li:nth-child(n+2){margin-top: 50px}
.support_counsel .img_inner_txt3 ul:nth-child(n+2){box-sizing: border-box; padding-left:0}
.img_inner_txt3 > ul {position:relative }
.img_inner_txt3 > ul::before {content: '';position: absolute;top: 0;left: 44px;display: block;width: 1px;height: calc(100% - 60px);background: #dbdee1;}

.img_inner_txt3.v2{background-image: none; height: auto; padding: 0;}
.img_inner_txt3.v2 ul li span{background-color: #3897d9}
.img_inner_txt3.v2 ul li span:after{background-color: #eff1f2;}
.img_inner_txt3.v2 ul li p{font-size: 16px; color:#000; padding-left: 31px;}
.img_inner_txt3.v2 ul li p b{font-weight: 500;}
.img_inner_txt3.v2 ul:nth-child(n+2){padding-left: 0px;}

.img_inner_txt3.delay{padding-top:10px;}

@media screen and (max-width: 1270px) {
    .support_smartcampus .awardlist li {width:calc(50% - 15px); margin-left:0;}
    .support_smartcampus .awardlist li:nth-child(2n) {margin-left:15px}
    .support_smartcampus .awardlist li .logoImg {width:120px;}
    .smartcampus2 .bannerbtnArea {margin-left:331px;}
    .smartcampus2 .cont_topBanner .tB_titletxt {margin-top: 10px; margin-bottom: 15px;}
    .smartcampus2 .cont_topBanner .btnC_arrLineR {display: block; width: 250px;}
    .support_smartcampus2 .cont_topBanner .btnC_fileDown+.btnC_fileDown {margin-left: 0;}
    .smartguide1 .stepBox {padding: 45px 120px;}
    .smartcampus2 .cont_topBanner a {display:block; width:250px}
    .support_smartcampus .cont_topBanner .btnC_fileDown {margin-left:0}
    .support_smartcampus .cont_topBanner .btnC_fileDown+.btnC_fileDown {margin-left:0}
}

@media all and (max-device-width:1145px) {
    .application.foreigner .lineTop_tbArea table .btnC_arrLineR_white.slimbtn {position: inherit; top:0; right:0; display: block ;width:120px; margin-top:10px;}
}

@media all and (max-device-width:1100px) {
    .application .exclamBtnBox a.btnC_arrLineR_white {position: inherit; top:0; left:0; margin-top:10px;}
}
@media all and (max-device-width:1041px) {
    .explainTxtbox {padding: 35px 220px 35px 160px; box-sizing:border-box;}

    /* 모집요강 */
    .application.disabled .explainTxtbox {padding: 35px 120px 35px 160px;}
    .application.teencounsel .explainTxtbox {padding: 35px 224px 35px 160px;}
    .support_smartcampus .smartcampus_cont .imgWrap {margin-bottom:20px; width:100%;}
    .support_smartcampus.smartcampus2 .cont_topBanner {background: url(../img/kor/support/smartcampusBg2_tablet.png) no-repeat; }
    .smartcampus2 .bannerbtnArea {margin-left:239px;}
    .smartcampus2 .cont_topBanner .tB_titletxt {margin-top: 14px;padding-left:240px; font-size: 25px; line-height: 30px; letter-spacing: -1px;}
    .smartguide1 .stepBox {padding: 28px 0px;}
    .box_iconlist2 {display:block; width:100%}
    .teencounsel4 .box_iconlist2 br {display:none;}
    .teencounsel4 .slimBtn {margin-top:0}
    .box_iconlist2+.box_iconlist2 {margin-top:20px;}
    .application.social4 .stepBox .stepListwrap .step_txtBottom br {display:none;}
    .application.child6 ul.list_dotGray.style2 li {width: 100%;}
    .application.child6 ul.list_dotGray.style2 li + li {margin-top:6px}
    .application.child6 ul.list_dotGray.style1 li {width: 100%;}

    /* 시간제증명서 */
    .timecertificate .timeWay>ul{width:100%}
    .timecertificate .timeWay>ul+ul {margin-left:0}
    .timecertificate .timeWay>ul.longBg::before {content: '';position: absolute;top: 0;left: 44px;display: block;width: 1px;height: 100%;
background: #dbdee1;}
    .timecertificate .timeWay>ul:nth-child(1):before {height:100%}

    .certificate.certificate2 .cont_topBanner {background-position: 90% 50%}
    .application.child6 .support_contact br {display:block;}

    /* 수업장애상담센터 */
    .support_counsel .cont_dtl1.Img_52 .txt>p br {display: block;}
    .support_counsel .cont_dtl1.Img_52 .txtBlue {display: inline-block; margin: 2px}
    .support_counsel .cont_dtl1 .link_btn {float:none; display:block; text-align:center;}
    .support_counsel .cont_dtl1 .txt {width:100%}
    .certificate.certificate4 .cont_topBanner {background-position: 0 50%;}

    /* 공인인증센터 */
    .certificate .cont_topBanner {background-position: 0 50%}
    .certificate .join ul li {width: calc(50% - 15px);}
    .cret_tab{margin-bottom: 30px;}
    .cret_tab .default span{font-size: 15px;}
}

@media screen and (max-device-width: 925px)  {
    .stepBox .stepListwrap.stepList_child4 .stepBg {width:100px; height: 100px;}
    .stepBox .stepListwrap.stepList_child4 .stepBg i>img {width: 50px;left: calc(50% - 25px);top: calc(50% - 25px);}
    .stepList_child4 li:nth-child(n+2)::before {width:30px; height: 13px; top:42px}
}

@media screen and (max-device-width: 880px)  {
    .support_contact {padding: 50px 15px 15px 15px; background-size: 25px; background-position: center 20px; text-align:center;}
    .support_contact b {display: block; width:100%; text-align: center;margin-top: 5xpx;margin-right: 0px; margin-left: 0}
    .support_contact a { display: block; width:100%; text-align: center;margin-left:0}
    .support_contact span {display: block; width:100%; text-align:center;}
    .teencounsel4 .support_contact {padding: 20px 15px; background-position: center 20px;}
    .teencounsel4 .support_contact>p {display:block; margin: 35px 0 10px 0;}
    .teencounsel4 .support_contact .btnC_arrLineR {float: inherit; width: 120px; margin: 0 auto;}
    .post .support_contact b:nth-child(1) {display:block; margin-bottom:7px; margin-right:0}
    .timecertificate.post .support_contact span, .timecertificate.post .support_contact b, .timecertificate.post .support_contact a {display:inline}
    .timecertificate.post .support_contact b {margin-right:5px}
    .timecertificate.post .support_contact a {margin-right:5px}
    .post .support_contact {padding: 55px 15px 15px 15px; font-size:13px; letter-spacing:-0.5px;}
    .post .support_contact span {font-size:13px;}
    .post .support_contact br {display:block;}
    .post .support_contact b:nth-child(1) {display:block; margin-bottom:7px; margin-right:0}
}
@media screen and (max-device-width: 850px){
    .support_counsel .img_inner_txt3 {padding: 10px 40px 40px 0;}
    .support_contact b.post span {display:inline-block; margin-left:0px;}
    .support_contact b.post img {width:15px; position:inherit; top:0}
    .support_contact b.post + b.post {margin-top:7px;}
    .application.child6 .support_contact b.post span {margin-left:0}
}

@media all and (max-device-width:768px) {
    /* 공통 */
    .list_dotGray>li {font-size:14px}
    .application.foreigner .cont_topBanner {margin: 10px 0 0 0;}
    .txtBluetit {font-size:14px;}
    .explainTxtbox {padding: 70px 30px 20px 30px;}
    .explainTxtbox h5 {font-size:20px; margin-top:10px; margin-bottom:5px; text-align:center; }
    .explainTxtbox p.txt {text-align:center;}
    .explainTxtbox .boxBtn {display: block; position: inherit; text-align:center; margin-top:10px; top:auto; right:auto;}
    .btnC_arrLineR_white.slimBtn>span {min-width: 80px; font-size:13px; padding: 5px 37px 5px 12px; margin-top:5px;}
    .cont_topBanner {margin-left: -20px !important; width: calc(100% + 40px); min-height: inherit; padding: 30px 15px;}
    .cont_topBanner .tB_titletxt {font-size: 18px; font-weight: 500; margin-top: 0px; letter-spacing: 0.3px; line-height: 25px;}
    .cont_topBanner .tB_subtxt {word-break: keep-all; font-size: 13px; margin-top: 10px; line-height: 18px;}
    .cont_topBanner .tB_subtxt br {display: none}
    .si_02.dot{padding-left:10px;}
    .si_02.dot.first{margin-top:10px;}
    .list_lineGray {margin: 3px}
    .support_library .cont_topBanner .tB_titletxt {margin-top:0}

    /* 시간제등록 */

    .timecertificate .contTit_s {margin-top:25px}
    .timecertificate .contTit_line {margin-top:30px}
    .timecertificate.why .explainTxtbox {padding: 70px 30px 20px 30px; margin-top: 20px;  background-position: center 20px; background-size:50px auto;}
    .timecertificate.contact .list_dotGray>li {font-size:14px;}
    .timecertificate.contact .explainTxtbox {padding: 70px 30px 20px 30px; margin-top: 20px;  background-position: center 20px; background-size:38px auto;}
    .timecertificate.contact .explainTxtbox p.bigTxt{font-size:16px; text-align:center; margin-bottom:5px;}
    .timecertificate.contact .explainTxtbox dt {display:block; text-align:center; margin:0; font-size:14px;}
    .timecertificate.contact .explainTxtbox dd {display:block; text-align:center; margin:0; font-size:14px}
    .timecertificate .intro_graph img.mb {display: block;}
    .timecertificate .intro_graph img.pc {display: none;}
    .timecertificate .intro_graph {width:100%; }
    .timecertificate .intro_graph + .intro_graph {margin-left:00px; margin-top:20px;}
    .timecertificate .intro_graph img.mb {margin: 0 auto}
    .timecertificate.intro .box_iconlist2 li {margin-top: 20px;}
    .timecertificate.intro .answerList {width:100%; margin-top:13px;}
    .timecertificate.intro .answerList li {margin-top:13px;}
    .preparing.supportservice .txt_listGroup{text-align:left;}
    .timecertificate span.list_gray {font-size:13px; margin-top:3px;}

    /* 모집요강 */
    .application .txtBlue { font-size:14px}
    .application .contTit_line {margin: 20px 0 10px;}
    .application .contTit_s {margin-top:25px;}
    .application .contTit_s span.txtBlue {font-size: 18px}
    .application ul.list_dotGray > li {font-size:14px;}
    .application .dot_tag1 {font-size:14px;}
    .application .dot_tag1.v2:nth-child(n+2) {margin-top:0;}
    .application.culture .explainTxtbox { background-position: center 20px; background-size:50px auto;}
    .application .lineTop_tbArea .lineTop_tbL2 td {font-size:14px;}
    .application.disabled .explainTxtbox {padding: 70px 30px 20px 30px; margin-top: 20px;  background-position: center 20px; background-size:50px auto;}
    .application.teenedu .explainTxtbox {padding: 70px 30px 20px 30px; margin-top: 20px;  background-position: center 13px; background-size:50px auto;}
    .application.teencounsel .explainTxtbox .boxBtn {top: 0px;}
    .application.teencounsel .explainTxtbox {padding: 70px 30px 20px 30px; margin-top: 20px;  background-position: center 13px; background-size:50px auto;}
    .application.teencounsel .explainTxtbox br {display: none;}
    .stepBox .stepList_child3 li {width:100%; height:210px;}
    .stepBox .stepList_child3 li:first-child {height:235px;}
    .stepBox .stepList_child3 li:nth-child(n+2):before {content: "";display: block;width: 35px;height: 15px;position: absolute;
    top: -44px;left: calc(50% - 17px);background-image: url(../img/kor/support/icon_list_arrow_hori.png);background-size: 100% 100%;
	background-repeat: no-repeat;transform: rotate(-90deg);-webkit-transform: rotate(-90deg);}
    .stepBox .stepListwrap .stepBg {width:100px; height: 100px;}
	.stepBox .stepListwrap .stepBg i>img {width: 50px;left: calc(50% - 25px);top: calc(50% - 25px);}
    .application.child6 .support_contact br {display:none;}
    .stepBox .stepList_child3 li:last-child {height:auto}
    .list_lineGray li {font-size:13px;}
    span.subGray {font-size:13px;}
    .box_iconlist2>li {text-align:center;}
    .box_iconlist2 .txt_list p.txt {text-align:left;}
    .teencounsel4 .box_iconlist2 .txt_list p.txt {text-align:center;}
    .box_iconlist2 li .icon_img {width:90px; height:90px; display:block;}
    .teencounsel4 .box_iconlist2 li .icon_img {width:90px; height:90px; margin: 0 auto; display:block;}
    .box_iconlist2 li .txt_list {width: 100%; margin-left:0; padding:0; margin-top:10px;}
    .teencounsel4 .box_iconlist2 li .txt_list {margin-left:0; width:320px; margin: 0 auto; padding:0; margin-top:10px;}
    .teencounsel4 .box_iconlist2 li .contTit_s {margin-bottom:10px; text-align:center;}
    .box_iconlist2 li .contTit_s {margin-bottom:10px; text-align:left;}
    .teencounsel4 .box_iconlist2 br {display:block;}
    .application.foreigner .cont_topBanner .tB_titletxt {margin-top:0; padding-top:20px}
    .application.foreigner .cont_topBanner .tB_subtxt {padding-bottom:20px}
    .box_icon_list.st2 .icon_img {width:70px; height:70px;}
    .box_icon_list.st2 .txt_list {width:100%; padding:0; margin-top:20px;}
    .box_icon_list.st2 .contTit_s {margin-bottom:10px;}
    .application.social .explainTxtbox {padding:20px; background-size:50px auto; background-position: center 20px;}
    .application.social .explainTxtbox h5 {margin-top:55px}
    .application.child .explainTxtbox {padding:20px; background-size:50px auto; background-position: center 20px;}
    .application.child .explainTxtbox h5 {margin-top:55px}
    .application.education .explainTxtbox {padding:20px; background-size:50px auto; background-position: center 20px;}
    .application.education .explainTxtbox h5 {margin-top:55px}
    .application.education .ulTit {margin-bottom:7px;}
    .application.education2 .txtBluetit {margin-bottom:7px;}
    .application.education2 .step {margin-bottom:12px;}
    .application.child3 .cngCont {width:100%; margin-left:0}
    .application.child3 .cngCont dl {width:100%; margin-left:0}
    .application.child3 .cngCont dl + dl {margin-top: 67px;}
    .application.child3 .cngCont dl dt {font-size:14px;}
    .application.child3 .cngCont.cont1 dl:nth-child(2) ul.list_dotGray {margin-top:0}
    .application.child3 .cont1 dl+dl::before {width: 36px; height: 50px;background: url(../img/time/application/arr_change_mobile.png) no-repeat center center;top: 56%;margin-top: -16px;left: 50%;margin-left: -14.5px; background-size:contain; }
    .application.child3 .cont2 dl+dl::before {width: 36px; height: 50px; background: url(../img/time/application/arr_strong_mobile.png) no-repeat center center;top: 45%;margin-top: -16px;left:  50%;margin-left: -14.5px; background-size:contain;}
    .application.child6 .support_contact {padding:15px;}
    .application.child6 .txtBluetit {margin: 10px 0}

    .stepList_child4 li {width: 100%; height: auto;}
    .stepList_child4 li + li {margin-top: 50px}
    .stepList_child4 li:nth-child(n+2)::before {content: ""; display: block; width: 35px; height:15px; position: absolute; top: -32px; left: calc(50% - 17px); background-image: url(../img/kor/support/icon_list_arrow_hori.png); background-size: 100% 100%; background-repeat: no-repeat; transform: rotate(-90deg); -webkit-transform: rotate(-90deg);}
    .stepBox .stepList_child4 li:nth-child(n+2):before {width:30px; height:13px; top:-36px;}


    .img_inner_txt3 ul li span {width: 70px;height: 70px;font-size: 13px;line-height: 20px;padding-top: 14px;}
    .img_inner_txt3 ul li span i {font-size: 20px;}
    .support_counsel .img_inner_txt3 ul li p {font-style: normal;font-size: 16px;font-weight: 555;}
    .support_counsel em {font-style: normal;font-size: 12px;font-weight: 333;display: block;margin-top: 5px;}

    /* 컬러테이블 */
    .color_tbArea .color_tb td {font-size:14px;}
    .lineTop_tbArea .lineTop_tbL2 td {font-size:14px;}

    /* 시간제증명서 */
    .timecertificate .timeWay>ul:nth-child(1):before {height: 100%}
    .timecertificate .timeWay li{display:block;}
	.timecertificate .timeWay li+li{margin-top:5px}
	.timecertificate .timeWay>ul:before{left:24px;height:calc(100% - 120px)}
	.timecertificate .timeWay>ul li{min-height:120px}
	.timecertificate .timeWay>ul li h4{width:50px;height:50px;padding-top:5px;font-size:12px}
	.timecertificate .timeWay>ul li h4 b{font-size:18px}
	.timecertificate .timeWay>ul li{padding:10px 0 10px 66px;}
	.timecertificate .timeWay>ul li dt{font-size:16px; letter-spacing: -1px;}
	.timecertificate .timeWay>ul li dd,
    .timecertificate .timeWay>ul li p.exclam{font-size:14px}
    .timecertificate .timeWay>ul.longBg::before {left:24px}
    .timecertificate.internet .cont_topBanner {padding-top:30px;}
    .timecertificate.post .cont_topBanner {padding-top:30px;}
    .timecertificate.fax .cont_topBanner {padding-top:30px;}
    .certificate.certificate2 .tB_subtxt {margin-top:0px;}
    .timecertificate.contact .box_iconlist2 li .txt_list ul.contact1 li span{position: inherit; left:0px; display:block}
    .timecertificate.contact .box_iconlist2 li .txt_list ul.contact2 li span{position: inherit; left:0px; display:block}

    /* 개강준비 */
    .preparing .contTit_s {margin-top:25px;}
    .preparing .contTit_line {margin: 20px 0 10px;}
    .preparing.supportservice .cont_topBanner {background-position: 0% 50%; margin: 20px 0 25px 0;}

    .preparing.supportservice ul.box_iconlist2 {margin-top:25px;}
    /* 공인인증센터 */
    .certificate .cont_topBanner {margin: 20px 0 20px -20px; }
    .certificate .tabMenu li{display:block;}
	.certificate .tabMenu li+li{margin-top:5px}
	.certificate .tabArea>div>ul:before{left:24px;height:calc(100% - 120px)}
	.certificate .tabArea>div>ul li{min-height:120px}
	.certificate .tabArea>div>ul li h4{width:50px;height:50px;padding-top:5px;font-size:12px}
	.certificate .tabArea>div>ul li h4 b{font-size:18px}
	.certificate .tabArea>div>ul li{padding:10px 0 10px 66px;}
	.certificate .tabArea>div>ul li dt{font-size:16px; letter-spacing: -1px;}
	.certificate .tabArea>div>ul li dd,
    .certificate .tabArea>div>ul li p.exclam{font-size:14px}
    .certificate3 .cont_topBanner .tB_titletxt {margin-top:0;}
    .certificate.certificate3 ul.vertifiGuide li {width:100%; margin-bottom:15px;}
    .certificate.certificate3 ul.vertifiGuide li+li {margin-left: 0}
    .certificate.certificate3 ul.vertifiGuide li>div {text-align:center;}
    .certificate.certificate3 ul.vertifiGuide li p.txt {text-align:center;}
    .certificate .join ul {width:100%; margin-left:0}
    .certificate .join ul li {width: 100%; margin: 0 0 15px 0}
    .certificate .join .contTxt {margin-bottom:20px;}
    .certificate4 .cont_topBanner .tB_titletxt {margin-top:10px;}
    .certificate.certificate4 .cont_topBanner .btnC_arrLineR {width:100%}
    .certificate.certificate4 .cont_topBanner .btnC_arrLineR+.btnC_arrLineR {margin-left:0}
    .cret_tab{margin-bottom: 20px; position:relative;overflow-x:scroll;-webkit-overflow-scrolling:touch; margin-left:-20px;width:calc(100% + 20px);margin-bottom:0;font-size:0;white-space:nowrap; padding: 0 20px; box-sizing: border-box}
    .cret_tab .default{display: inline-block; margin-bottom: 15px; margin-left: 0px !important; padding-left: 10px; width: auto;}
    .cret_tab .default:nth-child(1):before{content: ""; display: block; width: 3px; height: 3px; border-radius: 50%; background-color:#a6a6a6; position: absolute; left: 0; top: 11px;}
    .cret_tab .default:after{left: 10px;}
    .cret_tab .default.on span{color:#846841}
    .cret_tab .default.on:after{width: 100%;}
    .cret_tab .default.on:nth-child(1):after{width: calc(100% - 10px)}
    .cret_tab .default.on:nth-child(1):before{background-color: #846841}



    /* 스마트캠퍼스 */
    .support_smartcampus .cont_topBanner .btnC_fileDown {width: 100%}
    .support_smartcampus .cont_topBanner .tB_titletxt {margin-bottom: 20px; margin-top:0}
    .support_smartcampus .smartcampus_cont .imgWrap {text-align:center;}
    .support_smartcampus .smartcampus_cont img {display: inline-block;}
    .support_smartcampus .smartcampus_cont .contTit_s {font-size:16px; margin: 20px 0 10px 0; text-align:center;}
    .support_smartcampus .cont_topBanner p {font-size:14px; text-align:center;}
    .support_smartcampus .cont_topBanner .btnC_fileDown>span {font-size:12px; padding: 6px 36px 6px 20px; min-width: 101px; min-height:30px;}
    .support_smartcampus .awardlist li {width:100%; height: 100px; margin-top:10px; padding: 20px 10px 20px 0px}
    .support_smartcampus .awardlist li:nth-child(2n) {margin-left:0;}
    .smartcampus2 .cont_topBanner .tB_titletxt {padding-left: 0; text-align:center}
    .support_smartcampus.smartcampus2 .cont_topBanner {background: url(../img/kor/support/smartcampusBg2_mobile.png) no-repeat center}
    .smartcampus2 .cont_topBanner .tB_titletxt {font-size: 19px; line-height:24px; }
    .support_smartcampus.smartcampus2 .cont_topBanner
    .support_smartcampus.smartcampus2 .cont_topBanner .btnC_fileDown {width:100%;}
    .support_smartcampus.smartcampus2 .cont_topBanner .btnC_fileDown > span {font-size: 14px; padding: 6px 34px 8px 10px; min-height: 1px;}
    .smartcampus2 .bannerbtnArea {margin-left:0; width:250px; margin: 0 auto;}
    .support_smartcampus.smartcampus2 .cont_topBanner .btnC_arrLineR {width:100%;}
    .smartcampus2 .cont_topBanner a {width:100%}
    .support_smartcampus.smartcampus2 .cont_topBanner .btnC_arrLineR+.btnC_arrLineR {margin-left:0;}
    .support_smartcampus .cont_topBanner {margin-left: 0px;width: calc(100% + 40px);min-height: inherit;padding: 20px; background-position: 0 0}
    .support_smartcampus .cont_topBanner .tB_subtxt {padding: 0}
    .support_smartcampus .cont_topBanner .btnC_arrLineR {margin-top:15px;}
    .support_smartcampus .cont_topBanner .btnC_arrLineR>span {font-size:13px;}
    .smartguide1 .stepBox {padding: 15px 20px;}
    .smartguide1 .stepBox > ul{margin-left: -10px;}
    .smartguide1 .stepBox>ul>li {width: calc(33.333% - 10px); margin-left:10px; margin-bottom:20px;}
    .support_smartcampus .smartcampus_cont .smart_rightbox {margin-top:20px;}
    .support_smartcampus .smartcampus_cont .smartcampus_cont p {text-align:center;}
    .support_smartcampus .smartcampus_cont .contTit_s {margin: 0 0 10px 0}
    .smartguide1 .cont_topBanner .tB_subtxt br {display:block;}


    /* 수업장애상담센터 */
    .support_counsel .support_contact {padding: 23px 48px; background-size:25px; background-position: center 20px;}
    .support_counsel .support_contact b {width:100%; display: block; text-align:center;}
    .support_counsel .support_contact b:first-child{margin-top:39px;}
    .support_counsel .support_contact a {margin-right: 10px;display: block; text-align: center;}
    .support_counsel .img_inner_txt3 ul li p {font-style: normal; font-size: 16px; font-weight:555;}
    .support_counsel em {font-style: normal; font-size: 12px; font-weight:333; display: block;  margin-top:5px;}
    .support_counsel .cont_dtl1.Img_52 .contTit_s{font-size: 16px; margin: 48px 0 0 0; text-align: center;}
    .support_counsel .cont_dtl1.Img_52 .txtBlue {color: #005c97}
    .support_counsel .cont_dtl1.Img_52 {background: url(../img/kor/support/ico_counsel.png) no-repeat center 10px; background-size: 60px;}
    .support_counsel .btnC_btnC_arrLineR_white>span {padding: 7px 42px 7px 20px; min-height: 33px}
    .support_counsel .btnC_fileDown_white>span {padding: 7px 42px 7px 20px; min-height: 33px}
    .support_counsel .cont_dtl1.Img_52 .link_btn {margin-top:0}
    .support_counsel .cont_dtl1.Img_52 .txt>p {padding-left:0; text-align:center; margin: 10px 0;}

    .img_inner_txt3{padding: 30px; height: auto; background-position: center;}
	.img_inner_txt3 ul{width: 100%; }
    .img_inner_txt3 ul:nth-child(1) li:last-child:after{display: block;}
	.img_inner_txt3 ul:nth-child(n+2){padding-left: 0px; margin-top: 20px;}
	.img_inner_txt3 ul li:nth-child(n+2){margin-top: 20px;}
    .img_inner_txt3 ul:nth-child(1) li:last-child span:after{display: block;}
    .img_inner_txt3 ul li p > b{font-size: 18px; margin-bottom: 7px;}
    .img_inner_txt3 ul li p{font-size: 16px; line-height: 20px;}
    .img_inner_txt3 ul li p.f_s16{font-size: 14px;}
    .img_inner_txt3>ul::before {left:36px}
    .img_inner_txt3>ul:nth-child(1)::before {height:calc(100% + 60px);}


}

@media all and (max-device-width:450px) {
    .support_smartcampus .awardlist li {height:126px; padding: 8px 10px 20px 0px;}
    .support_smartcampus .awardlist li .logoImg {width:100%; text-align:center;}
    .support_smartcampus .awardlist li p {font-size:15px; line-height:15px; text-align:center;}
}

@media all and (max-device-width:400px) {
    .support_smartcampus .cont_topBanner .btnC_arrLineR {width:100%}
    .support_smartcampus .cont_topBanner .btnC_arrLineR+.btnC_arrLineR {margin-left:0}
    .box_iconlist2 li .txt_list{width:100%; margin-left:0}
}
