@charset "utf-8";
* {margin: 0; padding: 0; box-sizing: border-box; list-style: none; overflow-x: hidden;}
a {color: inherit; text-decoration: none;}
img {max-width: 100%; vertical-align: middle;}

/* 기본 디바이스 제어 */
.pc { display: block; }
.mob { display: none; }

.box { background-color:#1f1f1f; width: 100%; padding: 25px 0px; }
.box .inner {width: 1000px; margin: 0 auto; text-align: center;}
.price-box {display: inline-block; width: 33%;}
.price-box .label {color: #ffffff; font-size: 20px;}
.price-box .badge {
    display: inline-block; 
    color: #00c18c; 
    border: 1px solid #00c18c; 
    border-radius: 6px;
    padding: 2px 6px;
    font-size: 10px;
    font-weight: 500;
    background-color: transparent; 
    transition: all 0.3s ease;
    margin-left: 25px;
}
#usdt-upbit {color: #00c18c; font-size: 30px; font-weight: bold;}
#trx-bithumb {color: #00c18c; font-size: 30px; font-weight: bold;}
#usdt-bithumb {color: #00c18c; font-size: 30px;font-weight: bold;}
.price-box .sub {color: #ffffff; font-size: 18px; margin-left: 10px;}

/* kv slick */
.kv .kv-slide-mob {display: none;}
.kv .kv-slide {display: block;}
.kv .kv-slide .slick-arrow { position: absolute; z-index: 1; }
.kv .kv-slide .slick-prev,
.kv .kv-slide .slick-next {
    width: 20px; height: 20px; top: 50%;
    background-color: transparent; border: transparent;
    border-top: 1px solid #fff; border-left: 1px solid #fff;
    font: 0/0 all;
}
.kv .kv-slide .slick-prev { transform: rotate(-45deg); left: 5%; }
.kv .kv-slide .slick-next { transform: rotate(135deg); right: 5%;} 
.kv .kv-slide .slick-dots {
    position: absolute; z-index: 1; left: 0; right: 0; bottom: 25px;
    display: flex; justify-content: center;
}
.kv .kv-slide .slick-dots button {
    font: 0/0 all; background-color: #fff; border: 1px solid #696969;
    width: 12px; height: 12px; border-radius: 20px;
    transition: width .3s ease-in-out;
}
.kv .kv-slide .slick-dots .slick-active button {
    background-color: #1f1f1f; width: 50px;
}
.kv .kv-slide .slick-dots li + li { margin-left: 15px; }

.cont1 { display: flex; justify-content: center; background-color: #1f1f1f; }
.cont1-1 { display: flex; justify-content: center; background-color: rgb(255, 255, 255);}
.cont2 {background-color: #ffffff;}
.cont2 .bt {position: absolute; bottom: 0;}
.cont2 .pc {
    width: 1200px; margin: 0 auto;
    background-image: url(../images/cont1-2.png);
    background-size: cover; height: 650px;
}
.Contact {padding-top: 15%;}
.cont2 .pc .Contact div {float: left; width: 50%; padding: 5%;}
.cont2 .pc .Contact div img {padding: 2%;}

.cont3 {background-color: #ffffff;}
.cont3 .pc {display: block; margin: 0 auto;}

@media screen and (max-width: 1100px) {
    .cont2 .pc { width: 1000px; height: 550px; }
    .cont2 .pc .Contact div { padding: 1%; }
    .cont2 .pc .Contact div img { width: 88%; }
}

@media screen and (max-width: 900px) {
    .cont2 .pc { width: 900px; height: 1050px; }
    .Contact div {
        display: block; padding: 0%; text-align: center;
    }
    .kv .kv-slide-mob { display: block; }
    .kv .kv-slide { display: none; }
    .box .inner { width: 950px; }
    .price-box { width: 80%; }
}

@media screen and (max-width: 600px) {
    .pc { display: none; }
    .mob { display: block; }

    .box { padding: 15px 0px; }
    .box .inner { width: 595px; }
    .price-box { padding-bottom: 3%; }

    .cont2 .mob {
        margin: 0 auto;
        background-image: url(../images/cont1-2-mob.png);
        background-size: cover;
        height: 856px;
    }
    .cont2 .mob .Contact { padding-top: 29%; }
    .cont2 .mob .Contact div {
        justify-items: center; padding: 4%;
    }
    .cont2 .mob .Contact div img { width: 100%; }
    .cont2 .mob .Contact a:last-child { padding-bottom: -6%; }
    .price-box:nth-child(1) { padding-top: 3%; }

    .cont3 .pc { display: none; }
    .cont3 .mob { display: block; }

    .cont1 .pc { display: none; }
    .cont1 .mob { display: block; }

    .cont1-1 .pc { display: none; }
    .cont1-1 .mob { display: block; }
}

@media screen and (max-width: 500px) {
    .box { padding: 0; }
    .box .inner { width: 430px; }
    .price-box .label { font-size: 17px; }
    .price-box .badge { padding: 2px 4px; }
    #usdt-upbit { font-size: 25px; }
    .price-box:last-child { padding-bottom: 0%; }
    .cont2 .mob .Contact { padding-top: 40%; }
}