:root { --text-shadow-1:0.3125rem 0.3125rem 0px rgba(189,55,0,1); --text-shadow-1-re:0px 0.3125rem 0px rgba(189,55,0,1); --text-shadow-2-re:0.25rem 0.25rem 0px rgba(220,64,0,1); --text-shadow-2:0.3125rem 0.3125rem 0px rgba(255,255,255,1); --text-shadow-3:0.3125rem 0.3125rem 0px rgba(0,52,27,1); --text-shadow-4:3px 0.3125rem 0px rgba(0,13,7,0.4); --text-shadow-5:0.3125rem 0.3125rem 0px rgba(19, 65, 32, 1); --text-shadow-5-re:0px 0.3125rem 0px rgba(19, 65, 32, 1); --color-primary: #ff5c1b; --color-gray: #5d5d5d; --color-white: #fff; --color-active: #b4002d; --color-green: #02542c; --color-red: #d12e00; --color-wing: #ff7b43; } /* common */ * i {font-style:italic;} .pc_only {display: block;} .mobile_only {display: none;} *::selection {background:#b91f1f;color:#fff} /* highlight */ [data-aos="highlight"]:before { content: "";position: absolute;left: 0;top: 0px;width: 0%;height: 100%;background:var(--color-red); transition-delay: .4s;-webkit-transition-delay: .4s;transition-duration: .4s;-webkit-transition-duration: .4s;z-index: -1; } span.aos-animate[data-aos="highlight"]:before {width: 100%;} .rotate { animation-duration: 30s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-name: rotate; animation-name: rotate; } .stemp { opacity: 0; animation-delay: 0.2s; -webkit-animation-delay: 0.2s; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; transform-origin: center; -webkit-animation-name: stemp; animation-name: stemp; } .flow-ani-wrap {display: flex;justify-content: flex-start;align-items: stretch;flex-wrap: nowrap;position: relative;overflow: hidden;} .flow-ani-wrap ul { display: flex; justify-content: flex-start;align-items: center;transform: translate3d(0%, 0, 0);-webkit-transform: translate3d(0%, 0, 0); -webkit-animation-name: flowAni;animation-name: flowAni;-webkit-animation-duration: 48s;animation-duration: 48s; -webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite; animation-play-state: running;-webkit-animation-play-state: running; } .flow-ani-wrap.re_flow ul { transform: translate3d(-100%, 0, 0);-webkit-transform: translate3d(-100%, 0, 0); -webkit-animation-name: flowAni_re;animation-name: flowAni_re;-webkit-animation-duration: 48s;animation-duration: 48s; -webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite; animation-play-state: running;-webkit-animation-play-state: running; } .animate__swing { -webkit-animation-name: swing; animation-name: swing; -webkit-transform-origin: top center; transform-origin: top center } /************** policy layer s *************/ .policy_wrap { position: fixed; /* keeps the policy_wrap window in the current viewport */ top: 0;left: 0;display: none;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A6000000, endColorstr=#A6000000); text-align: center;z-index: 999999;font-family: 'Pretendard', sans-serif; } .policy_wrap .policy-wrapper { overflow: hidden;margin: 50px auto;position: absolute;left:50%;top:50%; -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%); box-shadow: 0 0 25px #111;-webkit-box-shadow: 0 0 25px #111;-moz-box-shadow: 0 0 25px #111; width: 90%;background-color: #fff;border: 1px solid #999;outline: 0;-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);background-clip: padding-box;max-width: 820px;border-radius: 10px; } .close-popup { position: absolute;top: 20px;right: 20px;background-color: #fff;font-family: Arial, Helvetica, sans-serif; font-size: 21px;font-weight: bold;line-height: 1;color: #ccc;text-shadow: 0 1px 0 #fff;border: none; } .policy_wrap .policy-wrapper h4 { padding: 15px;border-bottom: 1px solid #e5e5e5;font-size: 18px;font-weight: 500;font-family: var(--font-family-ptd); } .policy_wrap .policy {overflow-y: auto;padding: 30px;text-align: left;line-height: 163%;font-size: 12px;} form a.popup-trigger { display: inline-block;padding: 0 5px;line-height: 1.25;text-indent: 0;color: #fff;background-color: #8C8984;font-size: 12px; vertical-align: middle; } /* header */ #header {width:100%;height:189px;position:absolute;left:0;top:62px;z-index:100;background:transparent;} #header .header-wrap {height:100%;} #header .header-wrap .inner {width:100%;height:100%;padding:0;max-width:1820px;justify-content:space-between;background:transparent;} #header .header-wrap .inner .logo {} #header .header-wrap .inner .logo img {} #header .header-wrap .inner .hd_tel {padding-right: 44px;} /* section-scrollNab s */ .section-scrollNab { position: relative; height: 0; overflow: hidden; } .section-scrollNab.scrollDown {height: 80px;} .section-scrollNab {display:flex;align-items: center;justify-content: center;} .section-scrollNab .section-nab-wrap { position: absolute; left: 0; top: 0; width: 100%; height:80px; transition: all 0.3s; -webkit-transition: all 0.3s; opacity: 0; background: #000;z-index:100;box-shadow:0 0.5rem 0.5rem rgba(35,20,6,0.1); } .section-scrollNab .nab_logo {position:absolute;left:50px;top:50%;transform:translateY(-50%);} .section-scrollNab .nab_tel {position:absolute;right:50px;top:50%;transform:translateY(-50%);} .section-scrollNab .section-nab-wrap ul {width:100%;display:flex;justify-content:center;align-items: center;gap:1.875rem;} .section-scrollNab .section-nab-wrap ul li {font-size: 17px;font-weight:500;letter-spacing: -0.05em;color:#d7ccc5;opacity: 1;position:relative;} .section-scrollNab .section-nab-wrap ul li a {font-weight: 500;} .section-scrollNab .section-nab-wrap ul li:after {content:'';display:block;width:0%;height:3px;background:#ffc37f;position:absolute;left:50%;transform:translateX(-50%);bottom:-5px;transition:0.5s} .section-scrollNab .section-nab-wrap ul li.on {font-weight: 700;} .section-scrollNab .section-nab-wrap ul li.on a {font-weight: 700;color:#d7ccc5;} .section-scrollNab .section-nab-wrap ul li:hover a {font-weight: 700;color:#d7ccc5;} .section-scrollNab .section-nab-wrap ul li.on:after {width: 100%;} .section-scrollNab .section-nab-wrap ul li:hover:after {width: 100%;} .section-scrollNab.scrollUp .section-nab-wrap { position: fixed; top: -5rem; opacity: 0; } .section-scrollNab.scrollDown .section-nab-wrap { position: fixed; opacity: 1; } /* section-scrollNab e */ /* default s */ body {background:#fff;} #container_wrap {overflow:hidden;} /* default e */ #footer b {font-weight: 400;color:#d5d5d5;} /* 탭메뉴 s */ .sub_cont{display:none; text-align:center;} .sub_cont.on{display:block;} /* 탭메뉴 e */ /* 메인 숫자 카운팅 */ .rolling-counter-wrap { margin-top: 50px; display: flex; justify-content: center; align-items: center; } .rolling-counter-wrap * { font-family: var(--font-family-mbc); font-size:120px;color:#fff;} .rolling-number { position: relative; width:106px; height: 104px; overflow: hidden; color: #fff; text-align: center; border-radius:0; } .rolling-number::after {content:"";display:block;border:2px solid var(--color-white);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width: 96px;height: 128px;border-radius:15px;} .rolling-number + .rolling-number { margin-left: 13px; } .rolling-number .numbers { position: absolute; left: 0; top: 0; width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-direction: column; } .rolling-number .numbers span { line-height: 148px;width: 106px;height: 148px;background:var(--color-primary);color:var(--color-white);} .rolling-dot { margin: 0 5px; } /* 롤링 중 글자 */ .rolling-unit { font-family: var(--font-family-est);line-height: 1;padding-top:20px; margin: 0 15px; display: flex; justify-content: flex-start; align-items: stretch; flex-direction: column;font-size:56px; } .rolling-unit .white { opacity: 0.5; } .rolling-number[data-number="0"] .numbers { top: -1000%; } .rolling-number[data-number="1"] .numbers { top: -1100%; } .rolling-number[data-number="2"] .numbers { top: -1200%; } .rolling-number[data-number="3"] .numbers { top: -1300%; } .rolling-number[data-number="4"] .numbers { top: -1400%; } .rolling-number[data-number="5"] .numbers { top: -1500%; } .rolling-number[data-number="6"] .numbers { top: -1600%; } .rolling-number[data-number="7"] .numbers { top: -1700%; } .rolling-number[data-number="8"] .numbers { top: -1800%; } .rolling-number[data-number="9"] .numbers { top: -1900%; } .rolling-number[data-number="10"] .numbers { top: -1000%; } .rolling-number:nth-child(1) .numbers { animation-delay: .3s; } .rolling-number:nth-child(3) .numbers { animation-delay: .4s; } .rolling-number:nth-child(5) .numbers { animation-delay: .5s; } .rolling-number:nth-child(6) .numbers { animation-delay: .6s; } .rolling-number:nth-child(7) .numbers { animation-delay: .7s; } .rolling-number .numbers { animation-name: rollingNumber;animation-duration: 1500ms;animation-timing-function: ease-out;animation-fill-mode: inherit;animation-fill-mode: forwards; } /* 흐르는 슬라이드 */ .marquee {width: 100%;background:transparent;padding:10px 0;overflow:hidden;max-width: 1920px;} .marquee.solo {background:#d8ae77;width: 100%;margin: 0 auto;} .marquee.solo .text_slide {padding:10px 0;border-top:2px solid #b58054;border-bottom: 2px solid #b58054;;} .marquee.solo.red {background:#b91f1f;} .marquee .swiper-wrapper {transition-timing-function: linear !important;} .marquee .swiper-slide {} .marquee.main .swiper-slide {width: 2383px;} .marquee.solo .swiper-slide {width: 1134px;} .marquee .swiper-slide img {width: 100%;} .marquee_vertical.left_step {position:absolute;left:0px;top:0;background:transparent;z-index:10;} .marquee_vertical.right_step {position:absolute;right:0px;top:0;background:transparent;z-index:10;} .marquee_vertical.main_slide {margin-left:110px;} .left_step ul {animation: hSlideLoop_re 48s 0s infinite linear;opacity:1;} .left_step ul li {margin-bottom: 40px;} .right_step ul {animation: hSlideLoop 48s 0s infinite linear;opacity:1;} .right_step ul li {margin-bottom: 40px;} .section {width:100%;max-width:1920px;margin:0 auto;overflow:hidden;position:relative;} .inner {width: 1400px;margin:0 auto;position:relative;} /* section00 s */ #section00 {background:url('../../images/main_bg.jpg')no-repeat center top;width:100%;height:1003px;} #section00 .inner {width: 1820px;padding-top: 265px;text-align: center;position:static;} #section00 .main_name {display:flex;align-items:center;justify-content:center;gap:5px;margin-bottom: 20px;} #section00 .main_name span {font-size: 64px;color:#ffdfb5;} #section00 .main_name span.main_line {display:flex;align-items:center;} #section00 .main_name span.main_line img {width: 19px;} #section00 .main_title {font-size: 116px;color:#fff;margin-bottom: 20px;} #section00 .main_title .char {opacity: 0;filter: blur(20px);} #section00 .main_slogan {font-size: 24px;letter-spacing: 0.25em;color:#d8ae77;} #section00 .main_sub_text_wrap {margin-top: 95px;color:#fff;position:relative;z-index:10;} #section00 .main_category {display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom: 40px;} #section00 .main_category span {font-size: 36px;letter-spacing: 0.03em;} #section00 .main_category span.main_icon {display:flex;align-items:center;} #section00 .main_category span.main_icon img {width: 26px;} #section00 .main_desc {font-size: 24px;line-height: 32px;letter-spacing: 0.03em;} #section00 .main_img_wrap img {position:absolute;bottom:-80px;} #section00 .main_img_wrap .main_img_left {left:80px;} #section00 .main_img_wrap .main_img_right {right:0;} /* section00 e */ /* section01 s */ #section01 {background:url('../../images/s1_bg.jpg')no-repeat center top;width:100%;height:1050px;padding:140px 0 0;position:relative;} #section01 .cont_text_wrap .ct_title {display:flex;align-items:center;justify-content:center;gap:0.3125rem;} #section01 .s1_img_wrap {width: 1600px;height: 567px;position:absolute;left:50%;bottom:0;transform:translateX(-50%)} #section01 .s1_img_wrap img {position:absolute;left:0;top:0;transition:1.5s} #section01 .s1_img_wrap img.s1_img_off {clip-path: polygon(50% 0, 0% 0, 0% 100%, 50% 100%);} #section01 .s1_img_wrap img.s1_img_off.on {clip-path: polygon(100% 0, 0% 0, 0% 100%, 100% 100%);} #section01 .s1_img_wrap img.s1_img_off.off {clip-path: polygon(0% 0, 0% 0, 0% 100%, 0% 100%);} #section01 .s1_img_wrap img.s1_img_on {clip-path: polygon(100% 0, 50% 0, 50% 100%, 100% 100%);} #section01 .s1_img_wrap img.s1_img_on.on {clip-path: polygon(100% 0, 0% 0, 0% 100%, 100% 100%);} #section01 .s1_img_wrap img.s1_img_on.off {clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);} #section01 .s1_price_wrap > div {position:absolute;top:250px;} #section01 .s1_price_wrap > div p {letter-spacing: -0.03em;color:#cdcdcd;} #section01 .s1_price_wrap > div p.s1_desc {font-size: 28px;margin-bottom: 10px;} #section01 .s1_price_wrap > div p.s1_price {font-size: 64px;} #section01 .s1_price_wrap > div.s1_left {left:0;} #section01 .s1_price_wrap > div.s1_right {text-align: right;right:0;} #section01 .s1_price_wrap > div.s1_right p.s1_desc {color:#fff;} #section01 .s1_price_wrap > div.s1_right p.s1_desc.bold {font-weight: 700;} #section01 .s1_price_wrap > div.s1_right p.s1_price {color:#fdf0dd;} #section01 .s1_price_wrap > div.s1_right p.s1_price span {font-size: 80px;} #section01 .s1_price_wrap > div img {position:absolute;animation: bound 2s infinite;} #section01 .s1_price_wrap .s1_arr_bk {right:-156px;top:-60px;} #section01 .s1_price_wrap .s1_arr_color {left:-127px;top:-52px;} /* section01 e */ /* section02 s */ #section02 {background:url('../../images/s2_bg.jpg')no-repeat center top;width:100%;height:910px;padding:140px 0 0;position:relative;} #section02 .inner {position:relative;z-index:5;} #section02 .cont_text_wrap .ct_title {display:flex;align-items:center;justify-content:center;gap:0.3125rem;} #section02 .s2_cont_wrap {width:1400px;margin:0 auto;position:relative;height:560px;z-index:5;} #section02 .s2_graph_01 {position:absolute;left:60px;bottom:0;text-align: center;z-index:2;} #section02 .graph_txt {text-align: center;margin-bottom: 20px;} #section02 .graph_txt p {letter-spacing: -0.03em;color:#fff;} #section02 .graph_txt .graph_desc {font-size: 24px;line-height: 28px;} #section02 .graph_txt .graph_price {font-size: 42px;font-weight: 700;} #section02 .graph_box {transition:0.6s;position:relative;} #section02 .s2_food_wrap {text-align: center;position:relative;} #section02 .s2_food_wrap .s2_food_img {position:relative;bottom:-70px} #section02 .s2_food_wrap .s2_food_txt {position:absolute;left:50%;top:260px;transform:translate(-50%);color:#fff;} #section02 .s2_food_wrap .s2_food_txt p {text-shadow:0 0.3rem 1rem rgba(0,0,0,0.8)} #section02 .s2_food_wrap .s2_food_txt .food_desc {font-size: 36px;letter-spacing: -0.03em;font-weight: 700;margin-bottom: 10px;} #section02 .s2_food_wrap .s2_food_txt .counting .num {font-size: 120px;letter-spacing: -0.05em;} #section02 .s2_food_wrap .s2_food_txt .counting .unit {font-size: 72px;} #section02 .s2_graph_02 {position:absolute;right:70px;bottom:0;text-align: center;z-index:2;width: 210px;} #section02 .s2_graph_02 .s2_stemp {position:absolute;left:50%;top:50px;transform:translateX(-50%);} .s2_video_wrap {position:absolute;width:100%;height:100%;left:0;top:0;z-index:1} .s2_video_wrap video {width: 101%;filter: brightness(80%)} /* section02 e */ /* section03 s */ #section03 {background:#111;width:100%;padding:0px 0 140px;position:relative;} #section03 .cont_text_wrap .ct_slogan {color:#be6400;} #section03 .cont_text_wrap .ct_title {color:#351100;font-weight: 700;letter-spacing: -0.4rem;} #section03 .cont_text_wrap .ct_desc {color:#111111;} #section03 .cont_text_wrap .txt_right_box {text-align: right;margin-top: 70px;} #section03 .cont_text_wrap .txt_right_box span {font-size: 20px;line-height: 28px;color:#fff;letter-spacing: -0.03em;font-weight: 700;position:relative;z-index:2;padding:2px 8px;margin-bottom: 10px;display:inline-block;} #section03 .cont_text_wrap .txt_right_box span .highlight {background:#c42f16;width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;} #section03 .cont_text_wrap .txt_right_box p {color:#351100;font-size: 72px;font-weight: 700;letter-spacing: -0.05em;padding-right: 15px;} #section03 .s3_1 {background:#ffd9ae;display:flex;align-items:center;justify-content:end;padding:130px 0;gap:46px;position:relative;} #section03 .s3_1 .cont_text_wrap {text-align: left;width: 325px;} #section03 .s3_1 .s3_swiper_wrap {width: 915px;} #section03 .s3_1 #s3_swiper {padding:10px 0;} #section03 .s3_1 .swiper-slide {width: 406px;margin-right: 30px;} #section03 .s3_1 .swiper-slide img {filter:drop-shadow(0 2px 5px rgba(158,98,61,1))} #section03 .s3_1 .up_slide_bot {position:absolute;left:50%;bottom:76px;transform:translateX(-50%);width: 1170px;text-align: center;} #section03 .s3_1 .up_slide_bot .up_btn {width:11px;height:19px;font-size:0;border:none;position:absolute;top:50%;transform:translateY(-50%);} #section03 .s3_1 .up_slide_bot .up_btn.up_prev_btn {background:url('../../images/s3_prev.png')no-repeat center/cover;left:0;} #section03 .s3_1 .up_slide_bot .up_btn.up_next_btn {background:url('../../images/s3_next.png')no-repeat center/cover;right:0;} #section03 .s3_1 .up_slide_bot .swiper-pagination {position:relative;width:1080px;height:2px;margin:0 auto;background:#fff;} #section03 .s3_1 .up_slide_bot .swiper-pagination .swiper-pagination-progressbar-fill { position:absolute;left:0;top:0;width:100%;height:100%;background:#7e3b00;-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; } #section03 .s3_2 {background:url('../../images/s3_2_bg.jpg')no-repeat center bottom/cover;padding:72px;display:flex;align-items:center;margin-top: 70px;} #section03 .s3_2 .cont_text_wrap {text-align: left;margin-left: 100px;} #section03 .s3_tab_wrapper {width: 744px;height: 432px;position:relative;background:#351100;overflow:hidden;border:3px solid #7e3b00;} #section03 .s3_img_wrap .sub_cont {padding:48px 40px;} #section03 .s3_img_wrap .s3_ct_txt {letter-spacing: -0.025em;display:flex;align-items:center;justify-content:space-between;} #section03 .s3_img_wrap .s3_ct_txt .s3c_l {color:#fcf6ef;opacity: 0.5;text-align: left;} #section03 .s3_img_wrap .s3_ct_txt .s3c_r {text-align: right;} #section03 .s3_img_wrap .s3_ct_txt .name {font-size: 36px;color:#ffe7cb;font-weight: 700;margin-bottom: 20px;} #section03 .s3_img_wrap .s3_ct_txt .s3c_l .name {color:#fcf6ef} #section03 .s3_img_wrap .s3_ct_txt .dt_name {font-weight: 400;font-size: 20px;line-height: 32px;color:#fff;} #section03 .s3_img_wrap .s3_ct_txt .price {font-size: 36px;line-height: 50px;color:#fff;font-weight: 700;} #section03 .s3_img_wrap .s3_ct_txt .s3c_l .price {color:#fcf6ef} #section03 .s3_img_wrap .s3_ct_wave_wrap { height: 100px;border-radius:50%;background:#c42f16;animation: circle 2s linear infinite;display:flex;align-items:center;justify-content:center;flex-direction:column; position:absolute;left:50%;top:72px;transform:translateX(-50%);z-index:5;padding:0 40px; } #section03 .s3_img_wrap .s3_ct_wave_wrap span {font-size: 16px;letter-spacing: -0.025em;color:#fff;} #section03 .s3_img_wrap .s3_ct_wave_wrap span.color-1 {font-size: 28px;color:#ffe7cb;font-weight: 700;line-height: 1;} #section03 .s3_img_wrap .s3_ct_wave_wrap span.color-1 .big {font-size: 40px;color:#ffe7cb;} #section03 .s3_img_wrap .s3_2_img {position:absolute;left:50%;transform:translateX(-50%);} #section03 .s3_img_wrap .s3_2_img.s3_2_1 {top:136px;} #section03 .s3_img_wrap .s3_2_img.s3_2_2 {top:100px;} #section03 .cate_tab_wrap {width:100%;height:90px;position:absolute;left:0;bottom:0;} #section03 .cate_tab_wrap .cate_wrap {display:flex;align-items:center;} #section03 .cate_tab_wrap .cate_wrap li {width: 50%;text-align: center;border-top:3px solid #7e3b00;height:90px;background:#fff7ec;} #section03 .cate_tab_wrap .cate_wrap li.on {background:#7e3b00;} #section03 .cate_tab_wrap .cate_wrap li a {display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size: 36px;color:#be9976;} #section03 .cate_tab_wrap .cate_wrap li a span.two {color:#be9976;font-family: 'Pretendard', sans-serif;font-size: 16px;width: 30px;margin-right: 10px;margin-left: 0;} #section03 .cate_tab_wrap .cate_wrap li a span {color:#be9976;margin-left: 10px;} #section03 .cate_tab_wrap .cate_wrap li.on a {color:#fff;} #section03 .cate_tab_wrap .cate_wrap li.on a span.two {color:#fcf6ef;} #section03 .cate_tab_wrap .cate_wrap li.on a span {color:#ffd9ae;} /* section03 e */ /* section04 s */ #section04 {background:url('../../images/s4_bg.jpg')no-repeat left center;width:100%;height:925px;position:relative;} #section04 .inner {width: 100%;display:flex;align-items:center;} #section04 .s4_left {width:50%;padding-left: 260px;} #section04 .cont_text_wrap {text-align: left;} #section04 .cont_text_wrap .ct_desc.margin-bottom {margin-bottom: 30px;} #section04 .cont_text_wrap .ct_sub_slogan {margin-top: 60px;} #section04 .s4_swiper_wrap {width:50%;} /* section04 e */ /* section05 s */ #section05 {background:url('../../images/s5_bg.jpg')no-repeat left center;width:100%;height:1050px;position:relative;padding:140px 0 0;} #section05 .inner {width: 1580px;} #section05 .cont_text_wrap .ct_title {display:flex;align-items:center;justify-content:center;gap:0.3125rem;} #section05 .s5_beer_wrap {width: 1170px;margin:0 auto;position:relative;text-align: center;margin-top: 120px;z-index:20;} #section05 .s5_beer_wrap .s5_beer {position:absolute;z-index:20;opacity: 0;} #section05 .s5_beer_wrap .s5_beer.s5b_01 {left:70px;top:-100px;} #section05 .s5_beer_wrap .s5_beer.s5b_02 {right:20px;top:-158px;} #section05 .s5_beer_wrap .s5_beer_txt { width: 606px;height: 302px;background:url('../../images/s5_circle.png')no-repeat center/cover;margin:0 auto; display:flex;align-items:center;justify-content:center;flex-direction:column; } #section05 .s5_beer_wrap .s5_beer_txt p {font-weight: 700;letter-spacing: -0.03em;color:#fff;text-shadow:0 5px 10px rgba(0,0,0,0.4)} #section05 .s5_beer_wrap .s5_beer_txt p.ko {font-size: 36px;} #section05 .s5_beer_wrap .s5_beer_txt p.counting {margin-top: 10px;} #section05 .s5_beer_wrap .s5_beer_txt p.counting span.num {font-size: 120px;letter-spacing: -0.03em;} #section05 .s5_beer_wrap .s5_beer_txt p.counting span.unit {font-size: 72px;} /* section05 e */ /* section06 s */ #section06 {background:url('../../images/s6_bg.jpg')no-repeat left center;width:100%;position:relative;padding:140px 0;} #section06 .inner {width: 1580px;} #section06 .cont_text_wrap .ct_title {display:flex;align-items:center;justify-content:center;gap:0.3125rem;margin-bottom: 0;} #section06 .cont_text_wrap .ct_title span {color:#351100;font-weight: 700;} #section06 .cont_text_wrap .ct_title span.color-02 {color:#be6400;} #section06 .cont_text_wrap .ct_desc {margin-top: 30px;color:#111111;} #section06 .s6_list_wrap {display:flex;align-items:center;justify-content:center;gap:30px;margin-top: 70px;} #section06 .s6_list_wrap .s6_list {width: 370px;height: 400px;border:6px solid #be6400;display:flex;align-items:center;justify-content:center;position:relative;background:#fff;overflow:hidden;} #section06 .s6_list_wrap .s6_list .s6_list_img_wrap {position:relative;} #section06 .s6_list_wrap .s6_list .s6_list_img_wrap:after {content:'';display:block;width: 100%;height: 100%;background:rgba(126,59,0,1);position:absolute;left:0;top:0;opacity:0;transition:0.6s} #section06 .s6_list_wrap .s6_list.on .s6_list_img_wrap:after {opacity: 0.8;} #section06 .s6_list_wrap .s6_list .s6_point_wrap {position:absolute;left:35px;transition:0.5s} #section06 .s6_list_wrap .s6_list.on:nth-child(1) .s6_point_wrap {bottom:-100%;} #section06 .s6_list_wrap .s6_list.on:nth-child(2) .s6_point_wrap {top:-100%;} #section06 .s6_list_wrap .s6_list.on:nth-child(3) .s6_point_wrap {bottom:-100%;} #section06 .s6_list_wrap .s6_list:nth-child(1) .s6_point_wrap {bottom:42px;} #section06 .s6_list_wrap .s6_list:nth-child(2) .s6_point_wrap {top:44px;} #section06 .s6_list_wrap .s6_list:nth-child(3) .s6_point_wrap {bottom:42px;} #section06 .s6_list_wrap .s6_list .s6_point_wrap p {font-size: 52px;color:#fff;letter-spacing: -0.03em;} #section06 .s6_list_wrap .s6_list .s6_point_wrap p span {color:#fdf0dd;} #section06 .s6_list_wrap .s6_list .s6_hover_wrap { position:absolute;width: 100%;height:100%;text-align: center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:40px; transform:translateY(100%);transition:0.5s } #section06 .s6_list_wrap .s6_list.on .s6_hover_wrap {transform:translateY(0);} #section06 .s6_list_wrap .s6_list .s6_hover_wrap p {color:#fff;letter-spacing: -0.03em;} #section06 .s6_list_wrap .s6_list .s6_hover_wrap p.tit {font-size: 32px;line-height: 54px;} #section06 .s6_list_wrap .s6_list .s6_hover_wrap p.desc {font-size: 20px;font-weight: 400;line-height: 28px;} /* section06 e */ /* section07 s */ #section07 {background:url('../../images/s7_bg.jpg')no-repeat center/cover;width:100%;height:1050px;position:relative;padding:140px 0 175px;} #section07 .cont_text_wrap {text-align: left;} #section07 .cont_text_wrap .ct_sub_title {margin-top: 40px;margin-bottom: 0;} #section07 .s7_img_wrap {position:absolute;right:0;bottom:100px;z-index:10;} #section07 .flow-ani-wrap {margin-top:40px;} #section07 .flow-ani-wrap ul li {margin-right: 30px;} /* section07 e */ /* section08 s */ #section08 {background:url('../../images/s8_bg.jpg')no-repeat center/cover;width:100%;position:relative;padding:0px 0 140px;} #section08 .inner {width: 1280px;z-index:5;} #section08 .s8_in {display:flex;background:url('../../images/s8_in_bg.jpg')no-repeat center/cover;width: 100%;height:940px;padding:90px 125px 70px;position:relative;overflow:hidden;} #section08 .cont_text_wrap {text-align: left;padding-top: 40px;} #section08 .cont_text_wrap .ct_slogan {color:#be6400;} #section08 .cont_text_wrap .ct_title {color:#351100;font-weight: 700;} #section08 .cont_text_wrap .ct_title span {} #section08 .cont_text_wrap .ct_desc {color:#111;} #section08 .cont_text_wrap .ct_sub_title {margin-top: 40px;margin-bottom: 0;} #section08 .cont_text_wrap .search_wrap {margin-top: 42px;position:relative;} #section08 .cont_text_wrap .search_box {} #section08 .cont_text_wrap .search_box .keyword {position:absolute;left:85px;top:50%;transform:translateY(-50%);font-size: 34px;font-weight: 700;letter-spacing: -0.05em;} #section08 .cont_text_wrap .search_box .keyword .typing_text {} #section08 .s8_phone_wrap {margin-right: 100px;position:relative;} #section08 .sns_heart {position: absolute; left: -46px; top: 12px; z-index: 1; } #section08 .sns_heart li {position: absolute; } #section08 .sns_heart li:nth-child(3) { position: relative; } #section08 .sns_heart li img {width: 90px;} #section08 .s8_slide_wrap {padding:16px 0;border-top:1px solid #be6400;border-bottom:1px solid #be6400;width:100%;position:absolute;left:0;bottom:54px;} .sns_slide{} .sns_slide .slide_wrapper{position:relative;width:320px;height:320px;margin:0 auto} .sns_slide .slide_item{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%} .sns_slide .slide_item .s8_hover {width:100%;height:100%;background:rgba(0,0,0,0.5);position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;opacity: 0;text-align: center;} .sns_slide .slide_item:hover .s8_hover {opacity: 1;} .sns_slide .slide_item .s8_hover p {color:#fff;letter-spacing: -0.05em;} .sns_slide .slide_item .s8_hover p.tit {font-size: 20px;line-height: 30px;font-weight: 700;} .sns_slide .slide_item .s8_hover p.desc {font-size: 18px;line-height: 28px;color:#cecece;font-weight: 400;} .s8_video_wrap {position:absolute;width:100%;height:100%;left:0;top:0;z-index:1} .s8_video_wrap video {width: 101%;filter: brightness(100%)} /* section08 e */ /* section09 s */ #section09 {background:url('../../images/s9_bg.jpg')no-repeat center top;width:100%;position:relative;padding:130px 0 140px;} #section09 .inner {width: 100%;} #section09 .cont_text_wrap {text-align: center;} #section09 .cont_text_wrap .ct_slogan {} #section09 .cont_text_wrap .ct_title {display:flex;align-items:center;justify-content:center;gap:0.3125rem;margin-bottom: 0;} #section09 .cont_text_wrap .ct_title span {} #section09 .cont_text_wrap .ct_desc {margin-top: 18px;} #section09 .menu_info {margin-top: 78px;} #section09 .menu_info ul.tab {display:flex;align-items:center;justify-content:center;gap:108px;margin-bottom: 60px;position:relative;} #section09 .menu_info ul.tab:before {content:"";display:block;width: 630px;height: 2px;background:#d8ae77;position:absolute;left:0;top:50%;transform:translateY(-50%);opacity: 0.6;} #section09 .menu_info ul.tab:after {content:"";display:block;width: 630px;height: 2px;background:#d8ae77;position:absolute;right:0;top:50%;transform:translateY(-50%);opacity: 0.6;} #section09 .menu_info ul.tab li {font-family: 'KimjungchulMyungjo-Regular';font-size: 32px;color:#d8ae77;letter-spacing: -0.03em;cursor:pointer;position:relative;transition:0.5s} #section09 .menu_info ul.tab li:after {display:block;content:'';width: 26px;height: 26px;background:url('../../images/tab_icon.png')no-repeat center/cover;position:absolute;right:-67px;;top:50%;transform:translateY(-50%);} #section09 .menu_info ul.tab li:last-child:after {display: none;} #section09 .menu_info ul.tab li.active {color:#fff;} #section09 .menu_info .tab_cont_wrap {width: 1170px;margin:0 auto;text-align: center;} #section09 .menu_info .tab_cont_wrap .tab_cont {} #section09 .menu_info .tab_cont_wrap .menu_list {display:flex;gap:30px;flex-wrap:wrap;} #section09 .menu_info .tab_cont_wrap .item {width: 370px;height: 400px;position:relative;} #section09 .menu_info .tab_cont_wrap .item img {width: 100%;height:340px;} #section09 .menu_info .tab_cont_wrap .item .text_box {position:absolute;left:0;bottom:0;width:100%;height:60px;background:#d8ae77;text-align: center;} #section09 .menu_info .tab_cont_wrap .item .text_box p {line-height: 60px;font-size: 24px;font-weight: 700;color:#1e0c04;} #section09 .menu_info .tab_cont_wrap .btn_more_cont {font-size: 24px;color:#111;width: 200px;height: 60px;background:#d8ae77;text-align: center;margin:70px auto 0;border:none;border-radius:0;font-family: 'KimjungchulMyungjo-Regular';} /* section09 e */ /* section10 s */ #section10 {background:url('../../images/s10_bg.jpg')no-repeat center/cover;width:100%;position:relative;padding:140px 0;} #section10 .inner {width: 1230px;} #section10 .cont_text_wrap {text-align: center;} #section10 .cont_text_wrap .ct_slogan {color:#be6400;} #section10 .cont_text_wrap .ct_title {display:flex;align-items:center;justify-content:center;gap:0.3125rem;margin-bottom: 0;} #section10 .cont_text_wrap .ct_title span {color:#351100;font-weight: 700;} #section10 .cont_text_wrap .ct_title span.color-02 {color:#be6400;} #section10 .cont_text_wrap .ct_desc {margin-top: 30px;color:#111;} #section10 .s10_list_wrap {display:flex;align-items:center;justify-content:space-between;margin-top: 70px;} #section10 .s10_list_wrap .s10_list {width: 390px;height: 648px;position:relative;display:flex;flex-direction: column-reverse;} #section10 .s10_list_wrap .s10_list.s10_list01 {z-index:3;} #section10 .s10_list_wrap .s10_list.s10_list02 {z-index:2;} #section10 .s10_list_wrap .s10_list.s10_list03 {z-index:1;} #section10 .s10_list_wrap .s10_list.reverse {/* display:flex;flex-direction: column-reverse; */} #section10 .s10_list_wrap .s10_info {text-align: center;width: 100%;height:270px;background:#7e3b00;display:flex;justify-content:center;} #section10 .s10_list_wrap .s10_info .s10_circle {display:flex;flex-direction:column;gap:20px;padding-top: 40px;} #section10 .s10_list_wrap .s10_info .s10_circle p {letter-spacing: -0.03em;} #section10 .s10_list_wrap .s10_info .s10_circle p.tit {font-size: 48px;color:#fff;line-height: 48px;} #section10 .s10_list_wrap .s10_info .s10_circle .desc {text-align: left;} #section10 .s10_list_wrap .s10_info .s10_circle .desc p {font-size: 20px;line-height: 28px;color:#f5e5d1;font-weight: 400;} #section10 .s10_list_wrap .s10_info .s10_circle .desc p.small {font-size: 18px;} #section10 .s10_list_wrap .s10_info .s10_circle .desc p.padding-left {padding-left: 10px;} #section10 .s10_list_wrap .s10_info .s10_circle .desc p span {font-weight: 700;} #section10 .s10_list_wrap .s10_img_wrap {width: 390px;height:380px;} #section10 .s10_list_wrap .s10_img_wrap img {width: 100%;} .main_star {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} .main_star img {} .main_star img.stars {position:absolute;left:0;top:0;} .main_star .stars1 { -webkit-animation: stars 1.1s 0.6s ease-in-out infinite; animation: stars 1.1s 0.6s ease-in-out infinite; } .main_star .stars2 { -webkit-animation: stars 1.6s 1.2s ease infinite; animation: stars 1.6s 1.2s ease infinite; } .main_star .stars3 { -webkit-animation: stars 2.3s 0.3s linear infinite; animation: stars 2.3s 0.3s linear infinite; } .main_star .stars4 { -webkit-animation: stars 1.3s 0.8s ease-out infinite; animation: stars 1.3s 0.8s ease-out infinite; } /* section10 e */ /* section11 s */ #section11 {background:url('../../images/s11_bg.jpg')no-repeat center/cover;width:100%;position:relative;padding:140px 0 210px;} #section11 .inner {width: 1170px;} #section11 .cont_text_wrap {text-align: center;} #section11 .cont_text_wrap .ct_slogan {color:#ffc37f;} #section11 .cont_text_wrap .ct_title {display:flex;align-items:center;justify-content:center;gap:0.3125rem;margin-bottom: 0;} #section11 .cont_text_wrap .ct_title span {} #section11 .cont_text_wrap .ct_title span.color-01 {color:#fdf0dd;} #section11 .cont_text_wrap .ct_desc {margin-top: 30px;color:#fff;} #section11 .s11_list_wrap {display:flex;align-items:center;justify-content:space-between;margin-top: 70px;} #section11 .s11_list {width: 270px;height: 330px;border:2px solid #d8ae77;padding-top: 50px;transition:0.5s} #section11 .s11_list.on {background:#fff7ec;} #section11 .s11_list .s11_info {text-align: center;} #section11 .s11_list .s11_tit {font-size: 32px;line-height: 54px;color:#fff;margin-bottom: 15px;transition:0.5s} #section11 .s11_list .s11_tit span {color:#fdf0dd} #section11 .s11_list .s11_desc {font-size: 46px;line-height: 52px;color:#fff;margin-bottom: 15px;letter-spacing: -0.05em;transition:0.5s} #section11 .s11_list .s11_desc span {color:#fdf0dd;} #section11 .s11_list .s11_cc {font-size: 20px;font-weight: 400;color:#999;transition:0.5s} #section11 .s11_list.on .s11_tit {color:#351100;} #section11 .s11_list.on .s11_tit span {color:#351100;} #section11 .s11_list.on .s11_desc {color:#351100;} #section11 .s11_list.on .s11_desc span {color:#be6400;} #section11 .s11_list.on .s11_cc {color:#666;} /* section11 e */ /* section12 s */ #section12 {background:url('../../images/s12_bg.jpg')no-repeat center/cover;width:100%;position:relative;padding:140px 0 140px;} #section12 .inner {width: 1170px;} #section12 .cont_text_wrap {text-align: center;} #section12 .cont_text_wrap .ct_slogan {color:#ffc37f;} #section12 .cont_text_wrap .ct_title {display:flex;align-items:center;justify-content:center;gap:0.3125rem;margin-bottom: 0;} #section12 .cont_text_wrap .ct_title span {} #section12 .cont_text_wrap .ct_title span.color-01 {color:#fdf0dd;} #section12 .cont_text_wrap .ct_desc {margin-top: 30px;color:#fff;} #section12 .s12_list_wrap {display:flex;align-items:center;justify-content:space-between;margin-top: 70px;flex-wrap:wrap;} #section12 .s12_list {width: 270px;height: 190px;border:2px solid #bf844f;margin-bottom: 50px;background:#7e3b00;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;} #section12 .s12_list.s12_list07 {border-color:#f5e5d1;background:#f5e5d1;position:relative;} #section12 .s12_list:after {content:"";display:block;width: 64px;height: 64px;background: url('../../images/s12_arr.png')no-repeat center/cover;position:absolute;right:-46px;top:50%;transform:translateY(-50%);z-index:10!important;} #section12 .s12_list.s12_list01 {z-index:8;} #section12 .s12_list.s12_list02 {z-index:7;} #section12 .s12_list.s12_list03 {z-index:6;} #section12 .s12_list.s12_list04 {z-index:5;} #section12 .s12_list.s12_list05 {z-index:4;} #section12 .s12_list.s12_list06 {z-index:3;} #section12 .s12_list.s12_list07 {z-index:2;} #section12 .s12_list.s12_list08 {z-index:1;} #section12 .s12_list.s12_list04:after {display: none;} #section12 .s12_list.s12_list08:after {display: none;} #section12 .s12_list.margin-bottom {margin-bottom: 0;} #section12 .s12_list .s12_info {text-align: center;width: 250px;height: 170px;border-radius:50%;background:#f5e5d1;display:flex;align-items:center;justify-content:center;} #section12 .s12_list .s12_tit {font-size: 42px;line-height: 52px;color:#351100;letter-spacing: -0.03em;} #section12 .s12_list .s12_tit.line2 {font-size: 36px;line-height: 42px;} #section12 .s12_list.s12_list07 .s12_info {background:#7e3b00;position:relative;} #section12 .s12_list.s12_list07 .s12_info:before {content:"";display:block;width:7px;height:7px;border-radius:50%;background:#fff;position:absolute;left:15px;top:50%;transform:translateY(-50%);} #section12 .s12_list.s12_list07 .s12_info:after {content:"";display:block;width:7px;height:7px;border-radius:50%;background:#fff;position:absolute;right:15px;top:50%;transform:translateY(-50%);} #section12 .s12_list.s12_list07 .s12_tit {color:#fff;} /* section12 e */ /* section13 s */ #section13 {background:url('../../images/s13_bg.jpg')no-repeat center/cover;width:100%;position:relative;padding:140px 0 140px;} #section13 .inner {width: 1170px;} #section13 .cont_text_wrap {text-align: center;} #section13 .cont_text_wrap .ct_title {display:flex;align-items:center;justify-content:center;gap:0.3125rem;margin-bottom: 0;} #section13 .cont_text_wrap .ct_title span {color:#351100;font-weight: 700;} #section13 .cont_text_wrap .ct_title span.color-02 {color:#be6400;} #section13 .cont_text_wrap .ct_desc {margin-top: 30px;color:#111;} #section13 .s13_table_wrap {margin-top: 40px;} #section13 .s13_top_info {text-align: right;font-size: 16px;font-weight: 400;color:#666666;margin-bottom: 15px;} #section13 .s13_top {border-top:1px solid #7e3b00;position:relative;} #section13 .s13_top:after {content:"";display:block;width:100%;height:1px;background:#7e3b00;position:absolute;left:0;bottom:-3px; z-index: 1;} #section13 .s13_top ul {display:flex;align-items:center;justify-content:center;background:#c6a175;} #section13 .s13_top ul li {width: 270px;text-align: center;line-height: 64px;font-size: 22px;font-weight: 700;color:#351100;} #section13 .s13_top ul li:nth-child(3) {width: 370px;} #section13 .s13_info {background:#fff;} #section13 .s13_info ul li:first-child {height:82px;} #section13 .s13_info ul li:first-child span {padding-top:20px;} #section13 .s13_info ul li:first-child span.sticker {padding:0;} #section13 .s13_info ul li:last-child {height:82px;} #section13 .s13_info ul li:last-child span {padding-bottom:20px;} #section13 .s13_info ul li {display:flex;align-items:center;text-align: center;height:62px;} #section13 .s13_info ul li > span {width: 270px;height:100%;font-size: 20px;font-weight: 700;color:#7e3b00;background:#fff;display:flex;align-items:center;justify-content:center;position:relative;} #section13 .s13_info ul li span.info1 {color:#4b2300;} #section13 .s13_info ul li span.info2 {background:#fcf7f1;} #section13 .s13_info ul li span.info3 {width: 370px;color:#b61a00;justify-content:flex-start;} #section13 .s13_info ul li span.info3 .sticker {width: 166px;} #section13 .s13_info ul li span.info4 {background:#fcf7f1;} #section13 .s13_info ul li span.fw400 {font-weight: 400;} #section13 .s13_info ul li span.df {flex-direction:column;} #section13 .s13_info ul li span.non-data {opacity: 0;} #section13 .s13_info ul li span .short {font-size: 18px;padding-bottom: 0;} #section13 .s13_sticker {position:absolute;right:25px;top:0;z-index:10;} #section13 .s13_sticker.s13_01 {top:25px;} #section13 .s13_sticker.s13_02 {top:18px;} #section13 .s13_bottom ul {width: 100%;height:70px;background:#7e3b00;display:flex;align-items:center;} #section13 .s13_bottom ul li {color:#fff;width: 270px;text-align: center;font-size: 22px;font-weight: 700;} #section13 .s13_bottom ul li:last-child {width: 370px;} #section13 .s13_bottom ul li .s13b_line {width: 204px;height: 42px;background:#fff;margin:0 auto;position:relative;} #section13 .s13_bottom ul li .s13b_line:after {content:"";display:block;width: 214px;height: 52px;background:transparent;border:1px solid #fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;} #section13 .s13_bottom ul li .s13b_line p {font-size: 30px;font-weight: 700;color:#b61a00;line-height: 42px;z-index:2;position:relative;} #section13 .s13_desc {margin-top: 30px;padding-left:30px;} #section13 .s13_desc p {font-size: 18px;letter-spacing: -0.025em;color:#666;font-weight: 400;line-height: 28px;position:relative;} #section13 .s13_desc p:after {content:"";display:block;width: 5px;height: 5px;position:absolute;left:-12px;top:50%;transform:translateY(-50%);border-radius:50%;background:#666;} /* section13 e */ /* section14 s */ #section14 {background:#fff;width:100%;position:relative;padding:140px 0 140px;} #section14 .inner {width: 1170px;} #section14 .cont_text_wrap {text-align: center;} #section14 .cont_text_wrap .ct_title {color:#351100;margin-bottom: 70px;font-weight: 700;} /* section14 e */ /* common s */ .cont_text_wrap {text-align: center;} .cont_text_wrap p {letter-spacing: -0.03em;} .cont_text_wrap p.ct_slogan {font-size: 32px;color:#ffc37f;margin-bottom: 10px;} .cont_text_wrap p.ct_title {font-size: 76px;line-height: 86px;color:#fff;margin-bottom: 30px;} .cont_text_wrap p.ct_sub_title {font-size: 32px;line-height: 40px;color:#ffc37f;margin-bottom: 30px;} .cont_text_wrap p.ct_title span.color-01 {color:#fdf0dd;} .cont_text_wrap p.ct_title span.color-02 {color:#be6400;} .cont_text_wrap p.ct_title span.margin-left {margin-left: 15px;} .cont_text_wrap p.ct_desc {font-size: 20px;line-height: 28px;color:#cdcdcd;} .cont_text_wrap p.ct_desc.margin-bottom {margin-bottom: 30px;} .cont_text_wrap p.ct_sub_slogan {font-size: 24px;line-height: 30px;color:#fff;font-weight: 700;} /* common e */ @media(max-width: 1920px){ /* section09 s */ #section09 {background:url('../../images/s9_bg.jpg')no-repeat center top;width:100%;position:relative;padding:6.7708vw 0 7.2917vw;} #section09 .inner {width: 100%;} #section09 .cont_text_wrap {text-align: center;} #section09 .cont_text_wrap .ct_slogan {} #section09 .cont_text_wrap .ct_title {display:flex;align-items:center;justify-content:center;gap:0.3125rem;margin-bottom: 0;} #section09 .cont_text_wrap .ct_title span {} #section09 .cont_text_wrap .ct_desc {margin-top: 0.9375vw;} #section09 .menu_info {margin-top: 4.0625vw;} #section09 .menu_info ul.tab {display:flex;align-items:center;justify-content:center;gap:5.6250vw;margin-bottom: 3.1250vw;position:relative;} #section09 .menu_info ul.tab:before {content:"";display:block;width: 32.8125vw;height: 0.1042vw;background:#d8ae77;position:absolute;left:0;top:50%;transform:translateY(-50%);opacity: 0.6;} #section09 .menu_info ul.tab:after {content:"";display:block;width: 32.8125vw;height: 0.1042vw;background:#d8ae77;position:absolute;right:0;top:50%;transform:translateY(-50%);opacity: 0.6;} #section09 .menu_info ul.tab li {font-family: 'KimjungchulMyungjo-Regular';font-size: 1.6667vw;color:#d8ae77;letter-spacing: -0.03em;cursor:pointer;position:relative;transition:0.5s} #section09 .menu_info ul.tab li:after {display:block;content:'';width: 1.3542vw;height: 1.3542vw;background:url('../../images/tab_icon.png')no-repeat center/cover;position:absolute;right:-3.4896vw;;top:50%;transform:translateY(-50%);} #section09 .menu_info ul.tab li:last-child:after {display: none;} #section09 .menu_info ul.tab li.active {color:#fff;} #section09 .menu_info .tab_cont_wrap {width: 60.9375vw;margin:0 auto;text-align: center;} #section09 .menu_info .tab_cont_wrap .tab_cont {} #section09 .menu_info .tab_cont_wrap .menu_list {display:flex;gap:1.5625vw;flex-wrap:wrap;} #section09 .menu_info .tab_cont_wrap .item {width: 19.2708vw;height: 20.8333vw;position:relative;} #section09 .menu_info .tab_cont_wrap .item img {width: 100%;height:17.7083vw;} #section09 .menu_info .tab_cont_wrap .item .text_box {position:absolute;left:0;bottom:0;width:100%;height:3.1250vw;background:#d8ae77;text-align: center;} #section09 .menu_info .tab_cont_wrap .item .text_box p {line-height: 3.1250vw;font-size: 1.2500vw;font-weight: 700;color:#1e0c04;} #section09 .menu_info .tab_cont_wrap .btn_more_cont {font-size: 1.2500vw;color:#111;width: 10.4167vw;height: 3.1250vw;background:#d8ae77;text-align: center;margin:3.6458vw auto 0;border:none;border-radius:0;font-family: 'KimjungchulMyungjo-Regular';} /* section09 e */ } @media(max-width: 1919px){ /* section00 s */ #section00 {background:url('../../images/main_bg.jpg')no-repeat center top;width:100%;height:52.2396vw;} #section00 .inner {width: 94.7917vw;padding-top: 13.8021vw;text-align: center;position:static;} #section00 .main_name {display:flex;align-items:center;justify-content:center;gap:0.2604vw;margin-bottom: 1.0417vw;} #section00 .main_name span {font-size: 3.3333vw;color:#ffdfb5;} #section00 .main_name span.main_line {display:flex;align-items:center;} #section00 .main_name span.main_line img {width: 0.9896vw;} #section00 .main_title {font-size: 6.0417vw;color:#fff;margin-bottom: 1.0417vw;} #section00 .main_title .char {opacity: 0;filter: blur(1.0417vw);} #section00 .main_slogan {font-size: 1.2500vw;letter-spacing: 0.25em;color:#d8ae77;} #section00 .main_sub_text_wrap {margin-top: 4.9479vw;color:#fff;} #section00 .main_category {display:flex;align-items:center;justify-content:center;gap:1.2500vw;margin-bottom: 2.0833vw;} #section00 .main_category span {font-size: 1.8750vw;letter-spacing: 0.03em;} #section00 .main_category span.main_icon {display:flex;align-items:center;} #section00 .main_category span.main_icon img {width: 1.3542vw;} #section00 .main_desc {font-size: 1.2500vw;line-height: 1.6667vw;letter-spacing: 0.03em;} #section00 .main_img_wrap img {position:absolute;bottom:-4.1667vw;} #section00 .main_img_wrap .main_img_left {left:4.1667vw;width: 37.4375vw;} #section00 .main_img_wrap .main_img_right {right:0;width: 40.2500vw;} /* section00 e */ } @media(max-width: 1600px){ /* section00 s */ #section00 {height:62.6875vw;} #section00 .inner {width: 100%;padding-top: 16.5625vw;} #section00 .main_name {gap:0.3125vw;margin-bottom: 1.2500vw;} #section00 .main_name span {font-size: 4.0000vw;} #section00 .main_name span.main_line {} #section00 .main_name span.main_line img {width: 1.1875vw;} #section00 .main_title {font-size: 7.2500vw;margin-bottom: 1.2500vw;} #section00 .main_title .char {filter: blur(1.2500vw);} #section00 .main_slogan {font-size: 1.5000vw;} #section00 .main_sub_text_wrap {margin-top: 5.9375vw;} #section00 .main_category {gap:1.5000vw;margin-bottom: 2.5000vw;} #section00 .main_category span {font-size: 2.2500vw;} #section00 .main_category span.main_icon {} #section00 .main_category span.main_icon img {width: 1.6250vw;} #section00 .main_desc {font-size: 1.5000vw;line-height: 2.0000vw;} #section00 .main_img_wrap img {bottom:-5.0000vw;} #section00 .main_img_wrap .main_img_left {left:5.0000vw;} #section00 .main_img_wrap .main_img_right {right:0;} /* section00 e */ /* section01 s */ #section01 {height:65.6250vw;padding:8.7500vw 0 0;} #section01 .cont_text_wrap .ct_title {gap:0.3125rem;} #section01 .s1_img_wrap {width: 100%;height: 35.4375vw;} #section01 .s1_price_wrap > div {top:15.6250vw;} #section01 .s1_price_wrap > div p.s1_desc {font-size: 1.7500vw;margin-bottom: 0.6250vw;} #section01 .s1_price_wrap > div p.s1_price {font-size: 4.0000vw;} #section01 .s1_price_wrap > div.s1_right p.s1_price span {font-size: 5.0000vw;} #section01 .s1_price_wrap .s1_arr_bk {right:-9.7500vw;top:-3.7500vw;} #section01 .s1_price_wrap .s1_arr_color {left:-7.9375vw;top:-3.2500vw;} /* section01 e */ /* section02 s */ #section02 {height:56.8750vw;padding:8.7500vw 0 0;} #section02 .cont_text_wrap .ct_title {gap:0.3125rem;} #section02 .s2_cont_wrap {width:87.5000vw;height:35.0000vw;} #section02 .s2_graph_01 {left:3.7500vw;bottom:0;} #section02 .graph_txt {margin-bottom: 1.2500vw;} #section02 .graph_txt .graph_desc {font-size: 1.5000vw;line-height: 1.7500vw;} #section02 .graph_txt .graph_price {font-size: 2.6250vw;} #section02 .s2_food_wrap .s2_food_img {bottom:-4.3750vw} #section02 .s2_food_wrap .s2_food_txt {top:16.2500vw;} #section02 .s2_food_wrap .s2_food_txt .food_desc {font-size: 2.2500vw;margin-bottom: 0.6250vw;} #section02 .s2_food_wrap .s2_food_txt .counting .num {font-size: 7.5000vw;} #section02 .s2_food_wrap .s2_food_txt .counting .unit {font-size: 4.5000vw;} #section02 .s2_graph_02 {right:4.3750vw;bottom:0;width: 13.1250vw;} #section02 .s2_graph_02 .s2_stemp {top:3.1250vw;} .s2_video_wrap {} .s2_video_wrap video {} /* section02 e */ /* section03 s */ #section03 {padding:0.0000vw 0 8.7500vw;} #section03 .cont_text_wrap .txt_right_box {margin-top: 4.3750vw;} #section03 .cont_text_wrap .txt_right_box span {font-size: 1.2500vw;line-height: 1.7500vw;padding:0.1250vw 0.5000vw;margin-bottom: 0.6250vw;} #section03 .cont_text_wrap .txt_right_box p {font-size: 4.5000vw;padding-right: 0.9375vw;} #section03 .s3_1 {padding:8.1250vw 0;gap:2.8750vw;} #section03 .s3_1 .cont_text_wrap {width: 20.3125vw;} #section03 .s3_1 .s3_swiper_wrap {width: 57.1875vw;} #section03 .s3_1 #s3_swiper {padding:0.6250vw 0;} #section03 .s3_1 .swiper-slide {width: 25.3750vw;margin-right: 1.8750vw;} #section03 .s3_1 .swiper-slide img {filter:drop-shadow(0 0.1250vw 0.3125vw rgba(158,98,61,1))} #section03 .s3_1 .up_slide_bot {bottom:4.7500vw;width: 73.1250vw;} #section03 .s3_1 .up_slide_bot .up_btn {width:0.6875vw;height:1.1875vw;} #section03 .s3_1 .up_slide_bot .swiper-pagination {width:67.5000vw;height:0.1250vw;} #section03 .s3_2 {padding:4.5000vw;margin-top: 4.3750vw;} #section03 .s3_2 .cont_text_wrap {margin-left: 6.2500vw;} #section03 .s3_tab_wrapper {width: 46.5000vw;height: 27.0000vw;border:0.1875vw solid #7e3b00;} #section03 .s3_img_wrap .sub_cont {padding:3.0000vw 2.5000vw;} #section03 .s3_img_wrap .s3_ct_txt {} #section03 .s3_img_wrap .s3_ct_txt .s3c_l {} #section03 .s3_img_wrap .s3_ct_txt .s3c_r {} #section03 .s3_img_wrap .s3_ct_txt .name {font-size: 2.2500vw;margin-bottom: 1.2500vw;} #section03 .s3_img_wrap .s3_ct_txt .s3c_l .name {} #section03 .s3_img_wrap .s3_ct_txt .dt_name {font-size: 1.2500vw;line-height: 2.0000vw;} #section03 .s3_img_wrap .s3_ct_txt .price {font-size: 2.2500vw;line-height: 3.1250vw;} #section03 .s3_img_wrap .s3_ct_txt .s3c_l .price {} #section03 .s3_img_wrap .s3_ct_wave_wrap { height: 6.2500vw;top:4.5000vw;padding:0 2.5000vw; } #section03 .s3_img_wrap .s3_ct_wave_wrap span {font-size: 1.0000vw;} #section03 .s3_img_wrap .s3_ct_wave_wrap span.color-1 {font-size: 1.7500vw;} #section03 .s3_img_wrap .s3_ct_wave_wrap span.color-1 .big {font-size: 2.5000vw;} #section03 .s3_img_wrap .s3_2_img {} #section03 .s3_img_wrap .s3_2_img.s3_2_1 {top:8.5000vw;} #section03 .s3_img_wrap .s3_2_img.s3_2_2 {top:6.2500vw;} #section03 .cate_tab_wrap {height:5.6250vw;} #section03 .cate_tab_wrap .cate_wrap {} #section03 .cate_tab_wrap .cate_wrap li {border-top:0.1875vw solid #7e3b00;height:5.6250vw;} #section03 .cate_tab_wrap .cate_wrap li.on {} #section03 .cate_tab_wrap .cate_wrap li a {font-size: 2.2500vw;} #section03 .cate_tab_wrap .cate_wrap li a span.two {font-size: 1.0000vw;width: 1.8750vw;margin-right: 0.6250vw;} #section03 .cate_tab_wrap .cate_wrap li a span {margin-left: 0.6250vw;} #section03 .cate_tab_wrap .cate_wrap li.on a {} #section03 .cate_tab_wrap .cate_wrap li.on a span.two {} #section03 .cate_tab_wrap .cate_wrap li.on a span {} /* section03 e */ /* section04 s */ #section04 {height:57.8125vw;} #section04 .inner {} #section04 .s4_left {padding-left: 16.2500vw;} #section04 .cont_text_wrap {} #section04 .cont_text_wrap .ct_desc.margin-bottom {margin-bottom: 1.8750vw;} #section04 .cont_text_wrap .ct_sub_slogan {margin-top: 3.7500vw;} #section04 .s4_swiper_wrap {} /* section04 e */ /* section05 s */ #section05 {height:65.6250vw;padding:8.7500vw 0 0;} #section05 .inner {width: 98.7500vw;} #section05 .cont_text_wrap .ct_title {gap:0.3125rem;} #section05 .s5_beer_wrap {width: 73.1250vw;margin-top: 7.5000vw;} #section05 .s5_beer_wrap .s5_beer {} #section05 .s5_beer_wrap .s5_beer.s5b_01 {left:4.3750vw;top:-6.2500vw;} #section05 .s5_beer_wrap .s5_beer.s5b_02 {right:1.2500vw;top:-9.8750vw;} #section05 .s5_beer_wrap .s5_beer_txt {width: 37.8750vw;height: 18.8750vw;} #section05 .s5_beer_wrap .s5_beer_txt p {text-shadow:0 0.3125vw 0.6250vw rgba(0,0,0,0.4)} #section05 .s5_beer_wrap .s5_beer_txt p.ko {font-size: 2.2500vw;} #section05 .s5_beer_wrap .s5_beer_txt p.counting {margin-top: 0.6250vw;} #section05 .s5_beer_wrap .s5_beer_txt p.counting span.num {font-size: 7.5000vw;} #section05 .s5_beer_wrap .s5_beer_txt p.counting span.unit {font-size: 4.5000vw;} /* section05 e */ /* section06 s */ #section06 {padding:8.7500vw 0;} #section06 .inner {width: 98.7500vw;} #section06 .cont_text_wrap .ct_title {gap:0.3125rem;} #section06 .cont_text_wrap .ct_title span {} #section06 .cont_text_wrap .ct_title span.color-02 {} #section06 .cont_text_wrap .ct_desc {margin-top: 1.8750vw;} #section06 .s6_list_wrap {gap:1.8750vw;margin-top: 4.3750vw;} #section06 .s6_list_wrap .s6_list {width: 23.1250vw;height: 25.0000vw;border:0.3750vw solid #be6400;} #section06 .s6_list_wrap .s6_list .s6_list_img_wrap {} #section06 .s6_list_wrap .s6_list .s6_list_img_wrap:after {} #section06 .s6_list_wrap .s6_list.on .s6_list_img_wrap:after {} #section06 .s6_list_wrap .s6_list .s6_point_wrap {left:2.1875vw;} #section06 .s6_list_wrap .s6_list.on:nth-child(1) .s6_point_wrap {} #section06 .s6_list_wrap .s6_list.on:nth-child(2) .s6_point_wrap {} #section06 .s6_list_wrap .s6_list.on:nth-child(3) .s6_point_wrap {} #section06 .s6_list_wrap .s6_list:nth-child(1) .s6_point_wrap {bottom:2.6250vw;} #section06 .s6_list_wrap .s6_list:nth-child(2) .s6_point_wrap {top:2.7500vw;} #section06 .s6_list_wrap .s6_list:nth-child(3) .s6_point_wrap {bottom:2.6250vw;} #section06 .s6_list_wrap .s6_list .s6_point_wrap p {font-size: 3.2500vw;} #section06 .s6_list_wrap .s6_list .s6_point_wrap p span {} #section06 .s6_list_wrap .s6_list .s6_hover_wrap {gap:2.5000vw;} #section06 .s6_list_wrap .s6_list.on .s6_hover_wrap {} #section06 .s6_list_wrap .s6_list .s6_hover_wrap p {} #section06 .s6_list_wrap .s6_list .s6_hover_wrap p.tit {font-size: 2.0000vw;line-height: 3.3750vw;} #section06 .s6_list_wrap .s6_list .s6_hover_wrap p.desc {font-size: 1.2500vw;line-height: 1.7500vw;} /* section06 e */ /* section07 s */ #section07 {background:url('../../images/s7_bg.jpg')no-repeat center/cover;height:65.6250vw;padding:8.7500vw 0 10.9375vw;} #section07 .cont_text_wrap {} #section07 .cont_text_wrap .ct_sub_title {margin-top: 2.5000vw;} #section07 .s7_img_wrap {right:0;bottom:6.2500vw;z-index:10;} #section07 .flow-ani-wrap {margin-top:2.5000vw;} #section07 .flow-ani-wrap ul li {margin-right: 1.8750vw;} /* section07 e */ /* section08 s */ #section08 {background:url('../../images/s8_bg.jpg')no-repeat center/cover;padding:0.0000vw 0 8.7500vw;} #section08 .inner {width: 80.0000vw;} #section08 .s8_in {background:url('../../images/s8_in_bg.jpg')no-repeat center/cover;height:58.7500vw;padding:5.6250vw 7.8125vw 4.3750vw;} #section08 .cont_text_wrap {padding-top: 2.5000vw;} #section08 .cont_text_wrap .ct_slogan {} #section08 .cont_text_wrap .ct_title {} #section08 .cont_text_wrap .ct_title span {} #section08 .cont_text_wrap .ct_desc {} #section08 .cont_text_wrap .ct_sub_title {margin-top: 2.5000vw;} #section08 .cont_text_wrap .search_wrap {margin-top: 2.6250vw;} #section08 .cont_text_wrap .search_box {} #section08 .cont_text_wrap .search_box .keyword {left:5.3125vw;font-size: 2.1250vw;} #section08 .cont_text_wrap .search_box .keyword .typing_text {} #section08 .s8_phone_wrap {margin-right: 6.2500vw;} #section08 .sns_heart {left: -2.8750vw; top: 0.7500vw;} #section08 .sns_heart li {} #section08 .sns_heart li:nth-child(3) {} #section08 .sns_heart li img {width: 5.6250vw;} #section08 .s8_slide_wrap {padding:1.0000vw 0;border-top:0.0625vw solid #be6400;border-bottom:0.0625vw solid #be6400;width:87.5000vw;left:0;bottom:3.3750vw;} .sns_slide{} .sns_slide .slide_wrapper{width:20.0000vw;height:20.0000vw;} .sns_slide .slide_item{} .sns_slide .slide_item .s8_hover {gap:1.2500vw;} .sns_slide .slide_item:hover .s8_hover {} .sns_slide .slide_item .s8_hover p {} .sns_slide .slide_item .s8_hover p.tit {font-size: 1.2500vw;line-height: 1.8750vw;} .sns_slide .slide_item .s8_hover p.desc {font-size: 1.1250vw;line-height: 1.7500vw;} .s8_video_wrap {} .s8_video_wrap video {width: 101%;} /* section08 e */ /* section09 s */ #section09 {padding:8.1250vw 0 8.7500vw;} #section09 .inner {} #section09 .cont_text_wrap {} #section09 .cont_text_wrap .ct_slogan {} #section09 .cont_text_wrap .ct_title {gap:0.3125rem;} #section09 .cont_text_wrap .ct_title span {} #section09 .cont_text_wrap .ct_desc {margin-top: 1.8750vw;} #section09 .menu_info {margin-top: 4.2500vw;} #section09 .menu_info ul.tab {gap:6.7500vw;margin-bottom: 3.7500vw;} #section09 .menu_info ul.tab:before {width: 26.8750vw;height: 0.1250vw;left:0;} #section09 .menu_info ul.tab:after {width: 26.8750vw;height: 0.1250vw;right:0;} #section09 .menu_info ul.tab li {font-size: 2.0000vw;} #section09 .menu_info ul.tab li:after {width: 1.6250vw;height: 1.6250vw;right:-4.1875vw;;} #section09 .menu_info ul.tab li:last-child:after {} #section09 .menu_info ul.tab li.active {} #section09 .menu_info .tab_cont_wrap {width: 73.1250vw;} #section09 .menu_info .tab_cont_wrap .tab_cont {} #section09 .menu_info .tab_cont_wrap .menu_list {gap:1.8750vw;} #section09 .menu_info .tab_cont_wrap .item {width: 23.1250vw;height: 25.0000vw;} #section09 .menu_info .tab_cont_wrap .item img {height:21.2500vw;} #section09 .menu_info .tab_cont_wrap .item .text_box {left:0;bottom:0;height:3.7500vw;} #section09 .menu_info .tab_cont_wrap .item .text_box p {line-height: 3.7500vw;font-size: 1.5000vw;} #section09 .menu_info .tab_cont_wrap .btn_more_cont {font-size: 1.5000vw;width: 12.5000vw;height: 3.7500vw;margin:4.3750vw auto 0;} /* section09 e */ /* section10 s */ #section10 {background:url('../../images/s10_bg.jpg')no-repeat center/cover;padding:8.7500vw 0;} #section10 .inner {width: 76.8750vw;} #section10 .cont_text_wrap .ct_title {gap:0.3125rem;} #section10 .cont_text_wrap .ct_desc {margin-top: 1.8750vw;} #section10 .s10_list_wrap {margin-top: 4.3750vw;} #section10 .s10_list_wrap .s10_list {width: 24.3750vw;height: 40.5000vw;} #section10 .s10_list_wrap .s10_info {height:16.8750vw;} #section10 .s10_list_wrap .s10_info .s10_circle {gap:1.2500vw;padding-top: 2.5000vw;} #section10 .s10_list_wrap .s10_info .s10_circle p.tit {font-size: 3.2500vw;line-height: 3.6250vw;} #section10 .s10_list_wrap .s10_info .s10_circle .desc p {font-size: 1.2500vw;line-height: 1.7500vw;} #section10 .s10_list_wrap .s10_info .s10_circle .desc p.small {font-size: 1.1250vw;} #section10 .s10_list_wrap .s10_img_wrap {width: 24.3750vw;height:23.7500vw;} /* section10 e */ /* section11 s */ #section11 {background:url('../../images/s11_bg.jpg')no-repeat center/cover;padding:8.7500vw 0 13.1250vw;} #section11 .inner {width: 73.1250vw;} #section11 .cont_text_wrap {} #section11 .cont_text_wrap .ct_slogan {} #section11 .cont_text_wrap .ct_title {gap:0.3125rem;} #section11 .cont_text_wrap .ct_title span {} #section11 .cont_text_wrap .ct_title span.color-01 {} #section11 .cont_text_wrap .ct_desc {margin-top: 1.8750vw;} #section11 .s11_list_wrap {margin-top: 4.3750vw;} #section11 .s11_list {width: 16.8750vw;height: 20.6250vw;border:0.1250vw solid #d8ae77;padding-top: 3.1250vw;} #section11 .s11_list.on {} #section11 .s11_list .s11_info {} #section11 .s11_list .s11_tit {font-size: 2.0000vw;line-height: 3.3750vw;margin-bottom: 0.9375vw;} #section11 .s11_list .s11_tit span {} #section11 .s11_list .s11_desc {font-size: 2.8750vw;line-height: 3.2500vw;margin-bottom: 0.9375vw;} #section11 .s11_list .s11_desc span {} #section11 .s11_list .s11_cc {font-size: 1.2500vw;} #section11 .s11_list.on .s11_tit {} #section11 .s11_list.on .s11_tit span {} #section11 .s11_list.on .s11_desc {} #section11 .s11_list.on .s11_desc span {} #section11 .s11_list.on .s11_cc {} /* section11 e */ /* section12 s */ #section12 {background:url('../../images/s12_bg.jpg')no-repeat center/cover;padding:8.7500vw 0 8.7500vw;} #section12 .inner {width: 73.1250vw;} #section12 .cont_text_wrap {} #section12 .cont_text_wrap .ct_slogan {} #section12 .cont_text_wrap .ct_title {gap:0.3125rem;} #section12 .cont_text_wrap .ct_title span {} #section12 .cont_text_wrap .ct_title span.color-01 {} #section12 .cont_text_wrap .ct_desc {margin-top: 1.8750vw;} #section12 .s12_list_wrap {margin-top: 4.3750vw;} #section12 .s12_list {width: 16.8750vw;height: 11.8750vw;border:0.1250vw solid #bf844f;margin-bottom: 3.1250vw;} #section12 .s12_list.s12_list07 {} #section12 .s12_list:after {width: 4.0000vw;height: 4.0000vw;right:-2.8750vw;} #section12 .s12_list.s12_list01 {} #section12 .s12_list.s12_list02 {} #section12 .s12_list.s12_list03 {} #section12 .s12_list.s12_list04 {} #section12 .s12_list.s12_list05 {} #section12 .s12_list.s12_list06 {} #section12 .s12_list.s12_list07 {} #section12 .s12_list.s12_list08 {} #section12 .s12_list.s12_list04:after {} #section12 .s12_list.s12_list08:after {} #section12 .s12_list.margin-bottom {} #section12 .s12_list .s12_info {width: 15.6250vw;height: 10.6250vw;} #section12 .s12_list .s12_tit {font-size: 2.6250vw;line-height: 3.2500vw;} #section12 .s12_list .s12_tit.line2 {font-size: 2.2500vw;line-height: 2.6250vw;} #section12 .s12_list.s12_list07 .s12_info {} #section12 .s12_list.s12_list07 .s12_info:before {width:0.4375vw;height:0.4375vw;left:0.9375vw;} #section12 .s12_list.s12_list07 .s12_info:after {width:0.4375vw;height:0.4375vw;right:0.9375vw;} #section12 .s12_list.s12_list07 .s12_tit {} /* section12 e */ /* section13 s */ #section13 {background:url('../../images/s13_bg.jpg')no-repeat center/cover;padding:8.7500vw 0 8.7500vw;} #section13 .inner {width: 73.1250vw;} #section13 .cont_text_wrap {} #section13 .cont_text_wrap .ct_title {gap:0.3125rem;} #section13 .cont_text_wrap .ct_title span {} #section13 .cont_text_wrap .ct_title span.color-02 {} #section13 .cont_text_wrap .ct_desc {margin-top: 1.8750vw;} #section13 .s13_table_wrap {margin-top: 2.5000vw;} #section13 .s13_top_info {font-size: 1.0000vw;margin-bottom: 0.9375vw;} #section13 .s13_top {border-top:0.0625vw solid #7e3b00;} #section13 .s13_top:after {width:100%;height:0.0625vw;bottom:-0.1875vw;} #section13 .s13_top ul {} #section13 .s13_top ul li {width: 16.8750vw;line-height: 4.0000vw;font-size: 1.3750vw;} #section13 .s13_top ul li:nth-child(3) {width: 23.1250vw;} #section13 .s13_info {} #section13 .s13_info ul li:first-child {height:5.1250vw;} #section13 .s13_info ul li:first-child span {padding-top:1.2500vw;} #section13 .s13_info ul li:first-child span.sticker {} #section13 .s13_info ul li:last-child {height:5.1250vw;} #section13 .s13_info ul li:last-child span {padding-bottom:1.2500vw;} #section13 .s13_info ul li {height:3.8750vw;} #section13 .s13_info ul li > span {width: 16.8750vw;font-size: 1.2500vw;} #section13 .s13_info ul li span.info1 {} #section13 .s13_info ul li span.info2 {} #section13 .s13_info ul li span.info3 {width: 23.1250vw;} #section13 .s13_info ul li span.info3 .sticker {width: 10.3750vw;} #section13 .s13_info ul li span.info4 {} #section13 .s13_info ul li span.fw400 {} #section13 .s13_info ul li span.df {} #section13 .s13_info ul li span.non-data {} #section13 .s13_info ul li span .short {font-size: 1.1250vw;} #section13 .s13_sticker {right:1.5625vw;} #section13 .s13_sticker.s13_01 {top:1.5625vw;} #section13 .s13_sticker.s13_02 {top:1.1250vw;} #section13 .s13_bottom ul {height:4.3750vw;} #section13 .s13_bottom ul li {width: 16.8750vw;font-size: 1.3750vw;} #section13 .s13_bottom ul li:last-child {width: 23.1250vw;} #section13 .s13_bottom ul li .s13b_line {width: 12.7500vw;height: 2.6250vw;} #section13 .s13_bottom ul li .s13b_line:after {width: 13.3750vw;height: 3.2500vw;border:0.0625vw solid #fff;} #section13 .s13_bottom ul li .s13b_line p {font-size: 1.8750vw;line-height: 2.6250vw;} #section13 .s13_desc {margin-top: 1.8750vw;padding-left:1.8750vw;} #section13 .s13_desc p {font-size: 1.1250vw;line-height: 1.7500vw;} #section13 .s13_desc p:after {width: 0.3125vw;height: 0.3125vw;left:-0.7500vw;} /* section13 e */ /* section14 s */ #section14 {padding:8.7500vw 0 8.7500vw;} #section14 .inner {width: 73.1250vw;} #section14 .cont_text_wrap {} #section14 .cont_text_wrap .ct_title {margin-bottom: 4.3750vw;} /* section14 e */ } @media(max-width: 1400px){ /* section00 s */ #section00 {height:71.6429vw;} #section00 .inner {width: 100%;padding-top: 18.9286vw;} #section00 .main_name {gap:0.3571vw;margin-bottom: 1.4286vw;} #section00 .main_name span {font-size: 4.5714vw;} #section00 .main_name span.main_line {} #section00 .main_name span.main_line img {width: 1.3571vw;} #section00 .main_title {font-size: 8.2857vw;margin-bottom: 1.4286vw;} #section00 .main_title .char {filter: blur(1.4286vw);} #section00 .main_slogan {font-size: 1.7143vw;} #section00 .main_sub_text_wrap {margin-top: 6.7857vw;} #section00 .main_category {gap:1.7143vw;margin-bottom: 2.8571vw;} #section00 .main_category span {font-size: 2.5714vw;} #section00 .main_category span.main_icon {} #section00 .main_category span.main_icon img {width: 1.8571vw;} #section00 .main_desc {font-size: 1.7143vw;line-height: 2.2857vw;} #section00 .main_img_wrap img {bottom:-5.7143vw;} #section00 .main_img_wrap .main_img_left {left:5.7143vw;} #section00 .main_img_wrap .main_img_right {right:0;} /* section00 e */ /* section01 s */ #section01 {height:75.0000vw;padding:10.0000vw 0 0;} #section01 .cont_text_wrap .ct_title {gap:0.3125rem;} #section01 .s1_img_wrap {width: 100%;height: 40.5000vw;} #section01 .s1_price_wrap > div {top:17.8571vw;} #section01 .s1_price_wrap > div p.s1_desc {font-size: 2.0000vw;margin-bottom: 0.7143vw;} #section01 .s1_price_wrap > div p.s1_price {font-size: 4.5714vw;} #section01 .s1_price_wrap > div.s1_right p.s1_price span {font-size: 5.7143vw;} #section01 .s1_price_wrap .s1_arr_bk {right:-11.1429vw;top:-4.2857vw;} #section01 .s1_price_wrap .s1_arr_color {left:-9.0714vw;top:-3.7143vw;} /* section01 e */ /* section02 s */ #section02 {height:65.0000vw;padding:10.0000vw 0 0;} #section02 .inner {} #section02 .cont_text_wrap .ct_title {gap:0.3125rem;} #section02 .s2_cont_wrap {width:100%;height:40.0000vw;} #section02 .s2_graph_01 {left:4.2857vw;bottom:0;} #section02 .graph_txt {margin-bottom: 1.4286vw;} #section02 .graph_txt p {} #section02 .graph_txt .graph_desc {font-size: 1.7143vw;line-height: 2.0000vw;} #section02 .graph_txt .graph_price {font-size: 3.0000vw;} #section02 .graph_box {} #section02 .s2_food_wrap {} #section02 .s2_food_wrap .s2_food_img {bottom:-5.0000vw} #section02 .s2_food_wrap .s2_food_txt {top:18.5714vw;} #section02 .s2_food_wrap .s2_food_txt p {} #section02 .s2_food_wrap .s2_food_txt .food_desc {font-size: 2.5714vw;margin-bottom: 0.7143vw;} #section02 .s2_food_wrap .s2_food_txt .counting .num {font-size: 8.5714vw;} #section02 .s2_food_wrap .s2_food_txt .counting .unit {font-size: 5.1429vw;} #section02 .s2_graph_02 {right:5.0000vw;bottom:0;width: 15.0000vw;} #section02 .s2_graph_02 .s2_stemp {top:3.5714vw;} .s2_video_wrap {} .s2_video_wrap video {} /* section02 e */ /* section03 s */ #section03 {padding:0.0000vw 0 10.0000vw;} #section03 .cont_text_wrap .txt_right_box {margin-top: 5.0000vw;} #section03 .cont_text_wrap .txt_right_box span {font-size: 1.4286vw;line-height: 2.0000vw;padding:0.1429vw 0.5714vw;margin-bottom: 0.7143vw;} #section03 .cont_text_wrap .txt_right_box p {font-size: 5.1429vw;padding-right: 1.0714vw;} #section03 .s3_1 {padding:9.2857vw 0;gap:3.2857vw;} #section03 .s3_1 .cont_text_wrap {width: 23.2143vw;} #section03 .s3_1 .s3_swiper_wrap {width: 65.3571vw;} #section03 .s3_1 #s3_swiper {padding:0.7143vw 0;} #section03 .s3_1 .swiper-slide {width: 29.0000vw;margin-right: 2.1429vw;} #section03 .s3_1 .swiper-slide img {filter:drop-shadow(0 0.1429vw 0.3571vw rgba(158,98,61,1))} #section03 .s3_1 .up_slide_bot {bottom:5.4286vw;width: 83.5714vw;} #section03 .s3_1 .up_slide_bot .up_btn {width:0.7857vw;height:1.3571vw;} #section03 .s3_1 .up_slide_bot .swiper-pagination {width:77.1429vw;height:0.1429vw;} #section03 .s3_2 {padding:5.1429vw;margin-top: 5.0000vw;} #section03 .s3_2 .cont_text_wrap {margin-left: 7.1429vw;} #section03 .s3_tab_wrapper {width: 53.1429vw;height: 30.8571vw;border:0.2143vw solid #7e3b00;} #section03 .s3_img_wrap .sub_cont {padding:3.4286vw 2.8571vw;} #section03 .s3_img_wrap .s3_ct_txt .name {font-size: 2.5714vw;margin-bottom: 1.4286vw;} #section03 .s3_img_wrap .s3_ct_txt .dt_name {font-size: 1.4286vw;line-height: 2.2857vw;} #section03 .s3_img_wrap .s3_ct_txt .price {font-size: 2.5714vw;line-height: 3.5714vw;} #section03 .s3_img_wrap .s3_ct_wave_wrap { height: 7.1429vw;top:5.1429vw;padding:0 2.8571vw; } #section03 .s3_img_wrap .s3_ct_wave_wrap span {font-size: 1.1429vw;} #section03 .s3_img_wrap .s3_ct_wave_wrap span.color-1 {font-size: 2.0000vw;} #section03 .s3_img_wrap .s3_ct_wave_wrap span.color-1 .big {font-size: 2.8571vw;} #section03 .s3_img_wrap .s3_2_img.s3_2_1 {top:9.7143vw;} #section03 .s3_img_wrap .s3_2_img.s3_2_2 {top:7.1429vw;} #section03 .cate_tab_wrap {height:6.4286vw;} #section03 .cate_tab_wrap .cate_wrap li {border-top:0.2143vw solid #7e3b00;height:6.4286vw;} #section03 .cate_tab_wrap .cate_wrap li a {font-size: 2.5714vw;} #section03 .cate_tab_wrap .cate_wrap li a span.two {font-size: 1.1429vw;width: 2.1429vw;margin-right: 0.7143vw;} #section03 .cate_tab_wrap .cate_wrap li a span {margin-left: 0.7143vw;} /* section03 e */ /* section04 s */ #section04 {height:66.0714vw;} #section04 .inner {} #section04 .s4_left {padding-left: 18.5714vw;} #section04 .cont_text_wrap {} #section04 .cont_text_wrap .ct_desc.margin-bottom {margin-bottom: 2.1429vw;} #section04 .cont_text_wrap .ct_sub_slogan {margin-top: 4.2857vw;} #section04 .s4_swiper_wrap {} /* section04 e */ /* section05 s */ #section05 {height:75.0000vw;padding:10.0000vw 0 0;} #section05 .inner {width: 112.8571vw;} #section05 .cont_text_wrap .ct_title {gap:0.3125rem;} #section05 .s5_beer_wrap {width: 83.5714vw;margin-top: 8.5714vw;} #section05 .s5_beer_wrap .s5_beer {} #section05 .s5_beer_wrap .s5_beer.s5b_01 {left:5.0000vw;top:-7.1429vw;} #section05 .s5_beer_wrap .s5_beer.s5b_02 {right:1.4286vw;top:-11.2857vw;} #section05 .s5_beer_wrap .s5_beer_txt {width: 43.2857vw;height: 21.5714vw;} #section05 .s5_beer_wrap .s5_beer_txt p {text-shadow:0 0.3571vw 0.7143vw rgba(0,0,0,0.4)} #section05 .s5_beer_wrap .s5_beer_txt p.ko {font-size: 2.5714vw;} #section05 .s5_beer_wrap .s5_beer_txt p.counting {margin-top: 0.7143vw;} #section05 .s5_beer_wrap .s5_beer_txt p.counting span.num {font-size: 8.5714vw;} #section05 .s5_beer_wrap .s5_beer_txt p.counting span.unit {font-size: 5.1429vw;} /* section05 e */ /* section06 s */ #section06 {padding:10.0000vw 0;} #section06 .inner {width: 100%;} #section06 .cont_text_wrap .ct_title {gap:0.3125rem;} #section06 .cont_text_wrap .ct_title span {} #section06 .cont_text_wrap .ct_title span.color-02 {} #section06 .cont_text_wrap .ct_desc {margin-top: 2.1429vw;} #section06 .s6_list_wrap {gap:2.1429vw;margin-top: 5.0000vw;} #section06 .s6_list_wrap .s6_list {width: 26.4286vw;height: 28.5714vw;border:0.4286vw solid #be6400;} #section06 .s6_list_wrap .s6_list .s6_list_img_wrap {} #section06 .s6_list_wrap .s6_list .s6_list_img_wrap:after {} #section06 .s6_list_wrap .s6_list.on .s6_list_img_wrap:after {} #section06 .s6_list_wrap .s6_list .s6_point_wrap {left:2.5000vw;} #section06 .s6_list_wrap .s6_list.on:nth-child(1) .s6_point_wrap {} #section06 .s6_list_wrap .s6_list.on:nth-child(2) .s6_point_wrap {} #section06 .s6_list_wrap .s6_list.on:nth-child(3) .s6_point_wrap {} #section06 .s6_list_wrap .s6_list:nth-child(1) .s6_point_wrap {bottom:3.0000vw;} #section06 .s6_list_wrap .s6_list:nth-child(2) .s6_point_wrap {top:3.1429vw;} #section06 .s6_list_wrap .s6_list:nth-child(3) .s6_point_wrap {bottom:3.0000vw;} #section06 .s6_list_wrap .s6_list .s6_point_wrap p {font-size: 3.7143vw;} #section06 .s6_list_wrap .s6_list .s6_point_wrap p span {} #section06 .s6_list_wrap .s6_list .s6_hover_wrap {gap:2.8571vw;} #section06 .s6_list_wrap .s6_list.on .s6_hover_wrap {} #section06 .s6_list_wrap .s6_list .s6_hover_wrap p {} #section06 .s6_list_wrap .s6_list .s6_hover_wrap p.tit {font-size: 2.2857vw;line-height: 3.8571vw;} #section06 .s6_list_wrap .s6_list .s6_hover_wrap p.desc {font-size: 1.4286vw;line-height: 2.0000vw;} /* section06 e */ /* section07 s */ #section07 {background:url('../../images/s7_bg.jpg')no-repeat center/cover;height:75.0000vw;padding:10.0000vw 0 12.5000vw;} #section07 .cont_text_wrap {} #section07 .cont_text_wrap .ct_sub_title {margin-top: 2.8571vw;} #section07 .s7_img_wrap {right:0;bottom:7.1429vw;z-index:10;} #section07 .flow-ani-wrap {margin-top:2.8571vw;} #section07 .flow-ani-wrap ul li {margin-right: 2.1429vw;} /* section07 e */ /* section08 s */ #section08 {background:url('../../images/s8_bg.jpg')no-repeat center/cover;padding:0.0000vw 0 10.0000vw;} #section08 .inner {width: 91.4286vw;} #section08 .s8_in {background:url('../../images/s8_in_bg.jpg')no-repeat center/cover;height:67.1429vw;padding:6.4286vw 8.9286vw 5.0000vw;} #section08 .cont_text_wrap {padding-top: 2.8571vw;} #section08 .cont_text_wrap .ct_slogan {} #section08 .cont_text_wrap .ct_title {} #section08 .cont_text_wrap .ct_title span {} #section08 .cont_text_wrap .ct_desc {} #section08 .cont_text_wrap .ct_sub_title {margin-top: 2.8571vw;} #section08 .cont_text_wrap .search_wrap {margin-top: 3.0000vw;} #section08 .cont_text_wrap .search_box {} #section08 .cont_text_wrap .search_box .keyword {left:6.0714vw;font-size: 2.4286vw;} #section08 .cont_text_wrap .search_box .keyword .typing_text {} #section08 .s8_phone_wrap {margin-right: 7.1429vw;} #section08 .sns_heart {left: -3.2857vw; top: 0.8571vw;} #section08 .sns_heart li {} #section08 .sns_heart li:nth-child(3) {} #section08 .sns_heart li img {width: 6.4286vw;} #section08 .s8_slide_wrap {padding:1.1429vw 0;border-top:0.0714vw solid #be6400;border-bottom:0.0714vw solid #be6400;width:100.0000vw;left:0;bottom:3.8571vw;} .sns_slide{} .sns_slide .slide_wrapper{width:22.8571vw;height:22.8571vw;} .sns_slide .slide_item{} .sns_slide .slide_item .s8_hover {gap:1.4286vw;} .sns_slide .slide_item:hover .s8_hover {} .sns_slide .slide_item .s8_hover p {} .sns_slide .slide_item .s8_hover p.tit {font-size: 1.4286vw;line-height: 2.1429vw;} .sns_slide .slide_item .s8_hover p.desc {font-size: 1.2857vw;line-height: 2.0000vw;} .s8_video_wrap {} .s8_video_wrap video {width: 101%;} /* section08 e */ /* section09 s */ #section09 {background:url('../../images/s9_bg.jpg')no-repeat center/cover;padding:10.0000vw 0;} #section09 .inner {} #section09 .cont_text_wrap {} #section09 .cont_text_wrap .ct_slogan {} #section09 .cont_text_wrap .ct_title {gap:0.3125rem;} #section09 .cont_text_wrap .ct_title span {} #section09 .cont_text_wrap .ct_desc {margin-top: 2.1429vw;} #section09 .menu_info {margin-top: 6.4286vw;} #section09 .menu_info ul.tab {gap:7.7143vw;margin-bottom: 4.2857vw;} #section09 .menu_info ul.tab:before {width: 45.0000vw;height: 0.1429vw;left:0;} #section09 .menu_info ul.tab:after {width: 45.0000vw;height: 0.1429vw;right:0;} #section09 .menu_info ul.tab li {font-size: 2.2857vw;} #section09 .menu_info ul.tab li:after {width: 1.8571vw;height: 1.8571vw;right:-4.7857vw;;} #section09 .menu_info ul.tab li:last-child:after {} #section09 .menu_info ul.tab li.active {} #section09 .menu_info .tab_cont_wrap {width: 83.5714vw;} #section09 .menu_info .tab_cont_wrap .tab_cont {} #section09 .menu_info .tab_cont_wrap .menu_list {gap:2.1429vw;} #section09 .menu_info .tab_cont_wrap .item {width: 26.4286vw;height: 28.5714vw;} #section09 .menu_info .tab_cont_wrap .item img {height:24.2857vw;} #section09 .menu_info .tab_cont_wrap .item .text_box {left:0;bottom:0;height:4.2857vw;} #section09 .menu_info .tab_cont_wrap .item .text_box p {line-height: 4.2857vw;font-size: 1.7143vw;} #section09 .menu_info .tab_cont_wrap .btn_more_cont {font-size: 1.7143vw;width: 14.2857vw;height: 4.2857vw;margin:5.0000vw auto 0;} /* section09 e */ /* section10 s */ #section10 {background:url('../../images/s10_bg.jpg')no-repeat center/cover;padding:10.0000vw 0;} #section10 .inner {width: 87.8571vw;} #section10 .cont_text_wrap {} #section10 .cont_text_wrap .ct_slogan {} #section10 .cont_text_wrap .ct_title {gap:0.3125rem;} #section10 .cont_text_wrap .ct_title span {} #section10 .cont_text_wrap .ct_title span.color-02 {} #section10 .cont_text_wrap .ct_desc {margin-top: 2.1429vw;} #section10 .s10_list_wrap {margin-top: 5.0000vw;} #section10 .s10_list_wrap .s10_list {width: 27.8571vw;height: 46.2857vw;} #section10 .s10_list_wrap .s10_list.s10_list01 {} #section10 .s10_list_wrap .s10_list.s10_list02 {} #section10 .s10_list_wrap .s10_list.s10_list03 {} #section10 .s10_list_wrap .s10_info {height:19.2857vw;} #section10 .s10_list_wrap .s10_info .s10_circle {gap:1.4286vw;padding-top: 2.8571vw;} #section10 .s10_list_wrap .s10_info .s10_circle p {} #section10 .s10_list_wrap .s10_info .s10_circle p.tit {font-size: 3.7143vw;line-height: 4.1429vw;} #section10 .s10_list_wrap .s10_info .s10_circle .desc {} #section10 .s10_list_wrap .s10_info .s10_circle .desc p {font-size: 1.4286vw;line-height: 2.0000vw;} #section10 .s10_list_wrap .s10_info .s10_circle .desc p.small {font-size: 1.2857vw;} #section10 .s10_list_wrap .s10_info .s10_circle .desc p span {} #section10 .s10_list_wrap .s10_img_wrap {width: 27.8571vw;height:27.1429vw;} #section10 .s10_list_wrap .s10_img_wrap img {} .main_star .stars1 {} .main_star .stars2 {} .main_star .stars3 {} .main_star .stars4 {} /* section10 e */ /* section11 s */ #section11 {background:url('../../images/s11_bg.jpg')no-repeat center/cover;padding:10.0000vw 0 15.0000vw;} #section11 .inner {width: 83.5714vw;} #section11 .cont_text_wrap {} #section11 .cont_text_wrap .ct_slogan {} #section11 .cont_text_wrap .ct_title {gap:0.3125rem;} #section11 .cont_text_wrap .ct_title span {} #section11 .cont_text_wrap .ct_title span.color-01 {} #section11 .cont_text_wrap .ct_desc {margin-top: 2.1429vw;} #section11 .s11_list_wrap {margin-top: 5.0000vw;} #section11 .s11_list {width: 19.2857vw;height: 23.5714vw;border:0.1429vw solid #d8ae77;padding-top: 3.5714vw;} #section11 .s11_list.on {} #section11 .s11_list .s11_info {} #section11 .s11_list .s11_tit {font-size: 2.2857vw;line-height: 3.8571vw;margin-bottom: 1.0714vw;} #section11 .s11_list .s11_tit span {} #section11 .s11_list .s11_desc {font-size: 3.2857vw;line-height: 3.7143vw;margin-bottom: 1.0714vw;} #section11 .s11_list .s11_desc span {} #section11 .s11_list .s11_cc {font-size: 1.4286vw;} #section11 .s11_list.on .s11_tit {} #section11 .s11_list.on .s11_tit span {} #section11 .s11_list.on .s11_desc {} #section11 .s11_list.on .s11_desc span {} #section11 .s11_list.on .s11_cc {} /* section11 e */ /* section12 s */ #section12 {background:url('../../images/s12_bg.jpg')no-repeat center/cover;padding:10.0000vw 0 10.0000vw;} #section12 .inner {width: 83.5714vw;} #section12 .cont_text_wrap {} #section12 .cont_text_wrap .ct_slogan {} #section12 .cont_text_wrap .ct_title {gap:0.3125rem;} #section12 .cont_text_wrap .ct_title span {} #section12 .cont_text_wrap .ct_title span.color-01 {} #section12 .cont_text_wrap .ct_desc {margin-top: 2.1429vw;} #section12 .s12_list_wrap {margin-top: 5.0000vw;} #section12 .s12_list {width: 19.2857vw;height: 13.5714vw;border:0.1429vw solid #bf844f;margin-bottom: 3.5714vw;} #section12 .s12_list.s12_list07 {} #section12 .s12_list:after {width: 4.5714vw;height: 4.5714vw;right:-3.2857vw;} #section12 .s12_list.s12_list01 {} #section12 .s12_list.s12_list02 {} #section12 .s12_list.s12_list03 {} #section12 .s12_list.s12_list04 {} #section12 .s12_list.s12_list05 {} #section12 .s12_list.s12_list06 {} #section12 .s12_list.s12_list07 {} #section12 .s12_list.s12_list08 {} #section12 .s12_list.s12_list04:after {} #section12 .s12_list.s12_list08:after {} #section12 .s12_list.margin-bottom {} #section12 .s12_list .s12_info {width: 17.8571vw;height: 12.1429vw;} #section12 .s12_list .s12_tit {font-size: 3.0000vw;line-height: 3.7143vw;} #section12 .s12_list .s12_tit.line2 {font-size: 2.5714vw;line-height: 3.0000vw;} #section12 .s12_list.s12_list07 .s12_info {} #section12 .s12_list.s12_list07 .s12_info:before {width:0.5000vw;height:0.5000vw;left:1.0714vw;} #section12 .s12_list.s12_list07 .s12_info:after {width:0.5000vw;height:0.5000vw;right:1.0714vw;} #section12 .s12_list.s12_list07 .s12_tit {} /* section12 e */ /* section13 s */ #section13 {background:url('../../images/s13_bg.jpg')no-repeat center/cover;padding:10.0000vw 0 10.0000vw;} #section13 .inner {width: 83.5714vw;} #section13 .cont_text_wrap {} #section13 .cont_text_wrap .ct_title {gap:0.3125rem;} #section13 .cont_text_wrap .ct_title span {} #section13 .cont_text_wrap .ct_title span.color-02 {} #section13 .cont_text_wrap .ct_desc {margin-top: 2.1429vw;} #section13 .s13_table_wrap {margin-top: 2.8571vw;} #section13 .s13_top_info {font-size: 1.1429vw;margin-bottom: 1.0714vw;} #section13 .s13_top {border-top:0.0714vw solid #7e3b00;} #section13 .s13_top:after {width:100%;height:0.0714vw;bottom:-0.2143vw;} #section13 .s13_top ul {} #section13 .s13_top ul li {width: 19.2857vw;line-height: 4.5714vw;font-size: 1.5714vw;} #section13 .s13_top ul li:nth-child(3) {width: 26.4286vw;} #section13 .s13_info {} #section13 .s13_info ul li:first-child {height:5.8571vw;} #section13 .s13_info ul li:first-child span {padding-top:1.4286vw;} #section13 .s13_info ul li:first-child span.sticker {} #section13 .s13_info ul li:last-child {height:5.8571vw;} #section13 .s13_info ul li:last-child span {padding-bottom:1.4286vw;} #section13 .s13_info ul li {height:4.4286vw;} #section13 .s13_info ul li > span {width: 19.2857vw;font-size: 1.4286vw;} #section13 .s13_info ul li span.info1 {} #section13 .s13_info ul li span.info2 {} #section13 .s13_info ul li span.info3 {width: 26.4286vw;} #section13 .s13_info ul li span.info3 .sticker {width: 11.8571vw;} #section13 .s13_info ul li span.info4 {} #section13 .s13_info ul li span.fw400 {} #section13 .s13_info ul li span.df {} #section13 .s13_info ul li span.non-data {} #section13 .s13_info ul li span .short {font-size: 1.2857vw;} #section13 .s13_sticker {right:1.7857vw;} #section13 .s13_sticker.s13_01 {top:1.7857vw;} #section13 .s13_sticker.s13_02 {top:1.2857vw;} #section13 .s13_bottom ul {height:5.0000vw;} #section13 .s13_bottom ul li {width: 19.2857vw;font-size: 1.5714vw;} #section13 .s13_bottom ul li:last-child {width: 26.4286vw;} #section13 .s13_bottom ul li .s13b_line {width: 14.5714vw;height: 3.0000vw;} #section13 .s13_bottom ul li .s13b_line:after {width: 15.2857vw;height: 3.7143vw;border:0.0714vw solid #fff;} #section13 .s13_bottom ul li .s13b_line p {font-size: 2.1429vw;line-height: 3.0000vw;} #section13 .s13_desc {margin-top: 2.1429vw;padding-left:2.1429vw;} #section13 .s13_desc p {font-size: 1.2857vw;line-height: 2.0000vw;} #section13 .s13_desc p:after {width: 0.3571vw;height: 0.3571vw;left:-0.8571vw;} /* section13 e */ /* section14 s */ #section14 {padding:10.0000vw 0 10.0000vw;} #section14 .inner {width: 83.5714vw;} #section14 .cont_text_wrap {} #section14 .cont_text_wrap .ct_title {margin-bottom: 5.0000vw;} /* section14 e */ } @media(max-width: 1080px){ /* section-scrollNab s */ .section-scrollNab {display: none !important;} .section-scrollNab.scrollDown {height: 80px;} .section-scrollNab {display:flex;align-items: center;justify-content: center;} .section-scrollNab .section-nab-wrap { position: absolute; left: 0; top: 0; width: 100%; height:80px; transition: all 0.3s; -webkit-transition: all 0.3s; opacity: 0; background: #000;z-index:100;box-shadow:0 0.5rem 0.5rem rgba(35,20,6,0.1); } .section-scrollNab .nab_logo {position:absolute;left:50px;top:50%;transform:translateY(-50%);} .section-scrollNab .nab_tel {position:absolute;right:50px;top:50%;transform:translateY(-50%);} .section-scrollNab .section-nab-wrap ul {width:100%;display:flex;justify-content:center;align-items: center;gap:1.875rem;} .section-scrollNab .section-nab-wrap ul li {font-size: 17px;font-weight:600;letter-spacing: -0.05em;color:#d7ccc5;opacity: 1;position:relative;} .section-scrollNab .section-nab-wrap ul li:after {content:'';display:block;width:0%;height:3px;background:#ffc37f;position:absolute;left:50%;transform:translateX(-50%);bottom:-5px;transition:0.5s} .section-scrollNab .section-nab-wrap ul li.on {font-weight: 700;} .section-scrollNab .section-nab-wrap ul li.on a {font-weight: 700;color:#d7ccc5;} .section-scrollNab .section-nab-wrap ul li:hover a {font-weight: 700;color:#d7ccc5;} .section-scrollNab .section-nab-wrap ul li.on:after {width: 100%;} .section-scrollNab .section-nab-wrap ul li:hover:after {width: 100%;} .section-scrollNab.scrollUp .section-nab-wrap { position: fixed; top: -5rem; opacity: 0; } .section-scrollNab.scrollDown .section-nab-wrap { position: fixed; opacity: 1; } /* section-scrollNab e */ /* section00 s */ #section00 {height:92.8704vw;} #section00 .inner {width: 100%;padding-top: 24.5370vw;} #section00 .main_name {gap:0.4630vw;margin-bottom: 1.8519vw;} #section00 .main_name span {font-size: 5.9259vw;} #section00 .main_name span.main_line img {width: 1.7593vw;} #section00 .main_title {font-size: 10.7407vw;margin-bottom: 1.8519vw;} #section00 .main_title .char {filter: blur(1.8519vw);} #section00 .main_slogan {font-size: 2.2222vw;} #section00 .main_sub_text_wrap {margin-top: 8.7963vw;} #section00 .main_category {gap:2.2222vw;margin-bottom: 3.7037vw;} #section00 .main_category span {font-size: 3.3333vw;} #section00 .main_category span.main_icon img {width: 2.4074vw;} #section00 .main_desc {font-size: 2.2222vw;line-height: 2.9630vw;} #section00 .main_img_wrap img {bottom:-7.4074vw;} #section00 .main_img_wrap .main_img_left {left:7.4074vw;} #section00 .main_img_wrap .main_img_right {right:0;} /* section00 e */ /* section01 s */ #section01 {height:97.2222vw;padding:12.9630vw 0 0;} #section01 .cont_text_wrap .ct_title {gap:0.3125rem;} #section01 .s1_img_wrap {width: 100%;height: 52.5000vw;} #section01 .s1_price_wrap > div {top:23.1481vw;} #section01 .s1_price_wrap > div p.s1_desc {font-size: 2.5926vw;margin-bottom: 0.9259vw;} #section01 .s1_price_wrap > div p.s1_price {font-size: 5.9259vw;} #section01 .s1_price_wrap > div.s1_right p.s1_price span {font-size: 7.4074vw;} #section01 .s1_price_wrap .s1_arr_bk {right:-14.4444vw;top:-5.5556vw;} #section01 .s1_price_wrap .s1_arr_color {left:-11.7593vw;top:-4.8148vw;} /* section01 e */ /* section02 s */ #section02 {height:84.2593vw;padding:12.9630vw 0 0;} #section02 .cont_text_wrap .ct_title {gap:0.3125rem;} #section02 .s2_cont_wrap {width:100%;height:51.8519vw;} #section02 .s2_graph_01 {left:5.5556vw;bottom:0;} #section02 .graph_txt {margin-bottom: 1.8519vw;} #section02 .graph_txt .graph_desc {font-size: 2.2222vw;line-height: 2.5926vw;} #section02 .graph_txt .graph_price {font-size: 3.8889vw;} #section02 .s2_food_wrap .s2_food_img {bottom:-6.4815vw} #section02 .s2_food_wrap .s2_food_txt {top:24.0741vw;} #section02 .s2_food_wrap .s2_food_txt .food_desc {font-size: 3.3333vw;margin-bottom: 0.9259vw;} #section02 .s2_food_wrap .s2_food_txt .counting .num {font-size: 11.1111vw;} #section02 .s2_food_wrap .s2_food_txt .counting .unit {font-size: 6.6667vw;} #section02 .s2_graph_02 {right:6.4815vw;bottom:0;width: 19.4444vw;} #section02 .s2_graph_02 .s2_stemp {top:4.6296vw;} /* section02 e */ /* section03 s */ #section03 {padding:0.0000vw 0 12.9630vw;} #section03 .cont_text_wrap .txt_right_box {margin-top: 6.4815vw;} #section03 .cont_text_wrap .txt_right_box span {font-size: 1.8519vw;line-height: 2.5926vw;padding:0.1852vw 0.7407vw;margin-bottom: 0.9259vw;} #section03 .cont_text_wrap .txt_right_box p {font-size: 6.6667vw;padding-right: 1.3889vw;} #section03 .s3_1 {padding:12.0370vw 0;gap:4.2593vw;} #section03 .s3_1 .cont_text_wrap {width: 30.0926vw;} #section03 .s3_1 .s3_swiper_wrap {width: 84.7222vw;} #section03 .s3_1 #s3_swiper {padding:0.9259vw 0;} #section03 .s3_1 .swiper-slide {width: 37.5926vw;margin-right: 2.7778vw;} #section03 .s3_1 .swiper-slide img {filter:drop-shadow(0 0.1852vw 0.4630vw rgba(158,98,61,1))} #section03 .s3_1 .up_slide_bot {bottom:7.0370vw;width: 108.3333vw;} #section03 .s3_1 .up_slide_bot .up_btn {width:1.0185vw;height:1.7593vw;} #section03 .s3_1 .up_slide_bot .swiper-pagination {width:100.0000vw;height:0.1852vw;} #section03 .s3_2 {padding:6.6667vw;margin-top: 6.4815vw;} #section03 .s3_2 .cont_text_wrap {margin-left: 9.2593vw;} #section03 .s3_tab_wrapper {width: 68.8889vw;height: 40.0000vw;border:0.2778vw solid #7e3b00;} #section03 .s3_img_wrap .sub_cont {padding:4.4444vw 3.7037vw;} #section03 .s3_img_wrap .s3_ct_txt .name {font-size: 3.3333vw;margin-bottom: 1.8519vw;} #section03 .s3_img_wrap .s3_ct_txt .dt_name {font-size: 1.8519vw;line-height: 2.9630vw;} #section03 .s3_img_wrap .s3_ct_txt .price {font-size: 3.3333vw;line-height: 4.6296vw;} #section03 .s3_img_wrap .s3_ct_wave_wrap { height: 9.2593vw;top:6.6667vw;padding:0 3.7037vw; } #section03 .s3_img_wrap .s3_ct_wave_wrap span {font-size: 1.4815vw;} #section03 .s3_img_wrap .s3_ct_wave_wrap span.color-1 {font-size: 2.5926vw;} #section03 .s3_img_wrap .s3_ct_wave_wrap span.color-1 .big {font-size: 3.7037vw;} #section03 .s3_img_wrap .s3_2_img.s3_2_1 {top:12.5926vw;} #section03 .s3_img_wrap .s3_2_img.s3_2_2 {top:9.2593vw;} #section03 .cate_tab_wrap {height:8.3333vw;} #section03 .cate_tab_wrap .cate_wrap li {border-top:0.2778vw solid #7e3b00;height:8.3333vw;} #section03 .cate_tab_wrap .cate_wrap li a {font-size: 3.3333vw;} #section03 .cate_tab_wrap .cate_wrap li a span.two {font-size: 1.4815vw;width: 2.7778vw;margin-right: 0.9259vw;} #section03 .cate_tab_wrap .cate_wrap li a span {margin-left: 0.9259vw;} /* section03 e */ /* section04 s */ #section04 {height:85.6481vw;} #section04 .s4_left {padding-left: 24.0741vw;} #section04 .cont_text_wrap .ct_desc.margin-bottom {margin-bottom: 2.7778vw;} #section04 .cont_text_wrap .ct_sub_slogan {margin-top: 5.5556vw;} /* section04 e */ /* section05 s */ #section05 {height:97.2222vw;padding:12.9630vw 0 0;} #section05 .inner {width: 100%;} #section05 .cont_text_wrap .ct_title {gap:0.3125rem;} #section05 .s5_beer_wrap {width: 100%;margin-top: 11.1111vw;} #section05 .s5_beer_wrap .s5_beer.s5b_01 {left:6.4815vw;top:-9.2593vw;} #section05 .s5_beer_wrap .s5_beer.s5b_02 {right:1.8519vw;top:-14.6296vw;} #section05 .s5_beer_wrap .s5_beer_txt {width: 56.1111vw;height: 27.9630vw;} #section05 .s5_beer_wrap .s5_beer_txt p {text-shadow:0 0.4630vw 0.9259vw rgba(0,0,0,0.4)} #section05 .s5_beer_wrap .s5_beer_txt p.ko {font-size: 3.3333vw;} #section05 .s5_beer_wrap .s5_beer_txt p.counting {margin-top: 0.9259vw;} #section05 .s5_beer_wrap .s5_beer_txt p.counting span.num {font-size: 11.1111vw;} #section05 .s5_beer_wrap .s5_beer_txt p.counting span.unit {font-size: 6.6667vw;} /* section05 e */ /* section06 s */ #section06 {padding:12.9630vw 0;} #section06 .inner {width: 100%;} #section06 .cont_text_wrap .ct_title {gap:0.3125rem;} #section06 .cont_text_wrap .ct_title span {} #section06 .cont_text_wrap .ct_title span.color-02 {} #section06 .cont_text_wrap .ct_desc {margin-top: 2.7778vw;} #section06 .s6_list_wrap {gap:2.7778vw;margin-top: 6.4815vw;} #section06 .s6_list_wrap .s6_list {width: 34.2593vw;height: 37.0370vw;border:0.5556vw solid #be6400;} #section06 .s6_list_wrap .s6_list .s6_list_img_wrap {} #section06 .s6_list_wrap .s6_list .s6_list_img_wrap:after {} #section06 .s6_list_wrap .s6_list.on .s6_list_img_wrap:after {} #section06 .s6_list_wrap .s6_list .s6_point_wrap {left:3.2407vw;} #section06 .s6_list_wrap .s6_list.on:nth-child(1) .s6_point_wrap {} #section06 .s6_list_wrap .s6_list.on:nth-child(2) .s6_point_wrap {} #section06 .s6_list_wrap .s6_list.on:nth-child(3) .s6_point_wrap {} #section06 .s6_list_wrap .s6_list:nth-child(1) .s6_point_wrap {bottom:3.8889vw;} #section06 .s6_list_wrap .s6_list:nth-child(2) .s6_point_wrap {top:4.0741vw;} #section06 .s6_list_wrap .s6_list:nth-child(3) .s6_point_wrap {bottom:3.8889vw;} #section06 .s6_list_wrap .s6_list .s6_point_wrap p {font-size: 4.8148vw;} #section06 .s6_list_wrap .s6_list .s6_point_wrap p span {} #section06 .s6_list_wrap .s6_list .s6_hover_wrap {gap:3.7037vw;} #section06 .s6_list_wrap .s6_list.on .s6_hover_wrap {} #section06 .s6_list_wrap .s6_list .s6_hover_wrap p {} #section06 .s6_list_wrap .s6_list .s6_hover_wrap p.tit {font-size: 2.9630vw;line-height: 5.0000vw;} #section06 .s6_list_wrap .s6_list .s6_hover_wrap p.desc {font-size: 1.8519vw;line-height: 2.5926vw;} /* section06 e */ /* section07 s */ #section07 {background:url('../../images/s7_bg.jpg')no-repeat center/cover;height:97.2222vw;padding:12.9630vw 0 16.2037vw;} #section07 .cont_text_wrap {} #section07 .cont_text_wrap .ct_sub_title {margin-top: 3.7037vw;} #section07 .s7_img_wrap {right:0;bottom:9.2593vw;z-index:10;} #section07 .flow-ani-wrap {margin-top:3.7037vw;} #section07 .flow-ani-wrap ul li {margin-right: 2.7778vw;} /* section07 e */ /* section08 s */ #section08 {background:url('../../images/s8_bg.jpg')no-repeat center/cover;padding:0.0000vw 0 12.9630vw;} #section08 .inner {width: 100%;} #section08 .s8_in {background:url('../../images/s8_in_bg.jpg')no-repeat center/cover;height:87.0370vw;padding:8.3333vw 11.5741vw 6.4815vw;} #section08 .cont_text_wrap {padding-top: 3.7037vw;} #section08 .cont_text_wrap .ct_slogan {} #section08 .cont_text_wrap .ct_title {} #section08 .cont_text_wrap .ct_title span {} #section08 .cont_text_wrap .ct_desc {} #section08 .cont_text_wrap .ct_sub_title {margin-top: 3.7037vw;} #section08 .cont_text_wrap .search_wrap {margin-top: 3.8889vw;} #section08 .cont_text_wrap .search_box {} #section08 .cont_text_wrap .search_box .keyword {left:7.8704vw;font-size: 3.1481vw;} #section08 .cont_text_wrap .search_box .keyword .typing_text {} #section08 .s8_phone_wrap {margin-right: 9.2593vw;} #section08 .sns_heart {left: -4.2593vw; top: 1.1111vw;} #section08 .sns_heart li {} #section08 .sns_heart li:nth-child(3) {} #section08 .sns_heart li img {width: 8.3333vw;} #section08 .s8_slide_wrap {padding:1.4815vw 0;border-top:0.0926vw solid #be6400;border-bottom:0.0926vw solid #be6400;width:129.6296vw;left:0;bottom:5.0000vw;} .sns_slide{} .sns_slide .slide_wrapper{width:29.6296vw;height:29.6296vw;} .sns_slide .slide_item{} .sns_slide .slide_item .s8_hover {gap:1.8519vw;} .sns_slide .slide_item:hover .s8_hover {} .sns_slide .slide_item .s8_hover p {} .sns_slide .slide_item .s8_hover p.tit {font-size: 1.8519vw;line-height: 2.7778vw;} .sns_slide .slide_item .s8_hover p.desc {font-size: 1.6667vw;line-height: 2.5926vw;} .s8_video_wrap {} .s8_video_wrap video {width: 101%;} /* section08 e */ /* section09 s */ #section09 {background:url('../../images/m/s9_bg_m.jpg')no-repeat center/cover;padding:12.9630vw 0;} #section09 .inner {} #section09 .cont_text_wrap {} #section09 .cont_text_wrap .ct_slogan {} #section09 .cont_text_wrap .ct_title {gap:0.3125rem;} #section09 .cont_text_wrap .ct_title span {} #section09 .cont_text_wrap .ct_desc {margin-top: 2.7778vw;} #section09 .menu_info {margin-top: 8.3333vw;} #section09 .menu_info ul.tab {gap:10.0000vw;margin-bottom: 5.5556vw;} #section09 .menu_info ul.tab:before {width: 58.3333vw;height: 0.1852vw;left:0;} #section09 .menu_info ul.tab:after {width: 58.3333vw;height: 0.1852vw;right:0;} #section09 .menu_info ul.tab li {font-size: 2.9630vw;} #section09 .menu_info ul.tab li:after {width: 2.4074vw;height: 2.4074vw;right:-6.2037vw;;} #section09 .menu_info ul.tab li:last-child:after {} #section09 .menu_info ul.tab li.active {} #section09 .menu_info .tab_cont_wrap {width: 108.3333vw;} #section09 .menu_info .tab_cont_wrap .tab_cont {} #section09 .menu_info .tab_cont_wrap .menu_list {gap:2.7778vw;} #section09 .menu_info .tab_cont_wrap .item {width: 34.2593vw;height: 37.0370vw;} #section09 .menu_info .tab_cont_wrap .item img {height:31.4815vw;} #section09 .menu_info .tab_cont_wrap .item .text_box {left:0;bottom:0;height:5.5556vw;} #section09 .menu_info .tab_cont_wrap .item .text_box p {line-height: 5.5556vw;font-size: 2.2222vw;} #section09 .menu_info .tab_cont_wrap .btn_more_cont {font-size: 2.2222vw;width: 18.5185vw;height: 5.5556vw;margin:6.4815vw auto 0;} /* section09 e */ /* section10 s */ #section10 {background:url('../../images/s10_bg.jpg')no-repeat center/cover;padding:12.9630vw 0;} #section10 .inner {width: 100%;} #section10 .cont_text_wrap {} #section10 .cont_text_wrap .ct_slogan {} #section10 .cont_text_wrap .ct_title {gap:0.3125rem;} #section10 .cont_text_wrap .ct_title span {} #section10 .cont_text_wrap .ct_title span.color-02 {} #section10 .cont_text_wrap .ct_desc {margin-top: 2.7778vw;} #section10 .s10_list_wrap {margin-top: 6.4815vw;} #section10 .s10_list_wrap .s10_list {width: 36.1111vw;height: 60.0000vw;} #section10 .s10_list_wrap .s10_list.s10_list01 {} #section10 .s10_list_wrap .s10_list.s10_list02 {} #section10 .s10_list_wrap .s10_list.s10_list03 {} #section10 .s10_list_wrap .s10_info {height:25.0000vw;} #section10 .s10_list_wrap .s10_info .s10_circle {gap:1.8519vw;padding-top: 3.7037vw;} #section10 .s10_list_wrap .s10_info .s10_circle p {} #section10 .s10_list_wrap .s10_info .s10_circle p.tit {font-size: 4.8148vw;line-height: 5.3704vw;} #section10 .s10_list_wrap .s10_info .s10_circle .desc {} #section10 .s10_list_wrap .s10_info .s10_circle .desc p {font-size: 1.8519vw;line-height: 2.5926vw;} #section10 .s10_list_wrap .s10_info .s10_circle .desc p.small {font-size: 1.6667vw;} #section10 .s10_list_wrap .s10_info .s10_circle .desc p span {} #section10 .s10_list_wrap .s10_img_wrap {width: 36.1111vw;height:35.1852vw;} #section10 .s10_list_wrap .s10_img_wrap img {} .main_star .stars1 {} .main_star .stars2 {} .main_star .stars3 {} .main_star .stars4 {} /* section10 e */ /* section11 s */ #section11 {background:url('../../images/s11_bg.jpg')no-repeat center/cover;padding:12.9630vw 0 19.4444vw;} #section11 .inner {width: 108.3333vw;} #section11 .cont_text_wrap {} #section11 .cont_text_wrap .ct_slogan {} #section11 .cont_text_wrap .ct_title {gap:0.3125rem;} #section11 .cont_text_wrap .ct_title span {} #section11 .cont_text_wrap .ct_title span.color-01 {} #section11 .cont_text_wrap .ct_desc {margin-top: 2.7778vw;} #section11 .s11_list_wrap {margin-top: 6.4815vw;} #section11 .s11_list {width: 25.0000vw;height: 30.5556vw;border:0.1852vw solid #d8ae77;padding-top: 4.6296vw;} #section11 .s11_list.on {} #section11 .s11_list .s11_info {} #section11 .s11_list .s11_tit {font-size: 2.9630vw;line-height: 5.0000vw;margin-bottom: 1.3889vw;} #section11 .s11_list .s11_tit span {} #section11 .s11_list .s11_desc {font-size: 4.2593vw;line-height: 4.8148vw;margin-bottom: 1.3889vw;} #section11 .s11_list .s11_desc span {} #section11 .s11_list .s11_cc {font-size: 1.8519vw;} #section11 .s11_list.on .s11_tit {} #section11 .s11_list.on .s11_tit span {} #section11 .s11_list.on .s11_desc {} #section11 .s11_list.on .s11_desc span {} #section11 .s11_list.on .s11_cc {} /* section11 e */ /* section12 s */ #section12 {background:url('../../images/s12_bg.jpg')no-repeat center/cover;padding:12.9630vw 0 12.9630vw;} #section12 .inner {width: 100%;} #section12 .cont_text_wrap {} #section12 .cont_text_wrap .ct_slogan {} #section12 .cont_text_wrap .ct_title {gap:0.3125rem;} #section12 .cont_text_wrap .ct_title span {} #section12 .cont_text_wrap .ct_title span.color-01 {} #section12 .cont_text_wrap .ct_desc {margin-top: 2.7778vw;} #section12 .s12_list_wrap {margin-top: 6.4815vw;} #section12 .s12_list {width: 25.0000vw;height: 17.5926vw;border:0.1852vw solid #bf844f;margin-bottom: 4.6296vw;} #section12 .s12_list.s12_list07 {} #section12 .s12_list:after {width: 5.9259vw;height: 5.9259vw;right:-4.2593vw;} #section12 .s12_list.s12_list01 {} #section12 .s12_list.s12_list02 {} #section12 .s12_list.s12_list03 {} #section12 .s12_list.s12_list04 {} #section12 .s12_list.s12_list05 {} #section12 .s12_list.s12_list06 {} #section12 .s12_list.s12_list07 {} #section12 .s12_list.s12_list08 {} #section12 .s12_list.s12_list04:after {} #section12 .s12_list.s12_list08:after {} #section12 .s12_list.margin-bottom {} #section12 .s12_list .s12_info {width: 23.1481vw;height: 15.7407vw;} #section12 .s12_list .s12_tit {font-size: 3.8889vw;line-height: 4.8148vw;} #section12 .s12_list .s12_tit.line2 {font-size: 3.3333vw;line-height: 3.8889vw;} #section12 .s12_list.s12_list07 .s12_info {} #section12 .s12_list.s12_list07 .s12_info:before {width:0.6481vw;height:0.6481vw;left:1.3889vw;} #section12 .s12_list.s12_list07 .s12_info:after {width:0.6481vw;height:0.6481vw;right:1.3889vw;} #section12 .s12_list.s12_list07 .s12_tit {} /* section12 e */ /* section13 s */ #section13 {background:url('../../images/s13_bg.jpg')no-repeat center/cover;padding:12.9630vw 0 12.9630vw;} #section13 .inner {width: 100%;} #section13 .cont_text_wrap {} #section13 .cont_text_wrap .ct_title {gap:0.3125rem;} #section13 .cont_text_wrap .ct_title span {} #section13 .cont_text_wrap .ct_title span.color-02 {} #section13 .cont_text_wrap .ct_desc {margin-top: 2.7778vw;} #section13 .s13_table_wrap {margin-top: 3.7037vw;} #section13 .s13_top_info {font-size: 1.4815vw;margin-bottom: 1.3889vw;} #section13 .s13_top {border-top:0.0926vw solid #7e3b00;} #section13 .s13_top:after {width:100%;height:0.0926vw;bottom:-0.2778vw;} #section13 .s13_top ul {} #section13 .s13_top ul li {width: 25.0000vw;line-height: 5.9259vw;font-size: 2.0370vw;} #section13 .s13_top ul li:nth-child(3) {width: 34.2593vw;} #section13 .s13_info {} #section13 .s13_info ul li:first-child {height:7.5926vw;} #section13 .s13_info ul li:first-child span {padding-top:1.8519vw;} #section13 .s13_info ul li:first-child span.sticker {} #section13 .s13_info ul li:last-child {height:7.5926vw;} #section13 .s13_info ul li:last-child span {padding-bottom:1.8519vw;} #section13 .s13_info ul li {height:5.7407vw;} #section13 .s13_info ul li > span {width: 25.0000vw;font-size: 1.8519vw;} #section13 .s13_info ul li span.info1 {} #section13 .s13_info ul li span.info2 {} #section13 .s13_info ul li span.info3 {width: 34.2593vw;} #section13 .s13_info ul li span.info3 .sticker {width: 15.3704vw;} #section13 .s13_info ul li span.info4 {} #section13 .s13_info ul li span.fw400 {} #section13 .s13_info ul li span.df {} #section13 .s13_info ul li span.non-data {} #section13 .s13_info ul li span .short {font-size: 1.6667vw;} #section13 .s13_sticker {right:2.3148vw;} #section13 .s13_sticker.s13_01 {top:2.3148vw;} #section13 .s13_sticker.s13_02 {top:1.6667vw;} #section13 .s13_bottom ul {height:6.4815vw;} #section13 .s13_bottom ul li {width: 25.0000vw;font-size: 2.0370vw;} #section13 .s13_bottom ul li:last-child {width: 34.2593vw;} #section13 .s13_bottom ul li .s13b_line {width: 18.8889vw;height: 3.8889vw;} #section13 .s13_bottom ul li .s13b_line:after {width: 19.8148vw;height: 4.8148vw;border:0.0926vw solid #fff;} #section13 .s13_bottom ul li .s13b_line p {font-size: 2.7778vw;line-height: 3.8889vw;} #section13 .s13_desc {margin-top: 2.7778vw;padding-left:2.7778vw;} #section13 .s13_desc p {font-size: 1.6667vw;line-height: 2.5926vw;} #section13 .s13_desc p:after {width: 0.4630vw;height: 0.4630vw;left:-1.1111vw;} /* section13 e */ /* section14 s */ #section14 {padding:12.9630vw 0 12.9630vw;} #section14 .inner {width: 108.3333vw;} #section14 .cont_text_wrap {} #section14 .cont_text_wrap .ct_title {margin-bottom: 6.4815vw;} /* section14 e */ } @media(max-width: 768px){ .pc_only {display: none;} .mobile_only {display: block;} /* 흐르는 슬라이드 */ .marquee {padding:1.3021vw 0;max-width: 250.0000vw;} .marquee.solo .text_slide {padding:1.3021vw 0;border-top:0.2604vw solid #b58054;border-bottom: 0.2604vw solid #b58054;;} .marquee.main .swiper-slide {width: 310.2865vw;} .marquee.solo .swiper-slide {width: 147.6563vw;display:flex;align-items:center;} .marquee_vertical.main_slide {margin-left:14.3229vw;} .left_step ul li {margin-bottom: 5.2083vw;} .right_step ul li {margin-bottom: 5.2083vw;} .section {max-width:100vw;} .inner {width: 100%;} /* header */ #header {height:13.6719vw;left:0;top:0;position:fixed;background:#000;transition:0.5s;border-bottom:0.2604vw solid #d8ae77;} #header.fixed {/* background:#fff;box-shadow:0 0 1.3021vw rgba(0,0,0,0.4) */} #header .header-wrap {height:13.6719vw;} #header .header-wrap .inner {padding:0 2.6042vw;} #header .header-wrap .inner .logo {width: 30.2083vw;margin-top:1.0417vw;position:relative;} #header .header-wrap .inner .logo img {width: 100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:0.5s} /* menu btn s */ .menuBtn {position:absolute;z-index:9999;top:50%;transform:translateY(-50%);right:3.9063vw;width: 9.8958vw;height: 9.8958vw;background:#d8ae77;} .menu-trigger {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)} .menu-trigger, .menu-trigger span {display: inline-block;transition: all .4s;box-sizing: border-box;} .menu-trigger {position: relative;width: 3.9063vw;height: 3.1250vw;} .menu-trigger span {position: absolute;left: 0;width: 100%;height: 0.2604vw;background-color: #111111;} .menu-trigger span:nth-of-type(1) {top: 0;} .menu-trigger span:nth-of-type(2) {top: 1.4323vw} .menu-trigger span:nth-of-type(3) {bottom: 0;} /* type-01 */ /* 중앙 라인이 고정된 자리에서 투명하게 사라지며 상하라인 회전하며 엑스자 만들기 */ .menu-trigger.active-1 span:nth-of-type(1) {-webkit-transform: translateY (1.4323vw) rotate (-45deg);transform: translateY(1.4323vw) rotate(-45deg);} .menu-trigger.active-1 span:nth-of-type(2) {opacity: 0;} .menu-trigger.active-1 span:nth-of-type(3) {-webkit-transform: translateY(-1.4323vw) rotate(45deg);transform: translateY(-1.4323vw) rotate(45deg);} /* menu btn e */ #navigation_m {height:100vh;background:rgba(0,0,0,0.9);position:fixed;left:0;top:-120%;width:100%;z-index:1;transition:0.8s} #navigation_m.show {top:0;} #navigation_m .nav_m {height:100%;text-align: center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11.7188vw;} #navigation_m .nav_m li a {font-size: 5.4688vw;font-weight: 400;color:#fff;font-family: 'SOGANGUNIVERSITYTTF';opacity: 0.4;} #navigation_m .nav_m li.on a {opacity: 1;} /* common s */ .cont_text_wrap p.ct_slogan {font-size: 4.9479vw;margin-bottom: 3.2552vw;} .cont_text_wrap p.ct_title {font-size: 9.8958vw;line-height: 11.1979vw;margin-bottom: 3.9063vw;} .cont_text_wrap p.ct_sub_title {font-size: 4.1667vw;line-height: 5.2083vw;margin-bottom: 3.9063vw;} .cont_text_wrap p.ct_title span.margin-left {margin-left: 1.9531vw;} .cont_text_wrap p.ct_desc {font-size: 3.6458vw;line-height: 4.6875vw;} .cont_text_wrap p.ct_desc.margin-bottom {margin-bottom: 3.9063vw;} .cont_text_wrap p.ct_sub_slogan {font-size: 3.9063vw;line-height: 3.9063vw;} /* common e */ /* section00 s */ #section00 {background:url('../../images/m/main_bg_m.jpg')no-repeat center top/cover;height:165.7552vw;} #section00 .inner {width: 100%;padding-top: 28.6458vw;} #section00 .main_name {gap:0.6510vw;margin-bottom: 2.6042vw;} #section00 .main_name span {font-size: 8.3333vw;} #section00 .main_name span.main_line img {width: 2.4740vw;} #section00 .main_title {font-size: 13.0208vw;margin-bottom: 3.9063vw;letter-spacing: -0.03em;} #section00 .main_title .char {filter: blur(2.6042vw);} #section00 .main_slogan {font-size: 3.1250vw;} #section00 .main_sub_text_wrap {margin-top: 6.5104vw;} #section00 .main_category {gap:3.1250vw;margin-bottom: 5.2083vw;} #section00 .main_category span {font-size: 5.4688vw;} #section00 .main_category span.main_icon img {width: 3.9063vw;} #section00 .main_desc {font-size: 4.1667vw;line-height: 5.7292vw;} #section00 .main_img_wrap img {bottom:4.1667vw;} #section00 .main_img_wrap .main_img_m {left:7.1615vw;right:auto;width: 97.7865vw;} /* section00 e */ /* section01 s */ #section01 {background:url('../../images/m/s1_bg_m.jpg')no-repeat center top/cover;height:161.9792vw;padding:18.2292vw 0 0;} #section01 .cont_text_wrap .ct_title {gap:0.3125rem;} #section01 .cont_text_wrap .ct_title img {width: 9.6354vw;} #section01 .s1_img_wrap {display: none;} #section01 .s1_price_wrap > div {top:55.9896vw;} #section01 .s1_price_wrap > div p.s1_desc {font-size: 3.6458vw;margin-bottom: 1.3021vw;} #section01 .s1_price_wrap > div p.s1_price {font-size: 8.3333vw;} #section01 .s1_price_wrap > div.s1_left {left:7.8125vw;} #section01 .s1_price_wrap > div.s1_right {right:7.8125vw;} #section01 .s1_price_wrap > div.s1_right p.s1_price span {font-size: 8.3333vw;} #section01 .s1_price_wrap > div img {width: 18.3594vw;} #section01 .s1_price_wrap .s1_arr_bk {right:auto;left:0;;top:-22.1354vw;} #section01 .s1_price_wrap .s1_arr_color {left:auto;right:0;top:-22.1354vw;} /* section01 e */ /* section02 s */ #section02 {height:144.4010vw;padding:18.2292vw 0 0;} #section02 .cont_text_wrap .ct_title {gap:0.3125rem;} #section02 .cont_text_wrap .ct_title img {width: 9.6354vw;} #section02 .s2_cont_wrap {width:100%;height:80.7292vw;position:absolute;bottom:0;} #section02 .s2_graph_01 {left:3.9063vw;bottom:0;} #section02 .graph_txt {margin-bottom: 2.6042vw;} #section02 .graph_txt .graph_desc {font-size: 3.1250vw;line-height: 3.6458vw;} #section02 .graph_txt .graph_price {font-size: 5.4688vw;} #section02 .graph_box img {width: 10.4167vw;} #section02 .s2_food_wrap .s2_food_img {bottom:-28.6458vw;width: 71.3542vw;} #section02 .s2_food_wrap .s2_food_txt {left:7.8125vw;transform:translateX(0);top:0;width:100%;text-align: left;} #section02 .s2_food_wrap .s2_food_txt .food_desc {font-size: 4.6875vw;margin-bottom: 1.3021vw;} #section02 .s2_food_wrap .s2_food_txt .counting .num {font-size: 15.6250vw;} #section02 .s2_food_wrap .s2_food_txt .counting .unit {font-size: 9.3750vw;} #section02 .s2_graph_02 {right:1.3021vw;bottom:0;width: 27.3438vw;} #section02 .s2_graph_02 .s2_stemp {top:6.5104vw;} #section02 .s2_graph_02 .s2_stemp img {width: 23.4375vw;} .s2_video_wrap video {width: auto;height:100%;;} /* section02 e */ /* section03 s */ #section03 {padding:0.0000vw 3.9063vw 9.1146vw;} #section03 .cont_text_wrap .txt_right_box {text-align: center;margin-top: 9.1146vw;display:flex;align-items:center;justify-content:center;gap:1.3021vw;} #section03 .cont_text_wrap .txt_right_box span {font-size: 4.1667vw;line-height: 4.9479vw;padding:0.7813vw 1.0417vw;margin-bottom: 1.3021vw;text-align: right;} #section03 .cont_text_wrap .txt_right_box p {font-size: 11.7188vw;padding-right: 1.9531vw;} #section03 .s3_1 {padding:16.9271vw 0;gap:5.9896vw;flex-direction:column;} #section03 .s3_1 .cont_text_wrap {width: 100%;text-align: center;} #section03 .s3_1 .s3_swiper_wrap {width: 100%;} #section03 .s3_1 #s3_swiper {padding:1.3021vw 0;} #section03 .s3_1 .swiper-slide {width: 52.8646vw;margin-right: 0;margin:0 1.9531vw;} #section03 .s3_1 .swiper-slide img {width: 52.8646vw;filter:drop-shadow(0 0.2604vw 0.6510vw rgba(158,98,61,1))} #section03 .s3_1 .up_slide_bot {bottom:9.8958vw;width: 84.3750vw;} #section03 .s3_1 .up_slide_bot .up_btn {display: none;} #section03 .s3_1 .up_slide_bot .swiper-pagination {width:84.3750vw;height:0.2604vw;} #section03 .s3_2 {background: url('../../images/m/s3_2_bg_m.jpg') no-repeat center top / cover;padding:18.2292vw 3.9063vw 9.3750vw;margin-top: 9.1146vw;flex-direction:column-reverse;gap:9.3750vw;} #section03 .s3_2 .cont_text_wrap {margin-left: 0;text-align: center;} #section03 .s3_tab_wrapper {width: 100%;height: 61.1979vw;border:0.3906vw solid #7e3b00;} #section03 .s3_img_wrap .sub_cont {padding:6.2500vw 5.2083vw;} #section03 .s3_img_wrap .s3_ct_txt {position:relative;z-index:10} #section03 .s3_img_wrap .s3_ct_txt .name {font-size: 4.6875vw;margin-bottom: 2.6042vw;} #section03 .s3_img_wrap .s3_ct_txt .dt_name {font-size: 3.6458vw;line-height: 4.1667vw;} #section03 .s3_img_wrap .s3_ct_txt .price {font-size: 4.6875vw;line-height: 6.5104vw;} #section03 .s3_img_wrap .s3_ct_wave_wrap {height: 15.6250vw;top:9.3750vw;padding:0 5.2083vw;animation: circle_m 2s linear infinite;} #section03 .s3_img_wrap .s3_ct_wave_wrap span {font-size: 3.1250vw;} #section03 .s3_img_wrap .s3_ct_wave_wrap span.color-1 {font-size: 3.6458vw;} #section03 .s3_img_wrap .s3_ct_wave_wrap span.color-1 .big {font-size: 5.2083vw;} #section03 .s3_img_wrap .s3_2_img.s3_2_1 {top:21.4844vw;width: 84.3750vw;} #section03 .s3_img_wrap .s3_2_img.s3_2_2 {top:21.4844vw;width: 84.3750vw;} #section03 .cate_tab_wrap {height:11.7188vw;} #section03 .cate_tab_wrap .cate_wrap li {border-top:0.3906vw solid #7e3b00;height:11.7188vw;} #section03 .cate_tab_wrap .cate_wrap li a {font-size: 4.6875vw;} #section03 .cate_tab_wrap .cate_wrap li a span.two {font-size: 3.3854vw;width: 6.2500vw;margin-right: 1.3021vw;} #section03 .cate_tab_wrap .cate_wrap li a span {margin-left: 1.3021vw;} /* section03 e */ /* section04 s */ #section04 {background:transparent;height:auto;} #section04 .inner {flex-direction:column;} #section04 .s4_left {width: 100%;padding-top:18.2292vw;padding-bottom:11.7188vw;padding-left: 0;background:url('../../images/m/s4_bg_m.jpg')no-repeat center top/cover;} #section04 .cont_text_wrap {text-align: center;} #section04 .cont_text_wrap .ct_desc.margin-bottom {margin-bottom: 3.9063vw;} #section04 .cont_text_wrap .ct_sub_slogan {margin-top: 7.8125vw;} #section04 .s4_swiper_wrap {width: 100%;} #section04 .s4_swiper_wrap .swiper-slide {width: 100%;} #section04 .s4_swiper_wrap .swiper-slide img {width: 100%;} /* section04 e */ /* section05 s */ #section05 {background:url('../../images/m/s5_bg_m.jpg')no-repeat center/cover;height:auto;padding:18.2292vw 0 9.1146vw;} #section05 .inner {width: 100%;} #section05 .cont_text_wrap .ct_title {gap:0.3125rem;} #section05 .s5_beer_wrap {width: 100%;margin-top: 15.6250vw;} #section05 .s5_beer_wrap .s5_beer.s5b_01 {left:-1.3021vw;top:-6.5104vw;width: 34.5052vw;} #section05 .s5_beer_wrap .s5_beer.s5b_02 {right:-5.2083vw;top:-12.3698vw;width: 38.5417vw;} #section05 .s5_beer_wrap .s5_beer_txt {width: 78.9063vw;height: 39.3229vw;} #section05 .s5_beer_wrap .s5_beer_txt p {text-shadow:none;filter: drop-shadow(0 0.6510vw 0.8021vw rgba(0,0,0,0.6));} #section05 .s5_beer_wrap .s5_beer_txt p.ko {font-size: 4.6875vw;} #section05 .s5_beer_wrap .s5_beer_txt p.counting {margin-top: 1.3021vw;} #section05 .s5_beer_wrap .s5_beer_txt p.counting span.num {font-size: 15.6250vw;} #section05 .s5_beer_wrap .s5_beer_txt p.counting span.unit {font-size: 9.3750vw;} #section05 .marquee_vertical {display: none;} #section05 .flow-ani-wrap {margin-top: 7.8125vw;margin-right:3.9063vw;} #section05 .flow-ani-wrap li img {width: 216.0156vw;} /* section05 e */ /* section06 s */ #section06 {padding:18.2292vw 0;background: url('../../images/s6_bg.jpg') no-repeat center/cover;} #section06 .inner {width: 100%;} #section06 .cont_text_wrap .ct_title {gap:0.3125rem;} #section06 .cont_text_wrap .ct_desc {margin-top: 3.9063vw;} #section06 .s6_list_wrap {gap:3.9063vw;margin-top: 9.1146vw;flex-wrap:wrap;} #section06 .s6_list_wrap .s6_list {width: 84.3750vw;height: 41.6667vw;border:0.7813vw solid #be6400;} #section06 .s6_list_wrap .s6_list .s6_list_img_wrap {width: 100%;} #section06 .s6_list_wrap .s6_list .s6_list_img_wrap img {width: 100%;object-fit:cover;} #section06 .s6_list_wrap .s6_list .s6_point_wrap {left:4.5573vw;} #section06 .s6_list_wrap .s6_list.on:nth-child(2) .s6_point_wrap {bottom:-100%;top:auto;} #section06 .s6_list_wrap .s6_list:nth-child(1) .s6_point_wrap {bottom:4.1667vw;} #section06 .s6_list_wrap .s6_list:nth-child(2) .s6_point_wrap {bottom:4.1667vw;top:auto;} #section06 .s6_list_wrap .s6_list:nth-child(3) .s6_point_wrap {bottom:4.1667vw;} #section06 .s6_list_wrap .s6_list .s6_point_wrap p {font-size: 6.7708vw;} #section06 .s6_list_wrap .s6_list .s6_hover_wrap {gap:3.9063vw;} #section06 .s6_list_wrap .s6_list .s6_hover_wrap p.tit {font-size: 5.4688vw;line-height: 7.0313vw;} #section06 .s6_list_wrap .s6_list .s6_hover_wrap p.desc {font-size: 3.6458vw;line-height: 4.6875vw;} /* section06 e */ /* section07 s */ #section07 {background:url('../../images/m/s7_bg_m.jpg')no-repeat center/cover;height:174.2188vw;padding:18.2292vw 0 3.9063vw;} #section07 .cont_text_wrap {padding-left: 7.8125vw;} #section07 .cont_text_wrap .ct_sub_title {margin-top: 5.2083vw;} #section07 .s7_img_wrap {right:0;bottom:0vw;z-index:10;} #section07 .s7_img_wrap img {width: 93.3594vw;} #section07 .flow-ani-wrap {margin-top:9.1146vw;} #section07 .flow-ani-wrap ul li {margin-right: 3.9063vw;} #section07 .flow-ani-wrap ul li img {width: 55.9896vw;} /* section07 e */ /* section08 s */ #section08 {padding:6.5104vw 0 45.5729vw;} #section08 .inner {width: 100%;padding:0 3.9063vw} #section08 .s8_in {background:url('../../images/m/s8_in_bg_m.jpg')no-repeat center/cover;height:189.3229vw;padding:11.7188vw 14.3229vw 9.1146vw;flex-direction: column-reverse;justify-content: flex-end;} #section08 .cont_text_wrap {padding-top: 5.2083vw;text-align: center;} #section08 .cont_text_wrap .ct_sub_title {margin-top: 5.2083vw;} #section08 .cont_text_wrap .search_wrap {width: 53.7760vw;margin:5.4688vw auto 10.4167vw;} #section08 .cont_text_wrap .search_box img {width: 53.7760vw;} #section08 .cont_text_wrap .search_box .keyword {left:10.9375vw;font-size: 4.4271vw;} #section08 .s8_phone_wrap {margin-right: 0;text-align: center;} #section08 .s8_phone_wrap > img {width: 55.9896vw;} #section08 .sns_heart {left: -1.3021vw; top: 1.5625vw;} #section08 .sns_heart li {} #section08 .sns_heart li:nth-child(3) {} #section08 .sns_heart li img {width: 11.7188vw;} #section08 .s8_slide_wrap {padding:2.0833vw 0;border-top:0.1302vw solid #be6400;border-bottom:0.1302vw solid #be6400;width:100%;left:0;bottom:8.5938vw;} .sns_slide .slide_wrapper{width:41.6667vw;height:41.6667vw;} .sns_slide .slide_item img {width: 41.6667vw;} .sns_slide .slide_item .s8_hover {gap:2.6042vw;} .sns_slide .slide_item .s8_hover p.tit {font-size: 2.6042vw;line-height: 3.9063vw;} .sns_slide .slide_item .s8_hover p.desc {font-size: 2.3438vw;line-height: 3.6458vw;} .s8_video_wrap {height:auto;bottom:0;top:auto;} .s8_video_wrap video {width: 101%;} /* section08 e */ /* section09 s */ #section09 {background:url('../../images/m/s9_bg_m.jpg')no-repeat center/cover;padding:18.2292vw 0;} #section09 .inner {padding:0 3.9063vw;} #section09 .cont_text_wrap .ct_title {gap:0.3125rem;} #section09 .cont_text_wrap .ct_desc {margin-top: 3.9063vw;} #section09 .menu_info {margin-top: 11.7188vw;} #section09 .menu_info ul.tab {gap:14.0625vw;margin-bottom: 7.8125vw;} #section09 .menu_info ul.tab:before {width: 7.0313vw;height: 0.2604vw;left:-3.9063vw;} #section09 .menu_info ul.tab:after {width: 7.0313vw;height: 0.2604vw;right:-3.9063vw;} #section09 .menu_info ul.tab li {font-size: 4.1667vw;} #section09 .menu_info ul.tab li:after {width: 3.3854vw;height: 3.3854vw;right:-8.7240vw;;} #section09 .menu_info .tab_cont_wrap {width: 100%;} #section09 .menu_info .tab_cont_wrap .menu_list {gap:3.6458vw;} #section09 .menu_info .tab_cont_wrap .item {width: 44.2708vw;height: 52.0833vw;} #section09 .menu_info .tab_cont_wrap .item img {height:44.2708vw;object-fit:cover;} #section09 .menu_info .tab_cont_wrap .item .text_box {left:0;bottom:0;height:7.8125vw;} #section09 .menu_info .tab_cont_wrap .item .text_box p {line-height: 7.8125vw;font-size: 3.1250vw;} #section09 .menu_info .tab_cont_wrap .btn_more_cont {font-size: 3.1250vw;width: 26.0417vw;height: 7.8125vw;margin:5.2083vw auto 0;} /* section09 e */ /* section10 s */ #section10 {background:url('../../images/s10_bg.jpg')no-repeat center/cover;padding:18.2292vw 0 24.7396vw;} #section10 .inner {width: 100%;} #section10 .cont_text_wrap .ct_title {gap:0.3125rem;} #section10 .cont_text_wrap .ct_desc {margin-top: 3.9063vw;} #section10 .s10_list_wrapper_m {margin-top: 9.1146vw;} #section10 .s10_list_wrap_m .s10_list { width: 50.7813vw;height: auto;text-align: center;margin:0 1.9531vw;flex-direction: column-reverse;display: flex; background:#7e3b00;opacity: 0.6; } #section10 .s10_list_wrap_m .s10_list.swiper-slide-active {opacity: 1;} #section10 .s10_list_wrap_m .s10_info {height:46.8750vw;text-align: center;} #section10 .s10_list_wrap_m .s10_info .s10_circle {display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2.6042vw;padding-top:0;height:100%;} #section10 .s10_list_wrap_m .s10_info .s10_circle p {color:#fff;} #section10 .s10_list_wrap_m .s10_info .s10_circle p.tit {font-size: 6.2500vw;line-height: 6.2500vw;} #section10 .s10_list_wrap_m .s10_info .s10_circle .desc p {font-size: 3.6458vw;line-height: 4.6875vw;color:#f5e5d1;letter-spacing: -0.03em;} #section10 .s10_list_wrap_m .s10_info .s10_circle .desc p.small {font-size: 3.1250vw;} #section10 .s10_list_wrap_m .s10_img_wrap {width: 50.7813vw;height:49.4792vw;} #section10 .s10_list_wrap_m .s10_img_wrap img {width: 100%;height:100%;object-fit:cover;} #section10 .s10_pa_m {margin-top:5.2083vw;} #section10 .s10_pa_m .swiper-pagination-bullet {width: 1.8229vw;height: 1.8229vw;background:transparent;border:0.1302vw solid #7e3b00;margin:0 1.0417vw;} #section10 .s10_pa_m .swiper-pagination-bullet-active {background:#7e3b00;} .main_star {position:absolute;left:50%;top:9.1146vw;transform:translateX(-50%);} .main_star img {width: 94.1406vw;} .main_star img.stars {position:absolute;left:0;top:0;} /* section10 e */ /* section11 s */ #section11 {background:url('../../images/m/s11_bg_m.jpg')no-repeat center top/cover;padding:18.2292vw 0 18.2292vw;} #section11 .inner {width: 100%;} #section11 .cont_text_wrap .ct_title {gap:0.3125rem;} #section11 .cont_text_wrap .ct_desc {margin-top: 3.9063vw;} #section11 .s11_list_wrap {flex-wrap:wrap;width: 74.2188vw;margin:11.7188vw auto 0;gap:3.9063vw;} #section11 .s11_list {width: 35.1563vw;height: 42.9688vw;border:0.2604vw solid #d8ae77;padding-top: 6.5104vw;} #section11 .s11_list .s11_tit {font-size: 4.1667vw;line-height: 7.0313vw;margin-bottom: 1.9531vw;} #section11 .s11_list .s11_desc {font-size: 5.9896vw;line-height: 6.7708vw;margin-bottom: 1.9531vw;} #section11 .s11_list .s11_cc {font-size: 2.6042vw;} /* section11 e */ /* section12 s */ #section12 {background:url('../../images/s12_bg.jpg')no-repeat center/cover;padding:18.2292vw 0 18.2292vw;} #section12 .inner {width: 100%;} #section12 .cont_text_wrap .ct_title {gap:0.3125rem;} #section12 .cont_text_wrap .ct_desc {margin-top: 3.9063vw;} #section12 .s12_list_wrap {width: 74.2188vw;margin:6.5104vw auto 0;} #section12 .s12_list {width: 35.1563vw;height: 24.7396vw;border:0.2604vw solid #bf844f;margin-bottom: 6.5104vw;} #section12 .s12_list:after {width: 8.3333vw;height: 8.3333vw;right:-5.9896vw;} #section12 .s12_list.s12_list02:after {display: none;} #section12 .s12_list.s12_list06:after {display: none;} #section12 .s12_list.margin-bottom {margin-bottom:6.5104vw;} #section12 .s12_list.s12_list07 {margin-bottom: 0;} #section12 .s12_list.s12_list08 {margin-bottom: 0;} #section12 .s12_list .s12_info {width: 32.5521vw;height: 22.1354vw;} #section12 .s12_list .s12_tit {font-size: 5.4688vw;line-height: 6.7708vw;} #section12 .s12_list .s12_tit.line2 {font-size: 4.6875vw;line-height: 5.4688vw;} #section12 .s12_list.s12_list07 .s12_info:before {width:0.9115vw;height:0.9115vw;left:1.9531vw;} #section12 .s12_list.s12_list07 .s12_info:after {width:0.9115vw;height:0.9115vw;right:1.9531vw;} /* section12 e */ /* section13 s */ #section13 {background:url('../../images/s13_bg.jpg')no-repeat center/cover;padding:18.2292vw 0 18.2292vw;} #section13 .inner {width: 100%;padding:0 3.9063vw;} #section13 .cont_text_wrap .ct_title {gap:0.3125rem;} #section13 .cont_text_wrap .ct_desc {margin-top: 3.9063vw;} #section13 .s13_table_wrap {margin-top: 9.1146vw;} #section13 .s13_top_info {font-size: 2.6042vw;margin-bottom: 1.9531vw;} #section13 .s13_top {border-top:0.1302vw solid #7e3b00;} #section13 .s13_top:after {width:100%;height:0.1302vw;bottom:-0.3906vw;} #section13 .s13_top ul li {width: 26%;height:11.4583vw;line-height: 3.9063vw;font-size: 3.6458vw;display: flex;align-items: center;justify-content: center;flex-direction: column;} #section13 .s13_top ul li span {font-size: 3.1250vw;} #section13 .s13_top ul li:nth-child(3) {width: 48%} #section13 .s13_info ul li:first-child {height:15.1042vw;} #section13 .s13_info ul li:first-child span {padding-top:2.6042vw;} #section13 .s13_info ul li:last-child {height:15.1042vw;} #section13 .s13_info ul li:last-child span {padding-bottom:2.6042vw;} #section13 .s13_info ul li {height:12.5000vw;} #section13 .s13_info ul li > span {width: 26%;font-size: 3.1250vw;} #section13 .s13_info ul li > span small {font-size: 2.3438vw;font-weight: 400;letter-spacing: -0.05em;} #section13 .s13_info ul li span.info2 {display: flex;align-items: center;justify-content: center;flex-direction: column;} #section13 .s13_info ul li span.info3 {width: 48%} #section13 .s13_info ul li span.info3 .sticker {width: 14.3229vw;} #section13 .s13_info ul li span .short {font-size: 2.3438vw;} #section13 .s13_sticker {right:3.2552vw;width: 27.8646vw;} #section13 .s13_sticker.s13_01 {top:3.2552vw;} #section13 .s13_sticker.s13_02 {top:2.3438vw;} #section13 .s13_bottom ul {height:9.1146vw;} #section13 .s13_bottom ul li {width: 26%;font-size: 2.8646vw;} #section13 .s13_bottom ul li:last-child {width: 48%;} #section13 .s13_bottom ul li .s13b_line {width: 26.5625vw;height: 5.4688vw;} #section13 .s13_bottom ul li .s13b_line:after {width: 27.8646vw;height: 6.7708vw;border:0.1302vw solid #fff;} #section13 .s13_bottom ul li .s13b_line p {font-size: 3.9063vw;line-height: 5.4688vw;} #section13 .s13_desc {margin-top: 3.9063vw;padding-left:3.9063vw;} #section13 .s13_desc p {font-size: 2.6042vw;line-height: 3.9063vw;margin-bottom:1.3021vw;} #section13 .s13_desc p:after {width: 0.6510vw;height: 0.6510vw;left:-1.5625vw;top:1.3021vw;transform:translateY(0)} /* section13 e */ /* section14 s */ #section14 {padding:18.2292vw 0 18.2292vw;} #section14 .inner {width: 100%;padding:0 3.9063vw;} #section14 .cont_text_wrap .ct_title {margin-bottom: 9.1146vw;} /* section14 e */ } @media(max-width: 480px){ } @media (max-width: 414px){ } @media (max-width: 375px){ }