@charset "utf-8";


/* top banner */
.topBanner {position:relative; width:100%; overflow:hidden; background:#dcecf0;}
.topBanner .ban_img {display:block; font-size:0; line-height:0; overflow:hidden;}
.topBanner .btn_close {display:block; position:absolute; top:26px; right:30px; z-index:1; width:39px; height:39px; background:url('/images/main/ban_close.png') no-repeat center center; text-indent:-9999px;}

@media all and (max-width:1280px){
.topBanner  img {width:100%;}
}
@media all and (max-width:1024px){
.topBanner .btn_close {top:15px;}
}
@media all and (max-width:768px){
.topBanner .btn_close {top:5px; right:3%; width:29px; height:29px;}
}
@media all and (max-width:480px){
.topBanner .btn_close {top:2px; width:19px; height:19px;}
}


/* visual */
.visual {clear:both; position:relative; width:100%; /*height:600px;*/}
.visual .txt {position:absolute; top:172px; z-index:100; width:100%; overflow:hidden; text-align:center;}
.visual .bx-controls {position:absolute; bottom:50px; width:100%; text-align:center; z-index:100;}
.visual .bx-controls * {display:inline-block;}
.visual .bx-pager {}
.visual .bx-pager-item {}
.visual .bx-pager-item > a {width:21px; height:19px; margin:0 4px; background:url('/images/main/vis_pager.png') no-repeat 0 0; text-indent:-9999px;}
.visual .bx-pager-item > a.active {background-position:0 -19px;}
.visual .bx-controls-auto {margin-left:13px;}
.visual .bx-controls-auto a {width:19px; height:19px; text-indent:-9999px; background:url('/images/main/vis_ctrl.png') no-repeat 0 0;}
.visual .bx-controls-auto a.bx-stop {}
.visual .bx-controls-auto a.bx-start {background-position:0 -19px;}

@media (min-width:1025px){
.visual .lst li img {width:100%; }
.visual .lst li embed {width:100%; }
}

@media (min-width:769px) and (max-width:1024px){
.visual .txt {top:50px;}
.visual .lst li img {width:150%; margin-left:-25%;}
.visual .lst li embed {width:100%; }
.visual .bx-controls {bottom:40px;}
}

@media all and (max-width:768px){
.visual .txt {top:50px;}
.visual .txt img {width:60%;}
.visual .lst li img {width:180%; margin-left:-40%;}
.visual .lst li embed {width:100%; height:400px;}
.visual .bx-controls {bottom:40px;}
}

@media all and (max-width:480px){
.visual .txt {top:40px;}
.visual .txt img {width:65%;}
.visual .lst li img {width:220%; margin-left:-60%;}
.visual .lst li embed {width:100%; height:300px;}
.visual .bx-controls {bottom:30px;}
}



/* container & content */
#container {clear:both; padding:50px 0 30px; overflow:hidden; background:url('/images/main/bg_1.png') repeat-x;}
.main_cont > div,
.main_cont > ul {float:left; width:23.75%; margin-bottom:20px; margin-left:1.666%;}

@media all and (max-width:1024px){
#container {padding:35px 0; background-position:0 -15px;}
.main_cont > div,
.main_cont > ul {width:32%; margin-left:2%;}
}

@media all and (max-width:768px){
#container {padding:20px 0; background-position:0 -30px; background:none;}
.main_cont > div,
.main_cont > ul {width:48.5%; margin-left:3%;}
}



.main_cont .basket_grp {width:49.166%; /*height:250px;*/ margin-left:0; border:1px solid #ddd; background:#fff;}


/*그랜드세일 추가170922*/
.main_cont .basket_grp2 { cursor:pointer; margin-left:0;   box-sizing:border-box;}

.main_cont .basket_grp2 h3 {  color:#44086c; }
.main_cont .basket_grp2 h4 {color:#994ecc;}
.main_cont .basket_grp2 dl {overflow:hidden; padding-top:7px; }
.main_cont .basket_grp2 dt { background:#994ecc;
border-radius:3px; color:#fff; text-align:center; line-height:30px; }
.main_cont .basket_grp2 dd {line-height:20px;  color:#222; }

.basket_grp2 iframe{width:100%; height:100%;}

@media all and (min-width:1024px) 
{
	.main_cont .basket_grp2 {
	width:49.166%; /* background:url('/images/main/moon_festival.jpg') no-repeat 69% top;
	padding:20px 35px;  */height:247px !important; overflow:hidden; 
	}

	.main_cont .basket_grp2 h3 { font-size:32px;  letter-spacing:-1px; font-weight:700; padding-bottom:14px;}
	.main_cont .basket_grp2 h4 {font-size:16px;line-height:30px; }
	.main_cont .basket_grp2 dt {overflow:hidden; float:left; width:20%; }
	.main_cont .basket_grp2 dd {overflow:hidden; float:right; width:78%; }
}


@media all and (min-width:765px) and (max-width:1023px){

.main_cont .basket_grp2 {/* background:url('/images/main/moon_festival.jpg') no-repeat 69% top;
	padding:10px 15px;  */height:247px !important; overflow:hidden; width:66%;}
	.main_cont .basket_grp2 h3 { font-size:32px;  letter-spacing:-1px; font-weight:700; padding-bottom:14px;}
	.main_cont .basket_grp2 h4 {font-size:16px;line-height:30px; }
	.main_cont .basket_grp2 dt {overflow:hidden; float:left; width:20%; }
	.main_cont .basket_grp2 dd {overflow:hidden; float:right; width:78%; }


}





@media all and (max-width:764px){
.main_cont .basket_grp2 {/* background:#d4c2e0 url('/images/main/moon_festival.jpg') no-repeat right bottom;
	padding:10px 15px 70px 15px; */ overflow:hidden; width:100%;}

.main_cont .basket_grp2  img {width:100%;}
	.main_cont .basket_grp2 h3 { font-size:22px;  letter-spacing:-1px; font-weight:700; padding-bottom:14px;}
	.main_cont .basket_grp2 h4 {font-size:16px;line-height:30px; }
	.main_cont .basket_grp2 dt {overflow:hidden; float:left; width:22%; }
	.main_cont .basket_grp2 dd {overflow:hidden; float:right; width:75%; }


}







.main_cont .basket_grp > div {float:left; width:33.333%; height:248px; border-right:1px dashed #ddd; text-align:center;}
.main_cont .basket_grp > div.ser_2 {border-right:0;}

.main_cont .basket {padding:10px; background: url('/images/main/basket_bg1.png') no-repeat 0 0; background-size:cover;}
.main_cont .basket .inr {height:228px; border:5px solid #f26629;}
.main_cont .basket h3 {padding-top:93px; background:url('/images/main/basket_ico1.png') no-repeat center 33px; text-align:center;}
.main_cont .basket h3 img {width:76%; max-width:89px;}
.main_cont .basket span {display:block; width:50px; height:11px; margin:26px auto 0; background:url('/images/main/arr_1.png') no-repeat 0 0;}

.main_cont .service > h3 {padding-top:93px; font-weight:700; font-size:19px; color:#393939;}
.main_cont .service > p {padding-top:10px; line-height:18px; color:#777;}
.main_cont .service > a {display:block; width:81px; height:30px; margin:19px auto 0; padding-top:7px; border:1px solid #393939; color:#393939;}
.main_cont .ser_1 {background:url('/images/main/basket_ico2.png') no-repeat center 42px;}
.main_cont .ser_2 {background:url('/images/main/basket_ico3.png') no-repeat center 48px;}

.main_cont .day27 {height:250px; padding:10px; background:#df6d27; text-align:center;}
.main_cont .day27 .inr {height:230px; border:7px solid #e99968;}
.main_cont .day27 h3 {padding-top:36px;}
.main_cont .day27 h3 img {width:80%; max-width:163px;}
.main_cont .day27 p {padding-top:10px; font-size:16px; color:#fff; opacity:0.7;}
.main_cont .day27 a {display:block; width:80%; max-width:135px; height:35px; line-height:35px; margin:18px auto 0; font-weight:700; font-size:16px; color:#fff; border-radius:17px 17px; background:#a53f00;}

.main_cont .coupon {height:250px; padding:0 20px; background:#fff; border:1px solid #ddd;}
.main_cont .coupon > h3 {padding-top:24px; text-align:center; }
.main_cont .coupon > h3 > img {vertical-align:top;}
.main_cont .coupon > h3 > a {display:inline-block; width:27px; height:27px; margin-left:6px; border:1px solid #333; background:url('/images/main/ico_plus.png') no-repeat center center; text-indent:-9999px; }
.main_cont .coupon > p {padding-top:7px; font-size:16px; color:#676767; text-align:center;}
.main_cont .coupon dl {width:100%; margin:15px auto 0; border:3px solid #c50000; overflow:hidden;}
.main_cont .coupon dt {float:left; width:20%; height:64px; padding-top:10px; font-weight:700; font-size:18px; color:#fff; line-height:22px; text-align:center; background:#c50000; border-right:1px dashed #fff;}
.main_cont .coupon dd {float:left; width:80%; padding:8px 0 0 10px; line-height:24px; font-size:15px; color:#555;}
.main_cont .coupon dd p {font-weight:700; color:#303030;}
.main_cont .coupon dd span {display:block; width:94%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.main_cont .coupon .down {display:block; width:100%; height:50px; line-height:50px; margin:15px auto 0; background:#363636; border-radius:3px 3px; text-align:center;}
.main_cont .coupon .down span {padding-left:40px; background:url('/images/main/coupon_down.png') no-repeat 0 bottom; font-size:17px; font-weight:700; color:#fff;}

@media all and (max-width:480px){
.main_cont .basket_grp > div {height:218px;}
.main_cont .basket {padding:0;}
.main_cont .basket .inr {height:218px;}
.main_cont .service > h3 {padding-top:83px; font-size:17px;}
.main_cont .service > p {font-size:12px; letter-spacing:-0.06em;}
.main_cont .ser_1 {background-position:center 27px;}
.main_cont .ser_2 {background-position:center 33px;}

.main_cont .coupon {padding:0 12px;}
.main_cont .coupon > h3 {}
.main_cont .coupon > h3 > img {width:85px;}
.main_cont .coupon > h3 > a {width:23px; height:23px; margin-left:3px;}
.main_cont .coupon dt {float:none; width:100%; height:30px; padding-top:2px; font-size:15px; border-right:0; border-bottom:1px dashed #fff;}
.main_cont .coupon dt br {display:none;}
.main_cont .coupon dd {float:none; width:100%; padding:4px 6px 3px 6px; font-size:14px; letter-spacing:-0.04em;}
.main_cont .coupon > p {font-size:13px;}
.main_cont .coupon .down {height:40px; line-height:40px; margin-top:10px;}
.main_cont .coupon .down span {padding-left:32px; font-size:14px; letter-spacing:-0.04em;}
}


.main_cont .exper {height:320px; padding:19px; margin-bottom:40px; margin-left:0; background:url('/images/main/exper_bg.png') no-repeat center center; background-size:cover; border:1px solid #ddd;}
.main_cont .exper a {display:block; height:280px; border:5px solid #9ddf50; text-align:center;}
.main_cont .exper h3 {padding-top:162px; background:url('/images/main/exper_ico.png') no-repeat center 44px;}
.main_cont .exper h3 img {width:76%; max-width:107px;}
.main_cont .exper span {display:block; width:50px; height:11px; margin:26px auto 0; background:url('/images/main/arr_1.png') no-repeat 0 0;}

.main_cont .store {height:320px; margin-bottom:40px; background:url('/images/main/bg_store.png') no-repeat 0 0; background-size:cover;}
.main_cont .store > div {height:280px;}
.main_cont .store h3 {padding-top:74px;}
.main_cont .store p br {display:none;}

.main_cont .frm {padding:20px;}
.main_cont .frm > div {background:rgba(0,0,0,0.5); text-align:center; color:#fff;}
.main_cont .frm h3 {font-weight:700; font-size:30px;}
.main_cont .frm p {padding-top:12px; font-size:16px; line-height:20px;}
.main_cont .frm a {display:block; width:105px; height:35px; margin:35px auto 0; padding-top:9px; color:#fff; border:1px solid #fff;}

.main_cont .cafe {height:320px; margin-bottom:40px; padding:64px 0 0 24px; background:url('/images/main/bg_cafe.png') no-repeat right center; background-size:cover;}
.main_cont .cafe p {padding-top:13px; line-height:20px; color:#fff;}
.main_cont .cafe span {display:block; width:50px; height:11px; margin-top:30px; background:url('/images/main/arr_2.png') no-repeat 0 0;}

.main_cont .ban {margin-bottom:40px;}
.main_cont .ban li {height:150px;}
.main_cont .pre {padding:25px 0 0 6%; background:url('/images/main/bg_preview.png') no-repeat center center; background-size:cover;}
.main_cont .pre a {display:block; height:100px; padding:21px 0 0 29%; line-height:26px; color:#fff; background:url('/images/main/bg_preview_ico.png') no-repeat 0 center; background-size:25% auto;}
.main_cont .pre a span.txt1 {font-weight:700; font-size:15px; text-shadow:1px 1px 1px rgba(0,0,0,0.3); color:#fffd65; letter-spacing:-0.03em;}
.main_cont .pre a span.txt2 {font-weight:700; font-size:28px; text-shadow:1px 1px 1px rgba(0,0,0,0.3); color:#fff; letter-spacing:-0.05em;}
.main_cont .pre a span.btn {display:none;}
.main_cont .map {position:relative; z-index:1; margin-top:20px; padding:24px 0 0 30px; color:#fff; background:#54b5de;}
.main_cont .map:before {content:""; position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; background:url('/images/main/bg_map.png') no-repeat right top;}
.main_cont .map p {font-weight:700; font-size:25px; line-height:30px;}
.main_cont .map span {font-weight:700;}
.main_cont .map a {display:block; width:90px; height:30px; margin-top:14px; padding-top:7px; color:#fff; border:1px solid #1f6d8e; background:#217ba1; text-align:center;}

.main_cont .zone {height:250px; margin-left:0; background:url('/images/main/bg_zone.png') no-repeat center center; background-size:cover;}
.main_cont .food {height:250px; background:url('/images/main/bg_food.png') no-repeat center center; background-size:cover;}
.main_cont .zone > div,
.main_cont .food > div {height:210px;}
.main_cont .zone h3,
.main_cont .food h3 {padding-top:47px;}
.main_cont .zone p br,
.main_cont .food p br {display:none;}

.main_cont .bbs {width:49.166%; height:250px; overflow:hidden;}
.main_cont .bbs > div {overflow:hidden;}
.main_cont .bbs h3 {float:left; width:22%; height:115px; font-size:20px; background:url('/images/main/bg_ptn.png') repeat; text-align:center;}
.main_cont .bbs h3 span {display:inline-block; padding-top:75px; font-weight:700; color:#fff;}
.main_cont .bbs ul {float:left; width:68%; margin-top:12px; margin-left:5%;}
.main_cont .bbs ul li {height:30px; padding-left:12px; line-height:30px; overflow:hidden;}
.main_cont .bbs ul li a {display:inline-block; float:left; width:74%; max-width:74%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:15px;}
.main_cont .bbs ul li span {display:inline-block; float:right; width:25%; font-size:13px; color:#949494; text-align:right;}

.main_cont .notice h3 {background-color:#6eae21;}
.main_cont .notice h3 span {background:url('/images/main/bbs_ico1.png') no-repeat center 18px;}
.main_cont .notice ul li {background:url('/images/main/bl_1.png') no-repeat 0 center;}
.main_cont .story {margin-top:20px;}
.main_cont .story h3 {background-color:#3da1cb;}
.main_cont .story h3 span {background:url('/images/main/bbs_ico2.png') no-repeat center 20px;}
.main_cont .story ul li {background:url('/images/main/bl_2.png') no-repeat 0 center;}

/* social */
.main_cont .social {clear:both; width:100%; margin-bottom:0; margin-left:0; overflow:hidden;}
.main_cont .social li {float:left; position:relative; width:23.75%; height:320px; margin-bottom:20px; margin-left:1.666%; border:1px solid #ddd;}
.main_cont .social li:first-child {margin-left:0;}
.main_cont .social li:after {content:""; position:absolute; bottom:-1px; right:-1px; z-index:1; width:30px; height:30px; background:url('/images/main/social_bg.png') no-repeat 0 0;}
.main_cont .social li > a {display:block; position:relative; height:318px;}
.main_cont .social li > a:before {content:""; position:absolute; top:0; left:0; z-index:1; width:40px; height:40px; background:url('/images/main/social_blog.png') no-repeat 0 0;}
.main_cont .social li > a > .img img {width:100%;}
.main_cont .social li > a > .con {padding:16px 20px;}
.main_cont .social li > a > .con .tit {display:inline-block; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:700; font-size:18px; color:#222;}
.main_cont .social li > a > .con .txt {margin-top:11px; color:#555; line-height:22px;
height:88px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}

@media all and (max-width:1024px){
.main_cont .social li {width:32%; margin-left:2%;}
.main_cont .social li:first-child + li + li + li {display:none;}
}

@media all and (max-width:768px){
.main_cont .social li {width:48.5%; margin-left:3%;}
.main_cont .social li:first-child + li + li + li {display:block;}
.main_cont .social li:first-child + li + li {margin-left:0;}
}



@media all and (max-width:1024px){
.main_cont .basket_grp,
.main_cont .bbs {width:66%;}
.main_cont .exper,
.main_cont .zone {margin-left:2%;}
.main_cont .coupon,
.main_cont .cafe,
.main_cont .food {margin-left:0;}
.main_cont .cafe,
.main_cont .ban {margin-bottom:20px;}

.main_cont .coupon {height:320px;}
.main_cont .coupon > h3 {padding-top:56px;}

.main_cont .zone {height:320px;}
.main_cont .zone > div {height:280px;}

.main_cont .bbs ul {width:70%; margin-left:4%;}
}

@media all and (max-width:768px){
.main_cont .basket_grp,
.main_cont .bbs {width:100%;}
.main_cont .day27,
.main_cont .exper,
.main_cont .bbs {margin-left:0;}
.main_cont .food {margin-left:3%;}
.main_cont .exper,
.main_cont .store {margin-bottom:20px;}

.main_cont .coupon {height:250px; margin-left:3%;}
.main_cont .coupon > h3 {padding-top:24px;}

.main_cont .zone {height:250px; margin-left:0;}
.main_cont .zone > div {height:210px;}

.main_cont .bbs h3 {font-size:18px;}
.main_cont .bbs ul {width:75%; margin-left:3%;}
.main_cont .bbs ul li {padding-left:10px;}
.main_cont .bbs ul li a {font-size:14px;}
.main_cont .bbs ul li span {font-size:12px;}
}

@media all and (max-width:480px){
.main_cont .day27 h3 {padding-top:46px;}
.main_cont .day27 p {font-size:14px;}
.main_cont .day27 a {font-size:14px;}

.main_cont .exper {height:250px; padding:10px;}
.main_cont .exper a {height:228px;}
.main_cont .exper h3 {padding-top:127px; background-position:center 28px; background-size:90px 77px;}
.main_cont .exper span {margin-top:21px;}

.main_cont .store {height:250px;}
.main_cont .store > div {height:230px;}
.main_cont .store h3 {padding-top:39px;}
.main_cont .store p br {display:block;}

.main_cont .frm {padding:10px;}
.main_cont .frm h3 {font-size:28px;}
.main_cont .frm p {font-size:14px;}

.main_cont .cafe {height:250px; padding:29px 0 0 20px;}

.main_cont .ban {}
.main_cont .ban li {height:120px;}
.main_cont .pre {padding:14px 0 0 12px;}
.main_cont .pre a {padding:0; line-height:24px; background:none;}
.main_cont .pre a span.txt1 {font-size:13px;}
.main_cont .pre a span.txt2 {font-size:18px;}
.main_cont .pre a span.btn {display:block; width:90px; height:30px; margin-top:9px; padding-top:2px; color:#fff; border:1px solid #1f8e49; background:#21a151; text-align:center;}
.main_cont .map {margin-top:10px; padding:16px 0 0 12px; }
.main_cont .map:before {opacity:0.5;}
.main_cont .map p {font-size:18px; line-height:24px;}
.main_cont .map a {margin-top:9px;}

.main_cont .zone > div,
.main_cont .food > div {height:230px;}
.main_cont .zone p br,
.main_cont .food p br {display:block;}

.main_cont .bbs h3 {font-size:15px; letter-spacing:-0.05em;}
.main_cont .bbs ul li a {width:69%; letter-spacing:-0.05em;}
.main_cont .bbs ul li span {width:30%; letter-spacing:-0.05em;}

.main_cont .social li {}
.main_cont .social li > a > .con {padding:12px 12px;}
.main_cont .social li > a > .con .tit {font-size:16px;}
}



/* Footer */
.copy1{width:1200px;  margin:0 auto; }
#footerWrap{width:100%; overflow:hidden; background:#151c2d; padding:40px 0 40px;}
#footerWrap #copyrightWrap .copyInner>*{}
#footerWrap .copyInner .f_logo{margin-right:25px}
#footerWrap .copyInner .copymenu{margin-top:5px;   border-bottom:1px solid #4b515e; padding:15px 0px 15px;}
#footerWrap .copyInner .copymenu li{color:#fff; font-size:15px;}
#footerWrap .copyInner .copymenu span{display:inline-block; margin-right:30px; color:#fff;}

#footerWrap .copyInner .copy{margin-top:15px; width:1200px; border:0px solid #4b515e;  background:url(/images/common/copy_logo.png)no-repeat right;}
#footerWrap .copyInner .copy li{color:#949495; font-size:14px;line-height:25px; }
#footerWrap .copyInner .copy span{display:inline-block; margin-right:20px; color:#666666;}
.copyright{color:#fff !important; padding-top:25px;}

@media all and (max-width:1200px){

#footerWrap{width:100%; overflow:hidden; background:#151c2d; padding:10px 10px 10px 10px;}

}


@media all and (max-width:750px){
	/* Footer */
.copy1{width:100%;  margin:0 auto; }
#footerWrap{width:100%; overflow:hidden; background:#151c2d; padding:10px 10px 10px 10px;}
#footerWrap #copyrightWrap .copyInner>*{}
#footerWrap .copyInner .f_logo{margin-right:25px}
#footerWrap .copyInner .copymenu{margin-top:0px;   border-bottom:1px solid #4b515e; padding:10px 0px 10px;}
#footerWrap .copyInner .copymenu li{color:#fff; font-size:13px;}
#footerWrap .copyInner .copymenu span{display:inline-block; margin-right:30px; color:#fff;}

#footerWrap .copyInner .copy{margin-top:15px; width:100%; border:0px solid #4b515e;  background:url(/images/common/copy_logo1.png)no-repeat right;}
#footerWrap .copyInner .copy li{color:#949495; font-size:13px;line-height:20px; }
#footerWrap .copyInner .copy span{display:inline-block; margin-right:20px; color:#666666;}
.copyright{color:#fff !important; padding-top:15px;}
}