@charset "utf-8";

/* ==============================
* Lottie
================================= */
.lottie-wr {}
.lottie-wr .lottieMsg {margin:0 0 30px}
.lottie-wr .lottieMsg pre {font-family:"Noto Sans KR"}
.lottie-wr .lottieAni {}
.lottie-wr .lottieAni ul {display:block;overflow:hidden}
.lottie-wr .lottieAni ul li {display:block;float:left;width:19%;margin:0 1.25% 15px 0;height:auto;border:1px solid #000;background:#f5f5f5;vertical-align:top;box-sizing:border-box}
.lottie-wr .lottieAni ul li:nth-child(5n) {margin-right:0}
.lottie-wr .lottieAni .space {display:block;height:0;padding:0 0 100%;box-sizing:border-box;position:relative}
.lottie-wr .lottieAni .space .aniContainer {position:absolute;width:100%;height:100%;left:0;top:0}
@media all and (max-width:899px) {
	.lottie-wr .lottieAni ul li {width:24%;margin:0 1.3333% 10px 0}
	.lottie-wr .lottieAni ul li:nth-child(5n) {margin-right:1.3333%}
	.lottie-wr .lottieAni ul li:nth-child(4n) {margin-right:0}
}
@media all and (max-width:699px) {
	.lottie-wr .lottieAni ul li {width:32%;margin:0 2% 10px 0}
	.lottie-wr .lottieAni ul li:nth-child(5n) {margin-right:2%}
	.lottie-wr .lottieAni ul li:nth-child(4n) {margin-right:2%}
	.lottie-wr .lottieAni ul li:nth-child(3n) {margin-right:0}
}
@media all and (max-width:399px) {
	.lottie-wr .lottieAni ul li {width:49%;margin:0 2% 10px 0}
	.lottie-wr .lottieAni ul li:nth-child(5n) {margin-right:2%}
	.lottie-wr .lottieAni ul li:nth-child(4n) {margin-right:2%}
	.lottie-wr .lottieAni ul li:nth-child(3n) {margin-right:2%}
	.lottie-wr .lottieAni ul li:nth-child(2n) {margin-right:0}
}

/* ==============================
* 찾아오시는길
================================ */
.location-wrap {position:relative;padding:0 0 30px}
.location-wrap:before {content:'';display:block;background:#f8f8f8;width:2000px;height:50%;position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:-1}
.location-wrap .locationMap {padding:0 0 37.143%;position:relative;height:0}
.location-wrap .map-viewer {position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible}
.location-wrap .map-viewer .wrap_map {height:100%}
.location-wrap .btn-skip {position:absolute;top:-100%;left:0;background-color:#0a51d1;width:100%;padding:10px 0;color:#fff;text-align:center;opacity:0;z-index:2;}
.location-wrap .btn-skip:focus {top:0;opacity:1;}
.location-wrap .location-info {display:flex;background:#fff;box-shadow:0px 6px 10px 0px rgba(100, 100, 100, 0.08);;box-sizing:border-box;padding:40px 40px 32px 70px;position:relative;width:100%;z-index:10;margin:60px 0 0}
.location-wrap .location-info:before,
.location-wrap .location-info:after {content:'';display:block;position:absolute;top:0;left:0}
.location-wrap .location-info:before {background:#e81e6f;width:50px;height:4px}
.location-wrap .location-info:after {background:#032d6a;width:4px;height:100%}
.location-wrap .location-info .logo {display:block;width:141px;margin:6px 80px 0 0}
.location-wrap .location-info .logo img {width:100%}
.location-wrap .location-info .info {font-size:1.059em}
.location-wrap .location-info .info li {color:#333;font-size:1.059em;margin:0 0 10px;padding-left:42px;position:relative}
.location-wrap .location-info .info li:last-child {margin:0}
.location-wrap .location-info .info li:before {content:'';display:block;background:url(/resources/_Img/Contents/content_spr.png) no-repeat -261px 0;width:30px;height:30px;position:absolute;top:0;left:0}
.location-wrap .location-info .info li.tel:before {background-position-x:-301px}
.location-wrap .location-info .info li.mail:before {background-position:-261px -40px}
.location-wrap .location-info .info li .tit {font-weight:600;margin-right:19px}
.location-wrap .location-info .btn-more {align-self:center;box-sizing:border-box;color:#000;font-size:.941em;font-weight:500;margin-left:auto;padding:9px 20px 6px;position:relative;width:160px}
.location-wrap .location-info .btn-more .kor {}
.location-wrap .location-info .btn-more .kor:after {content:'';display:block;background:#004185;opacity:.1;width:100%;height:20px;position:absolute;bottom:0;left:0}
@media all and (max-width:1399px) {
	.location-wrap .location-info {flex-wrap:wrap;padding:30px 40px;position:relative;top:auto;bottom:auto;right:auto;left:auto}
	.location-wrap .location-info .info {margin-top:20px;order:2;width:100%}
}
@media all and (max-width:768px) {
	.location-wrap .location-info {padding:20px 25px}
	.location-wrap .location-info .logo {width:113px;margin-right:0}
	.location-wrap .location-info .btn-more {width:auto;padding:9px 60px 6px 10px}
}
@media all and (max-width:599px) {
	.location-wrap .location-info .btn-more {padding-right:50px}
}

@media all and (max-width:599px) {
	.location-wrap .location-info .btn-more {padding-right:50px}
}