@charset 'UTF-8';
/**
* Filename :style.css
* Description :EverlandResort Invitation Cascading Style Sheets - Mobile
**/

/* base */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, main, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; box-sizing:border-box; background:transparent; }
html, body { width:100%; scroll-behavior:smooth; }
html { font-size:10px; }
body { font-family:'Noto Sans KR', sans-serif; color:#333; letter-spacing:-0.05em; }
ul, ol { list-style-type:none; }
a { box-sizing:border-box; color:#333; text-decoration:none; }
a:hover, a:active { text-decoration:none; }
button { margin:0; padding:0; box-sizing:border-box; border:0 none; background-color:transparent; vertical-align:middle; color:#333; font-family:'Noto Sans KR', sans-serif; cursor:pointer; outline:none; }
figcaption { display:none; }
img { width:100%; vertical-align:top; }
.hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0; }
.body-stop { overflow:hidden; }
::-webkit-scrollbar { width:4px; background-color:transparent; -webkit-appearance:none; }
::-webkit-scrollbar:vertical { width:4px; background-color:transparent; }
::-webkit-scrollbar-button { width:0; height:15px; }
::-webkit-scrollbar-button:end:increment { height:50px; }
::-webkit-scrollbar-track { background-color:transparent; }
::-webkit-scrollbar-thumb { background-color:#9da0a1; border-radius:1rem; opacity:.5; }
.ui-helper-hidden-accessible { display:none; }
.ui-autocomplete { border:1px solid #666; background:#fff; z-index:11; }
.ui-autocomplete li { padding:8px; font-size:1.2rem; }
.ui-widget-content.ui-widget { width:60% !important; max-width:472px; border:1px solid #666; }
select { background:url('../img/ico-select.jpg') no-repeat right 50%; background-size:contain; padding:0.5rem 3rem 0.5rem 1rem; -webkit-appearance:none;-moz-appearance:none; appearance:none; }
select::-ms-expand { display:none; }
br.mob { display:block; }
br.web { display:none; }

/* layout */
.wrapper { overflow-x:hidden; scroll-behavior:smooth; }
.top-box { margin:0 auto; padding:1.2rem 4rem; background-color:#fff; }
.top-box .logo a { display:block; width:10.1rem; height:1.6rem; background:url('../img/logo.png') no-repeat; background-size:100% auto; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; }
.cont-box { position:relative; background:#f9d8da url('../img/m-bg.jpg') no-repeat center top; background-size:cover; padding:4rem 0; }
.cont-box::before,
.cont-box::after { content:''; position:absolute; top:0; height:10.5rem; background-size:100% auto; background-repeat:no-repeat; }
.cont-box::before { left:0; background-image:url('../img/m-obj-top01.png'); width:4rem; }
.cont-box::after { right:0; background-image:url('../img/m-obj-top02.png'); width:10.2rem; }
.cont-box h2 { width:25rem; height:10.3rem; margin:0 auto; }
.cont-box h2::before { content:''; position:absolute; left:0; top:14.2rem; background:url("../img/m-obj-person.png") no-repeat; width:36rem; height:18rem; background-size:100% auto; }
.cont-box h2 + p { position:relative; font-size:1.5rem; text-align:center; line-height:1.33; padding:0 7rem; word-break:keep-all; word-wrap:break-word; margin:1.8rem 0 3.6rem; z-index:1; }
.cont-box .inner { position:relative; margin:0 2rem; padding:3.6rem 2rem 4rem; background-color:#fff; border-radius:0.7rem; z-index:10; word-break:keep-all; word-wrap:break-word; }
.btn-box { text-align:center; margin:4rem auto 0; }
.btn-box .btn { position:relative; display:inline-block; width:13.3rem; height:4.8rem; background-color:#ff5b70; color:#fff; font-size:2rem; border-radius:2.5rem; padding:1rem; text-indent:0; }
.point { color:#ff5b70; }
.obj > div { position:absolute; background-size:100% auto; background-repeat:no-repeat; }
.obj-top > div { top:14.2rem; width:9rem; height:18rem; }
.obj-top .left { left:0; background-image:url('../img/m-obj-person01.png');  }
.obj-top .right { right:0; background-image:url('../img/m-obj-person02.png'); }
.obj-btm > div { bottom:0; height:5rem; }
.obj-btm .left { left:0; background-image:url('../img/m-obj-btm01.png'); width:13.5rem; }
.obj-btm .right { right:0; background-image:url('../img/m-obj-btm02.png'); width:11rem; }

/* popup */
.popup { overflow:hidden; display:none; justify-content:center; align-items:center; position:fixed; top:0; right:0; bottom:0; left:0; z-index:11; width:100%; height:100%; background-color:rgba(0, 0, 0, .5); max-width:720px; margin:auto;}
.popup.on { display:flex; }
.popup .cont { position:relative; width:27.6rem; border-radius:0.5rem; text-align:center; overflow:hidden; }
.popup .cont p { font-size:1.3rem; line-height:1.46; background-color:#fff; padding:3rem; }
.popup .cont .btn { display:flex; justify-content:center; align-items:center; width:100%; height:4rem; background-color:#ff5b70; }
.popup .cont .btn > button { flex:1; height:100%; font-size:1.1rem; font-weight:500; line-height:1.45; color:#fff; }
.popup .cont .btn > button + button { border-left:1px solid #ffadb8; }

/* assent */
.assent-header { position:relative; border-bottom:1px solid #e1e1e1; padding-bottom:4rem; margin-bottom:4rem; }
.assent-header .left { font-size:1.6rem; } /* margin-bottom:2.2rem; */
.assent-header .assent-choice { position:absolute; right:0; top:0.3rem; margin-bottom:0; }
.assent-header .assent-txt { font-size:1.4rem; line-height:1.6; margin-top:1rem; }
.assent-header .assent-txt .caution { position:relative; padding-left:1.5rem; }
.assent-header .assent-txt .caution::before { content:'※'; position:absolute; top:0; left:0; }
.assent-title { position:relative; font-size:1.6rem; margin-bottom:1.6rem; }
.assent-box { box-sizing:border-box; overflow-y:auto; margin-bottom:2rem; padding:1.8rem 2.2rem; width:100%; height:15rem; border:1px solid #e1e1e1; line-height:1.53; font-size:1.3rem; }
.assent-box ul li { position:relative; padding-left:0.7rem; }
.assent-box ul li::before { content:'·'; position:absolute; top:0; left:0; }
.assent-choice { overflow:hidden; margin-bottom:4rem; }
.assent-choice label { display:inline-block; height:1.8rem; line-height:1.8rem; font-size:1.6rem; font-weight:300; background:url('../img/ico-choice.png') 0 top no-repeat; padding-left:2.4rem; background-size:1.8rem auto; cursor:pointer; }
.assent-choice input { display:none; }
.assent-choice input:checked + label { background-position:0 bottom; }
.assent-choice .right { float:right; }
.assent-choice .right li { float:left; margin-left:1.9rem; }
.assent .caution li { position:relative; font-size:1.3rem; line-height:1.53; padding-left:0.7rem; }
.assent .caution li::before { content:'*'; position:absolute; left:0; top:0.2rem; }

/* reserve */
.reserve { display:none; }
.reserve .choice-box dt { font-size:2rem; border-bottom:1px solid #e1e1e1; padding-bottom:3rem; margin-bottom:3rem; }
.reserve .choice-box .item { display:flex; font-size:1.6rem; margin-bottom:3rem; }
.reserve .choice-box .item .left { width:9.7rem; line-height:2em; }
.reserve .choice-box .item #myName { line-height:2em; }
.reserve .choice-box .item .right { flex:1; }
.reserve .choice-box .item .right input,
.reserve .choice-box .item .right select { width:100%; height:3.2rem; font-family:'Noto Sans KR', sans-serif; font-weight:300; line-height:1.53; border:solid 1px #666; font-size:1.3rem; color:#333; box-sizing:border-box; }
.reserve .choice-box .item .right .schoolname { margin-top:1rem; padding:0.5rem 1rem; }
.reserve .choice-box .caution { margin:-1.4rem 0 2.4rem; }
.reserve .choice-box .caution li { position:relative; font-size:1.3rem; line-height:1.53; padding-left:0.7rem; }
.reserve .choice-box .caution li::before { content:'*'; position:absolute; left:0; top:0.2rem; }


/* finish */
.finish { display:none; }
.finish .box-icon { width:25rem; height:11.2rem; background:url('../img/ico-mkt-agree.png') no-repeat center; background-size:100% auto; margin:0 auto 0.5rem; }
.finish .box-notice { text-align:center; }
.finish .box-notice .info-top { font-size:1.8rem; line-height:1.3; }
.finish .box-notice .info-top .colorOrg { display:block; font-size:2rem; color:#fe5b6f; font-weight:700; }
.finish .box-notice .info-top p { margin-top:0.2rem; }
.finish .box-notice .info-top p.assent { margin-top:1.2rem; }
.finish .box-notice .info-top p strong { display: block; margin-top:0.2rem; }
.finish .box-notice .info-txt { margin-top:4rem; padding-top:4rem; border-top:1px solid #e1e1e1; }
.finish .box-notice .info-txt .box { background-color:#fff2f4; font-size:1.4rem; padding:2.5rem 2rem; box-sizing:border-box; }
.finish .box-notice .info-txt .box ul li { text-align:left; } 
.finish .box-notice .info-txt .box ul li > span { display:block; margin-left:6.78rem; }
.finish .box-notice .info-txt h4,
.finish .box-notice .info-txt p { font-size:1.6rem; line-height:1.37; font-weight:400; margin-bottom:1.8rem; }
.finish .btn-info { width:24.5rem; height:7.4rem; line-height:1.25; text-align:left; border-radius:5rem; padding:1rem 3rem; }
.finish .btn-info::after { content:''; position:absolute; right:3rem; top:50%; transform:translateY(-50%); width:0.75rem; height:1.25rem; background:url('../img/ico-arrow.png') no-repeat; background-size:100% auto;}
.finish .btn-buy { display:inline-block; padding:0.2rem 1rem; background-color:#ff860f; border-radius:5rem; color:#fff; font-size:1.5rem; margin-left:0.2rem; }
.finish .box-assent { margin-top:4rem; text-align:left; }
.finish .caution { margin:1.5rem 0 0; text-align:left; }
.finish .caution li { position:relative; font-size:1.3rem; line-height:1.53; padding-left:1.4rem; }
.finish .caution li::before { content:'※'; position:absolute; left:0; top:0; }
#mkt_agree2sn .box { background-color:#fff3e7; }
#mkt_agree2sn .box .caution { margin:0.5rem 0 0; }
#mkt_agree2sn .box .caution li { color:#ff860f; text-align:left; padding-left:1rem; }
#mkt_agree2sn .box .caution li::before { content:'*'; top:0.3rem }

/* notice */
.notice { background-color:#3a3b3d; word-break:keep-all; word-wrap:break-word; }
.notice dl { position:relative; padding:3.5rem 2rem; line-height:1.38; }
.notice dl dt { padding-bottom:1.3rem; font-size:2rem; color:#fff; }
.notice dl dd { position:relative; margin-top:0.7rem; padding-left:0.7rem; font-size:1.2rem; font-weight:100; color:#e3e3e3; }
.notice dl dd:before { content:'·'; position:absolute; top:0; left:0; display:block; }
.notice dl dd li { position:relative; margin-top:0.7rem; padding-left:0.7rem; color:#fcff00; }
.notice dl dd li:before { content:'*'; position:absolute; top:0.3rem; left:0; display:block; }


/* pc */
@media (min-width:768px) {
	html { height:100%; font-size:13px; }
	body { width:100%; height:100%; background:url('../img/bg.jpg') no-repeat center bottom; background-size:cover; }
	br.mob { display:none; }
	br.web { display:block; }

	.wrapper { overflow-y:scroll; width:720px; height:100%; margin:0 auto; -ms-overflow-style:none; scrollbar-width:none; }
	.wrapper::-webkit-scrollbar { display:none; }
	.cont-box { background:linear-gradient(#fff4f5 0%, #fff 175px); }
	.cont-box::before,
	.cont-box::after { content:none; }
	.obj { display:none; }
}

@media(max-width:359px) {
	html { font-size:calc(4px + 1.66667vw); }
}

@media(min-width:360px)and (max-width:500px) {
	html { font-size:calc(-4.4px + 4vw); }
}

@media(min-width:501px) {
	html { font-size:12px; }
}

@media(min-width:720px)and (hover:hover)and (pointer:fine) {
	html { font-size:14px; }
}