@charset "utf-8";

#top_layout .top_wrap #logo a:nth-child(1){overflow: hidden;width: 45px;}
#top_layout .top_wrap #logo a em{margin-left: 5px;font-size:15px;line-height: 1.2;letter-spacing: 3.5px;color: #5b6065;text-align: left;}
#top_layout .top_wrap #logo a em:before{display:none;}
#top_layout .top_wrap #logo a em b{display: block;position: relative;left: -1px;margin-top: 2px;font-size: 29px;line-height: 1.2;letter-spacing: 0;color: #292d33;}
#top_layout .top_wrap .utile_wrap li.lang {width:140px;height: auto;margin: 36px 0 0;}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen_lang {position:relative;}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen_lang button {}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen_lang > button {display:block;width:100%;line-height: 38px;padding: 0 20px;color: #000;font-size: 15px;text-align:center;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen_lang > button:after {display:inline-block;margin: -3px 0 0 10px;width: 7px;height: 7px;border: solid #585858;border-width: 0 2px 2px 0;content:'';vertical-align:middle;transform: rotate(45deg);-webkit-transform:rotate(45deg);}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen_lang.on > button {opacity:0;}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen_lang > div {display:none;position:absolute;top: 36px;z-index: 3;width:100%;padding: 15px 20px 6px;border-radius: 0 0 20px 20px;border: 5px solid transparent;border-top: 0;background: #fff;}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen_lang.on > div {display:block;border-color: #d9e1f1;}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen_lang > div > button{display:block;position:absolute;top: -47px;left: -5px;width: 140px;height: 50px;line-height: 50px;padding: 0 20px;border: 5px solid #d9e1f1;border-radius: 15px 15px 0 0;border-bottom:none;background: #fff;color: #2f68c2;font-size: 15px;}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen_lang > div > button:before {display:block; position:absolute; content:''; left:10px; right:10px; bottom:0; width:auto; height:1px; border-bottom: 1px dashed #ddd;}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen_lang > div > button:after {display:inline-block;margin: 0 0 0 10px;width: 7px;height: 7px;border: solid #2f68c2;border-width: 2px 0 0 2px;content:'';vertical-align:middle;transform: rotate(45deg);}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen_lang > div .inner {}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen_lang > div .inner span {display:block;}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen_lang > div .inner span a {display:block;width:100%;margin: 5px 0;color: #000;font-size: 15px;text-align: left;transition: all 0.3s;}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen_lang > div .inner span a:hover,
#top_layout .top_wrap .utile_wrap li.lang .clickOpen_lang > div .inner span a:focus {text-decoration:underline;}

#gnb_layout{top:0}
#gnb_layout .depth1_ul{padding:0 0 0;text-align:center;}

#mobile-menu .modal-dialog .modal-content .topUtile .m_utile li.home a span{font-size:0;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile li.lang {position:relative;width: 120px;margin-left: 18px;vertical-align: top;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile li.lang:before {display:block;position:absolute;left: 0;top: 13px;content:'';width:1px;height:20px;background:#787e86;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile li.lang .clickOpen_lang {position:relative;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile li.lang .clickOpen_lang > button {display:block;width: 100%;height: 45px;line-height: 45px;padding: 0 20px;color: #fff;font-size: 14px;text-align: left;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile li.lang .clickOpen_lang.on > button {display:none;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile li.lang .clickOpen_lang > button:after {display:block;position:absolute;right: 20px;top: 20px;width: 5px;height: 5px;border: solid #fff;border-width: 0 1px 1px 0;content:'';transform: rotate(45deg);}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile li.lang .clickOpen_lang > button span {display:inline-block;width: 17px;height:17px;margin:-3px 5px 0 0;background-position:-20px 0; vertical-align: middle;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile li.lang .clickOpen_lang > div {display:none;position:absolute;top: 45px;z-index: 3;width:100%;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile li.lang .clickOpen_lang.on > div {display:block;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile li.lang .clickOpen_lang > div > button{display:block;position:absolute;top: -45px;left:0;width: 100%;height: 45px;line-height: 45px;padding: 0 20px;color: #fff;font-size: 14px;text-align: left;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile li.lang .clickOpen_lang > div > button:after {display:block;position:absolute;right: 20px;top: 23px;width: 5px;height: 5px;border: solid #fff;border-width: 1px 0 0 1px;content:'';transform: rotate(45deg);}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile li.lang .clickOpen_lang > div > button span {display:inline-block;width: 17px;height:17px;margin:-3px 5px 0 0;background-position:-20px 0; vertical-align: middle;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile li.lang .clickOpen_lang > div .inner {}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile li.lang .clickOpen_lang > div .inner span {display:block;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile li.lang .clickOpen_lang > div .inner span a {display:block;width:100%;height: 40px;line-height: 40px;background: #3e4651;color:#fff;border-bottom: 1px dashed #6a7179;font-size:14px;text-align: center;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile li.lang .clickOpen_lang > div .inner span:last-child a {border:none;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile li.lang .clickOpen_lang > div .inner span a:hover,
#mobile-menu .modal-dialog .modal-content .topUtile .m_utile li.lang .clickOpen_lang > div .inner span a:focus {background:#18252f;}
#mobile-menu .modal-dialog .modal-content{padding-top:45px;}
#mobile-menu .modal-dialog .modal-content .modal-body{border:0;}
#mobile-menu .mobile-close{top:-32px}
#mobile-menu .mobile-close span:before,
#mobile-menu .mobile-close span:after{background: #fff;}

#svisual_layout {overflow: hidden;padding: 60px 0 0;background: url(/images/chn/common/subvisual.jpg)no-repeat center;background-size: cover;}
#svisual_layout .title {position:relative;text-align: center;}
#svisual_layout .title > span{display:block;line-height: 1;margin:0 0 5px;font-size: 16px;color: rgba(0,0,0,.7);}
#svisual_layout .title strong {display:block;font-family:'score';font-size: 34px;font-weight: bold;color: #222;}
#svisual_layout .title strong span {color:#00a8e5;}
#svisual_layout .title strong em {color:#1c4273; }

#foot_layout{background:none;}
#foot_layout .flogo{display:block;width: 139px;height:42px;margin: 0 auto 25px;background:url(/images/chn/common/flogo.png);font-size:0;}
#foot_layout .footer-info {border: 1px solid #dadcdf;}
#foot_layout .footer-info .snsbox .ftop {    background: rgba(47,168,229,.15);}
#foot_layout .footer-info .snsbox .ftop button{background:#05b9ee;}
#foot_layout .footer-info address,#foot_layout .footer-info address a,#foot_layout .footer-info p{color:#797979;text-align:center;}


@media(max-width:1023px){
    #svisual_layout {height:auto;padding: 50px 0 35px;}
    #svisual_layout .title img {width:100%; max-width:500px;}
}
@media (max-width:767px){
    #top_layout .top_wrap #logo a em{font-size: 12px;letter-spacing: 3px;}
    #top_layout .top_wrap #logo a em b{margin: 0;font-size: 24px;}

    #foot_layout .footer-info .snsbox .ftop button{background:none;color: #797979;}
}

@media(max-width:500px){
    #top_layout .top_wrap #logo a:nth-child(1){width: 38px;}
}


.lnb__title {background-color:#0e90db;}
.lnb_depth2__list > li.on > a {border-bottom: 2px solid #0e90db;}
.lnb_depth2__list > li.on > a:after {border:1px solid #0e90db; background:#0e90db;}
.lnb_depth2__list > li.on > a > span { color:#0e90db;}
.lnb_depth2__list .lnb_depth3__list{border-bottom: 2px solid #0e90db;}