@charset "utf-8";

html{-ms-overflow-style: scrollbar;}
.layout{position:relative;max-width:1300px;margin:0 auto;}
.layout:after {display:block;visibility:hidden;clear:both;content:""}

#top_layout{display:block;position: relative;z-index: 100;width:100%;background: #fff;}

.top_util{height:50px;border-top: 3px solid #ec2120;border-bottom:1px solid #ddd;text-align: center;}
.top_util:after{display:block;clear:both;content:'';}
.top_util li{display: inline-block;margin: 0;}
.top_util li a{display: block;position: relative;margin:0;padding: 0 15px;font-size:15px;color:#212121;line-height: 47px;text-align: center;}
.top_util li a:before{position:absolute;left:-1px;top:50%;width:3px;height:3px;border-radius:50%;background:#cfcfcf;transform:translateY(-50%);content:'';}
.top_util li span{display:inline-block;width:10px;height: 15px;margin-right: 3px;background:url(/template/B/images/common_ir.png) 0 -55px;content:'';vertical-align: middle;}
.top_util li .icon1{width: 15px;background-position: -57px -54px;}
.top_util li .icon2{width: 13px;background-position: -72px -54px;}
.top_util li .icon3{width: 15px;background-position: -86px -54px;}
.top_util li .icon4{width: 15px;background-position: -102px -54px;}
.top_util li .icon5{width: 15px;background-position: -117px -54px;}
.top_util li:first-child a:before{display:none;}
.gnb_wrap.layout .item .gnb-title{
  display: none;
  position: absolute;
      top: 180px;
    left: -180px;
    width: 270px;
}
.gnb_wrap.layout .item .gnb-title strong{
  display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: 15px;
    font-size: 30px;
    color: #444444;
    line-height: 1.2;
    text-align: left;
}
.gnb_wrap.layout  .item .gnb-title p{
  display: inline-block;
    width: 100%;
    font-size: 17px;
    color: #787a87;
    line-height: 1.5;
    padding: 0;
    margin: 5px 0 0 0;
    text-align: left;
}
.gnb_wrap.layout .on .item .gnb-title{display: block;}
#top_layout .top_wrap{position:relative;max-width: 1300px;height: 106px;margin: 0 auto;}
#top_layout .top_wrap #logo{display:inline-block;float:left;position:relative;top:0;z-index: 99;width: auto;height: auto;margin: 23px 0 0;}
#top_layout .top_wrap #logo a {display:inline-block;vertical-align: top;}
#top_layout .top_wrap #logo a em {display:inline-block;width: 86px;height: 40px;background-image:url(/template/C/images/logo.png);background-image:url(/template/C/images/logo.svg);background-size:100% auto;background-repeat:no-repeat;vertical-align: top;font-size:0;}
#top_layout .top_wrap #logo a span {display:inline-block;line-height: 57px;margin: 0 0 0 15px;font-size:24px;font-weight:bold;color:#242424;}
#top_layout .top_wrap .utile_wrap{overflow: visible;position: absolute;top: 42px;right: 0;bottom:auto;display:block;float:none;z-index: 998;}
#top_layout .top_wrap .utile_wrap > li{display: inline-block;position:relative;margin-left: 22px;vertical-align: middle;}
#top_layout .top_wrap .utile_wrap > li > a{display:block;height:100%;text-align:center;}
#top_layout .top_wrap .utile_wrap > li > a:after{display:inline-block;height:100%;vertical-align:middle;content:'';}
#top_layout .top_wrap .utile_wrap > li > a em{display:inline-block;vertical-align:middle;color:rgba(35,35,35,0.8);font-size:14px;}
#top_layout .top_wrap .utile_wrap li.site_search > button{display:none;}
#top_layout .top_wrap .utile_wrap li.site_search .keyword input{display:block;width: 303px;height: 49px;padding: 0;border: 0;background: #efefef;border-radius: 30px;box-sizing: border-box;}
#top_layout .top_wrap .utile_wrap li.site_search #site_submit{position:absolute;top: 50%;right: 22px;width: 20px;height: 20px;padding: 0;border: 0;background:url(/template/C/images/common_ir.png) 0 -54px;font-size: 0;text-indent: -9999px;transform: translateY(-50%);}
#top_layout .top_wrap .utile_wrap li.box{}
#top_layout .top_wrap .utile_wrap li.box.pc .allmenu{display: none;}
#top_layout .top_wrap .utile_wrap li.box.mo{display: none;}
#top_layout .top_wrap .utile_wrap li.box a:before{display:inline-block;width:17px;height: 12px;margin-right: 5px;background: url(/template/C/images/common_ir.png) -165px 0;content:'';}
#top_layout .top_wrap .utile_wrap li.box a{display:inline-block;width:100%;height:100%;vertical-align:top;font-size: 16px;color:#333;text-align: left;font-weight: normal;}
#top_layout .top_wrap .utile_wrap li.box a span{display:none;}
#top_layout .top_wrap .utile_wrap li.box.pc a{width: 24px;height: 19px;background:url(/template/C/images/common_ir.png) -30px -554px;font-size:0;}

.gnb_bg{display: none;position: fixed;top: 132px;left: 0;z-index: 11;width: 100%;height: 100%;background-color:#000;opacity: 0.7;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;}
#top_layout.on + .gnb_bg{display: block;}
#gnb_layout{display:block;position:absolute;top: 50px;left:0;width:100%;height: 106px;}
#gnb_layout:after{top:111px}
#gnb {overflow: hidden;position: absolute;top:0px;left: 0;right: 0;width: 100%;height:100%;z-index:2;}
#gnb_layout.open #gnb{}
#gnb_layout.open #gnb:before{position:absolute;top:0;left:0;width:100%;height:100px;border-bottom: 1px solid #ebebeb;box-shadow:1px 1px 5px rgba(28,47,56,0.05);content:'';}
#gnb_layout.action{position:relative;}
#gnb_layout .layout{position:relative;padding: 0px 0 0 210px;text-align: center;}
#gnb_layout .depth1_ul{display:inline-block;width: 100%;height:100%;z-index:14;text-align: center;position: relative;}
#gnb_layout .depth1_ul:after {display: block; content: ''; clear: both;}
#gnb_layout .depth1_ul>li{display:inline-block;height:100%;width: auto;margin:0 -2px;vertical-align:top;}
#gnb_layout .depth1_ul>li>a{display:block;height:100%;padding: 0 38px;line-height: 100px;font-size: 18px;color: #6d7278;font-family:"nsr",sans-serif;font-weight:600;letter-spacing:-1px;transition: all .3s;text-align: center;}
#gnb_layout .depth1_ul>li>a span{display: inline-block;position:relative;height: 100%;line-height: 101px;vertical-align: middle;letter-spacing: -1px;font-size: 21px;color: #333;font-weight: 500;}
#gnb_layout .depth1_ul > li > a:hover span,
#gnb_layout .depth1_ul > li > a:focus span,
#gnb_layout .depth1_ul > li.on > a {color: #e83421;}
#gnb_layout .depth1_ul > li .depth2_ul {min-height: 400px !important;margin: 0 0px 0 0;padding: 35px 20px 0;border-left: 1px solid #ebebeb;transition: all 300ms cubic-bezier(1, 0, 0, 1);opacity: 0;transform: translateX(50px);}
#gnb_layout .depth1_ul > li.on .depth2_ul {background:#f9f9f9;}
#gnb_layout .depth1_ul > li .depth2_ul > li {position:relative;margin: 0px 0 10px;line-height: 18px;text-align: left;}
#gnb_layout .depth1_ul > li .depth2_ul > li:first-child {margin-top: 0;}
#gnb_layout .depth1_ul > li .depth2_ul > li > a {display: block;position: relative;padding: 5px 0 5px 12px;font-weight: normal;font-size: 16px;line-height: 16px;color: #444444;transition: all .3s;vertical-align: top;}
#gnb_layout .depth1_ul > li .depth2_ul > li a:before {display: block;content: '';position: absolute;top: 10px;z-index: -1;left: 0;width: 3px;height: 3px;background: #c9c9c9;border-radius: 50%;transition: all .3s;}
#gnb_layout .depth1_ul > li .depth2_ul > li > a:hover,
#gnb_layout .depth1_ul > li .depth2_ul > li > a:focus {color: #e83421;}
#gnb_layout .depth1_ul > li .depth2_ul > li a:hover:before,
#gnb_layout .depth1_ul > li .depth2_ul > li > a:focus:before{background:#e83421}
#gnb_layout .depth1_ul > li .depth2_ul > li > a[target="_blank"]:after{display: inline-block;width: 12px;height: 13px;margin-left: 10px;background: url(/template/B/images/target.png);content: '';vertical-align: middle;top: 13px;}
#gnb_layout .depth1_ul > li:last-child > .depth2_ul {}
#gnb_layout .depth1_ul > li  .depth2_ul > li > .depth3_ul{display:none;}
#gnb_layout.open{overflow:hidden;min-height: 470px;}
#gnb_layout.open:after{position: absolute;top: 0;bottom: 0;right:0;width: 100%;height:auto;
  background-color: #fff;
  background-image:  url(/template/B/images/gnb_bg.png),url(/template/C/images/gnb_bg.png)  ;
  background-repeat: no-repeat , no-repeat;
  background-position: 99% 99%,1% bottom;;
  content:"";}
#gnb_layout.open .depth1_ul > li .depth2_ul {opacity: 1; transform: translateX(0);}
#gnb_layout.open .depth1_ul > li:nth-child(2) .depth2_ul {transition-delay: .03s;}
#gnb_layout.open .depth1_ul > li:nth-child(3) .depth2_ul {transition-delay: .06s;}
#gnb_layout.open .depth1_ul > li:nth-child(4) .depth2_ul {transition-delay: .09s;}
#gnb_layout.open .depth1_ul > li:nth-child(5) .depth2_ul {transition-delay: .12s;}
#gnb_layout.open .depth1_ul > li:nth-child(6) .depth2_ul {transition-delay: .15s;}
#gnb_layout.open .depth1_ul > li:nth-child(7) .depth2_ul {transition-delay: .18s;}
#gnb_layout.open .depth1_ul > li:nth-child(8) .depth2_ul {transition-delay: .21s;}
#gnb_layout.open .depth1_ul > li:nth-child(9) .depth2_ul {transition-delay: .24s;}
#gnb_layout.open .depth1_ul > li:nth-child(10) .depth2_ul {transition-delay: .27s;}
#gnb_layout .line {display: none; position: absolute; top: 60px; right: 0; left: 0; width: 100%; height: 1px; background: #d8e0e9; opacity: .7;}
#gnb_layout.open #gnb_layout{border-bottom:1px solid #d8e0e9;}


@media screen and (max-width: 1379px){
	.layout{max-width:100%;padding:0 40px}

	#top_layout .top_wrap{max-width: 100%;height:96px;}
	#top_layout .top_wrap #logo {left: 25px;margin: 19px 0 0;}
	#top_layout .top_wrap #logo a span {font-size:22px;}
	#top_layout .top_wrap .utile_wrap {top: 34.5px;right: 40px;}


	#gnb_layout{height:96px;}
	#gnb_layout .layout{padding: 0 90px 0 200px;}
	#gnb_layout .depth1_ul>li>a{padding: 0 12px;line-height: 96px;}
	#gnb_layout .depth1_ul>li>a span{line-height: 96px;font-size:19px;}
	#gnb_layout.open:before{right: auto;width: 220px;margin: 0;}

}
@media screen and (max-width:1023px){
	#top_layout{overflow:hidden;}
	#lnb_hm{display:none;}
	#top_utilwrap .top_util_right .site_link .sns{display:none;}
	#top_utilwrap .top_util_right .site_link .link.dropdown > button:after{right:20px;}
	#top_utilwrap .top_util_right .site_link .lan.dropdown > button:after{right:20px;}
	#top_layout .top_wrap{}
	#top_layout .top_wrap #logo {margin: 23px 0 0;}
	#top_layout .top_wrap #logo a em {width: 75px;height: 35px;background-size: 100% auto;}
	#top_layout .top_wrap #logo a span {line-height: 51px;font-size:19px;}
	#top_layout .top_wrap .utile_wrap{}
	#top_layout .top_wrap .utile_wrap li{}
	#top_layout .top_wrap .utile_wrap li.box.pc{display:none;}
	#top_layout .top_wrap .utile_wrap li.box.mo{display: inline-block;vertical-align: top;}
	#top_layout .top_wrap .utile_wrap li.box.mo button{width: 24px;height: 19px;background:url(/template/C/images/common_ir.png) -30px -554px;font-size:0;}
	#gnb_layout{display:none;}

	/* mobile menu */
	.modal-open #top_layout .top_wrap .utile_wrap li,
	.modal-open #top_layout .top_wrap .utile_wrap li.box.mo{display: none;}
	#mobile-menu{overflow: hidden;padding:0 !important;}
	#mobile-menu .modal-dialog {transform: none;margin: 0;width: 320px;max-width: 650px;float: right;height: 100%;}
	#mobile-menu.in .modal-dialog,
	#mobile-menu.show .modal-dialog {}
	#mobile-menu .modal-dialog .modal-content .modal-body {position: static;height: 100%;padding: 0;background-color:#fff;}
	#mobile-menu .modal-dialog .modal-content .modal-body .topUtile{ height:60px; background-color:#3f61b2; padding:0;}
	#mobile-menu .modal-dialog .modal-content .modal-body .topUtile .utile_wrap{overflow: visible;height:60px; padding:15px 20px 12px 20px;text-align: left;}
	#mobile-menu .modal-dialog .modal-content .modal-body .topUtile .utile_wrap li{float: left;margin-right: 20px;}
	#mobile-menu .modal-dialog .modal-content .modal-body .topUtile .utile_wrap > li:after{display:inline-block;height:100%;vertical-align:middle;content:'';}
	#mobile-menu .modal-dialog .modal-content .modal-body .topUtile .utile_wrap a{color: #fff;font-size: 14px;line-height: 18px;}
	#mobile-menu .modal-dialog .modal-content .modal-body .topUtile .utile_wrap > li > a{color: #fff;font-size: 14px;line-height: 18px;vertical-align:middle;}
	#mobile-menu .modal-dialog .modal-content .modal-body .topUtile .utile_wrap .gs a:before{display: inline-block;width: 25px;height: 25px;margin-right: 5px;vertical-align: middle;content: '';}
	#mobile-menu .modal-dialog .modal-content .modal-body .topUtile .utile_wrap .login a{padding:5px 10px;border:1px solid #7991c9;}
	#mobile-menu .modal-dialog .modal-content .modal-body .topUtile .utile_wrap > li.lan{position:relative;}
	#mobile-menu .modal-dialog .modal-content .modal-body .topUtile .utile_wrap > li ul{display:none;position:absolute;top:45px;left:0;width:100%;height:auto;z-index:1;}
	#mobile-menu .modal-dialog .modal-content .modal-body .topUtile .utile_wrap > li.on > a + ul{display:block;}
	#mobile-menu .modal-dialog .modal-content .modal-body .topUtile .utile_wrap > li ul li{float:none;width:100%;margin:0;text-align:center;}
	#mobile-menu .modal-dialog .modal-content .modal-body .topUtile .utile_wrap > li ul a {display:block;padding:10px 0 8px;border-top:1px dashed #ddd;background-color:#1a3c6c;font-size:14px;line-height:1;}
	#mobile-menu .modal-dialog .modal-content .modal-body .topUtile .utile_wrap > li ul a:hover,
	#mobile-menu .modal-dialog .modal-content .modal-body .topUtile .utile_wrap > li ul a:focus{background:#00a0e9;}
	#mobile-menu .modal-dialog .modal-content .modal-body .topUtile .utile_wrap > li ul:first-child a{border-top-width:0;}
	#mobile-menu .modal-dialog .modal-content .modal-body .topUtile .utile_wrap > li ul li a:after{display:inline-block;height:100%;vertical-align:middle;content:'';}
	#mobile-menu .modal-dialog .modal-content .modal-body .topUtile .utile_wrap > li ul li a span{display:inline-block;position:relative;color:#fff;vertical-align:middle;}
	#mobile-menu .modal-dialog .modal-content .modal-body .topUtile .utile_wrap > li ul li a:hover span,
	#mobile-menu .modal-dialog .modal-content .modal-body .topUtile .utile_wrap > li ul li a:focus span{text-decoration:underline;}
	#mobile-menu .modal-dialog .modal-content {border-radius: 0;border:  0 none;height: 100%;}
	#mobile-menu .modal-dialog .modal-content .topUtile{overflow: hidden;position: relative;height: 63px;background: #212437;padding-left: 105px;}
	#mobile-menu .modal-dialog .modal-content .topUtile:before{position:absolute;left:0;top:0;width: 100%;height:3px;background:#e83421;content:'';}
	#mobile-menu .modal-dialog .modal-content .topUtile strong{position:absolute;left: 15px;top: 50%;width: 45px;height: 21px;background: url(/template/B/images/common_ir.png) 0 -79px;font-size: 0;transform: translateY(-50%);}
	#mobile-menu .modal-dialog .modal-content .topUtile li{display:inline-block;margin-right: 8px;}
	#mobile-menu .modal-dialog .modal-content .topUtile li a{display:block;line-height: 63px;color:#fff;font-size: 14px;}
	#mobile-menu .modal-dialog .modal-content .topUtile2{background:#27293d;text-align:center;}
	#mobile-menu .modal-dialog .modal-content .topUtile2 li{display:inline-block;margin-right: 8px;}
	#mobile-menu .modal-dialog .modal-content .topUtile2 li a{display:block;line-height:50px;color:#fff;font-size:13px;}
	#mobile-menu .modal-dialog .modal-content .topUtile2 li a:before{display:inline-block;width: 14px;height: 14px;margin-right: 5px;background:url(/template/B/images/common_ir.png);vertical-align: middle;content:'';}
	#mobile-menu .modal-dialog .modal-content .topUtile2 li:nth-child(1) a:before{background-position: -58px -72px;}
	#mobile-menu .modal-dialog .modal-content .topUtile2 li:nth-child(2) a:before{background-position: -71px -73px;}
	#mobile-menu .modal-dialog .modal-content .topUtile2 li:nth-child(3) a:before{width: 15px;background-position: -86px -71px;}
	#mobile-menu .modal-dialog .modal-content .topUtile li a svg{position: relative;top: -1px;width: 20px;height: 15px;vertical-align: middle;}
	#mobile-menu .modal-dialog .modal-content .topUtile li a svg path{stroke: #fff;}
	#mobile-menu .modal-dialog .modal-content .modal-body {overflow-y: auto;position: relative;height: calc(100% - 113px);padding: 20px 0 0;}
	#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul {width: 100%;height: 100%;background: #fff;text-align:left;}
	#mobile-menu .modal-dialog .modal-content .modal-body:before{position:absolute;left:0;top: 0;bottom: 0;width:110px;background: #ececec;content:'';}
	#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li {float: left;/* position: relative; */width: 100%;}
	#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a {display:block;position: relative;top: 0;width: 111px;padding: 9px 5px;color: #fff;font-size: 16px;font-weight: 500;text-align: center;}
	#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 {color: #fff;font-weight: 700;}
	#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov:before{position:absolute;left:0;top: 52%;z-index: 2;width:130px;height:35px;background:#e83421;box-shadow: 7px 0 10px rgba(0,0,0,0.2);transform: translateY(-50%);content:'';}
	#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov:after{position:absolute;right: -4px;top:50%;z-index: 2;width:20px;height:14px;background: url(/template/B/images/common_ir.png) -30px 0;transform:translateY(-50%);content:'';}
	#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov span{z-index: 9;color:#fff;}
	#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a span {display: inline-block;position: relative;color: #242424;line-height: 1.2;letter-spacing: -0.05em;font-weight: normal;word-break: break-all;font-size: 14px;}
  #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul{display: none;}
  #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .on .depth2_ul{display: block;}
	#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul{/* overflow-y: scroll; */position: absolute;top: 0;left: 110px;right: 0;bottom: 0;z-index: 1;padding: 0 30px;background: #fff;}
	#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul {height: 100%;margin: 0 0 15px;}
	#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li {border-bottom: 1px solid #e6e6e6;}
	#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a {display:block;position:relative;padding: 13px 30px 13px 10px;font-size: 15px;color: #0d3964;}
	#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.ov span,
	#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a:hover span,
	#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a:focus span{}
	#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a span {display: inline-block;position: relative;line-height: 1.2;font-size: 14px;word-break: keep-all;font-weight: 400;color: #444444;}
	#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.ov:before {position: absolute;top: 40%;right: 0;width: 5px;height: 5px;border: 1px solid #9b9b9b;border-width: 2px 2px 0 0;border-radius: 1px;background:none;transform: rotate(-45deg);content:'';}
	#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a:after {right:16px;width: 1px;height: 13px;}
	#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.ov:after{display:none;}
	#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a[target="_blank"]:after{display: inline-block;width: 12px;height: 13px;margin-left: 10px;background: url(/template/B/images/target.png);content: '';vertical-align: middle;}
	#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul {display:none;margin-top: -10px;padding: 0px 15px;}
	#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li {position:relative;margin: 6px 0;}
	#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li:after {display:block;position:absolute;left: 0;top: 7px;width: 3px;height: 3px;background: #ddd;border-radius: 50%;content:'';}
	#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li > a {display:block;padding-left: 9px;}
	#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li > a[target="_blank"] span:after{display: inline-block;position: relative;width: 12px;height: 11px;margin-left: 10px;background: url(/template/B/images/common_ir.png) -89px -29px;content: '';}
	#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li > a span {display:block;font-size: 13px;color: #797979;}
	#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li > a span:hover,
	#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li > a span:focus{color:#003f70;}
	#mobile-menu .mobile-close{position:absolute;top: 10px;right: 12px;z-index: 9;width: 41px;height: 41px;font-size: 0;}
	#mobile-menu .mobile-close span{display:block;width: 100%;height: 100%;}
	#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: calc(100%/2);height: 1px;background: #fff;}
	#mobile-menu .mobile-close span:after {width: 1px;height: calc(100%/2);background: #fff;}
	.modal-backdrop.in{opacity: .8}
}
@media (max-width:767px){
	.layout{padding:0 25px;}

	.top_util{display:none;}
	#top_layout{border-top:3px solid #ec2120}
	#top_layout .top_wrap{height:80px;}
	#top_layout .top_wrap #logo{left: 15px;margin: 15px 0 0;}
	#top_layout .top_wrap #logo .ir-tmpl span{margin-left: 10px;font-size:18px;}
	#top_layout .top_wrap #logo .ir-tmpl .sl{width:73px;height:24px;}
	#top_layout .top_wrap .utile_wrap{top: 29px;right: 25px;}
	#top_layout .top_wrap .utile_wrap > li{margin-left:20px;}
	#top_layout .top_wrap .utile_wrap > li.search > button{width:17px;height:18px;background-position: 0 -240px;background-size: auto 771%;}
	#top_layout .top_wrap .utile_wrap > li.search.open #search_box{right: -69px;top: 55px;padding:0;}
	#top_layout .top_wrap .utile_wrap > li.search #search_box .keyword{position:relative;width: 100%;}
	#top_layout .top_wrap .utile_wrap li.search.open > button{background-size: auto;}
	#top_layout .top_wrap .utile_wrap li.search #search_box .input_wrap{padding:20px;}


	#top_utilwrap .top_util_right .site_link .sns{display:none;}
	#top_utilwrap .top_util_right .site_link .link.dropdown:before{display:none;}
	#top_utilwrap .top_util_right .site_link .link.dropdown ul li a{padding:0 10px;}
	#top_utilwrap .top_util_right .site_link .link.dropdown ul li:nth-child(5) a{padding-right:0;}
	#top_utilwrap .top_util_right .site_link li a span{line-height:40px;}
	#top_utilwrap .top_util_right .site_link .link.dropdown > button{display:none;}
	#top_utilwrap .top_util_right .site_link .link.dropdown ul{display:block;position:relative;top: auto;width: 100%;text-align: center;}
	#top_utilwrap .top_util_right .site_link .link.dropdown ul li{display:inline-block;border: 0;}
	#top_utilwrap .top_util_right .site_link .link.dropdown ul li:after{position:absolute;left: -2px;top: 50%;width:1px;height:15px;background:#ddd;transform:translateY(-50%);content:'';}
	#top_utilwrap .top_util_right .site_link .link.dropdown ul li.on{display:none;}
	#top_utilwrap .top_util_right .site_link .link.dropdown ul li:first-child:after{display:none;}
	#top_utilwrap .top_util_right .site_link .link.dropdown ul li:first-child a{padding-left:0}
	#top_utilwrap .top_util_right .site_link .lan.dropdown{display:none;}
	#top_utilwrap .top_util_right .site_link .linkall{display:none;}

	#mobile-menu .modal-dialog .modal-content .topUtile .mid{display:block;background: #334659 url(/template/B/images/mbgnb_bg.png) no-repeat right bottom;}
}