/* All */
header, footer, nav, section, article, aside, figure, figcaption {display:block;}
a img {border:0}

/* reset style */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, img, ins, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td
{margin:0; padding:0; border:0; font-style:normal; font-weight:normal; line-height:1;}

*, *:before, *:after {-webkit-box-sizing:border-box; box-sizing:border-box;}
* {word-wrap:break-word; word-break:normal;}

/* default style  */
html,body			{width:100%;}
html				{filter: expression(document.execCommand('BackgroundImageCache', false, true)); -webkit-overflow-scrolling:touch; -webkit-tap-highlight-color:transparent; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; overscroll-behavior:none;}
body				{display:flex; flex-direction:column; margin:0; padding:0; font-weight:400; font-family:'Pretendard JP'; font-size:12px; font-feature-settings:'ss05'; color:#696e76; background-color:#fff; letter-spacing:-.02em;}
table				{font-size:12px; border-spacing:0; border-collapse:collapse;}
td,th				{vertical-align:middle; font-size:12px;}
dd,dt,ol,dl,ul,li	{list-style:none; margin:0; padding:0;}
button, label		{padding:0; border:none; vertical-align:middle; font-family:'Pretendard JP', sans-serif; outline:none;}
address, caption, cite, code, dfn, strong, th, var {font-style:normal;}
legend,caption		{display:none; height:0; width:0; font-size:0;}
p					{margin:0;}
blockquote, q		{quotes:none;}
ins					{text-decoration:none;}
del					{text-decoration:line-through;}
img, fieldset		{border:0 none; vertical-align:middle;}
img					{max-width:100%;}
a					{outline:none; select-dummy:expression(this.hideFocus=true); -webkit-tap-highlight-color:transparent;}


div.video_wrap {
	padding : 4rem 2rem 0;
	background: rgb(0, 194,255);
}

iframe {
	width : 100%;
	height : 500px;
}

.coupon_wrap {
	background: #00C2FF;
	padding : 60px 20px 0;
	position : relative;
}

.coupon_shin_wrap {
	background: #41CAC0;
	padding : 0 20px 60px;
	position : relative;
}

#barcode {
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	top: calc(50% + 20px);
	width: calc(100% - 120px);
}

#barcode_shin {
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	top: calc(50% + -55px);
	width: calc(100% - 120px);
}

.btn_wrap {
	background: #00C2FF;
	text-align: center;
}

.passport_rgstr_btn {
	width : 80%;
	height : 60px;
	border-radius: 10px;
	border : none;
	background-color: #171C61;
	color : #C2F05F;
	font-size : 20px;
	font-weight: bold;
	font-family: "Roboto", sans-serif;
	margin-top : 30px;
}

.barcode_terms {
	color : #696E76;
	font-size : 13px;
	position: absolute;
	bottom: 11%;
	left: 50%;
	transform: translate(-50%, 0);
}

.overflowHidden{
    overflow: hidden;
}

/* Set Language */
body.CHN *											{font-family:"Noto Sans SC", sans-serif !important;}
body.TWN *											{font-family: "Noto Sans TC", sans-serif !important;}
body.JPN *											{font-family: "Noto Sans JP", sans-serif !important;}


