@charset "utf-8";

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

/* Pretendard
@font-face {
	font-family:'Pretendard';
	font-weight:900;
	font-display:swap;
	src:local('Pretendard Black'), url('../fonts/Pretendard-Black.woff2') format('woff2'), url('../fonts/Pretendard-Black.woff') format('woff');
}
@font-face {
	font-family:'Pretendard';
	font-weight:800;
	font-display:swap;
	src:local('Pretendard ExtraBold'), url('../fonts/Pretendard-ExtraBold.woff2') format('woff2'), url('../fonts/Pretendard-ExtraBold.woff') format('woff');
}
@font-face {
	font-family:'Pretendard';
	font-weight:700;
	font-display:swap;
	src:local('Pretendard Bold'), url('../fonts/Pretendard-Bold.woff2') format('woff2'), url('../fonts/Pretendard-Bold.woff') format('woff');
}
@font-face {
	font-family:'Pretendard';
	font-weight:600;
	font-display:swap;
	src:local('Pretendard SemiBold'), url('../fonts/Pretendard-SemiBold.woff2') format('woff2'), url('../fonts/Pretendard-SemiBold.woff') format('woff');
}
@font-face {
	font-family:'Pretendard';
	font-weight:500;
	font-display:swap;
	src:local('Pretendard Medium'), url('../fonts/Pretendard-Medium.woff2') format('woff2'), url('../fonts/Pretendard-Medium.woff') format('woff');
}
@font-face {
	font-family:'Pretendard';
	font-weight:400;
	font-display:swap;
	src:local('Pretendard Regular'), url('../fonts/Pretendard-Regular.woff2') format('woff2'), url('../fonts/Pretendard-Regular.woff') format('woff');
}
@font-face {
	font-family:'Pretendard';
	font-weight:300;
	font-display:swap;
	src:local('Pretendard Light'), url('../fonts/Pretendard-Light.woff2') format('woff2'), url('../fonts/Pretendard-Light.woff') format('woff');
}
@font-face {
	font-family:'Pretendard';
	font-weight:200;
	font-display:swap;
	src:local('Pretendard ExtraLight'), url('../fonts/Pretendard-ExtraLight.woff2') format('woff2'), url('../fonts/Pretendard-ExtraLight.woff') format('woff');
}
@font-face {
	font-family:'Pretendard';
	font-weight:100;
	font-display:swap;
	src:local('Pretendard Thin'), url('../fonts/Pretendard-Thin.woff2') format('woff2'), url('../fonts/Pretendard-Thin.woff') format('woff');
}
*/
/* Noto Sans Korean */
@font-face{
	font-weight:200;
	font-display:swap;
	src:url('../fonts/notokr-light.eot');
	src:url('../fonts/notokr-light.eot?#iefix') format('embedded-opentype'),
	url('../fonts/notokr-light.woff') format('woff'),
	url('../fonts/notokr-light.ttf') format('truetype'),
	url('../fonts/notokr-light.svg#notokr-light') format('svg');
}
@font-face{
	font-weight:300;
	font-display:swap;
	src:url('../fonts/notokr-demilight.eot');
	src:url('../fonts/notokr-demilight.eot?#iefix') format('embedded-opentype'),
	url('../fonts/notokr-demilight.woff') format('woff'),
	url('../fonts/notokr-demilight.ttf') format('truetype'),
	url('../fonts/notokr-demilight.svg#notokr-demilight') format('svg');
}
@font-face{
	font-weight:400;
	font-display:swap;
	src:url('../fonts/notokr-regular.eot');
	src:url('../fonts/notokr-regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/notokr-regular.woff') format('woff'),
	url('../fonts/notokr-regular.ttf') format('truetype'),
	url('../fonts/notokr-regular.svg#notokr-regular') format('svg');
}
@font-face{
	font-weight:500;
	font-display:swap;
	src:url('../fonts/notokr-medium.eot');
	src:url('../fonts/notokr-medium.eot?#iefix') format('embedded-opentype'),
	url('../fonts/notokr-medium.woff') format('woff'),
	url('../fonts/notokr-medium.ttf') format('truetype'),
	url('../fonts/notokr-medium.svg#notokr-medium') format('svg');
}
@font-face{
	font-weight:700;
	font-display:swap;
	src:url('../fonts/notokr-bold.eot');
	src:url('../fonts/notokr-bold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/notokr-bold.woff') format('woff'),
	url('../fonts/notokr-bold.ttf') format('truetype'),
	url('../fonts/notokr-bold.svg#notokr-bold') format('svg');
}

