@charset "utf-8";
.global2,
#search,
#footer .link,
.linksite,
#pageTitle h3:after{display:none;}

#submenu .depth2 > li > a:before{background-color: #497eb6;}
#submenu .depth2 > li:hover > a, #submenu .depth2 > li > a:hover, #submenu .depth2 > li > a:focus, #submenu .depth2 > li > a:active, #submenu .depth2 > li.current_on > a{border-color: #497eb6;}
#submenu .sm_tit{background: #246d9e url(/images/ch/common/bg_subtit.gif) no-repeat;} 

#header{height:85px;}
#menuArea {top:45px; background:#fff;}
#menuArea:before{top:85px;}
#menuArea .bar{top:82px; background: rgb(0, 85, 179);}
#topmenu{padding:0 0 0 300px;}
#topmenu > li,
#topmenu > li.menu5{width:20%;}
#topmenu > li > a{line-height:85px;}

#topmenu > li:hover > a,
#topmenu > li > a:hover,
#topmenu > li > a:active,
#topmenu > li > a:focus,
#topmenu > li.current_on > a,
#topmenu li li a:hover,
#topmenu li li a:active,
#topmenu li li a:focus,
#topmenu li li.current_on a{color:#1d3a5a;}
#topmenu li .menu{height:200px;}

#top .global > li > a {padding: 0 16px;}
 
#footer{padding:35px 0; color:#fff; background:#6a6a6a;}
#footer .logo,
#footer .btn_top{display: none !important;}

/* 폰트 사이즈 컨트롤 */
#font_control {height:43px;}
#font_control h2 {padding:15px 12px 0 0; font-size: 14px;}
#font_control li {width:43px; background-color:#fff; margin: 0;}
#font_control li a {position: relative; height:43px; line-height:40px; border: 1px solid #ababab; margin: 0 0 0 -1px;}
#font_control li a:hover{border: 1px solid #888; z-index: 3;}
#font_control li.img a{background-image: url("/images/ch/common/ico_util.png");}
#font_control li.big a {background-position:14px -38px;}
#font_control li.small a {background-position:14px -82px;}
#font_control li.print a {background-position:12px 13px;}

/* 로고 영역 */
h1.logo{top: 20px;}

/* 서브페이지(환영인사) 비주얼 */
#sub_visual {position:relative; width:100%; height:352px; background:url("/images/ch/sub/sub_visual_bg.jpg") center center repeat-x;}
#sub_visual .img_kids {position:absolute; left:50%; bottom:0; height:90%; margin:0 0 0 -566px; margin:0 0 0 -480px;}
#sub_visual .img_txt1 {position:absolute; top:65px; left:50%; margin:0 0 0 171px;}
#sub_visual .img_txt2 {position:absolute; top:115px; left:50%; margin:0 0 0 171px;}
#sub_visual .visual_txt {display:inline-block; position:absolute; top:47%; left:50%; width:406px; margin:0 0 0 174px; word-break: keep-all;}

@media all and (max-width:1200px){
    #sub_visual .img_kids {left: 2%; height: auto; width: 600px; margin: 0 0 0 0px;}
    #sub_visual .img_txt1 {top: 80px;}
    #sub_visual .img_txt1,
    #sub_visual .img_txt2 {left: 50%; height: 30px; margin: 0 0 0 100px;}
    #sub_visual .visual_txt {width: 300px; margin: 0 0 0 103px;}
}
@media screen and (max-width:1024px) {
	#header{height:70px;}
    h1.logo{top: 16px;}
    h1.logo a img {height:50%;}
    .m_menu .logo {top:25px;}
    .logo img {margin-right:4px;}
    .m_menu .logo a span {line-height:68px;}
    .m_menu .logo a span em {line-height:50px;}
}
@media all and (max-width:1024px) {
    #sub_visual .img_kids {height: auto; width: 500px;}
}
@media all and (max-width:840px) {
    #sub_visual .img_kids {left:50%; width:450px; transform:translateX(-50%);}
    #sub_visual .img_txt1 {top:36px; left:50%; margin:0 0 0 0; transform:translateX(-50%);}
    #sub_visual .img_txt2 {top:70px; left:50%; margin:0 0 0 0; transform:translateX(-50%);}
    #sub_visual .visual_txt {display:inline; top:30%; left:0%; width:100%; margin:0; padding:0 10px; text-align:center; transform:translateX(-0%); box-sizing:border-box;}
}
@media screen and (max-width:768px) {
	#header{height:55px;}
    h1.logo{top: 16px;}
    h1.logo a img{height: 26px;}
    .m_menu .logo {top:30px;}
    .logo img {margin-right:4px;}
    .m_menu .logo a span {line-height:30px;}
    .m_menu .logo a span em {line-height:22px;}
}
@media screen and (max-width:568px) {
	
}
@media all and (max-width:500px) {
    #sub_visual .visual_txt > br {word-break: keep-all;}
}
@media all and (max-width:400px) {
	
}

/* 바텀 풋터 영역 */
@media all and (max-width:1024px){
    #footer .info{padding:0 10px 0;}    
}