@charset "utf-8";


.tmpl_ir {background-image:url(/clean/img/common/ir-tmpl.png);}
#svisual_layout {overflow:hidden; position:relative; height:265px;}
#svisual_layout .svisual_wrap {width:100%;height:100%;}
#svisual_layout .svisual_wrap .sub__background {position:absolute; width:100%;height:100%;background-image:url(/clean/img/common/svisual.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;}
#svisual_layout .svisual_wrap .subvisual-layout {padding: 82px 0 0;text-shadow: 1px 2px 1px rgba(0,0,0,0.25);}
#svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__title {display:block;position:relative;margin: 0 0 26px;font-size: 32px;color:#fff;font-weight:700;}
#svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__title:after{position: absolute;bottom: -10px;left: 0;content: "";width: 50px;height: 3px;background-color: #fff;}
#svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__text {margin: 0;font-size: 18px;color:#fff;}

#body_layout .body_wrap{max-width: 1240px;margin: 0 auto;padding-bottom:100px;}

.contents_wrap{position:relative; width: 100%; margin:50px 0 0;}

#location{position:relative;width:100%;margin: 0 0 50px;}
#location:after {display:block; clear:both; visibility:hidden; content:'';}
#location .page__title {display:block; font-size: 32px;color: #252525;line-height: 40px;font-weight:700;text-align:center;}
#location .utile_wrap {display: block;position:relative;width: 100%;margin:10px 0;text-align: center;}
#location .utile_wrap .location_wrap {display: inline-block; vertical-align: middle;}
#location .utile_wrap .location_wrap:after {display:block; clear:both; visibility:hidden; content:'';}
#location .utile_wrap .location_wrap li {display:inline-block;position:relative;margin: 0 10px;vertical-align: top;}
#location .utile_wrap .location_wrap li:after {display:block;position:absolute;top: 9px;right: -11px;width: 6px;height: 6px;border:solid;border-width:1px 1px 0 0;border-color: #a2a2a2;content:'';transform: rotate(45deg);-webkit-transform: rotate(45deg);vertical-align:top;}
#location .utile_wrap .location_wrap li:last-child:after {display:none;}
#location .utile_wrap .location_wrap li a {display:block;font-size: 14px; color:#252525;vertical-align:top;}
#location .utile_wrap .location_wrap li.n1 {}
#location .utile_wrap .location_wrap li.n1 a {display:block;width:22px;height:22px;background:url(/clean/img/common/home2.png)no-repeat center;font-size:0;}


#location .utile_wrap .print_wrap {display:inline-block;vertical-align: middle;}
#location .utile_wrap .print_wrap:after{display:block; clear:both; visibility:hidden; content:'';}
#location .utile_wrap .print_wrap > li {float:left;position:relative;margin-left: 5px;}
#location .utile_wrap .print_wrap > li.n1 > a {display: block;width:27px;height:27px;border:1px solid #ddd;border-radius:50%;font-size:0;}
#location .utile_wrap .print_wrap > li.n1 > a span {display: inline-block;width: 27px;height: 27px;margin: 0 auto;background-position: 0 -14px;}
#location .utile_wrap .print_wrap > li.n1.on .sns_wrap {display:block; opacity:1;}
#location .utile_wrap .print_wrap > li.n1 .sns_wrap {display:none;opacity:0;position:absolute;right: 0;top: 40px;z-index:11;width: 90px;height: 53px;padding: 13px 10px;border:1px solid #e8ecf1;background: #fff;text-align: center;}
#location .utile_wrap .print_wrap > li.n1 .sns_wrap:before {position: absolute;top: -7px;right: 6px;width: 12px;height: 12px;background-color: #fff;border: solid #e8ecf1;border-width:1px 0 0 1px;transform: rotate(45deg);content: "";z-index: 1;}
#location .utile_wrap .print_wrap > li.n1 .sns_wrap:after {display:block; clear:both; visibility:hidden; content:'';}
#location .utile_wrap .print_wrap > li.n1 .sns_wrap a {display: inline-block;vertical-align: top;}
#location .utile_wrap .print_wrap > li.n1 .sns_wrap .fa span {display: block;width:27px;height:27px;background-position:-281px -1px;}
#location .utile_wrap .print_wrap > li.n1 .sns_wrap .tw span {display: block;width:27px;height:27px;background-position:-309px -1px;}
#location .utile_wrap .print_wrap > li.n1 .sns_wrap .clickClose {position:absolute;right: -1px;top: -41px;width:27px;height:27px;border:1px solid #ddd;border-radius:50%;background: #808080;font-size:0;}
#location .utile_wrap .print_wrap > li.n1 .sns_wrap .clickClose span {display: inline-block;width: 27px;height: 27px;margin: 0 auto;background-position: -54px -14px;}
#location .utile_wrap .print_wrap > li.n1 > button.ov + .sns_wrap button span {background-position: -54px -14px;}

