@charset "utf-8";

/*main*/
.bxMain {height: 572px; background:#14141e;}
.bxMain .inr-c {display: flex; align-items:center; height: 100%; background:url("/defi_images/main_top_backimg.png"); background-repeat: no-repeat; background-position: right;}

.box_text1 .h1 {font-weight: 700; color: #fff; font-size: 52px; line-height: 1.2;}
.box_text1 .t1 {margin-top: 15px; font-size: 16px; color: #2b2b2b; opacity:.8;}
.box_text1 .btn-bot {font-size: 0;}
.box_text1 .btn-pk {margin-right: 15px; border-radius:16px; font-size:20px; font-weight:bold; line-height:68px; height:68px; box-sizing:border-box; width:150px; padding:0;}
.box_text1 .btn-pk:last-child {margin-right: 0; background:#e1e4ee; color:#14141e;}



/*슬라이드*/
.main_banner1 {}
.main_banner1 .mySwiper {position: relative; overflow:hidden; padding: 120px 10px; width: calc(100% + 20px); margin-left: -10px;}
.main_banner1 .item {
	position: relative; height: 300px;
	padding: 70px; font-size: 16px; color: #2b2b2b; 
	box-shadow:0 0 10px rgba(0,0,0,.3);
	border-radius: 2em; box-sizing:border-box;
	background-image: url(../images/main/bg_slider1.jpg); background-repeat: no-repeat;
	background-position: right center; background-size: auto 100%;
}
.main_banner1 .item .h1 {margin-bottom: 15px; font-weight: 700; font-size: 36px; line-height: 1.2; color: #000;}
.main_banner1 .item .t1 {opacity:.8;}
.main_banner1 .item .imgs {position: absolute; right: 5%; top: 50%; transform:translateY(-50%);}

.main_banner1 .swiper-pagination {bottom: 80px !important;}
.main_banner1 .swiper-pagination-bullet-active {background-color: #3c3c3c !important;}



/*마켓*/
.main_market {margin-bottom: 30px;}
/*.main_market .inr-c {display: flex; align-items:center;}
.main_market .box_list {width: 50%;}*/
.main_market .box_text1 {padding-left: 10%;}

.box_list {box-shadow:0 0 3px rgba(0,0,0,.1); border-radius: 2em;}
.box_list li {border-top: 1px solid #f8f8f8;}
.box_list li:first-child {border-top: 0;}
.box_list a {min-width:0; padding: 0 30px; display: flex; align-items:center; flex-wrap:wrap; justify-content: space-between; height: 88px;}
.box_list .lft img {width: 32px; margin-right: 15px;}
.box_list .t_coin {display: inline-flex; font-weight: 700; font-size: 18px; color: #333;}
.box_list .t_coin .label {display: inline-block; vertical-align: middle; margin-left: 12px; font-size: 12px; padding: 5px 10px; background-color: #f0f0f0; border-radius: 8px; color: #3c3c3c;}
.box_list .t_price {font-size: 20px; font-weight: 700; color: #333;}
.box_list .t_price .percent {display: inline-block; vertical-align: middle; padding: 5px 10px;  border-radius: 8px; font-weight: 400; font-size: 12px; margin-right: 12px;}
.box_list .t_price .percent.red {background-color: #ffebe5; color: #ff3c00;}
.box_list .t_price .percent.green {background-color: #e8fae5; color: #1ed200;}



/*모바일웹*/
.main_mobile {padding: 100px 0; background-image: url(../images/main/bg_main2.jpg); background-repeat: no-repeat; background-position: right center; background-attachment: fixed;}
.main_mobile .inr-c {display: flex; align-items:center; }
.main_mobile .box_text1 {width: 50%;}
.main_mobile .imgs {width: 50%; text-align: right;}



/*교환*/
.main_exchange {text-align: center; padding: 130px 0;}
.main_exchange .box_text1 {margin-bottom: 90px;}


.bind_col {display: flex; height: 632px;}
.bind_col .col {overflow:hidden; flex:1; display: inline-flex; flex-wrap:wrap; margin-left: 2%; border-radius: 2em; box-shadow:0 0 10px rgba(0,0,0,.1);}
.bind_col .col > div {width: 100%;}
.bind_col .txt {padding: 48px 48px; height: 230px; box-sizing:border-box; text-align:left;}
.bind_col .h1 {margin-bottom: 20px; font-weight: 700; font-size: 36px; color: #fff;}
.bind_col .t1 {font-size: 16px; line-height: 1.5; color: rgba(255,255,255,0.5);}

.bind_col .col:first-child {margin-left: 0;}



/*환경*/
.main_innovative {background:#14141e; width:100%; height:312px; background: linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ),url(/defi_images/main_bottom_bg.png); background-color: #14141e; background-repeat: no-repeat; background-position: center;}
.main_innovative .box_text1 {color: #fff; text-align:center;}
.main_innovative .box_text1 > p {color: #fff; padding-top:80px; margin-bottom:40px; font-size:36px; font-weight:bold;}
.main_innovative .btn-bot{text-align:center;}
.main_innovative .btn-bot > a{ margin-right: 16px; font-weight:bold;}
.main_innovative .btn-bot > a:last-child{ margin-right: 0; background: #e1e4ee; color: #14141e;}





/*링크*/
.main_togo {padding-top: 130px; padding-bottom: 250px;}

.main_togo .inr-c {display: flex;}
.main_togo .box_linka {flex:1; margin-left: 3%;}
.main_togo .box_linka:first-child {margin-left: 0;}

.box_linka > a {overflow:hidden; padding: 46px; display: flex; align-items:center; border-radius: 2em; box-shadow:0 0 10px rgba(0,0,0,.1);}
.box_linka .img {margin-right: 40px;}
.box_linka .h1 {margin-bottom: 15px; font-weight: 700; font-size: 28px; color: #333; line-height: 1.3;}
.box_linka .ico_link1 {font-size: 16px; font-weight: 400; color: #2878ff;}



/*************************************************************/
/*PC1400*/
@media (max-width:1440px){
	.bxMain .box_text1 {width:40%}
	.bxMain .imgs {width: 60%;}
}




/*모바일*/
@media (max-width:960px){
/*메인*/
.bxMain {height: auto; padding-top: 60px;}
.bxMain .inr-c {flex-wrap:wrap; height: auto;}
.bxMain .box_text1 {width:100%; padding: 50px 0; text-align: center;}
.bxMain .imgs {width: 100%; padding-bottom: 40px;}
.bxMain .btn-bot {}
.bxMain .btn-bot a {display: block; margin-left: 0; margin-right: 0; margin-bottom: 7px;}
.bxMain .btn-bot a.blue {border-color: rgba(0,0,0,.3);}
.bxMain .box_text1 .h1 {color: #fff;}
.bxMain .box_text1 .t1 {color: #fff;}

.box_text1 .h1 {font-size: 28px;}



/*슬라이드*/
.main_banner1 {}
.main_banner1 .mySwiper {overflow:initial; padding: 50px 0 0; margin-bottom: 50px; width: 100%; margin-left: 0;}
.main_banner1 .item {height: 300px; padding: 20px; font-size: 14px; border-radius: 1.2em;  background-size: cover; color: #fff;}
.main_banner1 .item .h1 {margin-bottom: 10px; font-size: 20px; color: #fff;}
.main_banner1 .item .t1 {opacity:.8;}
.main_banner1 .item .imgs {right: 5%; top: auto; bottom: 5%; transform:translateY(0); text-align: right;}
.main_banner1 .item .imgs img {max-height:150px;}

.main_banner1 .swiper-pagination {bottom: 15px !important; text-align: left; padding: 0 20px;}
.main_banner1 .swiper-pagination-bullet-active {background-color: #fff !important;}



/*마켓*/
.main_market {margin-bottom: 40px;}
.main_market .inr-c {display: block;}
.main_market .box_list {width: 100%; margin-bottom: 30px;}
.main_market .box_text1 {padding-left: 0;}
.main_market .btn-bot {display: flex;}
.main_market .btn-bot .btn-pk {flex:1; min-width:auto;}


.box_list {border-radius: 1em;}
.box_list a {padding: 10px 16px; height: 50px;}
.box_list a > div {width: 100%;}
.box_list .lft img {width: 16px; margin-right: 4px;}
.box_list .rgh {text-align: right;}
.box_list .t_coin {font-size: 14px;}
.box_list .t_coin .label {margin-left: 6px; font-size: 12px; padding: 2px 5px; border-radius: 4px;}
.box_list .t_price {font-size: 14px;}
.box_list .t_price .percent {padding: 2px 5px;  border-radius: 4px; font-size: 10px; margin-right: 5px;}
.box_list .t_price .percent.red {background-color: #ffebe5; color: #ff3c00;}
.box_list .t_price .percent.green {background-color: #e8fae5; color: #1ed200;}


/*모바일웹*/
.main_mobile {padding: 50px 0 40px; background-position: center bottom; background-repeat: no-repeat; background-position: right -10px bottom 70px; background-size: 130% auto; background-attachment: scroll; background-color: #f9f9f9; background-image: url(../images/main/bg_main2m.png);}
.main_mobile .inr-c {display: block; }
.main_mobile .box_text1 {width: 100%;}
.main_mobile .imgs {width: 100%; text-align: right;}
.main_mobile .imgs img {max-width:50%;}



/*교환*/
.main_exchange {padding: 60px 0;}
.main_exchange .box_text1 {margin-bottom: 50px;}


.bind_col {display: block;}
.bind_col .col {margin-left: 0; margin-bottom: 20px; border-radius: 1em;}
.bind_col .col > div {width: 100%;}
.bind_col .txt {padding: 0 20px 20px; height: auto; }
.bind_col .h1 {margin-bottom: 10px; font-size: 20px;}
.bind_col .t1 {font-size: 13px;}

.bind_col .col:nth-child(2) {flex-direction: column;}
.bind_col .col:nth-child(2) .txt {padding-top: 0;}
.bind_col .col:nth-child(2) .imgs img {transform: rotate(180deg);}



/*환경*/
.main_innovative {padding: 50px 0; background-position: 0 0;}
.main_innovative .box_text1 {display: block;}
.main_innovative .box_text1 .h1 {min-width: 35%; margin-bottom: 1em;}
.main_innovative .box_text1 .t1 {margin-top: 0; opacity:1; line-height: 1.7;}


/*링크*/
.main_togo {padding-top: 50px; padding-bottom: 50px;}

.main_togo .inr-c {display: block;}
.main_togo .box_linka {margin-left: 0; margin-bottom: 15px;}

.box_linka > a {padding: 20px; border-radius: 1em;}
.box_linka .img {margin-right: 20px; width: 100px;}
.box_linka .h1 {margin-bottom: 5px; font-size: 20px; line-height: 1.1;}
.box_linka .ico_link1 {font-size: 13px;}





}