@charset "utf-8";
/*------------------------------------------------------------------------------------------------------------------------------------------
	Company :Smilegate Megaport
 	CSS 적용순서 :아이디 > 태그와 클래스 > 클래스 > 태그
	CSS 선택자 선언순서 :Type Selector, Layout Selector, Class Selector, Etc
	CSS 속성 선언순서 :display, position, float/clear, overflow, width/height, margin/padding, border, background, color/font, align, etc
--------------------------------------------------------------------------------------------------------------------------------------------*/

@import url('https://static.smilegatemegaport.com/assets/fonts/Pretendard/pretendard.css');
@import url('https://static.smilegatemegaport.com/assets/fonts/NotoSansKR/NotoSansKR.css');


*, *:before, *:after {margin:0;padding:0;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;word-break:break-word;outline:0;-webkit-tap-highlight-color:transparent;}
:lang(ko) *, :lang(ko) *:before, :lang(ko) *:after {word-break:keep-all;white-space:normal;}
html,body {margin:0px;padding:0px;height:100%;font-size:100%;}
body {background-color:#fbfbfb;line-height:1.2;letter-spacing:-0.05em;color:#000;font-family:'Pretendard',sans-serif,'Noto Sans KR','Apple SD Gothic Neo', sans-serif; -webkit-text-size-adjust:none;word-break:keep-all;-webkit-overflow-scrolling: touch;}
address, article, aside, canvas, details, figure, figcaption, footer, header, hgroup, menu, nav, section {display:block\9;margin:0\9;padding:0\9;}
hr {display:none;}
caption {overflow:hidden;height:0px;font-size:0px;line-height:0px;}
img {max-width:100%;border:none; vertical-align:top;}
ol, ul, li, dl, dt, dd {list-style:none;padding:0;margin:0;}
table {table-layout:fixed;width:100%;border:0px; border-spacing:0px; border-collapse:collapse;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
th, td {border:0px;word-break:keep-all; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
fieldset {width:100%;border:0px;}
legend {position:absolute; left:-999em; top:-999em;}
frameset {border:0px;}
iframe {width:100%; border:0px;}
em, address,i {font-style:normal;}
button, a, input, label, textarea {border-radius:0;font-family:'Pretendard',sans-serif,'Noto Sans KR','Apple SD Gothic Neo', sans-serif;vertical-align:middle;outline:0;-webkit-tap-highlight-color: transparent;}
select {vertical-align:middle;}
button {overflow:visible;border:0px; background-color:transparent; cursor:pointer;outline:0;-webkit-tap-highlight-color: transparent;}
button::-moz-focus-inner {padding:0px;}
select, input, textarea {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
a {color:#000;text-decoration:none;-webkit-tap-highlight-color:transparent;}
input::-ms-clear,
input::-ms-reveal {display: none; width : 0; height: 0;}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration { display: none; }

.ir {display:block;overflow:hidden;height:0;width:0;margin:0;padding:0;font-size: 0;line-height: 0;}
.inner {position:relative;width:630px;margin:0 auto;}
.input-type {position:relative;}
.input-type .i-label {position:absolute;top:50%;left:30px;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:30px;color:rgba(33,33,33,.5);-webkit-transition:all 0.25s ease; transition:all 0.25s ease;}
/* .input-type .i-label.enter {margin:-70px 0 0 -30px;color:#000;font-size:24px;} */
.input-type .i-label.enter {display:none;font-size:0;}
.input-type .i-label.enter + input {border-color:#272727;}
.input-type .i-label.enter + input[readonly] {color:rgba(33,33,33,.5); border-color: #aeacac;}
/* .input-type .i-label[for=characterNameStove].enter {display:none;} */
.input-type input {width:630px;height:100px;padding:0 30px;background-color:#fff;border:1px solid #aeacac;font-size:30px;color:rgba(33,33,33,1);-webkit-transition:all 0.25s ease; transition:all 0.25s ease;}
.input-type input[disabled] {background-color: #dcdcdc; color:#959595}
.input-type.readonly input {background-color: #dcdcdc;}

.input-type .input-box {display:flex; align-items: center; width:630px;height:100px;padding:0 30px;background-color:#fff;border:1px solid #aeacac;font-size:30px;color:rgba(33,33,33,1);-webkit-transition:all 0.25s ease; transition:all 0.25s ease;}
.input-type .input-box.disabled {background-color: #dcdcdc; color:#959595}

.flex {display: flex; justify-content: flex-start; align-items: center;}

.agree-wrap {margin-top:40px;}
.agree-wrap .agree-tit {font-size:24px;font-weight:500;color:#2d2d2d;line-height:1;margin-bottom:10px; padding-bottom:20px; border-bottom:1px solid #aeacac;}
.agree-wrap .all-agree {margin-top:20px;margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #aeacac;}
.agree-wrap .check-list {margin:20px 0 40px;}
.checkbox-obj {display:flex; align-items: center; justify-content: space-between; margin-bottom:10px;}
.checkbox-obj .btn-view {display:flex; align-items: center; justify-content: center;width:108px;height:44px;background:#fff; border:1px solid #aeacac; font-size:22px;font-weight:500;color:#7b7b7b;}
.checkbox-obj .btn-view a {color:#7b7b7b;}
.checkbox-obj .checkbox-type {position:relative; display:inline-block; font-size:30px;color:#52401b;font-weight:300;}
.checkbox-obj .checkbox-type + .checkbox-type {margin-top:10px;color:rgba(0,0,0,.6);}
.checkbox-obj .checkbox-type + .checkbox-type .description {color:rgba(0,0,0,.6);}
 
input[type="checkbox"] {position:absolute;top:0;left:0;opacity:0;vertical-align:middle; cursor:pointer;}
input[type="checkbox"] + .description {display:flex;align-items: center;max-width:510px; position:relative;color:#2d2d2d;font-size:22px;font-weight:300;line-height:1; cursor:pointer;vertical-align:middle;}
input[type="checkbox"] + .description:before {flex-shrink: 0; content:"";display:inline-block;width:42px;height:42px;margin-right:18px;background:#e1e1e1 url('../images/term_check_icon.png') no-repeat center; border:1px solid #bfbfbf;vertical-align:middle;}
input[type="checkbox"]:checked + .description:before {background-color:#f0782a; border:1px solid #f0782a;}


#stoveGnbWrap {position:relative; z-index:10;}

#wrapper {position:relative;min-height:100%;margin:0 auto;background:#f0f3f4 url(../images/term_header.png) no-repeat top center;}
#header {padding:49px 0 270px;-webkit-transition:all 0.25s ease; transition:all 0.25s ease;}
.logo {display:block;width:25.625rem;height:9.8125rem;margin:0 auto 10rem;background: url(../images/logo.png) no-repeat;background-size:contain;text-indent:-9999em;-webkit-transition:all 0.25s ease; transition:all 0.25s ease;}
:lang(zh-TW) .logo {background-image: url(../images/logo_tw.png);}
:lang(ja) .logo {background-image: url(../images/logo_ja.png);}

.btn {width:100%;height:100px;background-color:#ff5500;font-size:36px;font-weight:700;color:#fff;}
a.btn {line-height:100px;}
.btn-gray {background-color:#3f3f3f;}
.btn-caution {font-size:24px;color:rgba(66,66,66,.8);text-decoration:underline;}
.btn.btn-text {background-color: transparent; color: #2d2d2d; font-size: 24px; font-weight: 500; letter-spacing: -0.04em;}
.btn.btn-text em {display: inline-block; position: relative; line-height: 1.4;}
.btn.btn-text em:before {display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all .2s ease-out; transition: all .2s ease-out; -webkit-transform-origin: center center; transform-origin: center center; content:""; background-color: #2d2d2d;}
.btn.btn-text:hover em:before {-webkit-transform: scale(1); transform: scale(1);}
.overflow-wrap {width:100%; overflow: hidden; margin-bottom:0.7rem;}
.overflow-wrap .btn-back {float:left; display:flex; align-items:center;}
.overflow-wrap .btn-back span {display: inline-block; font-size: 24px; font-weight: 500; color: #424242; letter-spacing: -0.04em; border-bottom: 1px solid #424242;}
.overflow-wrap .btn-dtl {float:right; display:flex; align-items: center;}
.overflow-wrap .btn-dtl span {display:inline-block; font-size:24px;font-weight:500;color:#2d2d2d;border-bottom:1px solid #2d2d2d;letter-spacing: -0.02em;}
.overflow-wrap .btn-dtl::after {content:""; display:inline-block; width:1.5625rem;height:1.5625rem;background: url(../images/icon_detail.png) no-repeat; background-size:100% auto;text-indent:-9999em; margin-left:0.4rem;}

.btn-other-server {margin-bottom:20px;}
.btn-other-server em{display: inline-block; font-size: 24px; font-weight: 500; color: #424242; letter-spacing: -0.04em; border-bottom: 1px solid #424242;}

.btn-other-char {margin-top:20px; width: 100%;}
.btn-other-char em{display:inline-block; font-size: 24px; font-weight: 500; color: #424242; letter-spacing: -0.04em; border-bottom: 1px solid #424242;text-align: center;}


.term-container {display:none;}
.term-container.on {display:block;}
.term-container#gate  {margin-bottom:50px;}
.term-container#gate .btn-area {margin-top: 0;}
.term-container#stove .input-type {margin-top: 50px;}
.term-char-info .input-type {margin-bottom: 10px;}

#termCharCodeResult .code-result .input-type.no-char-status {display:none;}
#termCharCodeResult .code-result#noChar .term-char-info .input-type {display:none;}
#termCharCodeResult .code-result#noChar .term-char-info .input-type.nation {display:block;}
#termCharCodeResult .code-result#noChar .term-char-info .input-type.no-char-status {display:block;}
#termCharCodeResult .code-result#noChar .btn-area {display:none;}


#termNotAgreeUser .btn-area {display: flex; align-items: center; justify-content: space-between; gap: 10px;}
#termNotAgreeUser .btn-area .btn {font-size:22px; height:72px;}
#termNotAgreeUser .btn-area .btn.not-agree {background-color: #000;}
#termNotAgreeUser .btn-area .btn em {font-size:22px;}
#termNotAgreeUser .not-agree-txt { display: flex; align-items: center; font-size:22px; color:#69676e; margin-top:20px; font-weight: 400; }
#termNotAgreeUser .not-agree-txt em {display:inline-block; width:1.5625rem;height:1.5625rem;background: url(../images/caution_icon.png) no-repeat; background-size:100% auto; margin-right:5px;}



.notice-container {text-align: center;}
.notice-tit {font-size: 40px;font-weight: 700;color: #000;line-height: 46px;margin-bottom: 20px;}
.go-notice {display: flex;align-items: center;justify-content: center;width: 320px;height: 56px;margin: 0 auto;background-color: #fff;border: 1px solid #c2c3c3;color: #2d2d2d;font-size: 22px;font-weight: 600;line-height: 1;}

.step-view {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 630px;
    margin: 40px auto 50px;
}

.step-view .step {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 185px;
    gap: 14px;
}

.step-view .step .step-item-icon {
    position: relative;
    display: block;
    width: 65px;
    height: 65px;
    background: #919191;
    border-radius: 60px;
}

.step-view .step .step-item-icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 27px;
    height: 34px;
    background: url('../images/term_step.png') no-repeat 0 0;
    background-size: contain;
}

.step-view .step .step-item-icon::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    width: 210px;
    height: 1px;
    background: #aeaeae;
    z-index: 0;
}

.step-view .step:last-child .step-item-icon::after {
    display: none;
}

.step-view .step .step-item-tit {
    text-align: center;
    line-height: 1.2;
    color: #000;
    font-size: 22px;
    font-weight: 500;
}

/* S1 상태 */
.step-view#s1 .step-item-1 .step-item-icon {
    background: #ff5722;
}

.step-view#s1 .step-item-1 .step-item-icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 36px;
    height: 36px;
    background: url('../images/term_step_ing.png') no-repeat 0 0;
    background-size: contain;
    animation: rotate360 2s linear infinite;
}

.step-view#s1 .step-item-2 .step-item-icon {
    background: #919191;
}

.step-view#s1 .step-item-3 .step-item-icon {
    background: #919191;
}

/* S2 상태 */
.step-view#s2 .step-item-1 .step-item-icon {
    background: #4e4e4e;
}

.step-view#s2 .step-item-1 .step-item-icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 31px;
    height: 27px;
    background: url('../images/term_step_comp.png') no-repeat 0 0;
    background-size: contain;
}

.step-view#s2 .step-item-1 .step-item-icon::after {
    background: #000;
}

.step-view#s2 .step-item-2 .step-item-icon {
    background: #ff5722;
}

.step-view#s2 .step-item-2 .step-item-icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 36px;
    height: 36px;
    background: url('../images/term_step_ing.png') no-repeat 0 0;
    background-size: contain;
    animation: rotate360 2s linear infinite;
}

.step-view#s2 .step-item-3 .step-item-icon {
    background: #919191;
}

/* S3 상태 */
.step-view#s3 .step-item-1 .step-item-icon {
    background: #4e4e4e;
}

.step-view#s3 .step-item-1 .step-item-icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 31px;
    height: 27px;
    background: url('../images/term_step_comp.png') no-repeat 0 0;
    background-size: contain;
}

.step-view#s3 .step-item-1 .step-item-icon::after {
    background: #000;
}

.step-view#s3 .step-item-2 .step-item-icon {
    background: #4e4e4e;
}

.step-view#s3 .step-item-2 .step-item-icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 31px;
    height: 27px;
    background: url('../images/term_step_comp.png') no-repeat 0 0;
    background-size: contain;
}

.step-view#s3 .step-item-2 .step-item-icon::after {
    background: #000;
}

.step-view#s3 .step-item-3 .step-item-icon {
    background: #ff5722;
}

.step-view#s3 .step-item-3 .step-item-icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 36px;
    height: 36px;
    background: url('../images/term_step_ing.png') no-repeat 0 0;
    background-size: contain;
    animation: rotate360 2s linear infinite;
}

@keyframes rotate360 {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.caution-container {display: block; position: relative; margin-top: 50px;}
.caution-container .tit {display: block; position: relative; color: #696a6a; font-size: 20px; font-weight: 600; line-height: 30px; letter-spacing: -0.04em;}
.caution-container .list {display: block; position: relative; margin-top: 10px;}
.caution-container .list li {display: flex; position: relative;  color: #5a5a5a; font-size: 18px; font-weight: 300; line-height: 28px; letter-spacing: -0.04em;}
.caution-container .list li span {margin-right: 5px;}
/* .caution-container .list li::before {content: '-'; display: inline-block; position: relative; padding-left: 10px; color: #5a5a5a; font-size: 18px; font-weight: 400; line-height: 28px; letter-spacing: -0.04em;} */

.section.form {padding:0 0 95px;}
.section.form .txt-info {margin:12px 0 50px;padding-left:32px;color:#69676e;font-size:20px;}
.section.form .txt-info:before {content:"";display:inline-block;width:25px;height:25px;margin:0 5px 0 -32px;background: url(../images/spr_icons.png) no-repeat 0 0;vertical-align:-5px;}
.section.form .btn-area {margin-top:20px;}
.section.form .btn-caution {float:right;margin-top:10px;}

.selectbox-type {position:relative;}
.selectbox-type select {width: 630px;height: 100px;}
.selectbox-type .i-label {position:absolute;top:50%;left:30px;z-index:10;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:30px;color:rgba(33,33,33,.5);-webkit-transition:all 0.25s ease; transition:all 0.25s ease;}
/* .selectbox-type .i-label.enter {margin:-70px 0 0 -30px;color:#000;font-size:24px;} */
.selectbox-type .i-label.enter {display:none;font-size:0;}
#guest .selectbox-type .i-label.enter {display: none;}
#guest .btn-caution {display: none;}
#guest {margin-bottom:2rem;}
.selectbox-type .i-label.enter + .chosen-container-active.chosen-with-drop .chosen-single {border-color:#272727;}

.selectbox-type .chosen-container {height: 100px;}
.selectbox-type .chosen-container-single .chosen-single {display:flex;align-items: center;height:100%;padding: 0 30px;background: #fff;border-radius:0;box-shadow: inherit;;color:rgba(33,33,33,1);font-size:28px;}
.selectbox-type .chosen-container-single .chosen-single span {line-height: 1.1;}
.selectbox-type .chosen-container-active.chosen-with-drop .chosen-single {border-color:#272727;box-shadow: inherit;;background: #fff;;}
.selectbox-type .chosen-container-single .chosen-default span {opacity:0;}
.selectbox-type .chosen-container-single.chosen-with-drop .chosen-default span {opacity:1;}
.selectbox-type .chosen-container-single .chosen-single div b {position:absolute;top:50%;right:36px;width:23px;height:17px;transform: translateY(-50%) rotate(0);background: url(../images/spr_icons.png) no-repeat 0 -32px;-webkit-transition:all 0.25s ease; transition:all 0.25s ease;}
.selectbox-type .chosen-container-active.chosen-with-drop .chosen-single div b {width:23px;height:17px;transform:translateY(-50%) rotate(180deg);background: url(../images/spr_icons.png) no-repeat 0 -32px;}
.selectbox-type .chosen-container-single .chosen-drop {border-radius: 0;border:1px solid #272727;}
.selectbox-type .chosen-container.chosen-with-drop .chosen-drop {padding:11px 0;}
.selectbox-type .chosen-container .chosen-results li {line-height:80px;padding:0 30px;font-size:28px;color:#2d2d2d;}
.selectbox-type .chosen-container .chosen-results li.highlighted {background:none;color:#2d2d2d;}
.selectbox-type .chosen-container .chosen-results li.result-selected {font-weight:bold;background:none;color:#2d2d2d;}
.selectbox-type .chosen-container .chosen-results {max-height:406px;}
.selectbox-type .chosen-container-single.chosen-container-single-nosearch .chosen-search {display:none;}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity:.5;}
/* 
footer {padding:90px 0 48px;background-color:#fbfbfb;text-align:center;}
footer .row {display:flex;justify-content: space-between;width:100%;margin-bottom:26px;}
footer address {font-style: normal;color:rgba(0,0,0,.3);}
footer .bi {display:block;}
footer .bi .sgp {display:inline-block;width:148px;height:100%;background: url(../images/bi_sgp.png) no-repeat 0 50%;background-size:contain;text-indent:-9999em;}
footer .bi .yostar {display:none;width:146px;height:51px;margin-left:1rem;background: url(../images/bi_yostar.png) no-repeat 0 0;background-size:contain;text-indent:-9999em;}
footer .yostar {display:none;}
:lang(ja) footer .bi .yostar {display:inline-block;}
:lang(ja) footer address .yostar {display:block;}
 */







/* .select-lang {position:relative;z-index:1000;border:1px solid #aeacac;}
.select-lang .btn-lang {display:flex;align-items: center;position:relative;width:286px;height:64px;padding:0 40px 0 20px;background-color:#fff;font-size: 24px;text-align:left;}
.select-lang .btn-lang:before {content:"";display:block;width:27px;height:27px;margin-right:8px;background: url(../images/ico_earth.png) no-repeat left center;background-size:contain;}
.select-lang .btn-lang em {display:block;height:100%;line-height:62px;font-size:24px;color:rgba(0,0,0,.8);font-weight:500;}
.select-lang .btn-lang:after {content:"";display:block;position:absolute;top:50%;right:14px;width:16px;height:11px;margin-top:-5px;transform: rotate(0);background: url(../images/ico_select.png) no-repeat;background-size:contain;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;}
.select-lang.open {border-color:#272727;}
.select-lang.open .btn-lang:after {transform: rotate(-180deg);}
.select-lang .list-lang {display:none;position:absolute;bottom:66px;left:-1px;right:-1px;background-color:#fff;border:1px solid #272727;}
.select-lang .list-lang li {text-align:left;}
.select-lang .list-lang li:first-child {border-top:0;}
.select-lang a {display:block;height:60px;line-height:60px;padding:0 22px;font-size:24px;color:#2d2d2d;font-weight:400;}
.select-lang .current a {font-weight:700;} */

/* popup */
body.dimmed {overflow:hidden;position: fixed;width:100%;height:100%;}
body.dimmed:before {content:"";display:block;position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.7);z-index:10000;}
body.dimmed #wrapper {position:relative;top:0;}
.popup {display:table;position:fixed;top:50%; left:50%; width:90%;max-width:33.125rem; height:18.75rem;  background-color:#fff; border:0;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:all 0.25s ease; transition:all 0.25s ease;z-index:-1;opacity:0;}
.popup.show {opacity:1; -webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:100001;}
.popup .popup-inner {display:table-cell;width:100%;height:100%;padding:0 0 6.25rem;vertical-align:middle;text-align:center;padding:0 2rem 6.25rem 2rem;}
.popup .popup-cont {font-size:1.5rem;color:#191919;line-height:2.125rem;}
.popup .popup-cont .align-l {display:inline-block;text-align:left;margin-top:1rem;}

.popup .popup-inner .name {display:block;width:100%;min-height:4.625rem;line-height:4.625rem;background:url(../images/bg_name.png) no-repeat center;background-size:auto 100%;font-size:0.75rem;color:#d3bf9f;}
.popup .popup-footer {position:absolute;left:0;bottom:2.5rem;width:100%;text-align:center;}
.popup .popup-footer .btn {display:inline-block;width:14.375rem;height:3.813rem;line-height:3.813rem;border-radius:2rem;font-size:1.375rem;color:#fff;}
.popup .popup-footer .btn:only-child {width:15.625rem;}
.popup .popup-footer .btn + .btn {margin-left:0.375rem;}
.popup .btn-close {position:absolute;top:20px;right:30px;width:30px;height:31px;background: url(../images/spr_icons.png) no-repeat -68px -49px;text-indent:-9999em;}

.popup-caution {padding:30px 0 22px;}
.popup-caution h4 {display:inline-block;padding-bottom:4px;margin-bottom:20px;border-bottom:1px solid #191919;font-size:36px;}
.popup-caution .txt-caution {padding:.9375rem;background-color:#f6f6f6;font-size:1.125rem;color:#5a5a5a;font-weight:300;text-align:left;}
.popup-caution .txt-caution li {padding-left:0.625rem;}
.popup-caution .txt-caution li em {margin-left:-0.625rem;margin-right: 0.375rem;}

.popup.agreement {display: block;height:auto; width:660px; max-width:660px;max-height:80%; overflow-y: auto;} 
.popup.agreement .popup-cont-title {display:flex; align-items: center; justify-content: center; width:100%;font-size:28px;font-weight:600;line-height:28px; height:80px; background-color: #393939; color:#fff;}
.popup.agreement .popup-inner {padding:40px;text-align: left;}
.popup.agreement .popup-inner p { color:#232323; font-size:22px;}
.popup.agreement .popup-inner p a { color:#00b6d5; text-decoration: underline;}
.popup.agreement .popup-inner p em {color:#ff5500; font-weight:600;}
.popup.agreement .popup-inner ul {margin:20px 0px; padding-left:10px;}
.popup.agreement .popup-inner ul li {position:relative; color:#232323; font-size:22px; padding-left:10px;}
.popup.agreement .popup-inner ul li::before {content: ''; display: inline-block; position: absolute; top:1rem; left:0; width:3px; height:3px; background-color: #5a5a5a;}
.popup.agreement .popup-close {position:absolute;top:20px;right:20px;}
.popup.agreement .popup-close button {display:block;width:40px;height:40px;background: url(../images/term_pop_close.png) no-repeat center;text-indent:-9999em;}


:lang(en) #termNotAgreeUser .btn-area .btn em {font-size:20px;}
:lang(en) .popup.agreement .popup-cont-title {font-size:24px;}
    
:lang(zh-TW) .logo {background-image: url(../images/logo_tw.png); width:22.75rem; height:10.25rem;}

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


}

@media screen and (max-width:640px) {
	html {font-size:20px;}
	#wrapper {background-size:auto 22.75rem;}
	#header {padding:1.3125rem 0 10.375rem;}
	.logo {width:11.8125rem;height:5.25rem; margin:0 auto 4rem;}
	.inner {width:19.6875rem;}

	#wrapper.g-star {background-image: url(../images/bg_visual_gstart_m.jpg);}
	#wrapper.g-star #header {padding:1.1875rem 0 1.75rem;}
	.g-star .logo {width:12.3125rem;height:14.5625rem;}

	.btn {height:3.125rem;font-size:1.125rem;}
	.btn.btn-text {font-size:1rem;}
	.btn-caution {font-size:.75rem;}
	.overflow-wrap .btn-back span {font-size: .85rem;}
	.overflow-wrap .btn-dtl span {font-size:.85rem;}
	.overflow-wrap .btn-dtl::after {width:0.85rem;height:0.85rem;}
    .step-view .step .step-item-icon::before {width:1.3rem !important; height:1.3rem !important; background-position: center 0!important;}
    .step-view#s2 .step-item-1 .step-item-icon::before,
    .step-view#s3 .step-item-1 .step-item-icon::before,
    .step-view#s3 .step-item-2 .step-item-icon::before {background-position: center !important;}
    .step-view .step .step-item-icon::after {width:6rem;}
    .step-view .step .step-item-tit {font-size:0.8rem;}

    .btn-other-server em {font-size:1rem;}
    .btn-other-char em {font-size:1rem;}
    .notice-tit {font-size: 1.35rem; margin-bottom: 1.3rem; line-height:1.5rem;}
    .go-notice {width: 13rem;height:3rem;font-size: 1rem;}
    .step-view {width:100%; margin:2rem 0 2rem;}
    .step-view .step {width:4rem;}
    .step-view .step .step-item-icon {width:3rem; height:3rem;}
    #termNotAgreeUser .btn-area {gap:0.3rem;}
    #termNotAgreeUser .btn-area .btn { height:3rem;}
    #termNotAgreeUser .btn-area .btn {font-size:0.7rem;}
    #termNotAgreeUser .btn-area .btn em {font-size:0.7rem;}
    #termNotAgreeUser .not-agree-txt {font-size:0.8rem;}
    #termNotAgreeUser .not-agree-txt em {width:1rem; height:1rem; background-size: 100% auto;}

	.input-type input {width:19.6875rem;height:3.125rem;padding:0 0.875rem;font-size:0.875rem;}
	.input-type .i-label {left:0.875rem;font-size:0.875rem;}
	/* .input-type .i-label.enter {margin: -2.1875rem 0 0 -0.9375rem;font-size:.75rem;} */
	.input-type .i-label.enter {display:none;font-size:0;}


    .input-type .input-box {width:19.6875rem;height:3.125rem;padding:0 0.875rem;font-size:0.875rem;}


	.section.form {padding-bottom:2.9375rem;}
	.section.form .txt-info {margin:0.375rem 0 1.5625rem;padding-left: 1rem;font-size:0.6875rem;}
	.section.form .txt-info:before {width:0.78125rem;height:0.78125rem;margin: 0 0.15625rem 0 -1rem;background-size:3.0625rem auto;vertical-align: -0.125rem;}
	.section.form .btn-area {margin-top:.5rem;}

	.selectbox-type select{width:19.6875rem;height:3.125rem;font-size:0.875rem;}
	.selectbox-type .i-label {left:0.875rem;font-size:0.875rem;}
	.selectbox-type .i-label.enter {margin: -2.1875rem 0 0 -0.9375rem;font-size:.75rem;}
	.selectbox-type .chosen-container {height: 3.125rem;}
	.selectbox-type .chosen-container-single .chosen-single {height: 3.125rem;padding: 0 0.875rem;font-size: 0.875rem;}
	.selectbox-type .chosen-container-single .chosen-single div b,
	.selectbox-type .chosen-container-active.chosen-with-drop .chosen-single div b {right:1.125rem;width:0.75rem;height:0.5625rem;background-position:0 -1rem;background-size: 3.0625rem auto;}
	.selectbox-type .chosen-container.chosen-with-drop .chosen-drop {padding:0.375rem 0;}
	.selectbox-type .chosen-container .chosen-results li {line-height:2.5rem;padding: 0 0.9375rem;font-size: 0.875rem;}

	/* footer {padding: 2.8125rem 0 1.375rem;}
	footer address {font-size:.625rem;}
	footer .inner {width:90%;}
	footer .bi .sgp {width:5.25rem;}
	:lang(ja) footer .bi .yostar {width:4.5625rem;height:1.59375rem;margin-left:.5rem;}
	footer .row {margin-bottom:0.8125rem;} */

	/* .select-lang .btn-lang {width:8.9375rem;height:2rem;padding:0 .625rem;font-size:.75rem;}
	.select-lang .btn-lang:before {width:0.84375rem;height:0.84375rem;}
	.select-lang .btn-lang em {width:4.375rem;font-size:0.5625rem;line-height:2rem;}
	.select-lang .btn-lang:after {right:0.625rem;width:.75rem;height:0.375rem;}
	.select-lang a {display:block;height:2rem;padding:0 .625rem;line-height:2rem;font-size:0.5625rem;}
	.select-lang .list-lang {bottom:2.0625rem;} */

	.popup {max-width:19.6875rem;height:auto;min-height:9.375rem;}
	.popup .popup-inner {padding:1.5rem 0 4.25rem;}
	.popup .popup-cont {font-size:.75rem;line-height:1.6;}
	.popup-caution {padding:0;}
	.popup-caution h4 {font-size:1.25rem;}
	.popup-caution .txt-caution {padding:.75rem .5rem;}
	.popup-caution .txt-caution li {font-size:.75rem;}
	.popup-caution .txt-caution li em {margin-left: -0.25rem;}
	.popup .popup-footer {bottom:1.25rem;}
	.popup .popup-footer .btn {width:7.1875rem;height:2rem;line-height:2rem;font-size:.75rem;}
	.popup .popup-footer .btn:only-child {width:7.8125rem;}
	.popup .btn-close {top:.625rem;right:1rem;width:1rem;height:1rem;background-position:100% 100%;background-size:3.0625rem auto;}

	.caution-container .tit {font-size: 0.6875rem; line-height:normal;}
	.caution-container .list li {font-size: 0.6875em; line-height:1.4;}



    .agree-wrap {margin-top:2rem;}
    .agree-wrap .agree-tit {font-size:1rem;margin-bottom:1rem; padding-bottom:0.8rem; }
    .agree-wrap .all-agree {margin-top:0.8rem;margin-bottom:0.8rem; padding-bottom:0.8rem; }
    .agree-wrap .check-list {margin:1rem 0 2rem;}
    .checkbox-obj {margin-bottom:1rem;}
    .checkbox-obj .btn-view {width:3rem;height:2rem; font-size:0.7rem;flex-shrink: 0;}
    .checkbox-obj .checkbox-type {font-size:0.7rem;}
    .checkbox-obj .checkbox-type + .checkbox-type {margin-top:1rem;color:rgba(0,0,0,.6);}
    .checkbox-obj .checkbox-type + .checkbox-type .description {color:rgba(0,0,0,.6);}
     
    input[type="checkbox"] + .description {max-width:17rem;font-size:0.8rem;}
    input[type="checkbox"] + .description:before {width:1.4rem;height:1.4rem;margin-right:0.3rem;background:#e1e1e1 url('../images/term_check_icon.png') no-repeat center; background-size:100% auto;}

    
    .popup.agreement {max-width:18.4375rem;} 
    .popup.agreement .popup-cont-title {font-size:1rem;line-height:2rem; height:3rem;}
    .popup.agreement .popup-inner {padding:1.2rem;}
    .popup.agreement .popup-inner p {font-size:0.8rem;}
    .popup.agreement .popup-inner ul {margin:1rem 0px; padding-left:0.7rem;}
    .popup.agreement .popup-inner ul li {font-size:0.7rem; padding-left:0.5rem;}
    .popup.agreement .popup-inner ul li::before { top:0.5rem; width:0.1rem; height:0.1rem;}
    .popup.agreement .popup-close {top:1rem;right:1rem;}
    .popup.agreement .popup-close button {width:1rem;height:1rem;background: url(../images/term_pop_close.png) no-repeat center; background-size: 100% auto;}




	:lang(en) .inner {width:20.6875rem}
	:lang(en) .popup.agreement .popup-cont-title {font-size:0.65rem; letter-spacing:0;}
	:lang(en) input[type="checkbox"] + .description {max-width:17rem;font-size:0.8rem; line-height:1.1rem;}

    :lang(ja) .agree-wrap .agree-tit {font-size:0.8rem; font-weight:600;}
    :lang(ja) .popup.agreement .popup-cont-title {font-size:0.8rem;}
	:lang(zh-TW) .logo {width:11.8125rem;height:5.25rem; margin:0 auto 4rem;}

}

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

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


#footer {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 100;
    width: 100%;
    text-align: center;
  }
  
  #footer .policy {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    max-width: 1200px;
    text-align: left;
    padding: 2rem 0 0;
  }
  
  #footer .policy a {
    color: #bbb;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0;
    text-decoration: underline;
  }
  
  footer {
    font-size: 11.5px;
    color: #eceff2;
    background-color: #121212;
  }
  
  footer .inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    max-width: 1200px;
    text-align: left;
    padding: 1rem 0rem 2rem;
  }
  
  footer .logo-area {
    margin-right: 4rem;
  }
  
  footer .logo-area span {
    display: inline-block;
    text-indent: -9999em;
  }
  
  footer .logo-area span + span {
    margin-left: 30px;
  }
  
  footer .logo-area .sgp {
    width: 133px;
    height: 36px;
    background: url("../images/footer_logo.png") no-repeat center;
    background-size: 100% auto;
  }
  
  footer .logo-area .sg {
    width: 130px;
    height: 26px;
    background: url("../images/footer_logo_sg.png") no-repeat center;
    background-size: 100% auto;
  }
  
  footer .logo-area .vagames {
    width: 117px;
    height: 20px;
    background: url("../images/footer_logo_dev.png") no-repeat center;
    background-size: 100% auto;
  }
  
  footer .logo-area .copyright {
    display: block;
    letter-spacing: 0;
    color: #eceff2;
    margin-left: 1.25rem;
  }
  
  footer .age-area {
    height: 72px;
  }
  
  /* footer .age-area .age {
    width: 72px;
    height: 72px;
    background: url("../images/zh-TW/age.png") no-repeat center;
    background-size: 100% auto;
  } */
  
  footer .age-area ul {
    height: 100%;
    margin-left: 1rem;
    text-align: left;
  }
  
  footer .age-area ul li {
    font-size: 0.875rem;
    color: #eceff2;
    line-height: 1.2em;
  }
  
  footer .select-lang {
    z-index: 10;
    position: absolute;
    top: 50%;
    right: 2rem;
    transform: translateY(-50%);
    width: 160px;
    border: 1px solid #000;
  }
  
  footer .select-lang::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0.6rem;
    width: 1.25rem;
    height: 1.25rem;
    background: url("../images/icon_earth.png") no-repeat;
    background-size: 100% auto;
    z-index: 10;
    transform: translateY(-50%);
  }
  
  footer .select-lang .btn-lang {
    position: relative;
    width: 160px;
    padding: 0 30px 0 38px;
    background-color: #272831;
    text-align: left;
  }
  
  footer .select-lang .btn-lang em {
    display: block;
    height: 100%;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
  }
  
  footer .select-lang .btn-lang:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 14px;
    width: 9px;
    height: 5px;
    margin-top: -1px;
    transform: rotate(0);
    background: url("../images/ico_select2.png") no-repeat;
    background-size: contain;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  
  footer .select-lang .btn-lang.fold:after {
    transform: rotate(-180deg);
  }
  
  footer .select-lang .list-lang {
    display: none;
    position: absolute;
    bottom: 40px;
    left: -1px;
    right: -3px;
    background-color: #272831;
    border: 1px solid #000;
  }
  
  footer .select-lang .list-lang li {
    border-top: 1px solid #000;
    text-align: left;
  }
  
  footer .select-lang .list-lang li:first-child {
    border-top: 0;
  }
  
  footer .select-lang a {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    font-size: 16px;
    color: #c0c0c0;
    font-weight: 500;
  }
  
  footer .select-lang .current a {
    color: #fff;
  }
  
  .pc footer .select-lang a:hover {
    color: #fff;
  }
  
  :lang(zh-TW) footer .inner {
    padding: 1rem 0rem 2rem;
  }
  
  :lang(zh-TW) footer .logo-area {
    margin-right: 4rem;
    flex-direction: column;
    align-items: flex-start;
  }
  
  :lang(zh-TW) footer .logo-area .copyright {
    margin-left: 0;
    margin-top: 1rem;
  }
  
  :lang(zh-TW) footer .select-lang {
    top: 2rem;
    transform: unset;
  }
  
  @media screen and (max-width: 960px) {
    #footer {
      height: auto;
      min-height: auto;
      padding: 2rem 0 2rem;
      font-size: 0.375rem;
    }
    #footer .policy {
      max-width: 90%;
      padding: 0 0.625rem 1rem;
      text-align: center;
      justify-content: center;
    }
    footer {
      padding: 1.5rem 0;
    }
    footer .logo-area {
      margin-right: 0;
    }
    footer .inner {
      max-width: 90%;
      padding: 0rem;
      text-align: center;
      flex-direction: column;
    }
    footer .logo-area .sgp {
      width: 4.5rem;
      height: 1.125rem;
    }
    footer .logo-area .sg {
      width: 7.6rem;
      height: 1.6rem;
      margin-right: 0.6rem;
    }
    footer .logo-area .vagames {
      width: 6rem;
      height: 1.3rem;
    }
    footer .logo-area span + span {
      margin-left: 1rem;
    }
    footer .logo-area .superCreative {
      width: 5.1rem;
      height: 1.125rem;
      margin-left: 0;
    }
    footer .logo-area .copyright {
      font-size: 0.625rem;
    }
    footer .select-lang {
      width: 9rem;
      margin-left: unset;
      position: relative;
      transform: unset;
      top: unset;
      right: unset;
      margin-bottom: 1rem;
    }
    footer .select-lang::before {
      left: 0.6rem;
      width: 1rem;
      height: 1rem;
    }
    footer .select-lang .btn-lang {
      width: 100%;
      padding: 0 0.625rem 0 2rem;
    }
    footer .select-lang .btn-lang em {
      font-size: 0.7625rem;
      line-height: 1.875rem;
    }
    footer .select-lang .btn-lang:after {
      right: 0.625rem;
    }
    footer .select-lang a {
      display: block;
      height: 1.875rem;
      padding: 0 0.625rem;
      line-height: 1.875rem;
      font-size: 0.7625rem;
    }
    footer .select-lang .list-lang {
      bottom: 1.875rem;
    }
    :lang(zh-TW) footer .select-lang {
      top: 0;
    }
    :lang(zh-TW) footer .inner {
      padding: 0;
    }
    :lang(zh-TW) footer .logo-area {
      align-items: center;
      margin-right: 0;
      margin-bottom: 2rem;
    }
    :lang(zh-TW) footer .age-area {
      height: auto;
    }
    :lang(zh-TW) footer .age-area .age {
      width: 4rem;
      height: 4rem;
    }
    :lang(zh-TW) footer .age-area ul {
      height: 4rem;
    }
    :lang(zh-TW) footer .age-area ul li {
      font-size: 0.6rem;
    }
  }
  @media screen and (max-width: 540px) {
    footer .logo-area {
      flex-direction: column;
    }
    footer .logo-area .copyright {
      margin-left: 0;
      margin-top: 1rem;
    }
    :lang(zh-TW) footer .inner {
      width: 80%;
    }
    :lang(zh-TW) footer .age-area .age {
      width: 14vw;
      height: 14vw;
    }
  }
  @media screen and (max-width: 320px) {
    footer .select-lang .btn-lang {
      width: 6.25rem;
    }
  }

/**
 * Swiper 5.3.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 11, 2020
 */

 @font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}


/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.8.7
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2018 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
.chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.chosen-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.chosen-container .chosen-drop{position:absolute;top:100%;z-index:1010;width:100%;border:1px solid #aaa;border-top:0;background:#fff;-webkit-box-shadow:0 4px 5px rgba(0,0,0,.15);box-shadow:0 4px 5px rgba(0,0,0,.15);clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}.chosen-container.chosen-with-drop .chosen-drop{clip:auto;-webkit-clip-path:none;clip-path:none}.chosen-container a{cursor:pointer}.chosen-container .chosen-single .group-name,.chosen-container .search-choice .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999}.chosen-container .chosen-single .group-name:after,.chosen-container .search-choice .group-name:after{content:":";padding-left:2px;vertical-align:top}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:25px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),to(#f4f4f4));background:linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;-webkit-box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;font-size:1em;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}.chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px;width:100%;height:auto;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#eee),color-stop(15%,#fff));background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:0;height:25px;outline:0;border:0!important;background:0 0!important;-webkit-box-shadow:none;box-shadow:none;line-height:normal;border-radius:0;width:25px}.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 5px 3px 0;padding:3px 20px 3px 5px;border:1px solid #aaa;max-width:100%;border-radius:3px;background-color:#eee;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-size:100% 19px;background-repeat:repeat-x;background-clip:padding-box;-webkit-box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;border-bottom-right-radius:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#eee),color-stop(80%,#fff));background-image:linear-gradient(#eee 20%,#fff 80%);-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:none;background:0 0}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#000!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:none}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx){.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span,.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container-single .chosen-search input[type=text]{}}