@charset "utf-8";

/* m_tit */
.m_tit{text-align: center; margin-top: 80px; position: relative;}
.m_tit h3{font-family: 'esamanru'; font-weight: 500; color: #222; font-size: 3.6rem;}
.m_tit h3 span{color: #4361db;}
.m_tit p{font-size: 1.6rem; font-weight: 500; color: #939aad; margin-top: 15px;}
.m_tit .price{display: flex; position: absolute; bottom: 0; right: 0; opacity: 1;}
.m_tit .price li{font-size: 1.4rem; font-weight: 300; font-family: 'esamanru'; color: #000; margin-left: 20px;}
.m_tit .price li span{width: 26px; height: 26px; border-radius: 100%; display: inline-flex; justify-content: center; align-items: center; margin-right: 3px;}
.m_tit .price li span.month{background-color: #3554d9; color: #fff;}
.m_tit .price li span.sum{background-color: transparent; border: 1px solid #3554d9; color: #3554d9;}

@media all and (max-width:976px){
    .m_tit{margin-top: 60px;}
    .m_tit h3{font-size: 3.2rem;}
}
@media all and (max-width:640px){
    .m_tit h3{font-size: 2.8rem;}
}

/* sec1 */
.sec1{padding: 30px 0 80px; position: relative; background-color: #f5f6f8;}
.sec1.no-bg{background: transparent;}
.sec1::before{content: ''; width: 100%; /*height: 420px;*/ height: 440px; position: absolute; background: url(/images/main/sec1_bg.jpg) no-repeat center center / cover; display: block; top: 0; left: 0; z-index: 0;}
.sec1.no-bg::before{content: ''; display: none;}
.sec1 .inner{}
.sec1 .inner .top_cont{display: flex; justify-content: space-between;}
.sec1 .inner .top_cont .l_cont{width: 100%; max-width: 1015px; margin-right: 10px;}
.sec1 .inner .top_cont .l_cont #mVisual{width: 100%; border-radius: 5px; overflow: hidden;}
.sec1 .inner .top_cont .l_cont #mVisual a{display: block; width: 100%;}
.sec1 .inner .top_cont .l_cont #mVisual .slick-list li{display: block; width: 100%;}
.sec1 .inner .top_cont .l_cont #mVisual .slick-list li img{width: 100%;}
.sec1 .inner .top_cont .l_cont #mVisual a .mv{width: 100%; height: 450px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.sec1 .inner .top_cont .l_cont #mVisual a .mv.mv1{background-image: url(/images/main/mv1.jpg);}
.sec1 .inner .top_cont .l_cont #mVisual a .mv.mv2{background-image: url(/images/main/mv1.jpg);}
.sec1 .inner .top_cont .l_cont #mVisual .slick-dots{left: 25px; bottom: 20px;}
.sec1 .inner .top_cont .l_cont #mVisual .slick-dots li{width: 10px; height: 10px; margin-bottom: 0;}
.sec1 .inner .top_cont .l_cont #mVisual .slick-dots li.slick-active{background-color: #fff;}

@media all and (max-width:1280px){
    .sec1 .inner .top_cont .l_cont{max-width: 830px;}
    .sec1 .inner .top_cont .l_cont #mVisual a .mv{height: 368px;}
    .sec1::before{height: 350px;}
}

.sec1 .inner .top_cont .r_cont{width: calc(100% - 1015px - 10px); margin-left: 10px;}
.sec1 .inner .top_cont .r_cont .login_box{background-color: #3554d9; padding: 30px; border-radius: 5px 5px 0 0; min-height: 288px;}
.sec1 .inner .top_cont .r_cont .login_box .title{display: flex; align-items: center; justify-content: space-between;}
.sec1 .inner .top_cont .r_cont .login_box .title a{background-color: #20aea9; color: #fff; font-weight: 600; border-radius: 5px; padding: 5px 10px; font-size: 1.5rem;}
.sec1 .inner .top_cont .r_cont .login_box .flex{display: flex; align-items: center; margin-top: 15px;}
.sec1 .inner .top_cont .r_cont .login_box .profile_img{display: none}
.sec1 .inner .top_cont .r_cont .login_box .flex .txt{margin-left: 0px; width: 100%; display: flex; justify-content: space-between;}
.sec1 .inner .top_cont .r_cont .login_box .flex .txt strong{width: calc(100% - 80px);}
.sec1 .inner .top_cont .r_cont .login_box .flex .txt a{text-align: right; width: 90px;}
.sec1 .inner .top_cont .r_cont .login_box .flex .txt strong{display: block; color: #fff; font-size:1.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sec1 .inner .top_cont .r_cont .login_box .flex .txt a#ol_after_info{display: block; color: #4361db;background-color: #fff;font-weight: 600; border-radius: 5px;text-align: center; margin-left: 5px;padding: 5px; font-size: 1.5rem; white-space: nowrap;}
.sec1 .inner .top_cont .r_cont .login_box #ol_after_private{margin: 13px 0; background-color: #2b44b2; padding: 10px 15px; border-radius: 5px; display: flex; flex-wrap: wrap;}
.sec1 .inner .top_cont .r_cont .login_box #ol_after_private li{margin-bottom: 8px; flex:auto; width: 50%;}
.sec1 .inner .top_cont .r_cont .login_box #ol_after_private li:last-child{margin-bottom: 0;}
.sec1 .inner .top_cont .r_cont .login_box #ol_after_private li a{color: #fff; display: flex; align-items: center; justify-content: space-between}
.sec1 .inner .top_cont .r_cont .login_box #ol_after_private li a p{width: 60px;}
.sec1 .inner .top_cont .r_cont .login_box #ol_after_private li a p.w100{width: 100% !important;}
.sec1 .inner .top_cont .r_cont .login_box #ol_after_private li.o2 a p{width: 86px;}
.sec1 .inner .top_cont .r_cont .login_box #ol_after_private li a strong{display: block; font-weight: 500;}
.sec1 .inner .top_cont .r_cont .login_box h3{font-family: 'esamanru'; font-size: 2.2rem; color: #fff; font-weight: 500;}
.sec1 .inner .top_cont .r_cont .login_box form{margin: 15px 0 20px;}
.sec1 .inner .top_cont .r_cont .login_box form input{display: block; width: 100%; background-color: transparent; border: 1px solid #728be4; border-radius: 5px; padding: 15px 18px; outline: none; color: #fff; font-family: 'Pretendard', sans-serif; margin-bottom: 5px;}
.sec1 .inner .top_cont .r_cont .login_box form input::placeholder{font-size: 1.5rem; color: #6682f1; font-family: 'Pretendard', sans-serif;}
.sec1 .inner .top_cont .r_cont .login_box form button{font-size: 1.8rem; color: #4361db; font-weight: 600; background-color: #fff; width: 100%; line-height: 46px; border-radius: 5px;}
.sec1 .inner .top_cont .r_cont .login_box #ol_after_logout{font-size: 1.8rem; color: #4361db; font-weight: 600; background-color: #fff; width: 100%; line-height: 46px; border-radius: 5px; display: block; text-align: center;}
.sec1 .inner .top_cont .r_cont .login_box .etc{display: flex; align-items: center; justify-content: space-between;}
.sec1 .inner .top_cont .r_cont .login_box .etc .save{display: flex; align-items: center;}
.sec1 .inner .top_cont .r_cont .login_box .etc .save input{background:transparent;}
.sec1 .inner .top_cont .r_cont .login_box .etc .save label{font-size: 1.5rem; font-weight: 500; color: #ffffff; margin-left: 5px;}
.sec1 .inner .top_cont .r_cont .login_box .etc .link{display: flex;}
.sec1 .inner .top_cont .r_cont .login_box .etc .link li{}
.sec1 .inner .top_cont .r_cont .login_box .etc .link li:last-child{margin-left: 10px; padding-left: 10px; border-left: 1px solid #a7b5f0;}
.sec1 .inner .top_cont .r_cont .login_box .etc .link li a{font-size: 1.5rem; color: #a7b5f0; font-weight: 500; line-height: 1em;}
.sec1 .inner .top_cont .r_cont .partner_box{border-radius: 5px;margin-top: 20px; height: calc(100% - 20px - 288px); max-height: 142px; padding: 25px 30px; background:#20aea9 url(/images/main/partner_box_bg.png) no-repeat right center;}
.sec1 .inner .top_cont .r_cont .partner_box a{}
.sec1 .inner .top_cont .r_cont .partner_box a .txt{}
.sec1 .inner .top_cont .r_cont .partner_box a .txt h4{font-family: 'esamanru'; font-size: 2.2rem; font-weight: 500; color: #fff; line-height: 1.4em;}
.sec1 .inner .top_cont .r_cont .partner_box a .txt p{font-size: 1.4rem; font-weight: 500; color: #ffffff; opacity: 0.6; margin-top: 15px;}
.sec1 .inner .top_cont .r_cont .pc{display: block;}
.sec1 .inner .top_cont .r_cont .mo{display: none;}

.sec1 .inner .top_cont .r_cont .partner_box2{border-radius: 0px;margin-top: 0px; height: calc(162px / 2); max-height: 142px; padding: 20px 30px; background:#20aea9 url(/images/main/partner_box_bg.png) no-repeat right center;}
.sec1 .inner .top_cont .r_cont .partner_box2.two{background: #87b8f9  url(/images/main/partner_box_bg2.png) no-repeat 85% top; border-radius: 0 0 5px 5px;}
.sec1 .inner .top_cont .r_cont .partner_box2 a{}
.sec1 .inner .top_cont .r_cont .partner_box2 a .txt{}
.sec1 .inner .top_cont .r_cont .partner_box2 a .txt h4{font-family: 'esamanru'; font-size: 2.0rem; font-weight: 500; color: #fff; line-height: 1.1em;}
.sec1 .inner .top_cont .r_cont .partner_box2 a .txt p{font-size: 1.4rem; font-weight: 500; color: #ffffff; opacity: 0.6; margin-top: 3px;}

@media all and (max-width:1280px){
    .sec1 .inner .top_cont .r_cont{width: calc(100% - 830px - 10px);}
    .sec1 .inner .top_cont .r_cont .login_box{height: 50%; display: flex; justify-content: center; align-items: center;}
	.sec1 .inner .top_cont .r_cont .login_box .flex{margin-top: 0;}
	.sec1 .inner .top_cont .r_cont .login_box #ol_after_hd h3{display: none;}
    .sec1 .inner .top_cont .r_cont .login_box#ol_after{display: block;}
	.sec1 .inner .top_cont .r_cont .login_box #ol_after_private{margin: 10px 0; padding: 8px 12px;}
	.sec1 .inner .top_cont .r_cont .login_box #ol_after_private li{width: 33.3333%; margin-bottom: 0; line-height: 1.8em;}
	.sec1 .inner .top_cont .r_cont .login_box #ol_after_private li a p{width: 46px;}
    .sec1 .inner .top_cont .r_cont .partner_box{height: 50%;max-height: 163px;}
    .sec1 .inner .top_cont .r_cont .pc{display: none;}
    .sec1 .inner .top_cont .r_cont .mo{display: block; width: 100%; text-align: center;}
    .sec1 .inner .top_cont .r_cont .mo h3{margin-bottom: 15px;}
    .sec1 .inner .top_cont .r_cont .mo .etc{margin-top: 20px; justify-content: flex-end;}
    .sec1 .inner .top_cont .r_cont .mo > a{font-size: 1.8rem; color: #4361db; font-weight: 600; background-color: #fff; width: 100%; line-height: 46px; border-radius: 5px; display: block;}
	.sec1 .inner .top_cont .r_cont .login_box #ol_after_private li.o2{order: 2; flex: 0 auto; width: 33.33333%;}
	.sec1 .inner .top_cont .r_cont .login_box #ol_after_private li.o2 a p{width: 80px;}
}
@media all and (max-width:976px){
    .sec1::before{height: 560px;}
    .sec1 .inner .top_cont .l_cont{max-width: 100%;}
    .sec1 .inner .top_cont{flex-direction: column;}
    .sec1 .inner .top_cont .r_cont{margin-left: 0; width: 100%;}
    .sec1 .inner .top_cont .r_cont .login_box {padding: 20px;}
    .sec1 .inner .top_cont .r_cont .mo > a{line-height: 40px;}
    .sec1 .inner .top_cont .r_cont .partner_box{margin-top: 15px;}
    .sec1 .inner .top_cont .r_cont .mo .etc{margin-top: 15px; justify-content: center;}
    .sec1 .inner .top_cont .r_cont .login_box h3{display: none;}
	.sec1 .inner .top_cont .r_cont .login_box .title{margin-bottom: 8px;}
    .sec1 .inner .top_cont .r_cont .partner_box{width: 100%; max-width: 100%; background-size: 110px;}
    .sec1 .inner .top_cont .r_cont .partner_box a .txt h4 br{display: none;}
    .sec1 .inner .top_cont .r_cont .partner_box a .txt p{margin-top: 5px;}
    .sec1 .inner .top_cont .l_cont #mVisual a .mv{height: 45vw;}
    .sec1 .inner .top_cont .r_cont .partner_box{padding: 20px;}
    .sec1 .inner .top_cont .l_cont #mVisual{margin-bottom: 15px;}
    .sec1 .inner .top_cont .r_cont .partner_box a .txt h4{font-size: 2rem;}
	.sec1 .inner .top_cont .r_cont .login_box #ol_after_private{margin: 13px 0; padding: 10px 12px;}
    .sec1 .inner .bottom_cont form .flex_box{flex-direction: column;}
    .sec1 .inner .bottom_cont form .flex_box .l_cont{width: 100%;}
    .sec1 .inner .bottom_cont form .flex_box .r_cont{width: 100%;}
	.sec1 .inner .top_cont .r_cont .login_box #ol_after_private{gap:10px 15px;}
	.sec1 .inner .top_cont .r_cont .login_box #ol_after_private li{width: calc(100% / 3 - 30px / 2) !important;}
	.sec1 .inner .top_cont .r_cont .login_box #ol_after_private li.o2{flex: auto;}
	.sec1 .inner .top_cont .r_cont .login_box #ol_after_private li a{justify-content: space-between;}
	.sec1 .inner .top_cont .r_cont .login_box #ol_after_private li a p{width: 80px !important;}
    
}
@media all and (max-width:640px){
    .sec1 .inner .bottom_cont form .flex_box .l_cont{margin-bottom: 15px;}
    .sec1 .inner .top_cont .r_cont .mo > a{font-size: 1.7rem;}
    .sec1 .inner .top_cont .l_cont #mVisual a .mv{height: 48vw;}
	.sec1 .inner .top_cont .r_cont .login_box #ol_after_private li{width: calc(100% / 2 - 15px / 2) !important;}
}


.sec1 .inner .bottom_cont{background-color: #fff; border-radius: 5px; margin-top: 30px; padding: 30px; box-shadow: 0px 0px 10px rgba(55,75,108,0.1);}
.sec1 .inner .bottom_cont form{}
.sec1 .inner .bottom_cont form .flex_box{display: flex;;}
.sec1 .inner .bottom_cont form .flex_box .l_cont{width: calc(100% - 200px); display: flex; flex-wrap: wrap; justify-content: space-between; gap:15px 0}
.sec1 .inner .bottom_cont form .flex_box .l_cont .cont{width: calc(50% - 15px);}
.sec1 .inner .bottom_cont form .flex_box .l_cont .cont h4{font-size: 1.6rem; font-weight: 600; color: #1a173b; margin-bottom: 5px;}
.sec1 .inner .bottom_cont form .flex_box .l_cont .cont .sel_box{display: flex; gap:0 5px;}
.sec1 .inner .bottom_cont form .flex_box .l_cont .cont select{width: 100%; font-size: 1.6rem; font-weight: 500; color: #777777; font-family: 'Pretendard', sans-serif; padding: 8px 12px; border: 1px solid #dde0ea; border-radius: 3px;}
.sec1 .inner .bottom_cont form .flex_box .l_cont .cont select option{font-size: 1.6rem; font-weight: 500; color: #777777; font-family: 'Pretendard', sans-serif;}
.sec1 .inner .bottom_cont form .flex_box .l_cont .cont input{border: 1px solid #dde0ea; border-radius: 3px; width: 100%; height: 100%; height: 37px; padding: 8px 12px; outline: none;}
.sec1 .inner .bottom_cont form .flex_box .l_cont .cont.flex{display: flex; gap:0 5px;}
.sec1 .inner .bottom_cont form .flex_box .l_cont .cont.flex .box{width:50%;}
.sec1 .inner .bottom_cont form .flex_box .r_cont{width: 170px;}
.sec1 .inner .bottom_cont form .flex_box .r_cont button{margin-left: 30px; background-color: #3554d9; width: 100%; height: 100%; border-radius: 5px;}
.sec1 .inner .bottom_cont form .flex_box .r_cont button img{margin-bottom: 15px;}
.sec1 .inner .bottom_cont form .flex_box .r_cont button p{font-family: 'esamanru'; font-size: 2.2rem; font-weight: 500; color: #fff;}

@media all and (max-width:976px){
    .sec1 .inner .bottom_cont{margin-top: 15px; padding: 20px;}
    .sec1 .inner .bottom_cont form .flex_box .l_cont{width: 100%; margin-bottom: 20px; gap:15px 10px;}
    .sec1 .inner .bottom_cont form .flex_box .l_cont .cont{width: calc(50% - 5px);}
    .sec1 .inner .bottom_cont form .flex_box .r_cont{width: 100%;}
    .sec1 .inner .bottom_cont form .flex_box .r_cont button{margin-left: 0; display: flex; align-items: center; justify-content: center; padding: 14px 0;}
    .sec1 .inner .bottom_cont form .flex_box .r_cont button img{margin-bottom: 0; margin-right: 5px;}
    .sec1 .inner .bottom_cont form .flex_box .r_cont button img{max-width: 26px;}
    .sec1 .inner .bottom_cont form .flex_box .r_cont button p{font-size: 2rem;}
    .sec1 .inner .bottom_cont form .flex_box .l_cont .cont input{height: 35px;}
}
@media all and (max-width:640px){
    .sec1 .inner .bottom_cont form .flex_box .l_cont .cont{width: 100%;}
    .sec1 .inner .bottom_cont form .flex_box .r_cont button p{font-size: 1.8rem;}
    .sec1 .inner .bottom_cont form .flex_box .r_cont button img{max-width: 22px;}
}

.sec1 .premium{}
.sec1 .premium .premium_list{margin-top: 45px;}



.sec1 .premium .premium_list .slick-prev{width: 94px; height: 94px; background: url(/images/main/premium_prev.png) no-repeat center center / 100%; box-shadow: 0px 0px; text-indent: -9999px; left: -64px;}
.sec1 .premium .premium_list .slick-next{width: 94px; height: 94px; background: url(/images/main/premium_next.png) no-repeat center center / 100%; box-shadow: 0px 0px; text-indent: -9999px; right: -64px;}
.sec1 .premium .premium_list li.bf11::before{content:''; content:''; width: 169px; height: 50px; background:url(/images/sub/bf11.webp) no-repeat center center / contain; position:absolute; top: 8px; left: 6px; display:block; animation: bficon .9s infinite; pointer-events: none; z-index: 2;}
.sec1 .premium .premium_list li.bf12::before{content:''; width: 181px; height: 50px; background:url(/images/sub/bf12.webp) no-repeat center center / contain; position:absolute; top: 8px; left: 6px; display:block; animation: bficon .9s infinite; pointer-events: none; z-index: 2;}
.sec1 .premium .premium_list li.bf13::before{content:''; width: 209px; height: 50px; background:url(/images/sub/bf13.webp) no-repeat center center / contain; position:absolute; top: 8px; left: 6px; display:block; animation: bficon .9s infinite; pointer-events: none; z-index: 2;}
.sec1 .premium .premium_list li.slick-slide{background-color: #fff; border-radius: 10px; overflow: hidden; max-width: 325px; margin-right: 20px; box-shadow: 0px 0px 15px rgba(55,75,108,0.1); position: relative;}
.sec1 .premium .premium_list li .reco{position: absolute; right: 0px; /*top: 10px;*/ z-index: 3;}
.sec1 .premium .premium_list li .reco li{margin-bottom: 5px; color: #fff; font-size: 14px; font-weight: 600; padding: 4px 10px; text-align: center; box-shadow: 0px 1px 4px rgba(0,0,0,0.15);}
.sec1 .premium .premium_list li .reco li.r{background-color: #ee1111;}
.sec1 .premium .premium_list li .reco li.y{background-color: #ee8011;}
.sec1 .premium .premium_list li .reco li.b{background-color: #1177ee;}
.sec1 .premium .premium_list li .reco li.g{background-color: #18c641;}
.sec1 .premium .premium_list li a{}
.sec1 .premium .premium_list li a .img{position: relative;}
.sec1 .premium .premium_list li a .img .percent{font-family: 'esamanru'; font-size: 1.4rem; color: #444; font-weight: 500; position: absolute; left: 10px; bottom: 10px; background-color: #fff; border-radius: 40px; padding: 10px 9px 10px 12px;}
.sec1 .premium .premium_list li a .img span.pr{padding-right: 18px; background-repeat: no-repeat; background-size: contain; background-position: right center;}
.sec1 .premium .premium_list li a .img span.up{color: red; font-weight: 500; background-image: url(/images/sub/up_arrow.webp);}
.sec1 .premium .premium_list li a .img span.down{color: blue; font-weight: 500; background-image: url(/images/sub/down_arrow.webp);}
/*
.sec1 .premium .premium_list li a .img .coin_label{position:absolute; bottom:10px; right:10px; text-align: center; display: flex; justify-content: center; align-items: center; gap:5px; background-color: #3564ff; padding: 5px 12px 3px 8px; border-radius: 20px;}
.sec1 .premium .premium_list li a .img .coin_label img{width: 24px; color:#fff; margin-bottom: 3px;}
.sec1 .premium .premium_list li a .img .coin_label p{font-size: 14px; color:#fff; font-weight: 500;}
*/

.sec1 .premium .premium_list li a .img .coin_label{position:absolute; bottom:10px; right:10px; text-align: center; display: flex; justify-content: center; align-items: center; gap:3px; background:linear-gradient(120deg, #ffec87, #fed43c, #fece30); padding: 3.5px 9px 0px 6px; border-radius: 8px; border-bottom: 2.5px solid #fab330;}
.sec1 .premium .premium_list li a .img .coin_label img{width: 24px; color:#fff; margin-bottom: 3px;}
.sec1 .premium .premium_list li a .img .coin_label p{font-size: 17px; color:#0a2b60; font-weight: 700; margin-top: -2px;}
.sec1 .premium .premium_list li a .img img{max-width: 100%;}
.sec1 .premium .premium_list li a .txt{padding: 22px;}
.sec1 .premium .premium_list li a .txt .index{opacity: .7; margin-bottom: 20px;}
.sec1 .premium .premium_list li a .txt .index span{display: inline-block; font-size: 1.4rem; font-weight: 500; color: #686868; border: 1px solid #bbb; border-radius: 20px; padding: 8px 20px;}
.sec1 .premium .premium_list li a .txt .title{font-size: 2rem; color: #222222; font-weight: 500; font-family: 'esamanru'; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sec1 .premium .premium_list li a .txt .title span{}
.sec1 .premium .premium_list li a .txt p{font-size: 1.6rem; color: #686868; font-weight: 500; margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sec1 .premium .premium_list li a .txt .price{margin-top: 25px; display: flex; justify-content: space-between;}
.sec1 .premium .premium_list li a .txt .price li{font-family: 'Montserrat', 'Pretendard', sans-serif; font-size: 2rem; font-weight: 700; color: #000; display: flex; align-items: center;}
.sec1 .premium .premium_list li a .txt .price li span{font-size: 1.4rem; font-weight: 300; font-family: 'esamanru'; display: inline-flex; justify-content: center; align-items: center; margin-right: 5px; width: 26px; height: 26px; border-radius: 100%;}
.sec1 .premium .premium_list li a .txt .price li span.month{background-color: #1b51ff; color: #fff;}
.sec1 .premium .premium_list li a .txt .price li span.sum{background-color: transparent; border: 1px solid #1b51ff; color: #1b51ff;}
.sec1 .premium .premium_list li a .txt .price li small{font-size: 1.8rem; font-weight: 600; color: #222; margin-left: 3px;}

@media all and (max-width:1280px){
    .sec1 .premium .premium_list li.slick-slide{max-width: 310px;}
    .sec1 .premium .premium_list .slick-prev{left: 0;}
    .sec1 .premium .premium_list .slick-next{right: 0;}
}
@media all and (max-width:976px){
    .sec1{padding: 25px 0 60px;}
    .sec1 .premium .premium_list{margin-top: 35px;}
    .sec1 .premium .premium_list li.slick-slide{max-width: 260px;}
	.sec1 .premium .premium_list li.bf11::before{height: 46px; width: 155px;}
	.sec1 .premium .premium_list li.bf12::before{height: 46px; width: 167px;}
	.sec1 .premium .premium_list li.bf13::before{height: 46px; width: 192px;}
    .sec1 .premium .premium_list li a .txt{padding:22px 17px;}
    .sec1 .premium .premium_list li a .txt .index span{padding: 6px 14px;}
    .sec1 .premium .premium_list li a .txt .index{margin-bottom: 12px;}
    .sec1 .premium .premium_list li a .txt .price{flex-direction: column; margin-top: 15px;}
/*    .sec1 .premium .premium_list li a .txt .price li{font-size: 1.8rem;}*/
    .sec1 .premium .premium_list li a .txt .title{font-size: 1.8rem;}
    .sec1 .premium .premium_list li a .txt .price li:first-child{margin-bottom: 6px;}
	.m_tit .price{position: static; justify-content: center; margin-top: 20px;}
    .m_tit .price li{margin-left: 0; margin: 0 5px;}
    .sec1 .premium .premium_list .slick-next,
    .sec1 .premium .premium_list .slick-prev{width: 72px; height: 72px;}
    .sec1 .premium .premium_list li a .txt .price li span{width: 22px; height: 22px; font-size: 1.3rem;}
    .m_tit .price li span{width: 22px; height: 22px; font-size: 1.3rem;}
}
@media all and (max-width:640px){
    .sec1 .premium .premium_list li.slick-slide{max-width: 220px; margin-right: 15px;}
	.sec1 .premium .premium_list li.bf11::before{height: 42px; width: 142px; top:4px; left:3px;}
	.sec1 .premium .premium_list li.bf12::before{height: 42px; width: 152px; top:4px; left:3px;}
	.sec1 .premium .premium_list li.bf13::before{height: 42px; width: 176px; top:4px; left:3px;}
    .sec1 .premium .premium_list .slick-next,
    .sec1 .premium .premium_list .slick-prev{display: none !important;}
    .sec1 .premium .premium_list li a .txt{padding: 20px 15px;}
    .sec1 .premium .premium_list li a .txt .title{font-size: 1.7rem;}
/*    .sec1 .premium .premium_list li a .txt .price li{font-size: 1.7rem;}*/
    .sec1 .premium .premium_list li a .txt .index span{padding: 5px 12px;}
/*
	.sec1 .premium .premium_list li a .img .coin_label{bottom:4px; right:3px; gap:4px;}
	.sec1 .premium .premium_list li a .img .coin_label img{width:20px;}
	.sec1 .premium .premium_list li a .img .coin_label p{font-size:13px;}
*/
	
	  .sec1 .premium .premium_list li a .img .coin_label{bottom:6px; right:7px; gap:4px;}
	  .sec1 .premium .premium_list li a .img .coin_label img{width:20px;}
	  .sec1 .premium .premium_list li a .img .coin_label p{font-size:15px;}
	.sec1 .premium .premium_list li a .img .percent{bottom: 6px; left: 7px; font-size: 1.3rem; padding: 8.5px 8px 8.5px 10px;}
	.sec1 .premium .premium_list li a .img span.pr{padding-right: 16px;}
}


/* sec2 */
.sec2{padding-bottom: 65px;}
.sec2 .tab{display: flex; justify-content: center; gap:0 10px; margin-top: 40px;}
.sec2 .tab li{font-size: 1.7rem; color: #a6abb6; font-weight: 500; background-color: #f5f6f8; padding: 22px 16px; border-radius: 10px; cursor: pointer; width: 100%; text-align: center; transition: .2s ease-in-out; white-space: nowrap; width: calc((100% - 100px)/11);}
.sec2 .tab li.tab12{padding: 22px 5px;}
.sec2 .tab li.on{background-color: #3564ff; color: #fff;}
.sec2 .tab li.tab12.on{background-color: #3564ff; color: #fff;}
.sec2 .tab li img{display: block; margin: 0 auto; margin-bottom: 15px;}
.sec2 .tab li.on img{filter: brightness(2);}
.sec2 .tab li.tab12.on img{filter: grayscale(0) brightness(1);}
.sec2 .tabcontent{display: none; margin-top: 40px;}
.sec2 .tabcontent.on{display: block;}
.sec2 .tabcontent .tit{display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px;}
.sec2 .tabcontent .tit h3{font-family: 'esamanru'; font-size: 2.4rem; font-weight: 500; color: #222222; display: flex; align-items: center; gap:10px; width: calc(100% - 95px);}
.sec2 .tabcontent .tit h3 br.mo{display: none;}
.sec2 .tabcontent .tit h3 small{font-size: 0.7875em; font-weight: 400; color: #555; display: block; word-break: keep-all; /* -webkit-text-stroke: 1px black;  text-shadow: 1px 1px 0 #333, 1px 2px 0 #333, 2px 3px 0 #333; */}
.sec2 .tabcontent .tit h3 small span{font-size: 1.075em; font-weight: 700; color: #4c76ff; word-break: keep-all;}
.sec2 .tabcontent .tit a{font-family: 'esamanru'; font-size: 1.4rem; font-weight: 300; color: #255fff; display: block; padding: 0 10px; border: 2px solid #3268ff; border-radius: 20px; padding: 8px 14px;}
.pd_list{display: flex; flex-wrap: wrap; gap:0 20px;}
.pd_list > li{margin-bottom: 35px; width: calc(100% / 4 - 60px / 4); position: relative;}
.pd_list li.slick-slide{position: relative;}
@keyframes bficon {
	0%{filter: brightness(1); transform:scale(1)}
	50%{filter: brightness(1.05); transform:scale(1.02)}
	100%{filter: brightness(1); transform:scale(1)}
}
.pd_list.slide li{margin-right: 20px; max-width: 325px;}
.pd_list li.bf11::before{content:''; content:''; width: 169px; height: 50px; background:url(/images/sub/bf11.webp) no-repeat center center / contain; position:absolute; top: 8px; left: 6px; display:block; animation: bficon .9s infinite; pointer-events: none; z-index: 2;}
.pd_list li.bf12::before{content:''; width: 181px; height: 50px; background:url(/images/sub/bf12.webp) no-repeat center center / contain; position:absolute; top: 8px; left: 6px; display:block; animation: bficon .9s infinite; pointer-events: none; z-index: 2;}
.pd_list li.bf13::before{content:''; width: 209px; height: 50px; background:url(/images/sub/bf13.webp) no-repeat center center / contain; position:absolute; top: 8px; left: 6px; display:block; animation: bficon .9s infinite; pointer-events: none; z-index: 2;}
.pd_list li .reco{position: absolute; right: 0px; z-index: 3; /*top: 10px;*/}
.pd_list li .reco li{margin-bottom: 5px; color: #fff; font-size: 14px; font-weight: 600; padding: 4px 10px; text-align: center; box-shadow: 0px 1px 4px rgba(0,0,0,0.15); margin-right: 0 !important;}
.pd_list li .reco li.r{background-color: #ee1111;}
.pd_list li .reco li.y{background-color: #ee8011;}
.pd_list li .reco li.b{background-color: #1177ee;}
.pd_list li .reco li.g{background-color: #18c641;}
.pd_list li a{}
.pd_list li a .img{border-radius: 10px; overflow: hidden; position: relative;}

.pd_list li a .img .percent{font-family: 'esamanru'; font-size: 1.4rem; color: #444; font-weight: 500; position: absolute; left: 10px; bottom: 10px; background-color: #fff; border-radius: 40px; padding: 10px 9px 10px 12px;}
.pd_list li a .img span.pr{padding-right: 18px; background-repeat: no-repeat; background-size: contain; background-position: right center;}
.pd_list li a .img span.up{color: red; font-weight: 500; background-image: url(/images/sub/up_arrow.webp);}
.pd_list li a .img span.down{color: blue; font-weight: 500; background-image: url(/images/sub/down_arrow.webp);}
.pd_list li a .img span.blue{color: #255fff;}
.pd_list li a .img .coin_label{position:absolute; bottom:10px; right:10px; text-align: center; display: flex; justify-content: center; align-items: center; gap:3px; background:linear-gradient(120deg, #ffec87, #fed43c, #fece30); padding: 3.5px 9px 0px 6px; border-radius: 8px; border-bottom: 2.5px solid #fab330;}
.pd_list li a .img .coin_label img{width: 24px; color:#fff; margin-bottom: 3px;}
.pd_list li a .img .coin_label p{font-size: 17px; color:#0a2b60; font-weight: 700; margin-top: -2px;}
.pd_list li a img{max-width: 100%;}
.pd_list li a .txt{padding-bottom: 30px;}
.pd_list li a .txt h4{font-family: 'Montserrat', 'Pretendard'; font-weight: 500; color: #939aad; font-size: 1.5rem; line-height: 1em; display: flex; align-items: center; margin: 30px 0 25px;}
.pd_list li a .txt h4 span{padding-right: 10px; margin-right: 10px; border-right:  1px solid #939aad; display: block; line-height: 1em;}
.pd_list li a .txt h4 span:last-child{margin-right: 0; padding-right: 0; border-right: 0;}
.pd_list li a .txt h4 span{}
.pd_list li a .txt .title{font-size: 2rem; font-weight: 600; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pd_list li a .txt .title span{}
.pd_list li a .txt p{font-size: 1.7rem; font-weight: 600; color: #444; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pd_list li a .txt .price{margin-top: 25px; display: flex; align-items: center; flex-wrap: wrap; gap:8px 0;}
.pd_list li a .txt .price li{font-family: 'Montserrat', 'Pretendard'; font-size: 2rem; font-weight: 700; color: #000; display: flex; align-items: center; width: 50%; white-space: nowrap; word-spacing: -0.15em; position: relative;}
.pd_list li a .txt .price li > div{display: flex; align-items: center;}
.pd_list li a .txt .price li:last-child{margin-right: 0;}
.pd_list li a .txt .price li span{font-family: 'esamanru'; font-size: 1.5rem; color: #444; font-weight: 500; margin-right: 6px;}
.pd_list li a .txt .price li span.pr{padding-right: 20px; background-repeat: no-repeat; background-size: contain; background-position: right center; position: absolute; bottom: -24px; right: 0; margin-right: 3px;}
.pd_list li a .txt .price li span.up{color: red; font-weight: 500; background-image: url(/images/sub/up_arrow.webp);}
.pd_list li a .txt .price li span.down{color: blue; font-weight: 500; background-image: url(/images/sub/down_arrow.webp);}
.pd_list li a .txt .price li span.blue{color: #255fff;}

.sec2 .mo{display: none;}

@keyframes swipe {
	0%{right: 0;}
	50%{right: 50px;}
	100%{right: 0;}
}

@media all and (max-width:1280px){
    .sec2 .tab li{padding: 20px 18px;}
    .pd_list li a .txt .price li span{margin-right: 5px; white-space: nowrap;}
}
@media all and (max-width:976px){
    .sec2{padding-bottom: 35px;}
    .sec2 .tabcontent .pd_list{gap:0 15px;}
    .sec2 .tab{gap:8px; justify-content: flex-start; overflow-x: scroll; margin-top: 30px; flex-wrap: wrap;}
    .sec2 .tab li{width: 31.33333%; flex:auto; padding: 10px 12px; font-size: 1.6rem;}
	.sec2 .tab li.tab12{padding: 10px 12px;}
    .sec2 .tab li img{margin-bottom: 6px; max-width: 32px; display: none;}
    .sec2 .tabcontent .tit{margin-bottom: 30px;}
    .pd_list{gap:0 15px;}
	.pd_list.slide li{max-width: 270px;}
    .pd_list > li{width: calc(100% / 3 - 30px / 3); margin-bottom: 25px;}
	.pd_list li a .txt .price li span{margin-right: 4px;}
	.pd_list li a .txt .price li span.pr{bottom: auto; right: -6px; top: 50%; transform: translateY(-50%); padding-right: 15px; position: relative;}
/*
    .pd_list > li:nth-child(7),
    .pd_list > li:nth-child(8){display: none;}
*/
    .sec2 .tabcontent .tit h3{font-size: 2rem; flex-direction: column; align-items: flex-start;}
	.sec2 .tabcontent .tit h3 small{font-size: 0.825em;  /* text-shadow: .75px 1px 0 #333, .75px 1px 0 #333, 1px 2px 0 #333; */}
	.sec2 .tabcontent .tit h3 br.mo{display: block !important;}
    .sec2 .tabcontent .tit a{border: 1px solid #3268ff;}
    .pd_list li a .img{border-radius: 5px;}
    .pd_list li a .txt{padding-bottom: 20px;}
    .pd_list li a .txt .price li{width: 100%;}
    .pd_list li a .txt .title{font-size: 1.9rem;}
    .pd_list li a .txt .price{margin-top: 20px;}
    .pd_list li a .txt h4{margin: 20px 0 10px; flex-direction: column; align-items: flex-start;}
    .pd_list li a .txt h4 span{padding-right: 0; margin-right: 0; border-right: 0; margin-bottom: 5px;}
	.sec2 .mo{text-align: right; display: block; margin-bottom: -20px; margin-top: 15px; animation: swipe 2s infinite; position: relative; opacity: 0.6}
	.sec2 .mo small{font-size: 10px;}
	.pd_list > li.bf11::before{height: 46px; width: 155px;}
	.pd_list > li.bf12::before{height: 46px; width: 167px;}
	.pd_list > li.bf13::before{height: 46px; width: 192px;}
}
@media all and (max-width:640px){
    .sec2 .tab li{padding: 8px 10px;}
	.sec2 .tab li.tab12{padding: 10px 8px;}
	.pd_list.slide li{max-width: 200px; margin-right: 15px;}
    .pd_list > li{width: calc(100% / 2 - 15px / 2);}
	.pd_list > li .reco li{font-size: 1.3rem; padding: 3px 6px; margin-bottom: 3px;}
    .pd_list li a .txt h4{margin-bottom: 5px;}
    .pd_list li a .txt .price{margin-top: 15px;}
    .pd_list li a .txt .title{font-size: 1.8rem;}
	.pd_list > li.bf11::before{height: 42px; width: 142px; top:4px; left:3px;}
	.pd_list > li.bf12::before{height: 42px; width: 152px; top:4px; left:3px;}
	.pd_list > li.bf13::before{height: 42px; width: 176px; top:4px; left:3px;}
	.pd_list li a .txt .price li{font-size: 1.8rem;}
	.pd_list li a .txt .price li span.pr{font-size: 1.4rem; padding-right: 14px;}
	.pd_list li a .img .percent{bottom: 6px; left: 7px; font-size: 1.3rem; padding: 8.5px 8px 8.5px 10px;}
	.pd_list li a .img span.pr{padding-right: 16px;}
  .pd_list li a .img .coin_label{bottom:6px; right:7px; gap:4px;}
  .pd_list li a .img .coin_label img{width:20px;}
  .pd_list li a .img .coin_label p{font-size:15px;}
}


/* sec3 */
.sec3{padding: 100px 0; background-color: #f5f6f8; position: relative;}
.sec3::before{content: ''; width: 40%; left: 0; top: 0; background: url(/images/main/sec3_bg.jpg) no-repeat center center / cover; height: 100%; display: block; position: absolute;}
.sec3 .inner{position: absolute; left: 50%; transform: translateX(-50%);}
.sec3 .inner .txt{}
.sec3 .inner .txt h3{font-weight: 300; font-size: 3.6rem; color: #fff; font-family: 'esamanru';}
.sec3 .inner .txt h3 span{font-weight: 500;}
.sec3 .inner .txt p{font-size: 1.6rem; color: #fff; opacity: 0.6; font-weight: 400; line-height: 1.8em; margin-top: 25px;}
.sec3 .inner .txt .arrow{display: flex;margin-top: 86px;}
.sec3 .inner .txt .arrow .prev,
.sec3 .inner .txt .arrow .next{}
.sec3 .inner .txt .arrow .next{margin-left: 5px;}
.sec3 .inner .txt .arrow .prev img,
.sec3 .inner .txt .arrow .next img{max-width: 100%; cursor: pointer;}
.sec3 .consult{position: relative;z-index:  99; max-width: 1294px; margin-left: auto;}
.sec3 .consult li{border-radius: 10px; overflow: hidden; background-color: #fff; border: 1px solid #e0e4ec; width: 100%; max-width: 300px; margin-right: 20px;}
.sec3 .consult li a{}
.sec3 .consult li a .img{width: 300px; height: 450px; position: relative;}
.sec3 .consult li a .img img{height: 100%; position: absolute; left: 50%; transform: translateX(-50%);}
.sec3 .consult li a .txt{padding: 20px;}
.sec3 .consult li a .txt h3{font-size: 2rem; font-weight: 600; color: #222222;}
.sec3 .consult li a .txt .tel{font-family: 'Montserrat'; font-size: 1.6rem; font-weight: 600; color: #255fff; margin: 10px 0 15px;}
.sec3 .consult li a .txt .index{display: flex; flex-wrap: wrap; gap:10px 16px;}
.sec3 .consult li a .txt .index span{display: inline-block; font-size: 1.5rem; font-weight: 500; color: #939aad;}

@media all and (max-width:1280px){
    .sec3 .consult{max-width: 914px;}
}
@media all and (max-width:976px){
    .sec3{padding: 75px 0;}
    .sec3::before{width: 100%; height: 50%;}
    .sec3 .inner{position: relative; z-index: 99; transform: translateX(0); left: 0; text-align: center;}
    .sec3 .inner .txt h3{font-size: 3.2rem;}
    .sec3 .inner .txt .arrow{ margin-top: 25px; justify-content: center; margin-bottom: 60px;}
    .sec3 .consult{margin-left: 35px;}
    .sec3 .consult li a .txt .index{gap:6px 8px;}
    .sec3 .consult li a .txt .tel{margin: 8px 0 12px;}
    .sec3 .inner .txt p{margin-top: 15px; line-height: 1.6em;}
}
@media all and (max-width:640px){
    .sec3{padding: 60px 0;}
    .sec3 .inner .txt h3{font-size: 2.8rem;}
    .sec3 .inner .txt .arrow{margin-bottom: 50px;}
    .sec3 .inner .txt .arrow .prev img, .sec3 .inner .txt .arrow .next img{max-width: 48px;}
    .sec3 .consult{margin-left: 3%;}
    .sec3 .consult li{ margin-right: 10px;}
    .sec3 .consult li a .txt h3{font-size: 1.8rem;}
    .sec3 .consult li a .txt .tel{margin: 6px 0 10px;}
}


/* sec4 */
.sec4{padding: 80px 0; background-color: #f6f7f9;}
.sec4 .m_tit{margin-top: 0;}
.sec4 .list{margin-top: 30px;}
.sec4 .list li{margin-right: 11px; background-color: #fff;}
.sec4 .list li a{border: 1px solid #e1e1e1; display: block; width: 100%; height: 60px; display: flex; justify-content: center; align-items: center; width: 216px;}
.sec4 .list li a img{}

@media all and (max-width:976px){
    .sec4{padding: 50px 0;}
    .sec4 .m_tit h3{text-align: center;}
    .sec4 .list{margin-top: 25px;}
    .sec4 .list li a{width: 180px;}
    .sec4 .list li a img{max-width: 100%; padding: 0 10px;}
}
@media all and (max-width:640px){
    .sec4{padding: 40px 0;}
    .sec4 .list li a{width: 150px; height: 50px;}
}


/* sec5 */
.sec5{padding-bottom: 100px;}
.sec5 .cont{margin-top: 45px; display: flex; flex-wrap: wrap; gap:20px;}
.sec5 .cont .box{width: calc(100% / 2 - 20px / 2); border: 1px solid #e0e4ec; border-radius: 10px; padding: 40px 20px;}
.sec5 .cont .box.fc1 span{color: #8741e6;}
.sec5 .cont .box.fc2 span{color: #39bda6;}
.sec5 .cont .box.fc3 span{color: #30b1d5;}
.sec5 .cont .box.fc4 span{color: #e68741;}
.sec5 .cont .box .tit{display: flex; align-items: center; justify-content: space-between;padding: 0 20px; margin-bottom: 20px;}
.sec5 .cont .box .tit h3{font-size: 2.8rem; font-weight: 500; font-family: 'esamanru'; color: #222;}
.sec5 .cont .box .tit h3 span{font-weight: 500;}
.sec5 .cont .box .tit a{font-size: 2.6rem; font-weight: 500; color: #bababa;}
.sec5 .cont .box .info{}
.sec5 .cont .box .info li{display: flex; justify-content: space-between; margin: 0 20px; line-height: 50px; border-bottom: 1px dashed #dadada;}
.sec5 .cont .box .info li:last-child{border-bottom: 0;}
.sec5 .cont .box .info li.notice{background-color: #f6f7f9; border-bottom: 0; margin: 0; margin-bottom: 10px; padding: 0 20px; border-radius: 3px;}
.sec5 .cont .box .info li.notice .title{ font-weight: 600; color: #494949;}
.sec5 .cont .box .info li .title{ font-size: 1.6rem; font-weight: 500; color: #222; /*width: 65%;*/ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 300px;}
.sec5 .cont .box .info li .title a{color:#222;}
.sec5 .cont .box .info li .title span{font-weight: 600; padding-right: 10px; margin-right: 10px; border-right: 1px solid #d4d4d4;}
.sec5 .cont .box .info li .date{font-size: 1.5rem; color: #686868;}
@media all and (max-width:976px){
    .sec5{padding-bottom: 80px;}
    .sec5 .cont .box .tit h3{font-size: 2.4rem;}
    .sec5 .cont .box .info li{line-height: 44px;}
    .sec5 .cont .box .info li .title{width: 100%; min-width: 0;}
    .sec5 .cont .box .info li .date{display: none;}
    .sec5 .cont .box .info li .title span{padding-right: 6px; margin-right: 6px;}
}
@media all and (max-width:640px){
    .sec5{padding-bottom: 60px;}
    .sec5 .cont{margin-top: 35px;}
    .sec5 .cont .box .tit{margin-bottom: 15px; padding: 0 10px;}
    .sec5 .cont .box .tit h3{font-size: 2.2rem;}
    .sec5 .cont .box{width: 100%; padding: 25px 15px 15px;}
    .sec5 .cont .box .info li{margin: 0 10px; line-height: 40px;}
    .sec5 .cont .box .info li.notice{display: block;}
    .sec5 .cont .box .info li:nth-child(5){border-bottom: 0px;}
    .sec5 .cont .box .info li:last-child{display: none;}
    .sec5 .cont .box .info li.notice{margin-bottom: 5px; padding: 0 10px;}
}


.main_rank{position: relative; z-index: 22; display: none; background-color: #fff; border-radius: 5px; padding: 10px;}
.main_rank .rank{width: 100%; max-width: 100%; z-index: 9; animation: opacityrank .5s .5s forwards; opacity: 0;}
.main_rank .rank .mw-popular{top: 38px; left: 0;}
.main_rank .rank .mw-popular2{max-width: 100%;}
.main_rank .rank .mw-popular2 a{max-width: 100% !important;}

@media all and (max-width:640px){
	.main_rank{display: block;}
}