@charset "utf-8";

.fixed__gnb #top_layout{position:relative;background: none;}
.fixed__gnb #top_layout .top_wrap{max-width:1366px;}
#top_layout .top_wrap #logo{width: 263px;height: 41px;margin: 17px 0 12px 0;}
#top_layout .top_wrap #logo .ir-tmpl{background-image:url(/images/cns/common/common_ir.png);background-position:0 0;}
#top_layout .top_wrap .utile_wrap li.search a#search-button .ir{background-position:-213px -220px;}
#top_layout .top_wrap .utile_wrap li.box{width:44px;height:44px;margin-top: -35px;}
#top_layout .top_wrap .utile_wrap li.box a{padding: 14px;border:1px solid #ddd;border-radius:5px;}
#top_layout .top_wrap .utile_wrap li.box a:hover .ir{background-position: -200px -51px;}
#top_layout .top_wrap .utile_wrap li.box.mo button .ir{right:10px}

#gnb_layout .layout{text-align: center;padding: 0 44px 0 261px;}
#gnb_layout .depth1_ul>li{width: 15% !important;}
#gnb_layout .depth1_ul>li>a:before{display:none;}
#gnb_layout .depth1_ul>li>a.current:after{height:4px;background-color:#21b6d7;border-radius:0;}
#gnb_layout .depth1_ul>li>a.current:before{display:block;position:absolute;right: 50%;top: auto;left: auto;bottom: 4px;width: 0;height: 0;margin: 0;background: none;border-width: 6px 0 6px 6px;border-style: solid;border-color: transparent transparent transparent #21b6d7;transform: rotate(-90deg) translateX(-50%);content:'';}

.slide_quick .family_btn ul>li button:focus{border:1px solid #fff;}

@media screen and (max-width:1024px) {
    #top_layout{background-color: #fafafa;}
    #mobile-menu .modal-dialog .modal-content .topUtile .logo{width: 130px;height: 37px;background-position:0 0;}
    #top_layout .top_wrap .utile_wrap li.search{margin-top:-33px;}
    #svisual_layout .svisual_wrap .subvisual-layout__text{left:auto}
}
@media screen and (max-width:767px){
    #top_layout .top_wrap #logo{width: 195px;height: 34px;margin: 14px auto;}
    #top_layout .top_wrap #logo .ir-tmpl{background-size: 100%;height: 38px;width: 242px;}
}