/* Header */
header												{position:sticky; top:0; z-index:100; display:flex; justify-content:center; align-items:center; height:54px; background-color:#fff; transition:all .15s;}
header.transparent									{background-color:transparent;}
header button,
header a											{position:absolute; top:50%; width:24px; height:24px; text-indent:-9999px; background-color:transparent; background-repeat:no-repeat; background-size:auto 100%; transform:translateY(-50%);}
header button										{left:16px; background-image:url('../../resources/img/top_back.svg');}
header a											{right:16px;}
header a.i_close									{background-image:url('../../resources/img/top_close.svg');}
header label										{position:absolute; top:50%; right:16px; z-index:1; font-weight:500; font-size:14px; color:#266DFF; transform:translateY(-50%);}
header em,
header span											{font-weight:600; font-size:17px; color:#26282C;}
header.fixed										{position:fixed; top:0; left:0; z-index:10; width:100%; background-color:transparent;}
header.fixed em										{color:#fff;}
header.fixed a										{filter:brightness(0) invert(1);}
header.fixed.turn									{background-color:rgba(255, 255, 255, .9); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);}
header.fixed.turn em								{color:#26282C;}
header.fixed.turn a									{filter:unset;}


/* KTO */
.kto_wrap											{display:flex; flex-direction:column;}
.kto_wrap .kto_button								{display:block; padding:0 8px 80px; background-color:#6F10B4;}
.kto_wrap .kto_button > a,
.kto_wrap .barcode									{display:none;}
.kto_wrap .barcode									{position:relative; background-color:#FFA8BC;}
.kto_wrap .barcode span								{position:absolute; top:55%; left:0; width:100%;}
.kto_wrap .barcode span #barcode					{padding:0 5% 0 3%; width:calc(100% - 25%);}
.kto_wrap.on .kto_button							{display:none;}
.kto_wrap.on .barcode								{display:block;}


/* AEON */
.aeon_content										{display:flex; flex-direction:column; gap:40px; padding:24px 8px 40px; background-color:#C2F05F; /*background:linear-gradient(180deg, #C2F05F 25%, #F7F6F6 100%);*/}
.aeon_content .notes								{display:flex; flex-direction:column; gap:16px; padding:0 16px;}
.aeon_content .notes em								{font-weight:700; font-size:18px; color:#26282C;}
.aeon_content .notes ol								{display:flex; flex-direction:column; gap:4px;}
.aeon_content .notes ol li							{position:relative; padding-left:16px; font-weight:500; font-size:14px; color:#26282C; line-height:21px;}
.aeon_content .notes ol li::before					{content:""; position:absolute; top:8px; left:4px; z-index:1; width:3px; height:3px; background-color:#26282C; border-radius:50%;}


/* Layer View */
.layerView											{position:fixed; top:0; left:0; z-index:-1; width:100%; height:100%; font-family:'Pretendard JP'; opacity:0; transition:all .2s;}
.layerView:before									{content:""; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-color:rgba(0,0,0,.4);}
.layerView.on										{opacity:1; z-index:9998;}
.layerView.on .layer_body							{margin-top:0; opacity:1;}
.layerView.on .bottom_sheet,
.layerView.on .bottom_full							{bottom:0;}


/* Layer Popup */
.layer_body											{position:absolute; top:50%; left:24px; right:24px; z-index:1; margin-top:15%; padding-top:28px; border-radius:24px; background-color:#fff; transform:translateY(-50%); transition:all .2s; opacity:0;}
.layer_body .popup_container						{padding:0 20px;}
.layer_body .popup_container > em					{position:relative; display:flex; align-items:center; margin-bottom:20px; padding-left:32px; height:24px; font-weight:700; font-size:18px; color:#26282c;}
.layer_body .popup_container > em:before			{content:""; position:absolute; top:50%; left:0; z-index:1; width:24px; height:24px; background-repeat:no-repeat; background-size:100%; transform:translateY(-50%);}
.layer_body .popup_container > em.info:before		{background-image:url('../../resources/img/popup_info.png');}
.layer_body .popup_container > em.error:before		{background-image:url('../../resources/img/popup_error.png');}
.layer_body .popup_container > em.success:before	{background-image:url('../../resources/img/popup_success.png');}
.layer_body .popup_container a						{position:absolute; top:16px; right:16px; z-index:1; width:24px; height:24px; text-indent:-9999px; border-radius:50%; background:#F4F6FB url('../../resources/img/popup_close.svg') no-repeat; background-size:100%;}
.layer_body .popup_button							{display:flex; gap:8px; padding:0 16px 16px;}
.layer_body .popup_button button					{width:100%; height:56px; font-weight:500; font-size:16px; color:#696E76; border-radius:12px; background-color:#F4F6FB;}
.layer_body .popup_button button:last-child			{color:#fff; background-color:#171C61;}
.layer_body .popup_button button.line				{color:#171C61; border:solid 1px #171C61; background-color:#fff;}
.layer_body .alert_content							{margin-bottom:32px; font-size:16px; color:#26282C; line-height:24px; text-align:center;}
.layer_body .alert_content b						{font-weight:700;}


/* KT */
.kt_content											{padding-bottom:92px; background-color:#FFE08D;}
.bottom_kt											{position:fixed; bottom:0; left:0; z-index:100; display:flex; gap:8px; padding:16px 8px; width:100%; background-color:rgba(255,224,141,.01); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);}
.bottom_kt button									{width:100%; height:60px; font-family:'GmarketSans'; font-weight:700; font-size:18px; color:#2298E2; border:1px solid #2298E2; border-radius:8px; background-color:#fff;}
.bottom_kt button:last-child						{color:#fff; border-color:transparent; background-color:#2298E2;}


/* VISITKOREA */
.visitkorea_wrap									{display:flex; flex-direction:column; align-items:center; overflow:hidden;}
.visitkorea_wrap section							{display:flex; justify-content:center; padding-bottom:48px; width:100%; max-width:1200px;}
.visitkorea_wrap section a							{position:relative; display:flex; justify-content:center; align-items:center; padding:0 52px 0 28px; height:60px; font-family:'GmarketSans'; font-weight:700; font-size:18px; color:#fff; letter-spacing:-.03em; border-radius:30px; box-shadow:inset 0 -3px 0 rgba(0, 0, 0, .15);}
.visitkorea_wrap section a::after					{content:""; position:absolute; top:50%; right:24px; z-index:1; width:16px; height:16px; background:url('../../resources/img/arrow_16_w.svg') no-repeat; background-size:100%; transform:translateY(-50%);}
.visitkorea_wrap section.section_1					{background-color:#FEE7F3;}
.visitkorea_wrap section.section_1 a				{background-color:#FA1862;}
.visitkorea_wrap section.section_2					{background-color:#66B3AF;}
.visitkorea_wrap section.section_2 a				{background-color:#046240;}
.visitkorea_wrap aside								{display:flex; flex-direction:column; gap:40px; padding:48px 20px; width:100%; max-width:1200px; background-color:#DAEBD8;}
.visitkorea_wrap aside dl							{display:flex; flex-direction:column; gap:16px;}
.visitkorea_wrap aside dl dt						{font-weight:700; font-size:18px; color:#26282C;}
.visitkorea_wrap aside dl dd						{display:flex; flex-direction:column; gap:8px;}
.visitkorea_wrap aside dl dd span					{position:relative; padding-left:14px; font-weight:500; font-size:13px; color:#696E76; line-height:19px;}
.visitkorea_wrap aside dl dd span::before			{content:""; position:absolute; top:8px; left:0; z-index:1; width:3px; height:3px; border-radius:50%; background-color:#696E76;}}