@charset "utf-8";

/*-----------------------------------------------------------
Author : GH, Park
Creative date : 2022. 04. 18
Work details: 기존 css에서 개편안 css로 수정
-----------------------------------------------------------*/

/* #=========================================#
| LAUOUT |
#=========================================# */

/* Layout */
#wrap{position:relative; margin:auto; }
#Mwrap{position:relative; max-width:100%; margin:auto; overflow:hidden; }
#Mwrap:after {content:""; display:block; clear:both;}
#container{position:relative; width:100%; margin-left:250px; }
#container:after {content:""; display:block; clear:both;}

/* Header */
.area_header{position:fixed; width:250px; height:100%; left:0; top:0; z-index:110; background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.5); }
.area_header header{position:absolute; width:100%; height:100%; }
.area_header header *,
.area_header header *:before,
.area_header header *:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.area_header header button{cursor:pointer; }
.area_header header .hd_wrap{position:relative; width:100%; z-index:120; }
.area_header header .hd_wrap h1 a{display:block; width:100%; height:5rem; line-height:5rem; text-align:center; }

/* Header : util */
.area_header .gnb{line-height:2.5rem; font-size:.65rem; overflow:hidden; }
.area_header .gnb li{float:left; width:50%; }
.area_header .gnb li a{display:block; position:relative; text-align:center; color:#fff; background:#0059c6; }
.area_header .gnb li + li a{background:#0097a0; }
.area_header .gnb li a > span{position:relative; display:inline-block; padding-left:1.25rem; }
.area_header .gnb li a > span::before{content:''; position:absolute; width:1rem; height:1rem; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);background-size:100% 100%; background-position:center; background-repeat:no-repeat; }
.area_header .gnb li.lang a > span::before{background-image:url('/images/web/main/layout/icon_nav_lang.png'); }
.area_header .gnb li.search a > span::before{background-image:url('/images/web/main/layout/icon_nav_search.png'); }
.area_header .gnb li a{-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }

/* Header : login */
.area_header .userLogin{line-height:2.5rem; font-size:.65rem; overflow:hidden; border-bottom:1px solid #ccc; }
.area_header .userLogin li{float:left; width:50%; }
.area_header .userLogin li a{display:block; position:relative; background:#fff; text-align:center; }
.area_header .userLogin li + li{border-left:1px solid #ccc; }
.area_header .userLogin li a > span{position:relative; display:inline-block; padding-left:1.25rem; }
.area_header .userLogin li a > span::before{content:''; position:absolute; width:1.05rem; height:1.05rem; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); background-size:100% 100%; background-position:center; background-repeat:no-repeat; }
.area_header .userLogin li.login a > span::before{background-image:url('/images/web/main/layout/icon_nav_login.png'); }
.area_header .userLogin li.admin a > span::before{background-image:url('/images/web/main/layout/icon_nav_admin.png'); }
.area_header .userLogin li a{-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }

/* Header : side_bottom */
.side_bottom .futureEdu{line-height:1.5rem; font-size:.7rem; overflow:hidden; }
.side_bottom .futureEdu li a{position:relative; display:block; text-align:left; padding-left:2rem; background:#fff; }
.side_bottom .futureEdu li a:hover{text-decoration:underline; }
.side_bottom .futureEdu li a::before{content:''; position:absolute; width:1rem; height:.85rem; left:.75rem; top:.35rem; background-repeat:no-repeat; background-size:100% 100%; background-position:center; }
.side_bottom .futureEdu li.board a::before{background-image:url('/images/web/main/layout/icon_board.png'); }
.side_bottom .futureEdu li.reservation a::before{background-image:url('/images/web/main/layout/icon_reservation.png'); }
.side_bottom .futureEdu li.forum a::before{background-image:url('/images/web/main/layout/icon_forum.png'); }
.side_bottom .futureEdu li.webzine a::before{background-image:url('/images/web/main/layout/icon_web.png'); }
.side_bottom .futureEdu li a{-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
.m_nav,
.m_nav_btn,
.m_search{display:none; }

/* Header : serch */
.box_search{position:absolute; width:100%; left:0; top:7.5rem; z-index:220; }
.box_search button{border:none; cursor:pointer; }
.box_search button.search_show{display:none; }
.box_search button.search_closed{position:absolute; display:none; right:0px; top:-2.5rem; width:50%; height:2.5rem; line-height:2.5rem; text-align:center; background:#183e72 url("/images/web/main/layout/icon_nav_close.png") no-repeat 1.15rem center; color:#fff; }
.box_search button.search_closed span{display:inline-block; padding-left:1rem; font-size:.7rem; }
.box_search h2{display:none; }
.box_search .search_wrap{ display:none;background:#0b284e; padding:1rem .75rem; }
.box_search .search_wrap form{position:relative; }
.box_search .search_wrap input{display:block; width:100%; height:2rem; line-height:2rem; padding:0 2.5rem 0 .5rem; border:none; font-size:.65rem; background:#fff; }
.box_search .search_wrap button{position:absolute; top:0; right:0; width:2rem; height:2rem; background:#faa74a url("/images/web/main/layout/icon_nav_search.png")no-repeat center/1rem 1rem !important; }
.box_search input[type="text"]::placeholder{color:#555; }
.box_search input[type="text"]::-moz-placeholder{color:#555; }
.box_search input[type="text"]::-webkit-input-placeholder{color:#555; }
.box_search button.search_closed{-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }

/* Header : lnb */
#lnb{width:250px; z-index:110; font-family:'NotoM'; overflow:hidden; }
#lnb .mn_wrap{width:100%; }
#lnb a > span{position:relative; display:table-cell; width:100%; vertical-align:middle; }
#lnb a[target='_blank'] > span::after{content:"\e980"; position:absolute; top:50%; right:0; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); font-family:"xeicon"; }
#lnb .depth1{width:100%; background:#f4f4f7; }
#lnb .depth1 > a.tit{display:table; table-layout:fixed; width:100%; height:3.1rem; padding:0 .75rem; font-size:.9rem; letter-spacing:-.04rem; position:relative; font-family:'NotoM'; border-bottom:1px solid #ddd; }
#lnb .depth1 > a.tit > span{padding-right:1rem; }
#lnb .depth1.active > a.tit,
#lnb .depth1 a.tit.active{color:#fff !important; background:#5966df; }
#lnb li.depth1.active .depth2{display:block; z-index:10; }
#lnb .depth2{position:absolute; width:0; height:100%; left:100%; top:0; background:#fff; border-left:1px solid #dadada; overflow:hidden; }
#lnb .depth1.active .depth2{box-shadow:3px 0 3px rgba(44,45,53,.15); }
#lnb .depth2 > ul{width:200px; display:block; margin-top:7.45rem; border-top:1px solid #eaeaee; }
#lnb .depth2 > ul.mtUser{margin-top:7.45rem; }
#lnb .depth2 ul li{position:relative; }
#lnb .depth2 ul li.dep3::before{content:""; position:absolute; right:1rem; top:1.5rem; width:.6rem; height:.1rem; background:#222; z-index:1; }
#lnb .depth2 ul li.dep3::after{content:""; position:absolute; right:1.25rem; top:1.25rem; width:.1rem; height:.6rem; background:#222; z-index:1; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s; }
#lnb .depth2 ul li.dep3.ov::after,
#lnb .depth2 ul li.dep3.on::after{-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); }
#lnb .depth2 ul li a.tit{display:table; table-layout:fixed; width:100%; height:3.1rem; padding:0 .75rem; color:#222; background:#fff; border-bottom:1px solid #eaeaee;position:relative; font-size:.75rem;letter-spacing:-0.065rem;; line-height:1.2; }
#lnb .depth2 ul li.dep3 a.tit{padding-right:1.8rem; }
#lnb .depth2 a.tit[target='_blank'] > span::after{right:-1rem; }
#lnb .depth2 ul li.ov a.tit,
#lnb .depth2 ul li.on a.tit{background:#bbc8ff; }
#lnb .depth2 ul li.off{background:#bbc8ff; }
#lnb .depth2 ul li .depth3{display:none; padding:.75rem 0; background:#ebefff; }
#lnb .depth2 ul li .depth3 li{width:100%; }
#lnb .depth2 ul li .depth3 li a{display:block; line-height:1.3; border:0; margin:0 .75rem; position:relative; padding:.15rem 0 .15rem .5rem; font-size:.7rem; color:#262c5f; }
#lnb .depth2 ul li .depth3 li a::before{content:""; position:absolute; left:0; top:.5rem; width:3px; height:3px; border-radius:50%; background:#5966df; }
#lnb .depth2 ul li .depth3 li a > span{display:inline-block; width:auto; }
#lnb .depth2 ul li .depth3 li a[target='_blank'] > span:after{position:relative; display:inline-block; top:auto; right:auto; margin-left:.25rem; -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); }

/* Header : side_bottom */
.side_bottom{position:fixed; width:250px; margin:0 0 1.5rem; padding:0 .75rem; left:0; bottom:0; z-index:120; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.side_bottom *,
.side_bottom *:before,
.side_bottom *:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.side_bottom .sb_area{padding:0 .75rem .5rem; }
.side_bottom .sb_link li a{position:relative; line-height:1.3rem; font-size:.7rem; padding-left:.5rem; font-family:'NotoM'; }
.side_bottom .sb_link li a::before{content:""; width:.15rem; height:.15rem; position:absolute; left:0; top:.4rem; background:#666; }
.side_bottom .sb_link li.point a{color:#155eb6; }
.side_bottom .sb_info address{margin:.25rem 0; }
.side_bottom .sb_info span{font-size:.7rem; line-height:.9rem; letter-spacing:-0.05rem; margin-bottom:.25rem; }
.side_bottom .sb_info span::before{display:inline-block; width:.9rem; height:.9rem; background:#183e72; border-radius:1rem; text-align:center; margin-right:.15rem; }
.side_bottom .sb_info span.addr::before{content:url('/images/web/main/layout/icon_ft_map.png'); }
.side_bottom .sb_info span.tel::before{content:url('/images/web/main/layout/icon_ft_tel.png'); }
.side_bottom .sb_info span.fax::before{content:url('/images/web/main/layout/icon_ft_fax.png'); }
.side_bottom .sb_info .copyright{font-size:.65rem; }

/* Header : site link */
.site_link *{scrollbar-arrow-color:#ddd; scrollbar-Track-Color:#ddd; scrollbar-base-color:#aaa; scrollbar-Face-Color:#aaa; scrollbar-3dLight-Color:#aaa; scrollbar-DarkShadow-Color:#aaa; scrollbar-Highlight-Color:#aaa; scrollbar-Shadow-Color:#aaa; }
.site_link ::-webkit-scrollbar{width:5px; }
.site_link ::-webkit-scrollbar-thumb{background-color:#aaa; border-radius:10px; }
.site_link ::-webkit-scrollbar-track{background-color:#ddd; border-radius:10px; }
.site_link li{position:relative; }
.site_link li + li{border-top:1px solid #696c91; }
.site_link a.tit{display:block; position:relative; font-size:.75rem; letter-spacing:-.05rem; line-height:2.5rem; padding:0 .75rem; color:#fff; background:#282c61; }
.site_link a.tit::before{content:""; position:absolute; width:.1rem; height:.5rem; right:.95rem; top:1rem; background:#fff; }
.site_link a.tit::after{content:""; position:absolute; width:.5rem; height:.1rem; right:.75rem; top:1.2rem; background:#fff; }
.site_link a.tit.ov::before{-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); }
.site_link .link_list{position:absolute; width:100%; height:0; left:0; bottom:100%; overflow:hidden; background:rgba(0,0,0,0.8); }
.site_link .link_list ul{float:left; width:100%; padding:.5rem 0; overflow:auto; }
.site_link .list01 .link_list ul{max-height:17.75rem; }
.site_link .list02 .link_list ul{max-height:20.25rem; }
.site_link .link_list ul li a{display:block; position:relative; padding:0 1.25rem; color:#fff; font-size:.7rem; line-height:2.1; border-top:1px solid #252525; }
.site_link .link_list ul li:first-child a{border-top:0; }
.site_link .link_list ul li a::before{content:""; width:.15rem; height:.15rem; position:absolute; left:.75rem; top:.65rem; background:#ddd; }
.site_link a.tit::before{-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }

/* footer */
footer *,
footer *:before,
footer *:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
footer .ft_area{position:relative; margin:auto; }
footer .ft_link{margin:-.25rem; }
footer .ft_link li{display:inline-block; padding:.25rem; }
footer .ft_link li a{position:relative; line-height:1.3rem; font-size:.7rem; padding-left:.35rem; font-family:'NotoM'; color:#343383; }
footer .ft_link li a::before{content:""; position:absolute; left:0; top:.4rem; width:.15rem; height:.15rem; background:#666; }
footer .ft_link li.point a{color:#155eb6; }
footer .ft_info address{margin:.25rem -.25rem; }
footer .ft_info span{display:block; padding:.25rem; font-size:.7rem; line-height:.9rem; letter-spacing:-0.05rem; }
footer .ft_info span::before{display:inline-block; width:.9rem; height:.9rem; background:#183e72; border-radius:50%; text-align:center; margin-right:.15rem; }
footer .ft_info span.addr::before{content:url('/images/web/main/layout/icon_ft_map.png'); }
footer .ft_info span.tel::before{content:url('/images/web/main/layout/icon_ft_tel.png'); }
footer .ft_info span.fax::before{content:url('/images/web/main/layout/icon_ft_fax.png'); }
footer .ft_info .copyright{font-size:.65rem; }
.f_kedu{position:absolute; left:3%; top:1rem; }
.f_mark{position:absolute; right:3%; top:1rem; }


/* #=========================================#
| SUB |
#=========================================# */
.box_mot_1{position:relative; }

/* Sub : sub title */
.sub_title > div[class^="tit_wrap"]{position:relative; padding:59px 0; color:#fff; }  
.sub_title > div[class^="tit_wrap"]:before{content:""; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:100%; height:100%; background-image:url('/images/web/main/layout/sub_visual.png'); background-repeat:no-repeat; background-position:center; background-size:cover; -webkit-animation:bg_move 10s linear forwards; -moz-animation:bg_move 10s linear forwards; -o-animation:bg_move 10s linear forwards; animation:bg_move 10s linear forwards; }
.sub_title > div[class^="tit_wrap"]:after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.35); }
.sub_title > div.tit_wrap1:before{background-image:url('/images/web/main/layout/sub_visual1.png'); }
.sub_title > div.tit_wrap2:before{background-image:url('/images/web/main/layout/sub_visual2.png'); }
.sub_title > div.tit_wrap3:before{background-image:url('/images/web/main/layout/sub_visual3.png'); }
.sub_title > div.tit_wrap4:before{background-image:url('/images/web/main/layout/sub_visual4.png'); }
.sub_title > div.tit_wrap5:before{background-image:url('/images/web/main/layout/sub_visual5.png'); }
.sub_title > div.tit_wrap6:before{background-image:url('/images/web/main/layout/sub_visual6.png'); }
.sub_title h2{position:relative; width:1200px; margin:auto; z-index:1; line-height:30px; letter-spacing:-1px; font-size:30px; font-family:'NotoB'; }
.sub_title h2 span{position:relative; display:inline-block; padding-left:10px; margin-left:10px; font-family:'NotoL'; }
.sub_title h2 span:before{content:""; position:absolute; top:50%; left:0; width:1px; height:75%; background:#fff; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
.sub_title p{position:relative; width:1200px; margin:auto; z-index:1; font-size:13px; margin-top:5px; }
@-webkit-keyframes bg_move{
	0% {background-position:50% 0; }
	50% {background-position:50% 100%; }
	100% {background-position:50% 10%; }
}
@keyframes bg_move{
	0% {background-position:50% 0; }
	50% {background-position:50% 100%; }
	100% {background-position:50% 10%; }
}

/* Sub : layout */
#container:before{content:""; position:absolute; bottom:0; left:50%; width:500%; height:1px; background:#ddd; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); }
#subContent{position:relative; display:block; width:1200px; margin:auto; padding-bottom:10rem; overflow:hidden;}
.subContent_body{position:relative; min-height:600px; overflow:hidden; line-height:1.4; font-size:14px; }
.subContent_body:after{content:""; display:block; clear:both; overflow:hidden; }
.page_title{border-bottom:1px solid #ddd; padding:20px 0; margin-bottom:40px; position:relative; }
.page_title h2{padding-right:5rem; font-family:'NotoM'; color:#222; font-size:28px; }
	
/* Sub : location */
#location{position:relative; display:block; overflow:hidden; font-size:14px; padding:20px 0 0; }
#location img{vertical-align:middle; margin-top:-2px; }
#location span,
#location strong{display:inline-block; padding-left:13px; margin-left:7px; background:url('/images/web/main/layout/bgLocation.gif') no-repeat 0 5px; }
#location span{color:#666; }
#location strong{color:#333; }
	
/* Sub : until */
.subT_box{display:none; position:relative; background:#183e72; }
.location{padding-left:5%; font-size:0; line-height:0; }
.location *,
.location *:before,
.location *:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.location > ul > li{font-size:16px; display:inline-block; zoom:1; position:relative; }
.location > ul > li > a{display:block; position:relative; min-width:320px; line-height:50px; height:50px; color:#fff; padding:0 50px 0 25px; border-right:1px solid #5e789d; }
.location > ul > li > a::after{content:url('/images/web/main/layout/icon_arr_wh.png'); position:absolute; right:15px; top:0; display:block; }	
.location > ul > li:first-child > a{width:50px; min-width:0px; padding:0; border-left:1px solid #5e789d; text-align:center; }
.location > ul > li:first-child > a::after{content:""; }
.location > ul > li.on > a::after{transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); }
.location > ul > li > a::after{transition:all .2s ease; -ms-transition:all .2s ease; -webkit-transition:all .2s ease; -o-transition:all .2s ease; }
.location .sub_dep{position:absolute; left:0px; top:50px; width:100%; background:#02285d; z-index:20; display:none; }
.location .sub_dep li a{background-image:none; font-size:14px; padding:10px 20px; line-height:1.4; color:#fff; border-top:1px solid #27456f; display:block; }
.location .sub_dep li:first-child a{border:0; }
.location .sub_dep li a:hover{background-color:#2060aa; color:#fff; }
.location .sub_dep li a{transition:all .2s ease; -ms-transition:all .2s ease; -webkit-transition:all .2s ease; -o-transition:all .2s ease; }
.location .sub_dep li a[target='_blank']::after{content:url("/images/web/main/layout/icon_black_wh.png");float:right; }
	
/* Sub : sns */
.snsBox{position:absolute; top:22px; right:0; text-align:right; z-index:10; }
.snsBox button{display:inline-block; *display:inline; zoom:1; width:26px; height:26px; overflow:hidden; margin-left:3px; background:url("/images/web/main/layout/btnSns.gif") no-repeat 0 0; cursor:pointer; }
.snsBox button > span{text-indent:-1140px; font-size:0; line-height:0; }
.snsBox .btnPrint{width:40px; height:40px; background:url("/images/web/main/layout/btn_print.png") no-repeat 0 0; }
.snsBox .btnShare{width:40px; height:40px; background:url("/images/web/main/layout/btn_sns.png") no-repeat 0 0; }
.snsBox .btnFbook{background-position:-29px 0; }
.snsBox .btnTwt{background-position:-58px 0; }
.snsBox .btnBlog{background-position:-87px 0; }
.snsBox .btnKkot{background-position:-116px 0; }
.snsBox .btnBand{background-position:-145px 0; }
.snsBox .sns_more{display:none; position:absolute; top:45px; right:0; width:126px; border:1px solid #bbb; border-radius:2px; padding:10px 10px 10px 7px; z-index:30; background-color:#fff; }

/* Sub : line */
.hr{height:10px; border-bottom:1px solid #ddd; margin-bottom:30px; }

/* Sub : navigation */
.sub_navi{position:relative; width:230px; z-index:9; float:left; padding-right:30px; background:#fff; }
.sub_navi h2{background:url('/images/web/main/sub/bg_sub_nav.png') no-repeat center; line-height:140px; font-size:30px; font-weight:normal; color:#fff; text-align:center; }
.subNav{border:1px solid #ddd; margin-top:10px; }
.subNav li a{display:block; padding:0 20px; line-height:50px; position:relative; border-top:1px solid #ddd; }
.subNav li:first-child a{border-top:0; }
.subNav li.dep a::after{content:url('/images/web/main/sub/btn_subnav_more.png'); position:absolute; right:20px; top:0; }
.subNav li.on > a{background:#353c47; color:#fff; }
.subNav li.on > a::after{content:url('/images/web/main/sub/btn_subnav_close.png'); }
.subNav li ul{background:#edf2f4; padding:10px 20px; display:none; }
.subNav li ul li a{line-height:25px; padding:0 0 0 15px; border:0; }
.subNav li ul li a:hover{text-decoration:underline; }
.subNav li ul li a::after, .subNav li.dep ul li a::after{content:""; }
.subNav li ul li a::before{content:""; width:5px; height:2px; position:absolute; left:0; top:12px; background:#353c47; }
.subNav li a{transition:all .2s ease; -ms-transition:all .2s ease; -webkit-transition:all .2s ease; -o-transition:all .2s ease; }

/* Sub : quick menu */
.quickMenu{display:none; position:absolute; top:230px; right:0; width:120px; height:auto; text-align:center; z-index:99; }
.quickMenu h2{font-size:16px; font-weight:bold; height:50px; line-height:50px; color:#fff; background:#039be5; }
.quickMenu ul{background:#fff; border:1px solid #d3dbe0; border-top:0; border-bottom:0; }
.quickMenu ul li{display:block; font-size:14px; line-height:18px; padding:13px 5px;word-break:keep-all; border-bottom:1px solid #d3dbe0; }
.quickMenu ul li a{color:#333; }
.quickMenu ul li.bcol{color:#333; background:#f1f4f9; }
.quickMenu ul li:hover a{text-decoration:underline; }
.quickMenu .topBtn{font-size:14px; font-weight:bold; line-height:50px; color:#fff; background:#000 url(/images/web/main/layout/icon_arr_wh_top.png) no-repeat center 10px; opacity:0.6; padding-top:15px; }
.quickMenu a.topBtn{width:120px; height:50px;display:block; color:#fff;font-size:13px;font-weight:bold; line-height:33px; box-sizing:border-box; }
.quickMenu .quickClose{position:absolute; left:50%; top:0; margin-left:-25px; display:none; }
.quickMenu .quickOpen{position:absolute; left:50%; top:0; margin-left:-25px; }
.quickMenu ul.on{display:block; }
.quickMenu ul{display:none; }


/********** RESPONSIVE *************/
@media screen and (max-width:1800px){
	footer .ft_area{width:100%; }
	
	/* #=========================================#
	| SUB |
	#=========================================# */
	/* Sub : layout */
	#subContent{width:calc(100% - 480px); margin-left:200px; }
	.subContent_body{margin:0 3%; }
	.satisfaction{margin:0 3%; }
	#location{padding-left:3%; }
	
	/* Sub : sub title */
	.sub_title{padding-left:200px; }
	.sub_title h2{width:auto; margin:0 3%; }
	.sub_title p{width:auto; margin:0 3%; }
}
@media screen and (max-width:1200px){
	#container{margin-left:0; }

	/* Header */
	.area_header{height:3.5rem; width:100%; position:fixed; z-index:300; min-width:320px; }
	.area_header header .hd_wrap h1{position:absolute; top:50%; left:50%; max-width:calc(100% - 7rem); height:auto; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
	.area_header header .hd_wrap h1 a{height:auto; line-height:1; }
	.area_header header .hd_wrap h1 a > img{display:block; max-width:100%; }
	.area_header header .gnb{display:none; }
	.area_header header .hd_wrap{width:100%; height:100%; }
	.area_header .userLogin{display:none; }

	/* Header : search */
	button.m_search{display:block; position:absolute; right:2.5%; top:.75rem; width:2.1rem; height:2.1rem; background:url('/images/web/main/layout/icon_m_search.png') no-repeat center; }

	/* Header : search mobile */
	.box_search{top:3.5rem; right:0; }
	.box_search .search_wrap{background:rgba(0,0,0,0.8); }
	.box_search .search_wrap input{height:2.8rem; line-height:2.8rem; padding:0 3.5rem 0 .5rem; }
	.box_search .search_wrap button{width:2.8rem; height:2.8rem; }
	.box_search button.search_closed{width:2.1rem; height:2.1rem; top:-2.75rem; right:0; border-left:0; margin-right:3%; background:#fff url('/images/web/main/layout/icon_m_close.png') no-repeat center !important; }
	.box_search button.search_closed > span{position:absolute; margin:-1px; padding:0; width:1px; height:1px; overflow:hidden; border:0; clip:rect(0, 0, 0, 0); }
	.box_search .search_wrap{padding:1.5rem 1rem; }

	/* Header : site map */
	.area_header header .sitemap{display:none; }

	/* Header : lnb */
	#lnb{display:none; width:100%; background:rgba(0,0,0,0.9); border-top:1px solid #0f4374; }
	#lnb .depth2{display:none; width:100%; height:auto; position:relative; left:auto; top:auto; box-shadow:none; }
	#lnb .depth2 ul{width:100%; }

	/* Header : menu mobile */
	.m_nav_btn{display:block; }
	.m_nav_btn button{display:block; position:absolute; left:2.5%; top:.75rem; width:2.1rem; height:2.1rem; background-repeat:no-repeat; background-position:center; }
	.m_nav_btn button.m_show{background-image:url('/images/web/main/layout/icon_m_nav.png'); }
	.m_nav_btn button.m_closed{background-image:url('/images/web/main/layout/icon_m_close.png'); display:none; }

	#m_lnb{display:none; position:absolute; top:3.5rem; width:100%; height:100vh !important; background:rgba(0,0,0,0.9); border-top:1px solid #0f4374; z-index:110; font-family:'NotoM'; overflow:scroll; }
	#m_lnb .mn_wrap{width:100%; max-height:calc(100% - 10rem); margin:auto; overflow:hidden; overflow-y:scroll; }
	#m_lnb .userLogin{display:block; }

	.m_nav p.lang{width:100%; line-height:50px; background:#0059c6; }
	.m_nav p.lang a{color:#fff; display:block; }
	.m_nav p a > span{position:relative; display:inline-block; padding-left:2.5rem; }
	.m_nav p a > span::before{content:''; position:absolute; width:1rem; height:1rem; left:1.2rem; top:.75rem; background-position:center; background-size:100% 100%; background-repeat:no-repeat; }
  	.m_nav p.lang a > span::before{background-image:url('/images/web/main/layout/icon_nav_lang.png'); }
	.m_nav .depth1{width:100%; }
	.m_nav .depth1 a.tit{display:block; padding:0 .75rem; line-height:2.5rem; font-size:.85rem; letter-spacing:-1px; position:relative; font-family:'NotoM'; background:#f4f4f7; border-bottom:1px solid #ddd; }
	.m_nav .depth1.active > a.tit,
	.m_nav .depth1 > a.tit.active{background:#5966df; color:#fff; }
	.m_nav .depth1.dep a.tit::before{content:""; position:absolute; right:1rem; top:1.25rem; width:.6rem; height:.1rem; background:#333; z-index:1; }
	.m_nav .depth1.dep a.tit::after{content:""; position:absolute; right:1.25rem; top:1rem; width:.1rem; height:.6rem; background:#333; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
	.m_nav .depth1.dep.active a.tit::before,
	.m_nav .depth1.dep a.tit.active::before{background:#fff; }
	.m_nav .depth1.dep.active a.tit::after,
	.m_nav .depth1.dep a.tit.active::after{-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); background:#fff; }
	.m_nav .depth2{display:none; width:100%; height:100%; background:#08214c; overflow:hidden; z-index:0; }
	.m_nav .depth2 ul li{position:relative; }
	.m_nav .depth2 > ul > li a{display:block; line-height:2.5rem; padding:0 .75rem; color:#222; background:#fff;border-bottom:1px solid #e4e4e5;position:relative; font-size:.75rem; }
	.m_nav .depth2 > ul > li.ov a{background:#bbc8ff; }
	.m_nav .depth2 ul li.dep3::before{content:""; position:absolute; right:1rem; top:1.25rem; width:.6rem; height:.1rem; background:#333; z-index:1; }
	.m_nav .depth2 ul li.dep3::after{content:""; position:absolute; right:1.25rem; top:1rem; width:.1rem; height:.6rem; background:#333; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
	.m_nav .depth2 ul li.dep3.ov::after{-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); }
	.m_nav .depth2 ul li .depth3{display:none; padding:.5rem 0; background:#ebefff; }
	.m_nav .depth2 ul li .depth3 li{width:100%; }
	.m_nav .depth2 ul li .depth3 li a{line-height:20px; border:0; margin:0 15px; position:relative; padding:.15rem 0 .15rem .5rem; font-size:.7rem; color:#262c5f; background:transparent; }
	.m_nav .depth2 ul li .depth3 li a::before{content:""; width:.15rem; height:.15rem; border-radius:3px; position:absolute; left:0; top:.5rem; background:#5966df; }

	.area_header .futureEdu{line-height:50px; font-size:14px; overflow:hidden; margin-top:0; }
	.area_header .futureEdu > ul{display:table; table-layout:fixed; width:100%; }
	.area_header .futureEdu > ul > li{display:table-cell; vertical-align:middle; }
	.area_header .futureEdu > ul > li a{display:block; position:relative; text-align:left; padding-left:50px; background:#fff; border-bottom:1px solid #ccc}
	.area_header .futureEdu > ul > li a::before{content:''; position:absolute; width:1rem; height:.85rem; left:.75rem; top:.85rem; background-repeat:no-repeat; background-size:100% 100%; background-repeat:no-repeat; }
	.area_header .futureEdu > ul > li.reservation a::before{background-image:url('/images/web/main/layout/icon_reservation.png'); }
	.area_header .futureEdu > ul > li.forum a::before{background-image:url('/images/web/main/layout/icon_forum.png'); }
	.area_header .futureEdu > ul > li.webzine a::before{background-image:url('/images/web/main/layout/icon_web.png'); }
	.area_header .futureEdu > ul > li.forum a{border-left:1px solid #ccc; border-right:1px solid #ccc; }
	.side_bottom .futureEdu{display:none; }

	/* footer */
	footer{position:relative; width:100%; padding:1rem 0 1.5rem; margin:0; left:auto; top:auto; background:#fff; }
	footer .ft_info span{display:inline-block; }
	
	/* footer :side_bottom */
	.side_bottom{position:relative; width:100%; padding:10px 0 0; margin:0; left:auto; top:auto; border-top:1px solid #ddd; background:#fff; text-align:center; }
	.side_bottom .sb_link li{display:inline-block; }
	.site_link .list01{text-align:left; }
	.site_link .list02{text-align:left; }

	/* #=========================================#
	| SUB |
	#=========================================# */
	
	/* Sub : layout */
	#subContent{width:calc(100% - 6%); margin:auto; padding-bottom:2.5rem; }
	.subContent_body{margin:0; }
	.box_mot_1 .ft_area{width:100%; }
	.box_mot_1 footer{margin-left:0; }
	.satisfaction{margin:auto; }
	
	#wrap{overflow:visible; }
	#wrap,
	.area_footer,
	.box_footer, .f_btn_scroll{width:100%; }

	#web, #lnb{display:none; }
	#tablet, .tabletlogo{display:block; }

	.box_mot_1{background:#fff; overflow:hidden; width:100%; }
	.box_mot_1.on{position:fixed; top:0; }
	.box_mot_1.on2{position:relative; top:920px; }

	.subT_box{display:block; }
	
	/* Sub : location */
	#location{display:none; }
	.location > ul > li > a{min-width:200px; }
	
	/* Sub : sub title */
	.sub_title{padding-left:0; }
	.sub_title h2, .sub_title p{padding-left:0; text-align:center; }

	/* Sub : quick menu */
  	.quickMenu{display:none; }
	.box_mot_1{padding-left:0px; padding-top:3.5rem; }
	.sub_title .tit_wrap, 
	.sub_title .tit_wrap1, 
	.sub_title .tit_wrap2, 
	.sub_title .tit_wrap3, 
	.sub_title .tit_wrap4, 
	.sub_title .tit_wrap5, 
	.sub_title .tit_wrap6{padding:20px 0 20px 5%; background-size:cover; }
	.location{padding:0; }
	.location > ul > li:first-child > a{border-left:0; }

}
@media screen and (max-width:1024px){
	/* footer */
	footer .ft_info{margin-bottom:1rem; }
	.f_kedu{position:relative; display:inline-block; width:5rem; left:auto; top:auto; margin:0 .5rem; vertical-align:middle; }
	.f_mark{position:relative; display:inline-block; width:5rem; right:auto; top:auto; margin:0 .5rem; vertical-align:middle; }
	.f_kedu img,
	.f_mark img{display:block; max-width:100%; }
}
@media screen and (max-width:960px){
	/* Header : search */
	.box_search .search_wrap{padding:1rem; }
}

@media screen and (min-width:769px){
	/* Header : util over */
	.area_header .gnb li a:hover{background:#244e8a; }
	.area_header .gnb li + li a:hover{background:#00868e; }

	/* Header : lnb over */
	#lnb .depth1 > a.tit:hover{color:#fff !important; background:#5966df; }
	#lnb .depth2 ul li a:hover.tit{background:#bbc8ff; }
	#lnb .depth2 ul li .depth3 li a:hover > span{text-decoration:underline; }

	/* Header : login over */
	.area_header .userLogin li a:hover{background:#f1f1f1; text-decoration:underline; }

	/* Header : serch over */
	.box_search button.search_closed:hover{background-color:#244e8a; }

	/* Header : side_bottom over */
	.side_bottom .sb_link li a:hover{text-decoration:underline; }

	/* footer over */
	footer .ft_link li a:hover{text-decoration:underline; }

}
@media screen and (max-width:740px){
	/* #=========================================#
	| SUB |
	#=========================================# */
	/* Sub : layout */
	.page_title h2{font-size:22px; }	
	
	/* Sub : until */
	.location > ul > li{font-size:15px; }
	.location > ul > li > a{line-height:50px; height:50px; min-width:0px; padding:0 50px 0 15px; }
	.location > ul > li:first-child > a{padding:0 20px; }
	.location .sub_dep{top:50px; }
	.location .sub_dep li a{font-size:13px; }
}

@media screen and (max-width:540px){

	/* Header */
	.area_header .futureEdu > ul > li{float:none; width:100%; }
	.area_header .futureEdu > ul > li.forum a{border-left:none; border-right:none; }
	
	/* #=========================================#
	| SUB |
	#=========================================# */
	/* Sub : until */
	.location > ul > li:first-child > a{display:none; }
	.location > ul > li{width:100%; display:block; border-bottom:1px solid #5e789d; }
	.location > ul > li > a{width:100%; }


}
@media screen and (max-width:480px){
	/* footer */
	.f_kedu,
	.f_mark{width:4rem; }
	
	/* #=========================================#
	| SUB |
	#=========================================# */
	/* Sub : sub title */
	.sub_title h2{font-size:1.2rem; }
	
}