@charset "euc-kr";

/* common CSS */
body, input, button, textarea, select, option, a {font-family:'Lato','NotoSans',sans-serif;}
.wrap {position:relative; width:100%; min-width:1400px; max-width:2000px; margin:0 auto;}
.container {position:relative; width:100%; max-width:1200px; margin:0 auto;}
.container:after {content:''; display:block; clear:both;}
select {border:1px solid #ddd; background:#fff url(../images/ico/sel_ico.png) 100% 50% no-repeat; padding:0 20px 0 10px; box-sizing:border-box;}
select::-ms-expand {display:none; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; -webkit-filter:alpha(opacity=0);}

/* selection */
::selection {background: #9e1b1f; background:rgba(158,27,31,.8); color:#fff; text-shadow:none;}
::-moz-selection {background:#9e1b1f; background:rgba(158,27,31,.8); color:#fff; text-shadow:none;}
::-webkit-selection {background:#9e1b1f; background:rgba(158,27,31,.8); color:#fff; text-shadow:none;}

/* placeholder */
::-webkit-input-placeholder {color:#999;}
::-moz-placeholder {color:#999;}
:-moz-placeholder {color:#999;}
:-ms-input-placeholder {color:#999;}

.top_banner {position:relative; overflow:hidden;}
.top_banner img {position:relative; left:50%; width:2000px; margin-left:-1000px;}
.top_banner .today_cls {position:absolute; top:0; left:50%; width:150px; height:100%; font-size:13px; font-weight:500; letter-spacing:-0.045rem; color:#fff; padding:0 45px 0 0; margin-left:450px; background:url(../images/ico/top_cls.png) 100% 50% no-repeat; outline:none; cursor:pointer; box-sizing:border-box;}

/* header */
.header {position:relative;}
.header:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:rgba(0,0,0,.1);}
.top_head {height:40px; background:#f6f6f6; border-bottom:1px solid #ddd; box-sizing:border-box;}
.top_head .lnk {float:right;}
.top_head .lnk li {float:left;}
.top_head .lnk a { display:block; font-size:12px; line-height:39px; letter-spacing:-0.065rem; color:#666; transition:color .2s; -webkit-transition:color .2s; -moz-transition:color .2s; -ms-transition:color .2s; -o-transition:color .2s;}
.top_head .lnk a:hover {color:#9e1b1f;}
.top_head .lnk a:before {content:''; display:inline-block; width:1px; height:10px; background:#e6e6e6; margin:-2px 9px 0 10px; vertical-align:middle;}
.top_head .lnk li:first-child a:before {display:none;}

.logo_area {position:relative; height:100px;}
.logo_area .logo {position:absolute; top:0; left:0; width:140px; height:140px; z-index:99;}
.logo_area .logo a {display:block; width:100%; height:100%; background:url(../images/logo.png) no-repeat; text-indent:-9999px;}
.logo_area .nav {float:right;}
.logo_area .nav > li {position:relative; float:left; margin:0 10px;}
.logo_area .nav > .mypage {margin:30px 10px 30px 40px;}
.logo_area .nav > .mypage > a { display:block; width:140px; height:40px; background:#333; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; -ms-border-radius:25px; -o-border-radius:25px; color:#fff; line-height:40px; text-align:center; box-sizing:border-box;}
.logo_area .nav > .mypage > a:hover {color:#fff; background:#0d1720;}
.logo_area .nav > .mypage > a:after {display:none;}
.logo_area .nav > li > a { display:block; height:100px; line-height:100px; padding:0 20px; font-size:16px; font-weight:500; letter-spacing:-0.045rem; color:#0d1720; transition:all .2s; -webkit-transition:all .2s; -moz-transition:all .2s; -ms-transition:all .2s; -o-transition:all .2s; }
.logo_area .nav .depth {position:absolute; top:95px; left:50%; width:200px; background:#fff; margin-left:-100px; padding:0 20px; box-sizing:border-box; box-shadow:5px 5px 10px -5px rgba(0,0,0,.1); opacity:0; visibility:hidden; z-index:-2; transition:opacity .35s, top .3s; -webkit-transition:opacity .35s, top .3s; -moz-transition:opacity .35s, top .3s; -ms-transition:opacity .35s, top .3s; -o-transition:opacity .35s, top .3s; }
.logo_area .nav > li > a:after { content:''; position:absolute; top:68px; left:50%; width:6px; height:6px; background:#9e1b1f; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; margin-left:-3px; opacity:0; transition:opacity .3s; -webkit-transition:opacity .3s; -moz-transition:opacity .3s; -ms-transition:opacity .3s; -o-transition:opacity .3s;}
.logo_area .nav > li:hover > a, .logo_area .nav > .on > a {color:#9e1b1f;}
.logo_area .nav > .on > a:after {opacity:1;}
.logo_area .nav > li:hover .depth {top:99px; opacity:1; visibility:visible; border-top:1px solid rgba(0,0,0,.1); z-index:2;}
.logo_area .nav .depth a {display:block; font-size:14px; font-weight:500; line-height:49px; letter-spacing:-0.045rem; color:#666; border-bottom:1px solid #ddd; text-align:center; box-sizing:border-box; transition:all .2s; -webkit-transition:all .2s; -moz-transition:all .2s; -ms-transition:all .2s; -o-transition:all .2s;}
.logo_area .nav .depth li:hover a {color:#9e1b1f; border-color:#9e1b1f;}
.logo_area .nav .depth li:last-child a {border-bottom:0;}

/* nav shop 임시 숨김처리로 인한 추가 CSS_추후 삭제 */ 
.logo_area .nav > li {margin:0 15px;}
.logo_area .nav > li > a {padding:0 25px;}
/* nav shop 임시 숨김처리로 인한 추가 CSS end */

.logo_area .nav .sch {position:relative; margin:30px 0 0 30px;}
.logo_area .nav .sch input { width:320px; height:40px; border:2px solid #9e1b20; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; font-size:14px; letter-spacing:-0.045rem; color:#333; padding:0 40px 0 20px; box-sizing:border-box; outline:none; transition:border .25s; -webkit-transition:border .25s; -moz-transition:border .25s; -ms-transition:border .25s; -o-transition:border .25s; }
.logo_area .nav .sch input:hover, .logo_area .nav .sch input:focus {border-color:#9e1b20;}
.logo_area .nav .sch .sch_btn {position:absolute; top:0; right:0; width:40px; height:40px; background:url(../images/ico/sch_btn.png) 10% 50% no-repeat; text-indent:-9999px; outline:none;}

.kakao_ban {position:absolute; top:180px; left:50%; margin:0 0 0 620px; z-index:101;}
.kakao_ban.fixed {position:fixed; top:20px;}

/* footer */
.footer {background:#2d2d2d;}
.footer .container {padding:0 0 155px 160px; background:url(../images/foot_logo.png) 0 40px no-repeat; box-sizing:border-box;}
.footer .foot_lnk {height:75px; line-height:75px; border-bottom:1px solid rgba(255,255,255,.15); margin:0 0 25px;}
.footer .foot_lnk .lnk {float:left;}
.footer .foot_lnk .lnk li {float:left; margin:0 18px 0 0;}
.footer .foot_lnk .lnk a {display:block; font-size:15px; font-weight:500; line-height:75px; letter-spacing:-0.065rem; color:#999;}
.footer .foot_lnk .lnk li:first-child a {color:#fff;}
.footer .foot_lnk .sns {float:right; width:350px; font-size:15px; font-weight:500; line-height:75px; letter-spacing:-0.065rem; color:#999;}
.footer .foot_lnk .sns span {float:left; margin:0 30px 0 0;}
.footer .foot_lnk .sns a {float:left; width:30px; height:30px; background:url(../images/ico/youtube_lg.png) 50% 50% no-repeat; margin:22.5px 10px 22.5px 0; text-indent:-9999px;}
.footer .foot_lnk .sns a:last-child {margin-right:0; background-image:url(../images/ico/insta_lg.png);}

.footer .foot_info .info {float:left; width:655px; font-size:14px; line-height:23px; letter-spacing:-0.065rem; color:#777;}
.footer .foot_info .info span {display:inline-block;}
.footer .foot_info .info span:after {content:''; display:inline-block; width:1px; height:10px; background:rgba(255,255,255,.1); margin:-2px 9px 0 10px; vertical-align:middle;}
.footer .foot_info .info span:last-child:after {display:none;}
.footer .foot_info .info .copy {margin:16px 0 0; font-weight:500; letter-spacing:0;}
.footer .foot_info .lec_inq {float:right; width:350px;}
.footer .foot_info .lec_inq .ttl {display:block; font-size:15px; font-weight:500; line-height:23px; letter-spacing:-0.065rem; color:#999;}
.footer .foot_info .lec_inq .kakao {width:280px; height:33px; border:2px solid #ffe609; margin:10px 0; box-sizing:border-box;}
.footer .foot_info .lec_inq .kakao span:first-child {position:relative; float:left; width:109px; background:url(../images/ico/kakao_lg.png) 18px 50% no-repeat; font-size:14px; font-weight:500; line-height:29px; letter-spacing:-0.065rem; color:#999; padding:0 0 0 39px; box-sizing:border-box;}
.footer .foot_info .lec_inq .kakao span:first-child:after {content:''; position:absolute; top:50%; right:0; width:1px; height:10px; background:rgba(255,255,255,.1); margin:-5px 0 0;}
.footer .foot_info .lec_inq .kakao span:last-child {float:left; font-size:14px; font-weight:500; line-height:29px; letter-spacing:-0.065rem; color:#999; padding:0 0 0 19px;}
.footer .foot_info .inq_time li {font-size:14px; line-height:23px; letter-spacing:-0.065rem; color:#777; font-weight:600;}

.bot_banner {position:fixed; left:0; bottom:0; width:100%; overflow:hidden; z-index:99;}
.bot_banner img {position:relative; left:50%; width:2000px; margin-left:-1000px;}
.bot_banner .container {position:absolute; top:0; left:50%; display:table; width:1200px; height:100%; margin:0 0 0 -600px;}
.bot_banner .vertical {display:table-cell; vertical-align:middle;}
.bot_banner .dday {display:inline-block; width:290px; font-family:'GmarketSans',sans-serif; font-size:36px; font-weight:700; color:#ff7800; text-align:center; margin:0 0 0 230px;}

/* sub */
.S_visual {height:210px; background:url(../images/sub_vis1.jpg) 50% 50% no-repeat; padding:65px 0 0; text-align:center; box-sizing:border-box;}
.S_visual.teacher {background-image:url(../images/sub_vis2.jpg);}
.S_visual.lecture {background-image:url(../images/sub_vis3.jpg);}
.S_visual.shop {background-image:url(../images/sub_vis4.jpg);}
.S_visual.commu {background-image:url(../images/sub_vis5.jpg);}
.S_visual.center {background-image:url(../images/sub_vis6.jpg);}
.S_visual.member {background-image:url(../images/sub_vis7.jpg);}
.S_visual h2 {font-size:40px; font-weight:700; letter-spacing:-0.065rem; color:#fff; margin:0 0 16px;}
.S_visual p {font-size:15px; font-weight:500; line-height:23px; letter-spacing:-0.065rem; color:#fff;}

.sub_history {height:50px; line-height:50px;}
.sub_history:after {content:''; display:block; clear:both;}
.sub_history .history_nav {float:right;}
.sub_history .history_nav li {position:relative; float:left; font-size:13px; letter-spacing:-0.065rem; color:#333; padding:0 30px 0 0;}
.sub_history .history_nav li:after {content:''; position:absolute; top:0; right:15px; width:5px; height:50px; background:url(../images/ico/his_arr.png) 50% 50% no-repeat;}
.sub_history .history_nav li:last-child {padding-right:0;}
.sub_history .history_nav li:last-child:after {display:none;}

.page_list {font-size:0; text-align:center;margin:20px 0;}
.page_list .arr, .page_list .list {display:inline-block; vertical-align:middle; margin:0 2px;}
.page_list .list b, .page_list .list a, .page_list .list span {display:inline-block; width:25px; height:30px; line-height:30px; font-size:13px; font-weight:400; color:#444; margin:0 2px;}
.page_list .list span {cursor:pointer;}
.page_list .list b {color:#000; font-weight:500; text-decoration:underline;}

.member_container {width:1200px; min-height:650px; margin:0 auto;}



/* 2021.02.28 추가 분 */
h2.h2_r {text-align:right;}

.bg-academySystem
{ background-color: #D9D9D9; }
.w1280p { width:1200px; min-width: 400px; }

.bg-clr-10, .bg-clr-10-hover:hover, .bg-hover-wrap:hover .bg-clr-10-hover, .bg-clr-10-bf::before, .bg-clr-10-af::after, .bg-clr-10-sel.selected, .bg-clr-wrap.selected .bg-clr-10-sel 
{ background-color: #f5570a; }

.bg-clr-11, .bg-clr-11-hover:hover, .bg-hover-wrap:hover .bg-clr-11-hover, .bg-clr-11-bf::before, .bg-clr-11-af::after, .bg-clr-11-sel.selected, .bg-clr-wrap.selected .bg-clr-11-sel 
{ background-color: #002986; }

.bg-clr-12, .bg-clr-12-hover:hover, .bg-hover-wrap:hover .bg-clr-12-hover, .bg-clr-12-bf::before, .bg-clr-12-af::after, .bg-clr-12-sel.selected, .bg-clr-wrap.selected .bg-clr-12-sel 
{ background-color: #337bff; }


.ft-gr5, .ft-hover-wrap:hover .ft-gr5-hover, .ft-gr5-hover:hover, .hover-wrap:hover .ft-gr5-hover, .selected.ft-gr5-sel, .ft-sel-wrap.selected .ft-gr5-sel 
{   color: #fff5ad;     
}

.ft-gr6, .ft-hover-wrap:hover .ft-gr6-hover, .ft-gr6-hover:hover, .hover-wrap:hover .ft-gr6-hover, .selected.ft-gr6-sel, .ft-sel-wrap.selected .ft-gr6-sel 
{ color: #002986;}

.ft88 { font-size: 8.0em;}

.ftgmb{
    font-family: 'GmarketSansLight';
    src: url('../gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
.ftgml{
    font-family: 'GmarketSansLight';
    src: url('../gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}