@charset "utf-8";

.btn_menu{display:none;}

.logo strong{padding:7px 0 0; text-transform:uppercase;}
#topmenu > li{width:33.33%;}
#topmenu > li > a{font-size:20px;}
#topmenu .menu .tit h2,
#submenu .sm_tit h2{font-family:'Noto Sans KR';}

#footer{padding:55px 0;}
#footer .logo strong{padding:12px 0 0; font-size:24px;}

#container_sub{background:url(../../images/kr/common/bg_content.png) no-repeat bottom center;}
#subVisual{background:none;}
#subVisual .img{overflow:hidden; position:relative; height:290px;}
#subVisual .img img{position:absolute; top:0; left:50%; margin:0 0 0 -960px;}
#subContent{padding-bottom:11.3em;}

#pageInfo{float:none; width:100%; height:auto; padding:0; margin:-6px 0 0; color:#222; background:url(../../images/kr/common/bg_pageInfo.gif) repeat-x bottom left;}
#pageInfo h3{padding:0 0 38px; font-family:'Noto Sans KR';}
.location{position:absolute; top:6px; right:0; color:#555;}
.location a{color:#295daa;}
.location span:before{border-color:#999;}

#sub_default{padding:40px 0 0;}

@media all and (max-width:1280px) {
    #subVisual .img img{left:auto; right:-300px; margin:0;}
}

@media all and (max-width:1024px) {
    #top .global{width:auto;}
    #top .global > li:not(.list3){width:120px;}
    #top .global > li:last-child{border-right:1px solid #ddd;}
    
    .btn_menu{display:block;}
    .logo strong{padding:8px 0 0 !important;}
    
    #subVisual .img{height:auto;}
    #subVisual .img img{position:static; width:140%; max-width:140%; margin:0 0 0 -20%;}
    
    #pageInfo{margin:0;}
    #pageInfo h3{padding:20px 0;}
    .location{top:50%; transform:translateY(-50%);}
}

@media all and (max-width:768px) {
    #top{height:34px;}
    #top .global{width:calc(100% - 106px);}
    #top .global > li:not(.list3){width:25%;}
    .util_wrap .sns{top:2px; right:10px;}
    
    #footer{padding:35px 0;}
    #footer .info{padding:0;}
    
    #container_sub{background-size:contain;}
}

@media all and (max-width:568px) {
    #top .global{width:100%;}
    #top .btn_global{padding-left:25px;}
    #top .btn_global:after{margin-left:10px;}
    
    .util_wrap .sns{display:none;}
    
    .logo strong{padding:10px 0 0 !important;}
    
    #pageInfo h3{padding:15px 0;}
    .location{position:static;}
    .location a{padding:3px 0 0;}
    .location span:before{margin-top:7px;}
}

@media all and (max-width:380px) {
    #top{height:33px;}
}