@charset "utf-8";





@import url(header.jpg.css);

@import url(tmpl.jpg.css);

@import url(footer.jpg.css);



a:focus,

button:focus {outline:2px dotted;}



.ir-tmpl{background:url(../images/logo.jpg) no-repeat left; background-size: contain;}

.layout{max-width:1240px;}

#top_layout{position:absolute;top:0;left:0;height:84px;background:transparent;z-index:1002;}

#top_layout .top_wrap{max-width:1920px;}

#top_layout #logo{top:15px;left:55px;}

#top_layout #logo .ir-tmpl{width:209px;height:53px;}
@media (max-width: 767px){
#top_layout #logo .ir-tmpl{width: 190px;
    height: 44px;}
}
#top_layout .utile_wrap{top:0;}



#top_layout .utile_wrap li{position:relative;margin:0;}

#top_layout .utile_wrap li:before{display:block;position:absolute;top:50%;left:0;width:1px;height:36px;margin:-18px 0 0;background:rgba(255,255,255,0.3);}

#top_layout .utile_wrap li:first-child:before{display:none;}

#top_layout .utile_wrap li.language{width:60px;height:84px;margin:0 10px 0 0;}

#top_layout .utile_wrap li.language a{display:block;color:rgba(255,255,255,0.8);font-size:17px;}

#top_layout .utile_wrap li.language > a{height:100%;padding:25px 0 0;}

#top_layout .utile_wrap li.language.on > a,

#top_layout .utile_wrap li.language > a:hover,

#top_layout .utile_wrap li.language > a:focus{color:#c30707;}

#top_layout .utile_wrap li.language > a:before{display:block;position:absolute;bottom:15px;left:50%;margin-left:-7px;border:7px solid transparent;border-top-color:rgba(255,255,255,0.8);}

#top_layout .utile_wrap li.language.on > a:before,

#top_layout .utile_wrap li.language > a:hover:before,

#top_layout .utile_wrap li.language > a:focus:before{border-top-color:#c30707;}

#top_layout .utile_wrap li.language ul{display:none;position:absolute;top:0;left:0;width:100%;height:auto;padding:68px 0 0;z-index:1;}

#top_layout .utile_wrap li.language.on ul{display:block;}

#top_layout .utile_wrap li.language ul li{float:none;margin:0;}

#top_layout .utile_wrap li.language li a {padding:10px 0 8px;border-top:1px dashed #ddd;background:#333;font-size:14px;line-height:1;}

#top_layout .utile_wrap li.language li a:hover,

#top_layout .utile_wrap li.language li a:focus{background:#c30707;}

#top_layout .utile_wrap li.language li:first-child a{border-top-width:0;}

#top_layout .utile_wrap li.search{position:relative;}

#top_layout .utile_wrap li.search > a{display:block;position:relative;width:94px;height:84px;font-size:0;text-indent:-9999px;}

#top_layout .utile_wrap li.search > a:before{display:block;position:absolute;top:50%;left:50%;width:25px;height:25px;margin:-13px 0 0 -13px;background:url(../images/common_ir.jpg) no-repeat -213px -1px;content:'';}

#top_layout .utile_wrap li.search > a.on:before,

#top_layout .utile_wrap li.search > a:hover:before,

#top_layout .utile_wrap li.search > a:focus:before{background-position:-213px -29px;}

#top_layout .utile_wrap li.search > a.on:after{display:block;position:absolute;bottom:0;left:50%;margin-left:-10px;border:10px solid transparent;border-bottom-color:#c30707;content:'';}

#top_layout .utile_wrap li.search #searchbox{display:none;position:absolute;top:83px;right:-94px;width:1903px;height:202px;background:#851716;}

#top_layout .utile_wrap li.search > a.on + #searchbox{display:block;}

#top_layout .utile_wrap li.search #searchbox .layout{height:100%;}

#top_layout .utile_wrap li.search #searchbox .layout:after{display:inline-block;height:100%;vertical-align:middle;content:'';}

#top_layout .utile_wrap li.search #searchbox .layout .input_wrap{display:inline-block;position:relative;vertical-align:middle;}

