@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&subset=korean');


.main {
    text-align: center;
  /*
    text-align: center;
    background-image: url(../images/main_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    
  
    width:100%;
    height:100%;
    overflow: hidden;
    text-align: center;
   background-image: url(../images/space.gif);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
*/
}
.background{
    z-index: -1;
    position:fixed;
    width:100%;
    height:100%;
    overflow: hidden;
    text-align: center;
   background-image: url(../images/space.gif);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.main .header{
    text-align: center;
    position: relative;
    line-height: 100px;
    border-bottom:0px solid #fff;
}

.main .header .tit {
    width: 46%;
    vertical-align: middle;
    max-width: 214px;
}
.notice{
    width:95%;
    min-height: 50px;
    margin:0 auto;
    border-radius: 10px;
    margin-top:10px;
    line-height: 50px;
    font-size: 0.875em;
    text-align: center;
    color:#fff;
    background:rgba(255, 255, 255, 0.3);
}
.wallet{
    width:95%;
    *min-height:375px;
    margin:0 auto;
    border-radius: 10px;
    border: 1px solid #fff;
    margin-top:20px;
}
.wallet_inner h1{
    font-family:'Nanum Gothic', 'Montserrat';
    font-size:1.2em;
    font-weight: bold;
    color:#fff;
    margin-top:12px;
    margin-bottom:12px;
    letter-spacing: 0.5em;
    text-align: center;
}
.wallet_inner hr{color:#fff;}
.greeting{
    font-size: 1em;
    margin-top:18px;
    color:#fff;
    text-align: center;
}
.balance{
    font-size: 1em;
    margin-bottom:35px;
    color:#fff;
}

.coin_list{
    width:95%;
    margin:0 auto;
    border-radius: 10px;
    margin:10px auto 20px auto;
    background-color: rgba(255, 255, 255, 0.3);
    overflow: hidden;
}
.coin_list:last-child{border:none;margin-bottom: 40px}

.coin_img{
    float:left;
    padding:10px 0 10px 20px;
}
.coin_name{
    display: none;
    float: left;
    color:#fff;
    font-family: "Montserrat";
    font-size: 0.8em;
    line-height: 1.5em;
    margin:0 0 0 20px;
    padding:17px 0px; 
    text-align: center;
}
.coin_balance{
    font-family: 'Nanum Gothic';
    float: right;
    margin:0 20px 0 0 ;
    padding:14px 0;
    color: #fff;
    text-align: right;
}
.coin_balance p:first-child{
    font-size: 1.125em;
}
.coin_balance p:nth-child(2){
    font-size: 1em;
}
.coin_img img{
    width:50px;
}





/* shop */
.shop{
    width:95%;
    min-height:100px;
    background: rgba(255, 255, 255, 0.3);
    margin:0 auto;
    border-radius: 10px;
    margin-top:20px;
    text-align: center;
    line-height: 100px;
}
.shop_inner{
    padding:10px;
}
.shop_inner img{
        width:30%;
        margin: 0 auto 10px;
        display:block;
}
.shop_inner p{
    font-size: 1em;
    font-weight: bold; 
    line-height:20px;
    color:#fff;
}

/* menu*/
.menu{
    width:95%;
    margin:0 auto;
    margin-top:20px;
}
.menu_box{
    display: flex;
    flex-direction: row;
justify-content: space-around;
}
.menu_box a{
    width:33%;
}

.menu_box a div{
    border-radius: 10px;
    margin:5px;
    background: rgba(255, 255, 255, 0.3);
    padding: 18px;
    text-align: center;   
}
.menu_box div img{
    width:100%;
    margin: 0px auto 15px;
    display:block;
}    
.menu_box p{
    font-size: 0.9em;
    font-weight: bold; 
    color:#fff;
    line-height: 1em;
}


.aligncenter{
    width:95%;
    margin:0 auto;
    border: 1px solid #dadada;
    border-radius: 10px;
}





/* new */
#token_addr{
opacity:0;
position:absolute;}
.clear:after{content:""; display: block; clear:both;}
.posR{position: relative;}

.main-wrap{background: #fff;}
.new-token{padding: 300px 0 125px;}
.new-token img{width: 444px; height: 444px; margin: 0 auto; display: block;}
.new-box{padding: 90px 40px 80px; border-radius:20px; width: 96%; margin: 0 auto 120px; background: rgba(255,255,255,0.9); box-sizing:border-box;}
.new-box .left{margin-right: 40px; width: 180px; float: left; box-sizing:border-box;}
.new-box .left img{width: 100%; height: 100%; display: block;}
.new-box .right{width: calc(100% - 220px); float: left; text-align: right;}
.new-box .right p{padding-bottom: 25px; font-size: 54px; line-height:1.2; letter-spacing:0; color: #535252; font-weight: 400; border-bottom: 1px solid #424242; box-sizing:border-box;}
.new-box .right span{padding-top: 25px; font-size: 54px; line-height:1.2; letter-spacing:0; color: #535252; font-weight: 400; display: block;}

.new-icon{padding-bottom: 90px; width: 96%; margin: 0 auto; box-sizing:border-box;}
.new-icon a{padding: 20px; border-radius:20px; width: 23.5%; margin-right: 2%; float: left; background: rgba(255,255,255,0.9); box-sizing:border-box; display: block; text-align: center;}
.new-icon a:last-of-type{margin-right: 0;}
.new-icon a img{width: 134px; height: 161px; margin: 0 auto 25px; display: block;}
.new-icon a p{font-size: 45px; line-height:1.2; letter-spacing:0; font-weight: 400; color: #535252;}

.bg{height: 181px; background: #f8f8f9;}

.foot-fix{position: fixed; bottom: 0; left: 0; width: 100%; background: #fff;}
.foot-fix a{padding: 25px 0 10px; text-align: center; box-sizing:border-box; width: 25%; float: left; display: block;}
.foot-fix a img{width: 45px; height: 50px; margin: 0 auto 20px; display: block;}
.foot-fix a p{font-size: 27px; line-height:1.2; letter-spacing:0; font-weight: 400; color: #adadad;}

/* 입금 */
/*.sub-wrap{padding-bottom: 170px;}*/
.sub-bg{background: #eee; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.sub-head{position:fixed; height:auto; width:100%; margin-bottom: 23px; background: #fff; box-sizing:border-box; border-bottom: 4px solid #ccc;}
.sub-in{width: 96%; margin: 0 auto;}
.sub-in .left{margin: 41px 0 42px; width: 33px; float: left;}
.sub-in .left a{height: 61px; display: block;}
.sub-in .left a img{width: 100%; height: 100%; display: block;}
.sub-in .center{width: 193px; top: 30px; left: 50%; position: absolute; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0);}
.sub-in .center a{height: 89px; display: block;}
.sub-in .center a img{width: 100%; height: 100%; display: block;}
.sub-in .right{margin: 40px 0 42px; width: 62px; float: right;}
.sub-in .right a{height: 62px; display: block;}
.sub-in .right a img{width: 100%; height: 100%; display: block;}

.sub-tit{padding:120px 0 0 0;background: #fff; margin-bottom: 0; text-align: left;}
.sub-tit p{font-size: 43px; line-height:130px; padding: 0 2%; letter-spacing:0; font-weight: 400; color: #535252; box-sizing:border-box; border-bottom: 1px solid #e8e8e8;}

.sub-token-wrap{background: #fff; border-bottom: 1px solid #ccc; box-sizing:border-box;}
.sub-token-con{padding: 67px 0 63px; width: 96%; margin: 0 auto;}
.sub-token-con .left{width: 137px; height: 137px; margin-right: 27px; float: left;}
.sub-token-con .left img{width: 100%; height: 100%; display: block;}
.sub-token-con .right{width: calc(100% - 164px); float: left;}
.sub-token-con .right span{padding-bottom: 30px; margin-bottom: 30px; font-size: 36px; line-height:1; letter-spacing:0; font-weight: 400; color: #535252; text-align: right; display: block; box-sizing:border-box; border-bottom: 1px solid #000;}
.sub-token-con .right p strong{font-size: 26px; line-height:36px; letter-spacing:0; font-weight: 400; color: #535252; display: block; float: left;}
.sub-token-con .right p b{font-size: 36px; line-height:1; letter-spacing:0; font-weight: 400; color: #535252; display: block; float: right;}

.history-wrap{background: #fff;}
.history-list{padding: 4%; box-sizing:border-box;}
.history-list table{width: 100%; border-spacing:0; }
.history-list table tr th{padding: 15px 0; font-size: 37px; line-height:1.2; letter-spacing:0; font-weight: 400; color: #535252; border-bottom: 1px solid #9c9c9c;}
.history-list table tr th.th-day{width: 45%;}
.history-list table tr th.th-purchase{width: 15%;}
.history-list table tr th.th-condition{width: 15%;}
.history-list table tr th.th-point{width: 25%;}
.history-list table tr td{padding: 15px 0; font-size: 32px; line-height:1.2; letter-spacing:0; font-weight: 400; color: #999; border-bottom: 1px solid #aaa; text-align: center;}
.history-list table tr td.td-purchase{color: #d72534;}
.history-list table tr td.td-condition span{font-size: 32px; width: 135px; height: 55px; line-height:55px; letter-spacing:0; text-align: center; display: inline-block; vertical-align:top; color: #fff; background: #d72534; box-sizing:border-box; border-radius:10px;}
.history-list table tr td.td-point{color: #0f5f9e;}


.deposit-wrap{margin-top: 27px; background: #fff;}
.deposit-tit{border-bottom: 1px solid #e5e5e5}
.deposit-tit p{font-size: 43px; line-height:128px; letter-spacing:0; font-weight: 400; color: #535252; padding: 0 2%;}
.deposit-link{width: 96%; margin: 0 auto;}
.deposit-link p{padding: 30px 0 20px; font-size: 29px; line-height:35px; letter-spacing:0; font-weight: 400; color: #535252;}
.deposit-link a{font-size: 31px; line-height:88px; border-radius:15px; letter-spacing:0; font-weight: 400; color: #555; display: block; background: #ddd; text-align: center;}
.deposit-qr{padding: 80px 0 60px; text-align: center; border-bottom: 6px solid #ccc;}
.deposit-qr p{font-size: 36px; line-height:1; letter-spacing:0; font-weight: 400; color: #535252;}
.deposit-qr span{margin: 25px auto 45px; width: 80px; height: 1px; background: #000; display: block;}
.deposit-qr img{width: 200px; height: 200px; display: block; margin: 0 auto;}

.payment-wrap{padding: 60px 0; margin-top: 40px; box-sizing:border-box; border-bottom: 6px solid #ccc; border-top: 1px solid #e7e7e7; background: #fff;}
.payment-con{width: 96%; margin: 0 auto;}
.payment{width: 100%;}
.payment li{padding-bottom: 35px; margin-bottom: 35px; width: 100%; box-sizing:border-box; border-bottom: 1px solid #aaa; list-style:none;}
.payment li:after{content:""; display: block; clear:both;}
.payment li:last-of-type{margin-bottom: 50px;}
.payment li p{width: 240px; font-size: 37px; line-height:60px; letter-spacing:0; font-weight: 400; color: #535252; float: left; box-sizing:border-box; text-align: left;}
.payment li p.fz54{font-size: 54px;}
.payment li span{width: calc(100% - 240px); font-size: 37px; line-height:60px; letter-spacing:0; font-weight: 400; color: #999; float: right; display: block; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.payment li input{width: calc(100% - 240px); font-size: 54px; line-height:60px; height: 60px; letter-spacing:0; font-weight: 400; color: #999; float: right; display: block; border: 0; box-sizing:border-box; text-align: right;}
.payment-con > a{font-size: 34px; line-height:123px; border-radius: 61.5px; letter-spacing:0; font-weight: bold; box-sizing:border-box; display: block; text-align: center; background: #d72534; color: #fff;}

.branch-wrap{padding: 60px 0; margin-top: 40px; box-sizing:border-box; border-bottom: 6px solid #ccc; border-top: 1px solid #e7e7e7; background: #fff;}
.branch-con{width: 96%; margin: 0 auto;}
.branch{width: 100%;}
.branch li{padding-bottom: 35px; margin-bottom: 35px; width: 100%; box-sizing:border-box; border-bottom: 1px solid #aaa; list-style:none;}
.branch li:after{content:""; display: block; clear:both;}
.branch li:last-of-type{margin-bottom: 50px;}
.branch li p{ font-size: 37px; line-height:60px; letter-spacing:0; font-weight: 400; color: #535252; float: left; box-sizing:border-box; text-align: left;}
.branch li p.fz54{font-size: 54px;}
.branch li span{width: calc(100% - 240px); font-size: 37px; line-height:60px; letter-spacing:0; font-weight: 400; color: #999; float: left; display: block; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.branch li input{width: calc(100% - 240px); font-size: 54px; line-height:60px; height: 60px; letter-spacing:0; font-weight: 400; color: #999; float: left; display: block; box-sizing:border-box; text-align: left;}
.branch li input.phone{width: calc(100% - 240px); font-size: 54px; line-height:60px; height: 60px; letter-spacing:0; font-weight: 400; color: #999; float: left; display: block;  box-sizing:border-box; text-align: left;}
.branch li input.phone.fz55{width: 4px; }

.branch-con > a{font-size: 34px; line-height:123px; border-radius: 61.5px; letter-spacing:0; font-weight: bold; box-sizing:border-box; display: block; text-align: center; background: #d72534; color: #fff;}



/* intro */
.intro{position: fixed; top: 40%; left: 50%; height: 443px; width: 443px; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-perspective-origin: 50% 50%; perspective-origin: 50% 50%;}
.intro-img{height: 443px; width: 100%; -webkit-animation: rotate3d 2s linear 0s infinite normal; animation: rotate3d 2s linear 0s infinite normal; -webkit-transform-style: preserve-3d; transform-style: preserve-3d;}
.intro-img img{width: 100%; height: 100%; display: block;}

.intro2{position: fixed; top: 60%; left: 50%; height: 20px; width: 80%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-perspective-origin: 50% 50%; perspective-origin: 50% 50%;}
.intro-img2{height: 100%; width: 100%;}
.intro-img2 img{width: 100%; height: 100%; display: block;}

@-webkit-keyframes rotate3d {
    from {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }
    to {
        -webkit-transform: rotateY(-360deg);
        transform: rotateY(-360deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }
}

@keyframes rotate3d {
    from {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }
    to {
        -webkit-transform: rotateY(-360deg);
        transform: rotateY(-360deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }
}


@media all and (max-width:1080px) {

.new-token{padding: 27.778vw 0 11.574vw;}
.new-token img{width: 41.111vw; height: 41.111vw; margin: 0 auto; display: block;}
.new-box{padding: 8.333vw 3.704vw 7.407vw; margin: 0 auto 11.111vw;}
.new-box .left{margin-right: 3.704vw; width: 16.667vw;}
.new-box .right{width: calc(100% - 20.371vw);}
.new-box .right p{padding-bottom: 2vw; font-size: 5vw;}
.new-box .right span{padding-top: 2vw; font-size: 5vw;}

.new-icon {padding-bottom: 8.333vw;}
.new-icon a{padding: 1.852vw; border-radius:1.852vw;}
.new-icon a img{width: 12.407vw; height: 14.907vw; margin: 0 auto 2.315vw;}
.new-icon a p{font-size: 4.167vw;}

.bg{height: 16.76vw; }

.foot-fix a{padding: 2.315vw 0 0.926vw;}
.foot-fix a img{width: 4.167vw; height: 4.63vw; margin: 0 auto 1.852vw;}
.foot-fix a p{font-size: 2.5vw;}

/* 입금 */

.sub-head{margin-bottom: 2.13vw;}
.sub-in .left{margin: 3.796vw 0 3.889vw; width: 3.056vw;}
.sub-in .left a{height: 5.648vw;}
.sub-in .center{width: 60.87vw; top: 2.778vw;}
.sub-in .center a{height: 8.241vw;}
.sub-in .right{margin: 3.704vw 0 3.889vw; width: 5.741vw;}
.sub-in .right a{height: 5.741vw;}

.sub-tit{margin-bottom: 3.426vw;}
.sub-tit p{font-size: 3.981vw; line-height:12.037vw;}


.sub-token-con{padding: 6.204vw 0 5.833vw;}
.sub-token-con .left{width: 12.685vw; height: 12.685vw; margin-right: 2.5vw; text-align: center}
.sub-token-con .right{width: calc(100% - 15.185vw);}
.sub-token-con .right span{padding-bottom: 2.778vw; margin-bottom: 2.778vw; font-size: 3.333vw;}
.sub-token-con .right p strong{font-size: 2.407vw; line-height:3.333vw;}
.sub-token-con .right p b{font-size: 3.333vw;}

.history-list table tr th{padding: 1.389vw 0; font-size: 3.426vw;}
.history-list table tr td{padding: 1.389vw 0; font-size: 2.963vw;}
.history-list table tr td.td-condition span{font-size: 2.963vw; width: 12.5vw; height: 5.093vw; line-height:5.093vw; border-radius:0.926vw;}


.deposit-wrap{margin-top: 2.5vw;}
.deposit-tit p{font-size: 3.981vw; line-height:11.852vw;}
.deposit-link p{padding: 2.778vw 0 1.852vw; font-size: 2.685vw; line-height:3.241vw;}
.deposit-link a{font-size: 2.87vw; line-height:8.148vw; border-radius:1.389vw;}
.deposit-qr{padding: 7.407vw 0 5.556vw;}
.deposit-qr p{font-size: 3.333vw;}
.deposit-qr span{margin: 2.315vw auto 4.167vw; width: 7.407vw;}
.deposit-qr img{width: 31.574vw; height: 33.148vw;}

.payment-wrap{padding: 5.556vw 0; margin-top: 3.704vw;}
.payment li{margin-bottom: 3.241vw; padding-bottom: 3.241vw; }
.payment li:last-of-type{margin-bottom: 4.63vw;}
.payment li p{width: 20.222vw; font-size: 4vw; line-height:5.556vw;}
.payment li p.fz54{font-size: 4vw;}
.payment li span{width: calc(100% - 20.222vw); font-size: 4vw; line-height:5.556vw;}
.payment li input{width: calc(100% - 20.222vw); font-size: 4vw; height: 5.556vw; line-height: 5.556vw;}
.payment-con > a{font-size: 3.15vw; line-height:11.389vw; border-radius: 5.694vw;}


/* intro */
.intro{width: 41.019vw; height: 41.019vw;}
.intro-img{height: 41.019vw;}

footer {
	position:fixed;
	bottom:0;
	text-align: center;
	height: 50px;
	width:100%;
	padding-top: 15px !important;
	background: #151d23 !important;
}
footer h2 {margin-bottom: 20px;}

footer p {
    color: #fff;}
}

.branch-wrap{padding: 5.556vw 0; margin-top: 3.704vw;}
.branch li{margin-bottom: 3.241vw; padding-bottom: 3.241vw; }
.branch li:last-of-type{margin-bottom: 4.63vw;}
.branch li p{ font-size: 4vw; line-height:5.556vw;}
.branch li p.fz54{font-size: 4vw;}
.branch li span{width: calc(100% - 20.222vw); font-size: 4vw; line-height:5.556vw;}
.branch li input{width: calc(100% - 20.222vw); font-size: 4vw; height: 5.556vw; line-height: 5.556vw;}
.branch li input.phone{width: calc(40% - 20.222vw); font-size: 4vw; height: 5.556vw; line-height: 5.556vw;}
.branch li input.phone.fz55{width: 1vw;}
.branch-con > a{font-size: 3.15vw; line-height:11.389vw; border-radius: 5.694vw;}


.sub_menu{
	height:50px;
	line-height:50px;
    list-style:none;
    margin:0;
    padding:0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.sub_menu li {
	border-right:1px solid #fff;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border : 0;
    float: left;
	width:50%;
	height:50px;
}
.sub_menu li:focused {
  background-color: pink;
}

@media screen and (max-width: 960px) {
.sub-tit{padding:0 0 0 0;background: #fff; margin-bottom: 0; text-align: left;}
}


/* =========== 공통 ============= */
.title h3{ margin-bottom: 2.666vw; font-size: 5.333vw; font-weight: 700; }
.title p{ margin-bottom: 5.333vw; font-size: 3.333vw; font-weight: 400; color: #555; }

.bg{ width: 100%; height: 100%; background: #D4A046; }

#main {
   padding-bottom: 25.2632vw; 
}
.main-title {
    padding-top: 10%;
    font-size: 5.9211vw;
    font-weight: 700;
    color: #fff;
    text-align: center;
    letter-spacing: 0.2px;
    margin-bottom: 10%;
}
.main-cont-in {
    background: url(../images/main-img02_1.png) no-repeat center/contain;
    height: 90.7895vw;
    text-align: center;
    padding: 15.7368vw 0 15.1579vw;
    box-sizing: border-box;
}
.main-cont-in > img {
    width: 176px;
}
.main-cont-in .wprice {
    font-size: 8.5526vw;
    color: #1a1a1a;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin-top: 1.5236vw;
    margin-bottom: 2.5526vw;
}

.main-cont-in .price {
font-size: 4.8526vw;
    color: #1a1a1a;
    font-weight: 500;
    letter-spacing: -0.5px;
    position: relative;
    width: 50%;
    margin: 0 auto;
    border: 1px solid #fff;
    background-color: #e1e1e1;
    box-sizing: border-box;
    padding: 2.1368vw 1.2158vw;
    margin-bottom: 2.8526vw;
}
.kk-box {
    display: flex;
    margin: 0 auto;
    width: 50vw;
    flex-direction: column;
}
.kk-box .klay{
    border-bottom: 2px solid #eaf0f5;
    box-sizing: border-box;
    width: 100%;
    padding: 1.2368vw;
}
.main-cont-in .blue {
    font-size: 3.6842vw;
    font-weight: 700;
    text-align: left;
    color: #1c6ab4;
    letter-spacing: 0.5px;
}
.main-cont-in .gray {
    font-size: 2.8947vw;
    color: #b7b7b7;
    text-align: right;
    font-weight: 500;
    letter-spacing: 0.5px;
}
.kk-box .kong {
    width: 100%;
    padding: 1.2368vw;
    box-sizing: border-box;
}
.m-box1 {
    position: absolute;
    right: 6%;
    width: 29.6053vw;
    bottom: -8%
}
.m-box1 > img {
    width: 100%;
}
.m-box1 .txt {
    text-align: center;
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.m-box1 .txt p {
    color: #fff;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.5px;
    font-size: 4.6053vw;
}
.m-box2 {
    position: absolute;
    left: 7%;
    width: 29.6053vw;
    bottom: -8%;
}
.m-box2 > img {
    width: 100%;
}
.m-box2 .txt {
    text-align: center;
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.m-box2 .txt p {
    color: #fff;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.5px;
    font-size: 4.6053vw;
}
.main-content {
    position: relative;
    margin-bottom: 29.5526vw;
}

.cp-box1 {
    position: relative;
    width: 90%;
    margin: 0 auto;
    border: 1px solid #fff;
    
    box-sizing: border-box;
    padding: 2.1368vw 1.2158vw;
}

.cp-box1 .txt {
    text-align: center;    
}

.cp-box1 .txt p {
    color: #fff;
    font-weight: 500; 
    letter-spacing: 0.5px;
    font-size: 4.5vw;
}

.banner-box {
    width: 100%;
    /* position: fixed; */
    bottom: 0;
}
.banner-box a {
    display: block;
}
.banner-box a img {
	position:fixed;
	bottom:0;
    width: 100%;
}

.video-wrap {
    margin-top: -8vw;
    text-align: center;
}

.btn-video {
    width: 86%;                      /* 버튼 가로 90% */
    padding: 2vw 0;
    font-size: 4vw;
    font-weight: 700;
    border-radius: 1vw;              /* 라운드 적게 */
    border: none;
    background: #d4af37;             /* 골드 색상 */
    color: #fff;
    cursor: pointer;
}

.btn-video:active {
    transform: scale(0.97);
}

.video-area {
    margin-top: 3vw;
    display: none;                   /* 초기 숨김 */
}

.video-area video {
    width: 90%;
    max-width: 600px;
    border-radius: 1vw;
    background: #000;
}