/*-------------------------------------------------------------------------------------*
 *  ysk font style 2022년01월                                                           *
 *-------------------------------------------------------------------------------------*/
@charset "utf-8";
@import url("css2-family=Noto+Sans+KR-wght@100;300;400;500;700;900&display=swap.css");
/* 2022년 01월 추가 font-family: 'Jua', sans-serif; */
@import url("css2-family=Jua&display=swap.css");

/* 지마켓산스 */
@font-face {
    font-family: 'GmarketSans';
    src: url("GmarketSansBold.woff") format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSans';
    src: url("GmarketSansMedium.woff") format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSans';
    src: url("GmarketSansLight.woff") format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'speed';
    src: url("speed.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'EsaManru';
    font-weight: 300;
    font-style: normal;
    src: url("EsaManruLight.eot");
    src: url("EsaManruLight.eot-#iefix") format('embedded-opentype'),
        url("EsaManruLight.woff2") format('woff2'),
        url("EsaManruLight.woff") format('woff'),
        url("EsaManruLight.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'EsaManru';
    font-weight: 500;
    font-style: normal;
    src: url("EsaManruMedium.eot");
    src: url("EsaManruMedium.eot-#iefix") format('embedded-opentype'),
        url("EsaManruMedium.woff2") format('woff2'),
        url("EsaManruMedium.woff") format('woff'),
        url("EsaManruMedium.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'EsaManru';
    font-weight: 700;
    font-style: normal;
    src: url("EsaManruBold.eot");
    src: url("EsaManruBold.eot-#iefix") format('embedded-opentype'),
        url("EsaManruBold.woff2") format('woff2'),
        url("EsaManruBold.woff") format('woff'),
        url("EsaManruBold.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'rocket';
    src: url("rocket.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*--ysk--------------------------------------------------------------------------------*

	ysk 2022년01월

-----------------------------------------------------------------------------------ysk-*/
@charset "utf-8";
* {box-sizing: border-box;	-ms-box-sizing: border-box;	-webkit-box-sizing: border-box;}
.cf:after{content:''; display:block; clear:both;}

/*-------------------------------------------------------------------------------------*
 *  기본스타일 시트                                                                    *
 *-------------------------------------------------------------------------------------*/
a         {color:#d0d0d0; text-decoration:none;}
body      {font-size: 13px; color: #d0d0d0; margin: 0 0 0 0; font-family: 'Noto Sans KR', sans-serif; font-weight:300; letter-spacing:0px; background:#0f0f10; overflow-y:scroll; -webkit-overflow-scrolling:touch;}
td        {font-size: 13px; color: #d0d0d0; margin: 0 0 0 0; font-family: 'Noto Sans KR', sans-serif; font-weight:300; letter-spacing:0px;}
div       {font-size: 13px; color: #d0d0d0; margin: 0 0 0 0; font-family: 'Noto Sans KR', sans-serif; font-weight:300; letter-spacing:0px;}
select    {font-size: 13px; color: #d0d0d0; margin: 0 0 0 0; font-family: 'Noto Sans KR', sans-serif; font-weight:300; letter-spacing:0px;}
textarea  {font-size: 13px; color: #d0d0d0; margin: 0 0 0 0; font-family: 'Noto Sans KR', sans-serif; font-weight:300; letter-spacing:0px;}


/*-------------------------------------------------------------------------------------*
 *  인풋                                                                               *
 *-------------------------------------------------------------------------------------*/
input::-webkit-input-placeholder    {color:#d0d0d0; font-size:13px; letter-spacing:-1pt;}
input:-ms-input-placeholder         {color:#d0d0d0; font-size:13px; letter-spacing:-1pt;}
textarea::-webkit-input-placeholder {color:#d0d0d0; font-size:13px; letter-spacing:-1pt;}
textarea:-ms-input-placeholder      {color:#d0d0d0; font-size:13px; letter-spacing:-1pt;}
input::placeholder                  {color:#d0d0d0; font-size:13px; letter-spacing:-1pt;}
textarea::placeholder               {color:#d0d0d0; font-size:13px; letter-spacing:-1pt;}


/*-------------------------------------------------------------------------------------*
 *  고정스타일 시트                                                                    *
 *-------------------------------------------------------------------------------------*/
A,area   {blr:expression(this.onFocus=this.blur())} 
:focus   {-moz-outline-style: none;} 
form     {margin:0;} 
img      {border:none;}
ul,ol,li,dl,dd,dt  {margin:0; list-style:none;}

html,body,div,span,object,iframe,p,
blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,caption,tbody,tfoot,thead,tr,th,swf,javascript,
article,aside,canvas,details,figcaption,figure,footer,header,td,
menu,nav,section{margin:0;padding:0}

img,fieldset,iframe{border:0 none}
img {/* max-width:100%; */vertical-align:middle}
textarea{resize:none}
input,select,textarea,button{font-size:100%;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box; outline:none;}
h1,h2,h3,h4,h5,h6{font-size:100%}
address,strong,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
blockquote,q{quotes:none} 
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none} 

/* base - IE8~7 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

/* base - input */
input[type="text"],input[type="password"],input[type="submit"],input[type="search"],input[type="image"],textarea{-webkit-appearance:none;} 
input:checked[type="checkbox"]{background-color:#666;-webkit-appearance:checkbox} 
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{-webkit-appearance:button;border-radius:0} 
input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}

/* 아이폰 폰트사이즈 자동조절 방지 */
html, body{
  -webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라 신버전 */
  -ms-text-size-adjust : none;  /* IE */
  -moz-text-size-adjust : none;  /* 파이어폭스 */
  -o-text-size-adjust : none;  /* 오페라 구버전 */
}



@charset "utf-8";
#wrap {float:left; width:100%; min-height:100vh; display:flex; align-items: center; background:url("../img/bg_domain.jpg") center top no-repeat; background-size:cover; transition:all 0.5s;}

/*-------------------------------------------------------------------------------------*
 *  domain                                                                             *
 *-------------------------------------------------------------------------------------*/
.domain_wrap{float:left; width:100%; position:relative; text-align:center; padding:30px 0;}

.domain_logo{float:left; width:100%; padding:0 20px;}
.domain_logo a{display:inline-block; position:relative;}
.domain_logo a img{width:100%; max-width:300px; transition:all 0.5s;}

.domain_title{float:left; width:100%; margin:30px 0 0 0; padding:0 20px; font-family:'EsaManru'; font-weight:700; font-size:66px; color:#ffffff; letter-spacing: -6pt; text-shadow:2px 0 3px rgba(0,0,0,0.6); transition:all 0.5s;}
.domain_title span.fff{color:#ffbb00;}

.domain_text{float:left; width:100%; margin:30px 0 0 0; padding:0 20px; font-family:'EsaManru'; font-weight:700; font-size:30px; line-height:1.5; color:#ffffff; text-shadow:2px 0 3px rgba(0,0,0,0.6); transition:all 0.5s;}
.domain_text span{font-weight:700; color:#ffbb00;}
.domain_text p{word-break: keep-all;}

.domain_text2{float:left; width:100%; margin:40px 0 0 0; padding:0 20px; font-family:'EsaManru'; font-weight:700; font-size:80px; line-height:1.2; color:#ffffff; text-shadow:2px 0 3px rgba(0,0,0,0.6); transition:all 0.5s;}
.domain_text2 span{font-weight:700; color:#ffbb00;}

.domain_btn_wrap{float:left; width:100%; text-align:center; margin:40px 0 0 0; padding:0 20px; display: flex; flex-direction: column;}
.domain_btn_wrap ul{float:left; display: flex; justify-content: center; flex-wrap:wrap;}
.domain_btn_wrap li{float:left; width:420px; height:105px; background:url("../img/bg_domain_btn.png") center top no-repeat; background-size:100%; transition:all 0.5s;}

.domain_btn_wrap li a{width:100%; height:100%; padding:0 0 25px 0; display:flex; flex-direction: column; align-items: center; justify-content: center; transition:all 0.5s;}

.btn_text1{font-family:'EsaManru'; font-weight:700; font-size:24px; line-height:1.2; color:#ffbb00; text-shadow:2px 0 3px rgba(0,0,0,0.6); transition:all 0.5s;}
.btn_text2{font-family:'EsaManru'; font-weight:700; font-size:28px; line-height:1.4; color:#ffffff; text-shadow:2px 0 3px rgba(0,0,0,0.6); transition:all 0.5s;}
.btn_img{margin:10px 0 0 0;}

.domain_btn_wrap li:nth-child(2){animation-delay:0.5s;}
.domain_btn_wrap li:nth-child(4){animation-delay:0.5s;}

.domain_title {
  position: relative;
}
.domain_title span {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  animation: waviy 1s infinite;
  animation-delay: calc(.1s * var(--i));  
}

@media screen and (max-width:1280px) {
    .domain_title{font-size:50px; letter-spacing: -5pt;}
    .domain_text{font-size:24px;}
    .domain_text2{font-size:54px;}
}

@media screen and (max-width:768px) {
    .domain_title{font-size:36px; letter-spacing: -3pt;}
    .domain_text2{font-size:36px;}
}

@media screen and (max-width:440px) {
	.domain_logo a img{width:260px;}
    .btn_text1{font-weight:500; font-size:16px;}
    .btn_text2{font-size:28px;}
	.domain_btn_wrap{padding:0 10px;}
	.domain_btn_wrap li{width:100%; height:58vw;}
	.domain_btn_wrap li a{padding:0;}
	.domain_text2 span{display:block;}
}

.ffbb00 { color:#ffbb00 !important; }