@charset "utf-8";

html{font-size:10px;}
.oh{overflow:hidden;}
.container {width:100%; margin:0 auto; max-width:1000px; position:relative;}
.cf:after{content:''; display: block; clear:both; visibility:hidden; height:0px;}
.eventName {max-width:2560px;margin:0 auto;text-align:center;letter-spacing:-0.5px;line-height:1.5;background:#efdfe8;}
.eventName .section {padding: 6rem 0;}
.eventName .section__inner {max-width: 1000px; height:100%; margin:auto; text-align:center;}
.blind{text-indent:-9999px; position:absolute; left:-9999px; top:-9999px; font-size:0; width:0; height:0}

/* hr */
.hr-dash {display:block; margin:4rem auto; width:90%; border-top:1px dashed #8ecfb9}

.sec01 {height:1488px; background:url(images_my/title_bg.jpg) no-repeat center top / cover;}
.sec02 {height:873px; background:url(images_my/con02_bg.jpg) no-repeat center top / cover;}
.sec04 {height:auto; background:#cff9f3}




.sec04 h2 {margin-bottom:0;}   
.sec04 .content {} 
.sec04 .box {padding:4rem 10px; margin:10px 0 0px; border:1px solid #000; background: #fff;}
.sec04 .box dl {margin:6rem 0 0}
.sec04 .box dl:nth-of-type(1) {margin: 0 0}
.sec04 .box dt {margin:0 0 1rem; font-size:3.4rem; color:#222; font-weight:bold; line-height:1.2;}
.sec04 .box dt strong {font-size:3.4rem; color:#ff726f}
.sec04 .box dd:nth-of-type(1) span {position:relative; font-size:2.4rem; color:#999}
/* 가격 화살표 */
.sec04 .box dd:nth-of-type(1) span:before {content: ''; position:absolute; width:120%; height:1px; left:50%; top:50%; transform: translate(-50%,-50%); background:#999; }
.sec04 .box dd:nth-of-type(1) span:after {content: ''; position:absolute; left:109%; top:50%; transform: translateY(-50%); border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid #999;}

.sec04 .box dd:nth-of-type(1) strong {margin-left:20px; font-size:3.2rem; color:#40a17b}
.sec04 .box dd:nth-of-type(1) strong.orange {color:#e56f4e}
.sec04 .box dd:nth-of-type(2) {margin:2rem 0}
.sec04 .box dd:nth-of-type(3) {margin:-5% 0 0; font-size:1.8rem; color:#222;}
.sec04 address {margin:3rem 0 0;}
.sec04 .box dd:nth-of-type(4) {margin:1rem 0 0; font-size:1.6rem; color:#666;}

.sec04 .tag span {display: inline-block; margin-bottom: 10px; padding: 2px 2rem; font-weight: bold; color: #20452b;
	font-size: 3.2rem; background:#b0d0c7;}
.sec04 .tag.orange span {color:#ec6c45; background:#f5e2e0;}

.sec04 .tag span em {position:relative; top:-3px; left:-3px; font-size: 2.4rem;}

.sec04 .warn {margin:2.7rem 0 0; font-size:1.8rem; color:#222}
.sec04 .shop {margin:4rem 0 7rem}
.sec04 .shop p {font-size:6rem; color:#222; font-weight:bold}
.sec04 .shop .link-wrap {display:flex; justify-content:center; margin:1rem 0 0}
.sec04 .shop .link-wrap a {display:inline-block; padding:13px 5rem; margin:0 10px; display:flex; align-items: center; justify-content: center; border-radius:100px; color:#fff; font-size:2.4rem; border:1px solid #221815; box-shadow:2px 3px 0 #221815;}
.sec04 .shop .link-wrap a.link01 {background:#0d8ea5}
.sec04 .shop .link-wrap a.link02 {background:#2fb6a3;}


@media screen and (max-width: 1040px){
	html{font-size:9px;}
	.eventName .section__inner {width:100%; padding:0 20px; box-sizing:border-box}

	.sec01 {height:auto; padding:49% 0}
	.sec02 {height:auto; padding:37% 0}
	.sec04 h2 {max-width:400px; margin:auto; padding:0 6rem}

}

@media screen and (max-width: 768px){
	html{font-size:7px;}
	.sec04 .tag span {font-size:2.5rem}
	.sec04 .tag span em {top:-1px; left:-2px; font-size: 2.2rem;}
	.sec04 .shop p {font-size:5rem;}
	.sec04 .shop .link-wrap a {padding:13px 4rem; margin: 0 7px; font-size:2.2rem;}



}

@media screen and (max-width: 480px){
	html{font-size:6px;}

	.sec04 address img {max-width:70%}

	.sec04 .tag span {font-size:2rem;}
	.sec04 .tag span em {font-size:1rem; top:-1px; left:-1px}
	.sec04 .shop .link-wrap {flex-direction:column; align-items:center}
	.sec04 .shop .link-wrap a {width:180px; height:30px; margin:5px 0}


}