#top_layout .utile_wrap li.search #searchbox .layout .input_wrap:before{display:block;position:absolute;top:0;right:2px;width:40px;height:40px;background:url(../images/common_ir.jpg) no-repeat -213px -85px;content:'';}

#top_layout .utile_wrap li.search #searchbox .layout .input_wrap input[type="text"]{width:620px;min-height:55px;padding:0 0 25px;border:solid #fff;border-width:0 0 3px;background:none;color:#fff;font-size:20px;outline:none;}

#top_layout .utile_wrap li.search #searchbox .layout .input_wrap input[type="submit"]{position:absolute;top:0;right:0;width:44px;height:44px;background:none;font-size:0;text-indent:-9999px;}

#top_layout .utile_wrap li.search #searchbox .layout .input_wrap input::placeholder{color:#fff;font-size:20px;}

#top_layout .utile_wrap li.search #searchbox .layout a.btn_close{display:block;position:absolute;top:50%;right:38px;width:32px;height:32px;margin:-16px 0 0;background:url(../images/common_ir.jpg) no-repeat -213px -128px;font-size:0;text-indent:-9999px;}

#top_layout .utile_wrap li.box{width:94px;height:84px;background:transparent;}

#top_layout .utile_wrap li.box a .allmenu,

#top_layout .utile_wrap li.box button .allmenu{position:absolute;top:50%;left:50%;width:25px;height:19px;margin:-11px 0 0 -10px;background:url(../images/common_ir.jpg) no-repeat -241px -1px;}

#top_layout .utile_wrap li.box a:hover .allmenu,

#top_layout .utile_wrap li.box a:focus .allmenu{background-position:-241px -45px;}

#top_layout .utile_wrap li.box a:after{display:none;}



#top_layout.open #logo .ir-tmpl{background: url(../images/logo_11.jpg) no-repeat left;
    background-size: contain;}

#top_layout.open .utile_wrap li:before{background:rgba(0,0,0,0.8);}

#top_layout.open .utile_wrap li.language a{color:#000;}

#top_layout.open .utile_wrap li.language > a:before{border-top-color:#000;}

#top_layout.open .utile_wrap li.search a:before{background-position:-213px -57px;}

#top_layout.open .utile_wrap li.box a .allmenu,

#top_layout.open .utile_wrap li.box button .allmenu{background-position:-241px -23px;}



#gnb_layout{height:84px;width:100%;padding:84px 0 0;background:transparent;}

#gnb_layout:after{top:85px;background:#fff;opacity:1;}

#gnb{top:0;height:84px;}

#gnb_layout .layout{height:100%;padding:0;text-align:center;}

#gnb_layout .depth1_ul{float:right;position:relative;}

#gnb_layout .depth1_ul > li{float:left;margin:0;}

/*#gnb_layout .depth1_ul > li.n7{display:none;}*/

#gnb_layout .depth1_ul > li > a{position:relative;color:rgba(255,255,255,0.9);font-size:18px;font-weight:normal;}

#gnb_layout .depth1_ul > li > a:before{display:none;position:absolute;bottom:0;left:50%;margin-left:-10px;border:10px solid transparent;border-bottom-color:#c30707;content:'';}

#gnb_layout .depth1_ul > li > a:after{display:inline-block;height:100%;vertical-align:middle;content:'';}

#gnb_layout .depth1_ul > li > a span{display:inline-block;vertical-align:middle;}



#gnb_layout .depth1_ul > li .item{padding:30px 0 0;}

#gnb_layout .depth1_ul > li .item .gnb-title{position:absolute;top:117px; left:-256px;height:270px;width: 256px;padding: 0;text-align: left;}

#gnb_layout .depth1_ul > li .item .gnb-title:before{position: absolute;top:161px;right:0;width: 215px;height: 175px;background: url(../images/gnb_tit_bg.jpg) no-repeat;content: '';}

#gnb_layout .depth1_ul > li .item .gnb-title strong{display: block;position: relative;margin-top: 40px;padding-bottom: 20px;color: #333;font-size: 25px;line-height: 24px;z-index:1;}

#gnb_layout .depth1_ul > li .item .gnb-title strong:before{position: absolute;left: 0;bottom: 5px;width: 24px;height: 2px;background: rgba(255,255,255,0.4);content: '';}

