@charset "utf-8";

#body_layout{position: relative;z-index:10}
#body_layout .body_wrap{background-color:#fff;padding-bottom:150px;padding-top: 110px;}

#svisual_layout{position:relative;height: 341px;background: url(/template/B/images/svisual_img.jpg);background-size: cover; }
#svisual_layout .svisual_wrap {position:relative;width:100%;height:100%;}
#svisual_layout .svisual_wrap .sub__background {position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;z-index: 8;}
#svisual_layout .svisual_wrap .sub__background.topImage1{background-image: url(/template/B/images/svisual_img01.jpg);}
#svisual_layout .svisual_wrap .sub__background.topImage2{background-image: url(/template/B/images/svisual_img02.jpg);}
#svisual_layout .svisual_wrap .sub__background.topImage3{background-image: url(/template/B/images/svisual_img03.jpg);}
#svisual_layout .svisual_wrap .sub__background.topImage4{background-image: url(/template/B/images/svisual_img04.jpg);}
#svisual_layout .svisual_wrap .sub__background.topImage5{background-image: url(/template/B/images/svisual_img05.jpg);}
#svisual_layout .svisual_wrap .sub__background.topImage6{background-image: url(/template/B/images/svisual_img06.jpg);}

#svisual_layout .subvisual-layout{position:relative;z-index:9;padding-top: 110px;vertical-align: middle;text-align: center;}
#svisual_layout .subvisual-layout .subvisual-layout__title{display: block;margin-bottom: 10px;font-size: 36px;color: #fff;font-weight: bold;font-weight:bold;}
#svisual_layout .subvisual-layout span{color:#fff;font-size:16px;}

