#header {height: 114px;}
#font_control {height: 47px;}

.logo span > span {font-size: 17px; color: #222;}
#topmenu {padding: 0; display: flex; justify-content: right;}
#topmenu > li:last-child {display: block;}

#topmenu > li { width: 15%;}

.btn_menu {display: none;}


/* ����޴� */
#fontSize {width: 76.5%;}
#subContent {padding: 110px 0 11em 0;}

#submenu {margin-top: -200px;}
#subContent #content {width: 100%;}
#submenu .sm_tit {padding: 75px 0 0; border-radius: 30px 30px 5px 5px; height: 180px; background: url("../../images/ch/sub/bg_snb.png") center no-repeat;}
#submenu .sm_tit h2 {font-family: "NanumSquare"; font-weight: 800; font-size: 30px;}
#submenu .depth2 > li:hover > a, #submenu .depth2 > li > a:hover, #submenu .depth2 > li > a:focus, #submenu .depth2 > li.current_on > a {
    border: 2px solid #2f93c2;
    color: #1178a8;
}
#submenu .depth2 > li > a:after {width: 31px;height: 22px; background: url("../../images/ch/sub/ico_menu.png") no-repeat -65px 0;}

#submenu .depth2 > li > a {
    position: relative;
    display: flex;
    align-items: center;
    height: 61px;
    line-height: 1.4;
    padding: 0 0 0 28px;
    font-weight: 400;
    font-size: 20px;
    color: #000;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-decoration: none;
    box-sizing: border-box;
    word-break: keep-all;
}

.util_wrap .btns {border-radius: 50%;}
#pageTitle {padding: 45px 0 0;}
#pageInfo {height: 170px;}
#pageInfo:before {
    background: url("../../images/ch/sub/bg_subvisual.png") center no-repeat;
}
.location span {font-family: "NanumSquare";}
.location .home {background-position: 6px -164px;background-color: #2f93c2;}
#container_sub {margin-top: 0;}


.inner {padding: 0;}
@media all and (max-width:1680px) {
    #subContent {width: 95%;}
    #pageInfo {margin: 0;}
    #header {height: 86px;}
    #topmenu > li > a {line-height: 86px;}
    #submenu .depth2 > li > a {font-size: 18px; padding: 0 0 0 20px;}
    .logo {top: 20px; left: 0;}
}
@media all and (max-width:1024px){
    #subContent {padding: 50px 0 11em 0;}
    .btn_menu {
        display: block;
        border: none;
        width: 25px;
    }
    #header {height: 80px;}
    .btn_global.on + .global {left: 0;}
}
@media all and (max-width:680px){
    #pageInfo {height: 140px;}
    #subContent {padding: 80px 0 11em 0;}
    .util_wrap {bottom: -30px;}

	.location {bottom: -92px;}
	
}
@media all and (max-width:568px){
    #pageTitle {padding: 30px 0 0;}
}

#footer {padding:10px 0 0 0;}
#footer .logo strong{padding :0 0 2px;}
#footer .logo span{font-size:10px; font-family:"Noto Sans KR"; font-weight:400;}




@media all and (max-width:1024px) {
	#footer .logo span{font-size:9px;}
    #footer .inner {width: 95%;}
}
@media all and (max-width:860px) {
}
@media all and (max-width:768px) {
	#footer .logo span{font-size:8px;}
}