#gnb_layout .depth1_ul > li .item .gnb-title p{position:relative;font-size: 14px;line-height: 20px;color: #333;z-index:1;}

#gnb_layout .depth1_ul > li .depth2_ul{margin:0 0 30px;padding:0;border:dashed #d8e0e9;border-width:0 1px 0 0;}

#gnb_layout .depth1_ul > li:first-child .depth2_ul{border-width:0 1px 0 1px;}

#gnb_layout .depth1_ul > li .depth2_ul > li{margin:0;padding:0;}

#gnb_layout .depth1_ul > li .depth2_ul > li a{display:block;padding:8px 20px;font-size:15px;font-weight:normal;transition:none;}

#gnb_layout .line{top:83px;}



#gnb_layout.open{background:#fff;border-bottom:1px solid #ddd;box-shadow:0 11px 10px -9px #666;}

#gnb_layout.open .depth1_ul > li > a{color:#000;}

#gnb_layout .depth1_ul > li.on > a{color:#ce5044;}

#gnb_layout .depth1_ul > li.on > a:before{display:block;}

#gnb_layout .depth1_ul > li  .depth2_ul > li > a:hover,

#gnb_layout .depth1_ul > li  .depth2_ul > li > a:focus {background:#ce5044;color:#fff;}

#gnb_layout .depth1_ul > li  .depth2_ul > li > a:hover:after,

#gnb_layout .depth1_ul > li  .depth2_ul > li > a:focus:after {display:none;}

#gnb_layout.open .line{background:#ce5044;}



#gnb_layout .gnb_sub_info{display:none;position:absolute;top:84px;right:-240px;width:240px;padding:45px 0 0 35px;text-align:left;}

#gnb_layout .gnb_sub_info strong{display:inline-block;margin:0 0 30px;font-size:18px;}

#gnb_layout .gnb_sub_info ul{}

#gnb_layout .gnb_sub_info ul li{position:relative;padding-left:55px;}

#gnb_layout .gnb_sub_info ul li:first-child{margin:0 0 25px;padding:0 0 25px 55px;border-bottom:1px solid #d8e0e9;}

#gnb_layout .gnb_sub_info ul li:before{display:block;position:absolute;top:0;left:0;width:37px;height:38px;background:url(../images/common_ir.jpg) no-repeat -512px -1px;content:'';}

#gnb_layout .gnb_sub_info ul li:first-child:before{width:39px;height:39px;background-position:-470px -1px;}

#gnb_layout .gnb_sub_info ul li b{display:inline-block;font-size:22px;font-weight:bold;line-height:1;}

#gnb_layout .gnb_sub_info ul li span{display:inline-block;font-size:13px;}

#gnb_layout.open .gnb_sub_info{display:block;}





#svisual_layout{height:284px;text-align:center;}

.subvisual-layout{display:block;padding:56px 0 0;}

.subvisual-layout:after{display:inline-block;height:100%;vertical-align:middle;content:'';}

.subvisual-layout__title{display:inline-block;width:auto;color:rgba(255,255,255,0.5);font-size:13px;font-weight:300;vertical-align:middle;}

.subvisual-layout__title:before{display:none;}