.contents_wrap{position:relative;width: 100%;}
.page__title{display:block;margin: 0 auto 25px;padding: 0;color: #242424;font-size: 30px;font-weight: 400;line-height: 1.3;letter-spacing: -0.01em;font-family: 'score';max-width: 1300px;}

.lnb_wrap{position:relative;z-index:10;width: 100%;border-bottom: 1px solid #e8e8e8;}
.lnb__title{display: none;width: 100%;height: 72px;padding: 0 13px;border-bottom: 1px solid #9495a1;overflow: hidden;letter-spacing: 0;color: #222;text-align: left;}
.lnb__title strong{display: table-cell;vertical-align: middle;line-height: 1.3;font-family: 'score';font-size: 22px;color: #242424;}
.lnb_depth2__list{max-width:1300px;margin: 0 auto;text-align: center;}
.lnb_depth2__list > li{display:inline-block;vertical-align: top;}
.lnb_depth2__list > li + li{border-top: 0}
.lnb_depth2__list > li:first-child{border-top-width:0;}
.lnb_depth2__list > li > a{display:block;position:relative;width:100%;height:100%;}
.lnb_depth2__list > li > a:before{}
.lnb_depth2__list > li.depth3_on > a:before{}
.lnb_depth2__list > li.on > a:before{}
.lnb_depth2__list > li > a[target=_blank]:before{position:absolute;right: 13px;top:50%;width:12px;height:13px;border:0;background:url(/template/B/images/target.png);transform: translateY(-50%);content:'';}
.lnb_depth2__list > li.depth3.on{border-bottom:2px solid #1e437c;border-top: 2px solid #1e437c;}
.lnb_depth2__list > li.depth3 > a{position:relative;display:block;line-height:1.2;word-wrap:break-word;word-break:keep-all;/* color: #fff; */}
.lnb_depth2__list > li.depth3 > a:after,
.lnb_depth2__list > li.depth3 > a:before{display:inline-block;content: '';position:absolute;top:50%;border: 0;background-color: #2c4c7d;vertical-align:middle;}
.lnb_depth2__list > li.depth3 > a:before{right: 4px;width: 13px;height: 1px;z-index:1;transform: translateX(-49%);}
.lnb_depth2__list > li.depth3 > a:after{right: 16px;height: 13px;width: 1px;z-index:1;transform: translateY(-49%);}
.lnb_depth2__list > li.depth3.on > a:after{display:none;}
.lnb_depth2__list > li.depth3 > a:hover,
.lnb_depth2__list > li.depth3 > a:focus,
.lnb_depth2__list > li.depth3 + li{border-top:0;}
.lnb_depth2__list >li.ov>a,
.lnb_depth2__list >li.on>a{background-color:#fff;}
.lnb_depth2__list li a span{position:relative;display:block;line-height:1.2;word-wrap:break-word;word-break:keep-all;font-size: 16px;font-weight: 500;text-align: center;color: #242424;}
.lnb_depth2__list .depth3_ul li a[target=_blank] span:after{display: inline-block;position: relative;width: 12px;height: 13px;margin-left: 10px;background: url(/template/B/images/target.png) 0px 0px;content: '';}
.lnb_depth2__list .depth3_ul li.on a[target=_blank] span:after{background-position: -138px -29px;}
.lnb_depth2__list >li>a>span{padding: 28px 33px;}
.lnb_depth2__list >li.on{}
.lnb_depth2__list li div {height:0;}
.lnb_depth2__list li.on .depth3_b {height: 70px;background: #fff;border: 0;}
.lnb_depth2__list >li.on>a{color: #222;}
.lnb_depth2__list >li.on>a span{position:relative;color: #df3127;font-weight: bold;}
.lnb_depth2__list >li.on>a span:after{position:absolute;left:0;bottom: -1px;width: 100%;height:2px;background:#ec211f;content:'';}
.lnb_depth2__list .lnb_depth3__list{visibility:hidden;height:0;display:none;padding: 8px 22px;background-color: #f7f7f7;text-align: left;transition:all .4s;}
.lnb_depth2__list .lnb_depth3__list li{display: inline-block;position: relative;vertical-align: middle;}
.lnb_depth2__list .lnb_depth3__list li:last-child{border:0;}
.lnb_depth2__list .lnb_depth3__list li a{position: relative;display:block;padding: 0 30px;}
.lnb_depth2__list .lnb_depth3__list li span{display:block;position: relative;padding: 17px 0 17px 9px;font-size: 17px;word-wrap:break-word;word-break:keep-all;font-weight:normal;color: #242424;}
.lnb_depth2__list .lnb_depth3__list li.on{}
.lnb_depth2__list .lnb_depth3__list li.on span{color: #ec211f;font-weight: bold;}
.lnb_depth2__list .lnb_depth3__list li.on a:after{}
.lnb_depth2__list > li > a:hover .lnb_depth3__list,
.lnb_depth2__list > li > a:focus .lnb_depth3__list,
.lnb_depth2__list > li.on .lnb_depth3__list,
.lnb_depth2__list > li.ov .lnb_depth3__list,
.lnb_depth3__list.on,
.lnb_depth3__list.open{display: block !important;overflow: visible;visibility:visible;position: absolute;left: 0;top: 76px;width: 100%;height:auto;text-align: center;background: #f6f6f6;border-bottom: 1px solid #e8e8e8;}
#lnb_layout{/* margin-bottom:50px; */}
#lnb_layout.action{position:fixed;top:0%;z-index:999;background: #fff;/* box-shadow: 10px 10px 15px rgb(28 47 56 / 15%); *//* min-height: 100px; */}

#location{position: absolute;top: -100px;left: 0;width: 100%;height: 68px;}
#location *{vertical-align:middle;}
#location .utile_wrap{position:relative;max-width:1300px;margin:0 auto;}
.location_wrap{position: relative;width: 100%;margin: 0 auto;padding: 25px 0;font-size: 0;letter-spacing: 0;word-spacing: 0;text-align: center;}
.location_wrap li{display:inline-block;position:relative;padding: 0 20px;min-height:16px;}
.location_wrap li *{vertical-align:middle;}
.location_wrap li a{display:block;position:relative;line-height:1.3;font-size: 14px;color: #fff;letter-spacing: -0.01em;}
.location_wrap li.on a{font-weight: bold; text-decoration: underline;}
.location_wrap li.home a{width: 15px;height:15px;background: url(/template/B/images/common_ir.png) -83px 0;margin-right: 3px;position: relative;top: 1px;font-size: 0;}
.location_wrap li:last-child:after{content:none;}
.location_wrap li:before{width: 7px;height: 11px;background: url(/template/B/images/common_ir.png) -75px 1px;content:"";position:absolute;top:50%;left:-3px;transform: translate(0, -50%);}
.location_wrap .n1:before{display:none;}
.setting-box__group{position: absolute;top: 0;right: 0;}
.setting-box__group li{display:inline-block;float: left;position:relative;margin-left: 20px;}
.setting-box__group>li>button{position:relative;width: 20px;height:68px;background: url(/template/B/images/print.png) center no-repeat;background-position: center;vertical-align:top;font-size:0;transition:all .3s;}
.setting-box__group>li>button:hover,
.setting-box__group>li>button:focus{}
.setting-box__group li.n2 > button{background-position: -119px -46px;}
.setting-box__group #print > button{}
.setting-box__group #sns_layout > button{background-image: url(/template/B/images/sns.png);}
.setting-box__group #sns_layout button.ov{}
.setting-box__group li .sns_wrap{display:none;position: absolute;right: 0;top: 80px;z-index: 99;width: 180px;}
.setting-box__group li.on > a{ display:none;}
.setting-box__group li.open .sns_wrap,
.setting-box__group li.on .sns_wrap{ width:auto; display:inline-block;}
.setting-box__group li>.sns_wrap>button{display: inline-block;width: 32px;height: 32px;margin-bottom: 8px;font-size: 0;background: url("/template/B/images/common_ir.png");}
.setting-box__group li .sns_wrap [data-service="naver"]{background-position: -64px -18px;}
.setting-box__group li .sns_wrap [data-service="twitter"]{background-position: -32px -18px;}
.setting-box__group li .sns_wrap [data-service="facebook"]{background-position: 0px -18px;}
.setting-box__group li .sns_wrap [data-service="band"]{background-position: -96px -18px;}
.setting-box__group li .sns_wrap [data-service="pinterest"]{ background-position:-309px -18px;}
.setting-box__group li .sns_wrap [data-service="kakaostory"]{background-position: -460px -18px;}
.setting-box__group li .copy{background-position:-337px -59px;}
.setting-box__group li>.sns_wrap>button[data-target="ui-close"]{position: absolute;top: -31px;right: -22px;width: 60px;/* background: #fff; */font-size:0;}
.setting-box__group li>.sns_wrap>button[data-target="ui-close"]:before{width:13px;height:18px;background-position: -176px -128px;}
.setting-box__group li .ov[data-target="ui-open"]{color: #fff;}

@media screen and (max-width: 1379px){
    #location{right:0;}
    #svisual_layout{height: 210px;}
    #svisual_layout .subvisual-layout{padding-top: 47px;}
    #svisual_layout .svisual_wrap .sub__background:before{right: 0;width: 250px;height: 63px;background-size:100%;margin: 0;}
    #location{top: -68px;right:0;margin:0;padding: 0 40px;}
    .location_wrap:before{display:none;}
    .contents_wrap{width: 100%;}
}
@media screen and (max-width: 1023px){
    #body_layout:before{width:100%;left: 0;margin: 0;}
    #body_layout .body_wrap{margin-top:0;padding-top: 0;padding-bottom: 50px;}

    #svisual_layout .subvisual-layout{padding-top: 50px;}
    #svisual_layout .subvisual-layout .subvisual-layout__title{font-size: 25px;}
    .lnb_wrap{display:none;}
    .contents_wrap{float:none;width:100%;padding:0;margin: 0;}

    #location{position:relative;top: -68px;bottom:auto;right: auto;width: 100%;}
    #location .utile_wrap:after{display:block;clear:both;visibility:hidden;content:'';}
    .location_wrap{margin:0;}
    .setting-box__group{float:right;}
    .setting-box__group #print,
    .setting-box__group li:nth-child(3){display:none}
    .setting-box__group li .sns_wrap{left:auto;right:0;}
    .location_wrap li{padding:0 7px;margin: 3px 0;}
    .location_wrap li.home {margin-top:-3px;}
    .location_wrap li.navi_home a{font-size:0;}
    .location_wrap li.navi_home{padding-left:0}
}
@media screen and (max-width:767px){
    #svisual_layout{height:auto;}
    #svisual_layout .subvisual-layout{padding: 60px 0;}
    #svisual_layout .svisual_wrap .sub__background{background-position:30%;background-size:auto 100%;}
    #svisual_layout .svisual_wrap .sub__background:before{display:none;}
    #svisual_layout .subvisual-layout .subvisual-layout__title{}
    #svisual_layout .subvisual-layout p{display:none;}

    #body_layout:before{display: none;}
    #body_layout .body_wrap{padding-top:25px;}
    #location{top: 0;left: 0;right: 0;z-index: 1;width: auto;height: auto;min-height: 68px;padding-top:0;padding-left: 25px;padding-right: 25px;border-bottom: 1px solid #ddd;}
    #location .utile_wrap{padding-right: 70px;}
    .setting-box__group{position:absolute;right:0;top: 50%;transform: translateY(-50%);}
    .title_wrap .page__title{}
    .location_wrap{margin:0;padding: 25px 0;text-align:left;}
    .location_wrap li a{color:#000;}
    .location_wrap li.home{padding-left:0;}
    .location_wrap li.home a{background-position:-58px 0;}
    .location_wrap li:before{background-position:-51px -2px;}
    .location_wrap li.navi_home{display:none;}
    .location_wrap li.n2{padding-left:0;}
    .location_wrap li.n2:before{display:none;}
    .setting-box__group #sns_layout > button{background-image:url(/template/B/images/sns2.png);}
}