/* CSS Reset */
html{-webkit-text-size-adjust:none;}
html{font-size:10px}
@media screen and (max-width:1440px){/* xl */}
@media screen and (max-width:1200px){
	html{font-size:9px} /* lg */
}
@media screen and (max-width:960px){
	html{font-size:8px} /* md */
}
@media screen and (max-width:720px){
	html{font-size:7px} /* sm */
}
@media screen and (max-width:540px){
	html{font-size:6px} /* xs */
}
@media screen and (max-width:374px){
	html{font-size:5px} /* 2xs */
}
/*
720px ~1.5rem : 12px / ~1.7rem : 13px / ~1.9rem : 14px
540px ~2.2rem : 15px / ~2.5rem : 16px / ~2.8rem : 17px
360px ~3.1rem : 18px / ~3.4rem : 20px / ~3.7rem : 22px / ~4rem : 24px
*/
html,body{height:100%;}
::selection{color:white;background-color:#003775;-webkit-text-stroke:initial;}
body{-webkit-text-size-adjust:none;/* mobile text size */-webkit-font-smoothing:subpixel-antialiased;/* antialiased or subpixel-antialiased 웹킷 브라우저 웹폰트 선명하게 처리 */font-variant-ligatures:none;/* fi 수정 */}
img{-ms-interpolation-mode:bicubic;}

/* Reset */
*{vertical-align:top;box-sizing:border-box;}
body,button,input,textarea,select,table,h1,h2,h3,h4,h5,h6{font-family:'Pretendard','Noto Sans Korean','Noto Sans KR','Spoqa Han Sans','돋움','dotum','sans-serif';font-size:14px;font-weight:400;color:#666;line-height:1.35;word-break:break-all;/* word-break:keep-all; */}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,form,fieldset,legend,label,button,input,textarea,select,optgroup,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;box-sizing:border-box}
article,aside,footer,header,nav,section,figcaption,figure,main,details,menu{display:block}
blockquote,q{quotes:none}
blockquote::before,blockquote::after,q::before,q::after{content:'';content:none}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
template{display:none}
[hidden]{display:none}
summary{display:list-item}
pre{font:inherit;color:inherit;word-wrap:break-word;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-break:break-all;}
ol,ul{list-style:none}
dt,dd{display:block}
table{width:100%;border-collapse:collapse;border-spacing:0;}
caption,legend{overflow:hidden;font-size:0;line-height:0}
audio,video{display:inline-block}
audio:not([controls]){display:none;height:0}
svg:not(:root){overflow:hidden}
canvas{display:inline-block}
img{max-width:100%;border-style:none;vertical-align:top}
fieldset,img{border:none}
button{cursor:pointer}
button,input{overflow:visible}
button,select{text-transform:none}
input,button,select{vertical-align:top}
input,button,select,textarea{font-size:inherit;box-sizing:border-box;}
input[disabled],input[readonly],textarea[readonly]{/*cursor:not-allowed;*/background-color:#ebebeb;color:#a0a0a0;}
::placeholder{font-family:'Noto Sans Korean','Noto Sans KR';color:inherit;opacity:0.3;}
::-webkit-input-placeholder,::-ms-input-placeholder,::-moz-placeholder{color:inherit;opacity:0.3;}
button,[type="reset"],[type="submit"]{border:0 none;background:none;cursor:pointer;-webkit-appearance:button}
button::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;}
button:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
[type="checkbox"],[type="radio"]{}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
textarea{display:block;overflow:auto;resize:vertical;}
input:checked[type="checkbox"]{background-color:#fff;-webkit-appearance:checkbox;}
[type="text"],[type="password"],[type="email"],[type="search"],[type="image"],[type="tel"],button,select,textarea{-webkit-border-radius:0;-webkit-appearance:none;}
:focus{outline-offset:-1px}
/* :focus-visible{outline:dashed 2px #000;outline-offset:0} */
:focus-visible{outline-style:dashed;outline-width:3px;outline-offset:0}

address,em,i{font-style:normal}
hr{box-sizing:content-box;height:0;overflow:visible;margin:0;padding:0;border:0}
a{background-color:transparent;-webkit-text-decoration-skip:objects;color:inherit;cursor:pointer;text-decoration:none}
a:active,a:focus{text-decoration:none}

@keyframes blink-effect{
	50%{
		opacity:0;
	}
}
.blink{animation:blink-effect 1s step-end infinite;}

.fw-100{font-weight:100 !important;}
.fw-200{font-weight:200 !important;}
.fw-300{font-weight:300 !important;}
.fw-400{font-weight:400 !important;}
.fw-500{font-weight:500 !important;}
.fw-600{font-weight:600 !important;}
.fw-700{font-weight:700 !important;}
.fw-800{font-weight:800 !important;}
.fw-900{font-weight:900 !important;}

.color-primary{color:#076aff !important;}
.color-secondary{color:#0ab39c !important;}
.color-warning{color:#ffa133 !important;}
.color-danger{color:#ff3366 !important;}
.color-light{color:#ff65d4 !important;}
.color-success{color:#405189 !important;}
.btn-black{color:#fff !important;background-color:#000 !important;}
.text-link,.text-underline{text-decoration:underline !important;}

.dot-list li{position:relative;padding-left:10px;}
.dot-list li:before{content:'·';position:absolute;top:0;left:0;}
.dash-list li{position:relative;padding-left:10px;}
.dash-list li:before{content:'-';position:absolute;top:0;left:0;}
.btn-link{text-decoration:underline;}

.ir{overflow:hidden;height:0;font-size:0;text-indent:-9999px;}
.blind{display:block;position:absolute;overflow:hidden;width:0;height:0}
.clear{*zoom:1}
.clear:after{content:' ';display:block;clear:both;}
.clear-both{clear:both;}
.float-left{float:left;}
.float-right{float:right;}
.align-left{text-align:left !important;}
.align-center{text-align:center !important;}
.align-right{text-align:right !important;}
.align-top{vertical-align:top !important;}
.align-middle{vertical-align:middle !important;}
.align-bottom{vertical-align:bottom !important;}
.align-baseline{vertical-align:baseline !important;}

.d-block{display:block !important;}
.d-iblock{display:inline-block !important;}
.d-inline{display:inline !important;}
.d-flex{display:flex !important;}
.flex-wrap{flex-wrap:wrap !important;}
.flex-left{justify-content:flex-start !important;}
.flex-right{justify-content:flex-end !important;}
.flex-center{justify-content:center !important;}
.flex-between{justify-content:space-between !important;}
.flex-around{justify-content:space-around !important;}
.flex-evenly{justify-content:space-evenly !important;}
.flex-top{align-items:flex-start !important;}
.flex-bottom{align-items:flex-end !important;}
.flex-middle{align-items:center !important;}
.flex-baseline{align-items:baseline !important;}
.flex-stretch{align-items:stretch !important;}
.flex-row{flex-direction: row !important;}
.flex-row-reverse{flex-direction: row-reverse !important;}
.flex-column{flex-direction: column !important;}
.flex-column-reverse{flex-direction: column-reverse !important;}

.flex-center-middle{display:flex;justify-content:center;align-items:center;}
.flex-between-middle{display:flex;justify-content:space-between;align-items:center;}
.flex-center-column{display:flex;justify-content:center;align-items:center;flex-direction:column;}

/* Forms Style */
input,button,.select,textarea{font-size:inherit;color:inherit;}
textarea{height:120px;padding:16px}
button{}
select{background:#fff url(../images/sub/form_ico_select@2x.png) no-repeat right 12px center / 12px 12px;appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;vertical-align:top;color:#000;cursor:pointer;}
select::-ms-expand{display:none;}

input[type=checkbox]{display:inline-block;position:absolute;left:-9999px;}
input[type=checkbox] + label{z-index:10;position:relative;display:inline-block;margin-right:10px;height:24px;line-height:24px;padding:0 0 0 32px;font-size:16px;color:#000;cursor:pointer;white-space:nowrap;vertical-align:baseline;}
input[type=checkbox] + label:last-child{margin-right:0;}
input[type=checkbox] + label.required{text-decoration:underline;}
input[type=checkbox] + label.empty{width:24px;padding-left:0;vertical-align:top;}
input[type=checkbox] + label:before{content:"";width:24px;height:24px;position:absolute;top:0;left:0;border-radius:2px;border:solid 1px #c8c8c8;background-color:#fff;box-sizing:border-box;}
input[type=checkbox] + label:hover:before{border:1px solid #5a66ff;}
input[type=checkbox]:checked + label:before,
input[type=checkbox]:checked + label:hover:before{border:1px solid #5a66ff;background:#5a66ff url(../images/sub/form_ico_check@2x.png) no-repeat 50% 50% / 16px 16px}
input[type=checkbox]:focus-visible + label:before{outline-style:dashed;outline-color:#000;outline-width:thin;}

.form-elmt{width:100%;padding:10px 12px;border-radius:4px;border:solid 1px #ced4da;background-color:#fff;font-size:14px;line-height:1.43;text-align:left;color:#000;}
.form-date{background:#fff url(../images/sub/form_ico_date@2x.png) no-repeat right 12px center / 16px 16px;}
button.form-elmt{padding-left:5px;padding-right:5px;border:solid 1px #e6e8e9;background-color:#edf0f6;text-align:center;}
.form-check{margin-top:44px;text-align:center;}

@media screen and (max-width:720px){
	input[type=checkbox] + label{height:20px;line-height:20px;padding:0 0 0 28px;font-size:14px;}
	input[type=checkbox] + label.empty{width:20px;padding-left:0;}
	input[type=checkbox] + label:before{width:20px;height:20px;}
	input[type=checkbox]:checked + label:before,input[type=checkbox]:checked + label:hover:before{background-size:12px 12px}
	.form-elmt{font-size:13px;}
	.form-check{margin-top:20px;}
}

.radio .tit{display:inline-block;margin-right:12px;line-height:24px;font-size:14px;color:#000;cursor:pointer}
.radio [type="radio"]{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;border:0;cursor:pointer}
.radio [type="radio"] + label{position:relative;display:inline-block;margin-right:12px;padding-left:30px;vertical-align:top;line-height:24px;font-size:14px;color:#000;cursor:pointer}
.radio [type="radio"] + label:before{content:"";width:24px;height:24px;position:absolute;top:0;left:0;border-radius:50%;border:solid 1px #c8c8c8;background-color:#fff;box-sizing:border-box;}
.radio [type="radio"] + label:hover:before{border:1px solid #4b84fb;}
.radio [type="radio"]:checked + label:before,.radio [type="radio"]:checked + label:hover:before{border:6px solid #4b84fb;}
.radio [type="radio"]:focus-visible + label:before{outline-style:dashed;outline-color:#000;outline-width:thin;}
.radio [type="radio"]:checked + label{}
.radio.type_row{position:relative;margin-bottom:-6px;}
.radio.type_row [type="radio"] + label{margin-bottom:6px;margin-right:30px;}
.radio [type="radio"].empty + label{width:24px;height:24px;padding-left:0;color:transparent;}

@charset "utf-8";
body,:is(#header,#visual,#content,#footer,.sect-wrap) > .inner{min-width:320px}

body{width:100%;overflow-x:hidden;position: relative;}
/*
body #container ::-webkit-scrollbar{width:10px;height:10px;}
body #container ::-webkit-scrollbar-track{background-color:transparent;border-radius:10px;}
body #container ::-webkit-scrollbar-thumb{background-color:#d9d9d9;border-radius:10px;background-clip:padding-box;border:3px solid transparent;}
*/

:is(#header,#visual,#content,#footer,.sect-wrap) > .inner{width:1280px;margin:0 auto;}
@media screen and (max-width:1340px){
	:is(#header,#visual,#content,#footer,.sect-wrap) > .inner{width:100%;padding-left:4rem;padding-right:4rem;box-sizing: border-box;}
}
@media screen and (max-width:720px){
/* 	:is(#header,#visual,#content,#footer,.sect-wrap) > .inner{padding-left:16px;padding-right:16px;} */
}

#wrap{position:relative;width: 100%;overflow-x: hidden;margin: 0 auto;}
.fixed{overflow:hidden}
.fixed #wrap{position:fixed;width:100%;overflow:hidden}
.dim{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:1000}

/* Header */
#header{position:relative;width:100%;z-index:100;}
#header > .inner{display:flex;justify-content:space-between;align-items:center;height:9.6rem;}

.header-logo{}
.header-logo a{display:block;width:6.4rem;}
.header-logo img{}
.header-nav{display:flex;align-items:center;}
.header-nav > li{}
.header-nav > li + li{margin-left:4rem;}
.header-nav > li a{font-size:1.8rem;font-weight:500;line-height:1.44;color:#000;}

.btn-hamburger {display: none;}

@media screen and (max-width:960px){
	.header-nav > li + li{margin-left:3rem;}
}
@media screen and (max-width:720px){
	.header-nav > li a{font-size:14px;}
	.header-nav {display: none;}
	.btn-hamburger {
		display: block;
		width: 40px;
		height: 40px;
		border: none;
		background: transparent;
		position: relative;
		z-index: 1001;
	}
	.btn-hamburger span {
		display: block;
		width: 100%;
		height: 2px;
		background: #000;
		position: absolute;
		left: 0;
		transition: all 0.3s;
	}
	.btn-hamburger span:nth-child(1) {top: 10px;}
	.btn-hamburger span:nth-child(2) {top: 19px;}
	.btn-hamburger span:nth-child(3) {bottom: 10px;}

	.btn-hamburger.active span:nth-child(1) {top: 19px; transform: rotate(45deg);}
	.btn-hamburger.active span:nth-child(2) {opacity: 0;}
	.btn-hamburger.active span:nth-child(3) {bottom: 19px; transform: rotate(-45deg);}

	.mobile-menu {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.95);
		z-index: 1000;
		padding-top: 10rem;
	}
	.mobile-menu.active {display: block;}
	.mobile-menu .header-nav {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.mobile-menu .header-nav li + li {
		margin-left: 0;
		margin-top: 2rem;
	}
}


/* Content */
.color-accent{color:#e94519 !important;}
.btn-primary{display:inline-block;padding:1.6rem 2.4rem;border-radius:4px;border:solid 1px #e94519;background-color:#fff;font-size:2rem;line-height:1.5;color:#e94519;}

@media screen and (max-width:540px){
	.btn-primary{font-size:15px;}
}

#content{padding:40px 0;}

@media screen and (max-width:1200px){
	#content{padding:30px 0;}
}
@media screen and (max-width:720px){
	#content{padding:20px 0;}
}
.shortcut-list{display:flex;justify-content:space-between;align-items:center;}
.shortcut-list > li{width:400px;}
.shortcut-list > li a{display:block;border-radius:16px;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.1);background-color:#fff;overflow:hidden;}
.shortcut-list > li .icon{display:flex;justify-content:center;align-items:center;height:20rem;}
.shortcut-list > li .icon img{width:9.6rem;}
.shortcut-list > li:nth-child(odd) .icon{background-color:#f5ebf9;}
.shortcut-list > li:nth-child(even) .icon{background-color:#fffdf1;}

.shortcut-list > li .data{display:flex;justify-content:center;flex-direction:column;height:16rem;text-align:center;color:#222;}
.shortcut-list > li .data-tit{font-size:2.4rem;font-weight:700;line-height:1.5;}
.shortcut-list > li .data-txt{font-size:1.8rem;font-weight:500;line-height:1.56;}
.shortcut-list > li .data-tit + .data-txt{margin-top:1.2rem}

@media screen and (max-width:1340px){
	.shortcut-list{position:relative;display:block;margin:0 -2rem;}
	.shortcut-list::after{display:block;clear:both;content:'';}
	.shortcut-list > li{float:left;width:33.33%;padding:0 2rem;}
}
@media screen and (max-width:720px){
	.shortcut-list{margin:0}
	.shortcut-list > li{float:none;width:100%;padding:0;}
	.shortcut-list > li + li{margin-top:3rem;}
	.shortcut-list > li br{display:none;}
	.shortcut-list > li .icon{height:16rem;}
	.shortcut-list > li .data{height:14rem;}
}

/* Floating Action Button */
.fab-button {
    position: fixed !important;
    bottom: 30px !important;
    right: 30px !important;
    width: 60px !important;
    height: 60px !important;
    background-color: #e94519 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2) !important;
    z-index: 9999 !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

.fab-button svg {
    width: 30px;
    height: 30px;
    color: white;
}

.fab-button:hover {
    transform: scale(1.1);
    background-color: #d13d15;
}

/* 모바일 대응 */
@media screen and (max-width: 720px) {
    .fab-button {
        bottom: 20px !important;
        right: 20px !important;
        width: 50px !important;
        height: 50px !important;
    }
    
    .fab-button svg {
        width: 24px;
        height: 24px;
    }
}

/* Footer */
#footer{padding:2.4rem 0;}
.footer-info{font-size:14px;line-height:1.43;text-align:center;color:#707070;}
@charset "utf-8";

#mainVisual{background:url(../images/main/giftcoin_kiosk.webp) no-repeat 50% 50% / cover;}
#mainVisual > .inner{display:flex;align-items:center;height:100rem;}
#mainVisual .visual-title{font-size:6.4rem;font-weight:700;line-height:1.13;color:#fff;}

.sect-quotes{position:relative;padding:6.6rem 0;font-size:2.8rem;font-weight:600;line-height:1.43;text-align:center;color:#222;word-break:keep-all;}
.sect-quotes::before,.sect-quotes::after{display:block;clear:both;content:'';position:absolute;left:50%;width:4.2rem;height:3rem;margin-left:-2.1rem;background-repeat:no-repeat;background-position:50% 50%;background-size:100% 100%;}
.sect-quotes::before{top:0;background-image:url(../images/main/quotes_ico_before@2x.webp);}
.sect-quotes::after{bottom:0;background-image:url(../images/main/quotes_ico_after@2x.webp);}

.sect-title{font-size:4.8rem;font-weight:600;line-height:1.25;color:#000;word-break:keep-all;}
.sect-stitle{font-size:2.8rem;font-weight:600;line-height:1.43;color:#222;word-break:keep-all;}
.sect-text{font-size:2rem;line-height:1.5;color:#222;word-break:keep-all;}

@media screen and (max-width:1340px){
	#mainVisual{background-position:70% 50%;}
}
@media screen and (max-width:960px){
	#mainVisual > .inner{height:78vw;}
	#mainVisual .visual-title{font-size:6.25vw}
}
@media screen and (max-width:540px){
	.sect-quotes br{display:none;}
	.sect-stitle{font-size:17px}
	.sect-text{font-size:15px}
}
@media screen and (max-width:360px){
}

#mainExample{padding:8rem 0;}
#mainExample > .inner{}
#mainExample .sect-quotes{margin-bottom:8rem;}

#mainExample .sect-flex{display:flex;justify-content:space-between;align-items:center;}
#mainExample .sect-flex + .sect-flex{margin-top:2rem;}
#mainExample .sect-flex-image{width:56rem;flex-shrink:0}
#mainExample .sect-flex-info{flex-grow:1;word-break:keep-all;}
#mainExample .sect-flex-info .sect-stitle{margin-bottom:2.4rem;}
#mainExample .sect-flex-info .sect-text{}
#mainExample .sect-flex-info .sect-btn{margin-top:4rem;}

#mainExample .sect-flex.i1{flex-direction:row-reverse}
#mainExample .sect-flex.i1 .sect-flex-image{position:relative;margin-right:-2rem;}
#mainExample .sect-flex.i1 .sect-flex-info{padding-right:12rem;}
#mainExample .sect-flex.i2 .sect-flex-info{padding-left:12rem;}

@media screen and (max-width:1340px){
	#mainExample .sect-flex.i1 .sect-flex-image{margin-right:0;}
	#mainExample .sect-flex-image{width:41.79vw;}

	#mainExample .sect-flex.i1 .sect-flex-info{padding-right:6rem;}
	#mainExample .sect-flex.i2 .sect-flex-info{padding-left:6rem;}
}

@media screen and (max-width:960px){
	#mainExample .sect-flex-image{width:38vw;}
	#mainExample .sect-flex-info br{display:none;}
	#mainExample .sect-flex.i1 .sect-flex-info{padding-right:6vw;}
	#mainExample .sect-flex.i2 .sect-flex-info{padding-left:6vw;}
}
@media screen and (max-width:720px){
	#mainExample{padding:8rem 2rem}
	#mainExample .sect-flex{display:block;}
	#mainExample .sect-flex + .sect-flex{margin-top:6rem;}
	#mainExample .sect-flex-image{width:100%;margin-bottom:3rem;}
	#mainExample .sect-flex.i1 .sect-flex-info{padding-right:0;}
	#mainExample .sect-flex.i2 .sect-flex-info{padding-left:0;}
}
@media screen and (max-width:540px){
	#mainExample{padding:8rem 0}
}
#mainWhy{padding:8.8rem 0 8rem;background:#222222;}
#mainWhy .sect-title{margin-bottom:4rem;color:#fff;text-align:center;}
#mainWhy .sect-list{display:flex;justify-content:center;}
#mainWhy .sect-list > li{width:33.33%;text-align:center;}
#mainWhy .sect-list > li .sect-icon img{width:20rem;}
#mainWhy .sect-list > li .sect-stitle{color:#fff;}
#mainWhy .sect-list > li .sect-text{margin-top:2.4rem;color:#fff;}
@media screen and (max-width:960px){
	#mainWhy .sect-list > li .sect-text br{display:none;}
}
@media screen and (max-width:720px){
	#mainWhy .sect-list{display:block;}
	#mainWhy .sect-list > li{width:100%}
	#mainWhy .sect-list > li + li{margin-top:5rem;}
	#mainWhy .sect-list > li .sect-icon img{width:25rem;}
}
#mainTogether{padding:8rem 0;background-color:#f8f8f8;}
#mainTogether .sect-title{margin-bottom:2.4rem;text-align:center;}
#mainTogether .sect-text{margin-bottom:2.4rem;text-align:center;}
#mainTogether .sect-image{margin:5rem 0 6rem;}
#mainTogether .sect-btn{text-align:center;font-size:0;}
#mainTogether .sect-btn a + a{margin-left:1.2rem;}

#mainQuiz{padding:12rem 0 12.6rem;background-color:#222;}
#mainQuiz .sect-flex{display:flex;justify-content:space-between;align-items:center;}
#mainQuiz .sect-flex-image{width:49.6rem;flex-shrink:0}
#mainQuiz .sect-flex-info{flex-grow:1;padding-left:9.8rem;padding-top:3px;}
#mainQuiz .sect-title{margin-bottom:2.4rem;color:#fff;}
#mainQuiz .sect-text{color:#fff;}
#mainQuiz .sect-text p + p{margin-top:3rem;}

@media screen and (max-width:1340px){
	#mainQuiz .sect-flex-image{width:37.01vw;}
	#mainQuiz .sect-flex-info{padding-left:7vw;}
}

@media screen and (max-width:960px){
	#mainQuiz .sect-flex-image{width:35vw;}
	#mainQuiz .sect-flex-info{padding-left:5vw;}
}
@media screen and (max-width:720px){
	#mainQuiz .sect-flex{display:block;text-align:center;}
	#mainQuiz .sect-flex-image{margin:0 auto;}
	#mainQuiz .sect-flex-info{margin-top:5rem;padding-left:0;}
	#mainQuiz .sect-text br{display:none;}
}
#mainTry{padding:8rem 0;text-align:center;}
#mainTry .sect-title{margin-bottom:2.4rem;}
#mainTry .sect-list{display:flex;justify-content:center;}
#mainTry .sect-list > li{width:33.33%;text-align:center;}
#mainTry .sect-list > li .sect-icon{margin-bottom:2.4rem;}
#mainTry .sect-list > li .sect-icon img{width:30rem;}
#mainTry .sect-list > li .sect-text{margin-bottom:3.6rem;}
#mainTry .sect-list > li .sect-btn{font-size:0;}
#mainTry .sect-list > li .btn-image{display:inline-block;margin-top:1.1rem;}
#mainTry .sect-list > li .btn-image + .btn-image{margin-left:4px;}
#mainTry .sect-list > li .btn-image img{height:4rem;}

@media screen and (max-width:1340px){
	#mainTry .sect-list > li .sect-icon img{width:22.38vw;}
}
@media screen and (max-width:720px){
	#mainTry .sect-list{flex-wrap:wrap !important;}
	#mainTry .sect-list > li{width:50%;margin-top:2rem;}
	#mainTry .sect-list > li .sect-icon img{width:27.77vw;}
}
@media screen and (max-width:540px){
	#mainTry .sect-list > li{width:100%;}

}

#mainFinish{padding:12rem 0;background:url(../images/main/giftcoin_kiosk.jpg) no-repeat 50% 50% / cover;text-align:center;}
#mainFinish > .inner{}
#mainFinish .sect-title{color:#fff;}
#mainFinish .sect-btn{margin-top:4rem;text-align:center;}@charset "utf-8";

#container{padding:6rem 0 14rem;background-color:#fafafa;}
.sect-wrap[id^="subVisual"] > .inner{display:flex;align-items:center;height:30rem;}
.sect-wrap[id^="subVisual"] .visual-title{font-size:3.6rem;font-weight:600;line-height:1.33;color:#fff;}
#subVisual1{background:url(../images/sub/sub_visual1_bg@2x.webp) no-repeat 50% 50% / cover;}
#subVisual2{background:url(../images/sub/sub_visual2_bg@2x.webp) no-repeat 50% 50% / cover;}
#subVisual3{background:url(../images/sub/quote.webp) no-repeat 50% 50% / cover;}

#contVideo{margin-bottom:6rem;}
.video-wrap{position:relative;overflow:hidden;position:relative;width:100%;height:0;padding-bottom:56.25%;}
.video-thumb{position:absolute;top:0;left:0;width:100%;height:100%;}
.video-thumb img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;}
.video-btn{position:absolute;top:50%;left:50%;width:9.6rem;height:9.6rem;margin:-4.8rem 0 0 -4.8rem;border-radius:50%;background:#fff url(../images/sub/ico_btn_play@2x.webp) no-repeat 50% 50% / 3.2rem 3.2rem;text-indent:-9999px;font-size:0;z-index:1;}
.video-screen{display:none;}
.video-screen embed,.video-screen iframe,.video-screen object,.video-screen video,.video-screen > img{position:absolute;top:0;left:0;width:100%;height:100%;*height:auto;*min-height:100%;}

.video-wrap.play .video-thumb{display:none;}
.video-wrap.play .video-btn{display:none;}
.video-wrap.play .video-screen{display:block;}

.video_wrap{}
.video_frame:after{display:block;clear:both;content:'';}
.video_subtitle{overflow-y:auto;height:140px;margin:0 auto 10px;padding:20px;border:1px solid #d4d4d4;}

[id^="subBehind"]{background-color:#fffce2;}
[id^="subBehind"] > .inner{position:relative;display:flex;justify-content:center;flex-direction:column;padding-top:8.1rem;padding-bottom:8.1rem;}
[id^="subBehind"] .sect-title{margin-bottom:2.4rem;font-size:2.4rem;font-weight:600;line-height:1.25;color:#000;}
[id^="subBehind"] .sect-text{font-size:1.6rem;line-height:1.5;color:#000;}
[id^="subBehind"] .sect-text + .sect-text{margin-top:2.4rem;}
[id^="subBehind"] i{position:absolute;}
[id^="subBehind"] i.trim{display:none;}
#subBehind1 i.balloon{top:50%;left:-15.3rem;width:19.7rem;margin-top:-14.5rem;}
#subBehind1 i.coin{top:50%;left:40.9rem;width:16.2rem;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
#subBehind1 i.illust{top:-14rem;right:0;width:57.2rem;}
#subBehind2 i.percent{top:8.8rem;left:-18.6rem;width:15.7rem;}
#subBehind2 i.tag{top:5.4rem;left:53.7rem;width:9.2rem;}
#subBehind2 i.card{top:22.4rem;left:48.8rem;width:12.9rem;}
#subBehind2 i.illust{top:-14rem;right:0;width:50rem;}

@media screen and (max-width:1340px){

	#subBehind2 i.illust{}
}
@media screen and (max-width:1280px){
	#subBehind1 > .inner{padding-right:42.68vw;}
	#subBehind1 i.illust{top:50%;width:42.68vw;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
	#subBehind2 > .inner{padding-right:37.31vw;}
	#subBehind2 i.illust{top:50%;width:37.31vw;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}

	#subBehind1 i.coin{left:42.9rem;width:12.08vw}
	#subBehind2 i.tag{width:6.86vw}
	#subBehind2 i.card{width:9.62vw}

}
@media screen and (max-width:960px){
	#subBehind1 br{display:none;}
}
@media screen and (max-width:720px){
	[id^="subBehind"] > .inner{padding-top:4rem;padding-bottom:4rem;text-align:center;}
	[id^="subBehind"] .sect-text{font-size:13px;}

	#subBehind1 i.coin{display:none;}
	#subBehind1 i.illust{display:none;}

	#subBehind2 i.tag{display:none;}
	#subBehind2 i.card{display:none;}
	#subBehind2 i.illust{display:none;}

	#subBehind1 > .inner,#subBehind2 > .inner{padding-right:4rem;}
	[id^="subBehind"] i.trim{display:block;position:relative;top:auto;left:auto;margin:-10rem auto 4rem;width:42vw;}
}
@media screen and (max-width:540px){
	[id^="subBehind"] .sect-title{font-size:16px;}
	[id^="subBehind"] i.trim{width:54vw;}
}

.qna-list{margin-bottom:6rem;word-break:keep-all}
.qna-list dt,.qna-list dt{position:relative;background-color:#fff;}
.qna-list dt{border-top:1px solid #e94519;box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);}
.qna-list dd + dt{border-top:0 none;}
.qna-list dt a{display:block;padding:3rem 8.2rem;}
.qna-list dt a::after{content:"";display:block;position:absolute;top:50%;right:3.6rem;width:3.6rem;height:3.6rem;margin-top:-1.8rem;background:url(../images/sub/ico_arrow_bottom@2x.webp) no-repeat 50% 50% / 100% 100%;transition:all .3s;opacity:1}
.qna-list dt.active a::after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.qna-list dt .upper{position:absolute;top:50%;left:3.5rem;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.qna-list dd{display:none;padding:2.4rem 2rem;box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);background-color:#fffdfd;}

.qna-flex{display:flex;justify-content:space-between;align-items:center;}
.qna-flex-q{display:flex;align-items:center;flex-shrink:0;padding-right:2rem;}
.qna-flex-a{display:flex;align-items:center;}
.qna-flex-q .image{margin-right:2rem;}
.qna-flex-a .image{margin-left:2rem;}
.qna-flex-q .text{flex-shrink:0;}
.qna-flex-a .text{flex-grow:1;}
.qna-flex .text .upper{display:block;}
.qna-flex .text b{font-weight:600;}
.qna-flex .text div{margin-top:1.6rem;}
.qna-flex .text a{display:inline-block;}
.qna-flex .text a + a{margin-left:4px;}
.qna-flex .text a img{height:4rem;}
.qna-flex .image{width:20rem;flex-shrink:0}

.qna-list .upper{font-size:4.8rem;font-weight:800;line-height:1.25;color:#e0e0e0;}
.qna-list dt a,
.qna-flex-q .text{font-size:2.4rem;font-weight:600;line-height:1.33;color:#222;}
.qna-flex-a .text{font-size:1.6rem;line-height:1.5;text-align:right;color:#222;}

@media screen and (max-width:1340px){
	.qna-flex-q{padding-right:3rem;}
	.qna-flex .image{width:14vw;}
	.qna-flex-a br{display:none;}
	.qna-list .upper{font-size:4.4rem;}
}
@media screen and (max-width:960px){
	.qna-flex{display:block;}
	.qna-flex-q br{display:none;}
	.qna-flex-q .text{flex-shrink:1;}
}
@media screen and (max-width:720px){
	.qna-flex .image{width:16vw;}
	.qna-flex-a{margin-top:1rem;}
	.qna-flex-a .text{font-size:13px}

}
@media screen and (max-width:540px){

	.qna-list dt a{padding:3rem 7rem;}
	.qna-list dt a::after{right:2.4rem;}
	.qna-list dt .upper{left:2.4rem;}
	.qna-list dd{padding:2.4rem;}
	.qna-flex-q{display:none !important}
	.qna-list dt a,.qna-flex-q .text{font-size:16px}
	.qna-flex-a{margin-top:0;}
	.qna-flex-a .text{text-align:left;}
}

.guide-list{display:flex;justify-content:space-between;align-items:center;}
.guide-list > li{width:calc(50% - 2rem);height:62rem;display:flex;justify-content:center;align-items:center;flex-direction:column;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.guide-list > li.i1{background-image:url(../images/sub/sub_guide_bg1@2x.webp);}
.guide-list > li.i2{background-image:url(../images/sub/sub_guide_bg2@2x.webp);}
.guide-list > li.i3{background-image:url(../images/sub/sub_guide_bg3@2x.webp);}
.guide-list .guide-title{margin-bottom:4rem;font-size:3.6rem;font-weight:600;line-height:1.33;color:#fff;text-align:center;}
.guide-list .guide-btn a{display:inline-block;padding:1.6rem 2.4rem;border-radius:4px;background-color:#fff;font-size:1.6rem;font-weight:600;line-height:1.5;color:#222;}

@media screen and (max-width:1340px){
	.guide-list > li{height:calc(50vw - 5rem)}
	.guide-list .guide-title{font-size:2.81vw;}
}
@media screen and (max-width:720px){
	.guide-list > li{width:calc(50% - 1rem);}
	.guide-list .guide-btn a{font-size:13px}
}
@media screen and (max-width:540px){
	.guide-list{display:block;}
	.guide-list > li{width:100%;height:70vw}
	.guide-list > li + li{margin-top:2rem;}
	.guide-list .guide-title{font-size:22px;}
}