@charset "utf-8";

/* font */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
*{font-family: 'Noto Sans KR', sans-serif;}

/* 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-size:15px;}
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;}
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;/* margin: 0 0 30px; */}
.ta-c img{display:block;margin: 0 auto;}
.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;}

.mB0	{margin-bottom:0px !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;}

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

.pL5	{padding-left:5px !important;}
.pL10	{padding-left:10px !important;}
.pL15	{padding-left:15px !important;}
.pL20	{padding-left:20px !important;}
.pL30	{padding-left:30px !important;}
.pL35	{padding-left:35px !important;}

.pR5	{padding-right:5px !important;}
.pR10	{padding-right:10px !important;}
.pR15	{padding-right:15px !important;}
.pR20	{padding-right:20px !important;}
.pR30	{padding-right:30px !important;}
.pR35	{padding-right:35px !important;}

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

.pB10	{padding-bottom:10px !important;}
.pB20	{padding-bottom:20px !important;}
.pB50	{padding-bottom:50px !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;} /*텍스트 옆 이미지 정렬*/


/*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: #007af1 !important;}
.bg-dakrblue{background:#2359b5 !important;}
.bg-skyblue{background:#6699cc !important;}
.bg-mint{background:#34cdba !important;}
.bg-gray{background:#ccc !important;}
.bg-lightgray{background: #919191 !important;}
.bg-lightgray2{background:#f3f4f6 !important;}
.bg-darkgray{background:#333 !important;}
.bg-darkgray2{background:#020203;}
.bg-darkgray3{background:#303641;}
.bg-green{background:#00a651;}
.bg-Ygreen{background:#8ab91c !important;}
.bg-Ygreen2{background:#99cd00 !important;}
.bg-pink{background:#ff675f !important;}
.bg-pink2{background:#f88281 !important;}
.bg-pink3{background:#ffc9c9 !important;}
.bg-red{background:#d31f63 !important;}
.bg-violet{background:#7832a9 !important;}
.bg-white{background:#fff;border:solid 1px #666 !important;color:#333 !important;}


/*수강신청 bg관련*/
.bg-pkg{background:#f1f7fe !important}
.bg-comp{background:#f1f5fa !important}
.bg-simple{background:#fff !important}



/*포인트 글씨 blue->B red->R violet->V yellow->Y*/
.pointT-B{color: #007AF1 !important;}
.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-orange{color:#E78D41 !important;}
.pointT-orange2{color:#fc5217 !important;}

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

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

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

.pointT-Y{color:#fff200 !important;}
.pointT-BY{font-weight:500;color:#fff200 !important;}

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

/*공통버튼 - 색 지정시 배경색style 사용 or 배경색css 사용*/
.list-btn	{margin: 40px auto;}
.list-btn ul	{text-align:center;display: flex;justify-content: center;}
.list-btn li	{/* display:table-cell; */margin: 0 10px;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;border:1px solid #fff; color:#fff !important;font-weight:500;cursor:pointer;line-height: 50px;font-size: 25px;}
.btn.com-btn{width: 350px;}
.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: 1px 5px !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: 2px;/* left:0; */width:16px;height:16px;cursor:pointer;/* line-height: 24px; */}
label.checkInput-1-tt	{font-size: 16px;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: 15px 0 0 0;padding-left:28px;cursor: pointer;font-size: 12px;color: #000;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;line-height: 23px;}
.checkInput-2 input {position: absolute;opacity: 0;cursor: pointer;}
.checkInput-2 .checkmark {position: absolute;top:2px;left: 0;height:19px;width:19px;border: 1px solid #dadada;box-sizing: border-box;}
.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-2 {margin: 13px 0 0 0;}

.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%;border: 1px solid #464646;}
.radioInput-1:hover input ~ .checkmark {background-color: #ccc;}
.radioInput-1 input:checked ~ .checkmark {background-color: #007af1;border-color: #007af1;}
.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;}

/*로딩_180829*/
.loading, .loading2 {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 {position: relative;top: 50%;margin: -75px auto 0 auto;width: 200px;height: 50px;text-align: center;font-size: 16px;color: #555;}
.loading2 p span{color:#fff;width:200px;text-align:center;}


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

/* 하단배너 */
.bottombanner{position:fixed;bottom:0px;z-index:99;background-color: #4c22ff;width:100%;text-align:center;}
.bottombanner a{display: block;position: relative;width: 100%;}
.bottombanner a img{display: block;position: relative;max-width: 1400px; margin: 0 auto;}

/* 하단배너 */

.bottombanner{}
.bottombanner img{}
.bottombanner .banner{position: relative;float: left;}
.bottombanner .cont{position: relative;width: 1100px;margin: 0 auto;display: flex;}
.bottombanner .banner.left{}
.bottombanner .banner.right{}
.bottombanner .bg{position: absolute;top: 0; left:50%; width: 50%;height: 100%;}
.bottombanner .bg.left{margin-left: -50%;}
.bottombanner .bg.right{}


#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:154px;margin-left:1090px;}


.sm-quick a{text-decoration:none !important;font-size:13px;}
.sm-quick a div{width:105px;background:#edfdfe;border:solid 1px #c7dbdc;text-align:center;padding-top:10px;padding-bottom:10px;color:#0977c9;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:#edfdfe;border:solid 1px #c7dbdc;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:#f5fff5 !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: 80px;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:5px;margin:0;color:#474747;font-size:20px;font-weight:700; letter-spacing:-0.02em;}
.mt-area .mt-ar-logo .logo-text{font-size:0.8em;font-weight:500; letter-spacing:0;color:#888;}/*로고 옆 텍스트*/
.mt-area .mt-ar-logo .campus-sub-title a{padding-left: 8px;}
/* GNB */
.mt-area ul.mt-ar-gnb	{float:right;margin: 24px 0 0 0;padding:0;width: 780px;box-sizing: border-box;}
.mt-area ul.mt-ar-gnb li	{float:left;line-height: 28px;}
.mt-area ul.mt-ar-gnb li a	{color:#333;font-size:14px;font-weight:400;vertical-align: top;}
.mt-area ul.mt-ar-gnb li.icon{padding-left: 6px;}
.mt-area ul.mt-ar-gnb li.bar	{position:relative;/* top:1px; */color:#cbcbcb;margin:0px 10px;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: 6px 0 0 5px;background:#000;border-radius:100%;color:#fff;line-height: 17px;}/*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%;z-index: 999;position: relative;}
#allNav.fixed{position:fixed; top:0; left:0; background:#fff;transition: all ease-in-out 0.45s;transform: translateY(0px);z-index: 9999;border-bottom: 2px solid #FC5217; }/**/
#nav {/* clear:both; *//* width: 1200px; *//* height: 100px; */margin:0px auto;position: relative;padding: 0 ;box-sizing: border-box;}
#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; */width: 50%;margin: 0 auto;height: 120px;display: flex;justify-content:space-between;align-items: center;/**/}
html:not(.main) #nav > ul{/* padding: 0 200px; */ }
html:not(.main) #allNav{border-bottom: 1px solid #dadada;}

#allNav.fixed #nav > ul{/* padding:0 150px; */}
#nav:after, #nav > ul:after {/*content: ".";*/display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#nav > ul > li {/* float:left; *//* margin:0 24px 0 24px; */padding: 34px 0;letter-spacing: -1px;position: relative;display: flex;justify-content: space-around;align-items: center;/* width: 14.2857%;*/}
/* #nav > ul > li:last-child > a > span{color:#0071BC;} */
#nav > ul > li span{text-align:center;}
#nav > ul > li > a {font-size: 22px;color: #000;font-weight: bold;
/*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: #FC5217;}
#nav ul li a {display: block;text-decoration: none;}

/* Round Corners */
[class^="hvr-"] {width: 220px;height: 70px;line-height: 70px;cursor: pointer;background: #f5f5f5;border:solid 1px #dfdfdf;text-decoration: none;text-align: center;color: #222 !important;font-size:1.4em;font-weight: bold;
    /* Prevent highlight colour when element is tapped */-webkit-tap-highlight-color: rgba(0,0,0,0);
    /* Smooth fonts */-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
  }
.hvr-round-corners {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: border-radius;transition-property: border-radius;}
.hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {border-radius: 0.8em;background:#f5faff; border:solid 1px #007af1;}


/*1depth*/
#nav > ul ul{margin-top:47px;}
#nav > ul > li.has-sub > a {padding-right: 0px;}
#nav > ul > li.has-sub > a span{display:block;width:100%;height:100%;}
#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;width: 172px;background: #fff;padding: 10px 15px;box-sizing: border-box;transform: translateX(-50%);border: 1px solid #ccc;/* 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;}
#nav > ul > li:hover > ul {left: 50%;top: 53px;opacity: 1;}
#nav > ul > li:hover > ul.exce	{margin-left: 1px;}
#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 0px;font-size: 15px;color: #464646;font-weight: 500;/* 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: #FC5217;}
#nav ul ul li:last-child > a,
#nav ul ul li.last > a {border-bottom: 0;}
#nav > ul > li > ul::after {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}*/


/* 3depth */
#nav ul ul ul {position: absolute;
  left: -9999px;
  top: 0px;
  width: 172px;
  background: #fff;
  padding: 10px 15px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  opacity: 0;
  z-index: 1000;
  }
#nav ul ul li:hover > ul { left:100%;margin-left:70px; margin-top: -10px; opacity: 1; }


/* Table CSS */
.table01	{border-spacing:0px;border-collapse:collapse;margin:0;padding:0;border-top: 2px solid #dadada;}
.table01 tr	{border-bottom: 2px solid #dadada;}
.table01 table tr	{border-bottom:none !important;}/*테이블 안에 테이블 border:none 적용*/
.table01 th	{background:#f3f4f6;/*color:#222;*/padding: 20px 0 20px 30px;vertical-align:middle;/* line-height:20px; */text-align: left;color:#222;font-size: 20px;font-weight: bold;}
.table01 th.tLeft{
    border-left: 2px solid #dadada;
}
.table01 td	{background:#fff;color:#444;padding: 20px 0;text-align:center;font-size: 20px;font-weight: 300;}
.table01 td:last-child	{}
.table01 td.tleft	{text-align:left;padding: 20px 0 20px 30px;border-left: 2px solid #dadada;}
.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-td.tleft{text-align:left;padding: 30px;border-left: 0;}
.table01 .con-tit{text-align:left;padding: 20px 0 20px 30px;}


.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 #dadada;}
.twotr tr:nth-child(2n)	{border-bottom:1px solid #000 !important;}/*주문/배송조회 사용*/
.table02 th	{background:#f3f4f6;color:#222;font-weight:500;padding:10px 0;border-right: 1px solid #dadada;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 #dadada;vertical-align:middle;}
.table02 td .sample-btn img{margin: 0 auto;}
.table02 td:last-child	{border-right:0px;}
.table02 .td-blue td{background:#ecf6fc !important;}/*tr에 색*/
.table02 .tleft	{text-align:left;padding:5px 5px 5px 10px;vertical-align:middle;}
.table02 .pointText	{color: #000;font-weight: bold;}
.table02 tfoot td{background: #f5fbfc;font-weight:500;}


/*수험정보 사용*/
.bdright	{border-right:1px solid #ddd !important;}
.table-caption	{clear:both;float:right;color:#999;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:500;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;}
.table04 .tleft	{text-align:left;vertical-align:middle;}

/* lecuter new table style */
.table05	{border-spacing:0px;border-collapse:collapse;margin: 0 0 50px 0;padding:0;border-top:1px solid #747474;font-size:15px;}
.table05 tr	{border-bottom: 1px solid #dadada;}
.table05 th	{background:#f3f4f6;color:#222;font-weight:500;padding: 20px 0;border-right: 1px solid #dadada;vertical-align:middle;line-height: 1;}
.table05 th:last-child	{border-right:0px;}
.table05 td	{background:#fff;color:#444;padding: 20px 0;text-align:center;border-right: 1px solid #dadada;vertical-align:middle;line-height: 1.5;font-size: 16px;}
.table05 td .sample-btn img{margin: 0 auto;}
.table05 td:last-child	{border-right:0px;}
.table05 .td-blue td{background:#ecf6fc !important;}/*tr에 색*/
.table05 .tleft	{text-align:left;vertical-align:middle;padding: 20px 0 20px 20px;}
.table05 .pointText	{color: #000;font-weight: bold;}
.table05 tfoot td{background: #f5fbfc;font-weight:500;}
.table05 .table-last th{font-weight: bold;background: #fff;color: #FC5217;}
.table05 .table-last td{background: #f5fbfc;font-weight:500;}
.table05 tr.table-last{border-color: #fc5217;}

.table06	{border-spacing:0px;border-collapse:collapse;margin: 0 0 50px 0;padding:0;border-top:1px solid #747474;font-size:15px;}
.table06 tr	{border-bottom: 1px solid #dadada;}
.table06 th	{background:#f3f4f6;color:#222;font-weight:500;padding: 20px 0;border-right: 1px solid #dadada;vertical-align:middle;line-height: 1;}
.table06 th:last-child	{border-right:0px;}
.table06 td	{background:#fff;color:#444;padding: 20px 0;text-align:center;border-right: 1px solid #dadada;vertical-align:middle;line-height: 1.5;font-size: 16px;font-weight: 500;}
.table06 td .sample-btn img{margin: 0 auto;}
.table06 td:last-child	{border-right:0px;}
.table06 .td-blue td{background:#ecf6fc !important;}/*tr에 색*/
.table06 .tleft	{text-align:left;vertical-align:middle;padding: 20px 0 20px 20px;}
.table06 td.fs{font-size: 20px;}
.table06 td.pd{padding:20px 10px;}
.table06 .pointText	{color: #000;font-weight: bold;}
.table06 tfoot td{background: #f5fbfc;font-weight:500;}
.table06 .table-last th{font-weight: bold;background: #fff;color: #FC5217;}
.table06 .table-last td{background: #f5fbfc;font-weight:500;}
.table06 tr.table-last{border-color: #fc5217;}



/***TABLE th 색 변경***/
.table-blue	th{background: #F0F2F4 !important;}
.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;}
.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: 100%;border-spacing:0px;border-collapse:collapse;/* margin:0 0 0 35px; */border-top: 3px solid #B3B3B3;}
.join-table-2 tr	{/* border-bottom:1px dotted #cacaca; */}
.join-table-2 th	{color: #333;text-align: right;font-size: 22px;padding: 20px 15px;font-weight: 500;vertical-align:middle;border: 1px solid #B3B3B3;background: #eee;border-left: 0px;width: 180px;}
.join-table-2 th sup{color:#007AF1;vertical-align: text-top;}
.join-table-2 td	{color:#444;font-size:14px;padding: 10px 0 10px 20px;margin:0;text-align:left;border: 1px solid #b3b3b3;}
.join-table-2 td.con-td{
    padding: 20px;
    border: 0;
}
.join-table-2 td.border-bt{border-bottom: 0;}
.join-table-2 td.border-top{border-top: 0;}
.join-table-2 td:last-child	{border-right:0px;}
.join-table-2 td.tleft	{text-align:left;padding:10px 20px 10px 20px}
.join-table-2 td input{border: 1px solid #DADADA;height: 50px;font-size: 16px;box-sizing: border-box;}
.join-table-2 td input:placeholder{}
.join-table-2 td select{border: 1px solid #DADADA;height: 50px;font-size: 16px;width: 120px;font-weight: 500;color: #333;}

.join-table-2 td select[name="emaildomain"]{margin-left: 10px;}
.join-table-2 td input.Inp85{width: 120px;}
.join-table-2 td input.Inp340{width: 400px;}
.join-table-2 .btn-table{display: flex;}
.join-table-2 .btn-table a:last-child{margin-left:20px;}
.join-table-2 .btn-table a{width: 134px;/* margin:0 0 0 10px; */background: #919191;color:#fff;text-align:center; text-decoration:none;padding: 13px 30px;font-size: 16px;cursor:pointer;border-radius: 0;}
.join-table-2 .btn-table a:hover{background: #333;}
a.join-table-check	{width: 120px;margin:0 0 0 10px;background: #919191;color:#fff;text-align:center; text-decoration:none;padding: 13px 30px;font-size: 16px;cursor:pointer;}
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 span{font-size: 20px;color: #DADADA;margin: 0 5px;}
ul.join-table-list li.Inp-label	{margin: 0px 15px 0 0;padding:0;}
/*회원가입 정보입력 동의 텍스트*/
.join-table-tip	{clear:both;float:left;color: #999999;font-size: 16px;margin:0 15px 0 0;padding: 10px 0 10px 0px; /* 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: 22px;color:#333;padding: 50px 0;margin:0;}
.join-table-btn-area	{/* clear:both; */margin: 85px auto 50px;padding:0;text-align: center;}
.join-table-btn	{clear:both;text-align:center;padding:14px 100px;cursor:pointer;background: #007AF1;color:#fff;
border-radius:2px;-webkit-border-radius:2px;-ms-border-radius:2px;-moz-border-radius:2px;font-size: 25px;}

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: 20px;/* height:24px; *//* padding-top:3px; */font-size: 20px;font-weight: 400;vertical-align: baseline;}
.sc-num li:first-child, .sc-num li:last-child{width: 24px;height:24px;color: #000;font-size: 16px;padding: 0;margin: 0;}
.sc-num li:hover a{font-size: 29px;color: #1585f2;}
.sc-num li.active a	{font-size: 29px;color: #1585f2;}
.sc-num a:hover	{text-decoration:none;}

/* 검색 */
.sch	{max-width: 600px;margin: 60px 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: 87%;height:50px;margin:0 10px 0 0;border:1px solid #ddd;vertical-align: bottom;}
.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; text-decoration:none;}

/* 하단영역 footer.asp */
#mf-iB	{clear:both;width:100%;min-width:100%;background:#484848;}
#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;}
#mf	{width:1080px;margin:0px auto;padding:0 200px;}
#mf.btbanner {margin-bottom:110px;}
#mf:after{clear:both; content:''; display:block;}
#mf	.mf-logo	{float:left;width: 18%;color:#fff;margin:40px 0 0 30px;}
#mf	.mf-c-info	{float:left;width: 62%;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;}


/* CKLU css 추가 */
.cklu table tr.strong td{
    background-color: #91d2f2;
    color: #000;
    font-weight:bold;
}
.succ-video-intro{position: relative;}
.succ-video-intro .succ-text{position: absolute;top: 0;left: 112px;width: 875px;height: 100%;overflow: hidden;opacity: 0;transition: all ease 0.35s;}
.succ-video-intro .succ-text.active{opacity: 1;}
.succ-video-intro .succ-text img{width: 100%;}
.succ-video-intro.ty-1 .succ-text{left: 108px;width: 886px;top: 720px;height: 497px;}
.succ-video-intro.ty-3 .succ-text{left: 170px;width: 763px;}
.succ-video-intro.ty-4 .succ-text {top: 194px;left: 248px;background: #000;width: 605px;height: 340px;}
.succ-video-intro.ty-5 .succ-text {top: 400px;left: 0px;background: #000;width: 1100px;height: 635px;}
.succ-video-intro.ty-6 .succ-text {top: 0px;left: 0px;background: #000;width: 100%;height: 622px;}
.succ-video-intro.ty-7 .succ-text {top: 0px;left: 0px;background: #000;width: 100%;height: 622px;}
.succ-video-intro.ty-8 .succ-text {top: 10px;left: 112px;width: 875px;height: 100%;}


/* footer */
footer{border-top: 1px solid #dcdcdc;}
footer .sec-cont{position: relative;width: 1200px;margin: 0 auto;/* padding: 0 200px; */box-sizing: border-box;}
footer .com-info{display: flex;justify-content: space-between;padding: 30px 0;}
footer .com-info .sns-area{display: flex;flex-wrap: wrap;width: 114px;align-content: baseline;}
footer .com-info .sns-area li{width: 36px;height: 36px;margin: 1px;}
footer .com-info .sns-area li a{text-indent: -9999px;display: inline-block;}
footer .com-info .sns-area li .sns{width: 100%;height: 100%;}
footer .com-info .sns-area li .facebook{background: url(/Public_html/Images/renew/sns_icon_0.png);}
footer .com-info .sns-area li:hover .facebook{background: url(/Public_html/Images/renew/sns_icon_h_0.png);}
footer .com-info .sns-area li .instar{background: url(/Public_html/Images/renew/sns_icon_1.png);}
footer .com-info .sns-area li:hover .instar{background: url(/Public_html/Images/renew/sns_icon_h_1.png);}
footer .com-info .sns-area li .blog{background: url(/Public_html/Images/renew/sns_icon_2.png);}
footer .com-info .sns-area li:hover .blog{background: url(/Public_html/Images/renew/sns_icon_h_2.png);}
footer .com-info .sns-area li .youtube{background: url(/Public_html/Images/renew/sns_icon_3.png);}
footer .com-info .sns-area li:hover .youtube{background: url(/Public_html/Images/renew/sns_icon_h_3.png);}
footer .com-info .sns-area li .katalk{background: url(/Public_html/Images/renew/sns_icon_4.png);}
footer .com-info .sns-area li:hover .katalk{background: url(/Public_html/Images/renew/sns_icon_h_4.png);}
footer .com-info p.sub-tt{font-size: 25px;letter-spacing: -1px;font-weight: bold;color: #333;}
footer .com-info p.num{font-size: 25px;color: #FC5217;}
footer .com-info p{color: #666;font-size: 16px;}
footer .com-info p span{color: #FC5217;font-size: 16px;}
footer .com-info .dim-line{background: #ccc;width: 1px;margin: 0 20px;}
.ft-lnb{background: #4C4C4C;}
.ft-lnb ul{display: flex;padding: 20px 0;}
.ft-lnb li{padding: 0 15px;line-height: 1;}
.ft-lnb li:not(:last-child){border-right: 1px solid #fff;}
.ft-lnb li a{color: #fff;line-height: 1;font-size: 17px;}
footer .ft-info{padding: 20px 0 110px 0;background: #333333;}
footer .ft-info .sec-cont{display: flex;}
footer .ft-info .com-ft{margin-left: 65px;}
footer .ft-info .com-ft p{font-size: 14px;color: #fff;}
footer .ft-info .com-ft p:not(:last-child){padding-bottom: 15px;}


/* 신규 공통 css */
.wt-800{margin: 0 auto; max-width: 800px;}
.table-style{border-top: 1px solid #000;}
.table-style th{background: #F0F2F4;border: 1px solid #dadada;border-top-width: 0;border-left-width: 0;}
.table-style th,
.table-style td{padding: 30px;font-size: 20px;font-weight: 400;}
.table-style td{border: 1px solid #dadada;border-top-width: 0;border-right-width: 0;}
input.input-style{height: 50px;border: 1px solid #d4d4d4;width: 100%;box-sizing: border-box;padding: 0 0 0 30px;line-height: 50px;font-size: 16px;}

.btn-aa{margin-top: 40px;text-align: center;}
.btn-aa .btn-sumbit{display: block;width: 180px;height: 50px;background: #919191;margin: 0 auto;line-height: 50px;font-size: 16px;color: #fff;}
.btn-aa .btn-sumbit:hover{background: #0179f1;}

/* 마이페이지 sub Nav */
.sub-Nav{padding: 50px 0px;width: 1200px;margin: 0 auto;}
.sub-Nav .nav-tab{border-bottom: 2px solid #fc5217;}
.sub-Nav .nav-tab ul{display: flex;}
.sub-Nav .nav-tab ul li{width: 172px;text-align: center;border: 1px solid #dadada;border-bottom: 0;padding: 20px 0;line-height: 1;}
.sub-Nav .nav-tab ul li:not(:first-child){border-left:0px;}
.sub-Nav .nav-tab ul li a{}
.sub-Nav .nav-tab ul li a span{font-size: 20px;font-weight: bold;color: #808183;}
.sub-Nav .nav-tab ul li:hover{background: #fc5217;}
.sub-Nav .nav-tab ul li:hover a{}
.sub-Nav .nav-tab ul li a:hover{text-decoration: none;}
.sub-Nav .nav-tab ul li:hover a span{color: #fff;}
.stick {top:30px !important;}

/* 마이페이지 sub Nav-L */
.class-info-notice{
    margin-top: 100px;
}
.sub-Nav-L{padding: 50px 200px;width: 1200px;margin: 0 auto;}
.sub-Nav-L .nav-tab{/* border-bottom: 2px solid #fc5217; */width: 100%;position: relative;}
.sub-Nav-L .nav-tab:after{clear:both;content:'';display:block;position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #fc5217;z-index: 0;}
.sub-Nav-L .nav-tab ul{display: flex;border: 0;}
.sub-Nav-L .nav-tab ul li{width: 25%;text-align: center;border: 1px solid #dadada;/* border-bottom: 0; */padding: 20px 0;line-height: 1;background: #fff;border-bottom-color: #fc5217;max-width: 200px;}
.sub-Nav-L .nav-tab ul li:not(:first-child){border-left:0px;}
.sub-Nav-L .nav-tab ul li.has-sub.ui-tabs-active{
    border: 1px solid #fc5217;
    border-bottom: 0;
    position: relative;
    z-index: 1;
}
.sub-Nav-L .nav-tab ul li.has-sub a{
    padding: 0;
}
.sub-Nav-L .nav-tab ul li.has-sub.ui-tabs-active a span{
    color: #fc5217;
}
.sub-Nav-L .nav-tab ul li a span{font-size: 20px;font-weight: bold;color: #808183;}
.sub-Nav-L .nav-tab ul li:hover{/* background: #fc5217; */}

.sub-Nav-L .nav-tab ul li:hover a{}
.sub-Nav-L .nav-tab ul li a:hover{text-decoration: none;}
.sub-Nav-L .nav-tab ul li:hover a span{/* color: #fff; */}

.class-info-notice .notice-tab{
    margin-top: 30px;
    border-top: 2px solid #000;
    padding: 40px 0;
}
.class-info-notice .notice-tab li{}
.class-info-notice .notice-tab li span{}

.swiper-button-next svg,
.swiper-button-prev svg {
  display: none !important;
}