@charset "utf-8";
#wrap {float:left; width:100%; min-height:100vh; display:flex; align-items: center; background:url(../img/bgbg.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:20px 0 30px; -webkit-perspective: 1000;}

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

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

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

.domain_btn_wrap{float:left; width:100%; text-align:center; margin:20px 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; margin:10px; width:320px; height:240px; background:url(../images/bg_domain_btn.png) center top no-repeat; background-size:100%; transition:all 0.5s;}

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

.btn_text1{font-family:'nexon'; font-weight:700; font-size:28px; line-height:1.2; color:#ffffff; text-shadow:2px 0 3px rgba(0,0,0,0.6); transition:all 0.5s;}
.btn_text2{font-family:'nexon'; font-weight:700; font-size:32px; line-height:1.8; color:#fffc00; text-shadow:2px 0 3px rgba(0,0,0,0.6); transition:all 0.5s;}
.btn_img{margin:5px 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_custom{float:left; width:100%; text-align:center; margin:20px 0 0 0; padding:0 20px;}
.domain_custom a{display:inline-block; min-width:200px; background:rgba(0,0,0,0.2); padding:10px 30px; border-radius:100px; font-family:'nexon'; font-weight:700; font-size:32px; line-height:1.5; color:#ffffff; text-shadow:2px 0 3px rgba(0,0,0,0.6); transition:all 0.5s;}
.domain_custom span{display:inline-block; margin:0 0 0 10px; color:#00eaff;}
.domain_custom img{display:inline-block; margin:0 10px 0 0; color:#00eaff;}

@media screen and (max-width:1280px) {
    .domain_text{font-size:28px;}
    .domain_text2{font-size:24px;}
    .domain_custom{font-size:24px;}

}

@media screen and (max-width:768px) {
	#wrap{align-items: flex-start;}
}
@media screen and (max-width:680px) {
.domain_btn_wrap li{width:48%; height:auto; margin:0.5%; padding:20px 10px; background-size:100% 100%;}   
	.domain_logo img{width:70%;padding-top:70px;}
    .btn_text1{font-weight:500; font-size:16px;}
    .btn_text2{font-size:26px;}
	.domain_btn_wrap{padding:0 10px;}
	.domain_custom {margin:10px 0 0 0;}
	.domain_custom a{padding:0 0 0 0;}
    .domain_custom img{width:100%;}
	.domain_text{font-size:22px;}
	.btn_img img{width:100%;}
}
@media screen and (max-width:375px) {

	.domain_btn_wrap li a{padding:0;}

}