@charset "utf-8";

h2.contit {position:relative; width:100%; font-size:80px; line-height:1; color:#071b21; font-weight:600;  padding:30px 0 0 0; display:block;letter-spacing:-2px; }
h2.contit > span {font-size:18px; font-weight:300; width:100%; display:block; padding:3px 0 0 0; line-height:1.4;letter-spacing:0; }
h2.contit:before {content:'';display:inline-block;  position:absolute; left:0; top:0;width:60px; height:1px; background:#1e1e1e; }

h3.contit {width:100%; font-size:30px; line-height:1.2; font-weight:600; padding:0 0 25px; }
h3.contit em.num {width:100%;display:block; font-weight:300; padding:0 0 3px; }

h4.contit {width:100%; font-size:18px; line-height:1.2; font-weight:600;  padding:0 0 15px;  }

@media all and (max-width:1200px){
	h2.contit {font-size:70px;letter-spacing:-1px;  }
	h2.contit > span { letter-spacing:0; }
}

@media all and (max-width:1100px){
	h2.contit {font-size:66px;letter-spacing:0;   }
	h2.contit > span {font-size:16px;  padding:5px 0 0 0;}
}

@media all and (max-width:1000px){
	h2.contit {font-size:60px;   }
	h2.contit > span {font-size:15px;  padding:8px 0 0 0;}
	h3.contit {font-size:28px;}
}

@media all and (max-width:801px){
	h2.contit {font-size:56px; padding:25px 0 0 0; }
	h3.contit {font-size:26px;}
}

@media all and (max-width:600px){
	h2.contit {font-size:50px; padding:22px 0 0 0;  }
	h3.contit {font-size:24px;}
	h3.contit {  padding:0 0 20px; }
}

@media all and (max-width:500px){
	h2.contit {font-size:46px;  }
}

@media all and (max-width:400px){
	h2.contit {font-size:40px;  }
 }

 /* contents : layout */

.conNav {position:fixed; z-index:1; top:220px; left:50%; margin-left:310px; overflow:hidden; width:180px;  }
.conNav ul li {width:100%;margin:0;height:40px;  }
.conNav ul li a {width:100%;height:100%; text-align:left;  color:#1b1616; line-height:1; position:relative; margin:0; padding:0 50px 0 0; display:flex; justify-content:end; align-items:center; }
.conNav ul li a em {width:100%; font-weight:400; display:inline-block; color:#d1d1d1; line-height:1.2; text-align:right;font-size:0; text-transform:uppercase}
.conNav ul li a .ball {position:absolute; right:10px; top:50%; transform:translateY(-50%); height:17px;width:17px; border:1px solid #dcdcdc; background:#dcdcdc; opacity:1; content:""; display:inline-block;
-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-khtml-border-radius:50%;border-radius:50%;}
.conNav ul li a.current em{display:inline-block; color:#1b1616; font-weight:400;  font-size:18px;   }
.conNav ul li a.current .ball {position:absolute; transform:translateY(-50%) rotate(-45deg); background:#f16840;right:0; opacity:1; filter:alpha(opacity=100);border:none ; width:44px; height:18px; border-radius:20px;  /*background:url(/assets/img/block/block_nav_on.png) no-repeat 0 0;*/ }
.conNav ul li a em,
.conNav ul li a.current em,
.conNav ul li a:hover em,
.conNav ul li a:hover .ball,
.conNav ul li a.current .ball
{	transition:all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s;
	-webkit-transition:all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s;
	-moz-transition:all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s;
	-o-transition:all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s;
	-ms-transition:all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s; }

@media all and (max-width:801px){
	.conNav {width:150px; }
	.conNav ul li a.current em{font-size:16px;   }
}

 @media all and (max-width:700px){
	.conNav {width:150px; }
	.conNav ul li a.current em{font-size:15px;   }
}


/* conBox */
.conBox {width:80%; max-width:780px; float:left;   }
.conBox:after {content:''; display:block; clear:both;}


/* con_sBox */
.con_sBox {width:100%; margin:90px 0 0 0; display:block;  }
.conBox h2+div.con_sBox {margin:60px 0 0 0; }

.con_sBox:after {content:''; display:block; clear:both;}
.con_sBox p,
.add_list dt,
.add_list dd{width:100%;  display:block; font-size:18px; line-height:1.6;    }
.con_sBox p {margin:25px 0 0 0; }
.con_sBox h3+p  {margin:0; }
.con_sBox .sbox p:first-child {margin:0; }
.con_sBox .txtbox {width:100%; display:block; line-height:1.6;    }

.con_sBox .cboxbtn {padding:40px 0 0 0;}
.con_sBox .cboxbtn a {width:100%; max-width:245px; padding:0 10px; margin:15px 0 0 0; line-height:54px; height:55px;  border:1px solid #474747; text-align:center; font-size:15px;color:#474747; font-weight:600; text-transform:uppercase; transition:all 0.3s}
.con_sBox .cboxbtn a:first-child { margin:0;}
.con_sBox .cboxbtn a:hover { border:1px solid #f16840; background:#f16840; color:#fff; }
.con_ssBox {position:relative;width:100%; border-left:3px solid #474747; padding:0 0 0 23px;  margin:40px 0 0 0;}
.con_ssBox.first {border-bottom:none; margin:20px 0 0 0;}
.con_ssBox:before {position:absolute; left:-3px; top:-1px; content:''; display:inline-block; width:10px; height:3px; background:#fff; }
.con_ssBox:after {position:absolute; left:-3px; bottom:-3px; content:''; display:inline-block; width:10px; height:10px; background:#fff; }
.con_ssBox h4 {width:100%; display:block; font-size:24px; font-weight:500; padding:0 0 2px; }
.con_ssBox h4+p {margin:5px 0 0 0;font-size:18px; line-height:1.6;}

.c_bk {color:#0a0a0a !important;  }
.txtbox_list {width:100%; display:block; margin:8px 0 0 0; border-radius:8px; background:#f5f5f5; padding:20px 25px;  }
.txtbox_list li  {position:relative; width:100%; display:block;  padding:0 0 0 15px;  }
.txtbox_list li:before {position:absolute; left:0; top:10px; content:''; display:inline-block; width:3px; height:3px;   background:#1e1e1e;  }

.add_list{position:relative; margin-top:5px; }
.add_list dt{position:absolute; top:0px; left:0; width:150px; font-weight:700; color:#505050}
.add_list dt::after{display:block; position:absolute; top:7px; right:10px; width:1px; height:15px; background:#eee; content:""}
.add_list dd{padding-left:150px; }

.contact_map_wrap{display:flex; justify-content:space-between}
.contact_map_wrap .add_map{width:47%}
.contact_map_wrap .add_map p{margin:0 0 5px; font-weight:700; color:#505050}

@media all and (max-width:1000px){
	.conNav{top:130px; left:auto; right:20px; margin-left:0; }
	.conBox {width:78%;}
	.con_sBox p,
	.add_list dt,
	.add_list dd{font-size:16px;}
	.add_list dt::after{top:6px; height:13px;}
	.con_ssBox h4+p {font-size:16px;}
}

@media all and (max-width:801px){
    .con_sBox {margin:60px 0 0 0; }
	.conBox h2+div.con_sBox {margin:55px 0 0 0; }
	.conimg img {margin-bottom:0px; }
	.con_ssBox {padding:0 0 0 20px; }
	.con_ssBox h4 {font-size:22px;}
	.con_sBox .cboxbtn a {line-height:49px; height:50px; }

	.add_list dt,
	.add_list dd{position:relative; width:100%; padding-left:0; }
	.add_list dt::after{display:none; }
	.contact_map_wrap{flex-wrap:wrap;}
	.contact_map_wrap .add_map{width:100%}
	.contact_map_wrap .add_map:last-child{margin-top:20px;}
}

@media all and (max-width:600px){
	.conNav {display:none; height:0;}
	.conBox{width:100%; max-width:100%;  }
	.con_sBox {margin:45px 0 0 0; }
	.conBox h2+div.con_sBox {margin:40px 0 0 0; }
	.con_sBox p {margin:20px 0 0 0; }
	.con_sBox p.con_pasta  {display:block;}
	.con_sBox p.con_pasta span {width:100%;display:block; }
	.con_sBox p.con_pasta .conimg {text-align:center;padding:0 0 40px; }
	.con_sBox p,
	.txtbox_list li,
	.add_list dt,
	.add_list dd{font-size:15px;}

	.con_ssBox {padding:0 0 0 17px; }
	.con_ssBox h4 {font-size:20px;}
	.con_sBox .cboxbtn {padding:30px 0 0 0;}
}

@media all and (max-width:400px){
	.con_sBox p,
	.txtbox_list li,
	.add_list dt,
	.add_list dd{font-size:14px;}

	.con_sBox .cboxbtn a {max-width:100%; }
}


/* tech :01. mainnet */
.mainnet_01 {width:100%; display:flex; justify-content:space-between; align-items:stretch; border-radius:50px;  border:1px solid #474747;margin:30px 0 0 0; }
.mainnet_01 > div  {width:33.33%;  padding:30px 20px;  border-left:1px solid #474747; font-size:0;}
.mainnet_01 > div:first-child {border-left:none; }
.mainnet_01 > div em {width:100%; display:block;text-align:center; font-size:20px; font-weight:600; padding:20px 0 5px 0; line-height:1.2;}
.mainnet_01 > div span {width:100%; display:block;text-align:center; font-size:14px;  line-height:1.4; }
.mainnet_01 > div:before {content:''; display:inline-block; width:100%; padding:120px 0 0 0; }
.mainnet_01 .img_01:before {background:url(/assets/img/contents/mainnet_01_01.svg) no-repeat center 50%;background-size:161px;}
.mainnet_01 .img_02:before {background:url(/assets/img/contents/mainnet_01_02.svg) no-repeat center 50%;background-size:58px; }
.mainnet_01 .img_03:before {background:url(/assets/img/contents/mainnet_01_03.svg) no-repeat center 50%;background-size:149px; }

@media all and (max-width:1000px){
	.mainnet_01 > div:before {padding:80% 0 0 0; }
	.mainnet_01 > div em {padding:10px 0 5px 0; }
	.mainnet_01 .img_01:before {background:url(/assets/img/contents/mainnet_01_01.svg) no-repeat center 50%;background-size:100%;}
	.mainnet_01 .img_02:before {background:url(/assets/img/contents/mainnet_01_02.svg) no-repeat center 50%;background-size:35%; }
	.mainnet_01 .img_03:before {background:url(/assets/img/contents/mainnet_01_03.svg) no-repeat center 50%;background-size:90%; }
}

@media all and (max-width:500px){
    .mainnet_01 {overflow:hidden; display:block;}
	.mainnet_01 > div:before {padding:65% 0 0 0; }
	.mainnet_01 .img_01 {width:100%; border-bottom:1px solid #474747;  }
	.mainnet_01 .img_01:before {padding:32% 0 0 0;  background-size:45%;}
	.mainnet_01 .img_02 {width:50%;  float:left;  border-left:none; }
	.mainnet_01 .img_03 {width:50%; float:left;   }
}

@media all and (max-width:360px){
	.mainnet_01 > div  {padding:35px 20px 30px 20px; }
	.mainnet_01 .img_02{width:100%; float:none; border:none;  border-bottom:1px solid #474747;   }
	.mainnet_01 .img_03 {width:100%; float:none; border:none;   }
	.mainnet_01 .img_01:before {background:url(/assets/img/contents/mainnet_01_01.svg) no-repeat center 0; padding:100px 0 0 0;  background-size:150px;}
	.mainnet_01 .img_02:before {background:url(/assets/img/contents/mainnet_01_02.svg) no-repeat center 0;padding:100px 0 0 0;  background-size:52px;}
	.mainnet_01 .img_03:before {background:url(/assets/img/contents/mainnet_01_03.svg) no-repeat center 0; padding:90px 0 0 0; background-size:145px;}
}


/* imgbox_list */
.imgbox_list {width:100%; display:block; margin:30px 0 0 0;   }
.imgbox_list > div {position:relative; width:100%; padding:0 0 0 154px ; margin:30px 0 0 0;  min-height:124px;}
.imgbox_list > div.tech_03 {padding:15px 0 0 154px ;}
.imgbox_list > div:before { position:absolute; left:0; top:50%; transform:translateY(-50%); content:'';  display:inline-block;  width:124px; min-width:124px; height:124px; border-radius:50%; border:1px solid #f16840; }
.imgbox_list > div.tech_01:before {background:url(/assets/img/contents/mainnet_02_01.svg) no-repeat center 50%;background-size:53px;}
.imgbox_list > div.tech_02:before {background:url(/assets/img/contents/mainnet_02_02.svg) no-repeat center 50%;background-size:55px; }
.imgbox_list > div.tech_03:before {background:url(/assets/img/contents/mainnet_02_03.svg) no-repeat center 50%;background-size:54px; }
.imgbox_list > div h4 {width:100%; display:block; font-size:24px; font-weight:500; marign:0; }
.imgbox_list > div p {width:100%; display:block; padding:10px 0 0 0 ; margin:0;}

@media all and (max-width:801px){
	.imgbox_list > div h4 {font-size:22px; }
}

@media all and (max-width:700px){
	.imgbox_list > div { padding:0 0 0 124px; }
	.imgbox_list > div.tech_03 {padding:15px 0 0 124px ;}
	.imgbox_list > div:before {width:100px; min-width:100px; height:100px;margin:0 20px 0 0; }
}

@media all and (max-width:600px){
	.imgbox_list > div h4 {font-size:20px; }
}



@media all and (max-width:400px){
    .imgbox_list > div  {display:block; text-align:center; padding:120px 0 0 0;}
	.imgbox_list > div.tech_03 {padding:120px 0 0 0;}
	.imgbox_list > div:before {  left:50%; top:0; transform:translateX(-50%);}

	.imgbox_list > div h4,.imgbox_list > div p {text-align:left;}
}


 /* conimg */
.conimg {width:100%; padding:35px 0 0 0; display:block;}
.conimg img {display:inline-block;}
.conimg_sasta_01 img {max-width:569px;}
.conimg_sasta_01 img.pc {display:inline-block;}
.conimg_sasta_01 img.mo {display:none ;}
.conimg_sasta_02 img {max-width:612px;}
.conimg_sasta_02 img.pc {display:inline-block;}
.conimg_sasta_02 img.mo {display:none;}
.conimg_nft_01 img {max-width:755px;}

@media all and (max-width:1100px){
	.conimg_nft_01 img {width:100%;  max-width:755px;}
}

@media all and (max-width:801px){
	.conimg_sasta_01 img {width:100%;  max-width:569px;}
	.conimg_sasta_02 img {width:100%; max-width:612px;}
}

@media all and (max-width:500px){
	.conimg {text-align:center; padding:30px 0 0 0;}
	.conimg_sasta_01 img {max-width:296px; }
	.conimg_sasta_01 img.pc {display:none ;}
	.conimg_sasta_01 img.mo {display:inline-block; }
	.conimg_sasta_02 img {max-width:374px; }
	.conimg_sasta_02 img.pc {display:none;}
	.conimg_sasta_02 img.mo {display:inline-block;  }
}


 /* nftbox */
.nftbox {width:100%; font-size:0;display:flex; align-items:stretch;   }
.nftbox.first {margin:30px 0 0 0;}
.nftbox > div {float:left; width:31.33%; padding:30px 20px;  border:1px solid #474747;border-radius:0 30px 0 0;   }
.nftbox  .nbox_01  {margin:0; }
.nftbox  .nbox_02  {margin:0 0 0 3%; }
.nftbox  .nbox_03  {margin:0 0 0 3%;}
.nftbox  .nbox_04 {margin:3% 0 0 0; }
.nftbox  .nbox_05  {margin:3% 0 0 3%; }
.nftbox  .nbox_06  {margin:3% 0 0 3%; }

.nftbox  > div em {width:100%; display:block; font-size:16px; font-weight:500; padding:10px 0 5px 0; line-height:1.2;}
.nftbox  > div span {width:100%; display:block; font-size:14px;  line-height:1.4; }

.nftbox  > div:before {content:''; display:inline-block; width:100%; padding:70px 0 0 0;  }
.nftbox  .nbox_01:before {background:url(/assets/img/contents/nft_icon_01.svg) no-repeat 0 50%;background-size:49px;}
.nftbox  .nbox_02:before {background:url(/assets/img/contents/nft_icon_02.svg) no-repeat 0 50%;background-size:49px; }
.nftbox  .nbox_03:before {background:url(/assets/img/contents/nft_icon_03.svg) no-repeat 0 50%;background-size:55px; }
.nftbox  .nbox_04:before {background:url(/assets/img/contents/nft_icon_04.svg) no-repeat 0 50%;background-size:60px;}
.nftbox  .nbox_05:before {background:url(/assets/img/contents/nft_icon_05.svg) no-repeat 0 50%;background-size:66px; }
.nftbox  .nbox_06:before {background:url(/assets/img/contents/nft_icon_06.svg) no-repeat 0 50%;background-size:51px; }

@media all and (max-width:801px){
	.nftbox {font-size:0;display:block;}
	.nftbox > div {position:relative; float:none; width:100%; padding:30px 20px 30px 110px;   }
	.nftbox  .nbox_02,
	.nftbox  .nbox_03,
	.nftbox  .nbox_04,
	.nftbox  .nbox_05,
	.nftbox  .nbox_06  {margin:20px 0 0 0 ; }
	.nftbox  > div:before {position:absolute; left:20px; top:50%; transform:translateY(-50%); width:68px;}
	.nftbox  .nbox_01:before {background:url(/assets/img/contents/nft_icon_01.svg) no-repeat center 50%;background-size:49px;}
	.nftbox  .nbox_02:before {background:url(/assets/img/contents/nft_icon_02.svg) no-repeat center 50%;background-size:49px; }
	.nftbox  .nbox_03:before {background:url(/assets/img/contents/nft_icon_03.svg) no-repeat center 50%;background-size:55px; }
	.nftbox  .nbox_04:before {background:url(/assets/img/contents/nft_icon_04.svg) no-repeat center 50%;background-size:60px;}
	.nftbox  .nbox_05:before {background:url(/assets/img/contents/nft_icon_05.svg) no-repeat center 50%;background-size:66px; }
	.nftbox  .nbox_06:before {background:url(/assets/img/contents/nft_icon_06.svg) no-repeat center 50%;background-size:51px; }
	.nftbox  > div em { padding:0 0 5px 0;}
}

@media all and (max-width:360px){
	.nftbox > div { padding:110px 20px 30px 20px;   }
	.nftbox  > div:before { top:25px; transform:none; }
	.nftbox  .nbox_01:before {background:url(/assets/img/contents/nft_icon_01.svg) no-repeat 0 50%;background-size:49px;}
	.nftbox  .nbox_02:before {background:url(/assets/img/contents/nft_icon_02.svg) no-repeat 0 50%;background-size:49px; }
	.nftbox  .nbox_03:before {background:url(/assets/img/contents/nft_icon_03.svg) no-repeat 0 50%;background-size:55px; }
	.nftbox  .nbox_04:before {background:url(/assets/img/contents/nft_icon_04.svg) no-repeat 0 50%;background-size:60px;}
	.nftbox  .nbox_05:before {background:url(/assets/img/contents/nft_icon_05.svg) no-repeat 0 50%;background-size:66px; }
	.nftbox  .nbox_06:before {background:url(/assets/img/contents/nft_icon_06.svg) no-repeat 0 50%;background-size:51px; }
}


/* servicewrap */
.servicewrap .con_sBox .sbox {position:relative; width:100%; padding:0 50% 90px 0; min-height:380px;  }
.servicewrap .con_sBox.service_01 .sbox { padding:0 50% 150px 0 ; }
.servicewrap .con_sBox.service_02 .sbox,
.servicewrap .con_sBox.service_04 .sbox {padding:0 0 100px 50%; text-align:right;}
.servicewrap .con_sBox .sbox:after {content:''; display:block; clear:both;}
.servicewrap .con_sBox .sbox:before {position:absolute; top:0; left:auto; right:0;  content:''; display:inline-block; width:45%; max-width:322px; height:100%; border:1px solid #dbdbdb; overflow:hidden;}

.servicewrap .con_sBox.service_02 .sbox:before,
.servicewrap .con_sBox.service_04 .sbox:before{position:absolute; left:0; right:auto;  content:''; display:inline-block; width:45%; max-width:322px; height:100%; border:1px solid #dbdbdb;overflow:hidden;}
.servicewrap .con_sBox.service_01 .sbox:before {background:url(/assets/img/contents/service_01.jpg) no-repeat 0 0; background-size:100% auto}
.servicewrap .con_sBox.service_02 .sbox:before {background:url(/assets/img/contents/service_02.png) no-repeat 0 0; background-size:100% auto}
.servicewrap .con_sBox.service_03 .sbox:before {background:url(/assets/img/contents/service_03.png) no-repeat 0 0; }
.servicewrap .con_sBox.service_04 .sbox:before {background:url(/assets/img/contents/service_04.png) no-repeat 0 0; }

.servicewrap .con_sBox .sbox .cboxbtn {position:absolute;left:0; bottom:0;width:45%; max-width:245px; }
.servicewrap .con_sBox.service_02 .sbox .cboxbtn,
.servicewrap .con_sBox.service_04 .sbox .cboxbtn { left:auto; right:0;  bottom:0;}

.servicewrap .con_sBox.service_01 .sbox .cboxbtn a span {position:relative;width:80%; padding:0 0 0 40px;text-align:left; display:inline-block;}
.servicewrap .con_sBox.service_01 .sbox .cboxbtn a span:before {position:absolute; left:0; top:50%; transform:translateY(-50%); content:''; display:inline-block; width:30px; height:30px;   }
.servicewrap .con_sBox .sbox .cboxbtn .googleplay span:before{background:url(/assets/img/contents/icon_googleplay.svg) no-repeat center 50%; background-size:20px; }
.servicewrap .con_sBox .sbox .cboxbtn .appstore span:before {background:url(/assets/img/contents/icon_appstore.svg) no-repeat center 50%; background-size:22px; }
.servicewrap .con_sBox .sbox .cboxbtn a:hover {border:1px solid  #f16840; background:#f16840; color:#fff;}
.servicewrap .con_sBox .sbox .cboxbtn .googleplay:hover span:before{background:url(/assets/img/contents/icon_googleplay_on.svg) no-repeat center 50%; background-size:20px; }
.servicewrap .con_sBox .sbox .cboxbtn .appstore:hover span:before {background:url(/assets/img/contents/icon_appstore_on.svg) no-repeat center 50%; background-size:22px; }
@media all and (max-width:801px){
	/*.servicewrap .con_sBox.service_01 .sbox:before {background:url(/assets/img/contents/service_01_mo.png) no-repeat 0 0; background-size:150%; } */
	/*.servicewrap .con_sBox.service_02 .sbox:before {background:url(/assets/img/contents/service_02_mo.png) no-repeat 0 0; background-size:158%;} */
	/*.servicewrap .con_sBox.service_03 .sbox:before {background:url(/assets/img/contents/service_03_mo.jpg) no-repeat 0 0; background-size:100%;} */
	/*.servicewrap .con_sBox.service_04 .sbox:before {background:url(/assets/img/contents/service_04_mo.jpg) no-repeat 0 0; background-size:100%;}  */
}

@media all and (max-width:500px){
	.servicewrap .con_sBox.service_01 .sbox,
	.servicewrap .con_sBox.service_02 .sbox,
	.servicewrap .con_sBox.service_03 .sbox,
	.servicewrap .con_sBox.service_04 .sbox {padding:0 0 390px 0 ; text-align:left;}
	.servicewrap .con_sBox .sbox:before,
	.servicewrap .con_sBox.service_02 .sbox:before,
	.servicewrap .con_sBox.service_04 .sbox:before{ top:auto;bottom:0; left:50%; transform:translateX(-50%);  width:100%; max-width:100%; height:380px; }
	.servicewrap .con_sBox .sbox .cboxbtn ,
	.servicewrap .con_sBox.service_02 .sbox .cboxbtn,
	.servicewrap .con_sBox.service_04 .sbox .cboxbtn {position:relative;left:0;top:0; bottom:auto; width:100%;}
	/*.servicewrap .con_sBox.service_01 .sbox:before {background:url(/assets/img/contents/service_01_mo.png) no-repeat 0 0; background-size:100%; } */
	/*.servicewrap .con_sBox.service_02 .sbox:before {background:url(/assets/img/contents/service_02_mo.png) no-repeat 0 0; background-size:100%;} */
	/*.servicewrap .con_sBox.service_03 .sbox:before {background:url(/assets/img/contents/service_03_mo.jpg) no-repeat 0 0; background-size:100%;} */
	/*.servicewrap .con_sBox.service_04 .sbox:before {background:url(/assets/img/contents/service_04_mo.jpg) no-repeat 0 0; background-size:100%;}  */
}

@media all and (max-width:360px){
	.servicewrap .con_sBox .sbox .cboxbtn ,
	.servicewrap .con_sBox.service_02 .sbox .cboxbtn,
	.servicewrap .con_sBox.service_04 .sbox .cboxbtn { width:100%; max-width:100%; }
}

@media all and (max-width:300px){
	.servicewrap .con_sBox.service_01 .sbox,
	.servicewrap .con_sBox.service_02 .sbox,
	.servicewrap .con_sBox.service_03 .sbox,
	.servicewrap .con_sBox.service_04 .sbox {padding:0 0 330px 0 ; text-align:left;}
	.servicewrap .con_sBox .sbox:before,
	.servicewrap .con_sBox.service_02 .sbox:before,
	.servicewrap .con_sBox.service_04 .sbox:before{  height:300px; }
}


 /* aboutwrap */
.aboutwrap h3  {width:100%; font-size:45px; line-height:1.2; font-weight:600; padding:90px 0  0 0; text-transform:uppercase; }
.aboutwrap .aboutbox  {width:100%;  display:block; padding:65px 0 0 0 ;}
.aboutwrap h3+div.aboutbox  {padding:5px 0 0 0 ;}
.aboutwrap .aboutbox:after {content:''; display:block; clear:both;}
.aboutwrap .aboutbox h4  {width:100%; font-size:30px; line-height:1.2; font-weight:300; padding:12px 0  0 0; text-transform:uppercase; }

.aboutwrap .aboutbox .abox  {position:relative; width:100%; display:block; padding:0 0 0 265px; min-height:230px;margin:30px 0 0 0; }
.aboutwrap .aboutbox h4+div.abox {margin:25px 0 0 0; }
.aboutwrap .aboutbox .abox:after {content:''; display:block; clear:both;}

.aboutwrap .aboutbox .abox:before {position:absolute; top:0; left:0;  content:'';  display:inline-block; background:#cecece; width:230px; min-width:230px;height:230px; border-radius:50%; }
.aboutwrap .aboutbox .abox_01_01:before {background:#cecece url(/assets/img/contents/abox_01.png) no-repeat 50% 50%; background-size:100%; }
.aboutwrap .aboutbox .abox_01_02:before {background:#212c37 url(/assets/img/contents/abox_01_02.svg) no-repeat 50% 100%; background-size:68.7%; }
.aboutwrap .aboutbox .abox_01_03:before {background:#212c37 url(/assets/img/contents/abox_01_03.png) no-repeat 50% 100%; background-size:100%; }

.aboutwrap .aboutbox .abox_02_01:before {background:#cecece url(/assets/img/contents/abox_02_01.jpg) no-repeat 50% 50%; background-size:100%; }
.aboutwrap .aboutbox .abox_02_02:before {background:#cecece url(/assets/img/contents/abox_02_02.png) no-repeat 50% 50%; background-size:100%; }
.aboutwrap .aboutbox .abox_02_03:before {background:#cecece url(/assets/img/contents/abox_02_03.png) no-repeat 50% 50%; background-size:100%; }
.aboutwrap .aboutbox .abox_02_04:before {background:#cecece url(/assets/img/contents/abox_02_04.png) no-repeat 50% 50%; background-size:100%; }
.aboutwrap .aboutbox .abox_03_01:before {background:#cecece url(/assets/img/contents/abox_03_01.png) no-repeat 50% 50%; background-size:100%; }
.aboutwrap .aboutbox .abox_03_02:before {background:#cecece url(/assets/img/contents/abox_03_02.png) no-repeat 50% 50%; background-size:100%; }
.aboutwrap .aboutbox .abox_03_03:before {background:#cecece url(/assets/img/contents/abox_03_03.png) no-repeat 50% 50%; background-size:100%; }
.aboutwrap .aboutbox .abox_03_04:before {background:#cecece url(/assets/img/contents/abox_03_04.png) no-repeat 50% 50%; background-size:100%; }
.aboutwrap .aboutbox .abox_03_05:before {background:#cecece url(/assets/img/contents/abox_03_05.png) no-repeat 50% 50%; background-size:100%;}
.aboutwrap .aboutbox .abox_04_01:before {background:#cecece url(/assets/img/contents/abox_04_01.png) no-repeat 50% 50%; background-size:100%; }

.aboutwrap .aboutbox .abox_cmo01:before{background:#cecece url(/assets/img/contents/abox_cmo01.jpg) no-repeat 50% 50%; background-size:100%; }
.aboutwrap .aboutbox .abox_coo01:before{background:#cecece url(/assets/img/contents/abox_coo01.jpg) no-repeat 50% 50%; background-size:100%; }
.aboutwrap .aboutbox .abox_cto01:before{background:#cecece url(/assets/img/contents/abox_cto01.jpg) no-repeat 50% 50%; background-size:100%; }

.aboutwrap .aboutbox .abox h5  {width:100%; font-size:24px; line-height:1.2; font-weight:500; padding:0 0 10px 0; }
.aboutwrap .aboutbox .abox .atxt { width:100%;  display:block;  font-size:14px; }

.aboutwrap .aboutbox .abox .alist  {width:100%;  display:block;}
.aboutwrap .aboutbox .abox .alist li {position:relative; width:100%;  display:block; padding:0 0 0 15px; font-size:14px; }
.aboutwrap .aboutbox .abox .alist li:before {position:absolute; top:11px; left:0;  content:'';  display:inline-block;width:3px;height:3px; border-radius:50%; background:#0a0a0a; }

@media all and (max-width:900px){
	.aboutwrap .aboutbox .abox  { padding:0 0 0 230px; min-height:200px;  }
	.aboutwrap .aboutbox .abox:before { width:200px; min-width:200px;height:200px; }

	.aboutwrap h3  { font-size:40px;  padding:10% 0  0 0;  }
	.aboutwrap .aboutbox  {  padding:50px 0 0 0 ;}
}

@media all and (max-width:801px){
	.aboutwrap h3  { font-size:38px; }
	.aboutwrap .aboutbox h4  { font-size:30px; }
	.aboutwrap .aboutbox .abox  { padding:0 0 0 200px; min-height:170px;  }
	.aboutwrap .aboutbox .abox:before { width:170px; min-width:170px;height:170px; }
}

@media all and (max-width:700px){
    .aboutwrap h3  { font-size:34px;padding:40px 0 0 0 ;}
	.aboutwrap .aboutbox h4  { font-size:28px; }
	.aboutwrap .aboutbox  {  padding:40px 0 0 0 ;}
	.aboutwrap .aboutbox .abox  { padding:0 0 0 170px; min-height:140px;  }
	.aboutwrap .aboutbox .abox:before { width:140px; min-width:140px;height:140px; }
	.aboutwrap .aboutbox .abox h5  { font-size:22px; }
}

@media all and (max-width:500px){
    .aboutwrap h3  { font-size:32px;}
	.aboutwrap .aboutbox  {  padding:30px 0 0 0 ;}
	.aboutwrap .aboutbox .abox  { padding:142px 0 0 0; min-height:auto;  }
	.aboutwrap .aboutbox .abox:before { width:120px; min-width:120px;height:120px; }
}


/* Road Map  */
.roadmapwrap{padding:90px 0 0}
.roadmapwrap h3{width:100%; display:block; font-size:45px; line-height:1.2; font-weight:600; padding:0 0 30px;  text-transform:uppercase; }

.roadmapwrap .roadmapbox{padding:0 0 45px; background:url("../img/contents/roadmap_line.png") no-repeat 30px 100%; background-size: 1px 100%;}
.roadmapwrap .roadmapbox h4{width:100%; padding-left:85px; background:url("../img/contents/roadmap_icon.svg") no-repeat; background-size:60px auto; font-size:24px; line-height:70px; font-weight:500; }
.roadmapwrap .roadmapbox ul{margin:10px 0 15px; padding-left:65px;}
.roadmapwrap .roadmapbox ul li{padding:5px 0; font-size:14px; line-height:1.2; }

@media all and (max-width:900px){
	.roadmapwrap{padding:10% 0 0}
	.roadmapwrap h3{font-size:40px;}
	.roadmapwrap .roadmapbox{padding:0 0 5%}
}

@media all and (max-width:801px){
	.roadmapwrap h3{font-size:38px;}
}

@media all and (max-width:700px){
	.roadmapwrap h3{font-size:34px;}
	.roadmapwrap .roadmapbox{background-position:21px 100%}
	.roadmapwrap .roadmapbox h4{padding-left:65px; font-size:22px; line-height:50px; background-size:44px auto }
	.roadmapwrap .roadmapbox ul{padding-left:50px}
}

@media all and (max-width:500px){
	.roadmapwrap h3{font-size:32px;}
}

/* partnerwrap  */
.partnerwrap { padding:90px 0;}
.partnerwrap h3  {width:100%; display:block; font-size:45px; line-height:1.2; font-weight:600; padding:0 0 30px;  text-transform:uppercase; }
.partnerwrap .partnerbox {width:100%; display:block; font-size:0;}
.partnerwrap .partnerbox .pbox {width:50%; float:left; text-align:center; display:inline-block; height:230px; padding:0 15px 0 0 ; }
.partnerwrap .partnerbox .pbox:nth-child(2n) {padding:0 0 0 15px ; }
.partnerwrap .partnerbox .pbox .ptit {width:100%;  display:block; text-align:center; font-size:16px; font-weight:500; padding:10px 0 0 0; text-transform:uppercase; line-height:1.2;}
.partnerwrap .partnerbox .pbox .plogo {width:100%;height:165px; display:block; text-align:center; border:1px solid #cecece;  }
.partnerwrap .partnerbox .pbox .plogo i { font-size:0;}
.partnerwrap .partnerbox .pbox_01 .plogo {background:url(/assets/img/contents/plogo_01.png) no-repeat 50% 50%;  }
.partnerwrap .partnerbox .pbox_02 .plogo {background:url(/assets/img/contents/plogo_02.png) no-repeat 50% 50%;  }
.partnerwrap .partnerbox .pbox_03 .plogo {background:url(/assets/img/contents/plogo_03.png) no-repeat 50% 50%;  }
.partnerwrap .partnerbox .pbox_04 .plogo {background:url(/assets/img/contents/plogo_04.png) no-repeat 50% 50%;  }
.partnerwrap .partnerbox .pbox_05 .plogo {background:url(/assets/img/contents/plogo_05.png) no-repeat 50% 50%;  }
.partnerwrap .partnerbox .pbox_06 .plogo {background:#0a0a0a url(/assets/img/contents/plogo_06.png) no-repeat 50% 50%;  }
.partnerwrap .partnerbox .pbox_07 .plogo {background:url(/assets/img/contents/plogo_07.png) no-repeat 50% 50%;  }
.partnerwrap .partnerbox .pbox_08 .plogo {background:#161616 url(/assets/img/contents/plogo_08.png) no-repeat 50% 50%;  }
.partnerwrap .partnerbox .pbox_09 .plogo {background:url(/assets/img/contents/plogo_09.png) no-repeat 50% 50%;  }
.partnerwrap .partnerbox .pbox_10 .plogo {background:url(/assets/img/contents/plogo_10.png) no-repeat 50% 50%;  }
.partnerwrap .partnerbox .pbox_11 .plogo {background:url(/assets/img/contents/plogo_11.png) no-repeat 50% 50%; background-size:auto 130px }
.partnerwrap .partnerbox .pbox_12 .plogo {background:#142d55 url(/assets/img/contents/plogo_12.svg) no-repeat 50% 50%; background-size:auto 80px }
.partnerwrap .partnerbox .pbox_13 .plogo {background:url(/assets/img/contents/plogo_13.png) no-repeat 50% 50%; background-size:auto 80px }

.partnerwrap .partnerbox .pbox_06 .plogo { border:1px solid #0a0a0a; }
.partnerwrap .partnerbox .pbox_08 .plogo { border:1px solid #161616; }
.partnerwrap .partnerbox .pbox a {display:block;}
.partnerwrap .partnerbox .pbox a:hover .ptit {color:#f16840;}
.partnerwrap .partnerbox .pbox a:hover .plogo,
.partnerwrap .partnerbox .pbox_06 a:hover .plogo,
.partnerwrap .partnerbox .pbox_08 a:hover .plogo { border:1px solid #f16840;  }
.partnerwrap .partnerbox .pbox .plogo:hover img { display:block; width:100%; height:100%; object-fit:cover; object-position:center top; transition:transform 0.3s linear}
.partnerwrap .partnerbox .pbox .plogo:hover  { transform:scale(1.015);  transition:transform 0.2s linear}
.partnerwrap .partnerbox .pbox_13 .plogo:hover  { transform:scale(1.000);  transition:transform 0.2s linear}
.partnerwrap .partnerbox .pbox_06 .plogo:hover  { transform:scale(1.000);  transition:transform 0.2s linear}

.partnerwrap h4{clear:both; width:100%; margin:20px 0 0; font-size:26px; font-weight:300;}
.partnerwrap .sub_partner_list{display:flex; flex-wrap:wrap; width:100%;  }
.partnerwrap .sub_partner_list li{width:32%; margin:2% 0 0 2%; }
.partnerwrap .sub_partner_list li:nth-child(3n+1){margin-left:0}
.partnerwrap .sub_partner_list li span{display:block; width:100%; height:138px; border:1px solid #eaeaea; text-indent:-99999px }
.partnerwrap .sub_partner_list li.pbox_sub01 span{background:url("/assets/img/contents/pbox_sub01.gif") no-repeat 50% 50%; background-size:auto 138px}
.partnerwrap .sub_partner_list li.pbox_sub02 span{background:url("/assets/img/contents/pbox_sub02.gif") no-repeat 50% 50%; background-size:auto 138px}
.partnerwrap .sub_partner_list li.pbox_sub03 span{background:url("/assets/img/contents/pbox_sub03.gif") no-repeat 50% 50%; background-size:auto 138px}
.partnerwrap .sub_partner_list li.pbox_sub04 span{background:url("/assets/img/contents/pbox_sub04.gif") no-repeat 50% 50%; background-size:auto 138px}
.partnerwrap .sub_partner_list li.pbox_sub05 span{background:url("/assets/img/contents/pbox_sub05.gif") no-repeat 50% 50%; background-size:auto 138px}
.partnerwrap .sub_partner_list li.pbox_sub06 span{background:url("/assets/img/contents/pbox_sub06.gif") no-repeat 50% 50%; background-size:auto 138px}
.partnerwrap .sub_partner_list li.pbox_sub07 span{background:url("/assets/img/contents/pbox_sub07.gif") no-repeat 50% 50%; background-size:auto 138px}
.partnerwrap .sub_partner_list li.pbox_sub08 span{background:url("/assets/img/contents/pbox_sub08.gif") no-repeat 50% 50%; background-size:auto 138px}
.partnerwrap .sub_partner_list li.pbox_sub09 span{background:url("/assets/img/contents/pbox_sub09.gif") no-repeat 50% 50%; background-size:auto 138px}
.partnerwrap .sub_partner_list li.pbox_sub10 span{background:url("/assets/img/contents/pbox_sub10.gif") no-repeat 50% 50%; background-size:auto 138px}
.partnerwrap .sub_partner_list li.pbox_sub11 span{background:url("/assets/img/contents/pbox_sub11.gif") no-repeat 50% 50%; background-size:auto 138px}
.partnerwrap .sub_partner_list li.pbox_sub12 span{background:url("/assets/img/contents/pbox_sub12.gif") no-repeat 50% 50%; background-size:auto 138px}
.partnerwrap .sub_partner_list li.pbox_sub13 span{background:url("/assets/img/contents/pbox_sub13.gif") no-repeat 50% 50%; background-size:auto 138px}
.partnerwrap .sub_partner_list li.pbox_sub14 span{background:url("/assets/img/contents/pbox_sub14.gif") no-repeat 50% 50%; background-size:auto 138px}
.partnerwrap .sub_partner_list li.pbox_sub15 span{background:url("/assets/img/contents/pbox_sub15.gif") no-repeat 50% 50%; background-size:auto 138px}
.partnerwrap .sub_partner_list li.pbox_sub16 span{background:url("/assets/img/contents/pbox_sub16.gif") no-repeat 50% 50%; background-size:auto 138px}
.partnerwrap .sub_partner_list li.pbox_sub17 span{background:url("/assets/img/contents/pbox_sub17.gif") no-repeat 50% 50%; background-size:auto 138px}
.partnerwrap .sub_partner_list li.pbox_sub18 span{background:#051941 url("/assets/img/contents/pbox_sub18.gif") no-repeat 50% 50%; background-size:auto 138px}
.partnerwrap .sub_partner_list li.pbox_sub19 span{background:url("/assets/img/contents/pbox_sub19.gif") no-repeat 50% 50%; background-size:auto 138px}


@media all and (max-width:900px){
    .partnerwrap  { padding:10% 0;  }
	.partnerwrap h3  { font-size:40px;}
	.partnerwrap .partnerbox .pbox { height:200px; }
    .partnerwrap .partnerbox .pbox .plogo { height:140px; }
	.partnerwrap .partnerbox .pbox_01 .plogo {background:url(/assets/img/contents/plogo_01_mo.png) no-repeat 50% 50%; background-size:61%; }
	.partnerwrap .partnerbox .pbox_02 .plogo {background:url(/assets/img/contents/plogo_02_mo.png) no-repeat 50% 50%;  background-size:56%; }
	.partnerwrap .partnerbox .pbox_03 .plogo {background:url(/assets/img/contents/plogo_03_mo.png) no-repeat 50% 50%;  background-size:56%; }
	.partnerwrap .partnerbox .pbox_04 .plogo {background:url(/assets/img/contents/plogo_04_mo.png) no-repeat 50% 50%;  background-size:58%;}
	.partnerwrap .partnerbox .pbox_05 .plogo {background:url(/assets/img/contents/plogo_05_mo.png) no-repeat 50% 50%; background-size:71%;  }
	.partnerwrap .partnerbox .pbox_06 .plogo {background:#0a0a0a url(/assets/img/contents/plogo_06_mo.png) no-repeat 50% 50%;  background-size:40%; }
	.partnerwrap .partnerbox .pbox_07 .plogo {background:url(/assets/img/contents/plogo_07_mo.png) no-repeat 50% 50%;  background-size:40%; }
	.partnerwrap .partnerbox .pbox_08 .plogo {background:#161616 url(/assets/img/contents/plogo_08_mo.png) no-repeat 50% 50%; background-size:80%;  }
	.partnerwrap .partnerbox .pbox_09 .plogo {background:url(/assets/img/contents/plogo_09_mo.png) no-repeat 50% 50%;  background-size:90%; }
	.partnerwrap .partnerbox .pbox_10 .plogo {background:url(/assets/img/contents/plogo_10_mo.png) no-repeat 50% 50%;  background-size:35%; }
	.partnerwrap .partnerbox .pbox_11 .plogo {background-size:48%}
	.partnerwrap .partnerbox .pbox_12 .plogo{background-size:52%}

	.partnerwrap .sub_partner_list li span{height:108px}
	.partnerwrap .sub_partner_list li.pbox_sub01 span,
	.partnerwrap .sub_partner_list li.pbox_sub02 span,
	.partnerwrap .sub_partner_list li.pbox_sub03 span,
	.partnerwrap .sub_partner_list li.pbox_sub04 span,
	.partnerwrap .sub_partner_list li.pbox_sub05 span,
	.partnerwrap .sub_partner_list li.pbox_sub06 span,
	.partnerwrap .sub_partner_list li.pbox_sub07 span,
	.partnerwrap .sub_partner_list li.pbox_sub08 span,
	.partnerwrap .sub_partner_list li.pbox_sub09 span,
	.partnerwrap .sub_partner_list li.pbox_sub10 span,
	.partnerwrap .sub_partner_list li.pbox_sub11 span,
	.partnerwrap .sub_partner_list li.pbox_sub12 span,
	.partnerwrap .sub_partner_list li.pbox_sub13 span,
	.partnerwrap .sub_partner_list li.pbox_sub14 span,
	.partnerwrap .sub_partner_list li.pbox_sub15 span,
	.partnerwrap .sub_partner_list li.pbox_sub16 span,
	.partnerwrap .sub_partner_list li.pbox_sub17 span,
	.partnerwrap .sub_partner_list li.pbox_sub18 span,
	.partnerwrap .sub_partner_list li.pbox_sub19 span{background-size:auto 108px}
}
@media all and (max-width:801px){
	.partnerwrap h3  { font-size:38px; }
	.partnerwrap .partnerbox .pbox { height:190px;  padding:0 10px 0 0 ; }
	.partnerwrap .partnerbox .pbox:nth-child(2n) {padding:0 0 0 10px ; }
	.partnerwrap .partnerbox .pbox .plogo { height:130px; }
}
@media all and (max-width:700px){
    .partnerwrap  {padding:70px 0 75px 0 ;}
    .partnerwrap h3  { font-size:34px;}

	.partnerwrap .sub_partner_list li{width:49%}
	.partnerwrap .sub_partner_list li:nth-child(3n+1){margin-left:2%}
	.partnerwrap .sub_partner_list li:nth-child(2n+1){margin-left:0}
}
@media all and (max-width:600px){
	.partnerwrap h3  { font-size:38px; }
	.partnerwrap .partnerbox .pbox { padding:0 7px 0 0 ; }
	.partnerwrap .partnerbox .pbox:nth-child(2n) {padding:0 0 0 7px ; }
}
@media all and (max-width:500px){
    .partnerwrap  h3  { font-size:32px;}
	.partnerwrap .partnerbox .pbox { height:190px;  }
	.partnerwrap .partnerbox .pbox .plogo { height:120px; }

	.partnerwrap h4{font-size:22px}
	.partnerwrap .sub_partner_list li span{height:88px}
	.partnerwrap .sub_partner_list li.pbox_sub01 span,
	.partnerwrap .sub_partner_list li.pbox_sub02 span,
	.partnerwrap .sub_partner_list li.pbox_sub03 span,
	.partnerwrap .sub_partner_list li.pbox_sub04 span,
	.partnerwrap .sub_partner_list li.pbox_sub05 span,
	.partnerwrap .sub_partner_list li.pbox_sub06 span,
	.partnerwrap .sub_partner_list li.pbox_sub07 span,
	.partnerwrap .sub_partner_list li.pbox_sub08 span,
	.partnerwrap .sub_partner_list li.pbox_sub09 span,
	.partnerwrap .sub_partner_list li.pbox_sub10 span,
	.partnerwrap .sub_partner_list li.pbox_sub11 span,
	.partnerwrap .sub_partner_list li.pbox_sub12 span,
	.partnerwrap .sub_partner_list li.pbox_sub13 span,
	.partnerwrap .sub_partner_list li.pbox_sub14 span,
	.partnerwrap .sub_partner_list li.pbox_sub15 span,
	.partnerwrap .sub_partner_list li.pbox_sub16 span,
	.partnerwrap .sub_partner_list li.pbox_sub17 span,
	.partnerwrap .sub_partner_list li.pbox_sub18 span,
	.partnerwrap .sub_partner_list li.pbox_sub19 span{background-size:auto 88px}
}
@media all and (max-width:400px){
	.partnerwrap .partnerbox .pbox { height:180px;  }
	.partnerwrap .partnerbox .pbox .plogo { height:110px; }
	.partnerwrap .partnerbox .pbox .ptit {  font-size:15px;}
}
@media all and (max-width:360px){
	.partnerwrap .partnerbox .pbox {   height:170px;  }
	.partnerwrap .partnerbox .pbox .plogo { height:100px; }
}
@media all and (max-width:350px){
	.partnerwrap .partnerbox .pbox .ptit {  font-size:14px;}
}
@media all and (max-width:319px){
	.partnerwrap .partnerbox .pbox .ptit {  font-size:13px;}
}

/* COIN AGENCY LIST */
.agencywrap{padding:0 0 90px}
.agencywrap h3{margin:20px 0 0; font-size:20px; line-height:1.4; font-weight:300; color:#aaa}
.agency_list{display:flex; flex-wrap:wrap; }
.agency_list li{width:32%; margin-left:2%; padding:15px 0; border-bottom:1px solid #eaeaea; }
.agency_list li:nth-child(3n+1){margin-left:0}
.agency_list li .location{display:block; width:100%; padding-left:29px; background:url("/assets/img/contents/icon_location.svg") no-repeat 0 0; font-size:18px; line-height:24px; font-weight:700; }
.agency_list li .nation_us{background:url("/assets/img/contents/nation/nation_us.gif") no-repeat 0 50%; background-size:auto 16px}
.agency_list li .nation_jp{background:url("/assets/img/contents/nation/nation_jp.gif") no-repeat 0 50%; background-size:auto 16px}
.agency_list li .nation_cn{background:url("/assets/img/contents/nation/nation_cn.gif") no-repeat 0 50%; background-size:auto 16px}
.agency_list li .nation_ph{background:url("/assets/img/contents/nation/nation_ph.gif") no-repeat 0 50%; background-size:auto 16px}
.agency_list li .nation_kh{background:url("/assets/img/contents/nation/nation_kh.gif") no-repeat 0 50%; background-size:auto 16px}
.agency_list li .nation_vn{background:url("/assets/img/contents/nation/nation_vn.gif") no-repeat 0 50%; background-size:auto 16px}
.agency_list li .nation_In{background:url("/assets/img/contents/nation/nation_In.gif") no-repeat 0 50%; background-size:auto 16px}
.agency_list li .nation_Indonesia{background:url("/assets/img/contents/nation/nation_Indonesia.gif") no-repeat 0 50%; background-size:auto 16px}
.agency_list li .nation_la{background:url("/assets/img/contents/nation/nation_la.gif") no-repeat 0 50%; background-size:auto 16px}
.agency_list li .nation_il{background:url("/assets/img/contents/nation/nation_il.gif") no-repeat 0 50%; background-size:auto 16px}
.agency_list li .nation_gb{background:url("/assets/img/contents/nation/nation_gb.gif") no-repeat 0 50%; background-size:auto 16px}
.agency_list li .nation_fr{background:url("/assets/img/contents/nation/nation_fr.gif") no-repeat 0 50%; background-size:auto 16px}
.agency_list li .nation_de{background:url("/assets/img/contents/nation/nation_de.gif") no-repeat 0 50%; background-size:auto 16px}
.agency_list li .nation_es{background:url("/assets/img/contents/nation/nation_es.gif") no-repeat 0 50%; background-size:auto 16px}
.agency_list li .nation_it{background:url("/assets/img/contents/nation/nation_it.gif") no-repeat 0 50%; background-size:auto 16px}
.agency_list li .nation_hk{background:url("/assets/img/contents/nation/nation_hk.gif") no-repeat 0 50%; background-size:auto 16px}
.agency_list li .nation_tw{background:url("/assets/img/contents/nation/nation_tw.gif") no-repeat 0 50%; background-size:auto 16px}
.agency_list li .nation_my{background:url("/assets/img/contents/nation/nation_my.gif") no-repeat 0 50%; background-size:auto 16px}
.agency_list li .nation_au{background:url("/assets/img/contents/nation/nation_au.gif") no-repeat 0 50%; background-size:auto 16px}
.agency_list li .nation_nz{background:url("/assets/img/contents/nation/nation_nz.gif") no-repeat 0 50%; background-size:auto 16px}
.agency_list li .nation_br{background:url("/assets/img/contents/nation/nation_br.gif") no-repeat 0 50%; background-size:auto 16px}
.agency_list li .nation_kz{background:url("/assets/img/contents/nation/nation_kz.gif") no-repeat 0 50%; background-size:auto 16px}
.agency_list li .nation_uz{background:url("/assets/img/contents/nation/nation_uz.gif") no-repeat 0 50%; background-size:auto 16px}
.agency_list li .nation_kg{background:url("/assets/img/contents/nation/nation_kg.gif") no-repeat 0 50%; background-size:auto 16px}
.agency_list li .nation_et{background:url("/assets/img/contents/nation/nation_et.gif") no-repeat 0 50%; background-size:auto 16px}
.agency_list li .nation_om{background:url("/assets/img/contents/nation/nation_om.gif") no-repeat 0 50%; background-size:auto 16px}
.agency_list li .nation_za{background:url("/assets/img/contents/nation/nation_za.gif") no-repeat 0 50%; background-size:auto 16px}
.agency_list li .nation_ca{background:url("/assets/img/contents/nation/nation_ca.gif") no-repeat 0 50%; background-size:auto 16px}
.agency_list li .nation_mn{background:url("/assets/img/contents/nation/nation_mn.gif") no-repeat 0 50%; background-size:auto 16px}
.agency_list li .nation_sa{background:url("/assets/img/contents/nation/nation_sa.gif") no-repeat 0 50%; background-size:auto 16px}
.agency_list li .nation_qa{background:url("/assets/img/contents/nation/nation_qa.gif") no-repeat 0 50%; background-size:auto 16px}
.agency_list li .nation_at{background:url("/assets/img/contents/nation/nation_at.gif") no-repeat 0 50%; background-size:auto 16px}
.agency_list li .nation_bd{background:url("/assets/img/contents/nation/nation_bd.gif") no-repeat 0 50%; background-size:auto 16px}
.agency_list li .nation_kw{background:url("/assets/img/contents/nation/nation_kw.gif") no-repeat 0 50%; background-size:auto 16px}
.agency_list li .nation_kr{background:url("/assets/img/contents/nation/nation_kr.gif") no-repeat 0 50%; background-size:auto 16px}
.agency_list li .nation_sg{background:url("/assets/img/contents/nation/nation_sg.gif") no-repeat 0 50%; background-size:auto 16px}
.agency_list li .nation_cn{background:url("/assets/img/contents/nation/nation_cn.gif") no-repeat 0 50%; background-size:auto 16px}
.agency_list li .nation_cn{background:url("/assets/img/contents/nation/nation_cn.gif") no-repeat 0 50%; background-size:auto 16px}
.agency_list li .email{display:flex; justify-content:space-between; margin:5px 0 0 5px; font-size:16px; line-height:24px;}
.agency_list li .email a{display:inline-block; width:24px; height:24px; margin-left:10px; background:#eaeaea url("/assets/img/contents/icon_copy.svg") no-repeat 50%; background-size:12px; border-radius:4px; text-indent:-99999px; opacity:0.5; transition:all 0.3s}
.agency_list li .email a:hover{opacity:1}

/** 221011 **/
.agency_list li.dust {width:100%; margin-left:0; padding:15px 0 20px 0; border-bottom:0 solid #eaeaea;}
.agency_list li.dust .tnc_tit {display:block; width:100%; background:url("/assets/img/contents/agency_tnc_bg.png") repeat-x top left; padding-top:70px;}
.agency_list li.dust .tnc_tit a {display:block;}
.agency_list li.dust .tnc_tit img {width:60%; max-width:410px; height:auto;}
.agency_list li.dust .email {display:block; margin:25px 0 15px 0; padding:15px 0; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}
.con_sBox .tnc_ar {width:100%; padding:0; border-top:0 solid #cecece; font-size:18px;}
.con_sBox .tnc_ar span {font-weight:500;}
@media all and (max-width:750px){
	.agency_list li.dust {display:block; width:100%; margin-left:0 !important; }
	.con_sBox .tnc_ar {font-size:16px;}
}
@media all and (max-width:600px){
	.con_sBox .tnc_ar {font-size:15px;}
	.agency_list li.dust .tnc_tit img {width:70%;}
}
@media all and (max-width:400px){
	.con_sBox .tnc_ar {font-size:14px;}
	.agency_list li.dust .tnc_tit img {width:80%;}
}

/** //221011 **/

@media all and (max-width:1200px){
	.agency_list li{width:49%; margin-left:2%}
	.agency_list li:nth-child(3n+1){margin-left:2%}
	.agency_list li:nth-child(2n+1){margin-left:0}
}
@media all and (max-width:750px){
.agency_list li{display:flex; width:100%; margin-left:0 !important; }
	.agency_list li .email{margin:0}
}
@media all and (max-width:700px){
	.agency_list li .location{font-size:16px;}
	.agency_list li .email{font-size:14px; }
}
@media all and (max-width:500px){
	.agency_list li{display:block; padding:10px 0 8px}
	.agency_list li .location{width:100%;}
	.agency_list li .email{width:100%; margin:3px 0 0 5px}
}




.contact_01 p span {width:100%; display:block;}
#map_canvas { width:100%; overflow:hidden; padding:0; margin:0; }
.mapwrap {width:99.8%; height:500px; border:0; border:1px solid #cecece;}


/* keyframes */
@keyframes opac{from{opacity:0} to{opacity:1} }
@keyframes opac_one {from{opacity:0.2} to{opacity:1} }




/* MEDIAwrap */
.media_list{display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:60px}
.media_list::after{display:none}
.media_list li{width:31%; margin-top:3.5% }
.media_box{display:block; width:100%; border:1px solid #dbdbdb; transition:all 0.3s}
.media_box:hover{border-color:#f16840}
.media_box span{display:block; }
.media_box .img_wrap{position:relative; width:100%; padding-top:100%; }
.media_box .img_wrap .img{display:block; position:absolute; top:0; right:0; bottom:0; left:0;  }
.media_box .img_wrap .img img{display:block; width:100%; height:100%; object-fit:cover; object-position:center; transition:all 0.3s }
.media_box .info_wrap{position:relative; padding:30px; }
.media_box .info_wrap .date{font-size:16px; line-height:1.2; color:#767676}
.media_box .info_wrap .tit{display:-webkit-box; height:60px; margin-top:10px; font-size:25px; line-height:30px; font-weight:700; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.media_box:hover{color:#0a0a0a}

.media_top{display:flex; flex-direction:row-reverse; margin-top:90px }
.media_top:hover{border-color:#dbdbdb}
.media_top .info_wrap{width:50%; padding:40px; background:#fafafa }
.media_top .info_wrap .date{}
.media_top .info_wrap .tit{height:70px; font-size:32px; line-height:35px;}
.media_top .info_wrap .con{display:-webkit-box; margin-top:30px; font-size:16px; line-height:1.4; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical}
.media_top .info_wrap .btn_more{display:inline-block; position:absolute; bottom:40px; left:40px; padding:0 30px; background:#fff; border:1px solid #474747; border-radius:25px; line-height:48px; transition:all 0.3s}
.media_top .info_wrap .btn_more:hover{background:#f16840; border-color:#f16840; color:#fff}
.media_top .img_wrap{width:50%; padding-top:39%;}

.btn_media_more{display:inline-block; width:240px; margin-top:60px; border:1px solid #707070; border-radius:25px; font-size:16px; line-height:48px; font-weight:400; color:#494949; text-align:center; cursor:pointer; transition:all 0.3s}
.btn_media_more:hover{background:#f16840; border-color:#f16840; color:#fff}

.modal_media_wrap{z-index:99999; max-width:980px; width:85%; height:90vh;}
.modal_media_wrap .swiper-container{width:100%; height:100%}
.modal_media_wrap .swiper-container .swiper-slide{width:100%; height:100%; align-items:flex-start; -webkit-align-items:flex-start; overflow-y:auto; text-align:left; }

.modal_media_wrap .media_slide_inner{width:100%; padding:5.2%;}
.modal_media_wrap .modal-head{flex-direction:column; align-items:flex-start; height:auto; padding:0 0 25px; border-color:#1e1e1e; text-align:left}
.modal_media_wrap .modal-head h4{padding:0; font-size:32px; line-height:1; font-weight:700;}
.modal_media_wrap .modal-head .date{margin:10px 0 0; color:#767676}
.modal_media_wrap .modal-body{padding:40px 0}
.modal_media_wrap .modal-body .media_img_wrap{margin:0 0 30px; text-align:center }
.modal_media_wrap .modal-body .media_img_wrap img{max-width:100%; }
.modal_media_wrap .modal-body .media_img_wrap figcaption{font-size:14px; line-height:1.4; color:#767676; text-align:left}
.modal_media_wrap .modal-body .content{font-size:16px; line-height:1.4; font-weight:400; }
.modal_media_wrap .modal-foot{display:block; text-align:center }
.modal_media_wrap .modal-foot .btn-close{display:inline-block; width:200px; height:50px; margin-top:50px; border-radius:30px; line-height:51px;  }
.modal_media_wrap .swiper-button-next,
.modal_media_wrap .swiper-button-prev{width:50px; height:80px}
.modal_media_wrap .swiper-button-prev{left:-60px; background:url("../img/common/media_slide_prev.svg") no-repeat; background-size:50px 80px; }
.modal_media_wrap .swiper-button-next{right:-60px; background:url("../img/common/media_slide_next.svg") no-repeat; background-size:50px 80px; }
.modal_media_wrap .swiper-button-prev.swiper-button-disabled{background:url("../img/common/media_slide_prev.svg") no-repeat; background-size:50px 80px; }
.modal_media_wrap .swiper-button-next.swiper-button-disabled{background:url("../img/common/media_slide_next.svg") no-repeat; background-size:50px 80px; }

@media all and (max-width:1000px){
	.media_list{margin-top:40px}
	.media_box .info_wrap{padding:22px;}
	.media_box .info_wrap .date{font-size:14px;}
	.media_box .info_wrap .tit{font-size:22px}

	.media_top{margin-top:70px}
	.media_top .info_wrap{padding:30px;}
	.media_top .info_wrap .tit{font-size:28px}
	.media_top .info_wrap .con{margin-top:20px; -webkit-line-clamp:2 }
	.media_top .info_wrap .btn_more{bottom:30px; left:30px; line-height:44px}

	.modal_media_wrap .modal-head h4{font-size:28px;}
	.modal_media_wrap .swiper-button-prev{background-size:auto 60px; }
	.modal_media_wrap .swiper-button-next{background-size:auto 60px; }
}
@media all and (max-width:750px){
	.media_box .info_wrap{padding:15px}

	.media_top .info_wrap{padding:24px;}
	.media_top .info_wrap .con{display:none}
	.media_top .info_wrap .btn_more{bottom:22px; left:22px; line-height:40px}
}
@media all and (max-width:620px){
	.media_list{margin-top:30px}
	.media_list li{width:48%;  }

	.modal_media_wrap .swiper-button-prev{left:-55px; background-size:auto 40px; }
	.modal_media_wrap .swiper-button-next{right:-55px; background-size:auto 40px; }
}
@media all and (max-width:600px){
	.media_box .info_wrap .tit{font-size:20px}
	.media_top{flex-direction:column-reverse; flex-wrap:wrap;}
	.media_top .info_wrap{width:100%;}
	.media_top .img_wrap{width:100%; padding-top:100%}
	.media_top .info_wrap .tit{font-size:24px}
	.media_top .info_wrap .con{}
	.media_top .info_wrap .btn_more{position:relative; bottom:0; left:0; margin-top:15px;}

	.modal_media_wrap .modal-head{padding:0 0 15px}
	.modal_media_wrap .modal-head h4{font-size:24px;}
	.modal_media_wrap .modal-body{padding:30px 0}
}
@media all and (max-width:470px){
	.media_top .info_wrap .tit{font-size:22px}
	.media_top .info_wrap .btn_more{line-height:36px}

	.modal_media_wrap{width:80%}
}
@media all and (max-width:420px){
	.media_list li{width:100%}
	.media_box .img_wrap{padding-top:70%}

}


/* DAPPAwrap */
.mt0{margin-top:0;}
.dapp_con_wrap h3{margin:100px 0 35px; font-size:48px; line-height:1; font-weight:900;  }
.dapp_con_wrap h3.mt60{margin-top:60px;  }
.dapp_con_wrap h4{margin:60px 0 0; padding-left:40px; background:url("../img/contents/dapp_h4_tit.svg") no-repeat 0 50%; font-size:36px; line-height:1.3; font-weight:700; }
.dapp_con_wrap p{font-size:16px; line-height:1.4;}

.dapp_tit_wrap{padding:0 0 80px; border-bottom:1px solid #b7b7b7; background:url("../img/contents/dapp_tit_bg.svg") no-repeat 100% 35%; background-size:auto 270px;}
.dapp_tit_wrap .contit{font-size:40px; line-height:1.2; color:#f16840}
.dapp_tit_wrap .dapp_sub_tit{margin-top:60px; font-size:20px; line-height:1.4; font-weight:400; color:#767676}
.dapp_tit_wrap .dapp_tit{margin-top:10px; font-size:80px; line-height:1.2; font-weight:700; color:#071b21 }
.dapp_tit_wrap .dapp_anchor{display:flex; flex-wrap:wrap; margin-top:50px; }
.dapp_tit_wrap .dapp_anchor a{display:block; margin:10px 10px 0 0; padding:16px 40px; border:1px solid #1e1e1e; border-radius:25px; font-size:16px; line-height:20px; font-weight:400; text-align:center; transition:all 0.3s }
.dapp_tit_wrap .dapp_anchor a:hover{background:#f16840; border-color:#f16840; color:#fff}
.dapp_tit_wrap .dapp_link{max-width:520px; margin-top:20px }
.dapp_tit_wrap .dapp_link a{display:block; margin:10px 10px 0 0; padding:16px 40px; background:#ededed; border-radius:25px; font-size:16px; line-height:20px; font-weight:400; color:#767676; text-align:center; transition:all 0.3s }
.dapp_tit_wrap .dapp_link a:hover{background:#f16840; border-color:#f16840; color:#fff}

.dapp_start_top{display:flex; justify-content:space-between; align-items:flex-end; width:100%;  }
.dapp_start_top p{width:50%; font-size:16px; line-height:1.4;  }
.dapp_start_top .dapp_tab{display:inline-block; width:45%; text-align:right;}
.dapp_start_top .dapp_tab ul{display:inline-flex; justify-content:flex-end; background:#ededed; border-radius:25px; }
.dapp_start_top .dapp_tab ul li{}
.dapp_start_top .dapp_tab ul li a{display:block; padding:0 30px; border-radius:25px; line-height:50px; font-weight:400; transition:all 0.3s  }
.dapp_start_top .dapp_tab ul li a.on{background:#f16840; color:#fff;}
.dapp_tab_content{display:flex; justify-content:space-between; margin-top:50px;}
.dapp_tab_content .dapp_tab_box{width:31%; padding:3%; background:#fafafa}
.dapp_tab_content .dapp_tab_box .num{width:100%; font-size:50px; line-height:60px; font-weight:900; color:#ededed; text-align:right}
.dapp_tab_content .dapp_tab_box .tit{margin:20px 0 10px; font-size:18px; line-height:1.4; font-weight:700; color:#f16840}
.dapp_tab_content .dapp_tab_box .con{font-size:15px;}
.dapp_tab_content .dapp_tab_box .num.user01{background:url("../img/contents/user01.svg") no-repeat; background-size:auto 60px;}
.dapp_tab_content .dapp_tab_box .num.user02{background:url("../img/contents/user02.svg") no-repeat; background-size:auto 60px;}
.dapp_tab_content .dapp_tab_box .num.user03{background:url("../img/contents/user03.svg") no-repeat; background-size:auto 60px;}
.dapp_tab_content .dapp_tab_box .num.developer01{background:url("../img/contents/developer01.svg") no-repeat; background-size:auto 60px;}
.dapp_tab_content .dapp_tab_box .num.developer02{background:url("../img/contents/developer02.svg") no-repeat; background-size:auto 60px;}
.dapp_tab_content .dapp_tab_box .num.developer03{background:url("../img/contents/developer03.svg") no-repeat; background-size:auto 60px;}

.dapp_cate_list{display:flex; flex-wrap:wrap; margin-top:-10px}
.dapp_cate_list li{margin:10px 10px 0 0; }
.dapp_cate_list li a{display:inline-block; padding:0 30px; border:1px solid #b7b7b7; border-radius:25px; font-size:16px; line-height:48px; color:#999; transition:all 0.3s }
.dapp_cate_list li a:hover{border-color:#1e1e1e; color:#1e1e1e; }
.dapp_cate_list li a.on{background:#1e1e1e; border-color:#1e1e1e; color:#fff}

.dapp_info_list{display:flex; justify-content:space-between; flex-wrap:wrap;}
.dapp_info_box{width:48%; margin:5% 0 0; border:1px solid #dbdbdb}
.dapp_info_box .cate_list{display:flex; flex-wrap:wrap; padding:6% 6% 0; }
.dapp_info_box .cate_list li{margin:0 5px 10px; padding:0 20px; background:#767676; border-radius:20px; line-height:40px; color:#fff;  }
.dapp_info_box .dapp_info{position:relative; margin-top:10px; padding:0 6% 6%}
.dapp_info_box .dapp_info .dapp_img{position:absolute; top:0; left:6%; width:100px; height:100px; background:#f5f5f5; border:1px solid #f5f5f5; border-radius:50%; line-height:100px; text-align:center; overflow:hidden }
.dapp_info_box .dapp_info .dapp_img img{width:100%; height:100%; vertical-align:top}
.dapp_info_box .dapp_info .dapp_info_inner{padding:5px 0 0 120px;}
.dapp_info_box .dapp_info .dapp_tit{display:-webkit-box; width:100%; margin:0 0 5px; font-size:18px; line-height:1.4; font-weight:700; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical}
.dapp_info_box .dapp_info .dapp_con{display:-webkit-box; width:100%; min-height:60px; font-size:15px; line-height:1.4; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical}
.dapp_info_box .dapp_social{display:flex; justify-content:space-between; padding:4% 6%; background:#fafafa; border-top:1px solid #dbdbdb}
.dapp_info_box .dapp_social .dapp_sns_list{display:flex; padding:5px 0}
.dapp_info_box .dapp_social .dapp_sns_list li{position:relative; margin-right:5px; }
.dapp_info_box .dapp_social .dapp_sns_list li a{display:block; width:30px; height:30px; transition:all 0.3s }
.dapp_info_box .dapp_social .dapp_sns_list li a.no_link{opacity:0.5; cursor:default}
.dapp_info_box .dapp_social .dapp_sns_list li a.sns_web{background:url("../img/contents/sns_web.svg") no-repeat;}
.dapp_info_box .dapp_social .dapp_sns_list li a.sns_git{background:url("../img/contents/sns_git.svg") no-repeat;}
.dapp_info_box .dapp_social .dapp_sns_list li a.sns_reddit{background:url("../img/contents/sns_reddit.svg") no-repeat;}
.dapp_info_box .dapp_social .dapp_sns_list li a.sns_youtube{background:url("../img/contents/sns_youtube.svg") no-repeat;}
.dapp_info_box .dapp_social .dapp_sns_list li a.sns_twitter{background:url("../img/contents/sns_twitter.svg") no-repeat;}
.dapp_info_box .dapp_social .dapp_sns_list li a.sns_tele{background:url("../img/contents/sns_tele.svg") no-repeat;}

.dapp_info_box .dapp_social .dapp_sns_list li a.sns_web:hover{background:url("../img/contents/sns_web_hover.svg") no-repeat;}
.dapp_info_box .dapp_social .dapp_sns_list li a.sns_git:hover{background:url("../img/contents/sns_git_hover.svg") no-repeat;}
.dapp_info_box .dapp_social .dapp_sns_list li a.sns_reddit:hover{background:url("../img/contents/sns_reddit_hover.svg") no-repeat;}
.dapp_info_box .dapp_social .dapp_sns_list li a.sns_youtube:hover{background:url("../img/contents/sns_youtube_hover.svg") no-repeat;}
.dapp_info_box .dapp_social .dapp_sns_list li a.sns_twitter:hover{background:url("../img/contents/sns_twitter_hover.svg") no-repeat;}
.dapp_info_box .dapp_social .dapp_sns_list li a.sns_tele:hover{background:url("../img/contents/sns_tele_hover.svg") no-repeat;}

.dapp_info_box .dapp_social .dapp_sns_list li a.sns_web.no_link:hover{background:url("../img/contents/sns_web.svg") no-repeat;}
.dapp_info_box .dapp_social .dapp_sns_list li a.sns_git.no_link:hover{background:url("../img/contents/sns_git.svg") no-repeat;}
.dapp_info_box .dapp_social .dapp_sns_list li a.sns_reddit.no_link:hover{background:url("../img/contents/sns_reddit.svg") no-repeat;}
.dapp_info_box .dapp_social .dapp_sns_list li a.sns_youtube.no_link:hover{background:url("../img/contents/sns_youtube.svg") no-repeat;}
.dapp_info_box .dapp_social .dapp_sns_list li a.sns_twitter.no_link:hover{background:url("../img/contents/sns_twitter.svg") no-repeat;}
.dapp_info_box .dapp_social .dapp_sns_list li a.sns_tele.no_link:hover{background:url("../img/contents/sns_tele.svg") no-repeat;}

.dapp_info_box .dapp_social .dapp_sns_list li a .tooltip{display:none; position:absolute; top:36px; left:-10px; width:130px; padding:10px 0; background:#1e1e1e; border-radius:10px; font-size:15px; line-height:1.2; color:#fff; text-align:center; transition:all 0.3s }
.dapp_info_box .dapp_social .dapp_sns_list li a .tooltip::before{display:block; position:absolute; top:-6px; left:20px; width:0; height:0; border-bottom:6px solid #0a0a0a; border-left:4px solid transparent; border-right:4px solid transparent; content:"" }
.dapp_info_box .dapp_social .dapp_sns_list li:hover a .tooltip{display:block; }
.dapp_info_box .dapp_social .dapp_sns_list li:hover a.no_link .tooltip{display:none}

.dapp_info_box .dapp_social .btn_wrap{text-align:right;}
.dapp_info_box .dapp_social .btn_more{display:inline-block; padding:0 20px; background:#fff; border:1px solid #1e1e1e; border-radius:20px; font-size:15px; line-height:38px; font-weight:400; transition:all 0.3s }
.dapp_info_box .dapp_social .btn_more_dark{background:#1e1e1e; color:#fff}
.dapp_info_box .dapp_social .btn_more:hover{background:#f16840; border-color:#f16840; color:#fff;}

.dark_btn_wrap{}

.dapp_advan_list{display:flex; justify-content:space-between; flex-wrap:wrap; }
.dapp_advan_list::after{display:none}
.dapp_advan_list li{width:48%; margin-top:4%; padding:3%; background:#fafafa}
.dapp_advan_list li .tit{display:block; position:relative; padding:20px 0 20px 70px; font-size:20px; line-height:20px; font-weight:700; }
.dapp_advan_list li .tit::before{display:block; position:absolute; top:0; left:0; width:60px; height:60px; content:""  }
.dapp_advan_list li .tit01::before{background:url("../img/contents/dapp_advan01.svg") no-repeat 50%; background-size:60px }
.dapp_advan_list li .tit02::before{background:url("../img/contents/dapp_advan02.svg") no-repeat 50%; background-size:60px }
.dapp_advan_list li .tit03::before{background:url("../img/contents/dapp_advan03.svg") no-repeat 50%; background-size:60px }
.dapp_advan_list li .tit04::before{background:url("../img/contents/dapp_advan04.svg") no-repeat 50%; background-size:60px }
.dapp_advan_list li .con{display:block; margin-top:10px; font-size:15px; line-height:1.4;  }

@media all and (max-width:1050px){
	.dapp_cate_list li a{padding:0 20px; line-height:44px;}
	.dapp_info_box .cate_list li{margin:0 2px 5px; padding:0 15px; line-height:36px}
}
@media all and (max-width:1000px){
	.dapp_con_wrap h3{font-size:44px; }
	.dapp_con_wrap h4{font-size:32px; }

	.dapp_tit_wrap .contit{font-size:34px}
	.dapp_tit_wrap .dapp_sub_tit{margin-top:50px}
	.dapp_tit_wrap .dapp_tit{font-size:70px;}

	.dapp_info_box{width:48.5%; margin-top:3%;}
	.dapp_info_box .dapp_social .btn_more{padding:0 15px;}
}
@media all and (max-width:860px){
	.dapp_info_box .dapp_social{flex-wrap:wrap;}
	.dapp_info_box .dapp_social .dapp_sns_list{width:100%; margin:0 0 5px;}

	.dapp_info_box .dapp_info .dapp_info_inner{padding-left:110px}
}
@media all and (max-width:760px){
	.dapp_tit_wrap{background-position:100% 0%; background-size:auto 220px}

	.dapp_tab_content .dapp_tab_box{width:32%}
	.dapp_info_box{width:100%}
	.dapp_info_box .cate_list{padding:30px 30px 0}
	.dapp_info_box .dapp_info{padding:0 30px 30px}
	.dapp_info_box .dapp_social{padding:15px 30px}
	.dapp_info_box .dapp_social .dapp_sns_list{width:60%; margin:0; padding:2px 0;}
	.dapp_info_box .dapp_social .btn_wrap{width:40%}
	.dapp_advan_list li{width:100%; margin-top:15px; }
}
@media all and (max-width:700px){
	.dapp_start_top{flex-wrap:wrap}
	.dapp_start_top p{width:100%}
	.dapp_start_top .dapp_tab{width:100%; margin-top:10px}
	.dapp_tab_content{margin-top:30px}
}
@media all and (max-width:650px){
	.dapp_con_wrap h3{margin:60px 0 20px; }
	.dapp_con_wrap h3.mt60{margin-top:40px}
	.dapp_con_wrap h3{font-size:40px}

	.dapp_tit_wrap{padding:0 0 60px}
	.dapp_tit_wrap .contit{font-size:30px; }
	.dapp_tit_wrap .dapp_sub_tit{font-size:18px}
	.dapp_tit_wrap .dapp_tit{font-size:60px}
	.dapp_tit_wrap .dapp_anchor{margin-top:30px; }
	.dapp_tit_wrap .dapp_anchor a{padding:12px 25px; font-size:15px;}
	.dapp_tit_wrap .dapp_link{max-width:445px}
	.dapp_tit_wrap .dapp_link a{padding:12px 25px; font-size:15px;}
	.dapp_start_top p{font-size:15px; }
	.dapp_start_top .dapp_tab{margin-top:30px;}
	.dapp_tab_content{flex-wrap:wrap; margin-top:10px}
	.dapp_tab_content .dapp_tab_box{width:100%; margin-top:15px}

	.dapp_cate_list li{margin:5px 5px 0 0}
	.dapp_cate_list li a{padding:0 15px; font-size:15px; line-height:38px; }

	.dapp_info_box .cate_list{padding:25px 25px 0}
	.dapp_info_box .dapp_info{padding:0 25px 25px}
	.dapp_info_box .dapp_info .dapp_img{left:25px}
	.dapp_info_box .dapp_social{padding:15px 25px}
	.dapp_info_box .dapp_social .btn_more{line-height:34px;}
}
@media all and (max-width:600px){
	.dapp_tit_wrap{background:0 none;}
}
@media all and (max-width:500px){
	.dapp_tit_wrap{padding:0 0 40px; background-size:auto 160px;}
	.dapp_tit_wrap .dapp_tit{font-size:50px;}

	.dapp_tit_wrap .dapp_anchor{display:block;}
	.dapp_tit_wrap .dapp_link{max-width:auto; margin-top:10px}

	.dapp_start_top .dapp_tab ul li a{padding:0 20px; line-height:46px}
	.dapp_tab_content .dapp_tab_box .con{font-size:14px;}

	.dapp_info_box .cate_list{padding:20px 20px 0;}
	.dapp_info_box .cate_list li{padding:0 10px; font-size:14px; line-height:32px}
	.dapp_info_box .dapp_info{padding:0 20px 20px}
	.dapp_info_box .dapp_info .dapp_img{left:20px}
	.dapp_info_box .dapp_info .dapp_tit{font-size:16px;}
	.dapp_info_box .dapp_info .dapp_con{font-size:14px}
	.dapp_info_box .dapp_social{padding:14px 20px}
}
@media all and (max-width:420px){
	.dapp_info_box .dapp_social .dapp_sns_list{width:100%}
	.dapp_info_box .dapp_info .dapp_img{position:relative; left:0; width:80px; height:80px; }
	.dapp_info_box .dapp_info .dapp_info_inner{padding-left:0}
	.dapp_info_box .dapp_social .btn_wrap{width:100%; margin-top:5px}

}

/* DAPP DETAIL wrap */
.dapp_detail_top{position:relative; width:100%; min-height:240px }
.dapp_detail_top .dapp_img{position:absolute; top:0; left:0; width:240px; height:240px; background:#f5f5f5; border:1px solid #f5f5f5; border-radius:50%;  }
.dapp_detail_top .dapp_img img{width:100%; }

.dapp_detail_top .dapp_info_wrap{padding-left:290px; }
.dapp_detail_top .dapp_info_wrap .cate_list{display:flex; flex-wrap:wrap; }
.dapp_detail_top .dapp_info_wrap .cate_list li{display:inline-block; margin:0 5px 0 0; padding:10px 20px; background:#767676; border-radius:20px; line-height:20px; color:#fff;    }
.dapp_detail_top .dapp_info_wrap .tit{margin:20px 0 10px; font-size:20px; line-height:1.4; font-weight:700; }

.dapp_detail_top .dapp_info_wrap .dapp_sns_list{display:flex; margin-top:40px  }
.dapp_detail_top .dapp_info_wrap .dapp_sns_list li{}
.dapp_detail_top .dapp_info_wrap .dapp_sns_list li a{display:block; width:30px; height:30px; margin:5px 5px 5px 0; text-indent:-9999px; transition:all 0.3s  }
.dapp_detail_top .dapp_info_wrap .dapp_sns_list li a.no_link{opacity:0.5; cursor:default}
.dapp_detail_top .dapp_info_wrap .dapp_sns_list li a.sns_web{width:150px; height:40px; margin:0 20px 0 0; background:#1e1e1e; border-radius:20px; line-height:40px; color:#fff; text-align:center; text-indent:0}
.dapp_detail_top .dapp_info_wrap .dapp_sns_list li a.sns_web:hover{background:#f16840}
.dapp_detail_top .dapp_info_wrap .dapp_sns_list li a.sns_git{background:url("../img/contents/sns_git.svg") no-repeat;}
.dapp_detail_top .dapp_info_wrap .dapp_sns_list li a.sns_reddit{background:url("../img/contents/sns_reddit.svg") no-repeat;}
.dapp_detail_top .dapp_info_wrap .dapp_sns_list li a.sns_youtube{background:url("../img/contents/sns_youtube.svg") no-repeat;}
.dapp_detail_top .dapp_info_wrap .dapp_sns_list li a.sns_twitter{background:url("../img/contents/sns_twitter.svg") no-repeat;}
.dapp_detail_top .dapp_info_wrap .dapp_sns_list li a.sns_tele{background:url("../img/contents/sns_tele.svg") no-repeat;}

.dapp_detail_top .dapp_info_wrap .dapp_sns_list li a.sns_git:hover{background:url("../img/contents/sns_git_hover.svg") no-repeat;}
.dapp_detail_top .dapp_info_wrap .dapp_sns_list li a.sns_reddit:hover{background:url("../img/contents/sns_reddit_hover.svg") no-repeat;}
.dapp_detail_top .dapp_info_wrap .dapp_sns_list li a.sns_youtube:hover{background:url("../img/contents/sns_youtube_hover.svg") no-repeat;}
.dapp_detail_top .dapp_info_wrap .dapp_sns_list li a.sns_twitter:hover{background:url("../img/contents/sns_twitter_hover.svg") no-repeat;}
.dapp_detail_top .dapp_info_wrap .dapp_sns_list li a.sns_tele:hover{background:url("../img/contents/sns_tele_hover.svg") no-repeat;}

.dapp_detail_top .btn_wrap{display:flex; position:absolute; top:0; right:0; width:100px; }
.dapp_detail_top .btn_wrap a{display:block; width:40px; height:40px; margin-left:10px; text-indent:-9999px; transition:all 0.3s }
.dapp_detail_top .btn_wrap .btn_dapp_edit{background:url("../img/contents/btn_dapp_edit.svg") no-repeat; background-size:40px;}
.dapp_detail_top .btn_wrap .btn_dapp_edit:hover{background:url("../img/contents/btn_dapp_edit_hover.svg") no-repeat; background-size:40px;}
.dapp_detail_top .btn_wrap .btn_dapp_share{background:url("../img/contents/btn_dapp_share.svg") no-repeat; background-size:40px;}
.dapp_detail_top .btn_wrap .btn_dapp_share:hover{background:url("../img/contents/btn_dapp_share_hover.svg") no-repeat; background-size:40px;}

.dapp_description_wrap{margin-top:20px; }
.dapp_description_wrap .con{display:-webkit-box; width:100%; min-height:60px; font-size:15px; line-height:1.4; color:#666; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical}
.dapp_description_wrap .con.plus{-webkit-line-clamp:10;}
.dapp_description_wrap .btn_dapp_con_more{display:inline-block; margin:10px 0 0; padding:10px 0 0; font-size:15px; color:#666; }

.dapp_detail_img_wrap{position:relative; padding:60px 25px; overflow:hidden}
.dapp_detail_img_wrap .dapp_swiper{position:relative; }
.dapp_detail_img_wrap .dapp_swiper .swiper-slide{}
.dapp_detail_img_wrap .dapp_swiper .swiper-slide .img_wrap{display:block; position:relative; width:100%; padding-top:75%; border:1px solid #dbdbdb }
.dapp_detail_img_wrap .dapp_swiper .swiper-slide .img{display:block; position:absolute; top:0; right:0; bottom:0; left:0;}
.dapp_detail_img_wrap .dapp_swiper .swiper-slide .img img{display:block; width:100%; height:100%; object-fit:cover; object-position:center}
.dapp_detail_img_wrap .dapp_swiper .swiper-button-prev,
.dapp_detail_img_wrap .dapp_swiper .swiper-button-next{width:50px; height:50px; margin-top:-25px;}
.dapp_detail_img_wrap .dapp_swiper .swiper-button-prev{left:-25px; background:url("../img/contents/dapp_slide_prev.svg") no-repeat; background-size:50px;}
.dapp_detail_img_wrap .dapp_swiper .swiper-button-next{right:-25px; background:url("../img/contents/dapp_slide_next.svg") no-repeat; background-size:50px;}

.dapp_detail_info_wrap{margin-top:60px; padding-top:30px; border-top:1px solid #505050;}
.dapp_detail_list{margin-top:30px}
.dapp_detail_list li{position:relative; min-height:70px; }
.dapp_detail_list li .tit{display:block; position:absolute; top:0; left:0; width:240px; padding:15px 30px; background:#ededed; border-radius:25px; font-size:16px; line-height:20px; }
.dapp_detail_list li .con{display:block; padding:15px 0; margin-left:260px; border-top:1px solid #dbdbdb; font-weight:400 }

	/* modal*/
.modal_dapp_detail_img_wrap{max-width:980px; width:80%; background:0 none; box-shadow:0 0 0 transparent;}
.modal_dapp_detail_img_wrap .swiper-wrapper{align-items:center}
.modal_dapp_detail_img_wrap .swiper-slide{background:0 none; }
.modal_dapp_detail_img_wrap .swiper-slide .modal-body{padding:0}

.dapp_preview_wrap{text-align:center}
.dapp_preview_wrap img{display:block; margin:0 auto }

.modal_dapp_detail_img_wrap .swiper-button-next,
.modal_dapp_detail_img_wrap .swiper-button-prev{width:50px; height:80px}
.modal_dapp_detail_img_wrap .swiper-button-prev{left:-60px; background:url("../img/common/media_slide_prev.svg") no-repeat; background-size:50px 80px; }
.modal_dapp_detail_img_wrap .swiper-button-next{right:-60px; background:url("../img/common/media_slide_next.svg") no-repeat; background-size:50px 80px; }
.modal_dapp_detail_img_wrap .swiper-button-prev.swiper-button-disabled{background:url("../img/common/media_slide_prev.svg") no-repeat; background-size:50px 80px; }
.modal_dapp_detail_img_wrap .swiper-button-next.swiper-button-disabled{background:url("../img/common/media_slide_next.svg") no-repeat; background-size:50px 80px; }


@media all and (max-width:1000px){
	.dapp_detail_top .dapp_img{width:190px; height:190px;}
	.dapp_detail_top .dapp_info_wrap{padding-left:220px;}
}
@media all and (max-width:760px){
	.dapp_detail_top .dapp_img{position:relative; }
	.dapp_detail_top .dapp_info_wrap{margin-top:20px; padding:0;}
	.dapp_detail_top .dapp_info_wrap .cate_list li{margin:5px 5px 0 0}

	.dapp_detail_img_wrap{padding:30px 0 60px}
	.dapp_detail_img_wrap .dapp_swiper .swiper-button-prev,
	.dapp_detail_img_wrap .dapp_swiper .swiper-button-next{top:auto; bottom:-40px; width:35px; height:35px; margin:0; }
	.dapp_detail_img_wrap .dapp_swiper .swiper-button-prev{left:auto; right:50px; background-size:35px}
	.dapp_detail_img_wrap .dapp_swiper .swiper-button-next{right:0; background-size:35px}

	.dapp_detail_list li .tit{position:relative; width:100%; padding:10px 20px; }
	.dapp_detail_list li .con{margin:0 0 15px; padding:10px; border-top:0; }

	.modal_dapp_detail_img_wrap .swiper-button-prev{left:-60px; background-size:auto 60px; }
	.modal_dapp_detail_img_wrap .swiper-button-next{right:-60px; background-size:auto 60px; }
	.modal_dapp_detail_img_wrap .swiper-button-prev.swiper-button-disabled{background-size:auto 60px; }
	.modal_dapp_detail_img_wrap .swiper-button-next.swiper-button-disabled{background-size:auto 60px; }

}
@media all and (max-width:600px){
	.dapp_detail_top .dapp_img{width:160px; height:160px;}
}
@media all and (max-width:500px){
	.dapp_detail_top .dapp_info_wrap .dapp_sns_list{flex-wrap:wrap; justify-content:center}
	.dapp_detail_top .dapp_info_wrap .dapp_sns_list li:first-child{width:100%; text-align:center}
	.dapp_detail_top .dapp_info_wrap .dapp_sns_list li{}
	.dapp_detail_top .dapp_info_wrap .dapp_sns_list li a.sns_web{display:inline-block; margin:0 0 10px }
	.modal_dapp_detail_img_wrap .swiper-button-prev,
	.modal_dapp_detail_img_wrap .swiper-button-next{display:none}

}


	/* file update img */
.input_file_wrap{position:relative; background:#f5f5f5 url("../img/contents/none_img_dapp.svg") no-repeat 50%; }
.input_file_wrap label{display:block; position:absolute; top:0; right:0; width:40px; height:40px; margin:0 !important; background:url("../img/contents/dapp_img_file.svg") no-repeat; text-indent:-9999px; cursor:pointer; transition:all 0.3s }
.input_file_wrap label:hover{opacity:0.8}
.input_file_wrap input[type="file"]{position:absolute; width:0; height:0; padding:0; border:0; overflow:hidden; }
.input_file_wrap .upload_name{display:inline-block; width:100%; height:35px; padding:0 20px 0 100px; border:0; line-height:35px; }
.input_file_wrap .upload_display{width:100%; height:100%; overflow:hidden; }
.input_file_wrap .upload_display .upload_thumb_wrap{display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:#f5f5f5}

.input_file_wrap .img_delete{display:block; position:absolute; top:0; right:0; z-index:500; width:40px; height:40px; background:url("../img/contents/dapp_img_delete.svg") no-repeat; text-indent:-9999px; cursor:pointer; transition:all 0.3s}


/* DAPP update wrap */
.dapp_con_wrap h3.form_tit{margin:60px 0 0; padding-left:40px; background:url("../img/contents/dapp_h4_tit.svg") no-repeat 0 50%; font-size:36px; line-height:1.3; font-weight:700;}
p.require_info{width: 100%; max-width: 1280px; margin:-20px auto 0 auto; font-size:14px; color:#999; text-align:right;}
.dapp_edit_info{display:block; width:100%; margin:40px 0 20px; padding:20px; background:#f1f1f1; border-radius:20px; font-weight:600; color:#f16840; text-align:center}
@media all and (max-width:1000px){
	.dapp_con_wrap h3.form_tit{font-size:32px;}
}
@media all and (max-width: 801px){
	.dapp_con_wrap h3.form_tit{padding-left:36px; background-size:auto 30px; font-size:28px;}
}
.dapp_form_top{position:relative; min-height:200px; margin:25px 0 15px}
.dapp_form_top .dapp_form_img{position:absolute; top:0; left:0; width:200px; height:200px; border:1px solid #f5f5f5; border-radius:50%; }
.dapp_form_top .input_file_wrap img{width:100%; }
.dapp_form_top .input_file_wrap .upload_display .upload_thumb_wrap{border-radius:50%; overflow:hidden}
.dapp_form_top .dapp_form_wrap{padding:0 0 0 260px;}
.token_form_top .dapp_form_img{top:20px}
.token_form_top .dapp_form_wrap{padding:0 0 0 260px;}


.dapp_form_wrap{}
.dapp_form_wrap .form_row{margin:0 0 0px; }
.dapp_form_wrap .form_row label{display:block; margin:35px 0 10px; font-size:18px; line-height:1.6; font-weight:400; }
.dapp_form_wrap .form_row .option{display:inline-block; margin-left:5px;  font-size:14px; color:#999}
.dapp_form_wrap .form_row .red{color:#2936d6}
.dapp_form_wrap .form_row .gray{color:#999}
.dapp_form_wrap .form_row .form_info{margin-top:10px; font-size:14px; color:#999}
.dapp_form_wrap .form_row .form_info li{position:relative; padding-left:12px; font-size:14px; }
.dapp_form_wrap .form_row .form_info li::before{display:block; position:absolute; top:10px; left:3px; width:3px; height:3px; background:#aaa; border-radius:50%; content:""}
.dapp_form_wrap .form_row .form-basic{border-color:#555; font-size:16px; }
.dapp_form_wrap .form_row .form-basic:read-only{background:#272829}
.dapp_form_wrap .form_row textarea{display:block; height:150px; margin:0 0 5px; padding:20px 15px; line-height:1.5}
.dapp_form_wrap .form_row .img_preview_list{display:flex; flex-wrap:wrap; }
.dapp_form_wrap .form_row .img_preview_list .input_file_wrap{width:32%; margin-top:20px; margin-left:2%; padding-top:25%; background:#ededed url("../img/contents/none_img_dapp.svg") no-repeat 50% 50%; background-size:auto 100%; border:1px solid #dbdbdb; border-radius: 8px;}
.dapp_form_wrap .form_row .img_preview_list .input_file_wrap:nth-child(3n+1){margin-left:0}
.dapp_form_wrap .form_row .img_preview_list .input_file_wrap label{top:10px; right:10px;}
.dapp_form_wrap .form_row .img_preview_list .input_file_wrap .upload_display{position:absolute; top:0; right:0; bottom:0; left:0; }
.dapp_form_wrap .form_row .img_preview_list .input_file_wrap .img_delete{top:10px; right:10px}
.dapp_form_wrap .form_row .img_preview_list .input_file_wrap .upload_display{}


.dapp_form_wrap .form_row .input_file_box{position:relative; height:56px; padding:0 15px; border:1px solid #555; border-radius: 8px; background:#272829;}
.dapp_form_wrap .form_row .input_file_box label{display:block; position:absolute; top:-1px; right:-1px; bottom:-1px; width:120px; height:56px; margin:0; border:1px solid #494949; border-radius: 0 8px 8px 0; background:#494949; line-height:54px; color:#fff; text-align:center; cursor:pointer; transition:all 0.3s }
.dapp_form_wrap .form_row .input_file_box label:hover{background:#fff; color:#494949}
.dapp_form_wrap .form_row .input_file_box input[type="file"]{position:absolute; width:0; height:0; padding:0; border:0; overflow:hidden; }
.dapp_form_wrap .form_row .input_file_box .upload_name{display:inline-block; width:100%; height:54px; padding:0; border:0; font-size:16px; line-height:54px; background:#272829;}


.dapp_form_wrap .form_row .btn_add_dapp_prev{display:inline-block; margin-top:15px; padding:10px 20px; background:#333; border-radius:20px; line-height:20px; color:#fff; transition:all 0.3s}
.dapp_form_wrap .form_row .btn_add_dapp_prev:hover{background:#2636d6}


.dapp_cate_wrap{position:relative; width:100%;}
.dapp_cate_wrap .btn_dapp_cate{display:block; position:relative; width:100%; padding:17px 15px; border:1px solid #555; border-radius: 8px; background:#272829; font-size:16px; line-height:24px; font-weight:400; color:#999 }
.dapp_cate_wrap .btn_dapp_cate::after{display:block; position:absolute; top:0; right:15px; width:30px; height:56px; background:url("/assets/img/XTRION/cate_xselect.svg") no-repeat 50% 51%; transition:all 0.3s; content:"" }
.dapp_cate_wrap .btn_dapp_cate.on::after{transform:rotate(-180deg)}
.dapp_cate_wrap .dapp_cate_check{display:flex; flex-wrap:wrap; position:absolute; top:55px; width:100%; padding:20px; background:#101010; border:1px solid #555; border-radius: 8px;}
/* checkbox */
.dapp_cate_wrap .dapp_cate_check .checkbox_area{display:block; position:relative; width:25%; margin:10px 0; padding-left:32px; line-height:1; vertical-align:top; cursor:pointer; user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none}
.dapp_cate_wrap .dapp_cate_check .checkbox_area .checkbox_tit{display:inline-block; margin-right:20px; font-size:16px; line-height:24px; vertical-align:top}
.dapp_cate_wrap .dapp_cate_check .checkbox_area input{position:absolute; opacity:0; cursor:pointer}
.dapp_cate_wrap .dapp_cate_check .checkbox_area .checkmark{display:inline-block; position:absolute; top:0; left:0; width:24px; height:24px; border:1px solid #b7b7b7; border-radius:5px; transition:all 0.3s}
.dapp_cate_wrap .dapp_cate_check .checkbox_area .checkmark::after{display:block; position:absolute; top:3px; left:7px; width:8px; height:12px; border:solid #dbdbdb; border-width:0 2px 2px 0; background:transparent; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); content:"" }

.dapp_cate_wrap .dapp_cate_check .checkbox_area:hover input ~ .checkmark{background:#2636d6}
.dapp_cate_wrap .dapp_cate_check .checkbox_area input:checked ~ .checkmark{background:#fff; border-color:#2636d6}
.dapp_cate_wrap .dapp_cate_check .checkbox_area input:checked ~ .checkmark::after{display:block; border-color:#2636d6}

.dapp_form_wrap .form_row .social_input_list{display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:-20px}
.dapp_form_wrap .form_row .social_input_list input{width:49%; margin-top:20px; padding:0 15px 0 55px}
.dapp_form_wrap .form_row .social_input_list .sns_git_input{background:url("../img/contents/xtsns_git.svg") no-repeat 15px 50%; background-size:30px; }
.dapp_form_wrap .form_row .social_input_list .sns_reddit_input{background:url("../img/contents/sns_reddit.svg") no-repeat 15px 50%; background-size:30px}
.dapp_form_wrap .form_row .social_input_list .sns_youtube_input{background:url("../img/contents/sns_youtube.svg") no-repeat 15px 50%; background-size:30px}
.dapp_form_wrap .form_row .social_input_list .sns_twitter_input{background:url("../img/contents/sns_twitter.svg") no-repeat 15px 50%; background-size:30px}
.dapp_form_wrap .form_row .social_input_list .sns_telegram_input{background:url("../img/contents/sns_tele.svg") no-repeat 15px 50%; background-size:30px}

.dapp_btn_wrap{display:flex; justify-content:space-between; margin-top:60px; }
.dapp_btn_wrap .btn{width:49%; font-size:18px; font-weight:700;}
.dapp_btn_wrap .btn_dapp_cancel{border:1px solid #555; background:#555; color:#fff; border-radius: 8px;}
.dapp_btn_wrap .btn_dapp_cancel:hover{border:1px solid #787878; background:#787878;}
.dapp_btn_wrap .btn_dapp_save{background:#2936d6; color:#fff; border-radius: 8px;}
.dapp_btn_wrap .btn_dapp_save:hover{background:#fff;  color:#101010;}

.form_tit {color:#fff; padding-bottom: 12px; background:url(/assets/img/XTRION/h2_bot_line.png) bottom left no-repeat;}

@media all and (max-width:1000px) {
	.dapp_form_top .dapp_form_img{width:170px; height:170px; margin-top:30px; background-size:190px}
	.dapp_form_top .dapp_form_wrap{padding-left:240px}
}
@media all and (max-width:991px){
	.dapp_form_wrap .form_row label{font-size:16px}
	.dapp_form_wrap input,
	.dapp_form_wrap select,
	.dapp_form_wrap textarea{font-size:15px !important;}
}
@media all and (max-width:801px) {
	.dapp_form_wrap input,
	.dapp_form_wrap select,
	.dapp_form_wrap textarea{font-size:14px !important;}
	.dapp_form_wrap .form_row label{margin-top:20px}
	.dapp_form_wrap .form_row .input_file_box{height:50px; }
	.dapp_form_wrap .form_row .input_file_box label{height:50px; line-height:50px}
	.dapp_form_wrap .form_row .input_file_box .upload_name{height:48px; line-height:48px}

	.dapp_cate_wrap .btn_dapp_cate{padding:12px 20px}
	.dapp_cate_wrap .btn_dapp_cate::after{right:15px; height:50px; }
	.dapp_cate_wrap .dapp_cate_check{top:49px}

	.dapp_btn_wrap .btn{font-size:16px}
}
@media all and (max-width:760px) {
	.dapp_form_top .dapp_form_img{position:relative; top:0; width:140px; height:140px;}
	.dapp_form_top .dapp_form_wrap{padding:0;}

	.dapp_form_wrap .form_row .img_preview_list .input_file_wrap{width:48%; padding-top:32%}
	.dapp_form_wrap .form_row .img_preview_list .input_file_wrap:nth-child(3n+1){margin-left:2%}
	.dapp_form_wrap .form_row .img_preview_list .input_file_wrap:nth-child(2n+1){margin-left:0}

	.dapp_form_wrap .form_row .social_input_list input{width:100%; margin-top:15px;}
}
@media all and (max-width:650px) {
	.dapp_cate_wrap .dapp_cate_check{padding:15px;}
	.dapp_cate_wrap .dapp_cate_check .checkbox_area{width:33.33%}
}
@media all and (max-width:520px) {
	.dapp_cate_wrap .dapp_cate_check .checkbox_area{width:50%}

}
@media all and (max-width:420px) {
	.dapp_form_wrap .form_row .img_preview_list .input_file_wrap{width:100%; padding-top:65%}

	.dapp_cate_wrap .btn_dapp_cate{padding:12px 15px;}
	.dapp_cate_wrap .btn_dapp_cate::after{right:5px;}
	.dapp_cate_wrap .dapp_cate_check .checkbox_area{width:100%}
}






 /* event */
.event_conwrap{padding-bottom:0; }

.event_imgst {position:relative; width:100%; margin:35px 0px 50px 0px;}
.event_imgst ul {position:relative; width:auto;}
.event_imgst li {float:left; width:auto; text-align:left;}
.event_imgst li:first-child {padding-right:59px;}

.event_coin_ar {position:relative; width:236px;}
.event_coin_ar dt {position:relative; width:100%; height:54px; line-height:54px; text-align:center; color:#fff; font-size:15px; background:#0A0A0A;}
.event_coin_ar dd {position:relative; width:100%; height:auto; min-height:88px; padding:13px 20px 13px 20px; background:#fff; border:1px solid #707070; border-radius:0px 0px 20px 20px; font-size:14px; color:#0a0a0a; font-weight:400;}
.event_coin_ar dd span {display:block; height:30px; line-height:30px; width:100px; margin:0px auto; background:url(../img/contents/event_coin.svg) no-repeat 0px 0px; padding-left:37px; font-size:18px; font-weight:600; color:#0a0a0a;}
.sgm_al {display:flex; justify-content:center; align-items:center;}

.mt_aa {position:relative; width:100%; margin:40px 0px 40px 0px;}
.mt_aa dl {position:relative; width:100%; padding-bottom:20px;}
.mt_aa dt {display:inline-block; width:20%; max-width:48px; height:48px; line-height:48px; background:#F16840; border-radius:24px; text-align:center; color:#fff; font-weight:500; font-size:18px;}
.mt_aa dd {display:inline-block; width:80%; padding-left:20px; line-height:120%; font-weight:500; font-size:16px;}
.mt_aa dd span {display:block; font-weight:300; font-size:14px;}
.mt_aa dd .event_btn {display:block;vertical-align:middle; padding-top:10px;}
.mt_aa dd .event_btn li {float:left; width:auto; margin:0px 5px 5px 0px;}
.mt_aa dd .event_btn li a {display:inline-block; width:auto; min-width:159px; padding:0px 10px; height:48px; line-height:48px; text-align:center; border:1px solid #0A0A0A; border-radius:5px; color:#0a0a0a; font-weight:400; transition:all 0.3s}
/*.mt_aa dd .event_btn li a:hover {border:1px solid #f16840; color:#0a0a0a;}*/
.mt_aa dd .event_btn li a img {padding-top:13px;}
.mt_aa dd .event_btn li a.event_join {border:1px solid #f16840; background:#fff; color:#f16840; transition:all 0.3s}
.mt_aa dd .event_btn li a.event_join:hover {border:1px solid #f16840; background:#f16840; color:#fff;}
.mt_aa dd span.btn_andst {width:auto; min-width:100px; margin:0px auto; height:46px; line-height:46px; padding-left:20px; background:url(../img/contents/icon_android.svg) no-repeat; background-position:16px 13px; background-size:18px 18px; font-weight:400;}
.mt_aa dd span.btn_iosst {width:auto; min-width:100px; margin:0px auto; height:46px; line-height:46px; padding-left:20px; background:url(../img/contents/icon_apple.svg) no-repeat; background-position:28px 12px; background-size:18px 18px; font-weight:400;}
.mt_aa dd span.btn_telst {width:auto; min-width:100px; margin:0px auto; height:46px; line-height:46px; padding-left:30px; background:url(../img/contents/icon_tel.svg) no-repeat; background-position:5px 13px; background-size:18px 18px; font-weight:400;}

.mt_bb {position:relative; width:100%; margin:30px 0px 20px 0px;}
.mt_bb dl {position:relative; width:100%; padding-bottom:20px;}
.mt_bb dl dt {display:inline-block; width:30%; max-width:120px; height:42px; line-height:42px; background:#0a0a0a; border-radius:21px; text-align:center; color:#fff; font-weight:500; font-size:14px;}
.mt_bb dl dd {display:inline-block; width:70%; padding-top:14px; padding-left:20px; line-height:130%; font-weight:500; font-size:16px;}
.mt_bb dl dd span {display:block; font-weight:300; font-size:14px; background:url(../img/contents/event_dot.png) no-repeat; background-position:0px 13px; padding:5px 0px 0px 10px;}

.event_not {position:relative; width:100%; padding:40px; background:#F3F3F3; border-radius:30px;}
.event_not p {display:block; font-weight:400; font-size:14px; color:#0a0a0a; padding-bottom:10px;}
.event_not span {display:block; font-weight:300; font-size:14px; background:url(../img/contents/event_dot.png) no-repeat; background-position:0px 11px; padding:0px 0px 5px 10px;}

.event_img_bot {position:relative; width:100%; margin-top:40px; text-align:center}
.event_img_bot img{display:block; margin:0 auto}



@media (max-width:600px) {
	.event_imgst li{width:50%; text-align:center; padding-right:0px;}
	.event_imgst li:first-child {padding-right:0px;}
	.event_coin_ar {position:relative; width:236px; margin:0px auto;}
}
@media (max-width:550px) {

	.event_imgst li{width:100%; margin-bottom:10px;}
	.event_coin_ar {width:100%; min-width:236px;}
	.mt_bb {margin:0px 0px 20px 0px;}
	.mt_bb dl dt {min-width:120px;}
	.mt_bb dl dd {width:100%; display:block; padding:10px 0px 0px 0px;}
	.event_not {padding:30px;}
}
@media (max-width:360px) {
	.mt_aa dd {display:block; padding:10px 0px 0px 0px; width:100%;}

}


/* GIFT CARD */
.giftcardwrap{}
.giftcardwrap h3.contit{margin:60px 0 20px}
.giftcardwrap h4.contit{margin:30px 0 0}
.giftcard_con{margin:30px 0 20px; }

.giftcard_top{display:flex; justify-content:space-between; align-items:flex-end; flex-direction:row-reverse}
.giftcard_top .btn_wrap{display:flex; align-items:flex-end; width:55%;  }
.giftcard_top .btn_giftcard{width:100%; padding:30px 20px; border:1px solid #474747; border-radius:0 30px 0 0; transition:all 0.3s }
.giftcard_top .btn_giftcard .tit{margin:0 0 20px; font-size:20px; line-height:1.2; font-weight:700; }
.giftcard_top .btn_giftcard .info{line-height:1.4;}
.giftcard_top .btn_giftcard:hover{border:1px solid  #f16840; background:#f16840; color:#fff}
.giftcard_top .giftcard_img{width:32%; border-radius:20px; box-shadow:10px 10px 10px rgba(0,0,0,0.1) }
.giftcard_top .giftcard_img img{display:block; }

.giftcard_what{display:flex; justify-content:space-between; margin:20px 0 0; text-align:center}
.giftcard_what li{position:relative; width:32%;}
.giftcard_what li span{display:block; }
.giftcard_what li .icon{display:flex; justify-content:center; align-items:center; width:130px; height:130px; margin:0 auto; background:#fafafa; border-radius:50%;}
.giftcard_what li .icon img{display:inline-block; height:90px; }
.giftcard_what li .tit{margin:20px 0 10px; font-size:18px; line-height:1.4; font-weight:700; }
.giftcard_what li .info{line-height:1.4; color:#676767}

.giftcardwrap .btn_giftcard_wrap{display:flex; justify-content:space-between;}
.giftcardwrap .btn_giftcard_wrap a{display:block; width:48%;  border:1px solid #474747;}
.giftcardwrap .btn_giftcard_wrap a span{display:inline-block; position:relative; padding:0 0 0 40px;}
.giftcardwrap .btn_giftcard_wrap a span:before{display:inline-block; width:30px; height:30px; position:absolute; top:50%; left:0; transform:translateY(-50%); content:'';}
.giftcardwrap .btn_giftcard_wrap a.googleplay span:before{background:url(/assets/img/contents/icon_googleplay.svg) no-repeat 50% 50%; background-size:20px; }
.giftcardwrap .btn_giftcard_wrap a.appstore span:before {background:url(/assets/img/contents/icon_appstore.svg) no-repeat 50% 0; background-size:22px; }
.giftcardwrap .btn_giftcard_wrap a:hover {border:1px solid  #f16840; background:#f16840; color:#fff;}
.giftcardwrap .btn_giftcard_wrap a.googleplay:hover span:before{background:url(/assets/img/contents/icon_googleplay_on.svg) no-repeat 50% 50%; background-size:20px; }
.giftcardwrap .btn_giftcard_wrap a.appstore:hover span:before {background:url(/assets/img/contents/icon_appstore_on.svg) no-repeat 50% 0; background-size:22px; }

.giftcard_how li{position:relative; margin:0 0 20px; }
.giftcard_how li span{display:block; }
.giftcard_how li .step{font-size:17px; text-transform:uppercase; }
.giftcard_how li .con{font-size:18px; font-weight:500;  }
.giftcard_how li .info{font-size:14px; line-height:1.3; font-weight:300;  color:#999 }
.giftcard_how .btn_howto_wrap{margin-top:10px; text-align:center; }
.giftcard_how .btn_howto_wrap a{max-width:300px; width:80%; }

.reminder_list{counter-reset:li;}
.reminder_list li{position:relative; margin:5px 0; padding-left:38px; }
.reminder_list li:before{display:block; position:absolute; top:0; left:5px; width:24px; height:24px; background:#eaeaea; border-radius:50%; font-size:13px; line-height:25px; font-weight:300; color:#676767; text-align:center; counter-increment:li; content:counter(li);}

@media (max-width:900px) {
	.giftcard_top{flex-wrap:wrap;}
	.giftcard_top .btn_wrap{width:100%; padding:0 0 20px}
	.giftcard_top .btn_giftcard{padding:20px 30px}
	.giftcard_top .btn_giftcard .tit{margin:0 0 10px; }
	.giftcard_top .btn_giftcard .info br{display:none}
	.giftcard_top .giftcard_img{max-width:320px; width:100%; margin:20px auto; text-align:center}
	.giftcard_top .giftcard_img img{max-width:500px; width:100%;}
}
@media (max-width:700px) {
	.giftcard_what{flex-wrap:wrap; }
	.giftcard_what li{width:100%; margin:10px 0; text-align:left;}
	.giftcard_what li .icon{position:absolute; top:0; left:0; width:100px; height:100px;  }
	.giftcard_what li .tit{margin-left:120px; }
	.giftcard_what li .info{margin-left:120px; }
	.giftcard_what li .info br{display:none}
}
@media (max-width:500px) {
	.giftcard_what li{text-align:center}
	.giftcard_what li .icon{position:relative; width:80px; height:80px;}
	.giftcard_what li .tit,
	.giftcard_what li .info{margin-left:0;}
}
@media (max-width:380px) {
	.giftcardwrap .btn_giftcard_wrap{flex-wrap:wrap}
	.giftcardwrap .btn_giftcard_wrap a{width:100%; margin:5px 0}

}

/** agency pop st.**/
.agency-modal-box {height:60vh; max-height:600px; overflow-y:scroll; scroll-behavior: smooth;}
.modal-agencywrap {width:100%; padding:10px 10px 0px 0;}
.modal-agencywrap h3 {width:100%; text-align:center; font-weight:5v00; font-size:30px; padding-bottom:30px;}
.org_ar {position:relative;}
.org_top {width:100%; min-width:280px; max-width:360px; margin:0 auto;}
.org_top ul {width:100%; height:auto;}
.org_box {padding:12px 15px 15px 15px; border:1px solid #515456; border-radius:20px; margin-bottom:25px;}
.org_box02 {border:1px solid #888 !important;}
.org_bg_gray {background-color: #f9f9f9}
.org_box li {position:relative; width:100%; text-align:center; font-size:15px; line-height:1.5;}
.org_name {font-weight:600; font-size:24px !important; padding-bottom:10px; margin-bottom:5px; background:url(/assets/img/contents/org_circle.png) bottom center no-repeat;}
.org_name span {padding-right:30px; background:url(/assets/img/contents/org_name_go_down.png) right 50% no-repeat;}
.org_name span:hover {background:url(/assets/img/contents/org_name_go_down02.png) right 50% no-repeat;}
.org_tit {font-size:22px !important; padding-bottom:5px;}
.org_tit02 {font-size:22px !important;}
.org_list {width:100%; display: flex; justify-content: space-between;}
.org_list div {padding:0 10px;}
.pad_t5 {padding-top:5px;}

.org_mem_ar {width:100%; height:auto; padding:25px; background:#f9f9f9; border-radius:20px; margin-top:20px;}

@media (max-height:850px) {
	.agency-modal-box {height:50vh;}
}
@media (max-width:1280px) {
	.org_top {max-width:340px;}
}
@media (max-width:980px) {
	.org_list div {padding:0 5px;}
}
@media (max-width:940px) {
	.modal-agencywrap h3 {font-size:25px; padding-bottom:20px;}
	.org_name {font-size:20px !important;}
	.org_tit {font-size:18px !important;}
	.org_tit02 {font-size:18px !important;}
}
@media (max-width:840px) {
	.org_list {display: block;}
	.org_list div {width:100%; min-width:280px; max-width:340px; margin:0 auto;}
}
@media (max-width:480px) {
	.org_top {max-width:auto;}
	.org_list div {max-width:auto;}
	.modal-agencywrap h3 {font-size:22px;}
	.org_name {font-size:17px !important;}
	.org_tit {font-size:15px !important; font-weight:600;}
	.org_tit02 {font-size:15px !important; font-weight:600;}
	.org_box li {font-size:14px;}
	.org_box {margin-bottom:15px;}
}
@media (max-width:360px) {
	.org_box {padding:10px;}
	.org_top {min-width:auto; padding:0 5px;}
	.org_list div {min-width:auto;}
}