@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 {padding-bottom:0;}
#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 {font-family:'Noto Sans KR', sans-serif; font-size:20px !important; font-weight:600;}
.notice_layer dl dd {position:relative; padding-left:10px; 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;font-family:'Noto Sans KR'; font-size:18px; font-weight:400;}
.popup_close {border:0;}

/* 레이어 */
.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/coffee/layer_result_recommend_more.png');}
.layer_result .result_box .recommend .btn_more2 a {background-image:url('https://image.serybox.com/pc/content/coffee/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/coffee/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/coffee/layer_result_vpack_more.png');}
.layer_popup {display:none; overflow:hidden; position:fixed; top:0; left:0; z-index:100; width:100%; height:100%; background:rgba(0,0,0,0.8);}
.layer_popup img {width:100%;}
.layer_popup > a {display:block;}
.layer_popup .layer_inner {position:fixed; top:50%; left:50%; z-index:10; width:448px; height:313px; margin:-156px 0 0 -224px; cursor:pointer;}
.layer_popup .layer_inner .layer_close {position:absolute; top:0; right:0; z-index:5; width:19%; height:24%; background:none;}
.layer_popup .layer_inner .btn0 {position:absolute; bottom:-8px; left:0; z-index:5; width:40%; height:23%; background:none;}
.layer_popup .layer_inner .btn1 {position:absolute; bottom:-8px; right:0; z-index:5; width:60%; height:23%; background:none;}
.layer_popup .layer_inner .btn2 {position:absolute; bottom:-30px; left:0; z-index:5; width:100%; height:23.5%; background:none;}
.layer_popup .layer_inner .btn3 {position:absolute; bottom:-8px; left:0; z-index:5; width:100%; height:23.5%; background:none;}
.layer_popup .layer_inner .btn4 {position:absolute; bottom:-8px; left:0; z-index:5; width:50%; height:23.5%; background:none;}
.layer_popup .layer_inner .btn5 {position:absolute; bottom:-8px; right:0; z-index:5; width:50%; height:23.5%; background:none;}

