@charset "utf-8";
/* CSS Document */
.mouseMove {
	position: absolute;
	left: 50%;
	bottom: 50px;
	width: 22px;
	margin-left: -11px;
	border: 2px solid #fff;
	height: 34px;
	border-radius: 12px;
	z-index:9;
	transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
}
.mouseMove.intro {
	bottom: 60px;
}
.mouseMove span {
	position: absolute;
	left: 50%;
	top: 9px;
	margin-left: -2px;
	width: 4px;
	height: 4px;
	background: #fff;
	border-radius: 2px;
	transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	animation: mousePop 2.5s linear infinite;
	-webkit-animation: mousePop 2.5s linear infinite;
}
.ani_step06 .mouseMove {
	display:none;
}
@-webkit-keyframes mousePop {
68% {
	height: 4px;
	top: 9px;
}

76% {
	height: 8px;
	top: 9px;
}

84%,92% {
	height: 4px;
	top: 20px;
}
}

@keyframes mousePop {
68% {
	height: 4px;
	top: 9px;
}

76% {
	height: 8px;
	top: 9px;
}

84%,92% {
	height: 4px;
	top: 20px;
}
}

@media (min-width: 1200px){
	body.ui-dark .header-content-light { background-color: #fff; border-bottom: 1px solid #ddd}
	body.ui-dark .site-header{ padding: 3rem 7rem 1rem 7rem}
	body.ui-dark .btn_cart {top: 1.5rem;}
	body.ui-dark  section {padding: 4rem 0 2rem;}
	
	body.ui-dark .site-nav > ul > li{position: relative;}
	body.ui-dark .site-nav .depth2{border: 1px solid #ddd}
	body.ui-dark .site-nav .depth2:before{border-color: #ddd; z-index: -1 }

	body .site-footer {position: relative;}
}

section {padding: 2rem 0 3rem;}
section[data-ui="light"] .ttl { color: #fff}
section[data-ui="dark"] .ttl{ color: #333}
.ttl { text-align: center; margin-top: 5rem }
.ttl:after {display: block;content: '';margin: 30px auto;width: 1px;height: 45px;background: #000;}
.ttl h2 {font-weight: 700; font-size: 40px;}
.ttl p { font-weight: 400; font-size: 14px;}

section[data-anchor="home"] { color: #fff}
.txtBox {line-height: 1.5;}
.txtBox strong{display:block;font-family:'Nanum Myeongjo';font-size:50px;letter-spacing:-0.05em;font-weight: 600;line-height: 1.2; margin-top: 3em}
.txtBox .txt1{margin:30px 0 0;font-family:'Lato';font-size:25px;letter-spacing:-0.02em;font-weight: 600}
.txtBox .txt2{margin:10px 0 0;font-size:14px;color:rgba(255, 255, 255, .80);letter-spacing:-0.001em;}
.txtBox .more{position:relative;display:inline-block;width:110px;margin-top:30px;padding-bottom:5px;background:url(../images/common/main_more.png) 100% 100% no-repeat;font-size:16px;color:#fff; font-weight: 500; transition: all .3s;  left:0}
.txtBox .more:hover {left:30px}

@media only screen and (max-width: 1500px){ 
	.mouseMove {bottom: 30px;}
}
@media only screen and (max-width: 1200px){ 
	.mouseMove {bottom: 90px;}
	section[data-anchor="home"] h1 span { display: inline-block}
	section {padding: 3rem 0 4rem;}
	.ttl h2 { font-size: 30px;}
	.ttl:after { margin: 20px auto; height: 35px;}
}
@media only screen and (max-width: 992px){ 
	section {padding: 2.5rem 0 2rem ;}
	.ttl {margin: 0 0 30px}
	body.vegas-container>.vegas-overlay, body.vegas-container>.vegas-slide, body.vegas-container>.vegas-timer,
	section[data-anchor="home"] {padding: 4rem 0 4rem; height: 500px} 
	section[data-anchor="home"] h1 { margin-bottom: 1rem}
	.mouseMove {display: none}
	.txtBox strong {font-size:30px;margin-top: 2.5em}
	.txtBox .txt1{margin:10px 0 0;font-size:23px;}
	.txtBox .txt2{margin:10px 0 0}
	.txtBox .more{margin-top:20px;}
}
@media only screen and (max-width: 768px){ 
	body.vegas-container>.vegas-overlay, body.vegas-container>.vegas-slide, body.vegas-container>.vegas-timer,
	section[data-anchor="home"] { height: 500px} 
	section[data-anchor="home"] h1 {font-size: 1.7em;}
	
	.ttl { text-align: center; margin: 0 0 .5rem}
	.ttl h2 { margin-bottom: 0px; font-size: 23px}
	.ttl p {font-size: 12px }
	.txtBox strong {}
	.txtBox .txt1{font-size:20px}
	.txtBox .txt2{margin:5px 0 0;}
	.txtBox .more{margin-top:15px;width:90px;font-size:14px;}
}
@media only screen and (max-width: 470px) {
	body.vegas-container>.vegas-overlay, body.vegas-container>.vegas-slide, body.vegas-container>.vegas-timer,
	section[data-anchor="home"] { height: 450px} 
	section[data-anchor="home"] h1 span { display:block;}
	section[data-anchor="home"] p { font-size: 12px; margin-bottom: 1rem}
	.btn {  display: inline-block;}
	.ttl h2 { font-size: 23px}
	.txtBox{line-height: 1.3}
	.txtBox strong {font-size:25px;}
	.txtBox .txt1{margin:10px 0 0;font-size:18px}
	.txtBox .txt2{margin:5px 0 0;font-size:12px; }
	.txtBox .more{width:70px;font-size:13px;}
}


.slick-prev, .slick-next {width: 30px; height: 30px; margin-top: -15px}
.slick-dots li button {background: #505050;}
.slick-prev { left: -30px}
.slick-next { right: -30px}
.slick_event .slick-prev, .slick_event .slick-next {color: #000;}


/*  slick_event */
.section-event {background: #fff url("../images/bg/main_bg_event.jpg") no-repeat 50% 50% / cover;}
.slick_event .slick-slide { margin: 10px}
.event-item {display:block; height:100%; min-height:inherit; border:0px solid #ddd; border-radius:15px; overflow: hidden;background:#fff; box-sizing:border-box;text-align: center; margin: 0;letter-spacing:-1px;padding:30px 10px 20px 10px;font-size:1em;  }
.event-item:hover { cursor: pointer; border-color:#000; box-shadow: 0px 5px 10px rgba(0,0,0,.2); transition: all 500ms;}
.event-item.new {background:#fff url(/img/icon/i_BEST.png) no-repeat 0 100%;}
.event-item.laun {background:#fff url(/img/icon/i_laun.png) no-repeat 0 100%;}

.event-item{padding:0px 0 1.5em; position: relative}
.event-item > a { display: block; width: 100%; height: 100%}
.event-item > a > div {margin: 0 20px}
.event-item .badge-cont{ position: absolute; left:0; top:0; margin: 0; z-index: 10}
.event-item .badge-cont .badge  {border-radius:0; vertical-align: top;}
.event-item .event-pic { position: relative;padding-bottom: 60%;padding-top: 0;height: 0;overflow: hidden;background: #f6f6f6 url("../images/common/blank_event.png") no-repeat 50% 50%; background-size: 100%; margin: 0 }
.event-item .event-pic img {position:absolute;top:0;left:0;width:100%;height:100%;transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; -ms-transition: 0.4s all ease; -o-transition: 0.4s all ease;}
.event-item .event-pic:hover .cover {display:block;position:absolute;top:0;left:0; background:#f6f6f6;opacity:0.6; filter:Alpha(opacity=60); width:100%;height:100%;}
.event-item .event-pic:hover img{-ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}

.event-item .event-group {display:inline-block; min-width:120px; font-weight:700; padding:0 2rem; margin:1rem 0 .3rem; background:#fff; border-radius:15px;font-size: 0.8125em; border: 1px solid #18abc1; color: #18abc1; }

.event-item .event-day { font-size: 0.875em; color: #666 ;}
.event-item .event-tit {line-height:1.2; font-weight: 600; font-size:1.0625em;margin:.5rem .5rem 0; color: #333 ;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.event-item .event-subject { font-size: 0.9375em; color: #333}
.event-item .price-box {margin:0; letter-spacing:-1px;font-family: 'Lato', sans-serif; min-height: 50px}
.event-item .price-box > div { display: inline-block; margin: 5px 2px 0;}
.event-item .price-box .prid_price { color: #a7a7a7; text-decoration: line-through; font-size: 0.875em; position: relative; top:-2px}
.event-item .price-box .event-price {font-size:1.1em; font-weight: 700 ;color: #ff8907}
.event-item .event-txt { color:#888; line-height: 1.3; font-size: 0.9375em; clear: both; height: 38px; margin: 0 15%}
.event-item .event-group:empty {border:none}
.event-item .event-group:empty + .event-tit { margin-top: -.7rem}

/*  202006 추가 2종류 가격표기 */
.event-item .price-box dl {display: inline-block; margin:0; font-size: 0.9375em}
.event-item .price-box dl:first-child { margin-right: 7px}
.event-item .price-box dt {font-size: 0.9375em;float: left; color: #333}
.event-item .price-box dd {float: right; margin: 0}
.event-item .price-box dl div { display: block; text-align: right; padding-left: 5px;}
.event-item .price-box dl div.prid_price { line-height: 1}

/*  slick_blog */
.section-blog {background: #f8f8f8}
.section-blog .noData {padding: 95px 0 50px !important}
.slick_blog .slick-slide { margin: 10px}
.blog-item {display:block; height:100%; min-height:inherit; border:0px solid #ddd; background:#fff; box-sizing:border-box;text-align: center; margin: 0;letter-spacing:-1px;padding:30px 10px 20px 10px;font-size:1em; border-radius: 15px; overflow: hidden; }
.blog-item:hover { cursor: pointer; border-color:#000; box-shadow: 0px 5px 10px rgba(0,0,0,.2); transition: all 500ms;}
.blog-item.new {background:#fff url(/img/icon/i_BEST.png) no-repeat 0 100%;}
.blog-item.laun {background:#fff url(/img/icon/i_laun.png) no-repeat 0 100%;}

.blog-item{padding:0px 0 1.5em; position: relative}
.blog-item > a { display: block; width: 100%; height: 100%}
.blog-item > a > div {margin: 0 20px}
.blog-item .blog-pic { position: relative;padding-bottom: 80%;padding-top: 0;height: 0;overflow: hidden;background: #f6f6f6 url("../images/common/blank_event.png") no-repeat 50% 50%; background-size: 100%; margin: 0 }
.blog-item .blog-pic img {position:absolute;top:0;left:0;width:100%;height:100%;transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; -ms-transition: 0.4s all ease; -o-transition: 0.4s all ease;}
.blog-item .blog-pic:hover .cover {display:block;position:absolute;top:0;left:0; background:#f6f6f6;opacity:0.6; filter:Alpha(opacity=60); width:100%;height:100%;}
.blog-item .blog-pic:hover img{-ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}

.blog-item .blog-group {display:inline-block; min-width:120px; font-weight:700; padding:0 2rem; margin:1.5rem 0 .3rem; background:#fff; border-radius:15px;font-size: 0.8125em; border: 1px solid #18abc1; color: #18abc1; }
.blog-item .blog-day { font-size: 0.875em; color: #666 ;}
.blog-item .blog-tit {line-height:1.2; font-weight: 600; font-size:1.0625em;margin:.5rem 1rem 0; color: #333 ; overflow: hidden;height: 40px; }
.blog-item .blog-subject { font-size: 0.9375em; color: #333}
.blog-item .blog-txt { color:#888; line-height: 1.3; font-size: 0.9375em; clear: both; height: 35px; margin: 10px 15%}
.blog-item .blog-date { color:#9C9C9C; line-height: 1.3; font-size: 0.85em; clear: both; margin: 10px 15%}
.blog-item .blog-group:empty {border:none}
.blog-item .blog-group:empty + .blog-tit { margin-top: -.7rem}

/*  slick_news */
.section-news { background: #fff}
.section-news .overlay {top:50%; height: 50%; }
.section-news .overlay-inner { background-color: #e3fafd;opacity:.8;}
.section-news a.btn { display: none}
.slick_news { max-width: 1200px; margin: 0 auto}
.slick_news .slick-slide { margin: 10px 10px 20px}
.slick_news .newsBox{position:relative;cursor:pointer;background-color: #fff; border-radius: 15px;overflow: hidden;}
.slick_news .newsBox:hover { border-color:#000; box-shadow: 0px 5px 10px rgba(0,0,0,.2); transition: all 500ms;}
.slick_news .newsBox > a { display: block; text-decoration: none}
.slick_news .newsBox .pic {box-shadow:none}
.slick_news .newsBox .con { padding:25px 20px 0 20px;height:115px; overflow:hidden; }
.slick_news .newsBox h4{font-size:20px;font-weight:500;letter-spacing:-0.05em; color: #252729;line-height: 1.3; text-overflow: ellipsis;white-space: nowrap; overflow: hidden;padding-right: 10px;}
.slick_news .newsBox h4 img { display: inline !important;}
.slick_news .newsBox h4 img.newImg {position: absolute;right: 0;top: 50%;margin-top: -8px;border: 2px solid #fff;border-right: 0;}
.slick_news .newsBox .detail{ margin-top: 15px; color:#777;letter-spacing:-0.05em;line-height: 1.5}
.slick_news .newsBox .date{padding:15px 20px 25px 20px;font-size:13px;color:#b4b4b4;letter-spacing:-0.05em; display: block}
.slick_news .newsBox .link{position:absolute;bottom:24px;right:20px;width:23px !important;height:7px;background:url(../images/main/news_more.gif) 0 0 no-repeat;text-indent:-9999px; overflow:hidden;}

.main-foot.copyright-container { text-align: center; padding-top: 4.5em; }
.main-foot.copyright-container a { color: #000;}
.main-foot.copyright-container a:hover { font-weight: 500 !important}
.main-foot.copyright-container .foot-nav a:after {background-color: rgba(0,0,0,.5);}
@media only screen and (max-height: 768px) and (min-width: 1200px){
	.main-foot { display: none}
	a.backtotop { color: #000 !important}
}
@media only screen and (max-height: 1080px) and (min-width: 1200px){
	.ttl {margin-top:0rem;}
	.ttl:after {margin: 10px auto;}
	.slick_news .newsBox .pic {height: 200px; overflow: hidden}
	/*.slick_news .newsBox { background-color: #f7f7f7}
	.slick_news .newsBox .con {padding: 30px 25px 0 25px;  height: 165px;}
	.slick_news .newsBox .date{padding: 15px 25px 20px 25px;}*/
}
/*
.bannerWrap { overflow: hidden; clear: both; position: relative}
.bannerWrap > div{position:relative;overflow:hidden;float:left;width:35%;height:300px;background-color: #333}
.bannerWrap > div:nth-child(2) { width: 30%;background-color: #666	}
.bannerWrap > div img{width:130%;height:100%;transition:all .6s;-webkit-transition:all .6s;-moz-transition:all .6s;-o-transition:all .6s;-ms-transition:all .6s;transform:translate3d(-15%, 0, 0);}
.bannerWrap > div:hover img{transform:scale(1.2);}
.bannerWrap .category{position:absolute;top:36px;left:92px;margin:0;font-size:15px;font-weight:300;color:#fff;letter-spacing:-0.025em;}
.bannerWrap .wrap{position:absolute;bottom:70px;left:92px;color:#fff;letter-spacing:-0.025em;}
.bannerWrap .wrap h3{font-size:40px;font-weight:700;}
.bannerWrap .wrap .desc{width:156px;margin:8px 0 0;color:#fff;line-height:1.6;}
.bannerWrap .wrap .more{display:inline-block;width:110px;margin-top:20px;padding-bottom:5px;background:url(../images/main/visual_more.png) 100% 100% no-repeat;font-size:14px;color:#fff;letter-spacing:-0.001em;}
*/

@media only screen and (max-width: 1200px){ 
	.section-news .overlay {top: 40%; height: 60%;}
	.slick_news .newsBox h4 { font-size: 17px;padding-right: 15px;}
	.slick_news .newsBox{border: 1px solid #eee; }
	.slick_news .newsBox .con { padding:25px 25px 0 20px;height:100px; }
	.slick_news .newsBox .detail { margin-top: 10px}
	.slick_news .newsBox .date {padding: 15px 25px 25px 25px;}

	.event-item {font-size:0.9375rem;}
	.event-item .price-box {margin:5px 0 10px; }
}
@media only screen and (max-width: 992px){ 
	.ttl:after { margin: 0 auto; background: #000; height: 2rem; position: absolute; top:-2.5rem; left: 50%}
	.slick_event .slick-slide { margin: 5px  5px 10px  5px}
	.slick-dots { }

	.section-news .overlay {top: 40%; height: 60%;}
	.section-news .overlay-inner{background-color:#fff; opacity:1;}
	.slick_news .slick-slide { margin: 5px  5px 10px  5px;}
	.slick_news .newsBox { background-color: #fff}	
	.slick_news .newsBox h4 { font-size: 16px}
	.slick_news .newsBox .pic {}
	.slick_news .newsBox .con { padding:30px 25px 0 25px;height:125px; display: none }
	.slick_news .newsBox .date {padding: 15px 25px 25px 25px;display: none}
	
	.event-item .event-txt{ font-size: 13px}
	.event-item .event-tit {margin: .5rem .5rem 0;font-size: .95em;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;height: 38px;}
	.event-item .price-box {min-height:inherit;margin: 0px 0 5px;}
	
	.blog-item .blog-txt{ font-size: 13px}
	.blog-item .blog-tit {margin: .5rem 1.5rem 0;font-size: .95em;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;height: 38px;}
	
	
}
@media only screen and (max-width: 768px){ 
	.event-item .event-day,	.event-item .event-subject,.event-item .event-txt{margin: 0 10px;}	
	
}
@media only screen and (max-width: 450px){ 
	.ttl {margin-bottom: 20px}
	.event-item { padding-bottom: 15px}
	.slick_news{/*border-top: 1px solid #eee;*/}
	.slick_news .newsBox {border:none; padding: 0;    margin-bottom: 1em;}
	.slick_news .newsBox .con {height:inherit;padding: 0;}
	.slick_news .newsBox h4 {font-size: 15px;}
	.slick_news .newsBox .detail { display: none}
	.slick_news .newsBox .date {padding: 2px 0 0 0;}
	.section-news a.btn { margin-top: 2em; margin: 20px 0; border-color: #ddd}	
}

/* 20221006 - 지점상세정보 추가 */
.section-info { position: relative; background-color: #fff; padding: 0}
.section-info .snschannel {background-color: #f6f6f6; padding: 8% 0 2%;}
.section-info .snschannel h4 {	font-size: 20px;font-weight: 700;text-align: center;}
.section-info .snschannel .socials-icons ul {display: flex;	justify-content: center;	align-items: center;	margin: 5% 0;}
.section-info .snschannel .socials-icons ul li {	padding: 0 3%;}
.section-info .snschannel .socials-icons ul li a { font-size: 2em;	color: #fff;	background-color: #000;	padding: 0;	text-align: center;	border-radius: 50%;	width: 45px;	height: 45px;	line-height: 45px;	display: block;}
.section-info .snschannel .socials-icons ul li a.ico_blog {background-color: #35ae3c !important}
.section-info .snschannel .socials-icons ul li a.ico_blog:before {
	display: inline-block;
	content: "";
	width: 15px;
	height: 20px;
	background: #35ae3c url(/images/common/ico_blog.svg) no-repeat 50% 50%;
	background-size: 100% auto;}
.section-info .snschannel .socials-icons ul li a span {font-size: 0;    letter-spacing: -9999px;    width: 0;}
.section-info .snschannel .socials-icons ul li:first-child a {background-color: #1e4889;	}
.section-info .snschannel .socials-icons ul li:nth-child(2) a{background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );  }
.section-info .snschannel .socials-icons ul li:nth-child(3) a {background-color: #ff0000}

.section-info .branchinfo {background-color: #2bb2c5;color: white;padding: 2.5em 0 0;}
.section-info .branchinfo  h4 {font-size: 20px; font-weight: 600; text-align: center;position: relative;	margin-top: 0;margin-bottom: 2rem;padding:0  1rem 0.7rem;}
.section-info .branchinfo  h4:after {content: '';position: absolute;width: 1.5rem;height: 1px;background-color: #fff;bottom: 0;left: 50%;margin-left: -0.75rem; margin-top: 1em}
.section-info .branchinfo .msec-cont {padding: 0 1em;}
.section-info .branchinfo .map-table {margin-bottom: 2em; line-height: 1.2; font-size: 13px}
.section-info .branchinfo .map-table tbody th {min-width: 4rem;color: white;vertical-align: text-top; padding: 3px 0}
.section-info .branchinfo .map-table tbody td {vertical-align: text-top;padding: 3px 0}
.section-info .branchinfo .map-table tbody td span {font-size: 0.875em;    display: inline-block;}

.section-info .branchinfo .linkBtn {padding-left: 0px !important; text-align: center;  position: relative}
.section-info .branchinfo .linkBtn a.btn {	margin-top: 10px !important;   padding: 0.3rem 0; display: inline-block;  width: 49%;	font-size: 1em;	line-height: 2em;	float: left;background-color: #fff;    color: #000;}
.section-info .branchinfo .linkBtn a.btn-naver i { color: #00c73c;}
.section-info .branchinfo .linkBtn a.btn-kakao i {color: #258fff;}
.section-info .branchinfo .linkBtn a.btn-map i {color: #17a2b8;}
.section-info .branchinfo .linkBtn a.btn-map { width: 100%; margin: 0 0 10px !important}
#snsLayer > div > label span {color: #333;font-size: 13px;line-height: 1.4;}
#snsLayer button {padding: 0.2rem 1.375rem;background: #444444;}

.section-info .branchinfo .map-wrap {position: relative;border: 0;overflow:hidden; clear: both; background-color: #ddd}
.section-info .branchinfo .map-wrap .map-box {width:100%;height:300px;}
.section-info .branchinfo .operTime table span {color: #fff !important;}
.section-info .map-wrap {position: relative; border: 0;  overflow: hidden;}
.section-info .map-wrap .map-box {	width: 100%;	height: 300px;}