: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: 32s;animation-duration: 32s; -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: 32s;animation-duration: 32s; -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:128px;background:#fff9e2;max-width:1920px;margin:0 auto;position:relative;} #header .hd_wrap {position:relative;height:100%;} #header .hd_wrap .inner {width: 1800px;max-width:1920px;height:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;background:transparent;padding:0;} #header .hd_wrap .logo {margin-left: 40px;} #header .hd_wrap .logo img {} #header .hd_wrap .hd_gnb {} #header .hd_wrap .hd_gnb ul {display:flex;align-items:center;justify-content:center;gap:90px;} #header .hd_wrap .hd_gnb ul li {} #header .hd_wrap .hd_gnb ul li a {font-size: 18px;font-weight: 700;color:#3c332d;letter-spacing: -0.025em;} #header .hd_wrap .hd_tel {width: 220px;height: 50px;background:#3c332d;display:flex;align-items:center;justify-content:center;border-radius:25px;margin-right: 25px;} #header .hd_wrap .hd_tel a {display:flex;align-items:center;gap:15px;} #header .hd_wrap .hd_tel a img {} #header .hd_wrap .hd_tel a span {font-size: 25px;font-weight: 700;color:#fff;} #header .hd_wrap .hd_frame {width:100%;height:100%;border:11px solid #fff;position:absolute;left:0;top:0;box-shadow:inset 0 0 1em rgba(89,71,57,0.3);background:transparent;} #header .hd_wrap.header-wrap_pc {display: block;} #header .hd_wrap.header-wrap_mo {display: none;} /* section-scrollNab s */ .section-scrollNab { position: relative; height: 0; overflow: hidden; } .section-scrollNab.scrollDown {height: 5rem;} .section-scrollNab {display:flex;align-items: center;justify-content: center;} .nab_inner {position:relative;width:100%;max-width:1920px;height:5rem;margin:0 auto;display: flex;justify-content: center;align-items: center;} .section-scrollNab .section-nab-wrap { position: absolute; left: 0; top: 0; width: 100%; height:5rem; transition: all 0.3s; -webkit-transition: all 0.3s; opacity: 0; background: #fff;z-index:100;box-shadow:0 0.5rem 0.5rem rgba(35,20,6,0.1) } .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: 1.0625rem;font-weight:600;letter-spacing: -0.025em;color:#312927;opacity: 1;} .section-scrollNab .section-nab-wrap ul li.on {font-weight: 700;} .section-scrollNab .section-nab-wrap ul li.on a {font-weight: 700;color:#b91f1f;} .section-scrollNab .section-nab-wrap ul li:hover a {font-weight: 700;color:#b91f1f;} .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: end; } .rolling-counter-wrap * { font-family: var(--font-family-ptd); font-size:100px;color:var(--color-white);font-weight: normal;} .rolling-number { position: relative; width:80px; height: 135px; overflow: hidden; color: var(--color-white); text-align: center;outline:none; } .rolling-number + .rolling-number {} .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: 131px;width: 80px;height: 131px;background:transparent;color:#a7342f;} .rolling-dot { margin: 0 5px; font-size: 60px; color:#a7342f;} .rolling-unit {font-size: 70px; color:#a7342f;font-family: var(--font-family-ptd);padding-bottom: 32px;font-weight: 800;} /* 흐르는 슬라이드 */ .marquee {width: 100%;background:transparent;padding:18px;overflow:hidden;max-width: 1920px;margin:0 auto;} .marquee.solo {background:#27592f;width: 100%;margin: 0 auto;} .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: 681px;} .marquee .swiper-slide img {width: 100%;} .marquee_vertical.left_step {position:absolute;left:0px;top:0;background:transparent;padding:0 24px 0 33px;border-left:1px solid #9b5f54;border-right:1px solid #9b5f54;z-index:10;} .marquee_vertical.right_step {position:absolute;right:0px;top:0;background:transparent;padding:0 24px 0 33px;border-left:1px solid #9b5f54;border-right:1px solid #9b5f54;z-index:10;} .marquee_vertical.main_slide {margin-left:110px;} .left_step ul {animation: hSlideLoop_re 48s 0s infinite linear;opacity:1;} .right_step ul {animation: hSlideLoop 48s 0s infinite linear;opacity:1;} .section {width:100%;max-width:1920px;margin:0 auto;overflow:hidden;position:relative;} .inner {width: 1400px;margin:0 auto;position:relative;} .marquee.heri {background:#3c332d;padding:12px 0;} .marquee.heri .swiper-slide {width: 1664px;} .marquee.s2_slide {background:transparent;padding:0;} .marquee.s2_slide .swiper-slide {width: 1433px;} /* section00 s */ #section_00 {padding:48px 48px 0;background:#fff9e2;} #section_00 .inner {width:1800px;position:relative;z-index:2;} #section_00 .main_center {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align: center;z-index:5;} #section_00 .main_icon {margin-bottom: 30px;} #section_00 .text_wrap {} #section_00 .text_wrap p {letter-spacing: -0.025em;} #section_00 .text_wrap p.title {font-size: 58px;line-height: 75px;color:#fff9e2;} #section_00 .text_wrap p.desc {font-size: 20px;font-weight: 400;line-height: 28px;color:#fff;margin-top: 35px;} #section_00 .main_rotate {position:relative;margin-top: 35px;} #section_00 .main_rotate .non-rotate {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} #section_00 .main_img {filter: brightness(0.5);position:relative;border-radius:100px 100px 0 0;overflow:hidden;} #section_00 .main_img .main_img_frame { width:100%;height:100%;border-radius:100px 100px 0 0;overflow:hidden;box-shadow:inset 0 0 1em rgba(0,0,0,0.5);background:transparent; position:absolute;left:0;top:0; } #section_00 .main_frame {position:absolute;left:0;top:0;width:100%;height:100%;border:12px solid #3c332d;z-index:1;border-bottom:0;} /* section00 e */ /* section01 s */ #section_01 {background: url('../../images/s1_bg.jpg')no-repeat center bottom/cover;padding:150px 0 200px;} #section_01 .inner {width:100%;} #section_01 .text_warpper {margin-bottom:120px;} #section_01 .s1_stemp_wrap {position:absolute;right:23.5%;top:-15px;} #section_01 .flow-ani-wrap {} #section_01 .flow-ani-wrap li {margin-right: 65px;} /* section01 e */ /* section02 s */ #section_02 {background: url('../../images/s2_bg.jpg')no-repeat center bottom/cover;padding:150px 0 240px;} #section_02 .inner {width:1166px;} #section_02 .text_warpper {margin-bottom:60px;} #section_02 .text_warpper p {color:#fff;} #section_02 .text_warpper p.title {color:#fff9e2;margin-bottom: 30px;} #section_02 .s2_store_wrap {text-align: center;width: 100%;position:relative;} #section_02 .s2_store_wrap .s2_store {margin-left: 30px;} #section_02 .s2_store_wrap .s2_store img {position:relative;z-index:5;} #section_02 .s2_store_wrap .s2_store_txt {position:absolute;bottom:63px;width: 275px;height: 362px;background:#ff6c1d;border-radius:15px;padding-top: 36px;} #section_02 .s2_store_wrap .s2_store_txt.left {left:0;} #section_02 .s2_store_wrap .s2_store_txt.right {right:0;} #section_02 .s2_store_wrap .s2_store_txt p {color:#fff9e2;letter-spacing: -0.025em;} #section_02 .s2_store_wrap .s2_store_txt.left p.s2_title {font-size: 32px;line-height: 44px;} #section_02 .s2_store_wrap .s2_store_txt.right p.s2_title {font-size: 26px;line-height: 36px;letter-spacing: -0.075em;} #section_02 .s2_store_wrap .s2_store_txt p.s2_precent {font-size: 58px;color:#fff;margin:5px 0 10px;font-weight: 800;} #section_02 .s2_store_wrap .s2_store_txt p.s2_desc {font-size: 18px;line-height: 28px;} #section_02 .s2_light_wrap {} #section_02 .s2_light_wrap .s2_light {position:absolute;} #section_02 .s2_light_wrap .s2_light_01 {top:228px;left:202px;} #section_02 .s2_light_wrap .s2_light_02 {top: 106px;left: 369px;} #section_02 .s2_light_wrap .s2_light_03 {top: 196px;left: 505px;} #section_02 .s2_light_wrap .s2_light_04 {top: 125px;right: 546px;} #section_02 .s2_light_wrap .s2_light_05 {top: 280px;right: 352px;} #section_02 .s2_light_wrap .s2_light_06 {top: 117px;right: 227px;} #section_02 .s2_light_wrap .size01 {width: 25px;height: 25px;animation: stars 1.6s linear infinite;} #section_02 .s2_light_wrap .size02 {width: 37px;height: 37px;animation: stars 1.6s 0.3s ease-in-out infinite;} #section_02 .s2_light_wrap .size03 {width: 57px;height: 57px;animation: stars 1.6s 0.6s ease infinite;} #section_02 .s2_slide {position:absolute;left:0;} #section_02 .s2_slide.s2_top {bottom:82px;} #section_02 .s2_slide.s2_bot {bottom:0;} /* section02 e */ /* section03 s */ #section_03 {background: url('../../images/s3_bg.jpg')no-repeat center bottom/cover;padding:150px 0 240px;} #section_03 .inner {width:1255px;} #section_03 .text_warpper {margin-bottom:60px;} #section_03 .text_warpper p {color:#3c332d;} #section_03 .text_warpper p.title {margin-bottom: 30px;} #section_03 .s3_list_wrap {display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;} #section_03 .s3_list {position:relative;text-align: center;width: 365px;height: 460px;} #section_03 .s3_list .s3_list_img {transition:0.5s;filter: brightness(0.7);} #section_03 .s3_list .s3_list_img.on {filter: brightness(0.4);} #section_03 .s3_list:hover .s3_list_img {filter: brightness(0.4);} #section_03 .s3_list .s3_tit {position:absolute;left:50%;transform:translateX(-50%);top:60px;font-size: 42px;line-height: 52px;color:#ff7f2a;} #section_03 .s3_list .s3_desc {position:absolute;left:50%;transform:translateX(-50%);bottom:45px;width:100%;height:120px;display:flex;justify-content:center;} #section_03 .s3_list .s3_desc p {display:flex;align-items:center;justify-content:center;flex-direction:column;font-size: 22px;line-height: 30px;color:#fff9e2;font-weight: 500;} #section_03 .s3_rotate_wrap {position:absolute;left:-150px;top:180px;} #section_03 .s3_rotate_wrap .s3_rotate_img {position:absolute;left:0;top:0;} /* section03 e */ /* section04 s */ #section_04 {background: url('../../images/s4_bg.jpg')no-repeat center bottom/cover;padding:195px 0 140px;width:100%;height:1159px;} #section_04 .inner {width:1420px;display:flex;justify-content:space-between;} #section_04 .text_warpper {text-align: left;position:relative;height: 216px;} #section_04 .text_warpper:before {content:"";display:block;width: 49px;height: 30px;background:url('../../images/s4_txt_icon_01.png')no-repeat center/cover;position:absolute;left:0;top:-45px;} #section_04 .text_warpper:after {content:"";display:block;width: 49px;height: 30px;background:url('../../images/s4_txt_icon_02.png')no-repeat center/cover;position:absolute;left:0;bottom:-45px;} #section_04 .text_warpper p {color:#fff9e2;position:relative;} #section_04 .text_warpper p.title {margin-bottom:0px;} #section_04 .s4_list_wrap {} #section_04 .s4_list {width: 720px;height: 240px;border-radius:3px 20px 20px 20px;overflow:hidden;padding:50px 60px;margin-bottom: 30px;position:relative;} #section_04 .s4_list.num01 {background:#fff9e2;} #section_04 .s4_list.num02 {background:#ede6ca;} #section_04 .s4_list.num03 {background:#e2d6ba;margin-bottom: 0;} #section_04 .s4_list .s4_txt_wrap {position:relative;z-index:5;} #section_04 .s4_list .s4_txt_wrap p {letter-spacing: -0.025em;} #section_04 .s4_list .s4_txt_wrap p.s4_tit {font-size: 36px;color:#ff7f2a;letter-spacing: -0.05em;margin-bottom: 30px;} #section_04 .s4_list .s4_txt_wrap p.s4_desc {font-size: 20px;line-height: 32px;color:#594739;font-weight: 500;} #section_04 .s4_list .s4_img {position:absolute;bottom:0;} #section_04 .s4_list .s4_img.s4_img1_01 {right:-4px;z-index:2;} #section_04 .s4_list .s4_img.s4_img1_02 {right:79px;} #section_04 .s4_list .s4_img.s4_img2_01 {right:46px;} #section_04 .s4_list .s4_img.s4_img3_01 {right:17px;z-index:2;} #section_04 .s4_list .s4_img.s4_img3_02 {right:115px;} /* section04 e */ /* section05 s */ #section_05 {background: url('../../images/s5_bg.jpg')no-repeat center bottom/cover;padding:150px 0 200px;} #section_05 .inner {width:1268px;} #section_05 .text_warpper {margin-bottom:80px;} #section_05 .text_warpper p {color:#3c332d;} #section_05 .text_warpper p.title {margin-bottom: 30px;} #section_05 .s5_list_wrap {display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;} #section_05 .s5_list {position:relative;text-align: center;} #section_05 .s5_icon_wrapper {} #section_05 .s5_icon {position:absolute;} #section_05 .s5_icon.s5_icon_01 {left:0;top:-25px;} #section_05 .s5_icon.s5_icon_02 {left:177px;top:142px;} #section_05 .s5_icon.s5_icon_03 {right:178px;top:-60px;} #section_05 .s5_icon.s5_icon_04 {right:40px;top:144px;} #section_05 .s5_icon.s5_icon_light01 {left:50%;transform:translateX(-50%);top:0;animation: stars 1.6s 0.3s ease-in-out infinite;} #section_05 .s5_icon.s5_icon_light02 {left:50%;transform:translateX(-50%);top:0;animation: stars 1.6s 0.6s ease-in-out infinite;} /* section05 e */ /* section06 s */ #section_06 {background: url('../../images/s6_bg.jpg')no-repeat center bottom/cover;padding:150px 0 160px;} #section_06 .inner {width:1256px;} #section_06 .text_warpper {margin-bottom:70px;} #section_06 .text_warpper p {color:#fff;} #section_06 .text_warpper p.title {margin-bottom: 30px;color:#fff9e2;} #section_06 .s6_graph_wrap {display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;width:100%;height:564px;background:rgba(0,0,0,0.8);border-radius:35px;padding:0 95px 0 80px;} #section_06 .s6_graph {} #section_06 .s6_table {} /* section06 e */ /* section07 s */ #section_07 {background: url('../../images/s7_bg.jpg')no-repeat center bottom/cover;padding:150px 0 0px;} #section_07 .inner {width:1625px;} #section_07 .text_warpper {margin-bottom:100px;} #section_07 .text_warpper p {color:#fff;} #section_07 .text_warpper p.title {margin-bottom: 30px;color:#fff9e2;} #section_07 .s7_box_wrap {display:flex;justify-content:space-between;} #section_07 .s7_box_wrap .s7_box {position:relative;transition:0.5s} #section_07 .s7_box_wrap .s7_box.on {transform:translateY(0)} #section_07 .s7_box_wrap .s7_box.off {transform:translateY(50%)} #section_07 .s7_box_wrap .vs {color:#fff;font-size: 66px;margin-top: 190px;} #section_07 .s7_box_wrap .s7_box_txt {position:absolute;left:50%;top:205px;text-align: center;transform:translateX(-50%);} #section_07 .s7_box_wrap .s7_box_txt p {color:#fff;letter-spacing: -0.025em;} #section_07 .s7_box_wrap .s7_box_txt p.tit {font-size: 53px;margin-bottom: 60px;} #section_07 .s7_box_wrap .s7_box_txt p.desc {font-size: 34px;line-height: 40px;} /* section07 e */ /* section08 s */ #section_08 {background: url('../../images/s8_bg.jpg')no-repeat right bottom;padding:0px;} #section_08 .inner {width:100%;display:flex;justify-content:center;} #section_08 .s8_img {width:50%;position:relative;} #section_08 .s8_img #s8_swiper {position:relative;} #section_08 .s8_img #s8_swiper .swiper-wrapper {} #section_08 .s8_img #s8_swiper .swiper-slide {} #section_08 .s8_img #s8_swiper .swiper-slide img {width: 100%;} #section_08 .s8_img #s8_swiper .s8_swiper_next {right:0;bottom:0;width: 57px;height: 57px;top:auto;margin-top: 0;} #section_08 .s8_img #s8_swiper .s8_swiper_next:after {content:"";} #section_08 .s8_img #s8_swiper .s8_swiper_prev {right:57px;bottom:0;left:auto;width: 57px;height: 57px;top:auto;margin-top: 0;} #section_08 .s8_img #s8_swiper .s8_swiper_prev:after {content:"";} #section_08 .s8_txt {width:50%;padding:150px 120px;} #section_08 .text_warpper {text-align: left;} #section_08 .text_warpper p {color:#423730;} #section_08 .text_warpper p.title {margin-bottom: 60px;color:#423730;} #section_08 .text_warpper p.title.mb {margin-bottom: 0px;} #section_08 .text_warpper p.desc-info {} #section_08 .text_warpper p.s8_text_info {font-size: 30px;line-height: 45px;color:#c6581c;font-weight: 500;margin-top: 130px;position:relative;} #section_08 .text_warpper p.s8_text_info:before {content:"";display:block;width: 49px;height: 30px;background:url('../../images/s8_txt_icon_01.png')no-repeat center/cover;position:absolute;left:0;top:-45px;} #section_08 .text_warpper p.s8_text_info:after {content:"";display:block;width: 49px;height: 30px;background:url('../../images/s8_txt_icon_02.png')no-repeat center/cover;position:absolute;left:0;bottom:-45px;} #section_08 .text_warpper p.s8_text_info b {font-weight: 800;} #section_08 .s8_rotate_wrap {position:absolute;right:-102px;top:50%;z-index:10;opacity: 0.8;transform:translateY(-50%);} #section_08 .s8_rotate_wrap .s8_rotate_img {position:absolute;left:0;top:0;} /* section08 e */ /* section09 s */ #section_09 {background: url('../../images/s9_bg.jpg')no-repeat center bottom/cover;padding:150px 0 216px;} #section_09 .inner {width:100%;z-index:10;} #section_09 .text_warpper {margin-bottom:70px;} #section_09 .text_warpper p {color:#423730;} #section_09 .text_warpper p.title {margin-bottom: 30px;color:#423730;} #section_09 .s9_swiper_wrapper {background:#c6581c;width: 351px;height: 426px;border-radius:175px 175px 7px 7px;text-align: center;margin:0 auto;} #section_09 #s9_swiper {height:100%;} #section_09 #s9_swiper .swiper-wrapper {} #section_09 #s9_swiper .swiper-slide {} #section_09 #s9_swiper .s9_txt {display:flex;flex-direction:column;padding-top: 85px;gap:30px;} #section_09 #s9_swiper .s9_txt p {letter-spacing: -0.025em;} #section_09 #s9_swiper .s9_txt p.s9_tit {font-size: 42px;font-weight: 700;color:#ffe9b3;} #section_09 #s9_swiper .s9_txt p.s9_desc {font-size: 22px;line-height: 28px;font-weight: 600;color:#fff;height:110px;display:flex;align-items:center;justify-content:center;} #section_09 #s9_swiper .s9_pagi {bottom:60px;} #section_09 #s9_swiper .s9_pagi .swiper-pagination-bullet {width: 14px;height: 14px;border:1px solid #fff;background:transparent;} #section_09 #s9_swiper .s9_pagi .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#fff;} #section_09 .flow-ani-wrap {position:absolute;left:0;bottom:260px;} #section_09 .flow-ani-wrap ul {} #section_09 .flow-ani-wrap ul li {padding-right: 55px;} #section_09 .s9_light_wrap {} #section_09 .s9_light_wrap .s9_light {position:absolute;} #section_09 .s9_light_wrap .s9_light_01 {top:228px;left:202px;} #section_09 .s9_light_wrap .s9_light_02 {top: 106px;left: 369px;} #section_09 .s9_light_wrap .s9_light_03 {top: 196px;left: 505px;} #section_09 .s9_light_wrap .s9_light_04 {top: 125px;right: 546px;} #section_09 .s9_light_wrap .s9_light_05 {top: 280px;right: 352px;} #section_09 .s9_light_wrap .s9_light_06 {top: 117px;right: 227px;} #section_09 .s9_light_wrap .size01 {width: 25px;height: 25px;animation: stars 1.6s linear infinite;} #section_09 .s9_light_wrap .size02 {width: 37px;height: 37px;animation: stars 1.6s 0.3s ease-in-out infinite;} #section_09 .s9_light_wrap .size03 {width: 57px;height: 57px;animation: stars 1.6s 0.6s ease infinite;} /* section09 e */ /* section10 s */ #section_10 {background: #3c332d;padding:150px 0;} #section_10 .inner {width:1500px;} #section_10 .text_warpper {margin-bottom:100px;} #section_10 .text_warpper p {color:#fff;} #section_10 .text_warpper p.title {margin-bottom: 30px;color:#fff9e2;} #section_10 .s10_list_wrap {display:flex;justify-content:space-between;flex-wrap:wrap;gap:70px;} #section_10 .s10_list_wrap .s10_list {width: 320px;height: 254px;background:#fff9e2;border-radius:30px;text-align: center;position:relative;padding-top: 66px;display:flex;flex-direction:column;align-items:center;gap:20px;} #section_10 .s10_list_wrap .s10_list .s10_step {background:rgba(203,88,25,0.9);width: 138px;height: 52px;border-radius:3px;position:absolute;left:50%;transform:translateX(-50%);top:-26px;} #section_10 .s10_list_wrap .s10_list .s10_step p {font-size: 27px;font-weight: 700;color:#fff9e2;letter-spacing: -0.025em;line-height: 52px;} #section_10 .s10_list_wrap .s10_list .s10_icon {} #section_10 .s10_list_wrap .s10_list .s10_icon.s10_icon01 {width: 88px;} #section_10 .s10_list_wrap .s10_list .s10_icon.s10_icon02 {width: 60px;} #section_10 .s10_list_wrap .s10_list .s10_icon.s10_icon03 {width: 77px;} #section_10 .s10_list_wrap .s10_list .s10_icon.s10_icon04 {width: 79px;} #section_10 .s10_list_wrap .s10_list .s10_icon.s10_icon05 {width: 73px;} #section_10 .s10_list_wrap .s10_list .s10_icon.s10_icon06 {width: 73px;} #section_10 .s10_list_wrap .s10_list .s10_icon.s10_icon07 {width: 76px;} #section_10 .s10_list_wrap .s10_list .s10_icon.s10_icon08 {width: 77px;} #section_10 .s10_list_wrap .s10_list .s10_desc {height: 60px;display:flex;align-items:center;justify-content:center;} #section_10 .s10_list_wrap .s10_list .s10_desc p {font-size: 25px;font-weight: 700;color:#3c332d;letter-spacing: -0.05em;line-height: 30px;} /* section10 e */ /* section11 s */ #section_11 {background: url('../../images/s11_bg.jpg')no-repeat center bottom/cover;padding:130px 0 180px;} #section_11 .inner {width:100%;z-index:10;} #section_11 .text_warpper {margin-bottom:70px;} #section_11 .text_warpper p {color:#423730;} #section_11 .text_warpper p.title {margin-bottom: 30px;color:#423730;} #section_11 #s11_swiper {} #section_11 #s11_swiper .swiper-wrapper {} #section_11 #s11_swiper .swiper-slide {width: 796px;text-align: center;opacity: 0.5;margin:0 30px;} #section_11 #s11_swiper .swiper-slide .s11_txt {margin-top: 50px;} #section_11 #s11_swiper .swiper-slide .s11_txt p {font-size: 24px;line-height: 30px;color:#423730;font-weight: 600;letter-spacing: -0.025em;} #section_11 #s11_swiper .swiper-slide.swiper-slide-active {opacity: 1;} /* section11 e */ /* section12 s */ #section_12 {background:#ece9de;padding:130px 0 180px;} #section_12 .inner {width:1257px;z-index:10;} #section_12 .text_warpper {margin-bottom:70px;} #section_12 .text_warpper p {color:#423730;} #section_12 .text_warpper p.title {margin-bottom: 30px;color:#423730;} #section_12 .menu_info {} #section_12 .menu_info .tab {display:flex;align-items:center;justify-content:center;gap:40px;margin-bottom: 50px;position:relative;} #section_12 .menu_info .tab li {width: 160px;height: 64px;border-radius:32px;background:#fff;text-align: center;line-height: 64px;color:#3a3a3a;font-size: 24px;font-weight: 700;cursor:pointer;} #section_12 .menu_info .tab li.active {background:#c6581c;color:#fff;} #section_12 .menu_info .tab_cont_wrap {text-align: center;} #section_12 .menu_info .tab_cont_wrap .tab_cont {} #section_12 .menu_info .tab_cont_wrap .tab_cont .menu_list {display:flex;gap:73px;flex-wrap:wrap;} #section_12 .menu_info .tab_cont_wrap .tab_cont .menu_list .item {width: 370px;flex-direction:column;text-align: center;} #section_12 .menu_info .tab_cont_wrap .tab_cont .menu_list .item img {width: 370px;filter:drop-shadow(2px 2px 9px rgba(0,0,0,0.2))} #section_12 .menu_info .tab_cont_wrap .tab_cont .menu_list .item .text_box {margin-top: 15px;} #section_12 .menu_info .tab_cont_wrap .tab_cont .menu_list .item .text_box p {font-size: 30px;font-weight: 700;color:#c6581c;letter-spacing: -0.025em;} #section_12 .menu_info .tab_cont_wrap .btn_more_cont {font-size:30px;color:#fff;width: 220px;height: 70px;background:#c6581c;text-align: center;margin:60px auto 0;border:none;border-radius:35px;font-weight: 700;} /* section12 e */ /* section13 s */ #section_13 {background:#fff;padding:150px 0 130px;text-align: center;position:relative;} #section_13 .inner {width:1277px;z-index:10;} #section_13 .text_warpper {margin-bottom:100px;} #section_13 .text_warpper p {color:#423730;} #section_13 .text_warpper p.title {margin-bottom: 30px;color:#423730;} #section_13 .s13_table_wrap {position:relative;} #section_13 .s13_table_wrap .s13_sticker_wrap {position:absolute;left:50%;top:42px;transform:translateX(-50%);} #section_13 .s13_coffee_wrap {width:100%;position:absolute;left:50%;bottom:-130px;transform:translateX(-50%);} #section_13 .s13_coffee_wrap .s13_cf_i {position:absolute;} #section_13 .s13_coffee_wrap .s13_cf_i.s13_coffee_01 {bottom:171px;left:249px;} #section_13 .s13_coffee_wrap .s13_cf_i.s13_coffee_02 {bottom:376px;left:216px;} #section_13 .s13_coffee_wrap .s13_cf_i.s13_coffee_03 {bottom:76px;left:154px;} #section_13 .s13_coffee_wrap .s13_cf_i.s13_coffee_04 {bottom:237px;right:200px;} #section_13 .s13_coffee_wrap .s13_cf_i.s13_coffee_05 {bottom:96px;right:175px;} #section_13 .s13_coffee_wrap .s13_cf_i.s13_coffee_06 {bottom:405px;right:34px;} /* section13 e */ /* section14 s */ #section_14 {background:#ece9de;padding:120px 0 140px;text-align: center;position:relative;} #section_14 .inner {width:1170px;z-index:10;} #section_14 .text_warpper {margin-bottom:60px;} #section_14 .text_warpper p {color:#423730;} #section_14 .text_warpper p.title {color:#423730;} /* section14 e */ /* common s */ .text_warpper {text-align: center;} .text_warpper p {letter-spacing: -0.025em;color:#423730;} .text_warpper p.title {font-size: 56px;line-height: 72px;letter-spacing: -0.05em;} .text_warpper p.title span.color-01 {color:#ff6c1d;} .text_warpper p.title span.color-02 {color:#c6581c;} .text_warpper p.title.mb {margin-bottom: 40px;} .text_warpper p.desc {font-size: 20px;line-height: 26px;font-weight: 500;} .text_warpper p.desc-info {font-size: 22px;line-height: 36px;font-weight: 500;color:#423730;} .text_warpper p.desc-info.margin-bottom {margin-bottom: 60px;} .text_warpper p.desc b {} /* common e */ @media(max-width: 1920px){ } @media(max-width: 1919px){ /* header */ #header {width:100%;height:6.6701vw;background:#fff9e2;max-width:100.0521vw;margin:0 auto;position:relative;} #header .hd_wrap {position:relative;height:100%;} #header .hd_wrap .inner {width: 93.7989vw;max-width:100.0521vw;height:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;background:transparent;padding:0;} #header .hd_wrap .logo {margin-left: 2.0844vw;} #header .hd_wrap .logo img {} #header .hd_wrap .hd_gnb {} #header .hd_wrap .hd_gnb ul {display:flex;align-items:center;justify-content:center;gap:4.6899vw;} #header .hd_wrap .hd_gnb ul li {} #header .hd_wrap .hd_gnb ul li a {font-size: 0.9380vw;font-weight: 700;color:#3c332d;letter-spacing: -0.025em;} #header .hd_wrap .hd_tel {width: 11.4643vw;height: 2.6055vw;background:#3c332d;display:flex;align-items:center;justify-content:center;border-radius:1.3028vw;margin-right: 1.3028vw;} #header .hd_wrap .hd_tel a {display:flex;align-items:center;gap:0.7817vw;} #header .hd_wrap .hd_tel a img {} #header .hd_wrap .hd_tel a span {font-size: 1.3028vw;font-weight: 700;color:#fff;} #header .hd_wrap .hd_frame {width:100%;height:100%;border:0.5732vw solid #fff;position:absolute;left:0;top:0;box-shadow:inset 0 0 1em rgba(89,71,57,0.3);background:transparent;} #footer .inner {max-width:100%;} /* section08 s */ #section_08 {background: url('../../images/s8_bg.jpg')no-repeat right bottom;padding:0.0000vw;} #section_08 .inner {width:100%;height:68.4211vw;display:flex;justify-content:center;} #section_08 .s8_img {width:50%;position:relative;height:100%;} #section_08 .s8_img #s8_swiper {position:relative;height:100%;} #section_08 .s8_img #s8_swiper .swiper-wrapper {} #section_08 .s8_img #s8_swiper .swiper-slide {} #section_08 .s8_img #s8_swiper .swiper-slide img {width: 100%;height:100%;object-fit:cover;} #section_08 .s8_img #s8_swiper .s8_swiper_next {right:0;bottom:0;width: 2.9703vw;height: 2.9703vw;top:auto;margin-top: 0;} #section_08 .s8_img #s8_swiper .s8_swiper_next:after {content:"";} #section_08 .s8_img #s8_swiper .s8_swiper_prev {right:2.9703vw;bottom:0;left:auto;width: 2.9703vw;height: 2.9703vw;top:auto;margin-top: 0;} #section_08 .s8_img #s8_swiper .s8_swiper_prev:after {content:"";} #section_08 .s8_txt {width:50%;padding:7.8166vw 6.7744vw;height:100%;} #section_08 .text_warpper {text-align: left;} #section_08 .text_warpper p {color:#423730;} #section_08 .text_warpper p.title {margin-bottom: 3.1266vw;color:#423730;} #section_08 .text_warpper p.title.mb {margin-bottom: 0.0000vw;} #section_08 .text_warpper p.desc-info {} #section_08 .text_warpper p.s8_text_info {font-size: 1.5633vw;line-height: 2.3450vw;color:#c6581c;font-weight: 500;margin-top: 6.7744vw;position:relative;} #section_08 .text_warpper p.s8_text_info:before {content:"";display:block;width: 2.5534vw;height: 1.5633vw;background:url('../../images/s8_txt_icon_01.png')no-repeat center/cover;position:absolute;left:0;top:-2.3450vw;} #section_08 .text_warpper p.s8_text_info:after {content:"";display:block;width: 2.5534vw;height: 1.5633vw;background:url('../../images/s8_txt_icon_02.png')no-repeat center/cover;position:absolute;left:0;bottom:-2.3450vw;} #section_08 .text_warpper p.s8_text_info b {font-weight: 800;} #section_08 .s8_rotate_wrap {position:absolute;right:-5.3153vw;top:50%;z-index:10;opacity: 0.8;transform:translateY(-50%);} #section_08 .s8_rotate_wrap .s8_rotate_img {position:absolute;left:0;top:0;} /* section08 e */ } @media(max-width: 1600px){ /* section00 s */ #section_00 {padding:3.0000vw 3.0000vw 0;} #section_00 .inner {width:100%;} #section_00 .main_icon {margin-bottom: 1.8750vw;} #section_00 .text_wrap p.title {font-size: 3.6250vw;line-height: 4.6875vw;} #section_00 .text_wrap p.desc {font-size: 1.2500vw;line-height: 1.7500vw;margin-top: 2.1875vw;} #section_00 .main_rotate {margin-top: 2.1875vw;} #section_00 .main_img {border-radius:6.2500vw 6.2500vw 0 0;} #section_00 .main_img .main_img_frame {border-radius:6.2500vw 6.2500vw 0 0;} #section_00 .main_frame {border:0.7500vw solid #3c332d;} /* section00 e */ /* section01 s */ #section_01 {background: url('../../images/s1_bg.jpg')no-repeat center bottom/cover;padding:9.3750vw 0 12.5000vw;} #section_01 .inner {width:100%;} #section_01 .text_warpper {margin-bottom:7.5000vw;} #section_01 .s1_stemp_wrap {right:23.5%;top:-0.9375vw;} #section_01 .flow-ani-wrap li {margin-right: 4.0625vw;} /* section01 e */ /* section02 s */ #section_02 {background: url('../../images/s2_bg.jpg')no-repeat center bottom/cover;padding:9.3750vw 0 15.0000vw;} #section_02 .inner {width:72.8750vw;} #section_02 .text_warpper {margin-bottom:3.7500vw;} #section_02 .text_warpper p.title {margin-bottom: 1.8750vw;} #section_02 .s2_store_wrap .s2_store {margin-left: 1.8750vw;} #section_02 .s2_store_wrap .s2_store_txt {bottom:3.9375vw;width: 17.1875vw;height: 22.6250vw;border-radius:0.9375vw;padding-top: 2.2500vw;} #section_02 .s2_store_wrap .s2_store_txt.left p.s2_title {font-size: 2.0000vw;line-height: 2.7500vw;} #section_02 .s2_store_wrap .s2_store_txt.right p.s2_title {font-size: 1.6250vw;line-height: 2.2500vw;} #section_02 .s2_store_wrap .s2_store_txt p.s2_precent {font-size: 3.6250vw;margin:0.3125vw 0 0.6250vw;} #section_02 .s2_store_wrap .s2_store_txt p.s2_desc {font-size: 1.1250vw;line-height: 1.7500vw;} #section_02 .s2_light_wrap .s2_light_01 {top:14.2500vw;left:12.6250vw;} #section_02 .s2_light_wrap .s2_light_02 {top: 6.6250vw;left: 23.0625vw;} #section_02 .s2_light_wrap .s2_light_03 {top: 12.2500vw;left: 31.5625vw;} #section_02 .s2_light_wrap .s2_light_04 {top: 7.8125vw;right: 34.1250vw;} #section_02 .s2_light_wrap .s2_light_05 {top: 17.5000vw;right: 22.0000vw;} #section_02 .s2_light_wrap .s2_light_06 {top: 7.3125vw;right: 14.1875vw;} #section_02 .s2_light_wrap .size01 {width: 1.5625vw;height: 1.5625vw;animation: stars 1.6s linear infinite;} #section_02 .s2_light_wrap .size02 {width: 2.3125vw;height: 2.3125vw;animation: stars 1.6s 0.3s ease-in-out infinite;} #section_02 .s2_light_wrap .size03 {width: 3.5625vw;height: 3.5625vw;animation: stars 1.6s 0.6s ease infinite;} #section_02 .s2_slide.s2_top {bottom:5.1250vw;} /* section02 e */ /* section03 s */ #section_03 {background: url('../../images/s3_bg.jpg')no-repeat center bottom/cover;padding:9.3750vw 0 15.0000vw;} #section_03 .inner {width:78.4375vw;} #section_03 .text_warpper {margin-bottom:3.7500vw;} #section_03 .text_warpper p.title {margin-bottom: 1.8750vw;} #section_03 .s3_list {width: 22.8125vw;height: 28.7500vw;} #section_03 .s3_list .s3_tit {top:3.7500vw;font-size: 2.6250vw;line-height: 3.2500vw;} #section_03 .s3_list .s3_desc {bottom:2.8125vw;width:100%;height:7.5000vw;} #section_03 .s3_list .s3_desc p {font-size: 1.3750vw;line-height: 1.8750vw;} #section_03 .s3_rotate_wrap {left:-9.3750vw;top:11.2500vw;} /* section03 e */ /* section04 s */ #section_04 {background: url('../../images/s4_bg.jpg')no-repeat center bottom/cover;padding:12.1875vw 0 8.7500vw;height:72.4375vw;} #section_04 .inner {width:88.7500vw;} #section_04 .text_warpper {height: 13.5000vw;} #section_04 .text_warpper:before {width: 3.0625vw;height: 1.8750vw;top:-2.8125vw;} #section_04 .text_warpper:after {width: 3.0625vw;height: 1.8750vw;bottom:-2.8125vw;} #section_04 .text_warpper p.title {margin-bottom:0.0000vw;} #section_04 .s4_list {width: 45.0000vw;height: 15.0000vw;border-radius:0.1875vw 1.2500vw 1.2500vw 1.2500vw;padding:3.1250vw 3.7500vw;margin-bottom: 1.8750vw;} #section_04 .s4_list .s4_txt_wrap p.s4_tit {font-size: 2.2500vw;margin-bottom: 1.8750vw;} #section_04 .s4_list .s4_txt_wrap p.s4_desc {font-size: 1.2500vw;line-height: 2.0000vw;} #section_04 .s4_list .s4_img.s4_img1_01 {right:-0.2500vw;} #section_04 .s4_list .s4_img.s4_img1_02 {right:4.9375vw;} #section_04 .s4_list .s4_img.s4_img2_01 {right:2.8750vw;} #section_04 .s4_list .s4_img.s4_img3_01 {right:1.0625vw;} #section_04 .s4_list .s4_img.s4_img3_02 {right:7.1875vw;} /* section04 e */ /* section05 s */ #section_05 {background: url('../../images/s5_bg.jpg')no-repeat center bottom/cover;padding:9.3750vw 0 12.5000vw;} #section_05 .inner {width:79.2500vw;} #section_05 .text_warpper {margin-bottom:5.0000vw;} #section_05 .text_warpper p.title {margin-bottom: 1.8750vw;} #section_05 .s5_icon.s5_icon_01 {left:0;top:-1.5625vw;} #section_05 .s5_icon.s5_icon_02 {left:11.0625vw;top:8.8750vw;} #section_05 .s5_icon.s5_icon_03 {right:11.1250vw;top:-3.7500vw;} #section_05 .s5_icon.s5_icon_04 {right:2.5000vw;top:9.0000vw;} /* section05 e */ /* section06 s */ #section_06 {background: url('../../images/s6_bg.jpg')no-repeat center bottom/cover;padding:9.3750vw 0 10.0000vw;} #section_06 .inner {width:78.5000vw;} #section_06 .text_warpper {margin-bottom:4.3750vw;} #section_06 .text_warpper p.title {margin-bottom: 1.8750vw;} #section_06 .s6_graph_wrap {height:35.2500vw;border-radius:2.1875vw;padding:0 5.9375vw 0 5.0000vw;} /* section06 e */ /* section07 s */ #section_07 {background: url('../../images/s7_bg.jpg')no-repeat center bottom/cover;padding:9.3750vw 0 0.0000vw;} #section_07 .inner {width:100%;} #section_07 .text_warpper {margin-bottom:6.2500vw;} #section_07 .text_warpper p.title {margin-bottom: 1.8750vw;} #section_07 .s7_box_wrap .vs {font-size: 4.1250vw;margin-top: 11.8750vw;} #section_07 .s7_box_wrap .s7_box_txt {top:12.8125vw;} #section_07 .s7_box_wrap .s7_box_txt p.tit {font-size: 3.3125vw;margin-bottom: 3.7500vw;} #section_07 .s7_box_wrap .s7_box_txt p.desc {font-size: 2.1250vw;line-height: 2.5000vw;} /* section07 e */ /* section08 s */ #section_08 {padding:0.0000vw;} #section_08 .inner {height:82.0625vw;} #section_08 .s8_img #s8_swiper .s8_swiper_next {width: 3.5625vw;height: 3.5625vw;} #section_08 .s8_img #s8_swiper .s8_swiper_prev {right:3.5625vw;width: 3.5625vw;height: 3.5625vw;} #section_08 .s8_txt {width:50%;padding:7.3750vw 5.1250vw;} #section_08 .text_warpper p.title {margin-bottom: 3.7500vw;} #section_08 .text_warpper p.s8_text_info {font-size: 1.8750vw;line-height: 2.8125vw;margin-top: 8.1250vw;} #section_08 .text_warpper p.s8_text_info:before {width: 3.0625vw;height: 1.8750vw;top:-2.8125vw;} #section_08 .text_warpper p.s8_text_info:after {width: 3.0625vw;height: 1.8750vw;bottom:-2.8125vw;} #section_08 .s8_rotate_wrap {right:-6.3750vw;} /* section08 e */ /* section09 s */ #section_09 {padding:9.3750vw 0 13.5000vw;} #section_09 .text_warpper {margin-bottom:4.3750vw;} #section_09 .text_warpper p.title {margin-bottom: 1.8750vw;} #section_09 .s9_swiper_wrapper {width: 21.9375vw;height: 26.6250vw;border-radius:10.9375vw 10.9375vw 0.4375vw 0.4375vw;} #section_09 #s9_swiper .s9_txt {padding-top: 5.3125vw;gap:1.8750vw;} #section_09 #s9_swiper .s9_txt p.s9_tit {font-size: 2.6250vw;} #section_09 #s9_swiper .s9_txt p.s9_desc {font-size: 1.3750vw;line-height: 1.7500vw;height:6.8750vw;} #section_09 #s9_swiper .s9_pagi {bottom:3.7500vw;} #section_09 #s9_swiper .s9_pagi .swiper-pagination-bullet {width: 0.8750vw;height: 0.8750vw;border:0.0625vw solid #fff;} #section_09 .flow-ani-wrap {bottom:16.2500vw;} #section_09 .flow-ani-wrap ul li {padding-right: 3.4375vw;} #section_09 .s9_light_wrap .s9_light_01 {top:14.2500vw;left:12.6250vw;} #section_09 .s9_light_wrap .s9_light_02 {top: 6.6250vw;left: 23.0625vw;} #section_09 .s9_light_wrap .s9_light_03 {top: 12.2500vw;left: 31.5625vw;} #section_09 .s9_light_wrap .s9_light_04 {top: 7.8125vw;right: 34.1250vw;} #section_09 .s9_light_wrap .s9_light_05 {top: 17.5000vw;right: 22.0000vw;} #section_09 .s9_light_wrap .s9_light_06 {top: 7.3125vw;right: 14.1875vw;} #section_09 .s9_light_wrap .size01 {width: 1.5625vw;height: 1.5625vw;} #section_09 .s9_light_wrap .size02 {width: 2.3125vw;height: 2.3125vw;} #section_09 .s9_light_wrap .size03 {width: 3.5625vw;height: 3.5625vw;} /* section09 e */ /* section10 s */ #section_10 {background: #3c332d;padding:9.3750vw 0;} #section_10 .inner {width:93.7500vw;} #section_10 .text_warpper {margin-bottom:6.2500vw;} #section_10 .text_warpper p.title {margin-bottom: 1.8750vw;} #section_10 .s10_list_wrap {gap:4.3750vw;} #section_10 .s10_list_wrap .s10_list {width: 20.0000vw;height: 15.8750vw;border-radius:1.8750vw;padding-top: 4.1250vw;gap:1.2500vw;} #section_10 .s10_list_wrap .s10_list .s10_step {background:rgba(203,88,25,0.9);width: 8.6250vw;height: 3.2500vw;border-radius:0.1875vw;top:-1.6250vw;} #section_10 .s10_list_wrap .s10_list .s10_step p {font-size: 1.6875vw;line-height: 3.2500vw;} #section_10 .s10_list_wrap .s10_list .s10_icon.s10_icon01 {width: 5.5000vw;} #section_10 .s10_list_wrap .s10_list .s10_icon.s10_icon02 {width: 3.7500vw;} #section_10 .s10_list_wrap .s10_list .s10_icon.s10_icon03 {width: 4.8125vw;} #section_10 .s10_list_wrap .s10_list .s10_icon.s10_icon04 {width: 4.9375vw;} #section_10 .s10_list_wrap .s10_list .s10_icon.s10_icon05 {width: 4.5625vw;} #section_10 .s10_list_wrap .s10_list .s10_icon.s10_icon06 {width: 4.5625vw;} #section_10 .s10_list_wrap .s10_list .s10_icon.s10_icon07 {width: 4.7500vw;} #section_10 .s10_list_wrap .s10_list .s10_icon.s10_icon08 {width: 4.8125vw;} #section_10 .s10_list_wrap .s10_list .s10_desc {height: 3.7500vw;} #section_10 .s10_list_wrap .s10_list .s10_desc p {font-size: 1.5625vw;line-height: 1.8750vw;} /* section10 e */ /* section11 s */ #section_11 {padding:8.1250vw 0 11.2500vw;} #section_11 .text_warpper {margin-bottom:4.3750vw;} #section_11 .text_warpper p.title {margin-bottom: 1.8750vw;} #section_11 #s11_swiper .swiper-slide {width: 49.7500vw;margin:0 1.8750vw;} #section_11 #s11_swiper .swiper-slide .s11_txt {margin-top: 3.1250vw;} #section_11 #s11_swiper .swiper-slide .s11_txt p {font-size: 1.5000vw;line-height: 1.8750vw;} /* section11 e */ /* section12 s */ #section_12 {padding:8.1250vw 0 11.2500vw;} #section_12 .inner {width:78.5625vw;} #section_12 .text_warpper {margin-bottom:4.3750vw;} #section_12 .text_warpper p.title {margin-bottom: 1.8750vw;} #section_12 .menu_info .tab {gap:2.5000vw;margin-bottom: 3.1250vw;} #section_12 .menu_info .tab li {width: 10.0000vw;height: 4.0000vw;border-radius:2.0000vw;line-height: 4.0000vw;font-size: 1.5000vw;} #section_12 .menu_info .tab_cont_wrap .tab_cont .menu_list {gap:4.5625vw;} #section_12 .menu_info .tab_cont_wrap .tab_cont .menu_list .item {width: 23.1250vw;} #section_12 .menu_info .tab_cont_wrap .tab_cont .menu_list .item img {width: 23.1250vw;filter:drop-shadow(0.1250vw 0.1250vw 0.5625vw rgba(0,0,0,0.2))} #section_12 .menu_info .tab_cont_wrap .tab_cont .menu_list .item .text_box {margin-top: 0.9375vw;} #section_12 .menu_info .tab_cont_wrap .tab_cont .menu_list .item .text_box p {font-size: 1.8750vw;} #section_12 .menu_info .tab_cont_wrap .btn_more_cont {font-size:1.8750vw;width: 13.7500vw;height: 4.3750vw;margin:3.7500vw auto 0;border-radius:2.1875vw;} /* section12 e */ /* section13 s */ #section_13 {padding:9.3750vw 0 8.1250vw;} #section_13 .inner {width:79.8125vw;} #section_13 .text_warpper {margin-bottom:6.2500vw;} #section_13 .text_warpper p.title {margin-bottom: 1.8750vw;} #section_13 .s13_table_wrap .s13_sticker_wrap {top:2.6250vw;} #section_13 .s13_coffee_wrap {bottom:-8.1250vw;} #section_13 .s13_coffee_wrap .s13_cf_i.s13_coffee_01 {bottom:10.6875vw;left:15.5625vw;} #section_13 .s13_coffee_wrap .s13_cf_i.s13_coffee_02 {bottom:23.5000vw;left:13.5000vw;} #section_13 .s13_coffee_wrap .s13_cf_i.s13_coffee_03 {bottom:4.7500vw;left:9.6250vw;} #section_13 .s13_coffee_wrap .s13_cf_i.s13_coffee_04 {bottom:14.8125vw;right:12.5000vw;} #section_13 .s13_coffee_wrap .s13_cf_i.s13_coffee_05 {bottom:6.0000vw;right:10.9375vw;} #section_13 .s13_coffee_wrap .s13_cf_i.s13_coffee_06 {bottom:25.3125vw;right:2.1250vw;} /* section13 e */ /* section14 s */ #section_14 {padding:7.5000vw 0 8.7500vw;} #section_14 .inner {width:73.1250vw;} #section_14 .text_warpper {margin-bottom:3.7500vw;} /* section14 e */ } @media(max-width: 1400px){ /* section00 s */ #section_00 {padding:3.4286vw 3.4286vw 0;} #section_00 .inner {width:100%;} #section_00 .main_icon {margin-bottom: 2.1429vw;} #section_00 .text_wrap p.title {font-size: 4.1429vw;line-height: 5.3571vw;} #section_00 .text_wrap p.desc {font-size: 1.4286vw;line-height: 2.0000vw;margin-top: 2.5000vw;} #section_00 .main_rotate {margin-top: 2.5000vw;} #section_00 .main_img {border-radius:7.1429vw 7.1429vw 0 0;} #section_00 .main_img .main_img_frame {border-radius:7.1429vw 7.1429vw 0 0;} #section_00 .main_frame {border:0.8571vw solid #3c332d;} /* section00 e */ /* section01 s */ #section_01 {background: url('../../images/s1_bg.jpg')no-repeat center bottom/cover;padding:10.7143vw 0 14.2857vw;} #section_01 .inner {width:100%;} #section_01 .text_warpper {margin-bottom:8.5714vw;} #section_01 .s1_stemp_wrap {right:23.5%;top:-1.0714vw;} #section_01 .flow-ani-wrap li {margin-right: 4.6429vw;} /* section01 e */ /* section02 s */ #section_02 {background: url('../../images/s2_bg.jpg')no-repeat center bottom/cover;padding:10.7143vw 0 17.1429vw;} #section_02 .inner {width:83.2857vw;} #section_02 .text_warpper {margin-bottom:4.2857vw;} #section_02 .text_warpper p.title {margin-bottom: 2.1429vw;} #section_02 .s2_store_wrap .s2_store {margin-left: 2.1429vw;} #section_02 .s2_store_wrap .s2_store_txt {bottom:4.5000vw;width: 19.6429vw;height: 25.8571vw;border-radius:1.0714vw;padding-top: 2.5714vw;} #section_02 .s2_store_wrap .s2_store_txt.left p.s2_title {font-size: 2.2857vw;line-height: 3.1429vw;} #section_02 .s2_store_wrap .s2_store_txt.right p.s2_title {font-size: 1.8571vw;line-height: 2.5714vw;} #section_02 .s2_store_wrap .s2_store_txt p.s2_precent {font-size: 4.1429vw;margin:0.3571vw 0 0.7143vw;} #section_02 .s2_store_wrap .s2_store_txt p.s2_desc {font-size: 1.2857vw;line-height: 2.0000vw;} #section_02 .s2_light_wrap .s2_light_01 {top:16.2857vw;left:14.4286vw;} #section_02 .s2_light_wrap .s2_light_02 {top: 7.5714vw;left: 26.3571vw;} #section_02 .s2_light_wrap .s2_light_03 {top: 14.0000vw;left: 36.0714vw;} #section_02 .s2_light_wrap .s2_light_04 {top: 8.9286vw;right: 39.0000vw;} #section_02 .s2_light_wrap .s2_light_05 {top: 20.0000vw;right: 25.1429vw;} #section_02 .s2_light_wrap .s2_light_06 {top: 8.3571vw;right: 16.2143vw;} #section_02 .s2_light_wrap .size01 {width: 1.7857vw;height: 1.7857vw;animation: stars 1.6s linear infinite;} #section_02 .s2_light_wrap .size02 {width: 2.6429vw;height: 2.6429vw;animation: stars 1.6s 0.3s ease-in-out infinite;} #section_02 .s2_light_wrap .size03 {width: 4.0714vw;height: 4.0714vw;animation: stars 1.6s 0.6s ease infinite;} #section_02 .s2_slide.s2_top {bottom:5.8571vw;} /* section02 e */ /* section03 s */ #section_03 {background: url('../../images/s3_bg.jpg')no-repeat center bottom/cover;padding:10.7143vw 0 17.1429vw;} #section_03 .inner {width:89.6429vw;} #section_03 .text_warpper {margin-bottom:4.2857vw;} #section_03 .text_warpper p.title {margin-bottom: 2.1429vw;} #section_03 .s3_list {width: 26.0714vw;height: 32.8571vw;} #section_03 .s3_list .s3_tit {top:4.2857vw;font-size: 3.0000vw;line-height: 3.7143vw;} #section_03 .s3_list .s3_desc {bottom:3.2143vw;width:100%;height:8.5714vw;} #section_03 .s3_list .s3_desc p {font-size: 1.5714vw;line-height: 2.1429vw;} #section_03 .s3_rotate_wrap {left:-10.7143vw;top:12.8571vw;} /* section03 e */ /* section04 s */ #section_04 {background: url('../../images/s4_bg.jpg')no-repeat center bottom/cover;padding:13.9286vw 0 10.0000vw;height:82.7857vw;} #section_04 .inner {width:100%;} #section_04 .text_warpper {height: 15.4286vw;} #section_04 .text_warpper:before {width: 3.5000vw;height: 2.1429vw;top:-3.2143vw;} #section_04 .text_warpper:after {width: 3.5000vw;height: 2.1429vw;bottom:-3.2143vw;} #section_04 .text_warpper p.title {margin-bottom:0.0000vw;} #section_04 .s4_list {width: 51.4286vw;height: 17.1429vw;border-radius:0.2143vw 1.4286vw 1.4286vw 1.4286vw;padding:3.5714vw 4.2857vw;margin-bottom: 2.1429vw;} #section_04 .s4_list .s4_txt_wrap p.s4_tit {font-size: 2.5714vw;margin-bottom: 2.1429vw;} #section_04 .s4_list .s4_txt_wrap p.s4_desc {font-size: 1.4286vw;line-height: 2.2857vw;} #section_04 .s4_list .s4_img.s4_img1_01 {right:-0.2857vw;} #section_04 .s4_list .s4_img.s4_img1_02 {right:5.6429vw;} #section_04 .s4_list .s4_img.s4_img2_01 {right:3.2857vw;} #section_04 .s4_list .s4_img.s4_img3_01 {right:1.2143vw;} #section_04 .s4_list .s4_img.s4_img3_02 {right:8.2143vw;} /* section04 e */ /* section05 s */ #section_05 {background: url('../../images/s5_bg.jpg')no-repeat center bottom/cover;padding:10.7143vw 0 14.2857vw;} #section_05 .inner {width:90.5714vw;} #section_05 .text_warpper {margin-bottom:5.7143vw;} #section_05 .text_warpper p.title {margin-bottom: 2.1429vw;} #section_05 .s5_icon.s5_icon_01 {left:0;top:-1.7857vw;} #section_05 .s5_icon.s5_icon_02 {left:12.6429vw;top:10.1429vw;} #section_05 .s5_icon.s5_icon_03 {right:12.7143vw;top:-4.2857vw;} #section_05 .s5_icon.s5_icon_04 {right:2.8571vw;top:10.2857vw;} /* section05 e */ /* section06 s */ #section_06 {background: url('../../images/s6_bg.jpg')no-repeat center bottom/cover;padding:10.7143vw 0 11.4286vw;} #section_06 .inner {width:89.7143vw;} #section_06 .text_warpper {margin-bottom:5.0000vw;} #section_06 .text_warpper p.title {margin-bottom: 2.1429vw;} #section_06 .s6_graph_wrap {height:40.2857vw;border-radius:2.5000vw;padding:0 6.7857vw 0 5.7143vw;} /* section06 e */ /* section07 s */ #section_07 {background: url('../../images/s7_bg.jpg')no-repeat center bottom/cover;padding:10.7143vw 0 0.0000vw;} #section_07 .inner {width:100%;} #section_07 .text_warpper {margin-bottom:7.1429vw;} #section_07 .text_warpper p.title {margin-bottom: 2.1429vw;} #section_07 .s7_box_wrap .vs {font-size: 4.7143vw;margin-top: 13.5714vw;} #section_07 .s7_box_wrap .s7_box_txt {top:14.6429vw;} #section_07 .s7_box_wrap .s7_box_txt p.tit {font-size: 3.7857vw;margin-bottom: 4.2857vw;} #section_07 .s7_box_wrap .s7_box_txt p.desc {font-size: 2.4286vw;line-height: 2.8571vw;} /* section07 e */ /* section08 s */ #section_08 {padding:0.0000vw;} #section_08 .inner {height:93.7857vw;} #section_08 .s8_img #s8_swiper .s8_swiper_next {width: 4.0714vw;height: 4.0714vw;} #section_08 .s8_img #s8_swiper .s8_swiper_prev {right:4.0714vw;width: 4.0714vw;height: 4.0714vw;} #section_08 .s8_txt {width:50%;padding:10.7143vw 9.2857vw;} #section_08 .text_warpper p.title {margin-bottom: 4.2857vw;} #section_08 .text_warpper p.s8_text_info {font-size: 2.1429vw;line-height: 3.2143vw;margin-top: 9.2857vw;} #section_08 .text_warpper p.s8_text_info:before {width: 3.5000vw;height: 2.1429vw;top:-3.2143vw;} #section_08 .text_warpper p.s8_text_info:after {width: 3.5000vw;height: 2.1429vw;bottom:-3.2143vw;} #section_08 .s8_rotate_wrap {right:-7.2857vw;} /* section08 e */ /* section09 s */ #section_09 {padding:10.7143vw 0 15.4286vw;} #section_09 .text_warpper {margin-bottom:5.0000vw;} #section_09 .text_warpper p.title {margin-bottom: 2.1429vw;} #section_09 .s9_swiper_wrapper {width: 25.0714vw;height: 30.4286vw;border-radius:12.5000vw 12.5000vw 0.5000vw 0.5000vw;} #section_09 #s9_swiper .s9_txt {padding-top: 6.0714vw;gap:2.1429vw;} #section_09 #s9_swiper .s9_txt p.s9_tit {font-size: 3.0000vw;} #section_09 #s9_swiper .s9_txt p.s9_desc {font-size: 1.5714vw;line-height: 2.0000vw;height:7.8571vw;} #section_09 #s9_swiper .s9_pagi {bottom:4.2857vw;} #section_09 #s9_swiper .s9_pagi .swiper-pagination-bullet {width: 1.0000vw;height: 1.0000vw;border:0.0714vw solid #fff;} #section_09 .flow-ani-wrap {bottom:18.5714vw;} #section_09 .flow-ani-wrap ul li {padding-right: 3.9286vw;} #section_09 .s9_light_wrap .s9_light_01 {top:16.2857vw;left:14.4286vw;} #section_09 .s9_light_wrap .s9_light_02 {top: 7.5714vw;left: 26.3571vw;} #section_09 .s9_light_wrap .s9_light_03 {top: 14.0000vw;left: 36.0714vw;} #section_09 .s9_light_wrap .s9_light_04 {top: 8.9286vw;right: 39.0000vw;} #section_09 .s9_light_wrap .s9_light_05 {top: 20.0000vw;right: 25.1429vw;} #section_09 .s9_light_wrap .s9_light_06 {top: 8.3571vw;right: 16.2143vw;} #section_09 .s9_light_wrap .size01 {width: 1.7857vw;height: 1.7857vw;} #section_09 .s9_light_wrap .size02 {width: 2.6429vw;height: 2.6429vw;} #section_09 .s9_light_wrap .size03 {width: 4.0714vw;height: 4.0714vw;} /* section09 e */ /* section10 s */ #section_10 {background: #3c332d;padding:10.7143vw 0;} #section_10 .inner {width:107.1429vw;} #section_10 .text_warpper {margin-bottom:7.1429vw;} #section_10 .text_warpper p.title {margin-bottom: 2.1429vw;} #section_10 .s10_list_wrap {gap:5.0000vw;} #section_10 .s10_list_wrap .s10_list {width: 22.8571vw;height: 18.1429vw;border-radius:2.1429vw;padding-top: 4.7143vw;gap:1.4286vw;} #section_10 .s10_list_wrap .s10_list .s10_step {background:rgba(203,88,25,0.9);width: 9.8571vw;height: 3.7143vw;border-radius:0.2143vw;top:-1.8571vw;} #section_10 .s10_list_wrap .s10_list .s10_step p {font-size: 1.9286vw;line-height: 3.7143vw;} #section_10 .s10_list_wrap .s10_list .s10_icon.s10_icon01 {width: 6.2857vw;} #section_10 .s10_list_wrap .s10_list .s10_icon.s10_icon02 {width: 4.2857vw;} #section_10 .s10_list_wrap .s10_list .s10_icon.s10_icon03 {width: 5.5000vw;} #section_10 .s10_list_wrap .s10_list .s10_icon.s10_icon04 {width: 5.6429vw;} #section_10 .s10_list_wrap .s10_list .s10_icon.s10_icon05 {width: 5.2143vw;} #section_10 .s10_list_wrap .s10_list .s10_icon.s10_icon06 {width: 5.2143vw;} #section_10 .s10_list_wrap .s10_list .s10_icon.s10_icon07 {width: 5.4286vw;} #section_10 .s10_list_wrap .s10_list .s10_icon.s10_icon08 {width: 5.5000vw;} #section_10 .s10_list_wrap .s10_list .s10_desc {height: 4.2857vw;} #section_10 .s10_list_wrap .s10_list .s10_desc p {font-size: 1.7857vw;line-height: 2.1429vw;} /* section10 e */ /* section11 s */ #section_11 {padding:9.2857vw 0 12.8571vw;} #section_11 .text_warpper {margin-bottom:5.0000vw;} #section_11 .text_warpper p.title {margin-bottom: 2.1429vw;} #section_11 #s11_swiper .swiper-slide {width: 56.8571vw;margin:0 2.1429vw;} #section_11 #s11_swiper .swiper-slide .s11_txt {margin-top: 3.5714vw;} #section_11 #s11_swiper .swiper-slide .s11_txt p {font-size: 1.7143vw;line-height: 2.1429vw;} /* section11 e */ /* section12 s */ #section_12 {padding:9.2857vw 0 12.8571vw;} #section_12 .inner {width:89.7857vw;} #section_12 .text_warpper {margin-bottom:5.0000vw;} #section_12 .text_warpper p.title {margin-bottom: 2.1429vw;} #section_12 .menu_info .tab {gap:2.8571vw;margin-bottom: 3.5714vw;} #section_12 .menu_info .tab li {width: 11.4286vw;height: 4.5714vw;border-radius:2.2857vw;line-height: 4.5714vw;font-size: 1.7143vw;} #section_12 .menu_info .tab_cont_wrap .tab_cont .menu_list {gap:5.2143vw;} #section_12 .menu_info .tab_cont_wrap .tab_cont .menu_list .item {width: 26.4286vw;} #section_12 .menu_info .tab_cont_wrap .tab_cont .menu_list .item img {width: 26.4286vw;filter:drop-shadow(0.1429vw 0.1429vw 0.6429vw rgba(0,0,0,0.2))} #section_12 .menu_info .tab_cont_wrap .tab_cont .menu_list .item .text_box {margin-top: 1.0714vw;} #section_12 .menu_info .tab_cont_wrap .tab_cont .menu_list .item .text_box p {font-size: 2.1429vw;} #section_12 .menu_info .tab_cont_wrap .btn_more_cont {font-size:2.1429vw;width: 15.7143vw;height: 5.0000vw;margin:4.2857vw auto 0;border-radius:2.5000vw;} /* section12 e */ /* section13 s */ #section_13 {padding:10.7143vw 0 9.2857vw;} #section_13 .inner {width:91.2143vw;} #section_13 .text_warpper {margin-bottom:7.1429vw;} #section_13 .text_warpper p.title {margin-bottom: 2.1429vw;} #section_13 .s13_table_wrap .s13_sticker_wrap {top:3.0000vw;} #section_13 .s13_coffee_wrap {bottom:-9.2857vw;} #section_13 .s13_coffee_wrap .s13_cf_i.s13_coffee_01 {bottom:12.2143vw;left:17.7857vw;} #section_13 .s13_coffee_wrap .s13_cf_i.s13_coffee_02 {bottom:26.8571vw;left:15.4286vw;} #section_13 .s13_coffee_wrap .s13_cf_i.s13_coffee_03 {bottom:5.4286vw;left:11.0000vw;} #section_13 .s13_coffee_wrap .s13_cf_i.s13_coffee_04 {bottom:16.9286vw;right:14.2857vw;} #section_13 .s13_coffee_wrap .s13_cf_i.s13_coffee_05 {bottom:6.8571vw;right:12.5000vw;} #section_13 .s13_coffee_wrap .s13_cf_i.s13_coffee_06 {bottom:28.9286vw;right:2.4286vw;} /* section13 e */ /* section14 s */ #section_14 {padding:8.5714vw 0 10.0000vw;} #section_14 .inner {width:83.5714vw;} #section_14 .text_warpper {margin-bottom:4.2857vw;} /* section14 e */ } @media(max-width: 1080px){ /* section00 s */ #section_00 {padding:4.4444vw 4.4444vw 0;} #section_00 .inner {width:100%;} #section_00 .main_icon {margin-bottom: 2.7778vw;} #section_00 .text_wrap p.title {font-size: 5.3704vw;line-height: 6.9444vw;} #section_00 .text_wrap p.desc {font-size: 1.8519vw;line-height: 2.5926vw;margin-top: 3.2407vw;} #section_00 .main_rotate {margin-top: 3.2407vw;} #section_00 .main_img {border-radius:9.2593vw 9.2593vw 0 0;} #section_00 .main_img .main_img_frame {border-radius:9.2593vw 9.2593vw 0 0;} #section_00 .main_frame {border:1.1111vw solid #3c332d;} /* section00 e */ /* section01 s */ #section_01 {background: url('../../images/s1_bg.jpg')no-repeat center bottom/cover;padding:13.8889vw 0 18.5185vw;} #section_01 .inner {width:100%;} #section_01 .text_warpper {margin-bottom:11.1111vw;} #section_01 .s1_stemp_wrap {right:23.5%;top:-1.3889vw;} #section_01 .flow-ani-wrap li {margin-right: 6.0185vw;} /* section01 e */ /* section02 s */ #section_02 {background: url('../../images/s2_bg.jpg')no-repeat center bottom/cover;padding:13.8889vw 0 22.2222vw;} #section_02 .inner {width:100%;} #section_02 .text_warpper {margin-bottom:5.5556vw;} #section_02 .text_warpper p.title {margin-bottom: 2.7778vw;} #section_02 .s2_store_wrap .s2_store {margin-left: 2.7778vw;} #section_02 .s2_store_wrap .s2_store_txt {bottom:5.8333vw;width: 25.4630vw;height: 33.5185vw;border-radius:1.3889vw;padding-top: 3.3333vw;} #section_02 .s2_store_wrap .s2_store_txt.left p.s2_title {font-size: 2.9630vw;line-height: 4.0741vw;} #section_02 .s2_store_wrap .s2_store_txt.right p.s2_title {font-size: 2.4074vw;line-height: 3.3333vw;} #section_02 .s2_store_wrap .s2_store_txt p.s2_precent {font-size: 5.3704vw;margin:0.4630vw 0 0.9259vw;} #section_02 .s2_store_wrap .s2_store_txt p.s2_desc {font-size: 1.6667vw;line-height: 2.5926vw;} #section_02 .s2_light_wrap .s2_light_01 {top:21.1111vw;left:18.7037vw;} #section_02 .s2_light_wrap .s2_light_02 {top: 9.8148vw;left: 34.1667vw;} #section_02 .s2_light_wrap .s2_light_03 {top: 18.1481vw;left: 46.7593vw;} #section_02 .s2_light_wrap .s2_light_04 {top: 11.5741vw;right: 50.5556vw;} #section_02 .s2_light_wrap .s2_light_05 {top: 25.9259vw;right: 32.5926vw;} #section_02 .s2_light_wrap .s2_light_06 {top: 10.8333vw;right: 21.0185vw;} #section_02 .s2_light_wrap .size01 {width: 2.3148vw;height: 2.3148vw;animation: stars 1.6s linear infinite;} #section_02 .s2_light_wrap .size02 {width: 3.4259vw;height: 3.4259vw;animation: stars 1.6s 0.3s ease-in-out infinite;} #section_02 .s2_light_wrap .size03 {width: 5.2778vw;height: 5.2778vw;animation: stars 1.6s 0.6s ease infinite;} #section_02 .s2_slide.s2_top {bottom:7.5926vw;} /* section02 e */ /* section03 s */ #section_03 {background: url('../../images/s3_bg.jpg')no-repeat center bottom/cover;padding:13.8889vw 0 22.2222vw;} #section_03 .inner {width:100%;} #section_03 .text_warpper {margin-bottom:5.5556vw;} #section_03 .text_warpper p.title {margin-bottom: 2.7778vw;} #section_03 .s3_list {width: 33.7963vw;height: 42.5926vw;} #section_03 .s3_list .s3_tit {top:5.5556vw;font-size: 3.8889vw;line-height: 4.8148vw;} #section_03 .s3_list .s3_desc {bottom:4.1667vw;width:100%;height:11.1111vw;} #section_03 .s3_list .s3_desc p {font-size: 2.0370vw;line-height: 2.7778vw;} #section_03 .s3_rotate_wrap {left:-13.8889vw;top:16.6667vw;} /* section03 e */ /* section04 s */ #section_04 {background: url('../../images/s4_bg.jpg')no-repeat center bottom/cover;padding:18.0556vw 0 12.9630vw;height:107.3148vw;} #section_04 .inner {width:100%;} #section_04 .text_warpper {height: 20.0000vw;} #section_04 .text_warpper:before {width: 4.5370vw;height: 2.7778vw;top:-4.1667vw;} #section_04 .text_warpper:after {width: 4.5370vw;height: 2.7778vw;bottom:-4.1667vw;} #section_04 .text_warpper p.title {margin-bottom:0.0000vw;} #section_04 .s4_list {width: 66.6667vw;height: 22.2222vw;border-radius:0.2778vw 1.8519vw 1.8519vw 1.8519vw;padding:4.6296vw 5.5556vw;margin-bottom: 2.7778vw;} #section_04 .s4_list .s4_txt_wrap p.s4_tit {font-size: 3.3333vw;margin-bottom: 2.7778vw;} #section_04 .s4_list .s4_txt_wrap p.s4_desc {font-size: 1.8519vw;line-height: 2.9630vw;} #section_04 .s4_list .s4_img.s4_img1_01 {right:-0.3704vw;} #section_04 .s4_list .s4_img.s4_img1_02 {right:7.3148vw;} #section_04 .s4_list .s4_img.s4_img2_01 {right:4.2593vw;} #section_04 .s4_list .s4_img.s4_img3_01 {right:1.5741vw;} #section_04 .s4_list .s4_img.s4_img3_02 {right:10.6481vw;} /* section04 e */ /* section05 s */ #section_05 {background: url('../../images/s5_bg.jpg')no-repeat center bottom/cover;padding:13.8889vw 0 18.5185vw;} #section_05 .inner {width:100%;} #section_05 .text_warpper {margin-bottom:7.4074vw;} #section_05 .text_warpper p.title {margin-bottom: 2.7778vw;} #section_05 .s5_icon.s5_icon_01 {left:0;top:-2.3148vw;} #section_05 .s5_icon.s5_icon_02 {left:16.3889vw;top:13.1481vw;} #section_05 .s5_icon.s5_icon_03 {right:16.4815vw;top:-5.5556vw;} #section_05 .s5_icon.s5_icon_04 {right:3.7037vw;top:13.3333vw;} /* section05 e */ /* section06 s */ #section_06 {background: url('../../images/s6_bg.jpg')no-repeat center bottom/cover;padding:13.8889vw 0 14.8148vw;} #section_06 .inner {width:100%;} #section_06 .text_warpper {margin-bottom:6.4815vw;} #section_06 .text_warpper p.title {margin-bottom: 2.7778vw;} #section_06 .s6_graph_wrap {height:52.2222vw;border-radius:3.2407vw;padding:0 8.7963vw 0 7.4074vw;} /* section06 e */ /* section07 s */ #section_07 {background: url('../../images/s7_bg.jpg')no-repeat center bottom/cover;padding:13.8889vw 0 0.0000vw;} #section_07 .inner {width:100%;} #section_07 .text_warpper {margin-bottom:9.2593vw;} #section_07 .text_warpper p.title {margin-bottom: 2.7778vw;} #section_07 .s7_box_wrap .vs {font-size: 6.1111vw;margin-top: 17.5926vw;} #section_07 .s7_box_wrap .s7_box_txt {top:18.9815vw;} #section_07 .s7_box_wrap .s7_box_txt p.tit {font-size: 4.9074vw;margin-bottom: 5.5556vw;} #section_07 .s7_box_wrap .s7_box_txt p.desc {font-size: 3.1481vw;line-height: 3.7037vw;} /* section07 e */ /* section08 s */ #section_08 {padding:0.0000vw;} #section_08 .inner {height:121.5741vw;} #section_08 .s8_img #s8_swiper .s8_swiper_next {width: 5.2778vw;height: 5.2778vw;} #section_08 .s8_img #s8_swiper .s8_swiper_prev {right:5.2778vw;width: 5.2778vw;height: 5.2778vw;} #section_08 .s8_txt {width:50%;padding:13.8889vw 12.0370vw;} #section_08 .text_warpper p.title {margin-bottom: 5.5556vw;} #section_08 .text_warpper p.s8_text_info {font-size: 2.7778vw;line-height: 4.1667vw;margin-top: 12.0370vw;} #section_08 .text_warpper p.s8_text_info:before {width: 4.5370vw;height: 2.7778vw;top:-4.1667vw;} #section_08 .text_warpper p.s8_text_info:after {width: 4.5370vw;height: 2.7778vw;bottom:-4.1667vw;} #section_08 .s8_rotate_wrap {right:-9.4444vw;} /* section08 e */ /* section09 s */ #section_09 {padding:13.8889vw 0 20.0000vw;} #section_09 .text_warpper {margin-bottom:6.4815vw;} #section_09 .text_warpper p.title {margin-bottom: 2.7778vw;} #section_09 .s9_swiper_wrapper {width: 32.5000vw;height: 39.4444vw;border-radius:16.2037vw 16.2037vw 0.6481vw 0.6481vw;} #section_09 #s9_swiper .s9_txt {padding-top: 7.8704vw;gap:2.7778vw;} #section_09 #s9_swiper .s9_txt p.s9_tit {font-size: 3.8889vw;} #section_09 #s9_swiper .s9_txt p.s9_desc {font-size: 2.0370vw;line-height: 2.5926vw;height:10.1852vw;} #section_09 #s9_swiper .s9_pagi {bottom:5.5556vw;} #section_09 #s9_swiper .s9_pagi .swiper-pagination-bullet {width: 1.2963vw;height: 1.2963vw;border:0.0926vw solid #fff;} #section_09 .flow-ani-wrap {bottom:24.0741vw;} #section_09 .flow-ani-wrap ul li {padding-right: 5.0926vw;} #section_09 .s9_light_wrap .s9_light_01 {top:21.1111vw;left:18.7037vw;} #section_09 .s9_light_wrap .s9_light_02 {top: 9.8148vw;left: 34.1667vw;} #section_09 .s9_light_wrap .s9_light_03 {top: 18.1481vw;left: 46.7593vw;} #section_09 .s9_light_wrap .s9_light_04 {top: 11.5741vw;right: 50.5556vw;} #section_09 .s9_light_wrap .s9_light_05 {top: 25.9259vw;right: 32.5926vw;} #section_09 .s9_light_wrap .s9_light_06 {top: 10.8333vw;right: 21.0185vw;} #section_09 .s9_light_wrap .size01 {width: 2.3148vw;height: 2.3148vw;} #section_09 .s9_light_wrap .size02 {width: 3.4259vw;height: 3.4259vw;} #section_09 .s9_light_wrap .size03 {width: 5.2778vw;height: 5.2778vw;} /* section09 e */ /* section10 s */ #section_10 {background: #3c332d;padding:13.8889vw 0;} #section_10 .inner {width:100%;} #section_10 .text_warpper {margin-bottom:9.2593vw;} #section_10 .text_warpper p.title {margin-bottom: 2.7778vw;} #section_10 .s10_list_wrap {gap:6.4815vw;} #section_10 .s10_list_wrap .s10_list {width: 29.6296vw;height: 23.5185vw;border-radius:2.7778vw;padding-top: 6.1111vw;gap:1.8519vw;} #section_10 .s10_list_wrap .s10_list .s10_step {background:rgba(203,88,25,0.9);width: 12.7778vw;height: 4.8148vw;border-radius:0.2778vw;top:-2.4074vw;} #section_10 .s10_list_wrap .s10_list .s10_step p {font-size: 2.5000vw;line-height: 4.8148vw;} #section_10 .s10_list_wrap .s10_list .s10_icon.s10_icon01 {width: 8.1481vw;} #section_10 .s10_list_wrap .s10_list .s10_icon.s10_icon02 {width: 5.5556vw;} #section_10 .s10_list_wrap .s10_list .s10_icon.s10_icon03 {width: 7.1296vw;} #section_10 .s10_list_wrap .s10_list .s10_icon.s10_icon04 {width: 7.3148vw;} #section_10 .s10_list_wrap .s10_list .s10_icon.s10_icon05 {width: 6.7593vw;} #section_10 .s10_list_wrap .s10_list .s10_icon.s10_icon06 {width: 6.7593vw;} #section_10 .s10_list_wrap .s10_list .s10_icon.s10_icon07 {width: 7.0370vw;} #section_10 .s10_list_wrap .s10_list .s10_icon.s10_icon08 {width: 7.1296vw;} #section_10 .s10_list_wrap .s10_list .s10_desc {height: 5.5556vw;} #section_10 .s10_list_wrap .s10_list .s10_desc p {font-size: 2.3148vw;line-height: 2.7778vw;} /* section10 e */ /* section11 s */ #section_11 {padding:12.0370vw 0 16.6667vw;} #section_11 .text_warpper {margin-bottom:6.4815vw;} #section_11 .text_warpper p.title {margin-bottom: 2.7778vw;} #section_11 #s11_swiper .swiper-slide {width: 73.7037vw;margin:0 2.7778vw;} #section_11 #s11_swiper .swiper-slide .s11_txt {margin-top: 4.6296vw;} #section_11 #s11_swiper .swiper-slide .s11_txt p {font-size: 2.2222vw;line-height: 2.7778vw;} /* section11 e */ /* section12 s */ #section_12 {padding:12.0370vw 0 16.6667vw;} #section_12 .inner {width:100%;} #section_12 .text_warpper {margin-bottom:6.4815vw;} #section_12 .text_warpper p.title {margin-bottom: 2.7778vw;} #section_12 .menu_info .tab {gap:3.7037vw;margin-bottom: 4.6296vw;} #section_12 .menu_info .tab li {width: 14.8148vw;height: 5.9259vw;border-radius:2.9630vw;line-height: 5.9259vw;font-size: 2.2222vw;} #section_12 .menu_info .tab_cont_wrap .tab_cont .menu_list {gap:6.7593vw;} #section_12 .menu_info .tab_cont_wrap .tab_cont .menu_list .item {width: 34.2593vw;} #section_12 .menu_info .tab_cont_wrap .tab_cont .menu_list .item img {width: 34.2593vw;filter:drop-shadow(0.1852vw 0.1852vw 0.8333vw rgba(0,0,0,0.2))} #section_12 .menu_info .tab_cont_wrap .tab_cont .menu_list .item .text_box {margin-top: 1.3889vw;} #section_12 .menu_info .tab_cont_wrap .tab_cont .menu_list .item .text_box p {font-size: 2.7778vw;} #section_12 .menu_info .tab_cont_wrap .btn_more_cont {font-size:2.7778vw;width: 20.3704vw;height: 6.4815vw;margin:5.5556vw auto 0;border-radius:3.2407vw;} /* section12 e */ /* section13 s */ #section_13 {padding:13.8889vw 0 12.0370vw;} #section_13 .inner {width:100%;} #section_13 .text_warpper {margin-bottom:9.2593vw;} #section_13 .text_warpper p.title {margin-bottom: 2.7778vw;} #section_13 .s13_table_wrap .s13_sticker_wrap {top:3.8889vw;} #section_13 .s13_coffee_wrap {bottom:-12.0370vw;} #section_13 .s13_coffee_wrap .s13_cf_i.s13_coffee_01 {bottom:15.8333vw;left:23.0556vw;} #section_13 .s13_coffee_wrap .s13_cf_i.s13_coffee_02 {bottom:34.8148vw;left:20.0000vw;} #section_13 .s13_coffee_wrap .s13_cf_i.s13_coffee_03 {bottom:7.0370vw;left:14.2593vw;} #section_13 .s13_coffee_wrap .s13_cf_i.s13_coffee_04 {bottom:21.9444vw;right:18.5185vw;} #section_13 .s13_coffee_wrap .s13_cf_i.s13_coffee_05 {bottom:8.8889vw;right:16.2037vw;} #section_13 .s13_coffee_wrap .s13_cf_i.s13_coffee_06 {bottom:37.5000vw;right:3.1481vw;} /* section13 e */ /* section14 s */ #section_14 {padding:11.1111vw 0 12.9630vw;} #section_14 .inner {width:100%;} #section_14 .text_warpper {margin-bottom:5.5556vw;} /* section14 e */ } @media(max-width: 768px){ .pc_only {display: none;} .mobile_only {display: block;} /* 흐르는 슬라이드 */ .marquee {padding:2.3438vw;max-width: 250.0000vw;} .marquee.solo {} .marquee.solo.red {} .marquee .swiper-wrapper .marquee .swiper-slide {} .marquee.main .swiper-slide {width: 310.2865vw;} .marquee.solo .swiper-slide {width: 88.6719vw;} .marquee .swiper-slide img {} .marquee_vertical.left_step {left:0.0000vw;top:0;padding:0 3.1250vw 0 4.2969vw;border-left:0.1302vw solid #9b5f54;border-right:0.1302vw solid #9b5f54;} .marquee_vertical.right_step {right:0.0000vw;top:0;padding:0 3.1250vw 0 4.2969vw;border-left:0.1302vw solid #9b5f54;border-right:0.1302vw solid #9b5f54;} .marquee_vertical.main_slide {margin-left:14.3229vw;} .left_step ul {} .right_step ul {} .section {width:100%;max-width:100%;} .inner {width: 100%;} .marquee.heri {padding:1.5625vw 0;} .marquee.heri .swiper-slide {width: 216.6667vw;} .marquee.s2_slide {} .marquee.s2_slide .swiper-slide {width: 186.5885vw;} /* header */ #header {width:100%;height:13.6719vw;max-width:100%;z-index:100;position:fixed;left:0;top:0;background:transparent;transition:0.5s} #header.fixed {background:#fff9e2;} #header .hd_wrap {} #header .hd_wrap .inner {width: 100%;max-width:100%;} #header .hd_wrap .logo {margin-left: 3.9063vw;width: 26.8229vw;justify-content:normal;align-items:normal} #header .hd_wrap .logo img {width: 26.8229vw;} #header .hd_wrap .hd_gnb {} #header .hd_wrap .hd_gnb ul {} #header .hd_wrap .hd_gnb ul li {} #header .hd_wrap .hd_gnb ul li a {} #header .hd_wrap .hd_tel {} #header .hd_wrap .hd_tel a {} #header .hd_wrap .hd_tel a img {} #header .hd_wrap .hd_tel a span {} #header .hd_wrap .hd_frame {} #header .hd_wrap.header-wrap_pc {display: none;} #header .hd_wrap.header-wrap_mo {display: block;} /* menu btn s */ .menuBtn {position:absolute;z-index:9999;top:50%;transform:translateY(-50%);right:2.0833vw;width: 9.8958vw;height: 9.8958vw;background:#3c332d;} .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: #fcf6ef;} .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(252,246,223,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:#3c332d;opacity: 0.4;font-weight: 700;} #navigation_m .nav_m li.on a {opacity: 1;color:#ff6c1d;} /* section00 s */ #section_00 {padding:18.2292vw 3.9063vw 0;} #section_00 .inner {width:100%;} #section_00 .main_center {width: 100%;} #section_00 .main_icon {margin-bottom: 8.3333vw;} #section_00 .main_icon img {width: 12.6302vw;} #section_00 .text_wrap p.title {font-size: 8.4635vw;line-height: 10.6771vw;} #section_00 .text_wrap p.desc {font-size: 4.5573vw;line-height: 5.8594vw;margin-top: 6.7708vw;} #section_00 .main_rotate {position:relative;margin-top: 16.9271vw;} #section_00 .main_rotate .non-rotate {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} #section_00 .main_rotate img {width: 16.9271vw;} #section_00 .main_img {filter: brightness(0.5);position:relative;border-radius:13.0208vw 13.0208vw 0 0;overflow:hidden;} #section_00 .main_img .main_img_frame { width:100%;height:100%;border-radius:13.0208vw 13.0208vw 0 0;overflow:hidden;box-shadow:inset 0 0 1em rgba(0,0,0,0.5);background:transparent; position:absolute;left:0;top:0; } #section_00 .main_frame {position:absolute;left:0;top:0;width:100%;height:100%;border:1.5625vw solid #3c332d;z-index:1;border-bottom:0;} #section_00 #main_swiper .swiper-slide img {width: 100%;} /* section00 e */ /* section01 s */ #section_01 {background: url('../../images/m/s1_bg_m.jpg')no-repeat center bottom/cover;padding:20.8333vw 0 15.6250vw;} #section_01 .inner {width:100%;} #section_01 .text_warpper {margin-bottom:26.0417vw;} #section_01 .text_warpper img {width: 66.6667vw;} #section_01 .s1_stemp_wrap {right:5.2083vw;top:39.0625vw;} #section_01 .s1_stemp_wrap img {width: 28.2552vw;} #section_01 .flow-ani-wrap li {margin-right: 7.2917vw;} #section_01 .flow-ani-wrap li img {width: 50.1302vw;} /* section01 e */ /* section02 s */ #section_02 {background: url('../../images/s2_bg.jpg')no-repeat center bottom/cover;padding:20.8333vw 0 19.5313vw;} #section_02 .inner {width:100%;} #section_02 .text_warpper {margin-bottom:13.0208vw;} #section_02 .text_warpper p.title {margin-bottom: 3.9063vw;} #section_02 .s2_store_wrap {display:flex;flex-direction: column-reverse;gap:3.9063vw;} #section_02 .s2_store_wrap .s2_store {margin-left: 3.9063vw;} #section_02 .s2_store_wrap .s2_store img {width: 92.4479vw;} #section_02 .s2_store_wrap .s2_store_txt_wrap {display:flex;align-items:center;justify-content:center;gap:7.8125vw;} #section_02 .s2_store_wrap .s2_store_txt {position:static;width: 35.6771vw;height: 46.8750vw;border-radius:1.9531vw;padding-top: 4.1667vw;} #section_02 .s2_store_wrap .s2_store_txt.left p.s2_title {font-size: 4.6875vw;line-height: 5.2083vw;} #section_02 .s2_store_wrap .s2_store_txt.right p.s2_title {font-size: 4.1667vw;line-height: 5.2083vw;} #section_02 .s2_store_wrap .s2_store_txt p.s2_precent {font-size: 5.7292vw;margin:1.3021vw 0 1.3021vw;} #section_02 .s2_store_wrap .s2_store_txt p.s2_desc {font-size: 3.1250vw;line-height: 4.1667vw;} #section_02 .s2_light_wrap .s2_light_01 {top:18.4896vw;left:7.0313vw;} #section_02 .s2_light_wrap .s2_light_02 {top: 8.8542vw;left: 17.5781vw;} #section_02 .s2_light_wrap .s2_light_03 {top: 25.0000vw;left: 10.1563vw;} #section_02 .s2_light_wrap .s2_light_04 {top: 5.2083vw;right: 32.6823vw;} #section_02 .s2_light_wrap .s2_light_05 {top: 31.7708vw;right: 13.5417vw;} #section_02 .s2_light_wrap .s2_light_06 {top: 20.8333vw;right: 10.4167vw;} #section_02 .s2_light_wrap .size01 {width: 3.2552vw;height: 3.2552vw;} #section_02 .s2_light_wrap .size02 {width: 4.8177vw;height: 4.8177vw;} #section_02 .s2_light_wrap .size03 {width: 7.4219vw;height: 7.4219vw;} #section_02 .s2_slide {position:absolute;left:0;} #section_02 .s2_slide.s2_top {bottom:12.5000vw;} #section_02 .s2_slide.s2_bot {bottom:3.9063vw;} /* section02 e */ /* section03 s */ #section_03 {background: url('../../images/m/s3_bg_m.jpg')no-repeat center bottom/cover;padding:27.8646vw 0 42.9688vw;} #section_03 .inner {width:100%;} #section_03 .text_warpper {margin-bottom:18.2292vw;} #section_03 .text_warpper p.title {margin-bottom: 3.9063vw;} #section_03 .s3_list_wrap {display:flex;align-items:center;justify-content:space-between;} #section_03 .s3_list {width: 58.9844vw;height: 74.2188vw;margin:0 3.2552vw;opacity: 0.5;} #section_03 .s3_list.swiper-slide-active {opacity: 1;} #section_03 .s3_list .s3_list_img {filter: brightness(0.7);} #section_03 .s3_list .s3_list_img img {width: 58.9844vw;} #section_03 .s3_list .s3_list_img.on {filter: brightness(0.7);} #section_03 .s3_list:hover .s3_list_img {filter: brightness(0.7);} #section_03 .s3_list .s3_tit {top:8.8542vw;font-size: 8.0729vw;line-height: 9.3750vw;width: 100%;} #section_03 .s3_list .s3_desc {bottom:5.7292vw;width:100%;height:20.8333vw;} #section_03 .s3_list .s3_desc p {font-size: 4.9479vw;line-height: 5.4688vw;} #section_03 .s3_rotate_wrap {display: none;} /* section03 e */ /* section04 s */ #section_04 {background: url('../../images/m/s4_bg_m.jpg')no-repeat center bottom/cover;padding:27.3438vw 0 18.2292vw;height:auto;} #section_04 .inner {width:100%;justify-content:center;flex-direction: column;align-items:center;gap:31.2500vw;} #section_04 .text_warpper {text-align: center;height: auto;} #section_04 .text_warpper:before {width: 8.3333vw;height: 4.9479vw;left:50%;transform:translateX(-50%);top:-7.8125vw;} #section_04 .text_warpper:after {width: 8.3333vw;height: 4.9479vw;left:50%;transform:translateX(-50%);bottom:-7.8125vw;} #section_04 .text_warpper p {} #section_04 .text_warpper p.title {margin-bottom:0.0000vw;} #section_04 .s4_list_wrap {} #section_04 .s4_list {width: 83.7240vw;height: 35.5469vw;border-radius:0.3906vw 2.6042vw 2.6042vw 2.6042vw;padding:5.4688vw 7.0313vw;margin-bottom: 3.9063vw;position:relative;} #section_04 .s4_list.num01 {background:#fff9e2;} #section_04 .s4_list.num02 {background:#ede6ca;} #section_04 .s4_list.num03 {background:#e2d6ba;margin-bottom: 0;} #section_04 .s4_list .s4_txt_wrap {position:relative;z-index:5;} #section_04 .s4_list .s4_txt_wrap p {} #section_04 .s4_list .s4_txt_wrap p.s4_tit {font-size: 4.9479vw;margin-bottom: 2.6042vw;} #section_04 .s4_list .s4_txt_wrap p.s4_desc {font-size: 3.6458vw;line-height: 4.1667vw;margin-bottom:1.0417vw;position:relative;padding-left: 1.0417vw;} #section_04 .s4_list .s4_txt_wrap p.s4_desc:after {content:"";display:block;width: 0.5208vw;height: 0.5208vw;background:#594739;position:absolute;left:-0.7813vw;top:1.8229vw;border-radius:50%;} #section_04 .s4_list .s4_img {position:absolute;bottom:0;} #section_04 .s4_list .s4_img.s4_img1_01 {right:-0.5208vw;z-index:2;} #section_04 .s4_list .s4_img.s4_img1_02 {right:10.2865vw;} #section_04 .s4_list .s4_img.s4_img1_m {right:0.9115vw;width: 23.6979vw;} #section_04 .s4_list .s4_img.s4_img2_m {right:0;width: 25.1302vw;} #section_04 .s4_list .s4_img.s4_img3_m {right:0.7813vw;width: 30.4688vw;} #section_04 .s4_list .s4_img.s4_img2_01 {right:5.9896vw;} #section_04 .s4_list .s4_img.s4_img3_01 {right:2.2135vw;z-index:2;} #section_04 .s4_list .s4_img.s4_img3_02 {right:14.9740vw;} /* section04 e */ /* section05 s */ #section_05 {background: url('../../images/m/s5_bg_m.jpg')no-repeat center bottom/cover;padding:32.5521vw 0 22.1354vw;} #section_05 .inner {width:100%;} #section_05 .text_warpper {margin-bottom:15.6250vw;position:relative;z-index:10;} #section_05 .text_warpper p {} #section_05 .text_warpper p.title {margin-bottom: 3.9063vw;} #section_05 .s5_list_wrap {display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;} #section_05 .s5_list {position:relative;text-align: center;width: 67.0573vw;margin:0 3.3854vw;opacity: 0.5;} #section_05 .s5_list.swiper-slide-active {opacity: 1;} #section_05 .s5_list img {width: 67.0573vw;} #section_05 .s5_icon {position:absolute;} #section_05 .s5_icon.s5_icon_01 {left:7.8125vw;top:-14.3229vw;width: 15.7552vw;} #section_05 .s5_icon.s5_icon_02 {left:10.4167vw;top:41.6667vw;width: 11.8490vw;} #section_05 .s5_icon.s5_icon_03 {right:20.8333vw;top:-18.2292vw;width: 11.1979vw;} #section_05 .s5_icon.s5_icon_04 {right:9.8958vw;top:45.8333vw;width: 16.4063vw;} #section_05 .s5_icon.s5_icon_light01_m {left:9.1146vw;top:-16.9271vw;animation: stars 1.6s 0.3s ease-in-out infinite;width: 78.9063vw;} #section_05 .s5_icon.s5_icon_light02_m {left:9.1146vw;top:-16.9271vw;animation: stars 1.6s 0.6s ease-in-out infinite;width: 78.9063vw;} /* section05 e */ /* section06 s */ #section_06 {background: url('../../images/m/s6_bg_m.jpg')no-repeat center bottom/cover;padding:20.8333vw 0 7.8125vw;} #section_06 .inner {width:100%;} #section_06 .text_warpper {margin-bottom:9.1146vw;} #section_06 .text_warpper p {} #section_06 .text_warpper p.title {margin-bottom: 3.9063vw;} #section_06 .s6_graph_wrap {justify-content:center;width:84.3750vw;margin:0 auto;height:auto;border-radius:4.5573vw;padding:11.7188vw 5.9896vw 12.5000vw 5.9896vw;flex-direction:column;gap:6.5104vw;} #section_06 .s6_graph img {width: 72.7865vw;} #section_06 .s6_table img {width: 53.6458vw;} /* section06 e */ /* section07 s */ #section_07 {background: url('../../images/m/s7_bg_m.jpg')no-repeat center bottom/cover;padding:19.5313vw 0 0.0000vw;} #section_07 .inner {width:100%;} #section_07 .text_warpper {margin-bottom:13.0208vw;} #section_07 .text_warpper p {color:#fcf6df;} #section_07 .text_warpper p.title {margin-bottom: 3.9063vw;color:#fff9e2;} #section_07 .s7_box_wrap {display:flex;justify-content:center;position:relative;gap:4.1667vw;} #section_07 .s7_box_wrap .s7_box {position:relative;transition:0.5s} #section_07 .s7_box_wrap .s7_box img {width: 43.6198vw;} #section_07 .s7_box_wrap .s7_box.on {transform:translateY(0)} #section_07 .s7_box_wrap .s7_box.off {transform:translateY(0)} #section_07 .s7_box_wrap .vs {color:#fff;font-size: 6.2500vw;margin-top: 0vw;position:absolute;left:50%;top:0.6510vw;transform:translateX(-50%);} #section_07 .s7_box_wrap .s7_box_txt {top:15.6250vw;width: 100%;} #section_07 .s7_box_wrap .s7_box_txt p {} #section_07 .s7_box_wrap .s7_box_txt p.tit {font-size: 5.7292vw;margin-bottom: 4.1667vw;} #section_07 .s7_box_wrap .s7_box_txt p.desc {font-size: 3.6458vw;line-height: 4.6875vw;} /* section07 e */ /* section08 s */ #section_08 {background: url('../../images/m/s8_bg_m.jpg')no-repeat center/cover;padding:0.0000vw;} #section_08 .inner {width:100%;height:auto;display:flex;justify-content:center;flex-direction:column-reverse;} #section_08 .s8_img {width:100%;position:relative;} #section_08 .s8_img #s8_swiper {position:relative;} #section_08 .s8_img #s8_swiper .swiper-wrapper {} #section_08 .s8_img #s8_swiper .swiper-slide {} #section_08 .s8_img #s8_swiper .swiper-slide img {width: 100%;} #section_08 .s8_img #s8_swiper .s8_swiper_next {right:0;bottom:0;width: 10.6771vw;height: 10.6771vw;top:auto;margin-top: 0;} #section_08 .s8_img #s8_swiper .s8_swiper_next img {width: 10.6771vw;} #section_08 .s8_img #s8_swiper .s8_swiper_next:after {} #section_08 .s8_img #s8_swiper .s8_swiper_prev {right:10.6771vw;bottom:0;left:auto;width: 10.6771vw;height: 10.6771vw;top:auto;margin-top: 0;} #section_08 .s8_img #s8_swiper .s8_swiper_prev img {width: 10.6771vw;} #section_08 .s8_img #s8_swiper .s8_swiper_prev:after {} #section_08 .s8_txt {width:100%;padding:20.8333vw 7.8125vw 31.2500vw;} #section_08 .text_warpper {text-align: center;} #section_08 .text_warpper p {} #section_08 .text_warpper p.title {margin-bottom: 7.8125vw;} #section_08 .text_warpper p.title.mb {margin-bottom: 0.0000vw;} #section_08 .text_warpper p.desc-info {font-size: 4.1667vw;line-height: 5.4688vw;} #section_08 .text_warpper p.s8_text_info {font-size: 4.6875vw;line-height: 5.9896vw;margin-top: 15.6250vw;} #section_08 .text_warpper p.s8_text_info:before {width: 6.3802vw;height: 3.9063vw;position:absolute;left:50%;transform:translateX(-50%);top:-5.8594vw;} #section_08 .text_warpper p.s8_text_info:after {width: 6.3802vw;height: 3.9063vw;position:absolute;left:50%;transform:translateX(-50%);bottom:-5.8594vw;} #section_08 .text_warpper p.s8_text_info b {} #section_08 .s8_rotate_wrap {position:absolute;right:auto;left:50%;top:-11%;transform:translateX(-50%);} #section_08 .s8_rotate_wrap .s8_rotate_img {position:absolute;left:0;top:0;} #section_08 .s8_rotate_wrap img {width: 29.5573vw;} /* section08 e */ /* section09 s */ #section_09 {background: url('../../images/s9_bg.jpg')no-repeat center bottom/cover;padding:20.8333vw 0 10.4167vw;} #section_09 .inner {width:100%;z-index:10;} #section_09 .text_warpper {margin-bottom:16.9271vw;} #section_09 .text_warpper p.title {margin-bottom: 3.9063vw;} #section_09 .s9_swiper_wrapper {background:#c6581c;width: 59.6354vw;height: 63.2813vw;border-radius:50% 50% 0 0;text-align: center;} #section_09 #s9_swiper {padding-bottom:6.5104vw;box-sizing: content-box;} #section_09 #s9_swiper .s9_txt {padding-top: 13.0208vw;gap:7.8125vw;} #section_09 #s9_swiper .s9_txt p {letter-spacing: -0.025em;} #section_09 #s9_swiper .s9_txt p.s9_tit {font-size: 7.1615vw;} #section_09 #s9_swiper .s9_txt p.s9_desc {font-size: 3.9063vw;line-height: 5.2083vw;height:14.3229vw;} #section_09 #s9_swiper .s9_pagi {bottom:0;} #section_09 #s9_swiper .s9_pagi .swiper-pagination-bullet {width: 1.8229vw;height: 1.8229vw;border:0.1302vw solid #3c332d;} #section_09 #s9_swiper .s9_pagi .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#3c332d;} #section_09 .flow-ani-wrap {position:static;margin-top: 15.6250vw;} #section_09 .flow-ani-wrap ul li {padding-right: 7.1615vw;} #section_09 .flow-ani-wrap ul li img {width: 41.6667vw;} #section_09 .s9_light_wrap .s9_light_01 {top:71.3542vw;left:12.6302vw;} #section_09 .s9_light_wrap .s9_light_02 {top: 57.2917vw;left: 9.1146vw;} #section_09 .s9_light_wrap .s9_light_03 {top: 66.4063vw;left: 24.7396vw;} #section_09 .s9_light_wrap .s9_light_04 {top: 59.3750vw;right: 21.2240vw;} #section_09 .s9_light_wrap .s9_light_05 {top: 77.3438vw;right: 15.2344vw;} #section_09 .s9_light_wrap .s9_light_06 {top: 58.4635vw;right: 3.9063vw;} #section_09 .s9_light_wrap .size01 {width: 2.8646vw;height: 2.8646vw;} #section_09 .s9_light_wrap .size02 {width: 4.2969vw;height: 4.2969vw;} #section_09 .s9_light_wrap .size03 {width: 6.6406vw;height: 6.6406vw;} /* section09 e */ /* section10 s */ #section_10 {padding:22.1354vw 0 9.7656vw;} #section_10 .inner {width:100%;} #section_10 .text_warpper {margin-bottom:13.0208vw;} #section_10 .text_warpper p {} #section_10 .text_warpper p.title {margin-bottom: 3.9063vw;} #section_10 .s10_list_wrap {display:flex;justify-content:center;flex-wrap:wrap;gap:7.8125vw 6.2500vw;;} #section_10 .s10_list_wrap .s10_list {width: 37.2396vw;height: 29.5573vw;border-radius:3.9063vw;padding-top: 7.8125vw;gap:2.6042vw;} #section_10 .s10_list_wrap .s10_list .s10_step {width: 16.0156vw;height: 6.1198vw;border-radius:0.3906vw;top:-2.9948vw;} #section_10 .s10_list_wrap .s10_list .s10_step p {font-size: 3.3854vw;line-height: 6.7708vw;} #section_10 .s10_list_wrap .s10_list .s10_icon {} #section_10 .s10_list_wrap .s10_list .s10_icon.s10_icon01 {width: 10.2865vw;} #section_10 .s10_list_wrap .s10_list .s10_icon.s10_icon02 {width: 6.9010vw;} #section_10 .s10_list_wrap .s10_list .s10_icon.s10_icon03 {width: 8.9844vw;} #section_10 .s10_list_wrap .s10_list .s10_icon.s10_icon04 {width: 9.1146vw;} #section_10 .s10_list_wrap .s10_list .s10_icon.s10_icon05 {width: 8.3333vw;} #section_10 .s10_list_wrap .s10_list .s10_icon.s10_icon06 {width: 8.3333vw;} #section_10 .s10_list_wrap .s10_list .s10_icon.s10_icon07 {width: 8.7240vw;} #section_10 .s10_list_wrap .s10_list .s10_icon.s10_icon08 {width: 8.7240vw;} #section_10 .s10_list_wrap .s10_list .s10_desc {height: 7.8125vw;display:flex;align-items:center;justify-content:center;} #section_10 .s10_list_wrap .s10_list .s10_desc p {font-size: 3.1250vw;line-height: 3.9063vw;} /* section10 e */ /* section11 s */ #section_11 {background: url('../../images/m/s11_bg_m.jpg')no-repeat center bottom/cover;padding:19.5313vw 0 22.1354vw;} #section_11 .inner {width:100%;z-index:10;} #section_11 .text_warpper {margin-bottom:9.1146vw;} #section_11 .text_warpper p {} #section_11 .text_warpper p.title {margin-bottom: 3.9063vw;} #section_11 #s11_swiper .swiper-slide {width: 66.9271vw;margin:0 4.2969vw;} #section_11 #s11_swiper .swiper-slide img {width: 100%;} #section_11 #s11_swiper .swiper-slide .s11_txt {margin-top: 6.5104vw;} #section_11 #s11_swiper .swiper-slide .s11_txt p {font-size: 3.6458vw;line-height: 4.1667vw;} #section_11 #s11_swiper .swiper-slide.swiper-slide-active {opacity: 1;} /* section11 e */ /* section12 s */ #section_12 {padding:16.9271vw 0 10.4167vw;} #section_12 .inner {width:100%;padding:0 3.9063vw;} #section_12 .text_warpper {margin-bottom:9.1146vw;} #section_12 .text_warpper p {color:#423730;} #section_12 .text_warpper p.title {margin-bottom: 3.9063vw;color:#423730;} #section_12 .menu_info {} #section_12 .menu_info .tab {gap:5.2083vw;margin-bottom: 6.5104vw;} #section_12 .menu_info .tab li {width: 20.8333vw;height: 8.3333vw;border-radius:4.1667vw;line-height: 8.3333vw;font-size: 3.1250vw;} #section_12 .menu_info .tab_cont_wrap .tab_cont .menu_list {display:flex;gap:5.2083vw 2.6042vw;} #section_12 .menu_info .tab_cont_wrap .tab_cont .menu_list .item {width: 44.7917vw;} #section_12 .menu_info .tab_cont_wrap .tab_cont .menu_list .item img {width: 44.7917vw;filter:drop-shadow(0.2604vw 0.2604vw 1.1719vw rgba(0,0,0,0.2))} #section_12 .menu_info .tab_cont_wrap .tab_cont .menu_list .item .text_box {margin-top: 2.6042vw;} #section_12 .menu_info .tab_cont_wrap .tab_cont .menu_list .item .text_box p {font-size: 3.6458vw;} #section_12 .menu_info .tab_cont_wrap .btn_more_cont {font-size:3.9063vw;color:#fff;width: 28.6458vw;height: 9.1146vw;background:#c6581c;text-align: center;margin:7.8125vw auto 0;border:none;border-radius:4.5573vw;font-weight: 700;} /* section12 e */ /* section13 s */ #section_13 {background:#fff;padding:19.5313vw 0 26.0417vw;text-align: center;position:relative;} #section_13 .inner {width:100%;} #section_13 .text_warpper {margin-bottom:18.8802vw;} #section_13 .text_warpper p {color:#423730;} #section_13 .text_warpper p.title {margin-bottom: 3.9063vw;color:#423730;} #section_13 .s13_table_wrap {position:relative;} #section_13 .s13_table_wrap .s13_table {width: 92.3177vw;margin:0 auto;} #section_13 .s13_table_wrap .s13_sticker_wrap {top:11.7188vw;} #section_13 .s13_table_wrap .s13_sticker_wrap img {width: 86.9792vw;} #section_13 .s13_coffee_wrap {width:100%;position:absolute;left:50%;bottom:-26.0417vw;transform:translateX(-50%);} #section_13 .s13_coffee_wrap .s13_coffee {width: 41.9271vw;} #section_13 .s13_coffee_wrap .s13_cf_i {position:absolute;} #section_13 .s13_coffee_wrap .s13_cf_i.s13_coffee_01 {bottom:24.7396vw;left:13.8021vw;width: 7.8125vw;} #section_13 .s13_coffee_wrap .s13_cf_i.s13_coffee_02 {bottom:43.4896vw;left:9.1146vw;width: 5.7292vw;} #section_13 .s13_coffee_wrap .s13_cf_i.s13_coffee_03 {bottom:15.8854vw;left:4.6875vw;width: 5.8594vw;} #section_13 .s13_coffee_wrap .s13_cf_i.s13_coffee_04 {bottom:31.2500vw;right:12.1094vw;width: 9.7656vw;} #section_13 .s13_coffee_wrap .s13_cf_i.s13_coffee_05 {bottom:16.1458vw;right:8.4635vw;width: 5.4688vw;} #section_13 .s13_coffee_wrap .s13_cf_i.s13_coffee_06 {bottom:45.5729vw;right:3.9063vw;width: 4.2969vw;} /* section13 e */ /* section14 s */ #section_14 {background:#ece9de;padding:15.6250vw 0 18.2292vw;text-align: center;position:relative;} #section_14 .inner {width:100%;padding:0 3.9063vw;} #section_14 .text_warpper {margin-bottom:7.8125vw;} #section_14 .text_warpper p {color:#423730;} #section_14 .text_warpper p.title {color:#423730;} /* section14 e */ /* common s */ .text_warpper {} .text_warpper p {} .text_warpper p.title {font-size: 8.4635vw;line-height: 10.6771vw;} .text_warpper p.title span.color-01 {} .text_warpper p.title span.color-02 {} .text_warpper p.title.mb {margin-bottom: 7.2917vw;} .text_warpper p.desc {font-size: 4.5573vw;line-height: 5.8594vw;} .text_warpper p.desc-info {font-size: 2.8646vw;line-height: 4.4271vw;} .text_warpper p.desc-info.margin-bottom {margin-bottom: 6.5104vw;} .text_warpper p.desc b {} /* common e */ } @media(max-width: 480px){ } @media (max-width: 414px){ } @media (max-width: 375px){ }