@charset "utf-8";

@keyframes tittxt{0%{opacity:0;-webkit-transform: translateY(150%);transform: translateY(150%);}100%{opacity:1;-webkit-transform: translateY(0);transform: translateY(0);}}
@-webkit-keyframes tittxt{0%{opacity:0;-webkit-transform: translateY(150%);transform: translateY(150%);}100%{opacity:1;-webkit-transform: translateY(0);transform: translateY(0);}}

@-webkit-keyframes images_fade {0% {-webkit-transform: scale(1.05) rotate(0deg);transform: scale(1.05) rotate(0deg);}100% {-webkit-transform: scale(1) rotate(0.01deg);transform: scale(1) rotate(0.01deg);}}
@keyframes images_fade {0% {-webkit-transform: scale(1.05) rotate(0deg);transform: scale(1.05) rotate(0deg);}100% {-webkit-transform: scale(1) rotate(0.01deg);transform: scale(1) rotate(0.01deg);}}

#svisual_layout {overflow:hidden;position:relative;text-align: center;}
#svisual_layout .svisual_wrap {width:100%;height:100%;}
#svisual_layout .svisual_wrap .sub__background {position:absolute;left: 0;width:100%;height:100%;background-image:url(/hesselib/img/common/visual.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;-webkit-transform: scale(1.05) rotate(0deg);transform: scale(1.05) rotate(0deg);}
#svisual_layout .svisual_wrap .subvisual-layout {padding: 65px 0 60px;}
#svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__text {display:block;overflow: hidden;margin:0;line-height:1.3;font-size: 18px;font-weight:700; color: #161616;}
#svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__text span {display:block;line-height: 1.3;-webkit-transform: translateY(100%);transform: translateY(100%);-webkit-animation: tittxt 0.5s linear forwards;animation: tittxt 0.5s linear forwards;}
#svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__title {display: inline-block;overflow: hidden;position:relative;z-index: 5;margin:0;line-height: 1;color: #fff;/* font-family:"exo"; */font-weight:700;font-size: 30px;font-weight:700;}
#svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__title span {display:block;position:relative;line-height:1; color: #171717;     font-size: 40px; font-family: "exo-black";-webkit-transform: translateY(150%);transform: translateY(150%);-webkit-animation: tittxt 0.7s linear forwards 0.5s;animation: tittxt 0.7s linear forwards 0.5s;}

#body_layout .body_wrap{margin: 0 auto;padding-bottom:100px;}
.contents_wrap{position:relative;float:right;width:calc(100% - 325px);}