.subvisual-layout__title span{display:block;color:#fff;font-size:42px;font-weight:bold;line-height:0.5;text-shadow:1px 1px 4px #555;}

#svisual_layout .svisual_wrap .movImg{display:inline-block;position:absolute;top:50%;left:50%; max-width:none;max-height:none;width:100%;height:auto;padding:0;margin:0;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}





.navigation{border-top-width:0;background-color:#f0f3f9;}

.navigation.onFixed{position:fixed;top:0;left:0;width:100%;z-index:3;}

.navigation .path > li{position:relative;padding:0;}

.navigation .path > li button{min-width:183px;min-height:54px;padding:8px 64px 8px 30px;}

.navigation .path > li.on button,

.navigation .path > li.open button,

.navigation .path > li button:hover,

.navigation .path > li button:focus{background:#c30707;color:#fff;box-shadow:0 3px 5px 0 #999;transform:scale(1.05);z-index:1001;}

.navigation .path > li > button:after,

.navigation .path > li.open > button:after{right:30px;width:13px;background:url(../images/common_ir.jpg) no-repeat -269px -1px;}

.navigation .path > li.on > button:after,

.navigation .path > li > button:hover:after,

.navigation .path > li > button:focus:after{background-position:-285px -1px;}

.navigation .path > li .dropdown-menu{display:block;top:-9999px;padding:48px 0 0;border-width:0 0 1px;background:none;}

.navigation .path > li.on .dropdown-menu,

.navigation .path > li.open .dropdown-menu{top:0;left:0;border-width:0 0 1px;border-color:#bbb;background:none;}

.navigation .path > li .dropdown-menu a,

.navigation .path > li.open .dropdown-menu a{padding:15px;border:solid #bbb;border-width:1px 1px 0;color:#333;background:#fff;white-space:normal;}

.navigation .path > li .dropdown-menu a:hover,

.navigation .path > li .dropdown-menu a:focus{background:#fff;}





.setting-box__group li button{width:64px;height:54px;}

.setting-box__group li button[data-print="print"]:hover,

.setting-box__group li button[data-print="print"]:focus{background:url(../images/common_ir.jpg) no-repeat -327px -85px;}

.setting-box__group li button[data-print="print"]:hover:before,

.setting-box__group li button[data-print="print"]:focus:before{display:none;}

.setting-box__group li button[data-target="ui-open"].ov{background:url(../images/common_ir.jpg) no-repeat -327px -28px;}

.setting-box__group li button:before{height:24px;background:url(../images/common_ir.jpg) no-repeat;}

.setting-box__group li.n1 > button:before{width:23px;background-position:-301px -1px;}

.setting-box__group li.n2 > button:before{width:19px;background-position:-327px -1px;}

.setting-box__group li button[data-target="ui-open"].ov:before{display:none;}

.setting-box__group li .sns_wrap{top:55px;right:0;width:130px;padding:10px 0 0;background:none;border-width:0;z-index:2;}

.setting-box__group li .sns_wrap a{width:27px;height:27px;border-radius:30px;}

.setting-box__group li .sns_wrap a:before{height:24px;background:url(../images/common_ir.jpg) no-repeat;}

.setting-box__group li .sns_wrap a.fa{background:#1e4795;}

.setting-box__group li .sns_wrap a.tw{background:#04a5f9;}

.setting-box__group li .sns_wrap a.bl{background:#54ac17;}

.setting-box__group li .sns_wrap a.fa:before{width:6px;height:12px;background-position:-361px -1px;}

.setting-box__group li .sns_wrap a.tw:before{width:9px;height:11px;background-position:-370px -1px;}

.setting-box__group li .sns_wrap a.bl:before{width:9px;height:11px;margin:0 0 0 1px;background-position:-382px -1px;}

.setting-box__group li button[data-target="ui-close"]{position:relative;top:0;width:27px;height:27px;border-radius:30px;background:#555960;}

.setting-box__group li button[data-target="ui-close"]:before{width:9px;height:9px;background:url(../images/common_ir.jpg) no-repeat -349px -1px;}



.lnb_wrap{position:relative;padding:65px 0 55px;border-bottom:1px solid #ccc;text-align:center;}

.navigation.onFixed + .lnb_wrap{margin-top:55px;}

.lnb_wrap h2{display:inline-block;margin:0;background:none;color:#333;font-size:45px;font-weight:normal;}

.lnb_wrap h2:before{display:none;}

.lnb_wrap a{display:inline-block;position:absolute;bottom:25px;font-size:18px;font-weight:bold;line-height:1;}

.lnb_wrap a.prev_menu{left:0;padding-left:55px;}

.lnb_wrap a.next_menu{right:0;padding-right:55px;}

.lnb_wrap a:before{display:inline-block;position:absolute;bottom:7px;width:35px;height:7px;background:url(../images/common_ir.jpg) no-repeat;content:'';}

.lnb_wrap a.prev_menu:before{left:0;background-position:-394px -1px;}

.lnb_wrap a.next_menu:before{right:0;background-position:-432px -1px;}



#body_layout{}

#contens{padding:45px 0 50px;}





.banner_wrap{border-top:1px solid #ccc;}

.banner_wrap .layout{padding:0 0 0 170px;}

.banner_wrap strong{display:inline-block;position:absolute;top:50%;left:0;margin:-17px 0 0 0;color:#000;font-size:20px;line-height:38px;}

.banner_wrap .grap{overflow:hidden;height:80px;}



.banner_wrap .grap ul{position:relative;width:20000px;margin:22px 0 0;}

.banner_wrap .grap ul:after{display:block;overflow:hidden;clear:both;content:'';}

.banner_wrap .grap ul li{display:inline-block;float:left;position:relative;}

.banner_wrap .grap ul li:before{display:block;position:absolute;top:50%;left:0;width:1px;height:12px;margin-top:-6px;background-color:#aeaeae;content:"";}

.banner_wrap .grap ul li:first-child:before{display:none;}

.banner_wrap .grap ul li a{display:inline-block;height:38px;padding:0 24px 0 23px;margin:0;color:#000;font-size:16px;line-height:38px;}

.banner_wrap .grap ul li a:hover,

.banner_wrap .grap ul li a:focus{text-decoration:underline;}

.banner_wrap .control{display:inline-block;position:absolute;top:50%;left:90px;margin:-9px 0 0 0;}

.banner_wrap .control li{display:inline-block;float:left;width:20px;height:20px;}

.banner_wrap .control li a{display:inline-block;position:relative;width:100%;height:100%;font-size:0;vertical-align:top;text-indent:-9999px;}

.banner_wrap .control li.play{display:none;margin:0 5px;}

.banner_wrap .control li.stop{margin:0 5px;}

.banner_wrap .control li a:before{display:block;position:absolute;top:50%;left:50%;background:url(../images/common_ir.jpg) no-repeat;content:'';}

.banner_wrap .control li.play a:before{width:13px;height:14px;margin:-7px 0 0 -7px;background-position:-571px -1px;}

.banner_wrap .control li.stop a:before{width:6px;height:14px;margin:-7px 0 0 -3px;background-position:-563px -1px;}

.banner_wrap .control li.prev a:before{width:8px;height:14px;margin:-7px 0 0 -4px;background-position:-552px -1px;}

.banner_wrap .control li.next a:before{width:8px;height:14px;margin:-7px 0 0 -4px;background-position:-552px -18px;}





#foot_layout{padding:30px 0 50px;}

#foot_layout .layout{padding-left:270px;}

#foot_layout .flogo{top:50%;width:209px;height:53px;margin-top:-27px;background-position:-1px -114px;}

#foot_layout .footer-info a{color:#333;font-size:16px;font-weight:bold;}

#foot_layout .footer-info a:hover,

#foot_layout .footer-info a:focus{text-decoration:underline;}

#foot_layout .footer-info .mo_banner{display:none;}

#foot_layout address{display:block;margin:10px 0 8px;color:#333;font-size:15px;}

#foot_layout .copy{color:#878787;font-size:13px;}



/* 20200714 헤더 e뮤지엄 추가 */

#top_layout .utile_wrap li.emuseum_icon {position:absolute; top:29px; left:-128px; display:block;}







@media (max-width:1429px) {

    #gnb_layout .layout{max-width:none;text-align:right;}

    #gnb_layout .depth1_ul{padding-right:150px;}

    #top_layout #logo{left:20px;}

    #top_layout .utile_wrap{right:20px;}

    #top_layout .utile_wrap li.language{width:54px;}

    #top_layout .utile_wrap li.search > a{width:54px;}

    #top_layout .utile_wrap li.pc{width:54px;}

    #gnb_layout .depth1_ul{float:right;text-align:center;}

    #gnb_layout .depth1_ul > li > a{font-size:18px;}

    #gnb_layout.open .gnb_sub_info{display:none;}



	#top_layout .utile_wrap li.emuseum_icon {display:none;}

}



@media (max-width:1239px) {

    .layout{max-width:880px;}

    #top_layout .utile_wrap li.language a{font-size:15px;}

    #gnb_layout .depth1_ul > li .item .gnb-title{left:-226px;width:226px;}

    #gnb_layout .depth1_ul > li > a{font-size:16px;}

    #gnb_layout .depth1_ul > li .depth2_ul > li a{padding:8px 10px;font-size:14px;}

}



@media (max-width:1023px) {

    .layout{width:100%;}



    

    #top_layout:before{display:block;position:absolute;bottom:0;left:0;width:100%;border-bottom:1px solid rgba(255,255,255,0.3);content:'';}

    #top_layout:after{display:block;position:absolute;top:0;left:0;width:100%;height:84px;background:rgba(0,0,0,0.3);content:'';z-index:1;}

    #top_layout .top_wrap{width:100%;padding:0 20px;}

    #top_layout .utile_wrap{right:0;}

    #top_layout .utile_wrap li:before{display:none;}

    #top_layout .utile_wrap li.language{display:none;}

    #top_layout .utile_wrap li.search{display:none;}



    #mobile-menu .modal-dialog .modal-content .modal-body{padding:0;}

	#mobile-menu .modal-dialog .modal-content .modal-body .topUtile{height: 60px;padding: 20px 15px;background: #9e2810;}

	#mobile-menu .modal-dialog .modal-content .modal-body .topUtile li{float: left;position: relative;width: auto;padding: 0 14px;list-style: none;}

	#mobile-menu .modal-dialog .modal-content .modal-body .topUtile > li:first-child{padding-left: 0;}

	#mobile-menu .modal-dialog .modal-content .modal-body .topUtile li a{color: #fff;font-size: 14px;}

	#mobile-menu .modal-dialog .modal-content .modal-body .topUtile li + li:before{content:"";position:absolute; top:50%;left:0;width:1px;height:11px;margin-top:-5.5px;background-color:#fff;}

	#mobile-menu .modal-dialog .modal-content .modal-body .topUtile li.sitemap{width: 13px;height: 11px;margin:5px 0 0;padding: 0;font-size: 0;text-indent: -9999px;}

	#mobile-menu .modal-dialog .modal-content .modal-body .topUtile li.sitemap a{display: block;width: 100%;height: 100%;background:url(../images/common_ir.jpg) -825px -1px;}

	#mobile-menu .modal-dialog .modal-content .modal-body .topUtile li.gj:before{display: none;}

	#mobile-menu .modal-dialog .modal-content .modal-body .topUtile li.lan{position: relative;right: auto;background: none;}

	#mobile-menu .modal-dialog .modal-content .modal-body .topUtile li.lan:after{position: absolute;right: 0;top: 10px;border-top: 5px solid #fff;border-right: 4.5px solid transparent;border-left: 4.5px solid transparent;content: '';}

	#mobile-menu .modal-dialog .modal-content .modal-body .topUtile li.lan a{display: block;width: 100%;height: 100%;position: relative;}

	#mobile-menu .modal-dialog .modal-content .modal-body .topUtile li.lan ul {position: absolute;top: -9999999px;left: 0;width: 100%;}

	#mobile-menu .modal-dialog .modal-content .modal-body .topUtile li.lan.on ul{top:0;z-index: 1;padding-top: 30px;}



	#mobile-menu .modal-dialog .modal-content .modal-body .topUtile li.lan.on ul li{display:inline-block;width:100%;background-color:#fff;margin:0;border:1px solid #dadada;border-top:0;line-height: 25px;}

	#mobile-menu .modal-dialog .modal-content .modal-body .topUtile li.lan.on ul li:first-child{border-top: 1px solid #dadada;}

	#mobile-menu .modal-dialog .modal-content .modal-body .topUtile li.lan.on ul li:before{display: none;}

	#mobile-menu .modal-dialog .modal-content .modal-body .topUtile li.lan.on ul a{ width:100%; color:#000; text-align:center; line-height:30px; margin:0; box-sizing:border-box;}

    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a{font-size:18px;text-shadow:none;font-weight:bold;}

    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a:before{width:10px;height:10px;border-color:transparent #464343 #464343 transparent;transform:translate( 0,-78%) rotate(-45deg);}

    #mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul{padding:0;}

    #mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul > li > a{padding:15px 30px 15px 30px;border-top:1px solid #e5e5e5;font-size:16px;font-weight:normal;}

    #mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul > li:first-child > a{border-top-width:0;}

    #mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul > li > a.more:before{display:block;position:absolute;top:50%;right:25px;width:16px;height:2px;margin:-1px 0 0;border:none;background:#464343;transform:none;content:'';}

    #mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul > li > a.more:after{display:block;position:absolute;top:50%;right:32px;width:2px;height:16px;margin:-8px 0 0;border:none;background:#464343;transform:none;content:'';}

    #mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul > li > a.more.ov:after{display:none;}

    #mobile-menu .modal-dialog .modal-content .modal-body .depth3_ul{display:none;padding:10px 0;border-top:1px solid #464343;background:#464343;}



    #mobile-menu .modal-dialog .modal-content .modal-body .depth3_ul li a{padding:7px 20px 7px 30px;color:#fff;font-size:14px;font-weight:normal;}

    #mobile-menu .modal-dialog .modal-content .modal-body .mobile-close{position:absolute;top:0;right:0;width:60px;height:60px;font-size:0;text-indent:-9999px;}

    #mobile-menu .modal-dialog .modal-content .modal-body .mobile-close:before{display:block;position:absolute;top:50%;left:50%;width:22px;height:22px;margin:-11px 0 0 -11px;background:url(../images/common_ir.jpg) no-repeat -218px -133px;content:'';}



    .navigation{padding:0 20px;}

    .navigation .layout{max-width:none;min-height:54px;}

    .setting-box__group li#print{display:none;}



    .lnb_wrap{padding:65px 20px 55px;}

    .lnb_wrap a.prev_menu{left:20px;}

    .lnb_wrap a.next_menu{right:20px;}



    #contens{padding:45px 20px 50px;}



    .banner_wrap{padding:0 20px;}



    #foot_layout .layout{padding-left:0;}

}

@media (max-width:767px) {

    .subvisual-layout__title span{font-size:28px;line-height:1.3;}
	#top_layout{height: 66px;}
	#top_layout .utile_wrap li.box{height: 66px;    width: 80px;}
	#top_layout .top_wrap{}
	#top_layout:after{height: 66px;}
	#top_layout #logo{    top: 8px;}
	#top_layout .utile_wrap li.box a .allmenu, #top_layout .utile_wrap li.box button .allmenu{margin: -10px 0 0 -10px;}
	
    .navigation .layout .path{display:none;}

    .lnb_wrap{padding:50px 20px 75px;}

    .lnb_wrap h2{font-size:25px;}

    .lnb_wrap a{width:100px;font-size:13px;line-height:1.3;}

    .lnb_wrap a.prev_menu{padding:19px 0 0;}

    .lnb_wrap a.next_menu{padding:19px 0 0;}

    .lnb_wrap a:before{bottom:auto;top:0;}



    .banner_wrap{display:none;}



    #foot_layout .footer-info ul li:last-child{display:block;}

    #foot_layout .footer-info a{font-size:12px;}

    #foot_layout .footer-info .mo_banner{display:block;position:relative;margin:0 0 5px;padding:0 5px;}

    #foot_layout .footer-info .mo_banner > a{display:block;position:relative;height:40px;border:1px solid #efefef;background:#fafafa;line-height:40px;text-align:center;}

    #foot_layout .footer-info .mo_banner > a:before{position:absolute;top:10px;right:20px;border:7px solid;border-color:transparent transparent #333 transparent;content:'';}

    #foot_layout .footer-info .mo_banner.on a:before{top:15px;border-color:#333 transparent transparent transparent;}

    #foot_layout .footer-info .mo_banner .grap{overflow-x:hidden;position:absolute;bottom:40px;left:0;width:100%;height:0;padding:0;/*border:1px solid #efefef;*/background:#fff;z-index:1;transition:all .3s;}

    #foot_layout .footer-info .mo_banner.on .grap{height:285px;padding:10px;}

    #foot_layout .footer-info .mo_banner .grap ul{width:100%;height:auto;}

    #foot_layout .footer-info .mo_banner .grap ul li{width:100%;margin-top:5px;}

    #foot_layout .footer-info .mo_banner .grap ul li:first-child{margin:0;}

    #foot_layout .footer-info .mo_banner .grap ul li a{display:block;height:40px;padding:0;border:1px solid #efefef;line-height:40px;text-align:center;}

    #foot_layout .footer-info .mo_banner .grap ul li a:hover,

    #foot_layout .footer-info .mo_banner .grap ul li a:focus{background:#fafafa;}

}