@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {overflow:visible;}
body.notscroll {overflow:hidden;}
header .menu.fixed {position:relative !important;}
header {position:relative; height:155px; padding:14px 0 17px; border-bottom:1px solid #eee;}
#cnt .cntbody {width:100%;}
#boardview .boxview {padding:0 !important; border:0 !important;}
.board_btn {display:none !important;}
.slider {height:0;}
.slider.slick-initialized {height:auto;}
.slick-slide {height:auto !important;}
.notice_layer {display:none; padding:30px 0 30px 10px; line-height:2 !important; text-align:left;}
.notice_layer dl dt {color:#000; font-family:'Noto Sans KR', sans-serif; font-size:20px !important; font-weight:600;}
.notice_layer dl dd {position:relative; padding-left:10px; color:#000; font-family:'Noto Sans KR', sans-serif; font-size:18px !important; font-weight:400;}
.notice_layer dl dd:before {display:block; content:'-'; position:absolute; top:0; left:0; color:#000; font-family:'Noto Sans KR'; font-size:18px; font-weight:400;}
.notice_layer.white *,
.notice_layer.white dl dd:before {color:#fff;}
#vline .btn {padding:0;}

#vline {width:100%; min-width:980px; margin:0 auto; text-align:center;}
#vline img {max-width:100%; height:auto;}
#vline .inner {width:980px; margin:0 auto;}
#vline .v_menu {width:100%; height:110px; background:#000;}
#vline .v_menu .inside {position:relative; width:100%; height:110px; background:#000;}
#vline .v_menu .inside.fixed {position:fixed; top:0; left:0; z-index:80;}
#vline .v_menu .inside ul {width:980px; height:110px; margin:0 auto; font-size:0;}
#vline .v_menu .inside ul li {display:inline-block; overflow:hidden; width:245px; vertical-align:top; cursor:pointer;}
#vline .v_menu .inside ul li img {-webkit-transition:all .3s ease; transition:all .3s ease;}

/* 환불이벤트 before
#vline .section0 {overflow:hidden; position:relative; width:100%; height:1168px; background:#131114;}
#vline .section0 .sma {position:absolute; top:0; left:50%; z-index:5; width:2000px; height:100%; margin-left:-1000px; background:url('https://image.serybox.com/pc/content/vline/section0_sma.jpg') no-repeat center; color:transparent; text-indent:-9999px;}
*/

/* 환불이벤트 진행 */
#vline .section0 {overflow:hidden; position:relative; width:100%; height:1058px; background:#131114;}
#vline .section0 .sma {position:absolute; top:0; left:50%; z-index:5; width:2000px; height:100%; margin-left:-1000px; background:url('https://image.serybox.com/pc/content/vline/section0_sma1.jpg') no-repeat center; color:transparent; text-indent:-9999px;}
#vline .section11 {padding:52px 0; background:#171717;}
#vline .section12 {padding:48px 0; background:#450f48;}



#vline .section1 {padding:97px 0 101px; background:#3c073f;}

#vline .section2 {background:#5b0b60;}
#vline .section2 .inner {padding:99px 0 286px;}
#vline .section2 .title {padding-bottom:28px;}
#vline .section2 .ing {display:inline-block; height:35px; padding:0 8px; border-bottom:1px solid #fff; color:#fff; font-family:'GmarketSansMedium'; font-size:26px; line-height:35px; vertical-align:top;}
#vline .section2 .ing span {color:#ffdc64; font:inherit;}
#vline .section2 .check_list {margin:51px 10px 99px; padding:80px 101px; background:rgba(0,0,0,0.3);}
#vline .section2 .test {}
#vline .section2 .test .question {display:none; position:relative;}
#vline .section2 .test .question.q0 {display:block;}
#vline .section2 .test .question .num {position:absolute; top:-50px; left:0; z-index:5;}
#vline .section2 .test .question .subject {padding:0 0 30px;}
#vline .section2 .test .question ul {}
#vline .section2 .test .question ul li {display:inline-block; vertical-align:top; cursor:pointer;}
#vline .section2 .test .question ul li:first-child {margin-right:15px;}
#vline .section2 .test .question ul li a {display:block; position:relative; margin-top:25px;}
#vline .section2 .test .question ul li:hover a:after {display:block; content:''; position:absolute; top:-3px; left:-3px; z-index:5; width:355px; height:81px; border:6px solid #000; border-radius:12px;}
#vline .section2 .result {display:none;}
#vline .section2 .area .img > div {display:none;}
#vline .section2 .area .btn {padding-top:29px; font-size:0;}
#vline .section2 .area .btn > a {display:inline-block; position:relative; margin:0 15px; vertical-align:top;}
#vline .section2 .area .btn > a:hover:after {display:block; content:''; position:absolute; top:-3px; left:-3px; z-index:5; width:355px; height:81px; border:6px solid #000; border-radius:12px;}

#vline .section3 {padding-bottom:50px; background:#dbdbdb;}
#vline .section3 .inner {position:relative; z-index:5; top:-188px; background:#fff; box-shadow:0px 15px 15px 0px rgba(0, 0, 0, 0.18);}
#vline .section3 .inner .p127 {padding-bottom:127px;}
#vline .section3 .inner .p90 {padding-bottom:90px;}

#vline .section4 {height:1000px; background:#0b0608 url('https://image.serybox.com/pc/content/vline/section4_bg.jpg') no-repeat center top;}
#vline .section4 .inner {text-align:right;}
#vline .section4 .area {display:inline-block; width:660px; margin-right:30px; padding-top:148px; text-align:center; vertical-align:top;}
#vline .section4 .video_wrap {width:657px; height:370px; margin:0 auto;}
#vline .section4 .video_wrap .video {width:657px; height:370px;}

#vline .section5 {padding:136px 0 103px; background:#181818;}

#vline .section6 {padding:104px 0 100px; background:#eee;}
#vline .section6 .title {}
#vline .section6 .prd {font-size:0;}
#vline .section6 .prd li {display:inline-block; width:50%; margin-top:50px; padding:0 10px; vertical-align:top;}
#vline .section6 .prd li .box {background:#fff;}
#vline .section6 .prd li .box .img {border-bottom:1px dotted #999;}
#vline .section6 .prd li .box .btn a {display:block; height:85px; background:#5c0b80 url('https://image.serybox.com/pc/content/vline/section6_btn_buy.png') no-repeat center; color:transparent; text-indent:-9999px;}
#vline .section6 .msg {padding:30px 0 100px;}
#vline .section6 .v_review .title {padding-bottom:50px;}
#vline .section6 .v_review .slider {width:880px; height:auto; margin:0 auto;}
#vline .section6 .v_review .slider > div {padding:10px 0; background:#fff; border-radius:10px; box-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.13);}
#vline .section6 .v_review .slider .slick-prev, 
#vline .section6 .v_review .slider .slick-next {width:24px; height:46px; margin-top:-31px; background:url('https://image.serybox.com/pc/content/vline/section6_slide_arrow.png') no-repeat center;}
#vline .section6 .v_review .slider .slick-prev {left:-48px;}
#vline .section6 .v_review .slider .slick-next {right:-48px;}
#vline .section6 .v_review .slider .slick-dots {position:relative; top:auto; bottom:0; left:0; width:100%; padding:13px 0 0;}
#vline .section6 .v_review .slider .slick-dots li {vertical-align:middle;}
#vline .section6 .v_review .slider .slick-dots li button {width:14px; height:14px; border:0; background:#bebebe;}
#vline .section6 .v_review .slider .slick-dots li.slick-active button {background:#000;}
#vline .section6 .floating {visibility:hidden; overflow:hidden; position:fixed; bottom:24px; left:50%; z-index:10; width:750px; margin-left:-375px; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); -webkit-transition:all .3s ease-in-out; transition:all .3s ease;}
#vline .section6 .floating.up {visibility:visible; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
#vline .section6 .floating.none {visibility:hidden; z-index:-1;}
#vline .section6 .floating .img {cursor:pointer;}
#vline .section6 .floating .close {position:absolute; top:0; right:0; z-index:5; width:52px; height:49px; background:url('https://image.serybox.com/pc/content/vline/section6_floating_close.png') no-repeat center; color:transparent; text-indent:-9999px; cursor:pointer;}

#vline .section7 {padding:100px 0; background:#e1e1e1;}
#vline .section7 .title {padding-bottom:111px;}
#vline .section7 .status {position:relative;}
#vline .section7 .status .now {position:absolute; top:0; left:0; width:100%; height:7px; background:#6c1bb5; -webkit-transition:width .5s ease; transition:width .5s ease;}
#vline .section7.active .status .now {width:50%;}
#vline .section7 .status .now:after {display:block; content:''; position:absolute; top:50%; right:-10px; z-index:5; width:20px; height:20px; margin-top:-10px; background:#fff; border:5px solid #6c1bb5; border-radius:50%;}
#vline .section7 .status .now .count {position:absolute; top:-63px; right:-196px; width:392px; height:40px; border-radius:18px; background:#6c1bb5; color:#fff; font-size:24px; letter-spacing:-0.05rem; line-height:40px;}
#vline .section7 .status .now .count:after {display:block; content:''; position:absolute; bottom:-11px; left:50%; width:14px; height:11px; margin-left:-7px; background:url('https://image.serybox.com/pc/content/vline/section7_count_arrow.png') no-repeat center;}
#vline .section7 .status .now .count strong {position:relative; padding-left:20px; color:#ffc852; font-size:24px; font-weight:700;}
#vline .section7 .status .now .count strong:before {display:block; content:''; position:absolute; top:50%; left:11px; z-index:5; width:1px; height:20px; margin-top:-9px; background:#fff;}
#vline .section7 .status .now .count strong .value {color:inherit; font:inherit;}
#vline .section7 .status .bar {width:100%; height:7px; background:rgba(108,27,181,0.3);}
#vline .section7 .prd {padding:63px 60px 77px; background:#fff; font-size:0;}
#vline .section7 .prd .img {display:inline-block; width:342px; margin-right:48px; vertical-align:top;}
#vline .section7 .prd .summary {display:inline-block; width:450px; vertical-align:top;}
#vline .section7 .add {margin-bottom:27px; padding-bottom:84px; background:#fff;}
#vline .section7 .msg {padding-bottom:122px; text-align:left;}
#vline .section7 .refill .refill_title {padding-bottom:60px;}
#vline .section7 .refill .timer {width:420px; height:60px; margin:0 auto 50px; background:#6c1bb5; color:#fff; font-size:32px; font-weight:500; line-height:60px;}
#vline .section7 .refill .timer * {color:inherit; font:inherit;}
#vline .section7 .refill .timeset {font-size:0;} 
#vline .section7 .refill .timeset li {display:inline-block; position:relative; width:228px; margin:0 8px 38px; vertical-align:top;}
#vline .section7 .refill .timeset li.soldout:before {display:block; content:''; position:absolute; top:0; left:0; z-index:5; width:100%; height:100%; background:rgba(0,0,0,0.7);}
#vline .section7 .refill .timeset li.soldout:after {display:block; content:''; position:absolute; top:0; left:0; z-index:10; width:100%; height:100%; background:url('https://image.serybox.com/pc/content/vline/section7_refill_soldout.png') no-repeat center;}
#vline .section7 .refill .timeset li > a {display:block;}
#vline .section7 .view_notice a {display:inline-block; width:154px; height:45px; background:url('https://image.serybox.com/pc/content/vline/section7_notice.png') no-repeat center; color:transparent; text-indent:-9999px;}

#vline .section8 {padding:90px 0 100px; background:#6c1bb5;}
#vline .section8 .slick-prev, 
#vline .section8 .slick-next {width:24px; height:46px; margin-top:-23px; background:url('https://image.serybox.com/pc/content/vline/section8_slide_arrow.png') no-repeat center;}
#vline .section8 .prd {padding:73px 50px 100px; font-size:0;}
#vline .section8 .prd .img {display:inline-block; width:352px; margin-right:65px; vertical-align:top;}
#vline .section8 .prd .summary {display:inline-block; width:451px; vertical-align:top;}
#vline .section8 .check_point {padding-bottom:93px;}
#vline .section8 .check_point .title {padding-bottom:50px;}
#vline .section8 .check_point .slider {width:769px; margin:0 auto 30px;}
#vline .section8 .check_point .slider .slick-prev {left:-104px;}
#vline .section8 .check_point .slider .slick-next {right:-104px;}
#vline .section8 .check_point .btn a {display:inline-block; width:400px; height:90px; margin:0 auto; background:#ffc33d url('https://image.serybox.com/pc/content/vline/section8_btn_buy.png') no-repeat center; color:transparent; text-indent:-9999px; vertical-align:top;}
#vline .section8 .intake {padding-bottom:101px;}
#vline .section8 .intake .title {padding-bottom:54px;}
#vline .section8 .intake .prd {padding-bottom:36px;}
#vline .section8 .intake .view_notice a {display:inline-block; width:154px; height:45px; background:url('https://image.serybox.com/pc/content/vline/section8_notice.png') no-repeat center; color:transparent; text-indent:-9999px;}
#vline .section8 .v_review2 .title {padding-bottom:50px;}
#vline .section8 .v_review2 .slider {width:880px; margin:0 auto;}
#vline .section8 .v_review2 .slider > div {padding:10px 0; background:#fff; border-radius:10px; box-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.13);}
#vline .section8 .v_review2 .slider .slick-prev {left:-48px; margin-top:-31px;}
#vline .section8 .v_review2 .slider .slick-next {right:-48px; margin-top:-31px;}
#vline .section8 .v_review2 .slider .slick-dots {position:relative; top:auto; bottom:0; left:0; width:100%; padding:13px 0 0;}
#vline .section8 .v_review2 .slider .slick-dots li {vertical-align:middle;}
#vline .section8 .v_review2 .slider .slick-dots li button {width:14px; height:14px; border:0; background:#fff;}
#vline .section8 .v_review2 .slider .slick-dots li.slick-active button {background:#000;}

#vline .section9 {padding:100px 0 80px; background:#fff26d;}
#vline .section9 .gift {margin-bottom:19px;}
#vline .section9 .view_notice a {display:inline-block; width:154px; height:45px; background:url('https://image.serybox.com/pc/content/vline/section9_notice.png') no-repeat center; color:transparent; text-indent:-9999px;}

#vline .section10 ul li {padding:100px 0;}
#vline .section10 ul li:first-child {border-bottom:1px dotted #000;}

/* 레이어 */
.layer_layout {display:none; position:fixed; top:50%; left:50%; z-index:100; width:600px; height:700px; margin:-350px 0 0 -300px; background-color:#fff;}
.layer_prd .layer_inner {overflow:auto; width:100%; height:100%;}
.layer_prd .layer_inner img {width:100% !important; height:auto;}
.layer_prd .layer_close {position:absolute; top:-55px; right:0; z-index:5; width:55px; height:55px; cursor:pointer;}
.layer_result .layer_inner {overflow:auto; width:100%; height:100%;}
.layer_result {width:660px; margin-left:-320px; text-align:center;}
.layer_result .layer_close {position:absolute; top:15px; right:24px; z-index:5; width:29px; height:31px; cursor:pointer;}
.layer_result img {max-width:100%;}
.layer_result .btn_more a {display:inline-block; width:400px; height:90px; margin:0 auto; background:#ffc33d no-repeat center; color:transparent; text-indent:-9999px;}
.layer_result .result_box {padding:46px 50px 110px;}
.layer_result .result_box.result_lv0,
.layer_result .result_box.result_lv1,
.layer_result .result_box.result_lv2,
.layer_result .result_box.result_lv3,
.layer_result .result_box.result_lv4,
.layer_result .result_box.result_lv5 {display:none;}
.layer_result .result_box .value {padding-bottom:77px;}
.layer_result .result_box .recommend {padding-bottom:50px; background:#ededed;}
.layer_result .result_box .recommend .title {padding-bottom:37px;}
.layer_result .result_box .recommend .prd {padding-bottom:30px;}
.layer_result .result_box .recommend .btn_more a {background-image:url('https://image.serybox.com/pc/content/vline/layer_result_recommend_more.png');}
.layer_result .result_box .recommend .btn_more2 a {background-image:url('https://image.serybox.com/pc/content/vline/layer_result_recommend_more2.png');}
.layer_result .result_common .addprd, 
.layer_result .result_common .vpack {padding:62px 0 60px; border-top:2px dotted #000;}
.layer_result .result_common .addprd > ul {padding-top:32px;}
.layer_result .result_common .addprd > ul > li {display:inline-block; width:275px; margin:0 10px 47px; vertical-align:top;}
.layer_result .result_common .addprd .btn_more {padding-top:10px;}
.layer_result .result_common .addprd .btn_more a {background-image:url('https://image.serybox.com/pc/content/vline/layer_result_addprd_more.png');}
.layer_result .result_common .vpack .btn_more {padding-top:40px;}
.layer_result .result_common .vpack .btn_more a {background-image:url('https://image.serybox.com/pc/content/vline/layer_result_vpack_more.png');}