@charset "utf-8";

/* **************************************** *
 * RESET FILES
 * **************************************** */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,time,figure,article,nav,header,footer,hgroup,video,audio,aside,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
ol,ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption,th,td {text-align: left;font-weight: normal;}
figure,article,header,footer,nav,hgroup,video,audio,aside,main {display: block;}

/* reset mobile default style */
html{-ms-text-size-adjust: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;text-size-adjust: none;}
body,textarea:focus,input:focus,a:focus {-webkit-tap-highlight-color: rgba(135, 135, 135, .08);}
body{ -webkit-touch-callout: none;}

/* selection */
::-moz-selection {background: rgba(135, 135, 135, .35);color:#fff;}
::selection {background: rgba(135, 135, 135, .35);color:#fff;}
::-moz-selection {background: rgba(135, 135, 135, .35);color:#fff;}



/* **************************************** *
 * LAYOUT
 * **************************************** */
@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	src: url('../font/Pretendard-Regular.subset.woff2') format('woff2'),
         url('../font/Pretendard-Regular.subset.woff') format('woff');
}

html {font-size: 6.25%;}
body {overflow-x: hidden;font-family: 'Pretendard', sans-serif;font-size: 16rem;word-break: keep-all;color: #000;}



/* **************************************** *
 * COMING SOON
 * **************************************** */
.assist-section-wrap {width: 100vw;height: 100vh;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}

.assist-section {text-align: center;}
.assist-section h1 {font-size: 40rem;line-height: 1.33;font-weight: 400;}
.assist-section p {margin-top: 20rem;font-size: 16rem;line-height: 1.75;font-weight: 400;}
.assist-section__illust {max-width: 256rem;margin: 28rem auto 0;}
.assist-section__illust svg {display: block;width: 100%;height: auto;}

.jt-btn__underline {display: inline-block;position: relative;vertical-align: middle;padding: 14rem 26rem;font-size: 15rem;line-height: 1.86;font-weight: 600;color: #000;text-align: center;}
.jt-btn__underline > span {display: inline-block;position: relative;}
.jt-btn__underline > span:before, .jt-btn__underline > span:after {content: '';display: block;height: 2rem;position: absolute;bottom: 1rem;z-index: 2;-webkit-transition: width .4s;transition: width .4s;-webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);}
.jt-btn__underline > span:before {width: 100%;right: 0;background: #000;-webkit-transition-delay: .2s;transition-delay: .2s;}
.jt-btn__underline > span:after {width: 0;left: 0;background: #000;-webkit-transition-delay: 0s;transition-delay: 0s;}
.jt-btn__underline:hover > span:before {width: 0;-webkit-transition-delay: 0s;transition-delay: 0s;}
.jt-btn__underline:hover > span:after {width: 100%;-webkit-transition-delay: .2s;transition-delay: .2s;}



/* **************************************** *
 * RWD
 * **************************************** */
@media (min-width: 2000px){

    html {font-size: 0.05254860746190225vw;}

}

@media (max-width: 1480px){

    html {font-size: 0.06756756756756757vw;}

    .assist-section h1 {font-size: 36rem;}
    .assist-section p {font-size: 15rem;}

	.jt-btn__underline {font-size: 14rem;}
    .jt-btn__underline > span:before, .jt-btn__underline > span:after {bottom: 0;}

}

@media (max-width: 1023px){

    html {font-size: 0.09775171065493645vw;}

    .assist-section h1 {font-size: 30rem;}
    .assist-section p {margin-top: 15rem;font-size: 14rem;}
    .assist-section__illust {max-width: 230rem;margin: 20rem auto 0;}

	.jt-btn__underline {padding: 12rem 22rem;font-size: 13rem;}

}

@media (max-width: 860px){

    html {font-size: 0.13020833333333335vw;}
    body {font-family: sans-serif;}

    .assist-section h1 {font-size: 26rem;}
    .assist-section p {font-size: 13rem;}

	.jt-btn__underline {padding: 10rem 18rem;font-size: 12rem;}
    .jt-btn__underline > span:before, .jt-btn__underline > span:after {bottom: -1rem;}

}

@media (max-width: 540px){

    html {font-size: 0.26666666666666665vw;}

    .assist-section h1 {font-size: 20rem;}
    .assist-section p {margin-top: 10rem;}
    .assist-section__illust {max-width: 220rem;margin: 6rem auto 0;}

	.jt-btn__underline {padding: 8rem 10rem;}

}