.header_wrap{background-color:#f2ead8;transition:none}
.content{padding-top:0}
.layer_title{font-family: 'BebasNeue';font-weight: 700;font-size: 175px}

/* korean */
.korean{height:100vh;padding-top:45px;padding-bottom: 61px;box-sizing:border-box;background-color:#000}
.korean_bg{top: 0;left: 0;width: 100%;height: 100%;background-image: url('../img/main/korean_bg.jpg')}
.korean_wrap{position:absolute;top:0;left:0;width:100%;height:100%}
.korean_title_wrap{position:absolute;top:150px;left:40px}
.korean_title{font-family: 'OldSansBlack';font-size: 175px}
.korean_title01{color: #fff}
.bbq_color1{color: #cb4427}
.bbq_color2{color: #006934}
.bbq_color3{color: #1934e8}

.korean_cont{position:absolute;bottom:60px;left:40px;right:40px}
.korean_subtitle{font-weight: 700;font-size: 35px;letter-spacing: -0.045em;line-height: 1.4285;color: #fff}
.korean_text{margin-top: 19px;color: rgba(255,255,255,.4)}
.korean_num{bottom: -14px;right: 10px}
.korean_num .korean_num_title{margin-top: 115px;margin-right: 19px;font-weight: 400;letter-spacing: -0.045em;color: #fac302}
.korean_num .num, .korean_num .unit{font-family: 'BebasNeue';font-weight: 700;font-size: 174px;color: #fac302}

/* standard */
.standard{padding-top: 157px;padding-bottom: 175px;background-color: #f2ead8}
.standard_symbol_wrap{top: 0;left: 0;right: 0;max-width: 1490px;margin: 0 auto}
.standard_symbol{top: 484px;left: 0;z-index: 2}
.standard_title{font-weight: 700;font-size: 30px;letter-spacing: -0.015em;color: #122437}
.standard_lists{width: 850px;margin: 38px auto 0}
.standard_list{position: relative;height: 240px;transition: all 0.4s;cursor:pointer}
/* .standard_list:hover .standard_list_fill,
.standard_list:hover .standard_list_copy{opacity:0.3} */
.standard_list.swiper-pagination-bullet-active .standard_list_fill,
.standard_list.swiper-pagination-bullet-active .standard_list_copy{opacity: 1}
.standard_list.swiper-pagination-bullet-active .standard_list_stroke/*, .standard_list:hover .standard_list_stroke*/{opacity: 0}
.standard_list_stroke, .standard_list_fill{position: absolute;left: 0;right: 0;font-family: 'BebasNeue';font-weight: 700;transition: all 0.4s}
.standard_list_stroke{top: 0;font-size: 240px;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color:#000;-webkit-text-fill-color: transparent}
.standard_list_fill{font-size: 360px;opacity: 0;transition: all 0.4s;pointer-events:none}
.standard_list01 .standard_list_fill{top: -50px;-webkit-text-stroke-color:#1934e8;-webkit-text-fill-color: #1934e8;color:#1934e8}
.standard_list02 .standard_list_fill{top: 50%;transform: translateY(-50%);-webkit-text-stroke-color:#006934;-webkit-text-fill-color: #006934;color:#006934}
.standard_list03 .standard_list_fill{bottom: -60px;-webkit-text-stroke-color:#cb4427;-webkit-text-fill-color: #cb4427;color:#cb4427}
.standard_list_copy{position: absolute;left: 0;right: 0;opacity: 0;transition: all 0.4s}
.standard_list01 .standard_list_copy{top: 85px;color: #006934}
.standard_list02 .standard_list_copy{top: 75px;color: #fff}
.standard_list03 .standard_list_copy{top: 75px;color: #fac302}
.standard_list_copy > span{padding: 16px 30px;border-radius: 10px;font-weight: 900;font-size: 30px;line-height: 66px;letter-spacing: -0.045em}
.standard_list01 .standard_list_copy > span{background-color: #fac302}
.standard_list02 .standard_list_copy > span{background-color: #cb4427}
.standard_list03 .standard_list_copy > span{background-color: #006934}
.standard_more{display:inline-block;position: relative;z-index: 5;margin-top: 31px;font-weight: 700;font-size: 20px;color: #122437}
.more_arr{margin-left: 15px;margin-top: -1px;display: inline-block;vertical-align: middle}
.standard_slide{top: 0;left: 0;width: 100%;height: 100%}
.standard_slide .swiper_sl{position: absolute;background: no-repeat center / cover}
.swiper_sl.swiper_sl_s{width: 19.2708%;padding-top: 19.2708%}
.swiper_sl.swiper_sl_b{width: 24.6875%;padding-top: 23.3854%}
.swiper_sl.standard_flavor01{left: 140px;bottom: 160px;background-image: url('../img/main/standard_flavor01.jpg')}
.standard_flavor01_video, .standard_griilng02_video{top: 0;left: 0;width: 100%;height: 100%}
.swiper_sl.standard_flavor02{right: 40px;top: 100px;background-image: url('../img/main/standard_flavor02.jpg')}
.swiper_sl.standard_prime01{left: 151px;top: 146px;background-image: url('../img/main/standard_prime01.jpg')}
.swiper_sl.standard_prime02{right: 170px;bottom: 193px;background-image: url('../img/main/standard_prime02.jpg')}
.swiper_sl.standard_griilng01{left: 140px;top: 217px;background-image: url('../img/main/standard_griilng01.jpg')}
.swiper_sl.standard_griilng02{right: 104px;bottom: 160px;background-image: url('../img/main/standard_griilng02.jpg')}

/* ktown */
.ktown{padding-top: 232px;padding-bottom: 708px;background-color: #006934}
.ktown_pattern{top: 0;left: 0}
.ktown_slide{top: 129px;left: 40px;width: calc(50% + 40px)}
.ktown_slide .swiper-slide{width: 100%;padding-top: 670px;background: no-repeat center / cover}
.ktown_slide .slide_img{position:absolute;top:-40%;left:0;width:100%;height:140%}
.ktown_video{top: 0;left: 0;width: 100%;height: 100%}
.ktown_slide .swiper-slide:nth-child(1) .slide_img{background-image: url('../img/main/ktown_sl01.jpg')}
.ktown_slide .swiper-slide:nth-child(2) .slide_img{background-image: url('../img/main/ktown_sl02.jpg')}
.ktown_slide .swiper-slide:nth-child(3) .slide_img{background-image: url('../img/main/ktown_sl03.jpg')}
.ktown_slide .swiper-slide:nth-child(4) .slide_img{background-image: url('../img/main/ktown_sl04.jpg')}
.ktown_slide .ktown_slide_title{margin-top: 18px;font-size: 25px;color: #fff}
.ktown_slide .swiper-pagination{margin-top: 20px;font-size:20px;color:#fff}
.ktown_slide .swiper-pagination span.swiper-pagination-total,
.ktown_slide .swiper-pagination span.swiper-pagination-bridge,
.ktown_slide .slash{color:#8daf9a}
.ktown_cont_wrap{padding: 0 40px}
.ktown_cont{position: relative;max-width: 1338px;margin: 0 auto}
.ktown_twrap{top:0;right: 0}
.ktown_title{position:relative;color: #fac302}
.ktown_subtitle{padding-top: 18px;color: #fff}
.ktown_text{padding-top: 11px;color: #fff}
.ktown .view_more{margin-top: 54px}

/* hundred */
.hundred{padding-top: 163px;padding-bottom: 139px;background-image: url('../img/main/hundred_bg.jpg')}
.hundred_year{width: 890px;height: 238px;margin-left: -451px;background-image: url('../img/main/hundred_year.png')}
.hundred_slide{top: -4px;left: 102px;width: 242px;height: 246px;}
.hundred_subtitle{padding-top: 255px}
.hundred_text{padding-top: 39px;color: #666}
.hundred .view_more{margin: 45px auto 0;border-color: #122437;color: #122437}

/* system */
.system{padding-top: 252px;padding-bottom: 201px}
.system_twrap{padding-left: 140px}
.system_title{color: #122437}
.system_subtitle{padding-top: 19px;color: #122437}
.system_text{padding-top: 10px;color: #666}
.system .view_more{margin-top: 55px;border-color: #122437;color: #122437}
.system_slide{top: 200px;left: 723px;width:calc(100% - 723px)}
.system_slide .swiper-container{padding-right:calc(100%);overflow:visible}
.system_slide .swiper-slide{width: 475px}
.system_slide .slide_inner{width: 475px}
.system_slide .system_sl_thumb{position:relative;width: 475px;height:612px}
.system_slide .system_sl_thumb img{display:block;position:relative;z-index:2}
.system_slide .color_back{position:absolute;top:0;left:0;width:100%;height:100%}
.system_slide .color_back.back1{background-color:#fac302;transform:rotateZ(5deg)}
.system_slide .color_back.back2{background-color:#cb4029;transform:rotateZ(10deg)}
.system_slide .color_back.back3{background-color:#006934;transform:rotateZ(15deg)}
.system_sl_text{opacity:0;padding-top: 24px;font-family: 'NotoSansKR';font-weight: 350;font-size: 25px;text-align: center;color: #122437;transition:all 0.5s}
.system_slide.on .system_sl_text{opacity:1}
.system_pagination{height: 4px;margin-top: 202px;background-color: rgba(18,36,55,0.2)}
.system_pagination .swiper-pagination-progressbar-fill{position:absolute;left:0;top:0;width:100%;height:100%;background:#122437;
-webkit-transform:scale(0);
-ms-transform:scale(0);
transform:scale(0);
-webkit-transform-origin:left top;
-ms-transform-origin:left top;
transform-origin:left top
}

/* story */
.story_wrap{height:760px;margin: 0 40px;background-color: #deb45f}
.story_list_slide{position:absolute;top:0;left:0;width:225px;height:100%;border-right:1px solid #003127}
.story_list_slide .swiper-container{height:616px;padding:72px 0}
.story_list_slide .swiper-slide{height:auto;opacity:0.3}
.story_list_slide .swiper-slide.on{opacity:1}
.story_list_slide .slide_inner{width:145px;margin:0 auto}
.story_list_slide .slide_img{width:145px;height:145px;border-radius:50%;overflow:hidden;background-color:#006934}
.story_list_slide .slide_store{margin-top:12px;font-family:'NotoSansKR';font-weight:350;font-size:16px;letter-spacing:-0.025em;line-height:1.125;color:#003127;text-align:center}

/* .story_lists{display: flex;top: 0;left: 0;width: 225px;height: 100%;border-right: 1px solid #003127;flex-direction: column;justify-content: center;align-items: center}
.story_list{transition: all 0.3s}
.story_list:not(:last-child){padding-bottom: 50px}
.story_list > a{display: block}
.story_list.on, .story_list:hover{opacity: 0.3;transition: all 0.3s}
.story_list_text{padding-top: 8px;font-family: 'NotoSansKR';font-weight: 350;text-align: center;color: #003127} */
.story_title_wrap{top: 157px;right: 160px}
.story_title_wrap .layer_title{color: #006934}
.story_title02{text-align: right}
.story_slide{width: 600px;margin: 0 auto;padding-top:83px}
.story_slide .swiper-slide{text-align: center}
.story_sl_thumb{position: relative;width: 400px;height: 400px;margin: 0 auto}
.story_sl_thumb .thumb_img{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:#006934;overflow:hidden}
.story_stamp{display:flex;justify-content:center;align-items:center;position: absolute;top: 26px;left: -22px;width: 140px;height: 140px;border-radius: 50%;background-color: #cb4029}
.story_stamp_title{padding-bottom: 7px;font-size: 14px;letter-spacing: -0.015em;color: #fff}
.story_stamp_num{font-weight: 900;font-size: 38px;letter-spacing: -0.045em;color: #fff}
.story_play{position: absolute;bottom: 10px;right: 28px}
.story_sl_title{padding-top: 30px;font-weight: 900;font-size: 30px;letter-spacing: -0.015em;color: #122437}
.story_sl_text{padding-top: 10px;color: #122437}
.story_sl_size{width: 194px;height: 38px;margin: 16px auto 0;background-color: #006934;border-radius: 40px;line-height: 36px;color: #fff}
.story .view_more{right: 61px;bottom: 61px;border-color: #122437;color: #122437}

/* sns */
.sns{padding-top: 147px;padding-bottom: 100px;background-color: #f2ead8}
.sns_title{font-family: 'OldSansBlack';font-size: 30px;color: #122437}
.sns_title em{margin-right: 8px;color: #cb4029}
.sns_slide{margin-top: 36px}
.sns_slide .swiper-slide{width: auto}
.sns_slide .sns_sl{width: 255px;height: 255px;margin: 0 15px;background: no-repeat center / cover}
.sns_slide .sns_sl.sns_sl_door{border-radius: 200px 200px 0 0}
.sns_slide .slide1 .sns_sl{background-image: url('../img/main/sns_sl01.jpg')}
.sns_slide .slide2 .sns_sl{background-image: url('../img/main/sns_sl01.jpg')}
.sns_slide .slide3 .sns_sl{background-image: url('../img/main/sns_sl01.jpg')}
.sns_slide .slide4 .sns_sl{background-image: url('../img/main/sns_sl01.jpg')}
.sns_slide .slide5 .sns_sl{background-image: url('../img/main/sns_sl01.jpg')}
.sns_slide .slide6 .sns_sl{background-image: url('../img/main/sns_sl01.jpg')}
.sns_slide .slide7 .sns_sl{background-image: url('../img/main/sns_sl01.jpg')}
.sns_slide .slide8 .sns_sl{background-image: url('../img/main/sns_sl01.jpg')}


/* success popup */
.success_popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5)}
.success_popup .popup_wrap{position:absolute;top:50%;left:50%;width:1260px;height:80%;background-color:#fff;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
.success_popup .popup_close{position:absolute;top:10px;right:27px;z-index:10;width:65px;height:65px;background:url('../img/main/store_popup_close.jpg')no-repeat center}
.success_popup .popup_scroll{width:100%;height:100%;overflow-y:auto}
.success_popup .popup_scroll_inner{padding:114px 0}
.success_popup .popup_inner{width:1060px;margin:0 auto;overflow:hidden}
.success_popup .popup_head{padding-bottom:75px;border-bottom:1px solid #000}
.success_popup .head_title{font-weight:700;font-size:32px;letter-spacing:-0.05em;line-height:138%;color:#000;text-align:center;white-space:pre-wrap}
.success_popup .head_title em{color:#0eb68a}
/*.success_popup .popup_body{padding:75px 0 30px}*/
.success_popup p{font-weight:400;font-size:18px;letter-spacing:-0.025em;line-height:167%;color:#666}
.success_popup strong{margin-bottom:14px;font-weight:700;font-size:20px;letter-spacing:-0.025em;line-height:140%;color:#000}