@charset "utf-8";
@import 'jaguar.css';


/* ------
// 메인 //
------*/

/* 메인 공통스타일 */
.comTitle h4 {font-family: 'Teko', sans-serif; color: #fff; font-weight: 700; font-size: 27px;}
.comTitle p {font-size: 15px; color: rgba(255,255,255,0.5); line-height: 1.6; font-weight: 300;}
.comBtn {display: inline-block; font-size: 13px; font-weight: 300; color: #fff; position: absolute; top:10px; right:0px; padding-right:30px;}
.comBtn:after {content: ''; display: block; width: 18px; height: 5px; position: absolute; right: 0px; top: 50%; margin-top: -3px; background: url('/img/common/campus_btn.png')no-repeat center center; -webkit-transition: all 0.3s; transition: all 0.3s;}
.comBtn:hover:after {right: 10px;}
.comNav {margin-bottom: 30px;}
.comNav:after {content: ''; display: table; clear: both;}
.comPly {display: block; float: left; width: 20px; height: 20px; text-indent: -9999px; cursor: pointer; background: url('/img/common/facility_paused.png')no-repeat center center;}
.comPly.paused {background: url('/img/common/facility_play.png')no-repeat center center;}
.comNum {text-align: center; float: left; width: 40px; height: 20px; line-height: 24px; margin-left: 10px; font-size: 18px; letter-spacing: 0.15em; color: #fff; font-family: 'Teko', sans-serif; font-weight: 300;}
.comArw {float: left;}
.comArw:after {content: ''; display: table; clear: both;}
.comArw .slick-arrow {display: block; width: 20px; height: 20px; float: left; text-indent: -9999px; cursor: pointer;}
.comArw .slick-prev {background: url('/img/common/facility_arrow_prev.png')no-repeat center center;}
.comArw .slick-next {background: url('/img/common/facility_arrow_next.png')no-repeat center center;}
.mCmnty {padding: 30px 15px 30px 15px; background: #111; position:relative;}

.mcmWrap {position: relative;}
.mcmLft {width:100%; z-index: 1; }
.mcmLft:before {content: ''; display: block; background: #111; position: absolute; top: 0; bottom: 0; right: 100%; width: 100%;}
.mcmLft > div {display: table; width: 100%; height: 100%;}
.mcmLft > div > div {display: table-cell; vertical-align: middle;}
.mcmRht {}
.mcmCont {padding: 0 4px; -webkit-transition: all 0.5s; transition: all 0.5s;}
.mcmCont a {display: block; position: relative; }
.mcmTxt {position: relative; text-align:left;}
/*.mcmTxt span {display: block; width: 18px; height: 19px; opacity: 1; margin: 0 auto; background: url('/img/common/ico_search.png')no-repeat center top; background-size: cover;}*/
/*.mcmTxt span.sch {width: 14px; height: 16px; background: url('/img/common/ico_play.png')no-repeat center top; background-size: cover;}*/
.mcmTxt h5 {color: #fff; font-size: 13px; font-weight: 500; padding-top: 10px;width:100%; position: relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mcmTxt p {color: #fff; font-size: 12px; font-weight: 100; overflow:hidden; text-overflow:ellipsis; white-space:normal; line-height:1.4;word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}


/* 캠퍼스소개 */
#campus {padding: 120px 0; background: #000;}
.cpsWrap {display: table; width: 100%;}
.cpsLft {display: table-cell; vertical-align: top; padding-right: 60px;}
.cpsLft h5 {margin-top: 30px; border-bottom: solid 1px #fff; padding-bottom: 10px; margin-bottom: 10px; font-size: 14px; font-weight: 300; color: #fff;}
.cpsLft ul {}
.cpsLft ul li {display: table; width: 100%; margin-bottom: 5px;}
.cpsLft ul li:last-child {margin-bottom: 0;}
.cpsLft ul li b {display: table-cell; vertical-align: top; width: 70px; font-size: 13px; color: #fff; font-weight: 500;}
.cpsLft ul li span {display: table-cell; vertical-align: top; font-size: 13px; color: rgba(255,255,255,0.5); font-weight: 300;}
.cpsRht {display: table-cell; vertical-align: top; width: 990px;}
.cpsRht img {display: block;}
.cpsTab {margin-bottom: 30px;}
.cpsTab:after {content: ''; display: table; clear: both;}
.cpsTab li {float: left;}
.cpsTab.col10 li {width: 10%;}
.cpsTab.col11 li {width: 9.09%;}
.cpsTab li a {display: block; color: #808080; font-weight: 300; cursor: pointer; border-bottom: solid 3px #1a1a1a; text-align: center; padding: 10px 0;}
.cpsTab li a.on {font-weight: 500; color: #aaa; border-bottom-color: #808080;}


/* 시설소개 */
#facility {height: 590px; position: relative;}
.facLft {position: absolute; top: 0; right: 50%; margin-right: -140px; left: 0;}
.facLft .slick-slide {height: 590px !important;}
.facRht {position: absolute; top: 0; left: 50%; margin-left: 140px; right: 0;}
.facRht .slick-slide {height: 590px !important;}
.facBox {width: 350px; padding: 40px; background: rgba(17,17,17,0.8); position: absolute; z-index: 1; bottom: 0; left: 50%; margin-left: 140px;}

 
/* 세미나 */
.smnSldr {margin: 0 -4px; width: 135%;}
.smnSldr,
.smnSldr .slick-list,
.smnSldr .slick-track {overflow: visible !important;}
.smnTmb {display: block; padding-bottom: 141%; background-size: cover !important;}
.mcmRht {}
/* .smnSldr .mcmCont {opacity: 0; transform: scale(1.1);}
.smnSldr .mcmCont.slick-now,
.smnSldr .mcmCont.slick-now + .mcmCont,
.smnSldr .mcmCont.slick-now + .mcmCont + .mcmCont,
.smnSldr .mcmCont.slick-now + .mcmCont + .mcmCont + .mcmCont {opacity: 1; transform: scale(1.0);} */

/* 인터뷰 */
.itvSldr {margin: 0 -4px; width: 135%;}
.itvSldr,
.itvSldr .slick-list,
.itvSldr .slick-track {overflow: visible !important;}
.itvTmb {display: block; padding-bottom: 100%; background-size: cover !important;}
.mcmRht {}
/* .itvSldr .mcmCont {opacity: 0; transform: scale(1.1);}
.itvSldr .mcmCont.slick-now,
.itvSldr .mcmCont.slick-now + .mcmCont,
.itvSldr .mcmCont.slick-now + .mcmCont + .mcmCont,
.itvSldr .mcmCont.slick-now + .mcmCont + .mcmCont + .mcmCont {opacity: 1; transform: scale(1.0);} */


/* 수강후기 */
.mRvw {height: 120px; overflow: hidden; background: #000;}
.mrvCont {height: 120px; text-align: center;}
.mrvCont p {display: inline-block; color: #fff; height: 120px; line-height: 120px; max-width: 75%; position: relative; padding-left: 50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size: 18px; color: #fff; font-weight: 100;}
.mrvCont p:before {content: ''; display: block; width: 38px; height: 32px; position: absolute; left: 0; top: 50%; margin-top: -16px; background: url('/img/main/main_review_ico.png')no-repeat center center; background-size: cover;}
.mrvCont p span {font-size: 22px; font-weight: 500; margin-right: 10px;}



/* 교육과정 */
.mCrs {position: relative; height: 300px; overflow: hidden; }
.mcLft {width: 100%; height: 300px; position: absolute; left: 0; top: 0; background:#000;}
.mclCont {height: 300px; background-size: cover !important; opacity:0.7}
.mcRht {width: 100%; height: 300px; position: absolute; left: 0; top: 0; background: none; color: #fff;}
.mcrCont {height: 300px;padding:60px 50px 0 50px; text-align:center;}
.mcrCont span {display: block; font-family: 'Teko', sans-serif; font-weight: 700; font-size: 21px; line-height: 1.1;}
.mcrCont h4 {font-family: 'TmonMonsori'; font-weight: 700; font-size: 35px; line-height: 1.1; text-transform:uppercase ;}
.mcrCont h5 {font-size: 13px; font-weight: 300; margin-top: 10px;}
.mcrCont p {font-size: 12px; font-weight: 100; margin-top: 10px; color: #bbb;}
.mcArw .slick-arrow {display: block; float: left; width: 30px; height: 80px; text-indent: -9999px; cursor: pointer; z-index:3; margin-top:-40px;}
.mcArw .slick-prev {background: rgba(0,0,0,0.7) url('/img/main/main_curriculum_arrow_prev.png')no-repeat center center; position:absolute; top:50%; left:0px; background-size: auto 25px !important; }
.mcArw .slick-next {background: rgba(0,0,0,0.7) url('/img/main/main_curriculum_arrow_next.png')no-repeat center center; position:absolute; top:50%; right:0px; background-size: auto 25px !important; }
.comBtn02{display:inline-block; padding:8px 60px 8px 20px; color:#282828; background:#00d6d6; border-radius:50px; font-size:13px; font-weight:bold; margin-top:15px;position:relative; text-align:left;}
.comBtn02:after {content: ''; display: block; width: 18px; height: 5px; position: absolute; right: 20px; top: 50%; margin-top: -3px; background: url('/m/img/common/campus_btn02.png')no-repeat center center; -webkit-transition: all 0.3s; transition: all 0.3s;}

/* 포토스토리 */
.mStry {position: relative; padding: 40px 15px 0; background: #111;}
.mStry .mcmRht {left: -374px;}
.strySldr {margin: 0 -4px; width: 135%;}
.strySldr,
.strySldr .slick-list,
.strySldr .slick-track {overflow: visible;}
.strTmb {display: block; padding-bottom: 67%; background-size: cover; background-repeat: no-repeat; backgroun-position: center;}


/* 프로모션 */
.mEvt {padding:0  0px; background: #111; margin-top:0%; width:100%; position:relative;}
.mEvt .mcmLft {position: relative; width: calc(100% - 30px);margin: 0 15px;}
.meWrap {width: 100%; margin: 0 auto; position: relative;}
.meTitle {position: absolute; left: 40px; top: -15px; color: #fff; font-family: 'Teko', sans-serif; font-weight: 700; font-size: 40px; line-height: 1.1; z-index: 1; text-transform: uppercase;}
.meSldr {-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3); -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3); box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);}
.meCont {padding: 0 0px; height: 200px;}
.meCont > div {display: table; width: 100%; height: 100%;}
.meCont > div > div {display: table-cell; width: 100%; vertical-align: middle;}
.meCont img {display: block;}

.meSldr img{width:100%;}

.meSldr .slick-dots {display:block; position:absolute; left:0; right:0px; bottom:15px; text-align:center; width:100%}
.meSldr .slick-dots li {display:inline-block; width:8px; height:8px; background: rgba(255,255,255,0.7); margin:0 4px; border-radius:12px;}
.meSldr .slick-dots li.slick-active {background:#fff;}
.meSldr .slick-dots li button {display:none;}

/* 수강후기 */
.mRvw {height: auto; background: #111;}
.mRvw .mcmWrap {padding: 40px 15px 0;}
.mRvw .mcmLft {position: relative;}
.mrvSldr {background: #000;}

.mrvCont p {max-width: 95%; height: auto; line-height: 1; margin: 0 auto; padding: 17px 5px 15px; font-size: 13px; text-align: left; white-space: normal; text-overflow: inherit;}
.mrvCont p:before {width: 24px; height: 19px; top: 17px; margin-top: 0; margin-left: 5px;}
.mrvCont p span {font-size: 18px;}
.mrvCont .rvName {padding-left: 33px;}
.mrvCont .rvTxt {display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; height: 100px; overflow: hidden; padding-top: 10px; font-size: 13px; color: #dedede; white-space: normal; text-overflow: ellipsis;}

/* 코로나띠배너 */
.bnrWrap {padding-top: 20px; padding-bottom: 40px; background: #111;}

/* 포트폴리오 */
.mPort {background: #111; position: relative; padding: 40px 15px 30px 15px;}
.mpTop {position: relative;  margin-bottom: 8px;}
.mptBox {position: relative; }
.mptSldr {width: 100%;}
.mptSldr,
.mptSldr .slick-list,
.mptSldr .slick-track {overflow: visible !important;}
/* .mptSldr .mcmCont {opacity: 0; transform: scale(1.1);}
.mptSldr .mcmCont.slick-now,
.mptSldr .mcmCont.slick-now + .mcmCont,
.mptSldr .mcmCont.slick-now + .mcmCont + .mcmCont {opacity: 1; transform: scale(1.0);} */
.mpBot {position: relative; padding-left: 0px; height: 150px;}
.mpbSldr {width: 100%; position: absolute; right: 0; top: 0;}
.mpbSldr,
.mpbSldr .slick-list,
.mpbSldr .slick-track {overflow: visible !important;}
/* .mpbSldr .mcmCont {opacity: 0; transform: scale(1.1);}
.mpbSldr .mcmCont.slick-now,
.mpbSldr .mcmCont.slick-now + .mcmCont,
.mpbSldr .mcmCont.slick-now + .mcmCont + .mcmCont {opacity: 1; transform: scale(1.0);} */
.mptTmb {display: block; padding-bottom:55%; background-size: cover !important;-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3); -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3); box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);}



/* 메인퀵메뉴 */
.mQck {position: relative; background: #000; overflow: hidden;}
.mQck:after {
	content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 200px;
	background: -moz-linear-gradient(top,  rgba(17,17,17,0) 0%, rgba(17,17,17,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(17,17,17,0) 0%,rgba(17,17,17,1) 100%);
	background: linear-gradient(to bottom,  rgba(17,17,17,0) 0%,rgba(17,17,17,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00111111', endColorstr='#111111',GradientType=0 );
}
.mQck .mainBigImg {display: block; width: 100%; position: absolute; left: 0%; top: 0; opacity: 0.5;}
.mQck .mainBigImg img{width:100%;}
.mQck > div {display: table; width: 100%; height: 100%; position: relative; z-index: 1;}
.mQck > div > div {display: table-cell; width: 100%; vertical-align: middle; text-align: center; padding:6% 4%;}
.mQck h2 {height: 82px; text-indent: -9999px; background: url('/img/main/main_quick_title.png')no-repeat center center; background-size: auto 100% !important;}
.mQck h5 {font-weight: 100; letter-spacing: 0.025em; color: #fff; margin-bottom: 20px; font-size: 20px;}
.mqMenu {margin-top: 30px;}
.mqMenu li {display: inline-block; margin: 0 5px; position: relative;}
.mqMenu li a {display: table; width: 90px; height: 90px; border: solid 2px #fff; -webkit-transition: all 0.5s; transition: all 0.5s; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.mqMenu li a span {
	display: table-cell; width: 100%; vertical-align: middle; text-align: center; color: #fff;
	-webkit-transition: all 0.5s; transition: all 0.5s; font-size: 13pt; font-weight: 500; z-index:11; line-height: 1.2em; font-family: 'TmonMonsori'; letter-spacing: 0em;
}
.mqMenu li a span:before {content: ''; display: none; width: 32px; height: 22px; margin: 0 auto -7px; color: #fff; -webkit-transition: all 0.5s; transition: all 0.5s; background-size:auto 100% !important;}
.mqMenu li a em {
	display: block; position: absolute; background: #00d6d6; color: #000; width: 64px; z-index: 2; font-size: 8pt; font-weight: 700;
	line-height: 1.2em; padding: 7px 0; left: 50%; bottom: 50%; margin-bottom: 25px; margin-left: 5px; white-space: nowrap;
	border-radius: 10px 10px 10px 0px; -moz-border-radius: 10px 10px 10px 0px; -webkit-border-radius: 10px 10px 10px 0px;
	-webkit-animation: blink 1.0s infinite;
}
.mqMenu li a em.red {
	display: block; position: absolute; background: #ff4444; color: #000; width: 64px; z-index: 2; font-size: 8pt; font-weight: 700;
	line-height: 1.2em; padding: 7px 0; left: 50%; bottom: 50%; margin-bottom: 25px; margin-left: 5px; white-space: nowrap;
	border-radius: 10px 10px 10px 0px; -moz-border-radius: 10px 10px 10px 0px; -webkit-border-radius: 10px 10px 10px 0px;
	-webkit-animation: blink 1.0s infinite;
}
.mqMenu li a em:after {content: ''; display: block; width: 0; height: 0; border-top: solid 6px #00d6d6; border-right: solid 6px transparent; position: absolute; top: 100%; left: 0;}
.mqMenu li a em.red:after {content: ''; display: block; width: 0; height: 0; border-top: solid 6px #ff4444; border-right: solid 6px transparent; position: absolute; top: 100%; left: 0;}
.mqMenu1 li:nth-child(2) a span:before {display:inline-block;background: url('/img/main/main_quick_ico01_on.png')no-repeat 49% center;}
.mqMenu1 li:nth-child(1) a span:before {display:inline-block;background: url('/img/main/main_quick_ico06_on.png')no-repeat 49% center;}
.mqMenu1 li:nth-child(3) a span:before {background: url('/img/main/main_quick_ico03_on.png')no-repeat center center;}
.mqMenu1 li:nth-child(4) a span:before {background: url('/img/main/main_quick_ico04_on.png')no-repeat center center;}

@-webkit-keyframes blink {
    0% {opacity:0; }
	49% {opacity:0;}
	50% {opacity:1;}
	99% {opacity:1;}
	100% {opacity:0; }
}

.mqMenu li.smn a {background: url('/img/main/main_quick_ico08_on.png')no-repeat center center; background-size: 54px auto !important;}
.mqMenu li.smn a:hover {background: url('/img/main/main_quick_ico08.png')no-repeat center center;}
.mqMenu li.smn a span {display: none;}
.mqMenu li.smn a span:before {display: none;}
.mqMenu li.smn a span u {display: block; margin: 0 auto 3px; width: 22px; height: 22px; position: relative;}
.mqMenu li.smn a span u:after {content: ''; display: block; width: 54px; height: 26px; position: absolute; bottom: 0; left: 50%; margin-left: -27px; background: url('/img/main/main_quick_ico08_on.png')no-repeat center center; background-size: cover;}
.mqMenu li.smn a:hover span u:after {background: url('/img/main/main_quick_ico08.png')no-repeat center center;}
.mqMenu li.smn a em {margin-bottom: 25px; margin-left: 10px;}





.mqlne {fill: none; stroke: #fff; stroke-width: 12; stroke-linecap: square; stroke-miterlimit: 10; animation-fill-mode: forwards; animation-name: mqlne; stroke-dashoffset: 500; stroke-dasharray: 500; animation-timing-function: linear;/*  animation-iteration-count: infinite; */}
@keyframes mqlne {to{stroke-dashoffset: 0;}}
#mqlne01 {animation-duration: 17s;}
#mqlne02 {animation-duration: 12s; animation-delay: 1s;}
#mqlne03 {animation-duration: 6s;}
#mqlne04 {animation-duration: 13s;}
#mqlne05 {animation-duration: 13s;}
#mqlne06 {animation-duration: 12s; animation-delay: 0.5s;}
#mqlne07 {animation-duration: 15s; animation-delay: 1s;}	




/* 포트폴리오 레이어 */
/* .videoWrapper {position: fixed; z-index: 1000; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8); display: none; padding: 0 10px;}
.videoWrapper > div {display: table; width: 100%; height: 100%;}
.videoWrapper > div > div {display: table-cell; width: 100%; vertical-align: middle;}
.videoWrapper iframe {display: block; margin: 0 auto; width: 100%; height: auto;}
 */
.vdNon {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; z-index: 1000; font-family: 'Noto Sans KR', sans-serif;}
.vdNon > div {display: table; width: 100%; height: 100%; position: relative; z-index: 1;}
.vdNon > div > div {display: table-cell; width: 100%; vertical-align: middle;}
.vdNon > span {background-size: cover !important; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0.5;}
.vdnAlt {background: #121212; border: solid 1px #292929; width: 380px; max-width: 90%; padding: 60px 0; margin: 0 auto; text-align: center; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.vdnAlt h5 {color: #fff; font-size: 30px; margin: 0;}
.vdnAlt p {color: #999; font-size: 16px; margin: 0; margin-top: 10px; margin-bottom: 25px;}
.vdnAlt a {
	display: inline-block; padding: 12px 30px; color: #fff; background: #000; border: solid 1px #292929; text-decoration: none;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-top: 5px;
	-webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; -ms-transition: all 0.25s; transition: all 0.25s;
}
.vdnAlt a:hover {background: #ffe63d; color: #000;}
body.layer-open {overflow:hidden;}








/* -------
// 서브 //
--------*/

/* 서브공통 */
#subTop { padding-top: 135px; padding-bottom: 0px; text-align: center; position: relative; background-size: cover !important;}/* 210713수정 */
#subTitle {display: table; width: 100%; height: 100%;}
#subTitle > div {display: table-cell; vertical-align: middle; width: 100%;}
#subTitle h2 {text-align: center; padding-bottom:50px;}
#subTitle h2 img{height:30px;}
#subTop:after{content:"";display:block; clear:both; }
#subPage {padding-top: 30px; padding-bottom: 30px;}
#subPage.bgGry {background: #f2f2f2;}
#subPage .container {width: 100%; padding:0 15px}
#pgTitle {text-align: center;}
#pgTitle em {display: block; font-family: 'Anton', sans-serif; letter-spacing: 0.025em; font-size: 15px;}
#pgTitle h3 {font-size: 23px; font-weight: 100; letter-spacing: -0.075em; line-height: 1.3em;}
#pgTitle h3 span {font-weight: 500; display: block;}
#pgTitle p {font-weight: 300; margin-top: 15px;}


.subSlideMenu {background-color: #e8eaeb; position:relative;}
.subSlideMenu ul {height:45px; margin:0 auto;}
.subSlideMenu ul li {display:block; float:left; }
.subSlideMenu ul li a {position:relative; display:block; height:45px; line-height:45px; font-size:10pt; text-align:center; color:#7f7f7f; letter-spacing:-0.04em; padding: 0 10px;}
.subSlideMenu ul li a:before {content:""; position:absolute; display:block; width:1px; height:10px; background:#7f7f7f; top:50%; right:0; margin-top:-5px;}
.subSlideMenu ul li:last-child a:before {display:none;}
.subSlideMenu ul li.active a {text-decoration:underline; color:#272c39;}
.subSlideMenu ul li.active a:after {content:""; display:block; width:14px; height:7px; position:absolute; bottom:0; left:50%; margin-left:-7px; background:url("/m/img/common/subMenu_arrow.png")no-repeat; background-size:cover;}






/* 서브탭 */
.subTab {text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 30px;}
.subTab:after {content: ''; display: table; clear: both;}
.subTab li {float: left;}
.subTab.col2 li {width: 50%;}
.subTab.col3 li {width: 33.3333%;}
.subTab.col4 li {width: 25%;}
.subTab.col5 li {width: 33.3333%;}
.subTab.col5 li:nth-child(4),
.subTab.col5 li:nth-child(5) {width: 50%;}
.subTab.col3 {width: 600px;}
.subTab li a {display: block; font-size: 16px; background: #fff; height: 50px; line-height: 48px; border: solid 1px #ddd; border-right-color: #fff; font-size: 15px;}
.subTab li:last-child a {border-right-color: #ddd;}
.subTab li a.on {background: #00d6d6; border-color: #00d6d6 !important; font-weight: 500;}
.subTab.col5 li:nth-child(3) a {border-right-color: #ddd;}
.subTab.col5 li:nth-child(4) a,
.subTab.col5 li:nth-child(5) a {border-top-color: #fff;}

/* 페이징 */
#paging {text-align:center; padding-top:30px;}
#paging a {display:inline-block; background: #fff; width:34px; height:34px; line-height:32px; font-size:12px; border:solid 1px #aaa; vertical-align:middle;}
#paging ul {display:inline-block; vertical-align:middle;}
#paging ul:after {content:""; display:table; clear:both;}
#paging ul li {float:left; margin:0 3px;}
#paging ul li.on a {background:#00d6d6; border:solid 1px #01adad;}
#paging > a {text-indent:-9999px;}
#paging > a.prev {background: #fff url('/img/common/paging_prev.png')no-repeat center center;}
#paging > a.next {background: #fff url('/img/common/paging_next.png')no-repeat center center;}
#paging > a.first {background: #fff url('/img/common/paging_first.png')no-repeat center center;}
#paging > a.last {background: #fff url('/img/common/paging_last.png')no-repeat center center;}

/* 게시판검색 */
.bdInfo {display:none;}
.bdInfo:after {content: ''; display: table; clear: both;}
.bdInfo span {display: block; float: left; height: 20px; line-height: 20px; margin-top: 20px;}
.bdInfo span b {}
.bdSch {float: right;}
.bdSch:after {content: ''; display: table; clear: both;}
.bdSch input[type='text'] {height: 40px; float: left;}
.bdSch button {display: block; width: 40px; height: 40px; border: solid 1px #01adad; cursor: pointer; background: #00d6d6 url('/img/common/board_search.png')no-repeat center center; text-indent: -9999px; -webkit-appearance:none; -moz-appearance:none; appearance:none;}

/* 공지사항 */
.brdList {margin: 0 -10px;}
.brdList:after {content: ''; display: table; clear: both;}
.brdList li {width: 100%; padding: 10px;}
.brdList li a {display: block; position: relative; background: #fff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.brdList li a > div {width: 100%; height: 100%; padding: 20px;}
.brdList li a span {display: inline-block; height: 27px; line-height: 25px; border: solid 1px #282828; padding: 0 10px; text-align: center; font-size: 11px;}
.brdList li a h5 {font-size: 21px; font-weight: 300; margin-top: 10px;}
.brdList li a p { font-size: 13px; padding-top:15px;}

.brdList li a:hover, .brdList li a:focus {-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.35);box-shadow: 0 0 20px rgba(0, 0, 0, 0.35); }
.brdList li a:hover:before, .brdList li a:focus:before {top: -5px;left: -5px;right: -5px;bottom: -5px; }
.brdList li a:hover .label, .brdList li a:focus .label {top: -5px;right: -5px; }



/* 게시판상세 */
.bdView {width: 100%; margin: 0 auto; background: #fff; padding: 30px; -webkit-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.05); box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.05);}
.bdvTop {padding-bottom: 30px; margin-bottom: 30px; border-bottom: solid 2px #000;}
.bdvTop h4 {color: #282828; font-size: 21px; font-weight: 300;}
.bdvTop p {margin-top: 5px;}
.bdvTop p em {display: inline-block; height: 27px; line-height: 25px; border: solid 1px #282828; padding: 0 10px; text-align: center; font-size: 12px;}
.bdvTop p span {vertical-align: middle; color: #aaa; margin-left: 5px; font-size: 13px;}
.bdvCont img {display: block; margin: 0 auto; max-width: 100%; height: auto !important;}
.bdvNav {padding-top: 30px; margin-top: 30px; border-top: solid 2px #000;}
.bdvNav:after {content: ''; display: table; clear: both;}
.bdvNav > a {float: left; height: 80px;}
.bdvBtn {width: 50%; background-size: 19px auto !important;}
.bdvBtn.disable {color: #999;}
.bdvBtn.disable p {height: 60px; line-height: 60px;}
.bdvBtn > div {}
.bdvBtn > div > div {}
.bdvBtn span {font-size:11pt;display: block; color: #666;}
.bdvBtn p {font-size: 12pt; margin: 10px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.bdvBtn em {display: block; color: #797979; font-family: 'Roboto', sans-serif; font-weight: 500;}
.bdvBtn.bdvPrev {padding: 0 15px 0 30px; background: url('/img/common/board_nav_prev.png')no-repeat left center;}
.bdvBtn.bdvNext {padding: 0 30px 0 15px; background: url('/img/common/board_nav_next.png')no-repeat right center; text-align: right;}
.bdvBtn.bdvPrev.disable {background: url('/img/common/board_nav_prev_disable.png')no-repeat left center;}
.bdvBtn.bdvNext.disable {background: url('/img/common/board_nav_next_disable.png')no-repeat right center;}
.bdvBack {width: 12%; border-left: solid 1px #ccc; border-right: solid 1px #ccc;}
.bdvBack > div {display: table; width: 100%; height: 100%;}
.bdvBack > div > div {display: table-cell; width: 100%; vertical-align: middle; text-align: center;}
.bdvBack p {display: block; letter-spacing: 0.05em;padding-bottom:12px;color:#333;}
.bdvBack em {display: block; width: 22px; margin: 0 auto; padding-top: 8px;}
.bdvBack em span {display: block; height: 4px; background: #2f4a3e; margin-bottom: 4px;}
.bdvBack em span:last-child {margin-bottom: 0;}

/* 갤러리형 */
.glyList {margin: 0 -10px;}
.glyList:after {content: ''; display: table; clear: both;}
.glyList li {float: left; width: 50%; padding: 20px 10px;}
.glyList li a {display: block;}
.glyList li a em {display: block; background-size: cover !important; -webkit-box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.13); -moz-box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.13); box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.13);}
.glyList li a em.thmbItv {padding-bottom: 100%;}
.glyList li a em.thmbSmn {padding-bottom: 141%;}
.glyList li a em.thmbPto {padding-bottom: 62.5%;}
.glyList li a em.thmbTv {padding-bottom: 56.25%;}
.glyList li a h5 {font-size: 17px; font-weight: 400; margin-top: 20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.glyList li a p {color: #666; margin-top: 5px; font-weight: 300; overflow:hidden; text-overflow:ellipsis; white-space:normal; line-height:1.5; height:3.0em; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.glyList li a span {display: block; font-size: 14px; margin-top: 10px; color: #aaa;}

/* 상세갤러리 */
.bdvGly {width: 100%; margin: 0 auto; padding-top: 60px;}
.bdvGly ul {margin: 0 -10px;}
.bdvGly ul:after {content: ''; display: table; clear: both;}
.bdvGly ul li {float: left; width: 50%; padding: 20px 10px;}
.bdvGly ul li a {display: block;}
.bdvGly ul li a em {display: block; background-size: cover !important; -webkit-box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.13); -moz-box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.13); box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.13);}
.bdvGly ul li a em.thmbItv {padding-bottom: 100%;}
.bdvGly ul li a em.thmbSmn {padding-bottom: 141%;}
.bdvGly ul li a em.thmbPto {padding-bottom: 62.5%;}
.bdvGly ul li a em.thmbTv {padding-bottom: 56.25%;}
.bdvGly ul li a h5 {font-size: 17px; font-weight: 400; margin-top: 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bdvGly ul li a p {color: #666; margin-top: 5px; font-weight: 300; overflow:hidden; text-overflow:ellipsis; white-space:normal; line-height:1.5; height:3.0em; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.bdvGly ul li a span {display: block; font-size: 14px; margin-top: 10px; color: #aaa;}

/* 포트폴리오 */
.pfList {margin: 0 -10px;}
.pfList:after {content: ''; display: table; clear: both;}
.pfList li {float: left; width: 50%; padding: 10px;}
.pfList .mcmCont {padding: 0 !important;}
.pfList .mptTmb {padding-bottom: 56.25% !important; height: auto !important;}
.pfList .mcmTxt * {color:#282828;}
.pfList .slick-dots {text-align: center; margin-top: 15px;}
.pfList .slick-dots li {display: inline-block; width: auto; float: none; padding: 0; margin: 0 3px;}
.pfList .slick-dots li button {display: block; width: 8px; height: 8px; text-indent: -9999px; background: #ddd; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.pfList .slick-dots li.slick-active button {background: #00d6d6;}

/* 빠른수강료조회 */
#subTuition {background: #fff; padding-bottom: 60px; margin: 15px 0; padding-left: 15px; padding-right: 15px;}
#subTuition .container {}
.stnBan {display: none; height: 50px; text-indent: -9999px; background: #3c3f48 url('/img/common/subTuition_banner.png')no-repeat center center;}
.stnTitle {text-align: center; padding-top: 60px; padding-bottom: 30px; font-size: 36px; font-weight: 100; letter-spacing: -0.075em; line-height: 1.0em;}
.stnTitle span {display: block; font-family: 'Anton', sans-serif; letter-spacing: 0em; font-size: 20px;}


.stnFlow {border-top: solid 1px #eaeaea; display: none;}
.stnFlow > div {padding: 10px 0; padding-left: 60px; position: relative; border-bottom: solid 1px #eaeaea;}
.stnFlow > div:after {
	content: ''; display: none; width: 30px; height: 30px; border: solid 1px #01adad;
	position: absolute; right: 15px; top: 50%; margin-top: -15px; 
	background: #00d6d6 url('/img/common/subTuition_flow.png')no-repeat center center;
	border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px;
	transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);
}
.stnFlow > div > div {}
.stnFlow span {display: block; position: absolute; left: 0; top: 50%; margin-top: -40px; margin-right: 20px; color: #cecece; font-size: 34pt; font-family: 'Anton', sans-serif; width: 60px; text-align: center; height: 80px; line-height: 80px;}
.stnFlow h5 {font-size: 13pt; font-weight: 500;}
.stnFlow p {font-size: 10pt; color: #aaa;}
.csAdd {display:none; position:relative; background: #00d6d6; border:solid 1px #01adad; z-index:2; margin-top: 15px;}
.csAdd h5 {text-align:center; font-size:12pt; color:#fff; font-weight:300; padding: 10px 40px;}
.csAdd h5 b {font-weight:500;}
.csAdd span {display:block; position:absolute; width:23px; height:23px; right:15px; top:50%; margin-top:-12px; text-indent:-9999px; cursor:pointer; background:url("/img/common/course_add_close.png")no-repeat center center; background-size:17px auto;}
.csCol {}
.csCol > div {position:relative;}
.csTab {margin: -2px; padding-top: 15px;}
.csTab:after {content: ''; display: table; clear: both;}
.csTab li {position: relative; float: left; width: 50%; text-align: center; padding: 2px;}
.csTab li.hot:after {content:''; display: block; width: 47px; height: 47px; position: absolute; top: 0; right: -20px; z-index: 1; -webkit-animation: blink 1.0s infinite; background: url('/img/common/tuition_balloon_hot.png') no-repeat center;}
.csTab li > span {display:table; width: 100%; height: 70px; cursor:pointer; font-size:11pt; font-weight: 400; letter-spacing: -0.075em; line-height: 1.2em; border: solid 1px #ddd; position: relative;}
.csTab li.current > span {background: #00d6d6; position:relative; border-color: #00d6d6; font-weight: 700;}
.csTab li > span > span {display: table-cell; width: 100%; vertical-align: middle;}
.csTab li em {
	display: block; position: absolute; left: 50%; bottom: 50%; margin-left: 30px; margin-bottom: 10px; background: #f00; color: #fff; z-index: 2; font-size: 10px; font-weight: bold; text-align: center; letter-spacing: 0em;
	line-height: 1.2em; padding: 3px 5px; white-space: nowrap; font-family: 'dotum', sans-serif;
	border-radius: 10px 10px 10px 0px; -moz-border-radius: 10px 10px 10px 0px; -webkit-border-radius: 10px 10px 10px 0px;
	-webkit-animation: blink 1.0s infinite;
}
.csTab li em:after {content: ''; display: block; width: 0; height: 0; border-top: solid 4px #f00; border-right: solid 4px transparent; position: absolute; top: 100%; left: 0;}

/*210913 수강료조회 수정*/
.csTuitionCol .tuitionTit {display: none;}
.csTuitionCol .csTab li {width: 33.3%;}
.csTuitionCol .csTab li > span {padding: 10px; border-radius: 10px; font-size: 14px;}
.csTuitionCol .csInt li {float: left; width: 50%;}
.csTuitionCol .csInt:after {content:''; display: block; clear:both;}
.csTuitionCol .csInt li label {font-size: 14px;}
.csTuitionCol .csInt li:last-child {border-bottom: solid 1px #ddd;}
.csTuitionCol .csTab li em {margin-left: 22px; margin-bottom: 22px;}

.csInt {display:none; padding: 5px 15px; margin-top: 15px; border: solid 1px #ddd;}
.csInt.csOln {display:block;}
.csInt li {position:relative; padding: 10px 10px 10px 25px; border-bottom: solid 1px #ddd;}
.csInt li:last-child {border-bottom: none;}
.csInt li:after {content:""; display:table; clear:both;}
.csInt li input[type="checkbox"] {position:absolute; left:0; top: 50%; margin-top: -11px;}
.csInt li label {display:block; line-height:22px; font-family:"Noto Sans KR", sans-serif; font-size:15px; white-space:nowrap;}
.csInt li label span {font-size:12px;}

.csInput {margin-top: 15px;}
.csInput dt {font-size:12pt; font-weight: 500; letter-spacing:-0.075em; padding-bottom:5px; padding-top:15px;}
.csInput dt:first-child {padding-top:0;}
.csInput dd p {font-size:14px; color:#aaa; font-weight:300;}
.csInput dd input[type="text"] {display:block; width:100%;}
.csInput dd .locationSel:after {content: ''; display: table; clear: both;}

.csInput dd .locationSel li {float: left; width: 33.3333%; display: none;}
.csInput dd .locationSel li:first-child {display: block;}
.csInput dd .locationSel li:after {content:""; display:table; clear:both;}
.csInput dd .locationSel li input[type="radio"] {display: none;}
.csInput dd .locationSel li input[type="radio"] + label {display: block; margin-left: 0; border: solid 1px #ddd; text-align: center; font-size: 11pt; height: 38px; line-height: 36px; border-right-color: #fff; border-top-color: #fff;}
.csInput dd .locationSel li:nth-child(3n) input[type="radio"] + label {border-right-color: #ddd;}
.csInput dd .locationSel li:nth-child(1) input[type="radio"] + label,
.csInput dd .locationSel li:nth-child(2) input[type="radio"] + label,
.csInput dd .locationSel li:nth-child(3) input[type="radio"] + label {border-top-color: #ddd;}
.csInput dd .locationSel li:last-child input[type="radio"] + label {border-right-color: #ddd;}
.csInput dd .locationSel li input[type="radio"]:checked + label {background: #00d6d6; font-weight: 700; border-color: #00d6d6 !important;}

.csInput dd .chkBox {width:18px; height:18px; display:block; float:left; position:relative;}
.csInput dd .chkBox + label {display:block; float:left; font-size:14px; margin-left:5px; height:18px; line-height:18px; color:#333;}
.csInput dd textarea {display:block; height:274px; resize:none;}
.csTel:after {content:""; display:table; clear:both;}
.csTel li {float:left;}
.csTel li:nth-child(odd) {width:30%;}
.csTel li:nth-child(even) {width:5%; text-align:center; height: 46px; line-height: 46px;}
.csTel li select,
.csTel li input[type="tel"] {display:block; width:100%;}
.csAgree {padding-top:10px;}
.csAgree:after {content:""; display:table; clear:both;}
.csAgree input[type="checkbox"] {width:16px; height:16px; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px;}
.csAgree label {font-size:12px !important; font-family:"dotum", sans-serif;}
.csAgree label a {font-weight:bold;}
.csSubmit {padding-top:20px;}
.csSubmit a, .csSubmit input[type="button"] {display:block; text-align:center; background:#00d6d6; border: solid 1px #01adad; padding:10px 0; font-size:16px; font-weight: 700;}
 .csSubmit input[type="button"] {width:100%;}



.csCurri {padding-top:5px;}
.csCurri:after {content:""; display:table; clear:both;}
.csCurri li {float:left; font-size:12px; font-family:"dotum", sans-serif; padding-right:20px; margin-right:10px; margin-bottom:10px; position:relative; color:#213c49; letter-spacing:-0.075em;}
.csCurri li label {
	display:block; width:15px; height:15px; text-indent:-9999px; border:solid 1px #213c49; position:absolute; right:0; bottom:0;
	border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px;
	background:url("/img/sub/customer_chk_delete.png")no-repeat center center;
}
.sbmAlt {margin-bottom: 15px;}
.sbmAlt dd {text-align: left; position: relative; font-family: 'dotum', sans-serif; font-size: 11px; padding-left: 6px; letter-spacing:-0.075em; white-space:nowrap;}
.sbmAlt dd:before {content: ''; display: block; width: 2px; height: 2px; background: #333; position: absolute; left: 0; top: 50%; margin-top: -2px;}


/* 수강료조회 */
.csBan {margin: 30px 0;}
.csBan a {display: block;}
.csBan img {display: block; width:100%;}
.csInput dd .ui-datepicker {font-size:14px; background:#fff; border:1px solid #ddd;}
.csInput dd .ui-datepicker .ui-datepicker-header {padding:10px; background: #00d6d6; color:#fff; position:relative;}
.csInput dd .ui-datepicker .ui-datepicker-prev,
.csInput dd .ui-datepicker .ui-datepicker-next {display:block; width:30px; height:30px; position:absolute; top:50%; margin-top:-15px; cursor:pointer;}
.csInput dd .ui-datepicker .ui-datepicker-prev {left:10px; background:url("/img/common/visit_calendar_arrow_prev.png")no-repeat center center;}
.csInput dd .ui-datepicker .ui-datepicker-next {right:10px; background:url("/img/common/visit_calendar_arrow_next.png")no-repeat center center;}
.csInput dd .ui-datepicker .ui-datepicker-prev span,
.csInput dd .ui-datepicker .ui-datepicker-next span {display:none;}
.csInput dd .ui-datepicker .ui-datepicker-title {line-height: 1.8em; margin: 0 2.3em; text-align: center; font-size:14px;}
.csInput dd .ui-datepicker table {font-size:12px;}
.csInput dd .ui-datepicker th {border: 0; padding: 10px; color: #adadad; text-align: center; font-weight:300;}
.csInput dd .ui-datepicker td {border: 0; padding:3px; text-align:center;}
.csInput dd .ui-datepicker td span,
.csInput dd .ui-datepicker td a {display:inline-block; width:34px; height:34px; line-height:34px; text-align: center;text-decoration: none; color: #333; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%;}
.ui-state-disabled span {color:#ccc !important;}
.date-sunday a,
.date-holiday a {color:#ed2024 !important;}
.date-saturday a {color:#004b84 !important;}
.ui-datepicker-today a {background:#ccc !important; color:#fff !important;}
.ui-datepicker-current-day a {background:#00d6d6 !important; color:#fff !important;}
.vstSubTable > tbody > tr > th,
.vstSubTable > tbody > tr > td {padding:5px; text-align:left;}
.vstSubTable > tbody > tr > th {font-weight:300; font-size:14px;}
/* .csInput dd.csLoc {padding:10px 0;}
.csInput dd.csLoc .locationSel li {width: 50%;} */
.csSch {margin: 0 -5px;}
.csSch:after {content: ''; display: table; clear: both;}
.csSch li {float: left; width: 50%; padding: 0 5px;}
.csSch li select {display: block; width: 100%;}


/* FAQ */
.faqList {margin-top:30px; border-top:solid 1px #333;}
.faqList li {border-bottom:solid 1px #ddd;}
.faqList dl {}
.faqList dt {font-size:14px; padding:15px 15px; cursor:pointer;}
.faqList dt:before {content:"Q"; font-family: 'Rajdhani', sans-serif; font-weight:700; margin-right:5px; font-size:20px; color:#1b5d91;}
.faqList dd {border-top:solid 1px #ddd; font-size:14px; padding:15px 30px; cursor:pointer; background:#fafafa;}
.faqList dd:before {content:"A"; font-family: 'Rajdhani', sans-serif; font-weight:700; margin-right:5px; font-size:20px; color:#ed1f24;}
.faqList dd .adwt {display:none !important;}


/* 칭찬불만 */
.sgstTb {border-top: solid 1px #aaa; margin-top: 60px;}
.sgstTb th,
.sgstTb td {border-bottom: solid 1px #ddd; padding: 10px;}
.sgstTb th {font-size: 12pt; font-weight: 300; text-align: left;}
.sgstTb td {}
.sgstTb td input[type="text"],
.sgstTb td select {display: block; width: 100%; height: 46px;}
.sgstTb td textarea {height: 160px; resize: none;}
.sgstBtn {text-align: center; margin-top: 30px; margin-left: -2px; margin-right: -2px;}
.sgstBtn:after {content: ''; display: table; clear: both;}
.sgstBtn li {float: left; width: 50%; padding: 0 2px;}
.sgstBtn a {display: block; background:#00d6d6; border: solid 1px #01adad; padding:15px 0; font-size:12pt; font-weight: 700;}
.sgstBtn li:last-child a {background: #b5b5b5; border-color: #7b7b7b;}
.comPrivacy {border:solid 1px #ddd; height:100px; overflow-y:auto; padding:15px; background:#fafafa;}
.comPrivacy h5 {line-height:1.0em; font-size:16px;}
.comPrivacy h6 {line-height:1.0em; font-size:14px; line-height:1.4em; margin-top:15px;}
.comPrivacy p {font-size:12px; line-height:1.2em; margin-top:5px;}
.comPrivacy ul {font-size:12px; margin-top:5px;}
.comPrivacy ul li {line-height:1.2em;}


/* 수강후기 */
.rvList {}
.rvCont {background: #fff; padding: 30px; margin-bottom: 20px; position: relative;}
.rvList .rvCont:last-child {margin-bottom: 0;}
.rvTop {padding-bottom: 20px; margin-bottom: 20px; border-bottom: solid 2px #000;}
.rvTop:after {content: ''; display: table; clear: both;}
.rvTop ul {float: left;}
.rvTop ul:after {content: ''; display: table; clear: both;}
.rvTop ul li:first-child{display:block; width:100%;}
.rvTop ul li {float: left; padding-right: 10px; margin-right: 9px; position: relative; font-size: 16px; font-weight: 300;}
.rvTop ul li:after {content: ''; display: block; width: 1px; height: 10px; background: #666; position: absolute; right: 0; top: 50%; margin-top: -5px;}
.rvTop ul li:last-child {padding-right: 0; margin-right: 0;}
.rvTop ul li:first-child:after, .rvTop ul li:last-child:after {display: none;}

.rvTop span {display: block; float: right; color: #aaa; margin-top: 5px;}
.rvTxt {color: #666; line-height: 1.8em; font-weight: 300; font-size: 15px;}
.rvCmt {position: relative; padding: 20px; margin-top: 20px; background: #f2f3f5; color: #000; line-height: 1.8em; font-weight: 300; font-size: 15px;}
.rvCmt:before {content: ''; display: block; width: 0; height: 0; border-bottom: solid 14px #f2f3f5; border-right: solid 14px transparent; position: absolute; bottom: 100%; left: 20px;}
.rvDel {display: block; width: 30px; height: 30px; position: absolute; right: 0; top: 0; text-indent: -9999px; background: #7f7f7f url('/img/sub/review_delete.png')no-repeat center center;}
.rvCont:hover .rvDel {display: block;}
.rvWrt {margin-top: 30px; text-align: center;}
.rvWrt a {display: inline-block; height: 46px; line-height: 44px; text-align: center; background: #00d6d6; border: solid 1px #01adad; font-size: 17px; font-weight: 700; width:100%;}



.rvWrtBtn {margin-top: 30px; text-align: center;}
.rvWrtBtn a {display: inline-block; height: 46px; line-height: 44px; text-align: center; color: #00d6d6; border: solid 1px #00d6d6; font-size: 17px; font-weight: 700; width:100%;}


.rvPop {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; background: rgba(0,0,0,0.7);}
.rvPop > div {display: table; width: 100%; height: 100%;}
.rvPop > div > div {display: table-cell; width: 100%; vertical-align: middle;}
.rvpCont {background: #fff; width: 100%; margin: 0 auto; padding: 50px 30px;}
.rvpTitle {text-align: center; padding-bottom: 20px;}
.rvpTitle span {display: block; font-family: 'Anton', sans-serif; letter-spacing: 0em; font-size: 15px;}
.rvpTitle h5 {font-size: 27px; font-weight: 100;}
.rvpTb {border-top: solid 2px #000;}
.rvpTb th,
.rvpTb td {border-bottom: solid 1px #e6e6e6; padding: 10px; text-align: left; font-size: 15px; font-weight: 300;}
.rvpTb td select,
.rvpTb td input[type="text"],
.rvpTb td input[type="password"] {display: block; width: 100%;}
.rvpTb td textarea {height: 160px; resize: none;}
.rvpDsc {margin-top: 10px;}
.rvpBtn {text-align: center; margin-top: 30px; width:100%;}
.rvpBtn:after{content:""; display:block; clear:both;}
.rvpBtn li {display: inline-block; margin:  5px 0; float:left; width:100%; padding:0 5px;}
.rvpBtn a {display: block; background: #b5b5b5; border-color: #7b7b7b; padding:12px 20px; text-align:center; font-size:17px; font-weight: 700;webkit-box-shadow: 0px 2px 20px 0px rgb(0 0 0 / 5%);    -moz-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.05);    box-shadow: 0px 2px 20px 0px rgb(0 0 0 / 5%); width:100%;}
.rvpBtn li:first-child a {background:#00d6d6; border: solid 0px #01adad;}
.rvpwPop {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1001; background: rgba(0,0,0,0.7); padding:0 15px;}
.rvpwPop > div {display: table; width: 100%; height: 100%;}
.rvpwPop > div > div {display: table-cell; width: 100%; vertical-align: middle;}


/* 취업지원 */
#jbRvw {padding-top: 100%; padding-bottom: 60px; background: #4669bc url('/img/sub/support_review_bg.jpg')no-repeat center top; background-size: 250% auto;}
.jbrList {padding: 0 15px;}
.jbrList li {position: relative; margin-bottom: 30px;}
.jbrList li:last-child {margin-bottom: 0;}


.jbrThumb {display: block; width: 80px; height: 80px; position: absolute; left: 0; top: 0; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-size: cover !important;}

.jbrTitle {color: #fff; font-family: 'KimNamyun', 'Noto Sans KR', sans-serif; padding-left: 100px; font-size: 30px; font-weight: 400; margin-bottom: 15px;}
.jbrCont {background: #fff; position: relative; padding: 40px; border-radius:40px; -moz-border-radius:40px; -webkit-border-radius:40px;}
.jbrCont:after {content: ''; display: block; width: 40px; height: 24px; position: absolute; top: 40px; background: url('/img/sub/support_review_tail.png')no-repeat center left;}
.jbrList li:nth-child(odd) .jbrCont:after {right: 100%; margin-right: -10px;}
.jbrList li:nth-child(even) .jbrCont:after {left: 100%; margin-left: -10px; background-position: center right;}
.jbrTop {margin-bottom: 15px;}
.jbrTop h5 {display: inline; vertical-align: bottom; font-size: 40px; font-weight: 400; letter-spacing: -0.075em;}
.jbrTop h5 span {font-weight: 100;}
.jbrTop dl {display: inline-block; vertical-align: bottom; font-size: 16px; margin-left: 20px; letter-spacing: -0.075em; margin-bottom: 5px;}
.jbrTop dl:after {content: ''; display: table; clear: both;}
.jbrTop dl dt {float: left; font-weight: 700; position: relative; padding-right: 10px; margin-right: 10px;}
.jbrTop dl dt:after {content: ''; display: block; width: 1px; height: 10px; background: #000; position: absolute; right: 0; top: 50%; margin-top: -5px;}
.jbrTop dl dd {float: left; font-weight: 700;}
.jbrTxt {font-size: 20px; font-weight: 300; line-height: 2.0em;}
.jbrTxt .highlight {background: #fff100;}
.jbrBtn {text-align: center; margin-top: 160px;}
.jbrBtn p {display: inline-block; vertical-align: middle; text-align: left; color: #fff; font-size: 30px; line-height: 1.4em; margin-right: 60px; font-family: 'Chosunilbo_myungjo', 'Noto Sans KR', sans-serif;}
.jbrBtn a {display: inline-block; vertical-align: middle; background: #fff100; height: 80px; line-height: 80px; padding: 0 100px; font-weight: 300; font-size: 30px; letter-spacing: -0.075em; border-radius:40px; -moz-border-radius:40px; -webkit-border-radius:40px;}
.jbrBtn a span {font-weight: 700;}



/* 취업상담 */
.jbcLoc {padding: 10px 0;}
.jbcLoc ul:after {content: ''; display: table; clear: both;}
.jbcLoc ul li {float: left; width:33.333333%; margin-bottom:8px; display: none;}
.jbcLoc ul li:first-child {display: block;}
.jbcLoc ul li:last-child {margin-right: 0;}
.jbcChk {padding: 10px 0;}
.jbcChk:after {content: ''; display: table; clear: both;}
.jbcChk li {float: left; width:50%; margin-bottom:8px;}
.jbcChk li:last-child {margin-right: 0;}
.rvpAgr {margin-top: 20px;}
.rvpAgr:after {content: ''; display: table; clear: both;}
.rvpAgr .sbmAlt {float: left;}
.rvpAgr .csAgree {float: left; padding-top: 0;}

.jbcLoc .locationSel li {float: left; width: 33.3333%; margin-bottom: 0;}
.jbcLoc .locationSel li:after {content:""; display:table; clear:both;}
.jbcLoc .locationSel li input[type="radio"] {display: none;}
.jbcLoc .locationSel li input[type="radio"] + label {display: block; margin-left: 0; border: solid 1px #ddd; text-align: center; font-size: 11pt; height: 38px; line-height: 36px; border-right-color: #fff; border-top-color: #fff;}
.jbcLoc .locationSel li:nth-child(3n) input[type="radio"] + label {border-right-color: #ddd;}
.jbcLoc .locationSel li:nth-child(1) input[type="radio"] + label,
.jbcLoc .locationSel li:nth-child(2) input[type="radio"] + label,
.jbcLoc .locationSel li:nth-child(3) input[type="radio"] + label {border-top-color: #ddd;}
.jbcLoc .locationSel li:last-child input[type="radio"] + label {border-right-color: #ddd;}
.jbcLoc .locationSel li input[type="radio"]:checked + label {background: #00d6d6; font-weight: 700; border-color: #00d6d6 !important;}


/* 강사프로필 */
.ntch {}
.ntch:after {content: ''; display: table; clear: both;}
.tchCont {float: left; width: 100%; padding: 10px;}
.tchCont a {
	display: block; overflow: hidden; background: #232323; position: relative; cursor: pointer; padding-top: 30px;
	text-align:right;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	-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;
}
.tchCont a:after {
	content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 120px;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000',GradientType=0 );
}
.tchCont span {display: block; position: absolute; right: 15px; bottom: 40px; color: #fff; font-size: 14px; font-weight: 400; z-index: 1;}
.tchCont p {position: absolute; right: 15px; bottom: 15px; color: #fff; font-size: 20px; font-weight: 500; letter-spacing: 0.2em; z-index: 1;}
.tchCont p:after {content: '강사'; font-size: 16px; letter-spacing: 0em;}
.tchCont img {-webkit-filter: grayscale(100%); filter: gray; -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;}
.tchCont a.on img {-webkit-filter: grayscale(0%); filter: none;}
.tchCont a.on.cate1 {background: #00d6d6;}
.tchCont a.on.cate2 {background: #00d6d6;}
.tchCont a:hover img {-webkit-filter: grayscale(0%); filter: none;}
.tchCont a:hover.cate1 {background: #00d6d6;}
.tchCont a:hover.cate2 {background: #00d6d6;}
.tchPf {float: left; width: 100%; display: none;}
.tchDtl {padding: 30px 10px;}
.tchDtl:after {content: ''; display: table; clear: both;}
.tchDtl dt {float: left; margin-right: 60px; border-right: solid 1px #ddd; width: 300px; min-height: 150px;}
.tchDtl dt p {font-size: 16px; font-weight: 500;}
.tchDtl dt span {display: block; font-size: 12px; font-weight: 400; margin-top: 3px;}
.tchDtl dt h5 {font-size: 30px; font-weight: 700; letter-spacing: 0.15em; color: #000;}
.tchDtl dt h5:after {content: '강사'; font-size: 16px; letter-spacing: 0em; font-weight: 400;}
.tchDtl dd {float: left; margin-right: 60px; width: 330px;}
.tchDtl dd:last-child {margin-right: 0;}
.tchDtl dd h6 {font-size: 16px; font-weight: 700; padding-left: 10px;}
.tchDtl dd ul {margin-top: 5px;}
.tchDtl dd ul li {margin-bottom: 3px; position: relative; padding-left: 10px; font-size: 13px;}
.tchDtl dd ul li:last-child {margin-bottom: 0;}
.tchDtl dd ul li:before {content: ''; display: block; width: 2px; height: 2px; background: #333; position: absolute; left: 0; top: 8px;}


/* 전국지점안내 */
.mpWrap {border-bottom: dotted 0px #999; padding-bottom: 50px; width: 100%; margin: 0 auto; padding-top:10px}
.mpWrap:after {content: ''; display: table; clear: both;}
.mpLft {float: left; width: 100%; display:none;}
.mpMap {height: 818px; position: relative; background: url('/img/sub/map_bg.png')no-repeat center center;}
.mpPin {position: absolute;}
.mpPin#mpPin51 {left: 161px; top: 161px; z-index: 2;}
.mpPin#mpPin2 {left: 143px; top: 142px; z-index: 1;}
.mpPin#mpPin4 {left: 100px; top: 150px;}
.mpPin#mpPin45 {left: 110px; top: 160px;}
.mpPin#mpPin5 {left: 458px; top: 572px;}
.mpPin#mpPin10 {left: 390px; top: 455px;}
.mpPin#mpPin12 {left: 213px; top: 366px;}
.mpPin#mpPin15 {left: 130px; top: 582px;}
.mpPin#mpPin31 {left: 148px; top: 204px;}
.mpPin#mpPin44 {left: 123px; top: 117px;}
.mpPin#mpPin48 {left: 485px; top: 510px;}
.mpPin > a {display: block; width: 50px; height: 54px; padding-left: 5px; padding-top: 5px; background: url('/img/sub/map_pin.png')no-repeat center center;}
.mpPin > a em {display: block; width: 24px; height: 24px; line-height: 24px; text-align: center; background: #fff; font-size: 11px; color: #000; font-weight: 500; font-style: normal; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%;}
.mpPin > div {
	position: absolute; background: #fff; padding: 15px; border: solid 1px #e5e5e5; z-index: 3;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: none;
	-webkit-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.2); box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.2);
}
.root_daum_roughmap {width:100% !important;}
.root_daum_roughmap .cont .section {
    margin: 0 0px !important;}
.mpPin#mpPin51 > div {left: 100%; top: 50%; margin-top: -70px; width: 320px;}
.mpPin#mpPin2 > div {left: 100%; top: 50%; margin-top: -70px; width: 320px;}
.mpPin#mpPin4 > div {left: -70%; top: 100%; margin-top:5px; width: 300px;}
.mpPin#mpPin45 > div {left: -70%; top: 100%; margin-top:5px; width: 300px;}
.mpPin#mpPin5 > div {right: 100%; top: 50%; margin-top: -70px; width: 280px; margin-right: 10px;}
.mpPin#mpPin10 > div {right: 100%; top: 50%; margin-top: -70px; width: 280px; margin-right: 10px;}
.mpPin#mpPin12 > div {left: -200%; bottom: 100%; margin-bottom:10px; width: 320px;}
.mpPin#mpPin15 > div {left: -200%; bottom: 100%; margin-bottom:10px; width: 320px;}
.mpPin#mpPin31 > div {left: 100%; top: 50%; margin-top: -70px; width: 320px;}
.mpPin#mpPin44 > div {left: 100%; top: 50%; margin-top: -70px; width: 320px;}
.mpPin#mpPin48 > div {right: 100%; top: 50%; margin-top: -70px; width: 280px; margin-right: 10px;}
.mpPin > div:after {content: ''; display: block; position: absolute;}
.mpPin#mpPin51 > div:after {width: 10px; height: 18px; right: 100%; top: 50%; margin-top: -9px; background: url('/img/sub/map_pop_arrow_left.png')no-repeat center center;}
.mpPin#mpPin2 > div:after {width: 10px; height: 18px; right: 100%; top: 50%; margin-top: -9px; background: url('/img/sub/map_pop_arrow_left.png')no-repeat center center;}
.mpPin#mpPin4 > div:after {width: 18px; height: 10px; right: 50%; margin-right: 90px; bottom: 100%; background: url('/img/sub/map_pop_arrow_up.png')no-repeat center center;}
.mpPin#mpPin45 > div:after {width: 18px; height: 10px; right: 50%; margin-right: 90px; bottom: 100%; background: url('/img/sub/map_pop_arrow_up.png')no-repeat center center;}
.mpPin#mpPin5 > div:after {width: 10px; height: 18px; left: 100%; top: 50%; margin-top: -9px; background: url('/img/sub/map_pop_arrow_right.png')no-repeat center center;}
.mpPin#mpPin10 > div:after {width: 10px; height: 18px; left: 100%; top: 50%; margin-top: -9px; background: url('/img/sub/map_pop_arrow_right.png')no-repeat center center;}
.mpPin#mpPin12 > div:after {width: 18px; height: 10px; right: 50%; margin-right: 35px; top: 100%; background: url('/img/sub/map_pop_arrow_down.png')no-repeat center center;}
.mpPin#mpPin15 > div:after {width: 18px; height: 10px; right: 50%; margin-right: 35px; top: 100%; background: url('/img/sub/map_pop_arrow_down.png')no-repeat center center;}
.mpPin#mpPin31 > div:after {width: 10px; height: 18px; right: 100%; top: 50%; margin-top: -9px; background: url('/img/sub/map_pop_arrow_left.png')no-repeat center center;}
.mpPin#mpPin44 > div:after {width: 10px; height: 18px; right: 100%; top: 50%; margin-top: -9px; background: url('/img/sub/map_pop_arrow_left.png')no-repeat center center;}
.mpPin#mpPin48 > div:after {width: 10px; height: 18px; left: 100%; top: 50%; margin-top: -9px; background: url('/img/sub/map_pop_arrow_right.png')no-repeat center center;}
.mpPin > div h5 {font-size: 18px; color: #000; font-weight: 700; line-height: 1.0em;}
.mpPin > div p {font-family: 'dotum', sans-serif; font-size: 11px; margin-top: 8px; letter-spacing: -0.075em;}
.mpPin > div h6 {font-family: 'Rajdhani', 'dotum', sans-serif; font-weight: 900; color: #000; font-size: 26px; line-height: 1.0em; margin-top: 10px;}
.mpPin > div h6 span {display: inline-block; font-size: 11px; background: #00d6d6; font-weight: 400; vertical-align: middle; padding: 0 5px; height: 20px; line-height: 20px; margin-right: 5px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.mpRht { width: 100%;}
.mpTab {margin: -3px;}
.mpTab:after {content: ''; display: table; clear: both;}
.mpTab li {float: left; width: 25%; padding: 3px;}
.mpTab li a {display: block; border: solid 1px #ddd; text-align: center; padding: 15px 0; font-size: 16px; color: #333; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.mpTab li.current a {border-color: #00d6d6; background: #00d6d6; font-weight: 700;}
.mpLoc {margin-top: 30px;}
.os_mac.root_daum_roughmap .section .title {font-family: '맑은 고딕', 'Malgun Gothic';}
			




/* 맴버쉽 */
.lgnForm {width:360px; background:#fff; right:0; top:50%; padding:50px 30px; margin: 0 auto; -webkit-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.05); box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.05);}
.lgnForm h4 {text-align:center; font-weight:300; font-size:14px;}
.lgnForm h4 span {display:block; height: 30px; text-indent: -9999px; margin-top: 10px; background: url('/img/sub/login_title.png')no-repeat center center;}
.lgnForm h5 {text-align:center; font-weight:300; font-size:24px;}
.lgnForm h6 {text-align: center; font-size: 12px; font-weight: 400; margin-top: 5px;}
.lgnForm h6 span {color: #f00;}
.lgnForm dl {margin-top:30px;}
.lgnForm dl dt {margin-top:10px; font-size:10pt; padding-bottom:5px;}
.lgnForm dl dd {}
.lgnForm dl dd input {display:block; width:100%; height:40px;}
.lgnForm button {display:block; border:none; width:100%; text-align:center; cursor: pointer; background:#00d6d6; border: solid 1px #01adad; font-weight: 700; padding:10px 0; font-size:18px; margin-top:10px; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
.lgnForm ul {margin-top:30px;}
.lgnForm ul li {margin-top:5px;}
.lgnForm ul li:after {content:""; display:table; clear:both;}
.lgnForm ul li p {font-size:13px; float:left; white-space:nowrap; color:#999;}
.lgnForm ul li a {display:block; float:right; white-space:nowrap; font-size:13px; color:#222;}
.lgnForm > p {font-size:11px; color:#ccc; text-align:center; margin-top:30px; font-weight:100; letter-spacing:0.05em;}

.idpwForm {text-align: center; width:360px; background:#fff; right:0; top:50%; padding:50px 30px; margin: 0 auto; -webkit-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.05); box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.05);}
.idpwForm h3 {font-weight:300; font-size:24px;}
.idpwForm h5 {margin-top: 20px; font-size: 18px; font-weight: 300;}
.idpwForm h5 b {font-weight: 500;}
.idpwForm h5 u {font-weight: 700; font-size: 24px;}
.idpwForm a {display:block; border:none; width:100%; margin-top: 20px; cursor: pointer; background:#00d6d6; border: solid 1px #01adad; font-weight: 700; padding:10px 0; font-size:18px; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
.idpwForm a.gry {background: #b5b5b5; border-color: #7b7b7b;}
.idpwForm p {margin-top: 30px;}
.idpwForm span {display: block; font-size:11px; color:#ccc; text-align:center; margin-top:30px; font-weight:100; letter-spacing:0.05em;}




.pt0{padding-top:0px !important;}
.joinWrap {padding-bottom:60px; background:#fff;}
.joinStep{margin:0 -18px;}
.joinStep:after {clear:both; content:""; display:table;}
.joinStep li {display:block; float:left; width:33.3333%; padding:0 3px;}
.joinStep li span {display:block; height:50px; line-height:50px; text-align:center; position:relative; background:#f1f1f1; color:#aaa; font-size:11pt; padding-left:10px; font-weight:400;}
.joinStep li span:before {content:''; position: absolute; top:0; left:0; height:0; width:0; border: 25px solid transparent; border-right-width:0; z-index:1; border-left-color: #fff;}
.joinStep li span:after {content:''; position: absolute; top:0; left:100%; height:0; width:0; border: 25px solid transparent; border-right-width:0; z-index:2; border-left-color: #f1f1f1;}
.joinStep li.current span {background:#00d6d6 ; color:#282828;}
.joinStep li.current span:after {border-left-color: #00d6d6;}
.joinStep li:first-child span:before {display:none;}
.joinStep li:last-child span:after {display:none;}

.privacyTitle {padding-bottom:15px; margin-top:30px;}
.privacyTitle h5 {font-size:14pt; color:#000; letter-spacing:-0.04em; font-weight:400;}
.privacyTitle h4 {font-size:10pt; color:#445161; letter-spacing:-0.04em; font-weight:400; opacity:0.5;}
.privacyAgree {text-align:right; padding-top:10px;}

.incPrvcy {height:100px; overflow-y:scroll; -webkit-overflow-scrolling:touch; border:1px solid #ded9d4; padding:10px; line-height:1.5; color:#aaa; font-size:10pt;}
.incPrvcy h4,
.incPrvcy h5,
.incPrvcy h6 {font-size:11pt; padding-top:20px; padding-bottom:5px; font-weight:bold;}
.incPrvcy table {margin-top:20px;}
.incPrvcy table th {border:solid 1px #ddd; padding:5px; text-align:center; background:#fafafa;}
.incPrvcy table td {border:solid 1px #ddd; padding:10px; text-align:center;}


.joinBtn {padding-top:30px; text-align:center; margin:0 -3px;}
.joinBtn:after {content:""; display:table; clear:both;}
.joinBtn li {float:left; width:50%; padding:0 3px;}
.joinBtn a {display:block; border:none; text-align:center; color:#fff; padding:12px 0; font-size:12pt;}
.joinBtn a.brw {background:#00d6d6; color:#282828;}
.joinBtn a.gray {background:#666;}

.joinTable {width:100%; border-left:solid 2px #fff; border-right:solid 2px #fff;}
.joinTable th,
.joinTable td {border:solid 1px #ddd; font-size:12px; padding:10px;}
.joinTable th {background-color:#f2f3f5;}
.joinTable input[type="text"],
.joinTable input[type="password"],
.joinTable input[type="tel"],
.joinTable select {height:40px; max-width:100%; min-width:auto !important; width:100%;}
.joinTable label {font-size:12px;}
.joinTable .inline li {display:inline-block;}
.joinTable .pt10 {padding-top:10px;}

.joinDesc {margin-top:30px; margin-bottom:10px; font-size:13px;}
.joinDesc span {color:#ff5c0c;}

.joinTable td {font-family:"dotum"; font-size:12px;}
.inputFull {width:226px;}
.inputCall {display:block; width:226px;}
.inputCall:after {content:""; display:table; clear:both;}
.inputCall li {float:left; padding:0 !important;}
.inputCall li input,
.inputCall li select {width:100%;}
.inputCall li:nth-child(2n) {width:13px; height:32px; line-height:32px; text-align:center; padding-top:5px;}
.inputCall li:nth-child(2n+1) {width:60px;}
.inputCall li:first-child {width:80px;}
.inputYear:after {content:""; display:table; clear:both;}
.inputYear li {float:left; padding:0 !important;}
.inputYear li input,
.inputYear li select {width:100%;}
.inputYear li:nth-child(2n) {width:20px; height:32px; line-height:32px; text-align:center; padding-top:5px;}
.inputYear li:nth-child(2n+1) {width:60px;}
.inputYear li:first-child {width:80px;}
.inputZipcode {display:inline-block !important; vertical-align:middle;}
.inputZipcode:after {content:""; display:table; clear:both;}
.inputZipcode li {float:left; padding:0 !important; width:80px;}
.inputZipcode li:nth-child(2) {width:20px; height:32px; line-height:32px; text-align:center; padding-top:5px;}
.inputZipcode li input {width:100%;}
.inputAddr {padding-top:6px;}
.inputAddr:after {content:""; display:table; clear:both;}
.inputAddr li {width:260px;}
.inputAddr li input {width:100%;}

.joinMailChk {}
.joinMailChk:after {content:""; display:table; clear:both;}
.joinMailChk li {float:left;}
.joinMailChk li:nth-child(1) {width:47%;}
.joinMailChk li:nth-child(2) {width:6%; height:35px; line-height:35px; text-align:center;}
.joinMailChk li:nth-child(3) {width:47%;}
.joinYear {}
.joinYear:after {content:""; display:table; clear:both;}
.joinYear li {float:left; width:33.3333%; padding-right:5px;}
.joinYear li:last-child {padding-right:0;}
.joinIdChk {}
.joinIdChk:after {content:""; display:table; clear:both;}
.joinIdChk li {float:left;}
.joinIdChk li:first-child {width:70%;}
.joinIdChk li:last-child {width:30%; padding-left:5px;}
.joinIdChk li a {display:block; width:100%; height:40px; line-height:40px; margin:0; padding:0;}


.redStar {color:#ff5c0c; display:inline-block; margin-right:3px;}
.joinFormBtn {display:inline-block; height:32px; line-height:32px; margin-left:2px; text-align:center; padding:0 15px; cursor:pointer; background:#00d6d6; color:#282828; font-weight:bold; vertical-align:middle;}
.joinFormDesc {display:block; margin-top:5px;}
.joinSuccess {padding:60px 0 0; text-align:center;}
.joinSuccess h3 {color:#666; font-size:18pt; letter-spacing:-0.075em; font-weight:300; line-height:1.3em;}
.joinSuccess h3 span {display:block; font-weight:500; color:#00d6d6;}
.joinSuccess p {padding-top:30px; font-size:15px; line-height:1.8em;}
.joinSuccess p br {display:none;}
.joinSuccess u {font-weight:600;}
.memberOut {margin:0 auto; display:block; text-align:Center; font-size:16px; font-weight:500; margin-top:30px;}
.memberOut p {padding-bottom:10px;}
.memberOut textarea {display:block; width:100%; height:200px; resize:none;}


.csDay {margin-bottom:10px;}
.csDay:after {content:""; display:table; clear:both;}
.csDay li {float:left; margin-right:10px;}
.csDay li:last-child {margin-right:0;}
.csDay li input[type="radio"] {
	display:inline-block; vertical-align:middle; width:20px; height:20px; border:solid 1px #ddd; position:relative;
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
	border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px;
}
.csDay li input[type="radio"]:focus {outline:none;}
.csDay li input[type="radio"]:checked {border:solid 1px #00d6d6;}
.csDay li input[type="radio"]:checked:after {content:""; display:block; background:#00d6d6; position:absolute; left:4px; top:4px; right:4px; bottom:4px; border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px;}
.csDay li label {display:inline-block; vertical-align:middle; font-family:inherit; font-size:12pt;}



/* 시설안내 */
.facSldr .slick-arrow {text-indent:-9999px; width:60px; height:65px; position:absolute; top:50%; cursor:pointer; margin-top:-32px; border:solid 1px rgba(210,210,210,0.2); z-index:1; background:rgba(210,210,210,0.4); -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;}
.facSldr .slick-arrow:hover {background:rgba(210,210,210,0.5);}
.facSldr .slick-arrow.slick-prev {left:0; border-left:none; border-radius: 0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px;}
.facSldr .slick-arrow.slick-next {right:0; border-right:none; border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px;}
.facSldr .slick-arrow.slick-prev:after,
.facSldr .slick-arrow.slick-next:after {content:""; display:block; width:14px; height:23px; position:absolute; left:50%; top:50%; margin-top:-12px;}
.facSldr .slick-arrow.slick-prev:after {background:url("/img/sub/main_banner_arrow.png")no-repeat left center; margin-left:-8px;}
.facSldr .slick-arrow.slick-next:after {background:url("/img/sub/main_banner_arrow.png")no-repeat right center; margin-left:-6px;}

.facNav {margin: 0 -5px; padding-top: 30px;}
.facNav .slick-list,
.facNav .slick-track {width:100% !important;}
.facNav .slick-track {transform: translate3d(0px, 0px, 0px) !important;}
.facNav .slick-slide {width:20% !important; cursor:pointer; padding: 5px; text-indent:-9999px; position:relative; -webkit-filter: grayscale(1); filter: grayscale(1);}
.facNav .slick-slide img {display: block; width: 100% !important; height: auto !important;}
.facNav .slick-slide:hover,
.facNav .slick-current {-webkit-filter: grayscale(0); filter: grayscale(0);}
.facNav .slick-slide:nth-child(5n) {margin-right:0 !important;}
.facNav .slick-slide:hover:after,
.facNav .slick-current:after {content:""; display:block; position:absolute; left: 5px; right: 5px; top: 5px; bottom: 5px; border:solid 4px #00d6d6;}



/* 퀵메뉴 */
body.layer-open {overflow:hidden;}
#rqcBg {display:none; position:fixed; top:0; bottom:0; left:0; right:0; z-index:1001; background:rgba(0,0,0,0.5);}
#rqcBtn {display: block; height: 50px; line-height: 50px; color: #000; font-size: 13pt; text-align: center; font-weight: 700; position: fixed; left: 0; right: 0; bottom: 0; z-index: 101; background: #00d6d6;}
#rqcX {display:block; position:absolute; right:20px; top:15px; width:30px; height:50px; text-indent:-9999px; background:url("/img/common/teacher_pop_close.png")no-repeat center center; background-size: 26px auto;}
#rqcWrap {position:fixed; bottom:-100%; right:0; left: 0; z-index:1002; background:#fff; padding:15px; overflow-y: auto;}
#rqcWrap > h3 {font-size:20pt; font-weight:300; letter-spacing:-0.075em;}
#rqcWrap > p {font-size:10pt; margin-top:5px; font-weight:300; line-height:1.3em;}
#rqcWrap > h5 {text-align:center; font-size:16px; font-weight:400;}
#rqcWrap > h5 span {display:block; font-size:30px; font-weight:900;}
.rqcTel:after {content:""; display:table; clear:both;}
.rqcTel li {float:left;}
.rqcTel li:nth-child(odd) {width:30%;}
.rqcTel li:nth-child(even) {width:5%; text-align:center; height:40px; line-height:40px;}
.rqcTel li select,
.rqcTel li input[type="tel"] {display:block; width:100%; height:40px;}
.rqcLoc:after {content:""; display:table; clear:both;}
.rqcLoc li {float:left; width: 33.3333333%; padding-bottom:8px; display: none;}
.rqcLoc li:first-child {display: block;}
.rqcLoc li input[type="radio"] {width: 20px; height: 20px; cursor: pointer; float: left;}
.rqcLoc li input[type="radio"] + label {display:block; float:left; height:20px; line-height:20px; font-family:"Noto Sans KR", sans-serif; font-size:14px; margin-left:5px; white-space:nowrap; font-weight:400;}
.rqcInput {border-top:dotted 1px #ccc; margin-top:20px;}
.rqcInput input[type="text"] {height:40px;}
.rqcInput dt {font-size:12pt; padding-bottom:5px; padding-top:10px; font-weight: 500;}
.rqcInput dd input[type="text"] {width: 100%; display: block;}
.rqcList:after {content:""; display:table; clear:both;}
.rqcList li {float:left; width:33.3333%; padding-bottom:5px; position: relative; padding-left: 25px;}
.rqcList li input[type="checkbox"] {width:20px; height:20px; display: block; position: absolute; left: 0; top: 0;}
.rqcList li label {display:block; height:20px; line-height:20px; font-family:"Noto Sans KR", sans-serif; font-size:10pt; margin-left:0; font-weight:400; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.rqcSubmit {padding-top:20px;}
.rqcSubmit a {display:block; text-align:center; background:#00d6d6; color: #000; border: solid 1px #01adad; font-weight: 700; padding:10px 0; font-size:18px;}

@media (max-width:320px) {
	#rqcWrap > p {display: none;}
}

/* 전화연결버튼 */
.callBtn {
	display:block; width:55px; height:55px; position:fixed; bottom:60px; right:10px; z-index:101; text-indent: -9999px;	
	-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;
	border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
	background: #ff3b30;
}
.callBtn:after {content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background:url('/img/common/newcall_icon.png')no-repeat center center; background-size: contain;}

.qkArea {}
.qkBtn {
	display:block; width:55px; height:55px; position:fixed; bottom:60px; right:10px; z-index:101; text-indent: -9999px;	
	-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;
	border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
	background: #00d6d6;
	background: -moz-linear-gradient(top,  #00d6d6 0%, #01adad 100%);
	background: -webkit-linear-gradient(top,  #00d6d6 0%,#01adad 100%);
	background: linear-gradient(to bottom,  #00d6d6 0%,#01adad 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d6d6', endColorstr='#01adad',GradientType=0 );
}
.qkBtn:after {content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background:url('/img/common/right_quick.png')no-repeat center center;}
.qkBtn.on {
	background: #333;
	-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;
	-webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -o-transform:rotateY(180deg); transform:rotateY(180deg);
}
.qkBtn.on:after {background:url('/m/img/common/right_quick_close.png')no-repeat center center; background-size: 22px auto;}
.qkList {position:fixed; right:10px; bottom:125px; z-index:101; display: none;}
.qkList.on {display: block;}
.qkList > li {text-align:right; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.qkList > li:not(:last-child) {margin-bottom:5px;}
.qkList > li > a {color:#fff; display:inline-block; padding: 10px 15px; background:#ed3738; font-size: 9pt; box-shadow:0 0 6px rgba(0,0,0,0.3); border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;}
.qkList > li:nth-child(1) {-webkit-animation-delay: 0.4s; animation-delay: 0.4s;}
.qkList > li:nth-child(2) {-webkit-animation-delay: 0.2s; animation-delay: 0.2s;}
.qkList > li:nth-child(3) {-webkit-animation-delay: 0s; animation-delay: 0s;}
.qkList > li > a > img {display:inline-block; vertical-align:middle; height: 20px; width: auto; margin-top: 1px; margin-right: 7px;}






/* 수강료안내 */
.costTb {border-top: solid 2px #000;}
.costTb th,
.costTb td {border: solid 1px #ddd; padding: 10px; text-align: center;}
.costTb th {}


/* 아카데미소개 */
.itr {position: relative;}
.itr01 {padding-top: 150px; background: #000 url('/img/sub/intro01_bg.jpg')no-repeat center 0px; background-size:200% auto;}
.itrTop {text-align: center; position: relative; padding-bottom: 0px; margin-bottom: 0px;}
.itrTop:after {content: ''; display: inline-block; width: 2px; height: 50px; background: #fff; margin-top:25px;}
.itrTop span {font-size: 18px; font-weight: 100; letter-spacing: 0.1em; color: #fff;}
.itrTop h5 {height: 61px; text-indent: -9999px; margin-top: 15px; background: url('/img/sub/intro01_title.png')no-repeat center center; background-size:auto 60px;}
.itrTxt {position: relative; padding-bottom:25px;}
.itrTxt p {margin-top: 25px; font-size: 16px; font-weight: 300; line-height: 2.0em; text-align:center; letter-spacing:-0.035em;white-space: break-word; width:100%;}
.itrTxt p b {font-weight: 700;}
.itrTxt em:last-child {height: 57px;}
.itr01 .itrTxt p {padding:0 7% 10% 7%;}
.itrTxt.wh p {color: #fff; font-weight: 100;}
.itrTxt.wh p b {font-weight: 500;}
.itrTxt.wh em {background: #fff;}
.itrDots span {display: block; width: 3px; height: 4px; margin: 0 auto; background: #000; margin-bottom: 55px;}
.itrDots.wh span {background: #fff;}
.itrDots span:last-child {height: 55px; margin-bottom: 0;}
.itr02 {}
.itr02 .container {width:100%; padding: 0 7%; position:relative; text-align:center;}
.itrImg img{width:100%; display:inline-block;}
.itrImg {padding:25px; 7% 0 7%;}
.itr02 .container:before {content: ''; display: block; width: 3px; height: 75px; background: #000; margin: 0 auto;}

.itrTitle h3 {font-weight: 100; font-size: 31px; letter-spacing: -0.075em; line-height: 1.2em; margin: 60px 0;}
.itr02 .itrTxt p {padding-bottom:25px;}
.itr03 {padding:0 7%;}




.itr04 {padding-bottom: 120px; background: #000; position: relative; background: #000 url('/img/sub/aca_intro_bottomBg.jpg')no-repeat center bottom;}
.itr04 .container:before {content: ''; display: block; width: 3px; height: 120px; background: #fff; margin: 0 auto;}
.itrCrcl {
	width: 220px; height: 220px; margin: 0 auto; text-align: center; color: #fff; font-family: 'Anton', sans-serif; text-transform: uppercase;
	border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -webkit-animation: circle 6.0s infinite;
	-webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; -ms-transition: all 0.25s; transition: all 0.25s;
}
.itrCrcl > div {padding-bottom: 100%; position: relative;}
.itrCrcl > div > div {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.itrCrcl > div > div > div {display: table; width: 100%; height: 100%;}
.itrCrcl > div > div > div > div {display: table-cell; width: 100%; vertical-align: middle;}
.itrCrcl > div > div > div > div > div {}
.itrCrcl h5 {font-size: 25px; letter-spacing: 0.00em; font-weight: 500; display: inline-block; padding-bottom: 2px; margin-bottom: 7px; border-bottom: solid 1px #fff;}
.itrCrcl p {font-size: 13px; letter-spacing: 0.2em; font-weight: 500;}

@-webkit-keyframes circle {
    0% {opacity: -webkit-box-shadow: 0px 0px 40px 30px rgba(255,255,255,1); -moz-box-shadow: 0px 0px 40px 30px rgba(255,255,255,1); box-shadow: 0px 0px 40px 30px rgba(255,255,255,1);}
	50% {opacity: -webkit-box-shadow: 0px 0px 30px 20px rgba(255,255,255,1); -moz-box-shadow: 0px 0px 30px 20px rgba(255,255,255,1); box-shadow: 0px 0px 30px 20px rgba(255,255,255,1);;}
	100% {opacity: -webkit-box-shadow: 0px 0px 40px 30px rgba(255,255,255,1); -moz-box-shadow: 0px 0px 40px 30px rgba(255,255,255,1); box-shadow: 0px 0px 40px 30px rgba(255,255,255,1);}
}





/*교육과정*/
#eduIntro{width:100%; position:relative; padding:160px 30px 100px; background-position:center center !important; background-repeat:no-repeat !improtant;background-size:auto 100%;}
#eduIntro .eiWrap {display:block; width:100%; position:relative; }
#eduIntro .container{width:100%; }
#eduIntro .eiCell {display:block; vertical-align:middle; text-align:center; color:#fff;}
.eduBg001{ background: #000 url('/img/curri/edu_top_001.jpg');}
.eduBg002{ background: #000 url('/img/curri/edu_top_002.jpg');}
.eduBg003{ background: #000 url('/img/curri/edu_top_003.jpg');}
.eduBg004{ background: #000 url('/img/curri/edu_top_004.jpg');}
.eduBg005{ background: #000 url('/img/curri/edu_top_005.jpg');}
.eduBg006{ background: #000 url('/img/curri/edu_top_006.jpg');}
.eduBg007{ background: #000 url('/img/curri/edu_top_007.jpg');}
.eduBg008{ background: #000 url('/img/curri/edu_top_008.jpg');}
.eduBg009{ background: #000 url('/img/curri/edu_top_009.jpg');}
.eduBg010{ background: #000 url('/img/curri/edu_top_010.jpg');}
.eduBg011{ background: #000 url('/img/curri/edu_top_011.jpg');}
#eduIntro.eduBg012{ background: #000 url('/img/curri/edu_top_012.jpg') no-repeat 37% center !important;}







.eduIntroTit {width:100%; text-align:center;}
.eduIntroTit h5{display: block; font-family: 'Anton', sans-serif; letter-spacing: 0.2em; font-size: 21px; text-transform:uppercase;font-weight:500;line-height:1;}
.eiTxt{padding-top:50px; text-align:left; text-align:center;}
.eiTxt h6{font-size:27px; font-weight:bold; letter-spacing:-0.075em;padding-bottom:8px;}
.eiTxt p{font-size:15px; font-weight:200; padding-bottom:40px; letter-spacing:-0.025em;line-height:1.6; text-shadow:0px 0px 10px rgb(0 0 0 / 50%);}
.eiTxt dl dt, .eiTxt dl dd{display:inline-block; font-size:15px;}
.eiTxt dl dt {color:#00d6d6; padding-bottom:5px; display:block;}
.eiTxt dl {width:100%; padding-bottom:5px;}
.eiTxt dl dd{ font-weight:200}
.eiTxt dl dd b{font-weight:500}
.eiTxt dl dd:after{content:"·"; display:inline-block; margin-right:5px; padding-left:5px; font-weight:bold; }
.eiTxt dl dd:last-child:after{display:none;}
.eiTxt dl dd > div {margin-bottom: 10px;}
.eiTxt dl dd > div:last-child {margin-bottom: 0;}
.eiTxt dl dd ul li b {margin-right: 10px;}



.eiBtnArea{width:100%; padding-top:30px; }
.eiBtnArea{content:""; clear:both; display:block;}
.eiBtnArea ul li{ float:left; width:50%; padding:0 1%;}
.eiBtnArea a{display:inline-block;line-height:50px; width:100%; font-size:15px; color:#fff; border:1px solid #fff;-webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; -ms-transition: all 0.25s; transition: all 0.25s; text-align:center}
.eiBtnArea a:hover{background:#fff; color:#282828}
.eiBtnArea a.eiTuition{color:#282828;background:#00d6d6; border:1px solid #00d6d6; margin-left:0px; font-weight:400;}
.eiBtnArea a.eiTuition:hover{color:#00d6d6; background:none;border:1px solid #00d6d6;}

.eiLine{position:absolute; width:100%; bottom:-100px; left:0; text-align:center;height:50px;}
.eiLine span{height:50px; width:1px; background:#fff; display:inline-block; }

.ecLine{position:relative; width:100%; margin:50px 0px; text-align:center; height:50px;}
.ecLine span{height:50px; width:1px; background:#282828; display:inline-block; }
.ecLine dl dt, .ecLine dl dd{text-align:right; }

.eduWrap .container{width:100%; padding:0 15px;}

.curriStep{margin:0 0px; padding-bottom:50px; padding-top:40px;}
.curriStep:after{display:block; content:""; clear:both;}
.curriStep li{width:100%; margin:0 0px; float:left;}
.curriStep li span{width:100%; padding-bottom:10px; margin-bottom:10px; border-bottom:4px solid #282828; font-size:13px; display:block; font-weight:500; font-family: 'Anton', sans-serif;letter-spacing:0.15em; }
.curriStep li dl dt{font-size:21px; font-weight:bold; padding-bottom:8px;}
.curriStep li dl dd{padding-left:20px;}

.curriStepImg{margin:0 -10px; }
.curriStepImg li{width:50%; padding:5px; float:left;}
.curriStepImg li img{width:100%;}
.curriStepImg:after{display:block; content:""; clear:both;}

.curriPoint{position:relative;  text-align:center; width:100%; padding-top:15px;}
.curriPoint dt{font-family: 'Anton', sans-serif; letter-spacing: 0.2em; font-size: 17px;}
.curriPoint:after{content:""; display:block; width:10px; height:10px; border-radius:100%; border:3px solid #282828; position:absolute; bottom:-50px; left:50%; margin-left:-8px; background:#fff}

.edwTxt{ padding-top:10px; padding-bottom:30px; text-align:center;}
.edwTxt span{display:block; }

.guideWrap{width:100%; padding-top:50px; position:relative;}
.guideWrap ul {margin:0 -5px; }
.guideWrap ul li{width:100%; padding:10px 5px; float:left;}
.guideWrap ul:after{display:block; content:""; clear:both;}
.guideWrap ul li p{font-family: 'Anton', sans-serif; letter-spacing: 0.2em; font-size: 13px; color:#282828;text-transform:uppercase; padding-bottom:18px; display:block; width:100%;}
.guideWrap ul li .stepCont{margin-bottom:15px;border-top:2px solid #282828; width:100%;  background:#fff; webkit-box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 30%); -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);    box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 30%);text-align:center; padding:30px;}
.guideWrap ul li .stepCont img{display:inline-block;}
.guideWrap ul li .stepCont dl{display:block;}
.guideWrap ul li .stepCont dl dd span{ display:inline;}
.guideWrap ul li .stepCont dl dt{font-family: 'Anton', sans-serif; letter-spacing: 0.1em; font-size: 13px; color:#a1a1a1; text-transform:uppercase; font-weight:100; padding-top:15px;}
.guideWrap ul li .stepCont dl dd:nth-child(2){font-size:19px; font-weight:bold; letter-spacing:-0.075em; padding-bottom:10px;}
.eduTch{padding-top:30px;}

.edufilmoWrap{width:100%;position:relative;background: url('/img/curri/filmo_bg.jpg') repeat-x left 100%; padding-bottom:50px; padding-left:15px; padding-right:15px;}
.edufilmoWrap .container{width:100%;}


/*취업시스템*/
.systemImg{width:100%; padding:50px 0 100px 0; text-align:center;}
.systemImg img{display:inline-block;}
.systemCont{width:100%; position:relative; padding:100px 0 100px 0; background:#282828; margin-bottom:250px;}
.systemCont:before{content:""; display:block; width:82px; height:46px;background: url('/img/sub/system_arrow.png') no-repeat center center; position:absolute; top:0px; left:50%; margin-left:-41px; }
.systemImgBottom{position:absolute; bottom:-200px; width:100%; text-align:center; left:0px;}
.systemImgBottom img{display:inline-block;}



.csOkArea{background:#111 url('/img/sub/csok_bg.jpgd')no-repeat center top; padding-top:120px; padding-bottom:100px; position:relative;}
.csOk h2 {height: 114px; text-indent: -9999px; background: url('/img/main/main_quick_title.png')no-repeat center center; margin-bottom:30px; background-size: auto 82px}
.csokTop{ color:#fff; width:100%; text-align:center; }
.csokTop h3 {font-size:31px; font-weight:100; letter-spacing:-0.075em; line-height:1.3em; padding-bottom:10px;}
.csokTop h3 span {font-weight:500;}
.csokTop p {font-size:16px; color:#fff; font-weight:300; margin-top:20px; padding:0 20px;}
.csokTop h6 {color:#fff; margin-top:30px;}
.csokTop h6 span {vertical-align:middle; font-size:16px; margin-right:10px;}
.csokTop h6 b {vertical-align:middle; font-size:38px; font-family:"roboto", sans-serif; font-weight:500;}




/* 이벤트퀵 */
.qkEvt {
	display: block; width: 170px; border: solid 1px #222; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; overflow: hidden;
	-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3); -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3); box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);
	position: fixed; left: 10px; bottom: 60px; z-index: 101;
}
.qkEvt img {display: block; width: 100%;}

#popup {display: block; width: 170px; border: solid 1px #222; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; overflow: hidden;
	-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3); -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3); box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);
	position: fixed; left: 10px; bottom: 60px; z-index: 101;}
#popup > div {display:table; width:100%; height:100%;}
#popup > div > div {display:table-cell; width:100%; vertical-align:middle; }
#popup > div > div > div {
	overflow:hidden;
	border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
}
#popup img {display:block; width:100%;}
#popup ul:after {content:""; display:table; clear:both;}
#popup ul li {float:left; width:50%;}
#popup ul li:first-child {border-right:solid 1px #dedede;}
#popup ul li a {display:block; text-align:center; height:25px; line-height:25px; color:#222; font-size:8pt; font-weight:400; background:#fff;}




#popup2 {position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1001; padding: 15px; background: rgba(0,0,0,0.7);}
#popup2 > div {display:table; width:100%; height:100%;}
#popup2 > div > div {display:table-cell; width:100%; vertical-align:middle; }
#popup2 > div > div > div {
	overflow:hidden;
	border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
}
#popup2 img {display:block; width:100%;}
#popup2 ul:after {content:""; display:table; clear:both;}
#popup2 ul li {float:left; width:50%;}
#popup2 ul li:first-child {border-right:solid 1px #dedede;}
#popup2 ul li a {display:block; text-align:center; height:44px; line-height:44px; color:#222; font-size:11pt; font-weight:400; background:#fff;}






/* 내게맞는 과정찾기 210318 서동일과장 */
.fitStep {text-align: center; margin-bottom: 120px; position: relative;}
.fitStep:after {content: ''; display: block; width: 60px; height: 60px; position: absolute; left: 50%; margin-left: -30px; top: 100%; margin-top: 30px; background: #00d6d6 url('/img/sub/fit_arrow.png')no-repeat center center; background-size: 20px auto; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.fitStep dt {}
.fitStep dt h5 {font-size: 16pt; font-weight: 500; letter-spacing: -0.075em; display: none;}
.fitStep dt h5 span {font-weight: 100; display: block;}
.fitStep dt p {font-size: 20pt; font-weight: 300; margin-top: 20px; letter-spacing: -0.075em;}
.fitStep dt p u {font-weight: 500; display: block;}
.fitStep dd {margin: 80px 0; display: none;}
.fitStep dd ul {display: inline-block;}
.fitStep dd ul:after {content: ''; display: table; clear: both;}
.fitStep dd ul li {float: left; padding: 0 30px; position: relative;}
.fitStep dd ul li div {display: block; width: 80px; height: 80px; background: #eee; padding-top: 10px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -webkit-transition: all 0.3s; transition: all 0.3s;}
.fitStep dd ul li span {font-size: 14px;}
.fitStep dd ul li b {display: block; font-family: 'roboto', sans-serif; font-size: 24px; font-weight: 900; line-height: 1.0em;}
.fitStep dd ul li.on div {background: #00d6d6; color: #fff;}
.fitStep dd ul li:before,
.fitStep dd ul li:after {content: ''; display: block; height: 2px; position: absolute; left: 0; margin-left: -30px; top: 50%; margin-top: -1px;}
.fitStep dd ul li:first-child:before,
.fitStep dd ul li:first-child:after {display: none;}
.fitStep dd ul li:before {background: #eee; width: 60px; }
.fitStep dd ul li:after {background: #00d6d6; width: 0px; -webkit-transition: all 0.3s; transition: all 0.3s;}
.fitStep dd ul li.on:after {width: 60px;}

.fitForm {/* display: none; */ margin-top: 40px;}
.fitForm.on {display: block;}
.fitForm > dt {text-align: center; font-size: 14pt; font-weight: 100; letter-spacing: -0.075em; line-height: 1.4em;}
.fitForm > dt > span {display: inline-block; border-bottom: solid 1px #000; font-weight: 500; min-width: 60px; vertical-align: bottom; margin: 0 5px; padding: 0 5px; text-align: center; -webkit-transition: all 0.3s; transition: all 0.3s;}
.fitForm > dt > span > span:after {content: ', ';}
.fitForm > dt > span > span:last-child:after {display: none;}
.fitForm > dt b {font-size: 20px; font-weight: 400; margin-top: 10px; margin-bottom: -10px;}
.fitForm > dt p {display: inline-block; height: 30px; line-height: 30px; padding: 0 10px; font-size: 11pt; margin-top: 15px; font-weight: 500; letter-spacing: -0.05em; background: #333; color: #fff; position: relative;}
.fitForm > dt p:before {content: ''; display: block; width: 0; height: 0; border-bottom: solid 30px #333; border-left: solid 14px transparent; position: absolute; top: 0; right: 100%;}
.fitForm > dt p:after {content: ''; display: block; width: 0; height: 0; border-top: solid 30px #333; border-right: solid 14px transparent; position: absolute; top: 0; left: 100%;}
.fitForm > dd {margin-top: 30px;}

.fitUl {}
.fitUl:after {content: ''; display: table; clear: both;}
.fitUl li {float: left; padding: 2px;}
.fitUl.col4 li {width: 33.3333%;}
.fitUl.col5 li {width: 33.3333%;}
.fitUl.col13 li {width: 33.3333%;}
.fitUl li input {display: none;}
.fitUl li input + label {display: block; margin-left: 0; text-align: center; height: 50px; line-height: 48px; font-weight: 500; font-size: 11pt; border: solid 1px #ccc; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.fitUl li input:checked + label {background: #00d6d6; border-color: #00d6d6; font-weight: 500;}
.fitUl li input:disabled + label {opacity: 0.5;}

.fitInfo {text-align: center;}
.fitInfo > li {width: 100px; margin: 0 2px; display: inline-block; vertical-align: middle;}
.fitInfo > li span {display: block; margin-left: 0; text-align: center; height: 40px; line-height: 38px; font-weight: 500; font-size: 11pt; background: #00d6d6; border: solid 1px #01adad; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;}
.fitInfo > li#fitTxt03 {width: 100%; margin-top: 2px;}
.fitInfo > li#fitTxt03 > ul {}
.fitInfo > li#fitTxt03 > ul > li {width: 100px; margin: 2px; display: inline-block;}

.fitNav {margin-top: 60px; text-align: center; display: none;}
.fitNav li {display: inline-block; margin: 0 5px;}
.fitNav li a {display: block; width: 80px; height: 80px; font-size: 18px; padding-top: 15px; line-height: 1.0em; font-weight: 500; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.fitNav li a.fitPrev {border: solid 1px #ccc;}
.fitNav li a.fitNext {background: #00d6d6;}
.fitNav li a.fitNext.disabled {background: #ccc; color: #fff;}
.fitNav li a:before {display: block; font-size: 13px; font-weight: 300;}
.fitNav li a.fitPrev:before {content: 'Prev';}
.fitNav li a.fitNext:before {content: 'Next';}

.fitLast {margin-top:30px;}
.fitTable {}
.fitTable th,
.fitTable td {border-top:solid 1px #aaa; border-bottom:solid 1px #aaa; padding:15px 10px;}
.fitTable th {font-size:11pt; letter-spacing:-0.075em; font-weight:600; color:#12121c;}
.fitTable td input[type="text"],
.fitTable td input[type="tel"],
.fitTable td select {display:block; height:40px; border:solid 1px #4d380f; font-size:14px; color:#12121c !important; width:100%; padding-left:5px;}
.fitTable td input[type="text"]:focus,
.fitTable td input[type="tel"]:focus,
.fitTable td select:focus {border:solid 1px #12121c; outline:none;}
.fitTel {}
.fitTel:after {content:""; display:table; clear:both;}
.fitTel li {float:left;}
.fitTel li:nth-child(odd) {width:30%;}
.fitTel li:nth-child(even) {width:5%; height:40px; line-height:40px; text-align:center; font-size:20px; color:#4d380f; font-weight:700;}
.fitAgree label {font-size: 10pt !important; margin-left: 5px !important;}
.fitSubmit {padding-top: 10px; text-align: center;}
.fitSubmit p {font-weight: 700; font-size: 14pt; margin-bottom: 10px; text-decoration: underline; letter-spacing: -0.075em;}
.fitSubmit a {display:block; text-align:center; background:#00d6d6; border: solid 1px #01adad; padding:12px 0; font-size:12pt; font-weight: 700;}


@media (max-width:320px) {
	.fitStep dt p {font-size: 16pt;}
}





.joinNotice {text-align:center; padding-top:30px;}
.joinNotice:before {content:""; display:block; width:26px; height:26px; margin:0 auto; margin-bottom:15px; border:solid 2px #1a2370; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; background:url("/img/sub/join_notice_ico.png")no-repeat center center;}
.joinNotice li {font-size:12px; color:#7f7f7f; font-weight:300;}

.telForm {display:inline-block; width:100%;}
.telForm li {display:block; width:27% !important; float:left; margin:0 !important;}
.telForm li:nth-child(1) {width:36% !important;}
.telForm li:nth-child(2),
.telForm li:nth-child(4){width:5% !important; text-align:center; height:40px; line-height:40px;}
.telForm li select {width:100%;}
.telForm li input {width:100%;}












/* 국비교육과정 210406 서동일과장*/
.gbCrcl {margin: 30px -5px;}
.gbCrcl.col2 {}
.gbCrcl.col3 {}
.gbCrcl:after {content: ''; display: table; clear: both;}
.gbCrcl > div {float: left; width: 50%; padding:  0 5px; position: relative;}
.gbCrcl > div:before,
.gbCrcl > div:after {content: ''; display: block; background: #000; position: absolute; left: 100%; top: 50%; z-index: 1;}
.gbCrcl > div:before {width: 20px; height: 4px; margin-left: -10px; margin-top: -2px;}
.gbCrcl > div:after {width: 4px; height: 20px; margin-left: -2px; margin-top: -10px;}
.gbCrcl > div:last-child:before,
.gbCrcl > div:last-child:after {display: none;}
.gbCrcl.col3 > div:nth-child(2):before,
.gbCrcl.col3 > div:nth-child(2):after {display: none;}
.gbCrcl.col2 > div {width: 50%;}
.gbCrcl.col3 > div {width: 50%;}
.gbCrcl.col3 > div:last-child {margin-left: 25%;}
.gbCrcl > div > div {padding-bottom: 100%; position: relative;}
.gbCrcl > div > div > div {position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #f7f7f7; border: solid 1px #eee; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.gbCrcl > div > div > div > div {display: table; width: 100%; height: 100%;}
.gbCrcl > div > div > div > div > div {display: table-cell; width: 100%; vertical-align: middle; text-align: center;}
.gbCrcl h6 {font-size: 9pt;}
.gbCrcl h6 .border-mainColor{display: inline-block; padding: 2px 8px; margin-top: 10px; border-radius: 12px; border: 1px solid #00d6d6; color: #00d6d6;}
.gbCrcl h4 {padding: 10px 0;}
.gbCrcl h4 > span {display: inline-block; vertical-align: middle; font-size: 16pt; font-weight: 900; letter-spacing: -0.075em; line-height: 1.2em;}
.gbCrcl h4 span.red {color: #00d6d6;}
.gbCrcl h4 em {display: inline-block; vertical-align: middle; line-height: 1.2em; margin-left: 5px; font-weight: 500; font-size: 8pt;}
.gbCrcl h4 b {display: inline-block; vertical-align: middle; line-height: 1.2em; margin-left: 5px; font-size: 10pt;}
.gbCrcl p {font-size: 8pt; line-height: 1.3em;}
.gbCrcl p span.red {color: #00d6d6; font-weight: 500;}

.gbCont {margin-top: 30px;}
.gbCont dt {padding-bottom: 5px; margin-bottom: 20px; border-bottom: solid 2px #333; font-size: 13pt; font-weight: 500;}
.gbCont dt em {font-weight: 700; color: #00d6d6; margin-right: 8px; font-weight: 900;}
.gbCont dt span {font-size: 10pt; font-weight: 500; display: none;}
.gbCont dd img {display: block; margin: 0 auto; max-width: 100%;}
.gbDot {}
.gbDot li {margin-bottom: 5px; position: relative; padding-left: 15px; font-size: 10pt;}
.gbDot li:last-child {margin-bottom: 0;}
.gbDot li:before {content: ''; display: block; width: 10px; height: 10px; position: absolute; left: 0; top: 8px; border: solid 2px #01adad; box-sizing: border-box; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.gbDot li span.sm {color: #666; font-size: 9pt;}
.gbTb {border-left: solid 2px #fff; border-right: solid 2px #fff;}
.gbTb th,
.gbTb td {font-size: 10pt; border: solid 1px #ddd;}
.gbTb th {background: #f5f5f5; padding: 5px; font-weight: 500;}
.gbTb td {padding: 5px;}
.gbDesc {}
.gbDesc li {margin-bottom: 5px; position: relative; padding-left: 10px; font-size: 10pt;}
.gbDesc li:last-child {margin-bottom: 0;}
.gbDesc li:before {content: ''; display: block; height: 1px; width: 5px; background: #000; position: absolute; left: 0; top: 12px;}
.gbFlow {margin-top: 10px;}
.gbFlow li {position: relative; padding: 10px 10px 10px 100px; border: solid 1px #ddd; margin-bottom: 10px;}
.gbFlow li:last-child {margin-bottom: 0;}
.gbFlow.col6 li {}
.gbFlow li em {width: 70px; height: 70px; position: absolute; left: 10px; border: solid 1px #eee; top: 50%; margin-top: -35px; background-size: 80px auto !important; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.gbFlow li h6 {color: #00d6d6; font-size: 10pt; font-weight: 700;}
.gbFlow li h5 {font-size: 11pt;}
.gbFlow p {font-size: 10pt; color: #333; margin-top: 5px; font-family: 'dotum', sans-serif;}
.gbPrcs {margin: 0;}
.gbPrcs > li {position: relative; margin-bottom: 40px;}
.gbPrcs > li:last-child {margin-bottom: 0;}
.gbPrcs > li:after {
	content: ''; display: block; width: 55px; height: 40px;
	position: absolute; left: 50%; top: 100%; margin-left: -28px; margin-top: -10px; z-index: 1; background: url('/img/sub/gookbi_process_arrow.png')no-repeat center center;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.gbPrcs > li:last-child:after {display: none;}
.gbPrcs > li > div {}
.gbPrcs > li > div > div {background: #f7f7f7; border: solid 1px #eee;}
.gbPrcs > li > div > div.on {background: #a8fbfb; border-color: #00d6d6;}
.gbPrcs > li > div > div > div {}
.gbPrcs > li > div > div > div > div {text-align: center; position: relative; padding: 25px;}
.gbPrcs em {font-size: 16pt; font-weight: 700; color: #00d6d6; line-height: 1.0em;}
.gbPrcs h5 {font-size: 12pt; margin-top: 5px;}
.gbPrcs h6 {font-size: 11pt; font-weight: 500;}
.gbPrcs p {margin-top: 5px; font-size: 10pt; position: relative; padding-bottom: 18px; margin-bottom: 15px;}
.gbPrcs p:after {content: ''; display: block; background: #000; width: 20px; height: 2px; position: absolute; left: 50%; bottom: 0; margin-left: -10px;}
.gbPrcs > li ul {display: inline-block; text-align: left;}
.gbPrcs > li ul > li {font-size: 9pt; color: #666;}

.gbTuition {text-align: center; padding: 30px 0; border-bottom: solid 1px #eee;}
.gbTuition h3 {font-size: 15pt; font-weight: 300; line-height: 1.2em; letter-spacing: -0.075em;}
.gbTuition h3 span {display: block; font-weight: 700;}
.gbTuition p {font-size: 10pt; font-weight: 300; margin-top: 15px;}
.gbTuition p br {display: none;}

.img-wrap img {width: 100%;}
.pb20 {padding-bottom: 20px;}

/*교육시설*/
.cg_video {
  width: 100%;
  max-width: 900px;
  margin: 30px auto;
}
 
.cg_video_wrap {
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 50%;
}
 
iframe {
  z-index: 1;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}


.mqNew05 {padding:10px; width:100%;}
.mqNew05 ul {margin: 0 -3px;}
.mqNew05 ul:after {content:""; display:table; clear:both;}
.mqNew05 li{padding: 0 3px; float:left; width:33%; }
.mqNew05 li a{position:relative; display:block; padding-bottom: 75%; text-align: center;}
.mqNew05 li a > span {display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0); border: solid 1px #fff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.mqNew05 li a > span > span {display: table; width: 100%; height: 100%;}
.mqNew05 li a > span > span > span {display: table-cell; width: 100%; vertical-align: middle; font-size:9pt; line-height:1.1em; color:#fff; font-weight:500; letter-spacing:-0.05em;}
.mqNew05 li a > span > span > span:before {content: ''; display: block; width: 40px; height: 40px; margin: 0 auto; background-size: 35px auto !important;}
.mqNew05 li:nth-child(1) a > span > span > span:before {background: url('/img/main/2021icon01.png')no-repeat center center;}
.mqNew05 li:nth-child(2) a > span > span > span:before {background: url('/img/main/2021icon02.png')no-repeat center center;}
/* .mqNew05 li:nth-child(2) a > span > span > span:before {background: url('/img/main/2021icon04.png')no-repeat center center;} 빠른상담연결(전화기)*/
/* .mqNew05 li:nth-child(2) a > span > span > span:before {background: url('/img/main/icon_katalk.png')no-repeat center center;}카카오톡상담 */
/* .mqNew05 li:nth-child(3) a > span > span > span:before {background: url('/img/main/2021icon05.png')no-repeat center center;} 겨울방학특강 */
.mqNew05 li:nth-child(3) a > span > span > span:before {background: url('/img/main/2021icon07.png')no-repeat center center;}

.mqNew05 li a em {
	display: block; position: absolute; background: #00d6d6; color: #000; width: 50px; z-index: 2; font-size: 8pt; font-weight: 700;
	line-height: 1.2em; padding: 7px 0; left: 50%; bottom: 50%; margin-bottom: 25px; margin-left: 17px; white-space: nowrap;
	border-radius: 10px 10px 10px 0px; -moz-border-radius: 10px 10px 10px 0px; -webkit-border-radius: 10px 10px 10px 0px;
	-webkit-animation: blink 1.0s infinite;
}
.mqNew05 li a em:after {content: ''; display: block; width: 0; height: 0; border-top: solid 5px #00d6d6; border-right: solid 5px transparent; position: absolute; top: 100%; left: 0;}

.kakao-open-chat{position:fixed; bottom:130px; right:8px; z-index:3;}
.kakao-open-chat a{width:60px; height:60px; display:block;}
.kakao-open-chat a img{width:100%;}

.quickdb-tit{ padding-bottom:0px; width:100%; position:relative; padding-top:40px;}
.quickdb-tit h5{font-size:27px; font-weight:bold; letter-spacing:-0.075em; line-height:1.3;}
.quickdb-tit span{color:#666; padding-bottom:8px;}
.qckClose {display:block; position:absolute; right:0px; top:35px; width:22px; height:22px; text-indent:-9999px; background:url("/m/img/common/icon_menu_close_bk.png")no-repeat center center; z-index:4; background-size:cover !important}