@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
/*
thin 100
light 300
regular 400
medium 500
bold 700
black 900
*/
*{margin:0;padding:0;list-style:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5{margin:0;padding:0;word-wrap:break-word;word-break:break-all;font-size:15px;font-family: "Noto Sans KR","맑은 고딕","Malgun Gothic","Nanum Gothic","나눔 고딕",sans-serif;color:#555;}
li,p,span,strong,a{font-size:inherit;color:inherit;font-family:inherit;}
p{font-weight:inherit;}
body, html{width:100%;height:100%;}
input,select,img{vertical-align:middle;}
img{border:0;max-width:100%;}
table{border-collapse:collapse;width:100%;}
table caption{overflow: hidden;position: absolute;width: 0;height: 0;top: -9999px;left: -9999px;text-indent: -999em;}
a{display:inline-block;transition: all 0.3s ease;text-decoration:none;}
a {vertical-align:middle; }
caption { display:none; }
em { font-style:normal; }
select{width: 108px;height: 34px;border: 1px solid #c1c1c1;}
input[type="text"],
input[type="password"]{height: 34px;border: 1px solid #c1c1c1;padding-left: 5px;}
.hidden {overflow: hidden;position: absolute;width: 0;height: 0;top: -9999px;left: -9999px;line-height: 0;text-indent: -999em;margin: 0;padding: 0;background: none;border: none;}
.hidden-popup {overflow: hidden;}
.clearfix:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.clear{clear: both;height: 0;}
.hidden-box{position: fixed;height: 100%;overflow: hidden;width:100%;}
.width-auto{margin: 0 auto;max-width: 1200px;width:100%;}
/* font color */
.black-font{color:#333333 !important; display:inline-block;}
.red-font{color:#e62020 !important;display:inline-block;}
.blue-font{color:#1a59d8 !important;display:inline-block;}
.blue-font2{color:blue !important;text-decoration: underline;line-height:28px;}
.green-font2{color:green !important;text-decoration: underline;line-height:28px;}
.yellow-font{color:#f9e508 !important;display:inline-block;}
.orange-font{color:#ff8400 !important;display:inline-block;}
.green-font{color:#34b7b1 !important;display:inline-block;}
.sky-green-font{color:#12758f !important;display:inline-block;}
.blakc-font{color:#000 !important;text-decoration: underline;line-height:28px;}
/* // font color */
/* margin */
.mg0{margin:0 !important;}
.mg10{margin:10px !important;}
.mg20{margin:20px !important;}
.mg30{margin:30px !important;}
.mgt0{margin-top:0 !important;}
.mgt10{margin-top:10px !important;}
.mgt20{margin-top:20px !important;}
.mgt30{margin-top:30px !important;}
.mgt40{margin-top:40px !important;}
.mgt50{margin-top:50px !important;}
.mgt80{margin-top:80px !important;}
.mgt100{margin-top:100px !important;}
.mgb0{margin-bottom:0 !important;}
.mgb10{margin-bottom:10px !important;}
.mgb20{margin-bottom:20px !important;}
.mgb30{margin-bottom:30px !important;}
.mgb40{margin-bottom:40px !important;}
.mgb50{margin-bottom:50px !important;}
.mgl0{margin-left:0 !important;}
.mgl10{margin-left:10px !important;}
.mgl20{margin-left:20px !important;}
.mgl30{margin-left:30px !important;}
.mgl40{margin-left:40px !important;}
.mgl50{margin-left:50px !important;}
/* //margin */
#header{position:fixed;width:100%;top:0;left:0;background:#fff;z-index:100;transition: all 0.3s ease;}
.head-top{margin-top:30px;height:75px;position:relative;}
.head-top .logo{float:left;}
.head-top .logo02-box{position:absolute;left:50%;transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);top:0;padding:0 10px;height:55px;width:138px;}
.head-top .logo02-box span{display:block;text-align:center;width:235px;background:#fff;position:absolute;left:50%;transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);top:-6px;height:47px;}
.head-top .util{float:right;margin-top:6px;border:1px solid #dfdfdf;height:32px;line-height:32px;padding:0 20px;border-radius:16px;background:#fcfcfc;}
.head-top .util span{margin:0 10px;width:1px;background:url(../images/util-line.gif) no-repeat left center;display:inline-block;font-size:0;height:32px;vertical-align: top;}
#header .menu{border-top:1px solid #868686;border-bottom:1px solid #dfdfdf;position:relative;}
#header .menu .header-menu{border-left:1px solid #dfdfdf;}
.sp_nav{display:none;}
#header .menu .header-menu > ul > li{float:left;width:calc(100% / 7 - 1.5px);text-align:center;border-right:1px solid #dfdfdf;height:49px;position:relative;}
#header .menu .header-menu > ul > li > a.depth1{display:block;height:49px;line-height:49px;font-size:17px;color:#555555;position:relative;font-weight:600;}
#header .menu .header-menu > ul > li > a.depth1.icon-box:after{content: "";display: block;height:4px;position:absolute;top:-1px;width:100%;}
#header .menu .header-menu > ul > li > a.depth1.icon-box.hot-icon:after{background:#e62020;}
#header .menu .header-menu > ul > li > a.depth1.icon-box.new-icon:after{background:#2a71c8;}
#header .menu .header-menu > ul > li > a.depth1.icon-box.event-icon:after{background:#42b317;}
#header .menu .header-menu > ul > li > .depth2{display:none ;position: absolute;margin:10px 0;border-right:1px solid #dfdfdf;height:145px;z-index:2;width:calc(100% - 21px);line-height:25px;padding:0px 10px;}
#header .menu .header-menu > ul > li:nth-child(1) > .depth2{border-left:1px solid #dfdfdf;width:calc(100% - 22px);}
#header .menu .header-menu .pc-menu-bg{display:none ;position: absolute;left: 0;top:49px;width: 100%;height: 205px;background: #f8f8f8;z-index:1;}
.m-bg{display:none;background:url(../images/photo_bg.png) repeat left top;position:fixed;left:0;top:0;z-index:1;width:100%;height:100%;}
.m-btn{display:none;}
#header.scroll .menu .header-menu > ul > li{height:59px;}
#header.scroll .menu .header-menu > ul > li > a.depth1{padding-top:10px;}
#header.scroll .menu .header-menu > ul > li > a.depth1.icon-box:after{top:0;}
.banner2_pc {display:none;position:absolute;top:10px;left:50%;z-index:999999;height:100px;color:#ffffff;margin-left:620px;}
.banner2_pc img { width:80%; }
#footer{background:#eaeaea;padding-bottom:50px;}
#footer > .footer-box{width:100%;margin:0 auto;max-width:1200px;padding:30px 0;}
#footer > .footer-box > .logo{width:154px;margin:0 auto;margin-top:25px;float:left;}
#footer > .footer-box > .footer-txt-box{float:left;margin-left:50px;}
#footer > .footer-box > .footer-txt-box > ul > li{text-align:left;line-height:25px;}
#footer > .footer-box > .footer-txt-box > ul > li > p{font-size:15px;color:#666666;display:inline-block;}
#footer > .footer-box > .footer-inquiry{float:right;color:#fff;margin:0 auto;margin-top:30px;background:url(../images/footer-inquiry.gif) no-repeat;padding-left:70px;width:133px;height:40px;line-height:40px;padding-top:18px;}
#footer > .footer-box > .footer-inquiry span{font-size:12px;font-weight:100;padding-left:10px;}
#footer > .footer-box > .footer-txt-box > ul > li > p br{display:none;}
#footer > .footer-box > .footer-txt-box > ul > li br{display:none;}
#footer > .footer-box > .footer-inquiry2{float:right;color:#fff;margin:0 auto;margin-top:30px;padding-left:70px;width:133px;height:40px;line-height:40px;padding-top:18px;}
/***************************************************
유틸 - common
***************************************************/
/* button */
.button_area { text-align: center; }
.button_area .btn { position:relative; display:inline-block; font-size:18px; color:#fff; font-weight:700; background-color:#de2910; border:1px solid #de2910; width:260px; height:46px; line-height:46px; text-align:center; font-family: 'Nanum Square'; cursor:pointer; vertical-align:middle; }
.button_area .btn3 { position:relative; display:inline-block; font-size:18px; color:#fff; font-weight:700; background-color:#acacac; border:1px solid #acacac; width:260px; height:46px; line-height:46px; text-align:center; font-family: 'Nanum Square'; cursor:pointer; vertical-align:middle; }
.button_area .btn:after { content:""; background-color:#cccccc; position:absolute; left:4%; bottom:-6px; width:92%; height:5px; }
.button_area .white { background-color:#fff; border:1px solid #363636; color:#363636; }
.button_area .btn span { display:inline-block; background:url('/mypage/assets/img/icons/btn_arrow_down.png') no-repeat right 50%; padding-right:30px; }
.button_area .btn2 { position:relative; display:inline-block; font-size:16px; color:#fff; font-weight:700; background-color:#fff; border:1px solid #de2910; width:240px; height:57px; line-height:57px; text-align:center; font-family: 'Nanum Square'; cursor:pointer; border:1px solid #363636; color:#363636; }
.button_area .btn2 span { display:inline-block; background-image:url('/mypage/assets/img/icons/btn_arrow.png'); background-repeat:no-repeat; background-position:right 50%; padding-right:18px; }
.button_area .btn2:hover { border:1px solid #de2910; color:#de2910; }
.button_area .btn2:hover span { background-image:url('/mypage/assets/img/icons/btn_arrow_on.png'); }
/***************************************************
레이어팝업 - common
***************************************************/
/**
.layerform { position:fixed; left:0; top:0; width:100%; height:100%; z-index:999; padding:120px 0 80px 0; box-sizing:border-box; display:none; overflow-y:auto; background-color:rgba(0,0,0,0.7); }
*/
.layerform { position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;padding: 5vh 0 80px 0;box-sizing:border-box;display:none;overflow-y:auto;background-color:rgba(0,0,0,0.7);}
.layerform .conts_box_w { top:0; position:relative; width:800px;border-radius:20px; background-color:#fff; margin:0 auto; padding:20px 0; z-index:999; }
.layerform .conts_box_w .conts_box-txt{max-height:500px; overflow-y:auto;overflow-x:hidden;}
.layerform .conts_box_w .btn_close { position:absolute; right:14px; top:12px; display:block; cursor:pointer; width:22px; height:22px; background:url('/mypage/assets/img/contents/btn_close_ly.png') no-repeat center 50%; overflow:hidden; }
.layerform .conts_box_w .btn_close em { text-indent:-5000px; display:block; }
.layerform .conts_box_w h2 { background:url('/mypage/assets/img/icons/dot_de2910.png') no-repeat left 50%; padding:0 0 0 15px; font-size:22px; color:#000; line-height:1.35em; margin:0 0 40px 30px; font-weight:400; }
.layerform .conts_box_w h2 span { display:inline-block; padding-right:18px; margin-right:8px; background:url('/mypage/assets/img/icons/icon_gt.png') no-repeat right 50%; }
.layerform .conts_box_w h2 span:last-child { background:none; }
/***************************************************
레이어팝업 - 로그인
***************************************************/
#ly_login_cnt { max-width:530px; width:calc(100% - 80px);margin:0 auto;padding:47px 0 30px 0; top:100px; }
#ly_login_cnt h2 { text-align:center; background:none; font-size:26px; padding:0; margin:0 0 35px 0; }
#ly_login_cnt .form { max-width:342px; width:calc(100% - 20px);margin:0 auto;margin-bottom:45px;}
#ly_login_cnt .form ul { margin-bottom:20px; }
#ly_login_cnt .form ul li { margin-bottom:13px; }
#ly_login_cnt .form ul li:last-child { margin-bottom:0; }
#ly_login_cnt .form ul li input { display:block; font-size:14px; border:1px solid #cdcdcd; width:100%; height:36px; line-height:1.2em; padding:8px 10px; box-sizing:border-box; }
#ly_login_cnt .form .opt { }
#ly_login_cnt .form .opt input { display:none; }
#ly_login_cnt .form .opt label { display:inline-block; background-repeat:no-repeat; background-position:left 50%; background-image:url('/mypage/assets/img/icons/icon_radio2_off.png'); padding-left:25px; height:20px; line-height:20px; font-size:14px; color:#898989; margin-right:20px; cursor:pointer; }
#ly_login_cnt .form .opt input:checked + label { background-image:url('/mypage/assets/img/icons/icon_radio2_on.png'); }
#ly_login_cnt .form .opt input { }
#ly_login_cnt .button_area { margin-bottom:35px; }
#ly_login_cnt .button_area .btn { }
#ly_login_cnt .m_info_f { font-size:12px; color:#636363; line-height:1.5em; text-align:center; }
#ly_login_cnt .m_info_f a { color:#de2910; display:inline-block; text-decoration:underline; }
/***************************************************
레이어팝업 - 개인정보취급방침
***************************************************/
#ly_privacy_cnt { padding-bottom:55px; }
#ly_privacy_cnt .terms_area { padding:20px 40px 20px 60px; box-sizing:border-box; font-size:14px; color:#898989; line-height:30px; margin-bottom:45px; }
/***************************************************
레이어팝업 - 회원약관
***************************************************/
#ly_policies_cnt { padding-bottom:55px; }
#ly_policies_cnt .terms_area {padding:20px 40px 20px 60px; box-sizing:border-box; font-size:14px; color:#898989; line-height:30px; margin-bottom:45px; }
/***************************************************
검색 결과 :: 레이어팝업
***************************************************/
#ly_search_result_cnt { padding-bottom:70px; }
#ly_search_result_cnt h2 { text-align:left; }
#ly_search_result_cnt h2 span { display:inline-block; background:url('/mypage/assets/img/icons/icon_gt.png') no-repeat right 6px; padding:0 35px 0 0; border:0; font-family: 'Nanum Barun Gothic'; }
/* 검색 결과 */
.search_result_wrap { padding:0 69px; margin-bottom:50px; }
.search_result_wrap .total_result { font-size:16px; color:#464646; line-height:1.3em; margin-bottom:15px; }
/** search_result_bx */
.search_result_bx { height:280px; overflow-y:auto; margin:0 auto; border:1px solid #e6e6e6; padding:20px 24px; }
.search_result_bx .search_word { margin-bottom:15px; color: #000; font-size:14px; font-weight: 400; line-height:1.3em; }
.search_result_bx .search_word em { color: #de0000; }
.search_result_bx .count { font-size: 12px; line-height: 1.3em; color: #000; margin-bottom:25px; }
.search_result_bx .count em { }
/*** result_list */
.search_result_bx .result_list { font-family: '돋움', Dotum, ,'microsoft yahei',arial,sans-serif; padding: 0 13px; }
.search_result_bx .result_list a { display:inline-block; vertical-align:middle; }
.search_result_bx .result_list img { vertical-align:top; }
.search_result_bx .result_list dl { }
/*
.search_result_bx .result_list dl dt { position:relative; width:100%; overflow:hidden; font-size:13px; margin-bottom:5px; line-height:1.35em; }
.search_result_bx .result_list dl dt strong { display:inline-block; color: #0000de; vertical-align:middle; }
.search_result_bx .result_list dl dt span { display:inline-block; vertical-align:middle; }
*/
.search_result_bx .result_list dl dt { }
.search_result_bx .result_list dl dt ol { }
.search_result_bx .result_list dl dt ol li { font-size:12px; color:#000; line-height:1.3em; margin-bottom:4px; list-style:decimal; }
.search_result_bx .result_list dl dt ol li strong { color: #0000de;}
.search_result_bx .result_list dl dt a { }
.search_result_bx .result_list dl dd { margin-bottom:25px; }
.search_result_bx .result_list dl dd ol { padding-left:15px; }
.search_result_bx .result_list dl dd ol li { font-size:12px; color:#000; line-height:1.3em; margin-bottom:4px; list-style:decimal; }
.search_result_bx .result_list dl dd ol li { }
/** curriculum_wrap */
#ly_search_result_cnt .curriculum_wrap { padding:0 69px; margin-bottom:50px; }
#ly_search_result_cnt .curriculum_wrap .total_result { font-size:16px; color:#464646; line-height:1.3em; margin-bottom:35px; border-bottom:1px solid #e6e6e6; padding-bottom:15px; }
#ly_search_result_cnt .curriculum_wrap .classlist { }
#ly_search_result_cnt .curriculum_wrap .classlist li { width:100%; overflow:hidden; padding-bottom:33px; margin-bottom:33px; border-bottom:1px solid #e6e6e6; }
#ly_search_result_cnt .curriculum_wrap .classlist li .classbox { float:left; }
.hh {height:135px;}
@media screen and (max-width:1400px) {
.board_list li .img_a{float:none;}
.banner2_pc {position:fixed;left:15%;top:30px;z-index:700;margin-left:0px;width:20%;}
.banner2_pc img { width:80%; }
}
@media screen and (max-width:1024px) {
#wrap{min-width:auto;width:100%;overflow-x: hidden;}
#header{top:0 !important;}
.head-top{display:block !important;}
.head-top .logo{display:none;}
.head-top .logo02-box{position:initial;transform: none;-webkit-transform:none;float:left;}
.banner2_pc {position:fixed;left:40%;top:30px;z-index:999999;margin-left:0px;z-index:-1}
.banner2_pc img { width:100%; }
.util{display:none;}
.sp_nav{display: block;position: absolute;right: 10px;top: 40px;z-index:5;width:40px;cursor:pointer;height:30px;z-index:99999}
.sp_nav span{display:block;background:#000;right:0;width:40px;height:5px;position:absolute;transition:all ease 0.5s;}
.sp_nav span:nth-of-type(1){top:0px;width:30px;}
.sp_nav span:nth-of-type(2){top:10px;}
.sp_nav span:nth-of-type(3){top:20px;width:30px;}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg);height:3px;}
.sp_nav_se span:nth-of-type(2){width:0;height:3px;}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg);height:3px;}
#header .menu{border:0;position: fixed;top: 0;right:-100%;height: 100%;}
#header .smt_menu_but.on{top:40px;}
#header .menu > .header-menu{height: 100%;z-index:3;width:300px;}
#header .menu > .header-menu .m-btn{display:block;background:#f8f8f8;z-index: 4;position: absolute;width:280px;right:0;top:0;padding-top:40px;height:59px;border-bottom:1px solid #474747;padding-left:20px;}
#header .menu > .header-menu .m-btn a{border:1px solid #cacaca;color:#5f5f5f;font-size:14px;padding:0 10px;height:25px;line-height:25px;margin:3px 0;}
#header .menu > .header-menu #gnb{height:calc(100% - 100px) !important;width:300px;position: absolute;right:0;top: 100px;z-index: 4;background:#f8f8f8;overflow: auto;}
#header .menu .header-menu > ul > li{width:100%;text-align:left;height:auto;border-right:0;}
#header .menu .header-menu > ul > li > a.depth1{line-height:50px;padding:0 20px;color:#555555;font-weight:600;border-bottom:1px solid #474747;}
#header .menu .header-menu > ul > li > a.depth1:after{height:17px !important;position:initial !important;margin-left:10px !important;margin-top:0 !important;display:inline-block !important;}
#header .menu .header-menu > ul > li > a.depth1.free img{display:none;}
#header .menu .header-menu > ul > li > a.depth1.free span{display:inline-block;padding-right:40px;background:url(../images/free-icon.png) no-repeat right center;}
#header .menu .header-menu > ul > li:nth-child(1) > .depth2{border-left:0;width:100%;}
#header .menu .header-menu > ul > li > .depth2{position:relative;height:auto;padding:0;border:0;width:100%;border-left:0;border-bottom:1px solid #474747;margin:0;background:#fff;padding:10px 0;}
#header .menu .header-menu > ul > li > .depth2 a{padding:0 20px;line-height:35px;font-size:17px;display:block;}
#header .menu .header-menu > ul > li > a.depth1.icon-box:after{display:none !important;}
#footer{padding:0 10px;}
#footer > .footer-box > *{float:none !important;text-align:center;}
#footer > .footer-box > .footer-txt-box{margin:0 auto;width:420px;max-width:calc(100% - 20px);margin-top:30px;padding:0 10px;}
#footer > .footer-box > .footer-txt-box .unm{text-align:left;}
.triangle-list li{margin-bottom:5px;}
#footer > .footer-box > .footer-txt-box > p > span{display:inline-block;}
#footer > .footer-box > .footer-txt-box > p > br{display:block;}
#footer > .footer-box > .footer-txt-box > ul > li br{display:block;}
#footer > .footer-box > .footer-txt-box > ul > li > span{display:inline-block;margin-right: 40px;}
.layerform{overflow-y: hidden;}
.layerform .conts_box_w{max-width:800px;width:calc(100% - 60px);margin:0 auto;padding:20px !important;}
.layerform .conts_box_w .conts_box-txt{max-height:400px;}
#ly_privacy_cnt .terms_area{padding:0;margin-bottom:0;}
#ly_policies_cnt .terms_area{padding:0;margin-bottom:0;overflow-x: hidden;}
#tocplusWindow{left:auto !important;right:0;}
#TpTbw > img{margin-right:10px;}
}
@media screen and (max-width:768px) {
.board_list li .img_a{float:none;}
.banner2_pc {display:block;position:fixed;left:40%;top:20px;z-index:700;margin-left:0px;width:40%;z-index:-1}
.banner2_pc img { width:90%; }
}
@media screen and (max-width: 600px){
#ly_login_cnt {margin:0 20px;max-width:100%}
#ly_login_cnt .form {margin-bottom:45px; }
.banner2_pc {display:block;position:fixed;left:40%;top:30px;z-index:700;margin-left:0px;width:40%;z-index:-1}
.banner2_pc img { width:90%; }
}
@media screen and (max-width: 400px){
#ly_login_cnt {margin:0 20px;max-width:100%}
#ly_login_cnt .form {margin-bottom:45px; }
.banner2_pc {display:block;position:fixed;left:50%;top:50px;margin-left:0px;width:30%;z-index:-1}
.banner2_pc img { width:100%;z-index:1; }
}
.new_l{
color:red;
-webkit-animation:new_l .5s ease-in-out infinite alternate;
-moz-animation:new_l .5s ease-in-out infinite alternate;
animation:new_l .5s ease-in-out infinite alternate;
}
@-webkit-keyframes new_l{
0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes new_l{
0% {opacity:0;}
100% {opacity:1;}
}
@keyframes new_l{
0% {opacity:0;}
100% {opacity:1;}
}