#location .utile_wrap .print_wrap > li.n2 {/* margin-left:20px; */}
#location .utile_wrap .print_wrap > li.n2 button {width:27px; height:27px; border:1px solid #ddd; border-radius:50%; font-size:0;}
#location .utile_wrap .print_wrap > li.n2 button span {display: inline-block;width: 27px;height: 27px;margin: 0 auto;background-position: -27px -14px;}

#txt {position:relative; padding:0 0 50px; text-align:left; }

#top_layout.topfixed {position:fixed;top: 0;left: 0;z-index: 9999;height: 75px;background: #004b27;} 
#top_layout.topfixed #gnb_layout {min-height: 75px;}
#top_layout.topfixed #gnb {height:75px;min-height: 75px;border: none;background: #004b27;}
#top_layout.topfixed .top_wrap .logo_wrap {left:20px;top: 26.5px;}
#top_layout.topfixed .top_wrap .logo_wrap a span {background: url(/clean/img/common/logo_sub2.png)no-repeat;background-size: 100%;}
#top_layout.topfixed .top_wrap .utile_wrap {height: 75px;}
#top_layout.topfixed .top_wrap .utile_wrap li.pc a {background: url(/clean/img/common/menu2.png)no-repeat center;}
#top_layout.topfixed #gnb_layout .depth1_ul > li .item {top:75px;}
#top_layout.topfixed #gnb_layout .depth1_ul>li>a {color:#fff;}
#top_layout.topfixed #gnb_layout .depth1_ul>li>a span {line-height:75px;}
#top_layout.topfixed + .gnb_bg {top:75px;}


@media screen and (max-width:1279px){
    #top_layout.topfixed .top_wrap .utile_wrap li.mo button {background: url(/clean/img/common/menu2.png)no-repeat center;}

    #body_layout .body_wrap {max-width:100%;padding: 0 20px 100px;}
    #svisual_layout {display:none;}
    #location .page__title {font-size:30px;}
    .contents_wrap {margin:30px 0 0;}
}

@media screen and (max-width:1023px){
    #svisual_layout {display:none;}

    #body_layout .body_wrap{width: 100%;padding: 0 20px 80px;}
    .lnb_wrap{display:none;}
    .contents_wrap{float:none;width:100%;padding:0;margin: 30px 0 0;}

    
    #location {padding: 0 0 20px;margin: 0 0 10px;}
    #location .utile_wrap {margin:0 0;}
    #location .utile_wrap .location_wrap li {margin: 0 8px;}
    #location .utile_wrap .location_wrap li:after {right: -10px;top: 10.5px;width: 4px;height:4px;}
    #location .utile_wrap .location_wrap li.navi_home a span {margin:-1px 0 0;}

}

@media screen and (max-width:767px){
    #body_layout .body_wrap{padding: 0 15px 50px;}
    #location {padding:0 0 5px}
    #location .page__title {font-size: 22px;}

    #location .utile_wrap .print_wrap > li.n2 {display:none;}

}

@media screen and (max-width:580px){
    #top_layout.topfixed .top_wrap .logo_wrap {top: 32px;}
    #top_layout.topfixed .top_wrap .logo_wrap a {display:block;width: 230px;height: 27px;}
    #top_layout.topfixed .top_wrap .logo_wrap a span {}    
}



/*footer*/
#charge{width: 100%;max-width: 1240px;margin: 0 auto;border: 1px solid #d7d7d7;font-size: 14px;color: #666;text-align: left;}
#charge .inner{position: relative;padding: 15px 25px 15px 50px;}
#charge .inner:before{display:inline-block;position: absolute;top: 17px;left: 25px;width: 13px;height: 17px;background: url(/clean/img/common/footerinfo.png)no-repeat;background-position: -29px 0;content:"";}
