@charset "utf-8";


/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {font-size:100%;vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
table {border-collapse:collapse;border-spacing:0}
body {-webkit-text-size-adjust:none} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none; border-radius:0}
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
body {background:#fff}
body,th,td,input,select,textarea,button {font-size:16px;line-height:1.5;font-family:'Nanum Gothic','나눔고딕','Malgun Gothic', '맑은 고딕', sans-serif;color:#000;letter-spacing:-0.025em;} /* color값은 디자인가이드에 맞게사용 */
a {color:#000;text-decoration:none}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
img {vertical-align:top;}
select {border-radius:0}


.f_l {float:left}
.f_r {float:right}
.cl_b {width:0;height:0;font-size:0;line-height:0;clear:both}
.show {display:block}
.hide {display:none}
.tbl {border-collapse:collapse;border-spacing:0} /* 테이블 초기화 */
.clear_g {display:block;overflow:visible;width:auto;clear:both;*zoom:1}
.clear_g:after {display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}

.screen_out {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.longdesc_hidden { overflow:hidden; position:absolute; width:0px; height:0px; font-size:0px; line-height:0px; margin:0px; padding:0px; background:none; }


#accessibility-nav, #accessibility-contents {position:fixed;top:0;left:0;width:100%;}

#skipNav {position:absolute;left:0;top:0;width:100%;z-index:999;}
#skipNav a {display:block;width:100%;height:0px;background:#333;line-height:30px;color:#fff;text-align:center;font-weight:bold;overflow:hidden;}
#skipNav a:focus, #skipNav a:active {height:30px;}

#wrap {width:100%;min-width:320px;}

#header {width:100%;background:#fff;}
#header .inner {width:1200px;height:114px;margin:0 auto;}
#header .logo {float:left;padding-top:29px;}
#header .logo img {height:51px;}
#header .hd_right {float:right;padding-top:38px;}
#header .hd_right a {display:inline-block;height:34px;margin-left:20px;line-height:34px;font-size:16px;vertical-align:middle;}
#header .hd_right .tel {display:inline-block;height:34px;margin-left:20px;padding-left:40px;background:url(/sites/child/images/common/header_tel_ico.png) no-repeat left center;line-height:34px;font-size:16px;font-weight:700;vertical-align:middle;}
#header .hd_right .college_go {padding:0 10px;background:#00aeef;color:#fff;font-size:14px;}
#header .mobile_menu_btn {display:none;}

#gnb {position:relative;width:100%;height:95px;background:#ffec00;z-index:10;}
#gnb .inner {width:1200px;margin:0 auto;}
#gnb .gnb_list {overflow:hidden;}
#gnb .gnb_list .dep1 {float:left;width:20%;}
#gnb .gnb_list .dep1 .dep1_tit {display:block;height:95px;border-right:1px solid #fff;line-height:1.2;text-align:center;font-size:18px;}
#gnb .gnb_list .dep1:first-child .dep1_tit {border-left:1px solid #fff;}
#gnb .gnb_list .dep1 .dep1_tit:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
#gnb .gnb_list .dep1 .dep1_tit span {display:inline-block;vertical-align:middle;}
#gnb .gnb_list .dep1 .dep2 {display:none;padding:15px 0;background:#fff;}
#gnb .gnb_list .dep1:hover .dep2 {display:block;}
#gnb .gnb_list .dep1 .dep2 li a {display:block;padding:5px 0;text-align:center;font-size:18px;}
#gnb .gnb_list .dep1 .dep2 li a:hover {color:#00aeef;font-weight:700;text-decoration:underline;}

#mobileMenu {display:none;}
.mobile_menu_bg {display:none;}

#footer {background:#252e4d;}
#footer .inner {position:relative;width:1200px;margin:0 auto;padding:50px 0;}
#footer .top_go {display:block;position:absolute;top:-43px;left:50%;width:116px;height:48px;padding-top:10px;margin-left:-58px;background:#252e4d;border-radius:58px 58px 0 0;line-height:43px;text-align:center;color:#fff;font-size:16px;}
#footer .f_nav {margin-bottom:20px;}
#footer .f_nav a {display:inline-block;color:#8ea1e3;font-size:14px;vertical-align:middle;}
#footer .f_nav .cut {display:inline-block;width:1px;height:13px;margin:0 10px;background:#4b4e59;vertical-align:middle;}
#footer .family_site {position:absolute;top:35px;right:0;width:220px;z-index:100;}
#footer .family_site .select_box {position:relative;}
#footer .family_site .select_box .select_tit {width:220px;height:45px;padding:0 20px;background:url(/sites/child/images/common/family_site_arrow.png) no-repeat 95% center;border:1px solid #fff;text-align:left;color:#fff;font-size:14px;}
#footer .family_site .select_box .select_list {display:none;position:absolute;bottom:45px;left:0;right:0;background:#f4f4f4;border-left:1px solid #c6c6c6;border-right:1px solid #c6c6c6;}
#footer .family_site .select_box .select_list li {border-top:1px solid #c6c6c6;}
#footer .family_site .select_box .select_list li a {display:block;padding:5px 10px;font-size:14px;}
#footer .family_site .select_box .select_list li a:hover {background:#333;color:#fff;}
#footer .f_info .address {margin-bottom:5px;color:#fff;font-size:14px;}
#footer .f_info .address span {margin-right:15px;}
#footer .f_info .copyright {color:#aaacb5;font-size:14px;}


/* PC 1차 분기 */
@media screen and ( max-width:1200px ){
    
    #header .inner {width:96%;}
	
    #gnb .inner {width:100%;}
        
    #footer .inner {width:96%;}

    
    
}


/* Tablet CSS */
@media screen and ( max-width:1024px ){
    
    #header .inner {height:auto;margin:0 auto;}
    #header .logo {float:none;padding:10px 0;line-height:1;}
    #header .logo img {height:35px;}
    #header .hd_right {display:none;}
    #header .mobile_menu_btn {display:block;position:absolute;top:10px;right:2%;width:45px;height:35px;background:#ffec00;line-height:1;}
    #header .mobile_menu_btn img {height:18px;}
	
    #gnb {display:none;}
    
    #mobileMenu {position:fixed;top:0;right:-300px;bottom:0;width:260px;background:#fff;z-index:900;}
    #mobileMenu .mobile_menu_top {display:block;position:absolute;top:0;left:0;width:100%;background:#2e3192;border-bottom:2px solid #333;text-align:center;z-index:10;}
    #mobileMenu .mobile_menu_top > a {float:left;display:block;width:50%;padding:12px 0;color:#fff;font-size:0.9em;}
    #mobileMenu .mobile_menu_top .tel_area {width:100%;padding:10px 0;background:#fff;text-align:center;clear:both;}
    #mobileMenu .mobile_menu_top .tel_area a {display:inline-block;padding-left:40px;background:url(/sites/child/images/common/header_tel_ico.png) no-repeat left center;line-height:30px;font-size:1em;font-weight:700;}
    #mobileMenu .menu_list {width:100%;height:100%;padding-top:97px;background:#f3f4fa;box-sizing:border-box;overflow:hidden;}
    #mobileMenu .menu_list > ul {width:100%;height:100%;overflow-y:auto;}
    #mobileMenu .menu_list > ul > li.dep1 {float:none;width:100%;border-left:0;box-sizing:border-box;}
    #mobileMenu .menu_list > ul > li.dep1 .dep1_tit {position:relative;display:block;width:100%;padding:10px 40px 10px 20px;background:#ffec00;border-bottom:1px solid #fff;text-align:left;color:#000;font-size:1em;}
    #mobileMenu .menu_list > ul > li.dep1 .dep1_tit:after {content:"";display:block;position:absolute;top:50%;right:20px;width:17px;height:10px;margin-top:-5px;background:url(/sites/child/images/common/mobile_menu_arrow.png) no-repeat center center;background-size:cover;}
    #mobileMenu .menu_list > ul > li.dep1 .dep2 {display:none;padding:10px 20px;min-height:inherit;}
    #mobileMenu .menu_list > ul > li.dep1 .dep2 li {padding:0 0 0 10px;background-image:url(/sites/child/images/common/mobile_dep2_dot.gif);background-repeat:no-repeat;background-size:5px;background-position:left 10px;text-align:left;}
    #mobileMenu .menu_list > ul > li.dep1 .dep2 li a {font-size:0.9em;}
    #mobileMenu .mobi_menu_close {position:absolute;top:0;left:-40px;padding:10px;line-height:1;}
    #mobileMenu .mobi_menu_close img {height:19px;}
    
    .mobile_menu_bg {position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.8);z-index:800;}
        
    #footer .inner {padding:25px 0;}
    #footer .top_go {top:-35px;width:90px;height:40px;padding-top:5px;margin-left:-45px;border-radius:45px 45px 0 0;font-size:14px;}
    #footer .family_site {top:15px;}

        	
}


/* Mobile CSS */
@media screen and ( max-width:764px ){
        
    #footer .inner {padding:15px 0;}
    #footer .top_go {top:-29px;width:60px;height:30px;padding-top:0;margin-left:-30px;border-radius:30px 30px 0 0;font-size:0.8em;}
    #footer .f_nav {margin-bottom:5px;text-align:center;}
    #footer .f_nav a {margin-bottom:10px;font-size:0.8em;}
    #footer .f_nav .cut {height:10px;margin:0 5px 10px 5px;}
    #footer .f_nav .cafe_go img {height:13px;}
    #footer .family_site {position:relative;top:0;width:100%;margin-bottom:10px;}
    #footer .family_site .select_box .select_tit {width:100%;height:35px;padding:0 10px;font-size:0.8em;}
    #footer .family_site .select_box .select_list {bottom:35px;}
    #footer .family_site .select_box .select_list li a {font-size:0.8em;}
    #footer .f_info .address {text-align:center;font-size:0.8em;word-break:keep-all;}
    #footer .f_info .address span {margin-right:10px;}
    #footer .f_info .copyright {text-align:center;font-size:0.8em;}
    
}