@charset "utf-8";
/*@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//https://renew.epasskorea.com/common_new/css/notosans.css);*/

/* Reset */
html	{width:100%;}/*height:100%;min-width:100%;max-width:100%;min-height:100%;*/
body {width:100%;min-width:100%;-webkit-text-size-adjust: none;font-family: 'Noto Sans KR',  'Noto Sans', sans-serif;font-size:15px;color:#333; display:inline-table;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, 
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, 
section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;vertical-align: baseline;}/**/

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;text-decoration:none;margin:0;padding:0;border:none;}
li	{list-style:none;margin:0;padding:0;border:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
/*strong	{font-weight:900;}*/
a	{list-style:none;text-decoration:none;border:none;margin:0;padding:0;color:#333;}
a:hover	{ text-decoration:underline;}

th{font-weight:500;}

/* 공통CSS */

.po-ab{position:absolute !important;}
.po-re{position:relative !important;}

.cboth	{clear:both !important;}
.fleft	{float:left !important;}
.fright	{float:right !important;}

.ta-c	{text-align:center !important;}
.ta-l	{text-align:left !important;;}
.ta-r	{text-align:right !important;;}

.mR0	{margin-right:0px !important;}
.mR2	{margin-right:2px !important;}
.mR10	{margin-right:10px !important;}
.mR20	{margin-right:20px !important;}
.mR24	{margin-right:24px !important;}
.mR25	{margin-right:25px !important;}
.mR29	{margin-right:29px !important;}
.mR30	{margin-right:30px !important;}
.mR38	{margin-right:38px !important;}
.mR42	{margin-right:42px !important;}
.mR50	{margin-right:50px !important;}
.mR55	{margin-right:55px !important;}

.mB10	{margin-bottom:10px !important;}
.mB20	{margin-bottom:20px !important;}
.mB30	{margin-bottom:30px !important;}
.mB40	{margin-bottom:40px !important;}
.mB50	{margin-bottom:50px !important;}

.mL10	{margin-left:10px !important;}
.mL20	{margin-left:20px !important;}
.mL40	{margin-left:40px !important;}
.mL50	{margin-left:50px !important;}

.mT5	{margin-top:5px !important;}
.mT10	{margin-top:10px !important;}
.mT15	{margin-top:15px !important;}
.mT20	{margin-top:20px !important;}
.mT25	{margin-top:25px !important;}
.mT30	{margin-top:30px !important;}
.mT40	{margin-top:40px !important;}
.mT50	{margin-top:50px !important;}

.mRL10{margin:0 10px;border:solid 1px #fff;}

.pD3	{padding:3px !important;}
.pD5	{padding:5px !important;}
.pD10	{padding:10px !important;}
.pD20	{padding:20px !important;}
.pD35	{padding:35px !important;}

.pL10	{padding-left:10px !important;}
.pL20	{padding-left:20px !important;}
.pL30	{padding-left:30px !important;}

.pR5	{padding-right:5px !important;}
.pR10	{padding-right:10px !important;}
.pR20	{padding-right:20px !important;}

.pT7	{padding-top:7px !important;}
.pT10	{padding-top:10px !important;}
.pT15	{padding-top:15px !important;}
.pT20	{padding-top:20px !important;}
.pT30	{padding-top:30px !important;}
.pT50	{padding-top:50px !important;}
.pT80	{padding-top:80px !important;}

.pB10	{padding-bottom:10px !important;}
.pB20	{padding-bottom:20px !important;}
.pB30	{padding-bottom:30px !important;}
.pB40	{padding-bottom:40px !important;}
.pB50	{padding-bottom:50px !important;}
.pB80	{padding-bottom:80px !important;}

.bd0	{border:none !important;}
.bdL0	{border-left:none !important;}
.bdR0	{border-right:none !important;}
.bdT0	{border-top:none !important;}
.bdB0	{border-bottom:none !important;}

.va-m	{vertical-align:middle;}

.text-Img	{position:relative !important;top:3px !important;padding-left:3px !important;} /*텍스트 옆 이미지 정렬*/
.text-Img2	{position:relative !important;top:2px !important;padding-right:3px !important;} /*텍스트 옆 이미지 정렬*/

/*hover 말풍선*/
a.tip {text-decoration: none;}
a.tip:hover { cursor: help; position: relative;}
a.tip span { display: none;}
a.tip:hover span { border: #c0c0c0 1px dotted; padding: 10px; display: block; z-index: 100; background: #f0f0f0; left: 0px; margin-top: 30px; width: 138px;  position: absolute;  top: 30px; font-size: 13px; text-align: left; text-decoration: none;}


/*dot 아이콘*/
.dot-blue{padding-left:15px !important;background:url(../../Public_html/Images/Common/icon-dot05.png) no-repeat 3px 10px !important;}
.dot-gray{padding-left:15px !important;background:url(../../Public_html/Images/Common/icon-dot04.png) no-repeat 3px 10px !important;}

/*배경색*/
.bg-blue{background:#0977c9;}
.bg-dakrblue{background:#2359b5;}/*전체메인 온라인학습과정 bg*/
.bg-skyblue{background:#6699cc !important;}
.bg-skyblue2{background:#f5fbfc !important;}
.bg-gray{background:#ccc;}
.bg-lightgray{background:#999;}
.bg-lightgray2{background:#f3f4f6;}
.bg-darkgray{background:#333 !important;}
.bg-darkgray2{background:#222;}/*전체메인 직영학원모임 bg*/
.bg-darkgray3{background:#303641;}/*전체메인 고객센터 bg*/
.bg-green{background:#00a651;}
.bg-green2{background:#7bcea0 !important;;}
.bg-Ygreen{background:#8ab91c;}
.bg-pink{background:#ff675f !important;}
.bg-red{background:#d31f63;}
.bg-violet{background:#7832a9;}/*6b5c97*/
.bg-white{background:#fff;border:solid 1px #666 !important;color:#333 !important;}


/*포인트 글씨 blue->B red->R*/
.pointT-B{color:#0977c9 !important;font-weight:700;}
.pointT-B1{color:#0977c9 !important;}
.pointT-B2{color:#0977c9 !important;font-weight:700;font-size:18px !important;}
.pointT-B3{color:#0977c9 !important;font-size:16px !important;}

.pointT-R{color:#d31f63 !important;}
.pointT-BR{font-weight:700;color:#d31f63 !important;}

.pointT-G{color:#00a651 !important;}
.pointT-BG{font-weight:700;color:#00a651 !important;}

.pointT-V{color:#7832a9 !important;}
.pointT-BV{font-weight:700;color:#7832a9 !important;}

.pointT15{font-weight:700 !important;font-size:16px !important;}
.pointT18{font-weight:700 !important;font-size:18px !important;}
.fontB	{font-weight:900 !important;}
.font-white	{color:#fff !important;}

/*공통버튼 - 색 지정시 배경색style 사용 or 배경색css 사용*/
.list-btn	{margin:0 auto 10px auto;}
.list-btn ul	{text-align:center;}
.list-btn li	{display:table-cell;margin:0 auto;padding:5px 10px;text-align:center;line-height:30px;border:1px solid #fff; border-radius:5px;color:#fff;font-size:16px;font-weight:500;cursor:pointer;}
.list-btn li:hover	{border:1px solid #bbb;color:#fff;background:#333;text-decoration:none;}

.btn	{margin:0 auto 10px auto;display:table-cell;padding:5px 10px;text-align:center;line-height:30px;border:1px solid #fff; border-radius:5px;color:#fff !important;font-size:16px;font-weight:500;cursor:pointer;}
.btn:hover	{border:1px solid #bbb;color:#fff;background:#333;text-decoration:none;}
.btn2	{padding:3px 5px;display:table-cell;text-align:center;border:1px solid #fff; border-radius:5px;color:#fff;font-weight:500;cursor:pointer;}
.btn2:hover	{border:1px solid #bbb;color:#fff;background:#333;text-decoration:none;}

/*테이블 안에 버튼있을 시*/
.btn-table a{text-align:center;color:#fff !important;padding:5px 7px;border-radius:5px;text-decoration:none;cursor:pointer;font-size:12px;}
.btn-table a:hover{background:#000;color:#fff !important;}
.btn-table input[type=button]{font-weight:700;font-size:12px;text-align:center;padding:5px 7px;color:#fff !important; border-radius:5px; border:solid 1px #0977c9;padding-top:3px; cursor:pointer;}
.btn-table input[type=button]:hover{background:#000;color:#fff !important;}
.btn-table-white{text-align:center;padding:0 3px !important;color:#333 !important;border:solid 1px #999;border-radius:0 !important;text-decoration:none;cursor:pointer;font-size:12px;}/*적립금 쿠폰 삭제시 x버튼 흰색버튼*/

.btn-table a.textlink{font-size:15px;background:none !important;color:#333 !important;padding-left:0;}/*테이블 안에 택스트링크*/
.btn-table a.textlink:hover{ text-decoration:underline;}

/*컬러박스-상태*/
.c-box{color:#fff;width:80%;margin:0 auto;}

/*display:table-cell*/
.dp-tc span{display:table-cell;}
.of-hidden{overflow:hidden;}
.textline-dot{overflow: hidden; white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;}/*텍스트 한줄 점으로 처리....*/

/* Input type:text CSS */
input.Inp{font-family:  'Noto Sans KR',  'Noto Sans', sans-serif;border:1px solid #ddd;color:#adadad;}/*작은 인풋 텍스트*/
input.Inp85	{font-family:  'Noto Sans KR',  'Noto Sans', sans-serif;padding:0 0 0 15px;width:85px;height:30px;border:1px solid #ddd;}
input.Inp100	{font-family: 'Noto Sans KR',  'Noto Sans', sans-serif;padding:0 0 0 15px;width:100px;height:30px;border:1px solid #ddd;}
input.Inp170	{font-family: 'Noto Sans KR',  'Noto Sans', sans-serif;padding:0 0 0 15px;width:170px;height:30px;border:1px solid #ddd;}
input.Inp340	{font-family: 'Noto Sans KR',  'Noto Sans', sans-serif;padding:0 0 0 15px;width:340px;height:30px;border:1px solid #ddd;}
label.Inp340-tt	{}
input.Inp550	{font-family: 'Noto Sans KR',  'Noto Sans', sans-serif;padding:0 0 0 15px;width:550px;height:30px;border:1px solid #ddd;}
/*커뮤니티 글쓰기에 사용*/
input.inp500	{font-family: 'Noto Sans KR',  'Noto Sans', sans-serif;padding:5px;width:500px;border:1px solid #CCC;}
input.inp200	{font-family: 'Noto Sans KR',  'Noto Sans', sans-serif;padding:5px;width:200px;border:1px solid #CCC;}

.inputFile {position: relative;overflow: hidden; width:350px;} 
.inputFile a {position:absolute;right:0;top:0;  background:#333333;color:#fff;height:24px;line-height:20px;width:100px;text-align:center;font-size:12px;} 
.inputFile .fileUpload .btnUpload {position: absolute; top: 0; right: 0; margin: 0; padding: 0;font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0);}

/* Input type:checkbox CSS */
input.checkInput-1	{clear:both;border:none;position:relative;top:4px;left:0;width:16px;height:16px;cursor:pointer;}
label.checkInput-1-tt	{font-size:14px;color:#333;padding-right:10px;}

textarea{border:solid 1px #ddd;width:95%;padding:10px;}
.placeholder{ letter-spacing:-0.02em;}

.checkInput-2 {display: block;position: relative;margin:19px 0 0 0;padding-left:28px;cursor: pointer;font-size:15px;color:#666;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.checkInput-2 input {position: absolute;opacity: 0;cursor: pointer;}
.checkInput-2 .checkmark {position: absolute;top:2px;left: 0;height:19px;width:19px;background-color: #eee;}
.checkInput-2:hover input ~ .checkmark {background-color: #ccc;}
.checkInput-2 input:checked ~ .checkmark {background-color: #2196F3;}
.checkInput-2 .checkmark:after {content: "";position: absolute;display: none;}
.checkInput-2 input:checked ~ .checkmark:after {display: block;}
.checkInput-2 .checkmark:after {left:6px;top:1px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

.radioInput-1 {display: block;position: relative;margin:19px 0 0 0;padding-left:28px;cursor: pointer;font-size: 15px;color:#666;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.radioInput-1 input {position: absolute;opacity: 0;}
.radioInput-1 .checkmark {position: absolute;top: 0;left: 0;height:19px;width:19px;background-color: #eee;border-radius: 50%;}
.radioInput-1:hover input ~ .checkmark {background-color: #ccc;}
.radioInput-1 input:checked ~ .checkmark {background-color: #2196F3;}
.radioInput-1 .checkmark:after {content: "";position: absolute;display: none;}
.radioInput-1 input:checked ~ .checkmark:after {display: block;}
.radioInput-1 .checkmark:after {top:6px;left:6px;width:7px;height:7px;border-radius: 50%;background: white;}


/* Input select CSS */
select.selInput100	{font-family: 'Noto Sans KR',  'Noto Sans', sans-serif;border:1px solid #ddd;width:100px;height:33px;padding-left:5px;}
select.selInput100 option	{font-family: 'Noto Sans KR',  'Noto Sans', sans-serif;;}
select.selInput170	{font-family: 'Noto Sans KR',  'Noto Sans', sans-serif;border:1px solid #ddd;width:170px;height:33px;padding-left:5px;}
select.selInput170 option	{font-family: 'Noto Sans KR',  'Noto Sans', sans-serif;}
select.selInput	{font-family: 'Noto Sans KR',  'Noto Sans', sans-serif;border:1px solid #ddd;height:33px;padding-left:5px;}
select.selInput option	{font-family: 'Noto Sans KR',  'Noto Sans', sans-serif;}


/*로딩관련_old*/
/*old
.loading {width: 100%;height: 100%;position: fixed;top: -4px;left: 0;z-index: 99999;background: rgba(0, 0, 0, 0.8);display: none;}
.loading p {position: relative;top: 50%;margin: -75px auto 0 auto;width: 200px;height: 50px;text-align: center;font-size: 16px;color: #555;}*/

/*로딩_180829*/
.loading, .loading2 , .loading3{width: 100%;height: 100%;position: fixed;top: -4px;left: 0;z-index: 99999;background: rgba(0, 0, 0, 0.8);display: none;}
.loading p, .loading2 p, .loading3 p{position: relative;top: 50%;margin: -75px auto 0 auto;width: 200px;height: 50px;text-align: center;font-size: 16px;color: #555;}
.loading2 p span, .loading3 p span{color:#fff;width:200px;text-align:center;}


/*상단으로*/
.totop{position:fixed;bottom: 19px;right: 100px; z-index:99998; background:#fff; border-radius:10px;height:21px;}

/*하단고정배너*/
.bottombanner{position:fixed;bottom:0px;z-index:9999;background-color: #5099ff;height: 90px;width:100%;text-align:center;}

#wrap	{width:100%;height:100%;}/*min-width:1500px;overflow:auto;*/

/* 좌측 사이드바 */
.auroramenu li > ul {display: none;z-index:999;}  
.auroramenu-default, .auroramenu-default ul {padding: 0;}  
.auroramenu-default > li > a {border-bottom: 1px #d1d1d1 solid;}
.auroramenu-default > li > a:after {content:"▼";float: right;font-size:10px;} 
.auroramenu-default > li > a.open:after {content:"▲";}     
.auroramenu-default a {color: #373737;display: block;padding: 10px;transition: background-color 0.5s ease;} 
.auroramenu-default a:hover,.auroramenu-default a:focus {text-decoration: none;}  
.auroramenu-default a:hover {background-color: #373737;color:#fff;} 
.auroramenu-default ul a {font-size:12px;padding-left: 20px;}

/* 공통 우측Quick BAR */
/*전체퀵*/
#r-qbar	{position:fixed;top:150px;right:5px;z-index:99999;}
ul.r-qbar-ban	{margin:0;padding:0;font-size:0px;}
ul.r-qbar-ban li	{margin:0;padding:0;font-weight:300;}

/*서브메인 퀵*/
/*#r-qbar2	{position:absolute;top:0;left:50%;margin:154px 0 0 550px;width:132px;}*/
.mc-none{
    width: 1100px;
    margin: 0px auto;
    /* min-height: 600px; */
    /*padding: 0 200px;*/
    position: relative;
}
#r-qbar2{position:absolute;top: -436px;margin-left: 1110px !important;z-index: 1;}
#r-qbar3{position:absolute;top: 0px;margin-left: 1110px !important;z-index: 1;}
/*ul.r-qbar-ban2	{margin:0;padding:0;font-size:0px;}
ul.r-qbar-ban2 li	{margin:0;padding:0;}

div.r-qbar-lec	{margin:20px 0 0 0;padding:0;width:130px;height:154px;border:1px solid #dee3eb;background:#fbfbfb}
ul.qbar-lec	{margin:20px 0 0 0px;padding:0;text-align:center;}
ul.qbar-lec li.tt	{color:#142838;font-size:13px;margin:0;padding:0;}
ul.qbar-lec li.stt	{color:#000;font-size:14px;margin:6px 0 0 0;}
ul.qbar-lec li.btn	{width:110px;margin:12px 0 0 10px;padding:5px 0;background:#313131;font-size:12px;border-radius:15px;-webkit-border-radius:15px;-ms-border-radius:15px;-moz-border-radius:15px;}
ul.qbar-lec li.btn a	{color:#fff;}
ul.qbar-lec li.day	{margin:10px 0 0 0;padding:0;color:#f91f43;font-size:32px;font-weight:500;letter-spacing:-2px;}

ul.r-qbar-list	{margin:0;padding:0px;border:solid 1px #303641;}
ul.r-qbar-list li {padding:3px 10px 15px 10px;margin-top:5px;border-bottom:solid 1px #575b63;border-right:solid 1px #575b63;background:#fff;color:#3c475c;font-weight:500;}
ul.r-qbar-list li:first-child{margin:0;}
ul.r-qbar-list li img{position:relative;top:8px;padding:0 3px 0 0;opacity:0.7;}
ul.r-qbar-list li span	{position:relative;top:3px;left:3px;}
ul.r-qbar-list li.tt	{width:100%;background:#303641;margin:0;padding:11px 0 13px 0;text-align:center;color:#fff;font-weight:500;}
ul.r-qbar-list a:hover{text-decoration:none !important}
ul.r-qbar-list a:hover li{color:#303641;font-weight:500;background:#F9F9F9;}
ul.r-qbar-list a:hover li img{opacity:1;}*/

.sm-quick a{text-decoration:none !important;font-size:13px;}
.sm-quick a div{width:105px;background:#fff;border:solid 1px #7bcea0;text-align:center;padding-top:10px;padding-bottom:10px;color:#000;line-height:1.2em;margin-bottom:3px; }/*min-height:55px;*/
.sm-quick a div span{color:#333;}
.sm-quick a div:hover{background:#dffcfe;}

.sm-quick .qBox{font-size:13px;width:105px;background:#fff;border:solid 1px #7bcea0;text-align:center;padding-top:10px;padding-bottom:10px;line-height:1.2em;margin-bottom:3px; }
.sm-quick .qBox > div:first-child{margin-bottom:10px;}
.sm-quick .qBox a div{width:95px !important; margin:0 auto;background:#fff; border-radius:5px;}
.sm-quick .qBox a div:hover{background:#f7f7f7;}

/*카페*/
.sm-quick .ncafe a div{font-size:13px;background:#edfdfe !important;border:solid 1px #badcba !important;color:#55b24d;}
.sm-quick .ncafe a div:hover{background:#e8f7e8 !important;}


/* 상단퀵배너 */
#mbB	{width:100%;height:81px;min-width:100%;margin:0;background:#142622;}
#mb	{width:1080px;margin:0px auto;}

/* 상단영역 */
#mtB	{clear:both;width:100%;min-width:100%;}/*height:129px;background:url('/Public_html/Images/Main/cbp-hrmenu-bak.jpg') repeat-x 0px 0px;*/
#mt	{margin:0px auto;border-bottom:solid 2px #2f3541;}/*width:1080px;*/
.mt-area	{clear:both;height:81px;width:1080px;margin:0px auto;padding:0 200px;}
.mt-area .mt-ar-logo	{float:left;margin:23px 0 0 0;}
.mt-area .mt-ar-logo > div:first-child{margin-top:-8px;}
.mt-area .mt-ar-logo > div:nth-child(2)	{position:relative;top:1px;margin:0 0 0 12px;color:#2359b5;font-size:27px;font-weight:700;}

/* GNB */
.mt-area ul.mt-ar-gnb	{float:right;margin:33px 0 0 0;padding:0;}
.mt-area ul.mt-ar-gnb li	{float:left; letter-spacing:-0.05em;}
.mt-area ul.mt-ar-gnb li a	{color:#333;font-size:14px;font-weight:400;}
.mt-area ul.mt-ar-gnb li.bar	{position:relative;top:1px;color:#cbcbcb;margin:0px 5px;font-size:12px;}
.mt-area ul.mt-ar-gnb p.gnb-e-rank	{width:17px;height:17px;font-size:12px;text-align:center;float:right;margin:2px 0 0 5px;background:#000; border-radius:100%;color:#fff;}/*background:url('/Public_html/Images/Common/icon-gnbnum-bak.png') no-repeat 0px 0px;*/
/*.mt-area ul.mt-ar-gnb p.gnb-e-rank > span	{position:relative;top:-3px;left:5px;color:#fff;font-size:11px;font-weight:500;}*/
.mt-area ul.mt-ar-gnb .gnb-my	{float:right;margin:0 0 0 8px;padding:0;}


/** NAV **/
#allNav{ width:100%;}
#nav {clear:both; width:1080px;height:47px;margin:0px auto; padding:0 200px;}
#nav div.nav-all	{padding:15px 17px 14px 16px;border-left:1px solid #e4e7eb;border-right:1px solid #e4e7eb;float:left;margin:0px 120px 0 0;}
#nav .nav-tt	{color:#111;font-size:14.5px;background:#fff;padding: 10px 20px; }
#nav > ul {float:left;position: relative;z-index: 500;}
#nav:after, #nav > ul:after {/*content: ".";*/display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#nav > ul > li {float:left;margin:0 28px 0 0;padding:9px 0 13px 0;letter-spacing:-0.01em; }
#nav > ul > li:last-child	{margin-right:0px;}

/* cfa캠페인 메뉴 사용 
#nav > ul > li.campaign-sub { background:#ffeb79; border-radius: 10px 10px 10px 10px;}*/

#nav > ul > li > a {font-size: 17px;color: #000;font-weight:700;
text-transform: uppercase;
-webkit-transition: color 0.25s ease-out;
-moz-transition: color 0.25s ease-out;
-ms-transition: color 0.25s ease-out;
-o-transition: color 0.25s ease-out;
transition: color 0.25s ease-out;}
#nav > ul > li > a:hover {color: #0977c9;}
#nav ul li a {display: block;text-decoration: none;}

/*1depth*/ 
#nav > ul ul{margin-top:47px;}
#nav > ul > li.has-sub > a {padding-right: 0px;}
#nav li.has-sub::after {display: block;position: absolute;width: 0;height: 0;}
#nav > ul > li.has-sub::after {right: 10px;top: 20px;border: 5px solid transparent;border-top-color: #7a8189;}
#nav > ul > li:hover::after {border-top-color: #fff;}
#indicatorContainer {position: absolute;height: 12px;width: 100%;bottom: 0px;overflow: hidden;z-index: -1;}
#pIndicator {position: absolute;height: 0;width: 100%;border: 12px solid transparent;border-top-color: #2b2f3a;z-index: -2;
-webkit-transition: left .25s ease;-moz-transition: left .25s ease;-ms-transition: left .25s ease;-o-transition: left .25s ease;transition: left .25s ease;}
#cIndicator {position: absolute;height: 0;width: 100%;border: 12px solid transparent;border-top-color: #2b2f3a;top: -12px;right: 100%;z-index: -2;}

/*2depth Box*/ #nav ul ul {position: absolute;left: -9999px;top: 0px;margin-left:-20px;border:1px solid #161616;box-shadow: 2px 2px #161616;
opacity: 0;-webkit-transition: opacity .3s ease, top .25s ease;-moz-transition: opacity .3s ease, top .25s ease;-ms-transition: opacity .3s ease, top .25s ease;
-o-transition: opacity .3s ease, top .25s ease;transition: opacity .3s ease, top .25s ease;z-index: 1000;}

#nav ul ul li {position: relative;letter-spacing: -1.5px;}
#nav > ul > li:hover > ul {left: auto;top:0px;/*top: 44px;*/opacity: 1;}
#nav > ul > li:hover > ul.exce	{margin-left:-20px;}
#nav.align-right > ul > li:hover > ul {left: auto;right: 0;opacity: 1;}
#nav ul ul li:hover > ul {left: 170px;top: 0;opacity: 1;}
#nav.align-right ul ul li:hover > ul {left: auto;right: 170px;top: 0;opacity: 1;padding-right: 5px;}

/*2depth*/ #nav ul ul li a {width:120px;/*border-bottom: 1px solid #eeeeee;*/padding: 10px 20px;font-size: 14px;color: #666;background: #fff;
-webkit-transition: all .35s ease;-moz-transition: all .35s ease;-ms-transition: all .35s ease;-o-transition: all .35s ease;transition: all .35s ease;}
#nav.align-right ul ul li a {text-align: right;}
#nav ul ul li:hover > a {background: #f2f2f2;color: #8c9195;}
#nav ul ul li:last-child > a,
#nav ul ul li.last > a {border-bottom: 0;}
#nav > ul > li > ul::after {/*content: '';*/border: 6px solid transparent;width: 0;height: 0;border-bottom-color: #fff;position: absolute;top: -12px;left: 30px;}
#nav.align-right > ul > li > ul::after {left: auto;right: 30px;}
#nav ul ul li.has-sub::after {border: 4px solid transparent;border-left-color: #9ea2a5;right: 10px;top: 12px;-moz-transition: all .2s ease;
-ms-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;-webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;}
#nav.align-right ul ul li.has-sub::after {border-left-color: transparent;border-right-color: #9ea2a5;right: auto;left: 10px;}
#nav ul ul li.has-sub:hover::after {border-left-color: #ffffff;right: -5px;
-webkit-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);}
#nav.align-right ul ul li.has-sub:hover::after {border-right-color: #ffffff;border-left-color: transparent;left: -5px;
-webkit-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);}

/*#nav .nav-my	{margin:0 0 0 15px;padding:15px 40px;border-left:1px solid #e4e7eb;border-right:1px solid #e4e7eb}*/



/* Table CSS */
.table01	{border-spacing:0px;border-collapse:collapse;margin:0;padding:0;border-top:1px solid #747474;}
.table01 tr	{border-bottom:1px solid #747474;}
.table01 table tr	{border-bottom:none !important;}/*테이블 안에 테이블 border:none 적용*/
.table01 th	{background:#f3f4f6;/*color:#222;*/font-weight:700;padding:5px 0;vertical-align:middle;line-height:20px;text-align:center !important;color:#222;}
.table01 td	{background:#fff;color:#444;line-height:20px;padding:10px 0;text-align:center; }
.table01 td:last-child	{}
.table01 td.tleft	{text-align:left;padding:10px 20px 10px 20px}
.table01 td.tleft2	{text-align:left;line-height:24px;font-size:15px;}/*학습질의응답 유의사항 사용*/
.table01 td.btn	{background:#f3f4f6;}
.table01 td.btn:hover	{background:#e9e9e9;}
.table01 .pointText	{color:#c00000; background:#ededed;padding:2px;}

.table01 .con-td{text-align:left;padding-left:50px;}
.table01 .con-tit{text-align:left;padding-left:20px;}


.table02	{border-spacing:0px;border-collapse:collapse;margin:0;padding:0;border-top:1px solid #747474;font-size:15px;}
.table02 tr	{border-bottom:1px solid #747474;}
.twotr tr:nth-child(2n)	{border-bottom:1px solid #000 !important;}/*주문/배송조회 사용*/
.table02 th	{background:#f3f4f6;color:#222;font-weight:700;padding:10px 0;border-right:1px solid #ddd;vertical-align:middle;text-align:center !important;}
.table02 th:last-child	{border-right:0px;}
.table02 td	{background:#fff;color:#444;line-height:20px;padding:10px 5px;text-align:center;border-right:1px solid #ddd;vertical-align:middle;}
.table02 td:last-child	{border-right:0px; /**border-left:solid 1px #ddd;**/}
.table02 .tleft	{text-align:left;padding:5px 5px 5px 10px;vertical-align:middle;}
.table02 .pointText	{color:#c00000;}
.table02 tfoot td{font-weight:700;}
.table02 .pointbg1 {background: #f5fbfc;}
.table02 .pointbg2 {background: #fff2fb;}


/*수험정보 사용*/
.bdright	{border-right:1px solid #ddd !important;}
.table-caption	{clear:both; display: flex; justify-content: flex-end; font-size:13px;padding:10px 10px 0 0;}
.table-btn	{clear:both;width:50%;text-align:center;background:#0097de;margin:0px 0 50px 280px;font-size:14px;font-weight:500;padding:14px 0;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;}
.table-btn a	{color:#fff !important;}

/*** EVENT TABLE(이미지업로드) CSS ***/
.table03	{width:100%;border-spacing:0;border-collapse:collapse;margin:0;padding:0;border:0;}
.table03 th	{margin:0;background:#f3f4f6;padding:5px 0;text-align:center !important;color:#222;}
.table03 td	{margin:0;padding:0;line-height:0px;text-align:center;}
.table03 td.tleft	{text-align:left;padding:10px 0 10px 20px}

/*첨부파일 다운로드 부분 - 커뮤니티, 이벤트 사용*/
.table03 .data-tr	{border-top:solid 1px #d5d5d5;border-bottom:solid 1px #d5d5d5;}

.table03 .data-tr th, .table03 .data-tr td{height:25px;vertical-align:middle;}
.table03 .data-tr td:last-child{background:#f3f4f6;color:#222;}
.table03 .data-tr td:last-child:hover{background:#e9e9e9;}

.table03 caption{display:none;}

/*글 안에 내용-테이블*/
.table04 {border-spacing:0px;border-collapse:collapse;margin:0;padding:0;}
.table04 tr	{border-bottom:1px solid #ddd !important;}
.table04 th{background:#ecf6fc;color:#222;font-weight:700;padding:10px 0;border:1px solid #ddd;vertical-align:middle;text-align:center;}
.table04 td{border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;padding:5px;vertical-align:middle;}
.table04 .tleft	{text-align:left;vertical-align:middle;}



/***TABLE th 색 변경***/
.table-blue	th{background: #ecf6fc;}
.table-white th{background:#fff !important;}
.table-td-text td{text-align:left;padding:10px 10px 10px 20px;}


/*** POPUP TABLE CSS - 전체시험일정 퀵메뉴 pop_sch.asp***/
.pop-table	{width:100%;border-spacing:0;border-collapse:collapse;margin:10px 0 50px 0;padding:0;}
.pop-table tr	{border-bottom:1px solid #747474;}
.pop-table th	{background:#f3f4f6;font-size:13px;color:#222;padding:10px 0;border-right:1px solid #ddd;vertical-align:middle;}
.pop-table th:last-child	{border-right:0px;}
.pop-table td	{background:#fff;color:#444;font-size:12px;padding:10px 0;text-align:center;border-right:1px solid #ddd;vertical-align:middle;}
.pop-table td.day	{color:#ff0000;}
.pop-table td.tleft	{text-align:left;padding:10px 0 10px 20px}
.pop-table td.br0	{border-right:0px;}
.pop-table td.pop-table-tt	{background:#f7f7f7;text-align:center;font-size:13px;color:#333;}

/* JOIN CSS , 정보수정Mypage/Member/member_edit.asp  */
.join-table	{clear:both;width:93%;border-spacing:0px;border-collapse:collapse;margin:0 0 0 35px;border-top:1px solid #747474;}
.join-table tr	{border-bottom:1px dotted #cacaca;}
.join-table th	{color:#666;font-size:14px;padding:10px 0;font-weight:normal;vertical-align:middle;}
.join-table td	{color:#444;font-size:14px;padding:7px 0 7px 20px;margin:0;text-align:left;b}
.join-table td:last-child	{border-right:0px;}
.join-table td.tleft	{text-align:left;padding:10px 20px 10px 20px}

.join-table-2	{clear:both;width:93%;border-spacing:0px;border-collapse:collapse;margin:0 0 0 35px;border-top:1px solid #747474;}
.join-table-2 tr	{border-bottom:1px dotted #cacaca;}
.join-table-2 th	{color:#666;text-align:center;font-size:14px;padding:10px 0;font-weight:normal;vertical-align:middle;border-bottom:1px dotted #cacaca;}
.join-table-2 td	{color:#444;font-size:14px;padding:7px 0 7px 20px;margin:0;text-align:left;b}
.join-table-2 td:last-child	{border-right:0px;}
.join-table-2 td.tleft	{text-align:left;padding:10px 20px 10px 20px}

a.join-table-check	{margin:0 0 0 10px;background:#6699cc;color:#fff;text-align:center; text-decoration:none;padding:5px 30px;font-size:15px;cursor:pointer;border-radius:30px;-webkit-border-radius:30px;-ms-border-radius:30px;-moz-border-radius:30px;}
a.join-table-check:hover{background:#333;}

ul.join-table-list	{margin:0;padding:0;}
ul.join-table-list li	{float:left;}
ul.join-table-list li.Inp-label	{margin:-8px 15px 0 0;padding:0;}
/*회원가입 정보입력 동의 텍스트*/
.join-table-tip	{clear:both;float:left;color:#0977c9;font-size:13px;margin:0 15px 0 0;padding:10px 0 5px 28px; background:url(../../Public_html/Images/Members/icon-infoR.png) 3px 11px no-repeat;}
.join-table-tip > img	{position:relative;top:5px;left:0;margin:0 7px 0 0;}

.join-table-tt	{font-size:20px;color:#333;padding:50px 0 30px 35px;margin:0;}
.join-table-btn-area	{clear:both;margin:55px 0 0 400px;padding:0;}
.join-table-btn	{clear:both;text-align:center;padding:14px 100px;cursor:pointer;background:#567fbd;color:#fff;
border-radius:2px;-webkit-border-radius:2px;-ms-border-radius:2px;-moz-border-radius:2px;}

ul.w2	{margin:0;padding:0;}/*탈퇴신청 사용 /Mypage/Member/member_secession.asp */
ul.w2 li	{float:left;width:50%;}

ul.w4	{margin:0;padding:0;}
ul.w4 li	{float:left;width:25%;}

ul.w5	{margin:0;padding:0;}
ul.w5 li	{float:left;width:20%;}


/* 페이징 */
.sc-num	{width:600px; margin:20px auto;}
.sc-num ul{text-align:center;}
.sc-num li	{display:inline-block;text-align: center;border:1px solid #f3f3f3;background:#fff;color:#666;width:30px;height:24px;padding-top:3px;}
.sc-num li:first-child, .sc-num li:last-child{width:30px;height:24px;padding-top:3px;}
.sc-num li:hover	{background:#F5F5F5;}
.sc-num li.active	{background:#e9e9e9;}
.sc-num a:hover	{text-decoration:none;}

/* 검색 */
.sch	{width:600px;margin:20px auto;}
.sch ul	{text-align:center;}
.sch ul li{display:inline-block;text-align:center;}
.sch select{height:29px;width:100px;border:solid 1px #eee;cursor:pointer;}
.sch input[type=text]{width:120px;height:25px;width:300px;border:solid 1px #eee;}
.sch input[type=button]{height:28px;padding-bottom:3px;border:solid 1px #eee; cursor:pointer;}

/*댓글(나도한마디)-쓰기*/
.list-ft-me	{clear:both;margin:0 0 20px 0;padding:20px 30px;border:1px solid #ddd; overflow:hidden;}
.list-ft-me .list-ft-me-tt	{height:19px;line-height:100%;background:url('../../Public_html/Images/Common/icon-speak.jpg') no-repeat 0px -1px;padding:0 0 0 25px;color:#333;}
.list-ft-me .list-ft-me-tt > span	{float:right;margin:0 110px 0 0;}
.list-ft-me .list-ft-me-inp	{clear:both;margin:10px 0 0 0;padding:0;}
.list-ft-me .list-ft-me-inp .list-ft-me-inp-area	{font-family: 'Noto Sans KR',  'Noto Sans', sans-serif;font-size:15px;padding:10px 0 0 10px;color:#666;width:88%;height:50px;margin:0 10px 0 0;border:1px solid #ddd;}
.list-ft-me .list-ft-me-inp .list-ft-me-inp-btn	{position:relative;top:-20px;padding:21px 32px;background:#ddd;color:#333;font-size:14px;border-radius:2px;-webkit-border-radius:2px;-ms-border-radius:2px;-moz-border-radius:2px;}
.list-ft-me .list-ft-me-num	{clear:both;margin:0px 0 30px 0;padding:0;}/*별*/
.list-ft-me .list-ft-me-num li	{float:left;margin:0 20px 0 0;}
.list-ft-me .list-ft-me-num li:last-child	{margin-right:0px;}
.list-ft-me .list-ft-me-num li.tt	{color:#333;margin:20px 40px 0 0;font-size:15px;color:#999;}
/*댓글(나도한마디)-내용*/
.list-ft-me-con	{clear:both;margin:20px 0;border-bottom:solid 1px #ddd;font-size:14px;color:#333;}
.list-ft-me-con ul{border-top:solid 1px #ddd;}
.list-ft-me-con li	{display:table-cell;vertical-align:middle;text-align:center;padding:5px;}
.list-ft-me-con li:first-child	{text-align:left;line-height:20px;width:770px; word-break:break-all;}
.list-ft-me-con .btn{height:28px;padding-bottom:3px;border:solid 1px #eee; cursor:pointer;}


/*강사평가-쓰기*/
.list-sf-me-text01{margin:0 0 20px 0;}

.list-sf-me	{clear:both;padding:0 0 20px 20px;width:650px;border:1px solid #ddd; overflow:hidden;}
.list-sf-me .list-sf-me-num	{clear:both;margin:0px 0 30px 0;padding:0;}/*별*/
.list-sf-me .list-sf-me-num li	{float:left;margin:0 20px 0 0;}
.list-sf-me .list-sf-me-num li:last-child	{margin-right:0px;}
.list-sf-me .list-sf-me-num li.tt	{color:#333;margin:20px 0 0 0;font-size:15px;width:150px;}

.list-sf-me-text02{clear:both;margin:20px 0 0 0;}
.list-sf-me-text02 .list-sf-me-tt	{height:19px;color:#333;}
.list-sf-me-text02 .list-sf-me-tt > span	{float:right;margin:0 110px 0 0;}
.list-sf-me-text02 .list-sf-me-inp	{clear:both;margin:10px 0 0 0;padding:0;}
.list-sf-me-text02 .list-sf-me-inp .list-sf-me-inp-area	{font-family: 'Noto Sans KR',  'Noto Sans', sans-serif;font-size:15px;padding:10px 0 0 10px;color:#666;width:660px;height:50px;margin:0 10px 0 0;border:1px solid #ddd;}
.list-sf-me-text02 .list-sf-me-inp .list-sf-me-inp-btn	{position:relative;top:-20px;;padding:21px 32px;background:#ddd;color:#333;font-size:14px;}
/*강사평가-내용
.list-sf-me-con	{clear:both;margin:20px 0;border-bottom:solid 1px #ddd;font-size:14px;color:#333;}
.list-sf-me-con ul{border-top:solid 1px #ddd;}
.list-sf-me-con li	{display:table-cell;vertical-align:middle;text-align:center;padding:5px;}
.list-sf-me-con li:first-child	{text-align:left;line-height:20px;width:770px; word-break:break-all;}
.list-sf-me-con .btn{height:28px;padding-bottom:3px;border:solid 1px #eee; cursor:pointer;}*/



/* 하단영역 footer.asp */
#mf-iB	{clear:both;width:100%;min-width:100%;background:#484848;position: relative;}
#mf-i	{width:1080px;height:50px;margin:0px auto 0 auto;padding:0 200px;}
#mf-i ul.mf-i-menu	{margin:0;padding:12px 0 0 0;text-align:center;}
#mf-i ul.mf-i-menu span	{font-size:13px;margin:16px 0 0 0;}
#mf-i ul.mf-i-menu span.bar	{font-size:12px;color:#a2a2a2;margin:16px 30px 0 30px}
#mf-i ul.mf-i-menu span a	{color:#d0d0d0;}

#mfB	{clear:both;width:100%;min-width:100%;background:#fff;position: relative;}
#mf	{width:1080px;margin:0px auto;padding:0 200px;}
#mf	.mf-logo	{float:left;width:20%;color:#fff;margin:40px 0 0 30px;}
#mf	.mf-c-info	{float:left;width:60%;color:#666;padding:30px 0 30px 0;font-size:12px;line-height:160%;}
#mf	ul.mf-fam	{float:right;margin:35px 0 0 0;}
#mf	ul.mf-fam li	{width:50%;margin:0 0 5px 0;}
#mf	ul.mf-fam li > select	{width:180px;font-size:12px;}



/* 이벤트 페이지 탭 */
.tab1 {background:url(../../public_html/images/event/200227_tab_01.jpg) no-repeat;}
.tab2 {background:url(../../public_html/images/event/200227_tab_02.jpg) no-repeat;}
.tab3 {background:url(../../public_html/images/event/200227_tab_03.jpg) no-repeat;}
.tab4 {background:url(../../public_html/images/event/200227_tab_04.jpg) no-repeat;}

.on .tab1 {background:url(../../public_html/images/event/200227_tab_01_on.jpg) no-repeat;}
.on .tab2 {background:url(../../public_html/images/event/200227_tab_02_on.jpg) no-repeat;}
.on .tab3 {background:url(../../public_html/images/event/200227_tab_03_on.jpg) no-repeat;}
.on .tab4 {background:url(../../public_html/images/event/200227_tab_04_on.jpg) no-repeat;}


/* 21-03-23 */
.table01 td.tleft2 div > p{text-align:center;}