@charset "utf-8";
@-webkit-keyframes vibes2{
    0%,40%,80%,100% {-webkit-transform:translateY(0)}
    20%,60% {-webkit-transform:translateY(-3px)}
}
@keyframes vibes2{
    0%,40%,80%,100% {transform:translateY(0)}
    20%,60% {transform:translateY(-3px)}
}
.more{display:block;overflow: hidden;position:absolute;top:0;right:0;width:50px;height:50px;border:0;font-size:0;}
.more:before,
.more:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.more:before {width: calc(100%/2);height: 1px;background: #b2b2b2;}
.more:after {width: 1px;height: calc(100%/2);background: #b2b2b2;}
button[data-control]{position:relative;display:inline-block;margin:0 -4px;width:25px;height:25px;vertical-align:middle;overflow: hidden;}
button[data-control]:before,
button[data-control]:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
button[data-control="prev"]:before,
button[data-control="next"]:before{width: calc(100%/2.5);height: calc(100%/2.5);border-width:2px;border-style: solid;border-color: #333;transform: rotate(45deg);}
button[data-control="prev"]:before{right: -5px;border-width: 0 0 2px 2px;}
button[data-control="next"]:before{left: -5px;border-width: 2px 2px 0 0;}
button[data-control="stop"]:before{width: 2px;height: calc(100%/2);box-shadow: -3px 0 #333, 3px 0 #333;}
button[data-control="play"]:before{right: -5px;width: 0;height: 0;border-width: 10px 0 10px 15px;border-style: solid;border-color: transparent transparent transparent #333;}

.layout{position:relative;margin:0 auto;width:100%;max-width:1240px;}
.clear:after,
.layout:after{display:block;visibility:hidden;clear:both;content:""}

#top_layout{display:block;position: relative;z-index: 11;width:100%;height:80px;text-align:center;background: #fff;}
#top_layout.on {z-index: 999;}
#top_layout .top_wrap {height: 100%;padding: 0 0 0 30px;box-shadow: 5px 5px 10px rgba(0,0,0,.1);}
#top_layout .top_wrap #logo {position: relative;z-index: 11;float: left;padding: 21px 0 0;}
#top_layout .top_wrap #logo > a {display:inline-block;line-height: 38px;margin-right: 15px;color: #2a313a;font-size: 20px;font-weight: bold;font-family: 'nsr','맑은고딕','Malgun Gothic',-apple-system;vertical-align: top;}
#top_layout .top_wrap #logo > a span {display: inline-block;position: relative;width: 94px;height: 38px;margin: 0 26px 0 0;background: url(/template/A1/images/common/logo.png)no-repeat;background: url(/template/A1/images/common/logo.svg)no-repeat;background-size: 94px 38px;font-size: 0;vertical-align: top;}
#top_layout .top_wrap #logo > a span:after {display:block;position:absolute;top: 50%;right: -16px;content:'';width: 5px;height: 5px;margin-top: -2.5px;border-radius: 50%;background: #d9d9d9;}
#top_layout .top_wrap #logo .logoobj {display: inline-block;margin-top: 5px;vertical-align: top;}
#top_layout .top_wrap #logo .logoobj a {display:block;width: 100%;}
/* #top_layout .top_wrap #logo .logoobj a img {width: 140px;height: 35px;} */
#top_layout .top_wrap .selecttop {position:absolute;left: 150px;top:80px;}
#top_layout .top_wrap .selecttop.on {}
#top_layout .top_wrap .selecttop > button,
#top_layout .top_wrap .selecttop > div .clickClose {display:block;position: relative;width:70px;height:20px;border-radius:0 0 10px 10px;background:#05365d;font-size:0;}
#top_layout .top_wrap .selecttop > button:after,
#top_layout .top_wrap .selecttop > div .clickClose:after{display: block;position: absolute;top: 4px;left: 50%;content: '';width: 5px;height: 5px;margin-left: -2.5px;border: solid #fff;border-width: 0 0 2px 2px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
#top_layout .top_wrap .selecttop > div .clickClose:after {top: 8px;border-width:2px 2px 0 0 ;}
#top_layout .top_wrap .selecttop > div {display:none;position:absolute;left: 50%;top:0;width:140px;margin-left: -70px;}
#top_layout .top_wrap .selecttop.on > div {display:block;}
#top_layout .top_wrap .selecttop > div .inner {overflow-y: auto;height: 225px;padding: 0 15px;background:#ffffff;}
#top_layout .top_wrap .selecttop > div .inner .div {border-bottom:1px solid #ddd;}
#top_layout .top_wrap .selecttop > div .inner .div:last-child {border-bottom:none;}
#top_layout .top_wrap .selecttop > div .inner .div a {display:block;position:relative; line-height:45px;}
#top_layout .top_wrap .selecttop > div .inner .div a:after {display:block;position:absolute;opacity:0;content:'';left: 15px;right: 15px;bottom: 12px;z-index:1;width:auto;height:7px;background:#cde9f6;transition:all 0.3s;-webkit-transition:all 0.3s;}
#top_layout .top_wrap .selecttop > div .inner .div a:hover:after,
#top_layout .top_wrap .selecttop > div .inner .div a:focus:after {opacity:1;}
#top_layout .top_wrap .selecttop > div .inner .div a span {display:inline-block;position:relative;z-index: 3;}

#top_layout .top_wrap .selecttop > div .clickClose {margin:0 auto;}
#top_layout .top_wrap .utile_wrap {height:100%;float: right;}
#top_layout .top_wrap .utile_wrap li {float:left;position: relative;z-index: 11;}
#top_layout .top_wrap .utile_wrap li.kor {}
#top_layout .top_wrap .utile_wrap li.kor a {display:block;line-height:80px;padding-left: 20px;background: url(/template/A1/images/common/home2.png)no-repeat left 48%;font-size: 15px;font-family: 'nsr','맑은고딕','Malgun Gothic',-apple-system;color: #2a313a;}
#top_layout .top_wrap .utile_wrap li.pc {height:100%;margin-left: 30px;}
#top_layout .top_wrap .utile_wrap li.pc a {display: block;width: 80px;height:100%;background: #104073 url(/template/A1/images/common/menu.png)no-repeat center;font-size: 0;}
#top_layout .top_wrap .utile_wrap li.mo {display:none;}
#top_layout .top_wrap .utile_wrap li.mo button {display: block;width: 80px;height:100%;background: #104073 url(/template/A1/images/common/menu.png)no-repeat center;font-size: 0;}
#top_layout.on + .gnb_bg {display: block;z-index: 99;}
#top_layout + .gnb_bg {display: none;position: fixed;top: 44px;left: 0;z-index: 2;width: 100%;height: 100%;background: #000;opacity: 0.5;content:'';transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;}
.modal-open #top_layout .top_wrap #logo{z-index:-1;}

#gnb_layout{display: block !important;overflow:hidden;position:absolute;top: 0;left: 0;width: 100%;min-height:80px;transition: all 0.1s ease-out;-webkit-transition: all 0.1s ease-out;}
#gnb_layout:after{top:80px}
#gnb_layout.open{}
#gnb_layout.open:after{position: absolute;top: 80px;bottom: 0;right:0;width: 100%;height:auto;border-top: 1px solid #eee;background: #fff ;content:"";}
#gnb_layout.open:before{display:block;position:absolute;top: 91px;left: 0;right: 50%;z-index: 1;width: auto;height:100%;margin-right: 315px;background: #ebf3f9;content:'';}
#gnb {position: absolute;top:0px;left: 0;width: 100%;height: 80px;z-index:2;}
#gnb_layout.action{position:relative;background-color:#fff;}
#gnb_layout .layout{position:relative;height: 100%;}
#gnb_layout .depth1_ul{display:inline-block;float: none;height:100%;z-index:14;}
#gnb_layout .depth1_ul:after {display: block; content: ''; clear: both;}
#gnb_layout .depth1_ul>li{display:inline-block;float:left;height:100%;margin: 0 -2px;vertical-align:top;}
#gnb_layout .depth1_ul>li>a{position:relative;display:block;height:100%;padding: 0 35px;text-align:center;}
#gnb_layout .depth1_ul>li>a:before{display: block;position: absolute;top: 50%;left: -2.5px;content:'';width: 5px;height: 5px;margin-top: -2.5px;border-radius: 50%;background: #d9d9d9;}
#gnb_layout .depth1_ul>li:first-child>a:before{display:none;}
#gnb_layout .depth1_ul>li>a.current{}
#gnb_layout .depth1_ul>li>a.current span {font-weight: 700;color: #345aa0;}
#gnb_layout .depth1_ul>li>a.current + .item{opacity: 1;display: block}
#gnb_layout .depth1_ul>li>a span{display: inline-block;height: 100%;line-height: 80px;font-size: 18px;font-weight: 700;font-family: 'nsr';color: #282828;vertical-align: middle;}
#gnb_layout .depth1_ul>li>a[target="_blank"] span:after {display:inline-block;width: 12px;height: 11px;margin: -2px 0 0 5px;background: url(/template/A1/images/common/target.png) no-repeat;border: 0;transform: none;content:'';vertical-align:middle;}
#gnb_layout .depth1_ul>li>a span:before{display:block;opacity:0;position:absolute;left:50%;bottom: 0;content:'';margin-left: -2.5px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom:7px solid #345aa0;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
#gnb_layout .depth1_ul>li>a.current span:before {opacity:1;}
#gnb_layout .depth1_ul > li .item{display: none;position:absolute;top: 80px;left: 0;z-index: 100;width: 100%;min-height: 450px;margin: 0;padding-left: 325px;text-align: left;}
#gnb_layout .depth1_ul > li .item .gnb-title {position:absolute;top:0;left: 0;height:100%;padding: 80px 20px 0 0;width: 325px;text-align: left;}
#gnb_layout .depth1_ul > li .item .gnb-title:after {display:block;position:absolute;right:0; bottom:0; content:''; width:557px; height:265px; background:url(/template/A1/images/common/gnb_bg.png)no-repeat;}
#gnb_layout .depth1_ul > li .item .gnb-title strong{display:inline-block;position: relative;z-index: 1;margin: 0 0 30px;font-size: 42px;font-weight: 700;font-family: 'nsr';color: #006abe;line-height: 1.1;}
#gnb_layout .depth1_ul > li .item .gnb-title strong:after {display:block;position:absolute;left:-35px;top:-25px;content:'';width:69px;height:68px;background:url(/template/A1/images/common/gnb_obj.png)no-repeat;}
#gnb_layout .depth1_ul > li .item .gnb-title strong span { display: block; position: absolute; left: 6px; bottom: -6px; z-index: -1; width: 100%; font-size: 42px;font-weight: 700;font-family: 'nsr';color: #ebf3f9;line-height: 1.1;text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}
#gnb_layout .depth1_ul > li .item .gnb-title p{display:inline-block;position: relative;z-index: 1;width:100%;padding:0;margin:0;font-size:16px; font-family:'nsr';color: #526b8b;line-height: 1.4;}
#gnb_layout .depth1_ul > li .item .gnb-depth {position:relative;height:100%;min-height: 243px;}
#gnb_layout .depth1_ul > li .item .depth2_ul{float:left;position: relative;top: 0;height: 100% !important;min-height: 450px;width: 100%;padding: 40px 0 0;text-align:  left;}
#gnb_layout .depth1_ul > li .item .depth2_ul:before{display:block; position:absolute; top:0; left:33.33%; content:''; width:1px; height:100%; background:#ebedef;}
#gnb_layout .depth1_ul > li .item .depth2_ul:after{display:block; position:absolute; top:0; left:66.66%; content:''; width:1px; height:100%; background:#ebedef;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li{display: block;float: left;position:relative;width: 33%;padding: 0 40px 40px;margin: 0;text-align: left;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a{display:block;position: relative;margin: 0 0 10px;vertical-align: top;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a span {display: inline-block;position: relative;color: #333;font-size: 18px;font-weight: 700;font-family: 'nsr';vertical-align: top;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a span:before {display:block;opacity: 0;position:absolute;left: -10px;top: -8px;content:'';width:8px;height:8px;border-radius:50%;background:#006abe;transition:all 0.3s;-webkit-transition:all 0.3s;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a.on span,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:hover span,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:focus span {color:#006abe;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:hover span:before,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:focus span:before,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a.on span:before {opacity:1;}
#gnb_layout .depth1_ul > li .depth2_ul > li > a[target="_blank"]:before {display:inline-block;top: 18px;width:10px;height:10px;border:none;background:url(/template/A1/images/common/target.png)no-repeat;content:'';vertical-align:middle;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a.on[target="_blank"]:before,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a[target="_blank"]:hover:before,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a[target="_blank"]:focus:before {background-position:0 0;}
#gnb_layout .depth3_ul {padding: 0;}
#gnb_layout .depth3_ul > li {position:relative; margin:5px 0; }
#gnb_layout .depth3_ul > li > a {display:block;position:relative;width:100%;}
#gnb_layout .depth3_ul > li > a > span {display:inline-block;position: relative;font-size:15px;color: #333;}
#gnb_layout .depth3_ul > li > a > span:before {display:block; position:absolute; z-index:-1;content:''; left:0; bottom:-3px; width:0; height:10px; background:#dce8f6; transition:all 0.3s; -webkit-transition:all 0.3s;}
#gnb_layout .depth3_ul > li > a:hover > span:before,
#gnb_layout .depth3_ul > li > a:focus > span:before {width:100%;}
#gnb_layout .depth3_ul > li > a[target="_blank"] > span:after {display:inline-block;width:12px;height:11px;margin:-2px 0 0 5px;background:url(/template/A1/images/common/target.png)no-repeat;content:'';vertical-align:middle;}
#gnb_layout .depth3_ul > li > a:hover > span,
#gnb_layout .depth3_ul > li > a:focus > span {}

#body_layout {display: block;width: 100%;}

@media screen and (max-width:1299px){   
    .layout {max-width: 100%;padding:0 30px;}
    #top_layout .top_wrap #logo .logoobj {display:none;}

    #gnb_layout.open:before {left:0; width:270px; margin:0;}
    #gnb_layout .depth1_ul {}
    #gnb_layout .depth1_ul>li>a span {font-size:17px;}
    #gnb_layout .depth1_ul > li .item {padding-left:270px;}
    #gnb_layout .depth1_ul > li .item .gnb-title {width:270px;padding: 70px 30px 0;}
    #gnb_layout .depth1_ul > li .item .gnb-title strong {font-size: 32px;}
    #gnb_layout .depth1_ul > li .item .gnb-title strong span {font-size:32px;}
    #gnb_layout .depth1_ul > li .item .depth2_ul > li > a span {font-size:17px;}
}

@media screen and (max-width:1023px){

    #top_layout .top_wrap .utile_wrap li.pc,
    #top_layout .top_wrap .utile_wrap li.kor {display:none;}
    #top_layout .top_wrap .utile_wrap li.mo {display:block;height: 100%;}
    #top_layout.on + .gnb_bg {display:none;}

    #gnb_layout{display: none !important;}  
}

@media screen and (max-width:767px){    
    .layout {padding:0 20px;}
    
    #top_layout {height:70px;}
    #top_layout .top_wrap {padding: 0 0 0 20px;}

    #top_layout .top_wrap #logo {}
    #top_layout .top_wrap #logo > a {line-height:35px; font-size:18px;}
    #top_layout .top_wrap #logo > a span {width:86px; height:35px; background-size:86px 35px;}
    #top_layout .top_wrap .utile_wrap {}
    #top_layout .top_wrap .utile_wrap li {}
    #top_layout .top_wrap .utile_wrap li.mo {}
    #top_layout .top_wrap .utile_wrap li.mo button {width:70px;}

    #top_layout .top_wrap .selecttop {top:70px;left: 130px;}

}


/* mobile menu */
#mobile-menu{overflow: visible;padding:0 !important;}
#mobile-menu .modal-dialog {float:right;width:100%; max-width:650px;height: 100%;margin: 0;border-radius: 0;-webkit-transform: translate(25%,0);transform: translate(25%,0);}
#mobile-menu.in .modal-dialog,
#mobile-menu.show .modal-dialog {-webkit-transform:translate(0px,0);transform: translate(0px,0);}
#mobile-menu .modal-dialog .modal-content {position: relative;height: 100%;border-radius: 0;}
#mobile-menu .modal-dialog .modal-content .topUtile {position:absolute;top:0;left:0;z-index: 3;width:100%;height:70px;padding: 0 20px;background: #005ca5 url(/template/A1/images/common/m_bg.png)no-repeat right bottom;text-align: left;}
#mobile-menu .modal-dialog .modal-content .topUtile strong {display:inline-block;position: relative;width: 86px;height: 35px;margin: 17.5px 10px 0 0;background: url(/template/A1/images/common/m_logo.png)no-repeat;font-size: 0;vertical-align: top;}
#mobile-menu .modal-dialog .modal-content .topUtile strong a {display:block; width:100%; height:100%;}
#mobile-menu .modal-dialog .modal-content .topUtile > span {display:inline-block; line-height:70px; color:#fff; font-size:16px; font-weight:bold;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang {display:inline-block;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang {position:relative;padding: 0 30px;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang:before {display:block;position:absolute;left: 12px;top: 26px;content:'';width:1px;height: 16px;background:#4d8dc0;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang button {font-family:'nsr';}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang > button {display:block;width:100%;line-height: 70px;color: #fff;font-size: 15px;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang.on > button {opacity:0;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang > button:after {display:inline-block;margin:0 0 0 5px;border-left:4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #fff;content:'';vertical-align:middle;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang > div {display:none;position:absolute;left: 0;top: 70px;z-index: 3;width:100%;padding: 5px 0;background: #005ca5;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang.on > div {display:block;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang > div > button{display:block;width:100%;position:absolute;top:-70px;left: 30px;height: 70px;line-height: 70px;color: #fff;font-size: 15px;text-align: left;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang > div > button:after {display:inline-block;margin:0 0 0 5px;border-left:4px solid transparent;border-right: 4px solid transparent;border-bottom: 4px solid #fff;content:'';vertical-align:middle;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang > div .inner {}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang > div .inner span {display:block;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang > div .inner span a {display:block;width:100%;margin: 10px 0;color: #fff;font-size: 15px;font-family: 'nsr';text-align: center;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang > div .inner span:last-child a {border:none;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang > div .inner span a:hover,
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang > div .inner span a:focus {}
#mobile-menu .modal-dialog .modal-content .m_quickmenu {position:absolute;top: 70px;left:0;z-index: 2;width:100%;padding:20px;text-align:left;box-shadow: 4px 4px 10px rgba(0,0,0,.05);}
#mobile-menu .modal-dialog .modal-content .m_quickmenu strong {display:block; margin:0 0 10px; font-family:'nsr'; font-size:18px; color:#282828;}
#mobile-menu .modal-dialog .modal-content .m_quickmenu strong span {display:inline-block; font-family:'nsr'; font-weight:700; font-size:18px; color:#004a84;}
#mobile-menu .modal-dialog .modal-content .m_quickmenu .inner {overflow-x:auto;}
#mobile-menu .modal-dialog .modal-content .m_quickmenu .inner2 {width: 890px;}
#mobile-menu .modal-dialog .modal-content .m_quickmenu .inner a {display:inline-block;height:40px;margin-right:10px;padding:0 10px;border:1px solid #ddd;border-radius:10px 0 10px 0;line-height:38px;font-size:14px;font-family: 'nsr';color:#282828;}
#mobile-menu .modal-dialog .modal-content .modal-body {height:100%;padding: 188px 0 0;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul {overflow-y: scroll;overflow-x: hidden;position: relative;left: 0;top: 0;height:100%;padding: 25px 0 0;background: #eff3f6;text-align:left;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul:before {display:block;position:absolute;content:'';right: 0;top: 0;bottom: 0;width: calc(100% - 200px);height: 150%;background: #fff;} 
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li {}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:after {display:block; clear:both; visibility:hidden; content:'';}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a {display:block;position:absolute;z-index: 1;width: 215px;padding-left: 20px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(1) > a {top:25px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(2) > a {top:80px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(3) > a {top:145px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(4) > a {top:210px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(5) > a {top:275px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(6) > a {top:340px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(7) > a {top:405px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a:after {}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov:before {display:block;position:absolute;content:'';left: 20px;right: 0;top:0;width:auto;height:100%;border-radius: 10px 0 10px 0;background:#005ca5;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov:after {display:block;position:absolute;right: 15px;top: 52%;width: 5px;height: 5px;margin-top: -5px;border-width:1px;border-style: solid;border-color: #fff;border-width: 2px 2px 0 0;transform: rotate(45deg);-webkit-transform: rotate(45deg);content:'';}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a span {display:block;position: relative;line-height: 1;padding: 15px 20px;font-size: 16px;font-weight: 700;font-family: 'nsr';color: #333;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov span {color:#fff;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul {display:block;float:right;width: calc(100% - 200px);height: 100%;margin-top: -25px;padding: 25px 40px 0;background: #fff;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li {display:block;width: 100%;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a {display:block;width: 100%;position:relative;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a:before,
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a:after {}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a:before {}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a:after {}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.ov {}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.ov:after {}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a span {display: inline-block;padding: 12px 0;font-family: 'nsr';font-size: 15px;line-height:1.4;color: #0d3964;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a[target="_blank"] span:after {display:inline-block;width:12px;height:11px;margin:0 0 0 5px;background:url(/template/A1/images/common/target2.png)no-repeat;content:'';vertical-align:middle;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul {display:none;padding: 0 0 15px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li {position:relative;margin: 12px 0;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li:after {display:block;position:absolute;left: 10px;top: 12px;width: 5px;height: 1px;background: #808080;content:'';}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li > a {display:block;padding-left: 20px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li > a span {display: inline-block;font-size: 14px;font-family: 'nsr';color: #666;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li > a[target="_blank"] span:after {display:inline-block;width:12px;height:11px;margin:-2px 0 0 5px;background:url(/template/A1/images/common/target.png)no-repeat;content:'';vertical-align:middle;}
#mobile-menu .mobile-close {position:absolute;z-index: 4;top: 21px;right: 20px;}
#mobile-menu .mobile-close span {display:block;position:relative;width: 25px;height: 25px;font-size:0;}
#mobile-menu .mobile-close span:before,
#mobile-menu .mobile-close span:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto; transform:rotate(45deg);-webkit-transform:rotate(45deg);}
#mobile-menu .mobile-close span:before {width:25px;height: 2px;background: #fff;}
#mobile-menu .mobile-close span:after {width: 2px;height:25px;background: #fff;}
.modal-backdrop.in{opacity: .8;z-index: 12;}

.modal-open,
.modal-open #body_layout {overflow:hidden;height:100%;}

@media(max-width:500px){
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul:before {width:calc(100% - 140px);}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a {width:155px;padding-left: 15px;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov:before {left:15px;right: 5px;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov:after {right:20px;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a span {padding: 15px 25px 15px 15px;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul {width: calc(100% - 140px);padding: 25px 10px 0 30px;}

}