@charset "utf-8";

.moShow {display: none;}
/* layout */
.ico {font-size:0; background:none; background-position:50% 50%; background-repeat:no-repeat; vertical-align:middle; display:inline-block; background-size:cover}
.gnbMidMobile {width: 100%; justify-content: space-between; align-items: center;}
.gnbMidMobile a {display: block;}
.gnbMidMobile .left-wrap a {margin-right: 17px;}
.mo-menu {width:31px; height:31px; background-image:url('/m/2022/img/icon/icon_gnb_menu.png'); transition: all 0.2s;}
.mo-menu.close {background-image: url('/m/2022/img/icon/icon_gnb_menu_close.png');}
.mo-call {width: 28px;height: 28px;background: url('/m/2022/img/main/icon-call-bk.png') 50% 50% no-repeat;background-size: cover;display: block;}
.mo-kakao {background-image: url('/m/2022/img/common/ks_quick_btn02.png'); width: 30px; height: 30px;}
.gnbMidNav {display: none; position: fixed; top: 124px; left: 100%; right: 0; bottom: 0; overflow-y:auto; width: 100%; padding: 14px; background: #fff; background: #F5F6F8; border-top: 1px solid #efefef; scrollbar-width: none;/* Firefox */ transition: all 1s;} 
.gnbMidNav.on {left: 0;}
.scroll .gnbMidNav {top: 109px;}
.gnbMidNav::-webkit-scrollbar{display:none;}
.gnbMidNav > ul {}
.gnbMidNav > ul > li {padding: 10px 0;}
.gnbMidNav > ul > li:first-child .gnb-2depth {display: block;}
.gnbMidNav > ul > li h5 {font-size: 18px; cursor:pointer;}
.gnbMidNav > ul > li h5.on {color: #008295;}
.gnbMidNav .gnb-2depth {display: none; position: absolute; left: 50%; top: 0; right: 0; bottom: 0; padding-top: 14px; background: #fff;}
.gnbMidNav .gnb-2depth > li {padding: 7px 0; padding-left: 12%;}
/* 메인배너 */
.main-content{width:100%; max-width: 750px; margin: 0 auto; position:relative; height:auto; overflow:hidden; padding-top:110px;}
.main-content a {position: relative;}
.main-content img {width: 100%;margin: 0 0 -100px;}
.main-content .slick-dots {display:block; width:100%; text-align:center; position:absolute; bottom:20px; left:0px;}
.main-content .slick-dots li {display:inline-block; width:15px; height:2px; margin:0px 2px; background-color:#fff; opacity: 0.5; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;}
.main-content .slick-dots li.slick-active {opacity:1.5;}
.main-content .slick-dots li button {display: none;}
@media all and (max-width: 1497px) {
	/* 15.6 inch */
	/* 국민취업지원제도란? */
	.gookbi-content section {flex-direction: column;}
	.gookbi-content .gb-cntRight {width: 100%; padding-top: 50px;}
	.gookbi-content .gb-rhtImgWrap.g2 {margin-left: 20px;}
	.gookbi-content .gb-rhtImage {height: 0; padding-bottom: 141%;}
}
@media all and (max-width: 1270px) {
	.pcShow {display: none;}
	.moShow {display: block;}
	.res-lock {overflow: hidden;}
	/* layout */
	#gnbTop .contInner {padding: 0;}
	.gtAward {display: none;}
	.gbCurriMenu {display: none;}
	.gmLogo {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2;}
	#gnbBot {display: none;}
	.gnbMidNav {display: block;}
	.main-slide-rnw {margin-top: 125px;}
	.gtCps {display: flex; flex-wrap: nowrap; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; -ms-overflow-style: none;/* IE and Edge */ scrollbar-width: none;/* Firefox */} 
	.gtCps::-webkit-scrollbar{display:none;}
	.gtCps li:first-child {margin-left: auto;}
	.gtCps li:last-child {margin-right: auto;}
	.gmLogo a {background-position: center;}
	/* subtab */
	.locationBg {height: 400px !important; padding: 180px 12px 0; word-break: keep-all;}
	.locationBg hgroup h3 {font-size: 38px;}
	.locationBg hgroup h4 {font-size: 17px;}
	#gnbMid {height: 88px; border-bottom: 1px solid #dcdcdc;}
	#gnbMid .contInner {padding: 0 14px;}
	.gnbMidMobile {display: flex;}
	.gnbMidMobile .left-wrap {display: flex;}
	#gnbBot {padding: 0 18px;}
	.gnb-right {display: none;}
	/* 서브공통 */
	.period {padding-top: 40px;}
	.subteacher-expCtrl {display: none;}
	.aca-intro .aca-into-tit h2, .csTxt h2, .subteacher-tit h3 {font-size: 33px;}
	.subteacher .contInner {padding: 0;}
	.subteacher-tit {padding: 0 17px;}
	.subteacher .teacherList {width: 100%; margin-top: 20px;}
	.teacherList li {padding: 0;}
	.teacherList a {width: 100%; height: 0; padding-bottom: 100%;}
	.teacherList a img {width: 100%;}
	.new-tch-info {display: none;}
	.aca-tch-tit {padding: 40px 0;}
	.aca-tch-tit h3, .aca-total-txt h3 {font-size: 33px;}
	.aca-tch-tit p {padding: 0 17px; font-size: 17px;}
	.aca-tch-tit p br {display: none;}
	.aca-tint-txt {padding: 0 17px; margin-bottom: 60px; word-break: keep-all;}
	.aca-tint-txt br {display: none;}
	.subtuition-tit h3 {font-size: 33px;}
	/* 오시는길 */
	.mpWrap {display: flex; flex-direction: column; align-items: center; width: 100%; margin-left: 0;}
	.mpRht {padding-left: 0; padding-top: 50px;}
	/* 교육과정 */ 
	.consult-intro {padding-top: 45px;}
	/* 박스 - 취업현황, 공지사항, 실전모의고사,  */
	.noticeList > li {width: 33.33%; padding: 7px;}
	#subwrap {padding: 40px 0;}
	/* 상세 */
	.board-top h2 {font-size: 14px;}
	.board-top h3 {padding: 25px 0; font-size: 28px;}
}
@media all and (max-width: 1260px) {
	.subteacher .teacherList .slick-dots {right: 130px;}
	.subteacher-expCtrl .comArow {padding-left: 390px;}
}
@media all and (max-width: 1220px) {.subteacher-expCtrl .comArow {padding-left: 350px;}}
@media all and (max-width: 1220px) {.subteacher-expCtrl .comArow {padding-left: 350px;}}
@media all and (max-width: 1200px) {
	.subteacher .teacherList .slick-dots {right: 190px;}
	.subteacher-expCtrl .comArow {padding-left: 410px;}
	.aca-intro {display:flex; flex-direction: column; text-align: center; justify-content: center; align-items: center;}
	.aca-intro .aca-intro-img {width:50%;}
	.aca-intro .aca-intro-img img {width:100%;}
	.aca-intro-txt {position:unset; width:auto;}
	.aca-intro-txt ul {padding:0;}
	.aca-intro .aca-into-tit {padding:0;}
	.aca-intro-content dl dt {width:310px;}
	.aca-feature-deco {position:unset; margin:-100px 0 0 0; text-align:center;}
	.aca-feature:before {width:0;}
	.aca-feature .cscTxt {width:100%; margin-top:50px!important; text-align:center;}
	.aca-feature .cscTxt p {text-align:center;}
	.aca-feature .feature-expCtrl {display:none;}
	.aca-btn-warp .aca-btn-txt {width:100%;}
	.aca-btn-warp ul li:nth-child(1) .aca-btn-txt {right:auto; left:50%; transform:translateX(-50%);}
	.aca-btn-warp ul li:nth-child(2) .aca-btn-txt {right:auto; left:50%; transform:translateX(-50%);}
	.tabMenu.col10 {display:flex; flex-wrap:wrap; border-radius:10px;}
	.tabMenu.col10 > li {width:20%;}
	.tabMenu.col10 > li.on a:after {border-radius:10px;}
	.timeLine .tlYear {display:none;}
	.timeLine {margin-left:30px;}
	.tlMonth {width:100%;}
	.tlCont ul {width:100%;}
	.aca-tch-list li {padding:0;}
	.slick-slide img {margin:0 auto;}
	.aca-tch-tit h3,
	.aca-total-txt h3 {font-size:25px;}
	.teacherPop-new {width:450px; margin-left: -225px;}
	.cer-add-info {width:450px;}
	.teBtnList-new ul {position:unset;}
	.aca-total-top {height:520px;}
	.aca-total-top .aca-total-img {display:none;}
	.aca-total-txt {width:100%; bottom:unset; top:0; padding:0; transform:translateX(-50%);}
	.aca-total-txt p {color:#fff;}
	.aca-total-txt .aca-total-txt-bk {color:#fff;}
	.aca-int-wrap {margin-top:260px;}
	.aca-int-slide .slick-dots {top:-200px; right:0; width:100%; display:flex; flex-wrap:wrap;}
	.aca-int-slide .slick-dots li {width:calc(25% - 5px); margin-right:5px;}
	.aca-int-slide .slick-dots li button {width:100%; border-radius:8px;}
	.aca-int-slide .slick-dots li.slick-active button:before {width:100%; height:148px; padding:0; left:-4px;}
	.consult-process-inner {flex-wrap:wrap; justify-content: center;}
	.consult-process-inner .consult-process-tit {padding:30px 0 0 0;}
	.consult-process-inner .consult-process-img img {width:100%;}
	.cer-week-curri ul.wcol5 {width:100%; margin:0 auto;}
	.cer-week-curri ul.wcol5 li {padding:90px 0 0;}
	.cer-week-curri ul.wcol2 {width:100%; margin:0 auto;}
	.noticeList-new .passView-content img {width:100%;}
	.consult-select ul {width:100%; margin:0 auto;}
	.tchInfo h4 {white-space:normal;}
	.tchInfo p {position:unset;}
	.tchView-wr {padding:40px 0;}
	.consult-intro {padding-top:84px;}
	.cer-gnb ul li a {padding:15px 0; line-height:normal;}
	.footer-left {width:100%;}
	.footer-right {margin-top:15px;}
}
@media (max-width: 1200px) {.btnsWrapper, .teachersWrapper {width: 960px;grid-template-columns: repeat(4, 220px);}}
@media (max-width: 992px) {.btnsWrapper, .teachersWrapper {width: 720px;grid-template-columns: repeat(3, 220px)}.teachersWrapper {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.teacherBlock {margin-right: 30px;}.teacherBlock:nth-child(even) {margin-right: 0px;}}
@media all and (max-width: 860px) {
	/* 오시는길 */
	.mpLft {display: none;}
	.mpRht {width: 100%;}
	/* layout */
	.gtMem {display: none;}
	/* 서브-검색 */
	.bdInfo {flex-direction: column;}
	.bdSearach {width: 100%; margin-top: 20px;}
	/* 서브배너 */
	.subtuition-ticket {height: 260px;}
	.sub-benefit {width: 100%;}
	.sub-benefit dl {float: none; padding-right: 0; text-align: center;}
	.ticket-img {display: none;}
	/* 박스 - 취업현황, 공지사항, 실전모의고사,  */
	.noticeList > li {width: 50%;}
	.noticeList .pad {display: flex; flex-direction: column; justify-content: space-evenly; padding: 47px 15px 15px;}
	.noticeList .cate {top: 17px; left: 15px;}
	.label-tag {padding: 3px 8px; font-size: 11px;}
	.noticeList .cont {margin-bottom: 1.3em; word-wrap: break-word;}
	.noticeList .cont.h4 {font-size: 14px;}
	.noticeList .date {left: 15px; bottom: 12px; font-size: 11px;}
	/* 실전모의고사 */
	.garabutton {margin-bottom: 20px; font-size: 12px; line-height: 23px;}
	.aca-intro-link ul li {width:50%;}
	.keyword-list {flex-wrap:wrap;}
	.keyword-list > li > dl > dd {font-size:13px;}
	.keyword-list > li {margin-bottom:10px;}
	.recruit-wrap h3 {font-size:35px; line-height:1.5;}
	.rcrt-img01 {flex-wrap:wrap;}
	.rcrt-img01 img {width:100%;}
	.field-img-list > li {flex-wrap:wrap;}
	.field-img-list > li > .img-wrap {width:20%;}
	.field-img-list .img-wrap img {width:100%;}
	.field-img-list > li > .txt-wrap {flex:unset; margin-top:10px;}
	.field-img-list > li + li {padding-top:30px;}
	.cer-schedul {flex-wrap:wrap;}
	.cer-schedul .lcnCal {width:100%;}
	.cer-schedul .cer-detail-table {width:100%; margin-top:15px;}
	.atb-chart-text {flex-wrap:wrap;}
	.atb-chart-text h3 {width:100%; margin-bottom:20px;}
	.atb-chart-text ul {width:100%; margin-top:40px;}
	.vertical_chart_box .atb-chart-graph {margin-top:0;}
	.vertical_chart_box .atb-chart-graph .axis_y {top:38px;}
	.atb-chart-table .atb-table {width:100%; float:none;}
	.atb-table.all-pass-list {padding:0; margin-bottom:20px;}
	.atb-table.atb-pass-list {padding:0;}
	.consult-top {display:flex; flex-wrap:wrap;}
	.consult-top-tit {width:100%;}
	.consult-top p {margin-top:15px;}
	.consult-top p img {width:100%;}
	.cer-gnb ul > li {width:25%;}
	.cer-week-why {width:100%;}
	.cer-week-curri ul li dl dt {font-size:14px;}
	.cer-week-curri ul.wcol5 {display:flex; flex-wrap:wrap;}
	.cer-week-curri ul.wcol5 li {width:33.3%; padding-bottom:15px; margin-bottom:15px;}
	.cer-week-curri ul li:after {width:100%; height:1px; bottom:0; left:0; top:unset; right:unset;}
	.cer-week-curri ul.wcol2 li {padding-bottom:15px; margin-bottom:15px;}
	.cer-week-curri ul li:last-child:after{display:block}
	.cer-gnb .contInner {padding:0;}
	.consult-process ul {display:flex; flex-wrap:wrap;}
	.consult-process ul li {width:50%; margin-bottom:15px;}
	.consult-process ul li:nth-child(2):after {width:0;}
	.consult-process ul li:after {width:0;}
	.consult-expSldr .slick-slide img {width:100%;}
	.consult-exp {padding-top:150px;}
	.consult-exp-tit {top:-200px; left:35px;}
	.consult-expSldr .slick-dots {top:-55px; left:53px;}
	.consult-select ul {display:flex; flex-wrap:wrap;}
	.consult-select ul li {width:100%; padding: 10px 0 0 175px; background-position: left top !important; background-size: 150px !important;}
	.consult-select ul li:after {width:0;}
	.consult-exp-tit h3 {font-size:25px;}
	.consult-exp-tit p {font-size:13px;}
	.paging a {width:20px; height:20px; line-height:20px; font-size:13px;}
	.tchInfo h4 {font-size:30px;}
	.tchList li a em {width:140px; height:100px;}
	.gookbi-hdrBtm {flex-wrap:wrap;}
	.gookbi-hdrBtm .gb-BtmcntWrap {width:100%;}
	.gookbi-content .gb-cntLeft {width:100%;}
	.gookbi-hdrBtm .gb-BtmcntBtm {flex-wrap:wrap;}
	.gookbi-hdrBtm .gb-BtmcntBtm h4 {text-align:left;}
	.gookbi-hdrBtm .gb-BtmcntBtm .gb-BtmTxts {margin-top:15px;}
	.gookbi-content .gb-cntRight .gb-numberTxts .gb-numTxts {flex:1;}
	.cer-gnb ul li a {font-size:12px;}
	.cer-chart-wr {padding:50px 0px 140px;}
	.cer-detail-area dl dt {width:20%;}
	.cer-detail-area dl dd {width:100%;}
	.tuition-left {width:100%;}
	.tuition-wrap .tuition-right {width:100%;}
	.tuition-list p label {min-width:auto;}
	.ftAddr th, .ftAddr td {font-size:12px;}
	#footer .contInner {padding:0 15px;}
	.main-curri ul li {width:50%!important;}
	.main-tit-cont h5 b {font-size:35px!important;}
	.main-bottom-cont .contInner {width:100%!important;}
	.main-bottom-cont h3 {font-size:25px;}
	.main-bottom-cont .support-info {display:flex; justify-content: center;}
	.main-bottom-cont ul li {width:105px!important; background-size:contain!important;}
	.main-tit-cont h5 {font-size:40px!important;}
	.main-seminar-cont, 
	.main-interview-cont,
	.newMainCall,
	.main-story-cont {display:none!important;}
	.cscWrap {width:100%;}
	.cscCont h5, .aca-int-content h5 {font-size:18px;}
	.cscCont ul li, .aca-int-content ul li {font-size:13px;}
	.consult-select ul li dl dd a, 
	.aca-fea-btn button, 
	.aca-int-content a {font-size:13px;}
	.aca-intro-content dl {display:flex; flex-wrap:wrap;}
	.aca-intro-content dl dt {width:100%;}
}
@media (max-width: 768px) {
	.btnsWrapper, .teachersWrapper {width: 540px;grid-template-columns: repeat(2, 220px)}
	.teacherBlock {margin-right: 0px;}
	.btnsWrapper {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
	.locationBtn, .allTeachersBtn {margin-top: 10px;width: 45px;height: 40px;margin-right: 5px;}
	.locationBtn:last-child {margin-right: 0;}
	.contInner .tab_container .tab_default {width:100%;}
	.contInner .tab_container .tab_default li {font-size: 18px;}
	.contInner .tab_container .tab_default li a:after {width:200%;}
	}
@media (max-width: 576px) {.btnsWrapper, .teachersWrapper {width: 100%;padding: 10px;grid-template-columns: 220px}.teachersWrapper{margin-top: 0;}}
@media all and (max-width: 560px) {
	.aca-intro-link ul li {width:100%; margin-bottom:10px;}
	.aca-btn-warp {height:auto;}
	.aca-btn-warp ul {display:flex; flex-direction: column;}
	.aca-btn-warp ul li {width:100%; text-align:center;}
	.aca-feature-deco {font-size:50px;}
	.aca-intro-txt ul li {padding:20px 10px; font-size:14px;}
	.curri-table dl dt, 
	.curri-table dl dd {font-size:13px;}
	.curri-table dl dt {width:35%;}
	.curri-table dl dd {width:65%;}
	.consult-top span {font-size:25px;}
	.consult-top h3 {font-size:40px;}
	.consult-winner h2 {font-size:25px;}
	.consult-winner h5 {line-height:1.5;}
	.cer-gnb ul li a {line-height:25px;}
	.footerMapWrap.pc .mpWrap {width:100%;}
	.footerMapWrap.pc .root_daum_roughmap {width:100%;}
	.consult-process-inner h3 {font-size:25px;}
	.cer-detail-table tr th, 
	.cer-detail-table tr td {font-size:12px;}
	.cer-table-btn {font-size:12px;}
}