.lnb_wrap{display: block;position:relative;top: -60px;z-index: 1;float:left;width: 270px;min-height: auto;margin: 0 0 50px;}
.lnb__title{display:block;position:relative;padding: 40px 0;border-radius: 0 0 45px 0;background: #a41735 url(/hesselib/img/common/lnb_bg.png)no-repeat center bottom;text-align:center;}
.lnb__title strong{display:block;position:relative;font-size:27px;line-height: 1.3;font-weight: 700;color:#fff;text-align:center;}
.lnb_depth2__list{}
.lnb_depth2__list > li{position:relative;border-top:none;border-bottom: 1px solid #161313;}
.lnb_depth2__list li a{position:relative;display:block;line-height:1.2;word-wrap:break-word;word-break:keep-all;color: #1a1919;}
.lnb_depth2__list > li > a[target=_blank]:before {top:20px;right: 20px;width:14px;height:14px;background:url(/template/A/images/link_icon.png)no-repeat;}
.lnb_depth2__list > li > a[target=_blank]:after {display:none;}
.lnb_depth2__list > li > a:hover,
.lnb_depth2__list > li > a:focus,
.lnb_depth2__list >li.ov>a,
.lnb_depth2__list >li.on>a{background-color:#fff;color: #941934;}
.lnb_depth2__list >li>a span{position:relative;display:block;line-height:1.2;word-wrap:break-word;word-break:keep-all;font-size: 17px;font-weight:500;text-align: left;}
.lnb_depth2__list >li>a span:after {display:block;position:absolute;top: 25px;right: 20px;content:'';width: 8px;height: 8px;border: solid #292828;border-width: 0 2px 2px 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.lnb_depth2__list >li.on>a span:after {border: solid #941934;border-width: 0 2px 2px 0;}
.lnb_depth2__list >li>a[target=_blank] span:after{width:14px;height:14px;border:none;background:url(/hesselib/img/common/blank.png)no-repeat;-webkit-transform:rotate(0deg);transform:rotate(0deg);} 
.lnb_depth2__list >li>a>span{padding: 19px 38px 19px 20px;}
.lnb_depth2__list >li.on{border:0;}
.lnb_depth2__list >li.on > a:before {background:#fff;}
.lnb_depth2__list >li.on > a[target=_blank]:before {top:20px;right: 20px;width:14px;height:14px;background:url(/hesselib/img/common/blank.png)no-repeat;}
.lnb_depth2__list >li.on > a:after {display:none;}
.lnb_depth2__list >li.on>a{border-bottom: 3px solid #941934;color: #941934;}
.lnb_depth2__list >li.on>a span{position: relative;font-weight:700;}
.lnb_depth2__list .lnb_depth3__list{display:none;visibility:hidden;overflow:hidden;height:0;padding: 10px 25px;background-color: #f5f2f3;text-align: left;transition:all .4s;}
.lnb_depth2__list .lnb_depth3__list li {position: relative;display:block;}
.lnb_depth2__list .lnb_depth3__list li a{display:block;padding: 12px 0;padding-right: 15px;background: url(/hesselib/img/common/more.png)no-repeat right center;font-size: 15px;font-weight: 500;color: #1a1919;}
.lnb_depth2__list .lnb_depth3__list li a[target="_blank"] {background:url(/hesselib/img/common/blank.png)no-repeat right center;}
.lnb_depth2__list .lnb_depth3__list li.on a {color:#930d29; font-weight:700;}
.lnb_depth2__list .lnb_depth3__list li a[target=_blank] span:after {display:inline-block; width:14px;height:14px;margin:-4px 0 0 3px;background:url(/hesselib/img/common/blank.png)no-repeat; vertical-align:middle; content:'';}
.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;visibility:visible;height:auto;}
.lnb_depth3__list > li > a:hover span,
.lnb_depth3__list > li > a:focus span,
.lnb_depth3__list > li.on > a span
.lnb_depth3__list > li.ov > a span {text-decoration: underline;}

#location{position:relative;width:100%;margin: 55px 0 30px;padding: 0 0 25px;border-bottom: 4px solid #161313;text-align:left;}
#location:after {display:block; clear:both; visibility:hidden; content:'';}
#location .page__title {display:block;float: left;font-size: 30px;font-weight:700;color: #282525;}
#location .utile_wrap {display: inline-block;float: right;position:relative;margin:5px 0 0;padding: 5px 90px 0 0;}
#location .utile_wrap .location_wrap {}
#location .utile_wrap .location_wrap:after {display:block; clear:both; visibility:hidden; content:'';}
#location .utile_wrap .location_wrap li {float:left;position:relative;margin: 0 10px;}
#location .utile_wrap .location_wrap li:after {display:block;position:absolute;top: 9px;right: -12px;width: 4px;height: 4px;border:solid;border-width:1px 1px 0 0;border-color: #cbcaca;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: #767575;}
#location .utile_wrap .location_wrap li.n1 {padding: 5px 0 0;margin: 0 11px 0 0;}
#location .utile_wrap .location_wrap li.n1 a {display:block;width: 13px;height: 12px;background: url(/hesselib/img/common/sns_ir.png)no-repeat -130px -11px;font-size:0;}
#location .utile_wrap .location_wrap li:last-child a {font-weight:700; }

#location .utile_wrap .print_wrap {position:absolute;right:0;bottom: -7px;}
#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: 8px;}
#location .utile_wrap .print_wrap > li button {-webkit-transition:all 0.3s; transition:all 0.3s;}
#location .utile_wrap .print_wrap > li.n1 > button {display: block;width:34px;height:34px;border:1px solid #ddd;border-radius:50%;font-size:0;}
#location .utile_wrap .print_wrap > li.n1 > button span {display: inline-block;width:100%;height:100%;margin: 0 auto;background:url(/hesselib/img/common/sns_ir.png)no-repeat -41px 0;}
#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;top: 33px;right: -43px;z-index:11;width: 120px;height: auto;padding: 5px 0;border:1px solid #dfb2bb;background: #fff;text-align: center;}
#location .utile_wrap .print_wrap > li.n1 .sns_wrap button {display:block;width: 100%;margin: 10px 0;text-align:center;}
#location .utile_wrap .print_wrap > li.n1 .sns_wrap button span {display:inline-block;width: 28px;height: 28px;margin: 0 10px 0 0;background-image:url(/hesselib/img/common/sns_ir.png);font-size:0;text-indent:-9999px;vertical-align:middle;}
#location .utile_wrap .print_wrap > li.n1 .sns_wrap button[data-service="naver"] span {background-position:0 -1px;}
#location .utile_wrap .print_wrap > li.n1 .sns_wrap button[data-service="twitter"] span { background-position:0 -40px;}
#location .utile_wrap .print_wrap > li.n1 .sns_wrap button[data-service="facebook"] span { background-position:0 -79px;}
#location .utile_wrap .print_wrap > li.n1 .sns_wrap button[data-service="band"] span { background-position:0 -118px;}
#location .utile_wrap .print_wrap > li.n1 .sns_wrap button[data-service="pinterest"] span { background-position:0 -156px;}
#location .utile_wrap .print_wrap > li.n1 .sns_wrap button[data-service="kakaostory"] span {background-position: 0 -195px;}
#location .utile_wrap .print_wrap > li.n1 .sns_wrap button.copy span {background-position: 0 -234px;}
#location .utile_wrap .print_wrap > li.n1 .sns_wrap button em {display:inline-block; position:relative;color: #4c4949;font-size: 14px;font-weight:500;}
#location .utile_wrap .print_wrap > li.n1 .sns_wrap button em:after {display:block; position:absolute;left:-5%; right:105%; bottom:-3px; z-index:-1; content:'';width:auto;height:6px; background:#faccd6; -webkit-transition:all 0.3s; transition:all 0.3s;}
#location .utile_wrap .print_wrap > li.n1 .sns_wrap button:hover em:after,
#location .utile_wrap .print_wrap > li.n1 .sns_wrap button:focus em:after {right:-5%;}
#location .utile_wrap .print_wrap > li.n1 .sns_wrap .clickClose {position:absolute;right: 42px;top: -44px;width:34px;height:34px;border: 1px solid #dfb2bb;border-bottom:none;border-radius: 50% 50% 0 0;font-size:0;}
#location .utile_wrap .print_wrap > li.n1 .sns_wrap .clickClose span {display:block;width:100%;height:100%;border-radius: 50% 50% 0 0;background: #fff url(/hesselib/img/common/sns_ir.png)no-repeat -41px -68px;}

#location .utile_wrap .print_wrap > li.n2 {}
#location .utile_wrap .print_wrap > li.n2 button {display: block;width:34px;height:34px;border:1px solid #ddd;border-radius:50%;font-size:0;}
#location .utile_wrap .print_wrap > li.n2 button span {display:block;width: 100%;height: 100%;margin: 0 auto;background:url(/hesselib/img/common/sns_ir.png)no-repeat -86px 0;}

#location .utile_wrap .print_wrap > li.n1 > button:hover,
#location .utile_wrap .print_wrap > li.n1 > button:focus,
#location .utile_wrap .print_wrap > li.n2 button:hover,
#location .utile_wrap .print_wrap > li.n2 button:focus {border:1px solid #a41735;background-color:#a41735;}
#location .utile_wrap .print_wrap > li.n1 > button:hover span,
#location .utile_wrap .print_wrap > li.n1 > button:focus span {background-position: -41px -34px;}
#location .utile_wrap .print_wrap > li.n2 button:hover span,
#location .utile_wrap .print_wrap > li.n2 button:focus span {background-position:-86px -34px;}

#txt {position:relative; padding:0 0 50px; text-align:left; }
#charge {margin:30px 0 0;}
#charge .inner {position: relative;padding:20px;padding-left: 50px;border:1px solid #eee;}
#charge .inner:before {display: inline-block;position: absolute;top:23px;left: 25px;width: 13px;height: 17px;background: url(/common/img/footerinfo.png)no-repeat;background-position: -29px 0;content:"";}
#charge .inner b,
#charge .inner span {display:inline-block;margin-right:10px;}
#charge .info_t {display:none;}
@media screen and (max-width:1279px){	
	.lnb_wrap {width:220px;}
	.lnb_depth2__list >li>a span {font-size: 16px;}
	.lnb_depth2__list .lnb_depth3__list li a {font-size:14px;}
	.contents_wrap {width: calc(100% - 260px);}
}

@media screen and (max-width:1023px){	
	.lnb_wrap{display:none;}   
	.contents_wrap{float:none;width:100%;padding:0;margin: 0;} 
	
	#location {margin: 30px 0 20px;padding: 0 0 20px;border-bottom: 2px solid #161313;}
	#location .page__title {font-size: 24px;}	
    
    #svisual_layout .svisual_wrap .subvisual-layout {padding: 55px 0 45px;}
    #svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__title span {line-height:1;font-size:38px;}

}

@media screen and (max-width:767px){
	#location {padding: 0 0 10px;}
	#location .page__title {float:none;padding-right: 35px;font-size: 22px;}
	#location .utile_wrap {float:none;padding: 10px 28px 0 0;}
	#location .utile_wrap .location_wrap {}
	#location .utile_wrap .print_wrap {}
	#location .utile_wrap .print_wrap > li.n2 {display:none;}	

	#location .utile_wrap .print_wrap > li.n1 .sns_wrap {right:0;}
	#location .utile_wrap .print_wrap > li.n1 .sns_wrap .clickClose {right:-1px;}

	#svisual_layout {height:auto;}
    #svisual_layout .svisual_wrap .subvisual-layout {padding: 40px 25px 30px;}
	#svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__text {margin:0 0 5px;font-size: 16px;}
    #svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__title {margin: 5px 0 0;font-size: 25px;line-height: 1.1;}
    #svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__title span {font-size:30px;}


}