.content_common img {max-width:100%; height:auto;}
.content_common .inner {position:relative; width:980px !important; margin:0 auto;}
.content_common.common0 {padding:70px 0; background:#ffd258;}
.content_common.common0 .txt_wrap {position:relative; min-height:516px; background:url('https://image.serybox.com/event/common/pc/common0_bg.jpg') no-repeat 73px top;}
.content_common.common0 .txt_wrap .txt {display:inline-block; position:absolute; bottom:0; right:50px; width:601px; text-align:center; vertical-align:bottom;}
.content_common.common0 .txt_wrap .txt a {display:inline-block; margin-top:40px;}
.content_common.common0 .notice_view {padding-top:34px;}
.content_common.common1 {background-color:#f3f2f0;}
.content_common.common2 {background-color:#ffffff;}
.content_common.common3 {background-color:#f3f2f0;}
.content_common.common4 {background-color:#ffffff;}
.content_common.common5 {background-color:#f8f7f5; padding-bottom:120px;}
.content_common.common5 .video_list {overflow:hidden; font-size:0;}
.content_common.common5 .video_list > li {float:right; width:480px;}
.content_common.common5 .video_list > li:first-child {float:left;}
.content_common.common5 .video_list .video_box {overflow:hidden; position:relative; width:100%; height:auto; vertical-align:top;}
.content_common.common5 .video_list .video_box .video_pre {position:absolute; top:0; left:0; z-index:10; width:100%; height:100%; cursor:pointer;}
.content_common.common5 .video_list .video_box .video_pause {display:none; position:absolute; top:0; left:0; z-index:10; width:100%; height:100%; cursor:pointer;}
.content_common.common5 .video_list .video_box .video {position:relative; z-index:5; width:480px; height:265px;}
.content_common.common5 .video_list .btn {margin:15px 0 0; text-align:center;}
.content_common.common5 .video_list .btn > a {display:inline-block; padding:10px 20px 11px; background:#000; color:#fff; font-size:20px; vertical-align:top;}
.content_common.common6 {background:#fff;}
.content_common.common6 .consulting_popup {position:absolute; left:411px; top:344px; z-index:15; width:499px; height:251px; background:none; cursor:pointer;}

#coffee .btn {padding:0;}

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

#coffee .section0 {position:relative; width:100%; background-color:#ddbfa5; background-image:url('https://image.serybox.com/pc/content/coffee/section0_bg.jpg'); background-repeat:no-repeat; background-position:center;}
#coffee .section1 {padding:90px 0 100px; background:#f6e9d9;}
#coffee .section1 .view_notice {margin-top:50px !important;}
#coffee .section1 .notice_layer.gray dt, dl, dd{color:#47433a;}
#coffee .section1 .img {width: 100%;background-image: url(https://image.serybox.com/pc/content/coffee/section1_bg.jpg);background-repeat: no-repeat;}

#coffee .section2 {background:#f0dbc6;}
#coffee .section2 .inner {padding:100px 0 90px;position:relative;}
#coffee .section2 .limit_counter{padding-top: 15px; margin: 65px 0 45px 0;font-size: 45px;font-weight: 600;height:102px; background:url('https://image.serybox.com/pc/content/coffee/section2_count.jpg') no-repeat center;}
#coffee .section2 .btn{background:#fff;padding:50px 0 80px 0;}
#coffee .section2 .con1{text-align:right;padding-top:20px;}
#coffee .section2 .con2{padding: 80px 0 50px 0;}
#coffee .section2 .con3{padding: 80px; background:#fff}
#coffee .section2 .con5{padding: 90px 0 45px 0;}
#coffee .section2 .left{height: 23px; width: 200px; background: #f0dbc6; position: relative; bottom: 465px; right: 110px;}
#coffee .section2 .right{height: 23px; width: 200px; background: #f0dbc6; position: relative; bottom: 465px; left: 110px;}
#coffee .section2 .kth{position: absolute; bottom: 0px; right: -380px;}

#coffee .section5 {padding-bottom:100px}
#coffee .section5 .img{position:relative; width:100%; background-color:#f0dbc6;background-image:url('https://image.serybox.com/pc/content/coffee/section5_bg.jpg');background-repeat:no-repeat;background-position: center;}
#coffee .section5 .card{position:relative;}
#coffee .section5 .card ul{position:absolute;bottom:0px;}
#coffee .section5 .card ul li{display:inline-block;width:218px;height:310px;margin-right:32px;cursor:pointer;vertical-align: top;}
#coffee .section5 .card ul li div{width:218px;height:310px;background:#000}
#coffee .section5 .card .card4{margin-right:0px !important}

#coffee .section3 {background:#fffbf2;padding-bottom: 50px;}
#coffee .section3 .corver{ background: #fffbf2; width: 100%; height: 60px; position: absolute; top: 0; left: 0; }
#coffee .section3 .con03 {margin:0 0 70px 0; position:relative}
#coffee .section3 ul{width:980px; margin:0 auto;position:relative}
#coffee .section3 ul > li{display:inline-block;position:relative}

#coffee .section4 .area {display:inline-block; width:660px; margin-right:30px; padding-top:148px; text-align:center; vertical-align:top;}
#coffee .section4 .video_wrap {width:657px; height:370px; margin:0 auto;}
#coffee .section4 .video_wrap .video {width:657px; height:370px;}

#coffee .section5 {background:#f0dbc6;}

#coffee .section5 .gift_customer{position: relative; bottom: 766px; left: 369px; font-size: 40px !important; font-weight: 500; line-height: 48px;}

/* BIZ, SD 팝업 */
#coffee .fix_popup {display:none; position:fixed; top:0; left:0; z-index:2000000000; width:720px; height:100%;}
#coffee .fix_popup.active {display:block;}
#coffee .fix_popup > .fix_popup_close {position:absolute; top:0; left:0; z-index:10; width:100%; height:83px; cursor:pointer}
#coffee .fix_popup > .img {overflow:auto; position:absolute; top:0; left:0; width:100%; height:100%;}
#coffee .fix_popup > .img img {width:100%; height:auto;}
#coffee .fix_popup .cpndown {display:block; position:absolute; left:73px; width:575px; height:264px;}

img.infinite_rotating_logo3{
    animation: rotate_image 5s linear infinite;
    transform-origin: 50% 50%;
}

img.infinite_rotating_logo4{
    animation: rotate_image 6s linear infinite;
    transform-origin: 50% 50%;
}
img.infinite_rotating_logo5{
    animation: rotate_image 7s linear infinite;
    transform-origin: 50% 50%;
}
img.infinite_rotating_logo6{
    animation: rotate_image 8s linear infinite;
    transform-origin: 50% 50%;
}

@keyframes rotate_image{
    100% {
        transform: rotateY(360deg);
    }
}