@charset "utf-8"; 
@import "./fonts.css";
html {font-size:9px;}

/* reset */
html,body {width:100%; height:100%; letter-spacing:-0.5px; line-height:1; -webkit-text-size-adjust:none}
body, body > * {margin:0;padding:0;font-family:"Noto Sans CJK KR", "NotoKr", "Roboto", "Malgun Gothic", "맑은 고딕", Dotum, "돋움", sans-serif;font-size:1.7rem;word-break:keep-all;}
table {border-spacing:0; border-collapse:collapse; font-family:"Noto Sans CJK KR", "NotoKr", "Roboto", "Malgun Gothic", "맑은 고딕", Dotum, "돋움", sans-serif; font-size:inherit; line-height:100%}
fieldset,img {border:0; vertical-align:top}
address,caption,cite,code,dfn,em,strong,th,var {font-weight:normal; font-style:normal}
strong,b {font-weight:bold} 
ol,ul,li {list-style:none;margin: 0;padding: 0;}
caption,th {text-align:left}
th.right {text-align:right;padding-right:1rem;}
caption {position:absolute; left:-9999px; font-size:0; line-height:0}
a {color:inherit; text-decoration:none}
header,footer,section,nav,article {display:block}
input,button,textarea,select,optgroup,option {font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;box-sizing: border-box;}
input,button,textarea,select {line-height:normal; vertical-align:top}
button {border:0;background:transparent;cursor:pointer;/* outline:none; */}
select {-webkit-appearance:none; -moz-appearance:none; appearance:none}
select::-ms-expand {display:none}
input[type=text]::-ms-clear {display:none}
.hidden,.blind {overflow:hidden; clip:rect(1px,1px,1px,1px); position:absolute !important; width:1px; height:1px}
img {
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media only screen and (max-width: 430px) {
	html,body {font-size:8.5px}
}

/* placeholder */
::-webkit-input-placeholder {color:#858585; font-size:1.7rem}
:-moz-placeholder {color:#858585; font-size:1.7rem; opacity:1}
::-moz-placeholder {color:#858585; font-size:1.7rem; opacity:1}
:-ms-input-placeholder {color:#858585; font-size:1.7rem}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* contents */
body.fixed {overflow: hidden;}
.ui-wrap {overflow:hidden;margin:0 auto;width:100%;max-width: 1200px;}
body.fixed .dimmed {}
[class^="section"] {position:relative}
[class^="section"] ~ [class^="section"] {margin-top:-1px;}
[class^="section"] img {width:100%;}
[class^="section"] .button-area {/* display:flex; */position:absolute;text-align:center;width:100%;bottom: 8%;justify-content: center;}
[class^="section"] .button-area.type2 {bottom: 8%;}
[class^="section"] .button-area.right {text-align:right;right: 13.5%;}
[class^="section"] .button-area .btnDetail {display: inline-block;margin-bottom: 14%;}
[class^="section"] .button-area .btnInstagram {margin-bottom: 13%;}
[class^="section"] .button-area .btn {padding: 0;}
[class^="section"] .button-area .btn ~ .btn {/* margin-left: 9.5%; */margin-top: 15px;}
[class^="section"] .btn img {width:auto;}

/* dialog */
.dimmed {display:none;position:fixed; top:0; bottom:0; width:100%; background:#000; opacity:0.4}
.ui-dialog-titlebar {display:none}
.ui-dialog {min-width:370px;max-width:500px;position: fixed !important;top: 50% !important;left: 50% !important;transform: translate(-50% , -50%);/* overflow: scroll; */text-align: center;}
.dialog_content {position:relative;padding: 4rem 2.5rem 2.5rem;min-width:370px;max-width: 400px;box-sizing:border-box;background:#fff;}
.dialog_content.success {/* max-width: 450px; */background-color:transparent;padding: 0 0 5.4rem;}
.dialog_content.not-popup {padding:2.5rem;}
.dialog_content .close-button {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 25px;
	height: 25px;
	text-indent: -999px;
	overflow: hidden;
}

.dialog_content .close-button:before,
.dialog_content .close-button:after {
	content:"";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 2px;
	background-color:#000;
}

.dialog_content .close-button:before {
    transform: translate(-50%, -50%) rotate(45deg);
}
.dialog_content .close-button:after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

/* dialog - contents */
.evt-popup .image-fix {min-width:320px;height: auto;overflow: hidden;}
.evt-popup img {display:inline-block;width:100%;}
.evt-popup h1.title {margin: 2.2rem 0;font-size:3.4rem;text-align:center}
.evt-popup h1.title.small {padding-top:8.1rem; color:#000; font-size:2.543rem; text-align:center; background:url("../images/img_02.png") no-repeat 50% 0}
.evt-popup h1.title.large {color:#000;font-size: 3rem;font-weight:normal;line-height:1.2;text-align:center;}
.evt-popup h2.title {margin-bottom:3rem;font-size: 2.25rem;text-align:center}
.evt-popup .desc {margin-bottom:3.4rem;font-size:1.8rem;line-height: 150%;text-align:center}
.evt-popup .desc strong {color: #B50004;}
.evt-popup .btn {display:block;margin:0 auto;color:#fff;font-size:1.985rem;font-weight: 400;background: #000;}
.evt-popup.agree .btn {background: #9D0D0D;}
.evt-popup .btn.large {margin-top: 3rem;width:30.6rem;height:6.1rem;line-height:6.1rem}
.evt-popup .btn.large.btnEntry {
    background-color: #9D0D0D;
}
.evt-popup .btn.medium {width:27.8rem; height:5.6rem; line-height:5.6rem}
.evt-popup.success .btn.medium {background: #9D0D0D;margin-top: 2.5rem;}
.evt-popup .btn.black {display:block; margin:3.4rem auto 0; color:#fff; background:#000}

.info-box {margin-bottom:3rem; padding:2.2rem; border:1px solid #f3f3f3}
.evt-popup.success .info-box {background-color:#fff;margin: 1.5rem 3rem;}

.info-box.mb15 {margin-bottom:1.5rem}
.info-box .gray-box {margin-bottom:2.8rem;padding: 2rem;background:#f8f8f8}
.info-box .info-text {color: #393939;text-align: left;}
.info-box .info-text span {color: #B50004;}
.info-box .text-list {position:relative;font-size: 0;}
.info-box .text-list:before {display:block;position:absolute;top:0;bottom:0;left: 12.5rem;width:1px;height: 100%;background:#dfdfdf;content:""}
.info-box .text-list li {display:flex;align-items: flex-start;text-align: left;font-weight:400;}
.info-box .text-list li.bold * {font-weight:500;text-decoration:underline}
.info-box .text-list li+li {
	margin-top: 2rem;
}
.info-box .text-list li span {display:block;padding-left: 0;width: 45%;box-sizing:border-box;font-size:1.449rem;line-height:1.8rem}
.info-box .text-list li p {display:block;font-size:1.449rem;line-height: 125%;box-sizing: border-box;width: 55%;word-break: keep-all;margin: 0;}
.info-box .title-desc {margin-bottom:2.6rem;color:#393939;font-size: 1.8rem;line-height: 140%;word-break:keep-all;text-align: left;}
.info-box .title-desc.mb00 {margin-bottom:0}
.info-box .title-desc.mb40 {margin-bottom:4rem}
.info-box .title-desc strong {color:#8d0404}
.info-box .title-desc a {color:#8d0404;border-bottom: 1px solid #5f493f;}
.agree .info-box .title-desc a {color: #B50004;border-bottom: 1px solid #B50004;letter-spacing: -0.75px;}
.info-box .dot-text {position:relative; margin-left:1.4rem; padding-left:1.2rem; font-size:1.4rem; line-height:2rem}
.info-box .dot-text:before {display:block; position:absolute; top:0.8rem; left:0.3rem; width:4px; height:4px; background:#858585; content:""}
.info-box .dot-text em {color:#8d0404; text-decoration:underline}
.info-box .line {display:block; margin:2.4rem -2.7rem 2.6rem; height:1px; border:0; outline:0; background:#f3f3f3}
.info-box .text-large {font-size:2.1rem; line-height:3rem; text-align:center}
.info-box .text-large strong {color:#5f493f}
.info-box .text-large span {display:block; margin-top:0.5rem; font-size:1.8rem; line-height:2.8rem}

.f0 {font-size:0;}
.wp10 {width:10% !important;}
.wp20 {width:20% !important;}
.wp30 {width:30% !important;}
.wp40 {width:40% !important;}
.wp50 {width:50% !important;}
.wp60 {width:60% !important;}
.wp70 {width:70% !important;}
.wp80 {width:80% !important;}
.wp90 {width:90% !important;}
.wp100 {width:100% !important;}

@media only screen and (max-width: 1000px) {
	.dialog_content.evt-popup {padding: 2rem;display: inline-block;}
	.dialog_content.evt-popup.success {}
	.dialog_content.evt-popup h1.title {font-size: 3rem;margin:1.5rem 0}
	.dialog_content.evt-popup .btn.large {
	    margin-top: 3rem;
	    width: 25rem;
	    height: 5rem;
	    line-height: 5rem;
	}

	.dialog_content.evt-popup .btn {font-size: 1.75rem;}

	.dialog_content.success {min-height: auto !important;text-align: center;padding: 0;}
	.dialog_content.success.evt-popup img {
	    width: 100%;
	    background-color: transparent;
	    image-rendering: -moz-crisp-edges;
	    image-rendering: -o-crisp-edges;
	    image-rendering: -webkit-optimize-contrast;
	    -o-transform: translateZ(0);
	    -ms-transform: translateZ(0);
	    -moz-transform: translateZ(0);
	    -webkit-transform: translateZ(0);
	    transform: translateZ(0);
	    width: auto;
	    max-height: 90vh;
	}
	
	.dialog_content.evt-popup .desc {margin-bottom:0;}
	.dialog_content .event-form dt {margin-top:1.5rem;}
	.dialog_content .event-form .select-box {height:4rem;line-height:4rem;font-size:1.5rem;}
	.dialog_content .event-form .input-text {
	    height: 4rem;
	    font-size: 1.5rem;
	    line-height: 1.5rem;
	}
	
	.dialog_content.evt-popup .check-list li+li {margin-top:1rem;}
	.dialog_content.evt-popup.success .guide-text {margin-top:5px;line-height: 150%;width: auto;margin: 0;padding-bottom: 2rem;font-size: 1.3rem;}
	.dialog_content.evt-popup.success .guide-text span {display:block;margin-left: 1.5rem;}
	
	::-webkit-input-placeholder {color:#858585; font-size:1.5rem}
	:-moz-placeholder {color:#858585; font-size:1.5rem; opacity:1}
	::-moz-placeholder {color:#858585; font-size:1.5rem; opacity:1}
	:-ms-input-placeholder {color:#858585; font-size:1.5rem}

	[class^="section"] .button-area .btnDetail {margin-bottom: 18%;}
}

@media only screen and (max-width: 375px) {
	.dialog_content.evt-popup.success .guide-text .m-block {display:block;}
}