: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;} #bo_w { padding: 70px; } /*header & footer*/ /* footer */ /* highlight */ [data-aos="highlight"]:before { content: "";position: absolute;left: 0;top: 0px;width: 0%;height: 100%;background:var(--color-red); transition-delay: .4s;-webkit-transition-delay: .4s;transition-duration: .4s;-webkit-transition-duration: .4s;z-index: -1; } span.aos-animate[data-aos="highlight"]:before {width: 100%;} .rotate { animation-duration: 30s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-name: rotate; animation-name: rotate; } .stemp { opacity: 0; animation-delay: 0.2s; -webkit-animation-delay: 0.2s; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; transform-origin: center; -webkit-animation-name: stemp; animation-name: stemp; } .flow-ani-wrap {display: flex;justify-content: flex-start;align-items: stretch;flex-wrap: nowrap;position: relative;overflow: hidden;} .flow-ani-wrap ul { display: flex; justify-content: flex-start;align-items: center;transform: translate3d(0%, 0, 0);-webkit-transform: translate3d(0%, 0, 0); -webkit-animation-name: flowAni;animation-name: flowAni;-webkit-animation-duration: 48s;animation-duration: 48s; -webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite; animation-play-state: running;-webkit-animation-play-state: running; } .flow-ani-wrap.re_flow ul { transform: translate3d(-100%, 0, 0);-webkit-transform: translate3d(-100%, 0, 0); -webkit-animation-name: flowAni_re;animation-name: flowAni_re;-webkit-animation-duration: 48s;animation-duration: 48s; -webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite; animation-play-state: running;-webkit-animation-play-state: running; } .animate__swing { -webkit-animation-name: swing; animation-name: swing; -webkit-transform-origin: top center; transform-origin: top center } /* 흐르는 슬라이드 */ .marquee {width: 100%;background:#fda80f;padding:20px;overflow:hidden;} .marquee .swiper-wrapper {transition-timing-function: linear !important;} .marquee .swiper-slide {width: 1419px;} /* 메인 숫자 카운팅 */ .rolling-counter-wrap { margin-top: 50px; display: flex; justify-content: center; align-items: end; } .rolling-counter-wrap * { font-family: var(--font-family-ok); font-size:90px;color:var(--color-white);font-weight: normal;} .rolling-number { position: relative; width:99px; height: 135px; overflow: hidden; color: var(--color-white); text-align: center;border:2px solid #fcd86a;outline:none; box-shadow:0px 0px 10px rgba(255, 213, 137, 1), inset 0px 0px 10px rgba(255, 213, 137, 1); } .rolling-number + .rolling-number { margin-left: 8px; } .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: 95px;height: 131px;background:#13151b;color:var(--color-white);} .rolling-dot { margin: 0 5px; font-size: 60px; color:#13151b;} .rolling-unit {font-size: 70px; color:#13151b;font-family: var(--font-family-ptd);padding-bottom: 32px;font-weight: 800;} /* 롤링 중 글자 */ #section01 .rolling-unit { font-family: var(--font-family-est);line-height: 1;padding-top:20px;margin: 0 15px; display: flex; justify-content: flex-start; align-items: stretch; flex-direction: column;font-size:56px; } .rolling-unit .white { opacity: 0.5; } .rolling-number[data-number="0"] .numbers { top: -1000%; } .rolling-number[data-number="1"] .numbers { top: -1100%; } .rolling-number[data-number="2"] .numbers { top: -1200%; } .rolling-number[data-number="3"] .numbers { top: -1300%; } .rolling-number[data-number="4"] .numbers { top: -1400%; } .rolling-number[data-number="5"] .numbers { top: -1500%; } .rolling-number[data-number="6"] .numbers { top: -1600%; } .rolling-number[data-number="7"] .numbers { top: -1700%; } .rolling-number[data-number="8"] .numbers { top: -1800%; } .rolling-number[data-number="9"] .numbers { top: -1900%; } .rolling-number[data-number="10"] .numbers { top: -1000%; } .rolling-number:nth-child(1) .numbers { animation-delay: .3s; } .rolling-number:nth-child(3) .numbers { animation-delay: .4s; } .rolling-number:nth-child(5) .numbers { animation-delay: .5s; } .rolling-number:nth-child(6) .numbers { animation-delay: .6s; } .rolling-number:nth-child(7) .numbers { animation-delay: .7s; } .on .rolling-number .numbers { animation-name: rollingNumber;animation-duration: 1500ms;animation-timing-function: ease-out;animation-fill-mode: inherit;animation-fill-mode: forwards; } /************** 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:86px;position:fixed;left:0;top:0;z-index:100;opacity: 0;} #header .header-wrap {} #header .header-wrap .inner {background:url('../../images/hd_bg.png')no-repeat center / cover;width:100%;height:100%;padding:0 60px;max-width:1920px;justify-content:space-between;} #header .header-wrap .inner .logo {} #header .header-wrap .inner .logo img {} #header .header-wrap .inner #navigation {} #header .header-wrap .inner #navigation ul {display:flex;justify-content:center;align-items:center;gap:70px;} #header .header-wrap .inner #navigation ul li {} #header .header-wrap .inner #navigation ul li a {font-size: 20px;font-weight: 700;color:#000} #header .header-wrap .inner #navigation ul li a span {} #header .header-wrap .inner .tel {} #header .header-wrap .inner .tel img {} #header_m {display: none;} /* #navigation_m {display: none;} */ body {background:#050112;} #container_wrap {overflow:hidden;} /* img.glow {filter: drop-shadow(0 0 2px rgba(239, 53, 34, 0.5)) drop-shadow(0 0 4px rgba(239, 53, 34, 0.3));width: 69px;height:69px;position:relative;} img.glow:after {content:'';display:block;width:69px;height:69px;background:url('../../images/sec_glow_flower.png')no-repeat center/ cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)} */ /* .glow img {filter: drop-shadow(0 0 0.5rem rgba(239, 53, 34, 0.7)) drop-shadow(0 0 0.2rem rgba(239, 53, 34, 1))} */ .glow img { animation: glow-animation 2s infinite; /* 2초마다 반복되는 애니메이션 */ } @keyframes glow-animation { 0% { filter: drop-shadow(0 0 0.7rem rgba(239, 53, 34, 1)) drop-shadow(0 0 0.2rem rgba(239, 53, 34, 1)); } 50% { filter: drop-shadow(0 0 1rem rgba(239, 53, 34, 0)) drop-shadow(0 0 0.5rem rgba(239, 53, 34, 0)); } 100% { filter: drop-shadow(0 0 0.7rem rgba(239, 53, 34, 1)) drop-shadow(0 0 0.2rem rgba(239, 53, 34, 1)); } } .glow {width: 69px;height:69px;position:relative;} .glow:after {content:'';display:block;width:69px;height:69px;background:url('../../images/sec_glow_flower.png')no-repeat center/ cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:20;} /* main intro */ .pin-spacer { overflow: hidden; } .pin-spacer .intro_container { pointer-events: auto; } #intro { width: 100%; } .intro_container { position: absolute; top: 0; left: 0; z-index: 10; background: #000; width: 100%; height: var(--view-height); pointer-events: none; overflow:hidden;} .intro_skip { position: absolute; right: 30px; bottom: 100px; z-index: 1000; cursor: pointer; } .intro_wrap { position: absolute; inset: 0; } .intro_content { display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100%; } .intro_center { position: relative; display: flex; justify-content: center; align-items: center; text-align: center; } .intro_text { position: absolute; z-index: 10; } .intro_text img, .intro_img img { width: 100%; } .intro_wrap01 { } .intro_wrap01 .intro_center {} .intro_wrap01 .img01 { width: 37.13vw; max-width: 334px; min-width: 250px;padding-top:100px;} .intro_wrap01 .img01 img {animation: swing_ani 2s ease-in infinite;} .intro_wrap01 .text01 { width: 21vw; top: 0; left: 50%;transform:translateX(-50%); max-width: 401px; min-width: 294px; } .intro_wrap02 {opacity: 0;} .intro_wrap02 .intro_center {width: 870px;margin:0 auto;padding-top:15%;} .intro_wrap02 .img01 { width: 37.13vw; max-width: 334px; min-width: 250px;} .intro_wrap02 .img01 img {animation: swing_ani 2s ease-in infinite;} .intro_wrap02 .text01 { width: 21vw; top: 30%; left: 50%;transform:translateX(-50%); max-width: 401px; min-width: 294px; } .intro_wrap02 .intro_side_txt {position:absolute;} .intro_wrap02 .intro_side_tree {position:absolute;} .intro_wrap02 .intro_side_food {position:absolute;} .intro_wrap02 .intro_side_light {position:absolute;top:-1%;} .intro_wrap02 .intro_side_light img {} .intro_wrap02 .intro_side_txt img {} .intro_wrap02 .intro_side_txt.txt_l {left:0;bottom:110px;} .intro_wrap02 .intro_side_txt.txt_r {right:0;bottom:110px;} .intro_wrap02 .intro_side_tree img {} .intro_wrap02 .intro_side_tree.tree_l {left:-220px;top:-5%;} .intro_wrap02 .intro_side_tree.tree_r {right:-220px;top:-5%;} .intro_wrap02 .intro_side_food img {} .intro_wrap02 .intro_side_food.food_l {left:-160px;top:30%;} .intro_wrap02 .intro_side_food.food_r {right:-160px;top:30%;} /* section01 s */ #section01 {} #section01 .background_img {} #section01 .sec01_light {position:absolute;left:50%;top:-0.8%;transform:translateX(-50%)} #section01 .sec01_txt_wrap {position:absolute;text-align: center;left:50%;top:50%;transform:translate(-50%,-50%)} #section01 .sec01_txt_wrap img {} #section01 .sec01_txt_wrap p {font-size: 23px;font-weight: 600;color:#fff;} /* section01 e */ /* section02 s */ #section02 {position:relative;max-width:1920px;width:100%;margin:0 auto;overflow:hidden;} #section02 .sec02_cont_box {} #section02 .sec02_cont_box .inner {width:1400px;margin:0 auto;position:relative;z-index:5;} #section02 .sec02_cont_box .title_wrap {text-align: center;} #section02 .sec02_cont_box .title_wrap p.title {font-size: 60px;font-weight: 800;line-height: 70px;color:#13151b;letter-spacing: -0.05em;} #section02 .sec02_cont_box .title_wrap p.title span {color:#cb2917;font-weight:normal;} #section02 .sec02_cont_box.cont01 {background:url('../../images/sec02_1_bg.jpg')no-repeat center top/cover;padding:120px 0 140px;} #section02 .sec02_cont_box.cont01 .rolling-counter-wrap {} #section02 .sec02_cont_box.cont01 .rolling-counter-wrap .rolling-number {} #section02 .sec02_cont_box.cont01 .rolling-counter-wrap .rolling-number .numbers {} #section02 .sec02_cont_box.cont01 .rolling-counter-wrap .rolling-number .numbers span {} #section02 .sec02_cont_box.cont01 .rolling-counter-wrap .rolling-dot {} #section02 .sec02_cont_box.cont01 .rolling-counter-wrap .rolling-unit {} #section02 .sec02_cont_box.cont01 .counter_caption {font-size: 20px;color:#13151b;font-weight: 400;text-align: right;margin-top: 15px;padding-right: 140px;} #section02 .sec02_cont_box.cont02 {background:url('../../images/sec02_2_bg.jpg')no-repeat center top/cover;position:relative;padding-bottom: 90px;} #section02 .sec02_cont_box.cont02 .top_cont {width: 1140px;margin:0 auto;text-align: center;position:relative;padding-top: 160px;} #section02 .sec02_cont_box.cont02 .top_cont #sec02_swiper {padding:40px 0;} #section02 .sec02_cont_box.cont02 .top_cont #sec02_swiper .swiper-wrapper {} #section02 .sec02_cont_box.cont02 .top_cont #sec02_swiper .swiper-slide {width: 383px;transition:0.5s;opacity: 0.5;} #section02 .sec02_cont_box.cont02 .top_cont #sec02_swiper .swiper-slide img {width: 100%;} #section02 .sec02_cont_box.cont02 .top_cont #sec02_swiper .swiper-slide.swiper-slide-active {transform:scale(1.3);z-index:10;opacity:1;} #section02 .sec02_cont_box.cont02 .top_cont .sec02_food {position:absolute;left:50%;top:-130px;transform:translateX(-50%)} #section02 .sec02_cont_box.cont02 .bot_cont {margin-top:90px;} #section02 .sec02_cont_box.cont02 .receipt_wrap {width: 1400px;margin:0 auto;border:2px solid #ffaa11;box-shadow: 0 0 20px rgba(255, 213, 137, 0.66), 0 0 30px rgba(255, 213, 137, 0.5);padding:90px 0 100px;background:rgba(0,0,0,0.4);} #section02 .sec02_cont_box.cont02 .receipt_wrap .title_wrap {text-align: center;position:relative;width:580px;margin:0 auto 50px;} #section02 .sec02_cont_box.cont02 .receipt_wrap .title_wrap p.title {color:#fff;} #section02 .sec02_cont_box.cont02 .receipt_wrap .title_wrap p.title span {color:#ffaa11;} #section02 .sec02_cont_box.cont02 .receipt_wrap .title_wrap .glow {position:absolute;bottom:78px;} #section02 .sec02_cont_box.cont02 .receipt_wrap .title_wrap .glow.glow_left {left:0;} #section02 .sec02_cont_box.cont02 .receipt_wrap .title_wrap .glow.glow_right {right:0;} #section02 .sec02_cont_box.cont02 .receipt_wrap .title_wrap .sec02_sub {margin-top: 30px;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list {} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul {display:flex;align-items:center;justify-content:center;gap:10px;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li {overflow:hidden;position:relative;width: 360px;text-align: center;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li:after {content:"";display:block;width:100%;height:2px;background:#ffaa11;position:absolute;left:50%;top:0;transform:translateX(-50%)} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box {width: 342px;height: 360px;background:url('../../images/sec02_receipt_bg.png')no-repeat center / cover;padding:10px;margin:0 auto;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .border {border:2px solid #dd3c22;height:100%;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .tit_box {border-bottom:2px solid #dd3c22;display:flex;align-items:center;justify-content:flex-start;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .tit_box span {letter-spacing: -0.05em;color:#000;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .tit_box span.side {} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .tit_box span.main {font-size: 30px;font-weight: 700;width:calc(100% - 31px);text-align: center;padding-right: 10px;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .info_box {padding:15px 0 20px;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .info_box .info_dot {margin-bottom: 5px;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .info_box .data_info {display:flex;align-items:center;justify-content:space-between;padding:0 25px;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .info_box .data_info.mb {margin-bottom:10px;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .info_box .data_info span {font-size: 17px;font-weight: 400;letter-spacing: -0.05em;color:#000} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .info_box .data_info span.data {} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .info_box .data_info span.price {font-weight: 500;text-align: right;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .info_box .sum_box {font-size: 24px;font-weight: 600;color:#fff;background:#dd3c22;padding:10px 30px;border-radius:24px;display:inline-block;margin:15px auto 10px;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .info_box .total_price {font-size: 45px;font-weight: 700;color:#192035;letter-spacing: -0.05em;margin-bottom: 8px;line-height: 1; } #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .info_box .barcode {} .sec02_left {position:absolute;left:80px;bottom:45px;} .sec02_right {position:absolute;right:100px;bottom:45px;} #section02 .bottom_wrap .wing_lines {position: absolute;left: 0;width: 100%;height: 100px;bottom:-99px;top:auto;} #section02 .bottom_wrap .wing_lines::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 20px} #section02 .bottom_wrap .wing_lines .wing_line {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 20px;} #section02 .sales > .wing_lines::before{background-color:#fda80f} #section02 .sales > .wing_lines .wing_line{background-color:#fda80f} #section02 .marquee {position:absolute;left:0;top:0;border-bottom:1px solid #fca70e;background:transparent;padding:16px 0;;} #section02 .marquee .swiper-slide {width: 1714px;} /* section02 e */ /* section03 s */ #section03 {position:relative;padding:130px 0 170px;background:url('../../images/sec03_bg.jpg')no-repeat center top/ cover;max-width:1920px;margin:0 auto;} #section03 .inner {width:1200px;margin:0 auto;} #section03 .title_wrap {text-align: center;position:relative;width:580px;margin:0 auto;} #section03 .title_wrap p {color:#fff;font-size: 20px;font-weight: 700;line-height: 24px;} #section03 .title_wrap p.title {font-size: 60px;font-weight: 800;line-height: 70px;} #section03 .title_wrap p.okman {font-weight: normal;color:#ffaa11;} #section03 .title_wrap p.desc {margin-top:20px;} #section03 .title_wrap .glow {position:absolute;bottom:40px;} #section03 .title_wrap .glow.glow_left {left:0;} #section03 .title_wrap .glow.glow_right {right:0;} #section03 .content_wrap {margin-top: 100px;position:relative;} .sec03_bar_wrap{width: 1000px;height: 10px;margin: 0 auto;background-color: #807d76;position:relative;} .sec03_bar_fill{top: 0;left: 0;width: 781px;height: 100%;background-color: #ffaa11;position:absolute} .sec03_bar_pin01{top: -23px;left: 743px;position:absolute} .sec03_bar_pin02{top: -55px;right: -51px;position:absolute} .sec03_bar_txt{top: -60px;left: 704px;position:absolute} #section03 .content_wrap .map_wrap {position:relative;text-align: center;} #section03 .content_wrap .map_wrap .map_img {opacity: 0.5;} #section03 .content_wrap .map_wrap .map_pin {position:absolute;left:100px;top:20px;} #section03 .content_wrap .map_wrap .food_box {position:absolute;animation: pulse-animation3 2s infinite;border-radius:50%;} #section03 .content_wrap .map_wrap .food_box:after {width:100%;height:100%;content:"";display:block;position:absolute;left:0;top:0;animation: pulse-animation4 2s infinite;border-radius:50%;} #section03 .content_wrap .map_wrap .food_box img {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} #section03 .content_wrap .map_wrap .food_box.box1 {width: 180px;height: 180px;left:142px;top:273px;} #section03 .content_wrap .map_wrap .food_box.box2 {width: 140px;height: 140px;left:260px;top:60px;} #section03 .content_wrap .map_wrap .food_box.box3 {width: 90px;height: 90px;right:223px;top: 147px;} #section03 .content_wrap .map_wrap .food_box.box3 img {left:55%} #section03 .content_wrap .map_wrap .food_box.box4 {width: 160px;height: 160px;right:62px;top: 304px;} #section03 .content_wrap .slider_wrap {position:absolute;left:50%;transform:translateX(-50%);top:125px;animation: pulse-animation 2s infinite;border-radius:50%;} #section03 .content_wrap .slider_wrap:after {width:300px;height:300px;content:"";display:block;position:absolute;left:0;top:0;animation: pulse-animation2 2s infinite;border-radius:50%;} #section03 .content_wrap #sec03_swiper {width:300px;height: 300px;background:rgba(221,60,34,0.8);overflow:hidden;border-radius:50%;border:2px solid #f99d13;} #section03 .content_wrap #sec03_swiper .swiper-slide {width: 300px;height: 300px;text-align: center;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;} #section03 .content_wrap #sec03_swiper .swiper-slide p {letter-spacing: -0.05em;color:#fff;font-weight: 700;font-size: 20px;line-height: 1.1;} #section03 .content_wrap #sec03_swiper .swiper-slide p.slide_slogan {} #section03 .content_wrap #sec03_swiper .swiper-slide p.slide_tit {font-size: 60px;font-weight: 800;margin:15px auto;} #section03 .content_wrap #sec03_swiper .swiper-slide .slide_name {background:#a32713;border-radius:20px;width: 172px;height: 45px;margin:0 auto;} #section03 .content_wrap #sec03_swiper .swiper-slide .slide_name p {color:#ffaa11;line-height: 45px;} #section03 .content_wrap #sec03_swiper .swiper-03-pagination {bottom:40px;} #section03 .content_wrap #sec03_swiper .swiper-03-pagination .swiper-pagination-bullet {width: 10px;height: 10px;background:#fff;border:none;} #section03 .content_wrap #sec03_swiper .swiper-03-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#ffaa11;} #section03 .content_wrap .list_wrap {position:absolute;bottom:-40px;} #section03 .content_wrap .list_wrap ul {display:flex;justify-content:center;align-items:center;gap:30px;} #section03 .content_wrap .list_wrap ul li {background:url('../../images/sec03_list_bg.png')no-repeat center bottom / cover;width: 278px;height: 165px;text-align: center;display:flex;justify-content:center;align-items:center;} #section03 .content_wrap .list_wrap ul li .bg {width: 248px;height: 129px;background:#dd3c22;border-radius:50%} #section03 .content_wrap .list_wrap ul li .bg p {font-size: 30px;font-weight: 700;color:#fff;letter-spacing: -0.05em;line-height: 129px;} #section03 .bottom_wrap .wing_lines {position: absolute;left: 0;width: 100%;height: 100px;bottom:-99px;top:auto;} #section03 .bottom_wrap .wing_lines::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 20px} #section03 .bottom_wrap .wing_lines .wing_line {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 20px;} .sales > .wing_lines::before{background-color:#fda80f} .sales > .wing_lines .wing_line{background-color:#fda80f} /* section03 e */ /* section04 s */ #section04 {position:relative;padding:130px 0 140px;background:url('../../images/sec04_bg.jpg')no-repeat center top/ cover;overflow:hidden;max-width:1920px;margin:0 auto;} #section04 .inner {width:1400px;margin:0 auto;} #section04 .title_wrap {text-align: center;position:relative;width:500px;margin:0 auto;} #section04 .title_wrap p {color:#000;font-size: 20px;font-weight: 700;line-height: 24px;letter-spacing: -0.05em;} #section04 .title_wrap p.title {font-size: 60px;font-weight: 800;line-height: 70px;} #section04 .title_wrap p.okman {font-weight: normal;} #section04 .title_wrap p.desc {margin-top:20px;} #section04 .title_wrap .glow {position:absolute;bottom:0px;} #section04 .title_wrap .glow.glow_left {left:0;} #section04 .title_wrap .glow.glow_right {right:0;} #section04 .content_wrap {margin-top:70px;position:relative;} #section04 .content_wrap .cont_wrap {} #section04 .content_wrap .cont_wrap .cont_flex {} #section04 .content_wrap .cont_wrap .cont_flex p {color:#fff;letter-spacing: -0.05em;line-height: 1.1;} #section04 .content_wrap .cont_wrap .cont_flex .cont_tit {font-size: 40px;font-weight: 700;} #section04 .content_wrap .cont_wrap .cont_flex .cont_desc{font-size: 18px;font-weight: 400;line-height: 28px;margin-top: 20px;} #section04 .content_wrap .cont_wrap.cont01 {width: 100%;height: 420px;background:#000;overflow:hidden;} #section04 .content_wrap .cont_wrap.cont01 .cont_flex {width:100%;height:100%;display:flex;justify-content:flex-start;align-items:center;} #section04 .content_wrap .cont_wrap.cont01 .cont_flex .flex_left {width: 920px;} #section04 .content_wrap .cont_wrap.cont01 .cont_flex .flex_left .flex_img {} #section04 .content_wrap .cont_wrap.cont01 .cont_flex .flex_left .flex_img img {} #section04 .content_wrap .cont_wrap.cont01 .cont_flex .flex_right {} #section04 .content_wrap .cont_wrap.cont02 {margin-top: 30px;} #section04 .content_wrap .cont_wrap.cont02 .cont_flex {width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;} #section04 .content_wrap .cont_wrap.cont02 .cont_flex .flex_left {width: 680px;height:480px;background:url('../../images/sec04_cont2_1_bg.png')no-repeat center /cover;padding: 72px;} #section04 .content_wrap .cont_wrap.cont02 .cont_flex .flex_right {width: 680px;height: 480px;background:url('../../images/sec04_cont2_2_bg.png')no-repeat center /cover;padding: 72px;position:relative;overflow:hidden;} #section04 .content_wrap .cont_wrap.cont02 .cont_flex .cont_food {position:relative;right:-220px;bottom:50px;} #section04 .content_wrap .cont_wrap.cont02 .cont_flex .cont_food img {} #section04 .content_wrap .cont_wrap.cont02 .cont_flex .cont_food .food {} #section04 .content_wrap .cont_wrap.cont02 .cont_flex .cont_food .smoke {position:absolute;left:60px;bottom:160px;animation:smokes 3s infinite} .marquee_vertical.left_step {position:absolute;left:0px;top:0;background:#dd3c22;padding:0 20px} .marquee_vertical.right_step {position:absolute;right:0px;top:0;background: #dd3c22;padding:0 20px;} .left_step ul {animation: hSlideLoop 48s 0s infinite linear;opacity:1;} .right_step ul {animation: hSlideLoop2 48s 0s infinite linear;opacity:1;} /* section04 e */ /* section05 s */ #section05 {position:relative;padding:130px 0 120px;background:url('../../images/sec05_bg.jpg')no-repeat center top/ cover;overflow:hidden;max-width:1920px;margin:0 auto;} #section05 .inner {width:1400px;margin:0 auto;} #section05 .title_wrap {text-align: center;position:relative;} #section05 .title_wrap p {color:#fff;font-size: 20px;font-weight: 700;line-height: 24px;letter-spacing: -0.05em;} #section05 .title_wrap p.title {font-size: 60px;font-weight: 800;line-height: 70px;} #section05 .title_wrap p.okman {font-weight: normal;} #section05 .title_wrap p.desc {margin-top:20px;font-size: 18px;font-weight: 400;} #section05 .content_wrap {margin-top:80px;position:relative;} #section05 .content_wrap .cont_wrap {background:rgba(0,0,0,0.6);border:2px solid #ffaa11;width: 100%;height: 540px;} #section05 .content_wrap .cont_wrap .cont_flex {width:100%;height:100%;} #section05 .content_wrap .cont_wrap .cont_flex p {color:#fff;letter-spacing: -0.05em;line-height: 1.1;} #section05 .content_wrap .cont_wrap .cont_flex .cont_tit {font-size: 40px;font-weight: 700;} #section05 .content_wrap .cont_wrap .cont_flex .cont_desc{font-size: 18px;font-weight: 400;line-height: 28px;margin-top: 20px;} #section05 .content_wrap .cont_wrap.cont01 {} #section05 .content_wrap .cont_wrap.cont01 .cont_flex {display:flex;justify-content:flex-start;align-items:center;} #section05 .content_wrap .cont_wrap.cont01 .cont_flex .flex_left {padding-left: 105px;position:relative;} #section05 .content_wrap .cont_wrap.cont01 .cont_flex .flex_left .flex_img {} #section05 .content_wrap .cont_wrap.cont01 .cont_flex .flex_left .flex_img img {} #section05 .content_wrap .cont_wrap.cont01 .cont_flex .flex_left .suic {text-align: center;position:absolute;left:120px;top:50px;} #section05 .content_wrap .cont_wrap.cont01 .cont_flex .flex_left .suic p {color:#fff;font-size: 24px;font-weight: 700;letter-spacing: -0.05em;} #section05 .content_wrap .cont_wrap.cont01 .cont_flex .flex_left .suic p.name {} #section05 .content_wrap .cont_wrap.cont01 .cont_flex .flex_left .suic p.data {font-size: 40px;background:#d13618;display:inline-block;padding:5px 10px;line-height: 1;margin-top: 5px;} #section05 .content_wrap .cont_wrap.cont01 .cont_flex .flex_left .suic p.data.on {animation:stemp 1s ease-in} #section05 .content_wrap .cont_wrap.cont01 .cont_flex .flex_left .suic p.data span{font-size: 20px;font-weight: 400;} #section05 .content_wrap .cont_wrap.cont01 .cont_flex .flex_right {padding-left: 125px;} #section05 .content_wrap .cont_wrap.cont02 {margin-top: 36px;} #section05 .content_wrap .cont_wrap.cont02 .cont_flex {display:flex;justify-content:flex-start;align-items:center;} #section05 .content_wrap .cont_wrap.cont02 .cont_flex .flex_left {padding-left: 170px;} #section05 .content_wrap .cont_wrap.cont02 .cont_flex .flex_right {padding-left: 270px;position:relative;} #section05 .content_wrap .cont_wrap.cont02 .cont_flex .flex_right .pulse_box { background:#dd3c22;width: 204px;height: 204px;border-radius:50%;display:flex;justify-content:center;align-items:center; position:absolute;right:-145px;top:50%;transform:translateY(-50%); animation: pulse-animation 2s infinite; } #section05 .content_wrap .cont_wrap.cont02 .cont_flex .flex_right .pulse_box:after {content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;animation: pulse-animation2 2s infinite;border-radius:50%;} #section05 .content_wrap .cont_wrap.cont02 .cont_flex .flex_right .pulse_box .txt_box {text-align: center;} #section05 .content_wrap .cont_wrap.cont02 .cont_flex .flex_right .pulse_box .txt_box p {color:#fff;letter-spacing: -0.05em;font-size: 20px;font-weight: 700;} #section05 .content_wrap .cont_wrap.cont02 .cont_flex .flex_right .pulse_box .txt_box p.name {} #section05 .content_wrap .cont_wrap.cont02 .cont_flex .flex_right .pulse_box .txt_box p.data {font-size: 50px;font-weight: 800;} #section05 .content_wrap .cont_wrap.cont02 .cont_flex .flex_right .pulse_box .txt_box p.data span {font-size: 20px;} /* section05 e */ /* section06 s */ #section06 {position:relative;padding:160px 0 110px;background:url('../../images/sec06_bg.jpg')no-repeat center top/ cover;overflow:hidden;max-width:1920px;margin:0 auto;} #section06 .inner {width:1800px;margin:0 auto;} #section06 .title_wrap {text-align: center;position:relative;display:flex;justify-content:center;align-items:center;gap:15px;} #section06 .title_wrap p {color:#fff;font-size: 20px;font-weight: 700;letter-spacing: -0.05em;} #section06 .title_wrap p.title {font-size: 60px;font-weight: 800;} #section06 .title_wrap p.okman {font-weight: normal;color:#ffaa11;} #section06 .content_wrap {margin-top:50px;position:relative;} #section06 .content_wrap .flex_wrap {} #section06 .content_wrap .flex_wrap ul {display:flex;justify-content:center;align-items:center;} #section06 .content_wrap .flex_wrap ul li {width: 588px;height: 706px;position:relative;box-sizing: border-box;} #section06 .content_wrap .flex_wrap ul li:nth-child(1) {background:url('../../images/sec06_list_1bg.png')no-repeat center;} #section06 .content_wrap .flex_wrap ul li:nth-child(2) {background:url('../../images/sec06_list_2bg.png')no-repeat center} #section06 .content_wrap .flex_wrap ul li:nth-child(3) {background:url('../../images/sec06_list_3bg.png')no-repeat center} #section06 .content_wrap .flex_wrap ul li .hover_box {width:100%;height:100%;background:rgba(0,0,0,0.6);position:absolute;left:0;top:0;transition:0.5s;} #section06 .content_wrap .flex_wrap ul li .txt_box {position:absolute;left:70px;bottom:90px;} #section06 .content_wrap .flex_wrap ul li .txt_box p {color:#fff;letter-spacing: -0.05em;font-size: 18px;font-weight: 500;line-height: 1.5;} #section06 .content_wrap .flex_wrap ul li .txt_box p.tit {font-size: 34px;font-weight: 700;line-height: 1.2;} #section06 .content_wrap .flex_wrap ul li .txt_box p.desc {margin-top: 10px;} #section06 .marquee {position:absolute;left:0;top:0;} @media (hover: hover){ #section06 .content_wrap .flex_wrap ul li:hover {box-shadow: 0 0 20px rgba(255, 213, 137, 0.66), 0 0 30px rgba(255, 213, 137, 0.5);z-index:3;border:2px solid #ffd589} #section06 .content_wrap .flex_wrap ul li:hover .hover_box {background:linear-gradient(0deg, rgba(252,167,14,1) 0%, rgba(0,212,255,0) 30%);} #section06 .content_wrap .flex_wrap ul li:hover .txt_box {left:68px;bottom:88px;} } /* section06 e */ /* section07 s */ #section07 {position:relative;padding:90px 0 0px;background:url('../../images/sec07_bg.jpg')no-repeat center top;overflow:hidden;height:853px;max-width:1920px;margin:0 auto;} #section07 .inner {width:1800px;margin:0 auto;} #section07 .title_wrap {text-align: center;position:relative;width:520px;margin:0 auto;} #section07 .title_wrap p {color:#000;font-size: 20px;font-weight: 700;line-height: 24px;letter-spacing: -0.05em;} #section07 .title_wrap p.title {font-size: 60px;font-weight: 800;line-height: 70px;} #section07 .title_wrap p.okman {font-weight: normal;} #section07 .title_wrap p.desc {margin-top:30px;font-size: 18px;font-weight: 400;line-height: 1.6;} #section07 .title_wrap p.desc span {background:#dd3c22;padding:2px 5px;color:#fff;} #section07 .title_wrap .glow {position:absolute;top:0px;} #section07 .title_wrap .glow.glow_left {left:0;} #section07 .title_wrap .glow.glow_right {right:0;} #section07 .content_wrap {margin-top: 90px;position:relative;text-align: center;z-index:20;} #section07 .content_wrap .stamp_box {position:absolute;left:51%;top:106px;animation: pulse-animation 2s infinite;border-radius:50%;} #section07 .content_wrap .stamp_box:after {content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;border-radius:50%;animation: pulse-animation2 2s infinite} #section07 .content_wrap .stamp_box img {} #section07 .flow-ani-wrap {position:absolute;left:0;bottom:80px;} /* section07 e */ /* section08 s */ #section08 {background:url('../../images/sec08_bg.jpg')no-repeat center top;overflow:hidden;;position:relative;max-width:1920px;margin:0 auto;} #section08 .inner {padding:190px 0 140px;width: 1200px;margin:0 auto;} #section08 .bottom_wrap .wing_lines2 {position: absolute;left: 0;width: 100%;height: 100px;top:-99px;top:auto;} #section08 .bottom_wrap .wing_lines2::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 20px} #section08 .bottom_wrap .wing_lines2 .wing_line {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 20px;} .sales > .wing_lines2::before{background-color:#dd3c22} .sales > .wing_lines2 .wing_line{background-color:#dd3c22} #section08 .title_wrap {text-align: center;position:relative;width:520px;margin:0 auto;} #section08 .title_wrap p {color:#fff;font-size: 20px;font-weight: 700;line-height: 24px;letter-spacing: -0.05em;} #section08 .title_wrap p.title {font-size: 60px;font-weight: 800;line-height: 70px;} #section08 .title_wrap p span {font-weight: normal;color:#fca70e;} #section08 .title_wrap p.desc {margin-top:30px;font-size: 18px;font-weight: 400;line-height: 1.6;} #section08 .title_wrap p.desc span {background:#dd3c22;padding:2px 5px;color:#fff;} #section08 .title_wrap .glow {position:absolute;bottom:90px;} #section08 .title_wrap .glow.glow_left {left:0;} #section08 .title_wrap .glow.glow_right {right:0;} /* service */ #section08 .content_wrap {position:relative;margin-top: 60px;} #section08 .service_cir {position:relative;} #section08 .service_cir .service_slide {width: 820px;margin:0 auto;} #section08 .service_cir .service_slide .swiper-container {} #section08 .service_cir .service_slide .swiper-wrapper {} #section08 .service_cir .service_slide .swiper-slide {width: 820px;height: 820px;border-radius:50%;overflow:hidden;} #section08 .service_cir .service_slide .swiper-slide div {width:100%;height:100%;background:url('../../images/sec08_slide_bg.png')no-repeat center/cover;} #section08 .service_cir .service_slide .swiper-slide .service_sl01{background:url('../../images/sec08_slide_bg_on1.png')no-repeat center/cover;} #section08 .service_cir .service_slide .swiper-slide .service_sl02{background:url('../../images/sec08_slide_bg_on2.png')no-repeat center/cover;} #section08 .service_cir .service_slide .swiper-slide .service_sl03{background:url('../../images/sec08_slide_bg_on4.png')no-repeat center/cover;} #section08 .service_cir .service_slide .swiper-slide .service_sl04{background:url('../../images/sec08_slide_bg_on3.png')no-repeat center/cover;} #section08 .service_cir .service_in_slide {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:360px;height:360px;z-index:2;} #section08 .service_cir .service_in_slide .swiper-container {} #section08 .service_cir .service_in_slide .swiper-wrapper {} #section08 .service_cir .service_in_slide .swiper-slide {position:relative;width: 360px;height:360px;} #section08 .service_cir .service_in_slide .swiper-slide .service_in_sl {text-align: center;} #section08 .service_cir .service_in_slide .swiper-slide .service_in_sl .service_in_shadow { width: 360px;height: 360px;position:relative; background-image:url('../../images/sec08_txt_bg.png');background-repeat:no-repeat;background-size:cover; } #section08 .service_cir .service_in_slide .swiper-slide .service_in_sl .service_in_shadow .sl_txt { color:#fff;font-size: 18px;letter-spacing: -0.05em;position:absolute; } #section08 .service_cir .service_in_slide .swiper-slide.sl01 .service_in_sl {position:absolute;left:0px;top:0px;} #section08 .service_cir .service_in_slide .swiper-slide.sl02 .service_in_sl {position:absolute;right:0px;top:0px;} #section08 .service_cir .service_in_slide .swiper-slide.sl03 .service_in_sl {position:absolute;right:0px;bottom:0px;} #section08 .service_cir .service_in_slide .swiper-slide.sl04 .service_in_sl {position:absolute;left:0px;bottom:0px;} #section08 .service_cir .service_in_slide .swiper-slide.sl01 .service_in_sl .service_in_shadow { background-image:url('../../images/sec08_txt_bg_1.png');background-position:left 0 top 0;} #section08 .service_cir .service_in_slide .swiper-slide.sl02 .service_in_sl .service_in_shadow {background-image:url('../../images/sec08_txt_bg_2.png');background-position:right top;} #section08 .service_cir .service_in_slide .swiper-slide.sl03 .service_in_sl .service_in_shadow {background-image:url('../../images/sec08_txt_bg_3.png');background-position:right bottom;} #section08 .service_cir .service_in_slide .swiper-slide.sl04 .service_in_sl .service_in_shadow {background-image:url('../../images/sec08_txt_bg_4.png');background-position:left bottom;} #section08 .service_cir .service_in_slide .swiper-slide.sl01 .service_in_sl .service_in_shadow .sl_txt {left:70px;top:80px;} #section08 .service_cir .service_in_slide .swiper-slide.sl02 .service_in_sl .service_in_shadow .sl_txt {right:70px;top:80px;} #section08 .service_cir .service_in_slide .swiper-slide.sl03 .service_in_sl .service_in_shadow .sl_txt {right:70px;bottom:80px;} #section08 .service_cir .service_in_slide .swiper-slide.sl04 .service_in_sl .service_in_shadow .sl_txt {left:70px;bottom:80px;} #section08 .service_cir .service_in_slide .swiper-slide .service_in_sl .dimm {} #section08 .service_twrapper {position:absolute;left:0;top:0;width:100%;height:100%;letter-spacing: -0.05em;} #section08 .service_twrapper .service_twrap {position:absolute;} #section08 .service_twrapper .service_twrap.service_twrap01 {left:0;top:60px;} #section08 .service_twrapper .service_twrap.service_twrap02 {right:0;top:60px;text-align: right;} #section08 .service_twrapper .service_twrap.service_twrap03 {right:0;bottom:60px;text-align: right;} #section08 .service_twrapper .service_twrap.service_twrap04 {left:0;bottom:60px;} #section08 .service_twrapper .service_twrap .service_twrap_tit {position:relative;} #section08 .service_twrapper .service_twrap .service_twrap_tit span {color: #fff;transition:0.5s;opacity: 0.4;font-size: 30px;font-weight: 700;} #section08 .service_twrapper .service_twrap.on .service_twrap_tit span {opacity: 1;color:#000;} #section08 .service_twrapper .service_twrap .service_twrap_tit .highlight_wrap {position: relative;display: inline-block;} #section08 .service_twrapper .service_twrap .service_twrap_tit .highlight_wrap .highlight { background:#fda80f;top: -5px;bottom: -5px;left: -7px;right: -6px;opacity: 0;transition: opacity 0.5s;position:absolute;z-index:1; } #section08 .service_twrapper .service_twrap.on .service_twrap_tit .highlight_wrap .highlight {opacity: 1;} #section08 .service_twrapper .service_twrap .service_twrap_tit .highlight_wrap .rel {position:relative;z-index:2;} #section08 .service_twrapper .service_twrap .service_twrap_txt {transition: opacity 0.5s;opacity: 0.4;color:#fff;font-size: 18px;line-height: 28px;font-weight: 400;margin-top: 15px;} #section08 .service_twrapper .service_twrap.on .service_twrap_txt {opacity: 1;} /* section08 e */ /* section09 s */ #section09 {background:url('../../images/sec09_bg.jpg')no-repeat center top;overflow:hidden;;position:relative;width:100%;height: 968px;max-width:1920px;margin:0 auto;} #section09 .flex_wrap {display:flex;justify-content:center;width:100%;height:100%;} #section09 .flex_wrap .flex_left {width: 50%;} #section09 .flex_wrap .flex_left .title_wrap {padding-left: 40%;padding-top: 110px;} #section09 .flex_wrap .flex_left .title_wrap p {font-size: 60px;font-weight: 800;color:#000;} #section09 .flex_wrap .flex_left .title_wrap p.title {} #section09 .flex_wrap .flex_left .title_wrap p.okman {color:#dd3c22;} #section09 .flex_wrap .flex_left .flow-ani-wrap {margin-top: 70px;} #section09 .flex_wrap .flex_left .flow-ani-wrap ul {} #section09 .flex_wrap .flex_left .flow-ani-wrap ul li {} #section09 .flex_wrap .flex_right {width: 50%;position:relative;display:flex;align-items:center;justify-content:center;} #section09 .flex_wrap .flex_right .fr_img {animation: swing_ani 2s ease-in infinite;} #section09 .flex_wrap .flex_right .fr_img img {} #section09 .fixed_img {position:absolute;left:50%;bottom:90px;transform:translateX(-50%);} #section09 .fixed_img img {} /* section09 e */ /* section10 s */ #section10 {background:url('../../images/sec10_bg.jpg')no-repeat center top/cover;overflow:hidden;;position:relative;padding:140px 0 100px;max-width:1920px;margin:0 auto;} #section10 .inner {width: 1200px;margin:0 auto;} #section10 .bottom_wrap .wing_lines2 {position: absolute;left: 0;width: 100%;height: 100px;top:0px;} #section10 .bottom_wrap .wing_lines2::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 20px} #section10 .bottom_wrap .wing_lines2 .wing_line {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 20px;} .sales > .wing_lines2::before{background-color:#ffaa11} .sales > .wing_lines2 .wing_line{background-color:#ffaa11} #section10 .title_wrap {text-align: center;position:relative;width:520px;margin:0 auto;} #section10 .title_wrap p {color:#fff;font-size: 20px;font-weight: 700;line-height: 24px;letter-spacing: -0.05em;} #section10 .title_wrap p.title {font-size: 60px;font-weight: 800;line-height: 70px;} #section10 .title_wrap p span {font-weight: normal;color:#fca70e;} #section10 .title_wrap p.desc {margin-top:30px;font-size: 18px;font-weight: 400;line-height: 1.6;} #section10 .title_wrap p.desc span {background:#ffaa11;padding:2px 5px;color:#fff;} #section10 .content_wrap {position:relative;z-index:10;margin-top: 50px;} #section10 .flow-ani-wrap {position:absolute;left:0;bottom:290px;} .content_wrap iframe {display: none;} /* Video Popup */ .vid-wrapper {text-align: center;} .vid {display: inline-block;vertical-align: top;position: relative;cursor: pointer;} .vid::before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;} .video-popup { position: fixed;top: 0;right: 0;bottom: 0;left: 0;display: flex;justify-content: center;align-items: center;z-index: 998; background: rgba(0, 0, 0, .7);cursor: pointer;display: none !important; } .video-popup.show-video {display: flex !important;} .iframe-wrapper {position: relative;width:100%;height:auto;} .iframe-wrapper iframe { z-index: 1; top: 50%; left: 50%; transform: translate(-50%,-50%); position: absolute; width: 1024px; height: 576px; } .iframe-wrapper .close-video { display: none; } /* section10 e */ /* section11 s */ #section11 {background:#000;overflow:hidden;;position:relative;padding:110px 0 120px;max-width:1920px;margin:0 auto;} #section11 .inner {width: 1200px;margin:0 auto;} #section11 .title_wrap {text-align: center;position:relative;} #section11 .title_wrap p {color:#fff;letter-spacing: -0.05em;} #section11 .title_wrap p.title {font-size: 60px;font-weight: normal;line-height: 70px;} #section11 .adm_link {position:absolute;right:5%;top:5%;color:red;} #mc_pf1 {} #mc_pf1 .inner {} #mc_pf1 .inner #mc_pf {display:flex;justify-content:flex-start;flex-wrap:wrap;gap:30px;margin-top: 50px;} #mc_pf1 .inner #mc_pf .box {} #mc_pf1 .inner #mc_pf .box img {} #mc_pf1 .inner #mc_pf .box p {text-align: center;color:#fff;font-size: 24px;font-weight: 700;margin-top: 15px;} #mc_pf1 .view_more {display:block;font-size: 24px;font-weight: 700;color:#fff;text-align: center;border-bottom:1px solid #dd3c22;width:180px;margin:60px auto 0;padding-bottom: 10px;} .cate_tab_wrap {width:1200px;margin:60px auto 0;} .cate_tab_wrap .cate_wrap {display:flex;justify-content:space-between;;align-items:center;flex-wrap:wrap;gap:18px;} .cate_tab_wrap .cate_wrap li {width: 218px;height: 60px;background:transparent;border:1px solid #dd3c22;text-align: center;transition:0.5s} .cate_tab_wrap .cate_wrap li a {font-size: 24px;font-weight: 700;color:#fff;display:block;width:100%;height:100%;line-height: 60px;} .cate_tab_wrap .cate_wrap li.on {background:#dd3c22;} .cate_tab_wrap .cate_wrap li.on a {} .sub_cont{display:none; text-align:center;} .sub_cont.on{display:block;} .sub_cont_m{display:none; text-align:center;} .sub_cont_m.on{display:block;} /* section11 e */ /* section12 s */ #section12 {background:url('../../images/sec12_bg.jpg')no-repeat center top/cover;overflow:hidden;;position:relative;padding:140px 0 100px;max-width:1920px;margin:0 auto;} #section12 .inner {width: 1200px;margin:0 auto;} #section12 .title_wrap {text-align: center;position:relative;} #section12 .title_wrap p {color:#fff;letter-spacing: -0.05em;} #section12 .title_wrap p.title {font-size: 60px;font-weight: normal;line-height: 70px;} #section12 .content_wrap {position:relative;z-index:10;margin-top: 50px;} /* section12 e */ /* section13 s */ #section13 {background:url('../../images/sec13_bg.jpg')no-repeat center top/cover;overflow:hidden;;position:relative;padding:120px 0 120px;max-width:1920px;margin:0 auto;} #section13 body {background:transparent;} /* section13 e */ /* section14 s */ #section14 {background:url('../../images/sec14_bg.jpg')no-repeat center top/cover;overflow:hidden;;position:relative;padding:120px 0 140px;max-width:1920px;margin:0 auto;} #section14 .inner {width: 1200px;margin:0 auto;} #section14 .title_wrap {text-align: center;position:relative;} #section14 .title_wrap p {color:#fff;letter-spacing: -0.05em;} #section14 .title_wrap p.title {font-size: 60px;font-weight: normal;line-height: 70px;} #section14 .title_wrap p.desc {font-size: 18px;font-weight: 400;margin-top: 50px;} #section14 .content_wrap {position:relative;z-index:10;margin-top:90px;} #section14 .content_wrap .flex_wrap {} #section14 .content_wrap .flex_wrap ul {display:flex;justify-content:center;align-items:center;gap:30px;} #section14 .content_wrap .flex_wrap ul li {width: 380px;height: 440px;position:relative;box-sizing: border-box;background:transparent;border:1px solid #9e9b9a;} #section14 .content_wrap .flex_wrap ul li:hover {box-shadow: 0 0 20px rgba(255, 213, 137, 0.66), 0 0 30px rgba(255, 213, 137, 0.5);z-index:3;border:2px solid #ffd589} #section14 .content_wrap .flex_wrap ul li .txt_box {padding:65px 50px;} #section14 .content_wrap .flex_wrap ul li:hover .txt_box {padding:64px 49px;} #section14 .content_wrap .flex_wrap ul li .txt_box p {color:#fff;letter-spacing: -0.05em;font-size: 18px;font-weight: 500;line-height: 1.5;} #section14 .content_wrap .flex_wrap ul li .txt_box p.tit {font-size: 30px;font-weight: 700;line-height: 1.2;margin-bottom: 160px;} #section14 .content_wrap .flex_wrap ul li .list {} #section14 .content_wrap .flex_wrap ul li .list p {color:#fff;font-size: 18px;letter-spacing: -0.05em;line-height: 30px;font-weight: 400;} /* section14 e */ /* section15 s */ #section15 {background:url('../../images/sec15_bg.jpg')no-repeat center top/cover;overflow:hidden;;position:relative;padding:120px 0 110px;max-width:1920px;margin:0 auto;} #section15 .inner {width: 1200px;margin:0 auto;} #section15 .title_wrap {text-align: center;position:relative;} #section15 .title_wrap p {color:#000;letter-spacing: -0.05em;} #section15 .title_wrap p.title {font-size: 60px;font-weight: normal;line-height: 70px;} #section15 .title_wrap p.desc {font-size: 18px;font-weight: 400;margin-top: 20px;} #section15 .list_wrap {position:relative;z-index:10;margin-top:60px;} #section15 .list_wrap ul {display:flex;justify-content:flex-start;align-items:center;gap:30px;flex-wrap:wrap;} #section15 .list_wrap ul li {background:url('../../images/sec15_list_bg.png')no-repeat center bottom / cover;width: 277.5px;height: 146px;text-align: center;display:flex;justify-content:center;align-items:center;} #section15 .list_wrap ul li .bg {width: 233px;height: 118px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;} #section15 .list_wrap ul li .bg p {font-size: 24px;font-weight: 700;color:#dd3c22;letter-spacing: -0.05em;line-height:1.2;} /* section15 e */ /* section16 s */ #section16 {background:url('../../images/sec16_bg.jpg')no-repeat center top/cover;overflow:hidden;;position:relative;padding:120px 0 110px;max-width:1920px;margin:0 auto;} #section16 .inner {width: 1200px;margin:0 auto;} #section16 .title_wrap {text-align: center;position:relative;} #section16 .title_wrap p {color:#000;letter-spacing: -0.05em;} #section16 .title_wrap p.title {font-size: 60px;font-weight: normal;line-height: 70px;} #section16 .content_wrap {margin-top: 40px;} #section16 table {width: 100%;border-collapse: collapse;border:0;table-layout: fixed} #section16 th {padding: 20px;text-align: center;border:0;} #section16 th.th1 {width: 215px;} #section16 th.th5 {width: 325px;} #section16 td {padding: 20px 10px;text-align: center;border:0;} #section16 td.fzs {font-size: 16px;} #section16 tr {border-bottom:1px solid #676767;} #section16 th {font-size: 22px;color:#f4f3ed;background:#000;font-weight: 700;} #section16 td {font-size: 20px;font-weight: 500;color:#444;} #section16 td.border-right {border-right:1px solid #676767;} #section16 td.border-left {border-left:1px solid #676767;} #section16 td span {background:#cb2917;padding:4px 10px;color:#fff;} #section16 td.color {color:#cb2917;} #section16 s {color: #cb2917;} #section16 td.color small {color: #444;font-size: 20px;position:relative;margin-right:2%;} #section16 td.color small:after {content:'';display:block;width: 52px;height: 6px;background:url('../../images/sec16_arr.png')no-repeat center/cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} #section16 .content_wrap p.right_txt {text-align: right;margin-bottom: 20px;font-size: 16px;font-weight: 500;} #section16 .content_wrap p.caption {font-size: 16px;font-weight: 500;padding:30px 25px;letter-spacing: -0.05em;} /* section16 e */ /**/ @media(max-width: 1600px){ /* 흐르는 슬라이드 */ .marquee {width: 100%;background:#fda80f;padding:1.2500vw;overflow:hidden;} .marquee .swiper-wrapper {transition-timing-function: linear !important;} .marquee .swiper-slide {width: 88.6875vw;} /* 메인 숫자 카운팅 */ .rolling-counter-wrap { margin-top: 3.1250vw; display: flex; justify-content: center; align-items: end; } .rolling-counter-wrap * { font-family: var(--font-family-ok); font-size:5.6250vw;color:var(--color-white);font-weight: normal;} .rolling-number { position: relative; width:6.1875vw; height: 8.4375vw; overflow: hidden; color: var(--color-white); text-align: center;border:0.1250vw solid #fcd86a;outline:none; box-shadow:0.0000vw 0.0000vw 0.6250vw rgba(255, 213, 137, 1), inset 0.0000vw 0.0000vw 0.6250vw rgba(255, 213, 137, 1); } .rolling-number + .rolling-number { margin-left: 0.5000vw; } .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: 8.1875vw;width: 5.9375vw;height: 8.1875vw;background:#13151b;color:var(--color-white);} .rolling-dot { margin: 0 0.3125vw; font-size: 3.7500vw; color:#13151b;} .rolling-unit {font-size: 4.3750vw; color:#13151b;font-family: var(--font-family-ptd);padding-bottom: 2.0000vw;font-weight: 800;} /* 롤링 중 글자 */ #section01 .rolling-unit { font-family: var(--font-family-est);line-height: 1;padding-top:1.2500vw;margin: 0 0.9375vw; display: flex; justify-content: flex-start; align-items: stretch; flex-direction: column;font-size:3.5000vw; } /* header */ #header {width:100%;height:5.3750vw;position:fixed;left:0;top:0;z-index:100;} #header .header-wrap {} #header .header-wrap .inner {background:url('../../images/hd_bg.png')no-repeat center / cover;width:100%;height:100%;padding:0 3.7500vw;max-width:100%;justify-content:space-between;} #header .header-wrap .inner .logo {} #header .header-wrap .inner .logo img {} #header .header-wrap .inner #navigation {} #header .header-wrap .inner #navigation ul {display:flex;justify-content:center;align-items:center;gap:4.3750vw;} #header .header-wrap .inner #navigation ul li {} #header .header-wrap .inner #navigation ul li a {font-size: 1.2500vw;font-weight: 700;color:#000} #header .header-wrap .inner #navigation ul li a span {} #header .header-wrap .inner .tel {} #header .header-wrap .inner .tel img {} /* #navigation_m {display: none;} */ /* main intro */ .pin-spacer { overflow: hidden; } .pin-spacer .intro_container { pointer-events: auto; } #intro { width: 100%; } .intro_container { position: absolute; top: 0; left: 0; z-index: 10; background: #000; width: 100%; height: var(--view-height); pointer-events: none; } .intro_skip { position: absolute; right: 1.8750vw; bottom: 6.2500vw; z-index: 1000; cursor: pointer; } .intro_wrap { position: absolute; inset: 0; } .intro_content { display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100%; } .intro_center { position: relative; display: flex; justify-content: center; align-items: center; text-align: center; } .intro_text { position: absolute; z-index: 10; } .intro_text img, .intro_img img { width: 100%; } .intro_wrap01 { } .intro_wrap01 .intro_center {} .intro_wrap01 .img01 { width: 37.13vw; max-width: 20.8750vw; min-width: 15.6250vw;padding-top:6.2500vw;} .intro_wrap01 .img01 img {animation: swing_ani 2s ease-in infinite;} .intro_wrap01 .text01 { width: 21vw; top: 0; left: 50%;transform:translateX(-50%); max-width: 25.0625vw; min-width: 18.3750vw; } .intro_wrap02 {} .intro_wrap02 .intro_center {width: 54.3750vw;margin:0 auto;padding-top:15%;} .intro_wrap02 .img01 { width: 37.13vw; max-width: 20.8750vw; min-width: 15.6250vw;} .intro_wrap02 .img01 img {animation: swing_ani 2s ease-in infinite;} .intro_wrap02 .text01 { width: 21vw; top: 30%; left: 50%;transform:translateX(-50%); max-width: 25.0625vw; min-width: 18.3750vw; } .intro_wrap02 .intro_side_txt {position:absolute;} .intro_wrap02 .intro_side_tree {position:absolute;} .intro_wrap02 .intro_side_food {position:absolute;} .intro_wrap02 .intro_side_light {position:absolute;top:-1%;} .intro_wrap02 .intro_side_light img {} .intro_wrap02 .intro_side_txt img {} .intro_wrap02 .intro_side_txt.txt_l {left:0;bottom:6.8750vw;} .intro_wrap02 .intro_side_txt.txt_r {right:0;bottom:6.8750vw;} .intro_wrap02 .intro_side_tree img {} .intro_wrap02 .intro_side_tree.tree_l {left:-13.7500vw;top:-5%;} .intro_wrap02 .intro_side_tree.tree_r {right:-13.7500vw;top:-5%;} .intro_wrap02 .intro_side_food img {} .intro_wrap02 .intro_side_food.food_l {left:-10.0000vw;top:30%;} .intro_wrap02 .intro_side_food.food_r {right:-10.0000vw;top:30%;} /* section01 s */ #section01 {} #section01 .background_img {} #section01 .sec01_light {position:absolute;left:50%;top:-0.8%;transform:translateX(-50%)} #section01 .sec01_txt_wrap {position:absolute;text-align: center;left:50%;top:50%;transform:translate(-50%,-50%)} #section01 .sec01_txt_wrap img {} #section01 .sec01_txt_wrap p {font-size: 1.4375vw;font-weight: 600;color:#fff;} /* section01 e */ /* section02 s */ #section02 {position:relative;max-width:100%;width:100%;margin:0 auto;overflow:hidden;} #section02 .sec02_cont_box {} #section02 .sec02_cont_box .inner {width:87.5000vw;margin:0 auto;position:relative;z-index:5;} #section02 .sec02_cont_box .title_wrap {text-align: center;} #section02 .sec02_cont_box .title_wrap p.title {font-size: 3.7500vw;font-weight: 800;line-height: 4.3750vw;color:#13151b;letter-spacing: -0.05em;} #section02 .sec02_cont_box .title_wrap p.title span {color:#cb2917;font-weight:normal;} #section02 .sec02_cont_box.cont01 {background:url('../../images/sec02_1_bg.jpg')no-repeat center top/cover;padding:7.5000vw 0 8.7500vw;} #section02 .sec02_cont_box.cont01 .rolling-counter-wrap {} #section02 .sec02_cont_box.cont01 .rolling-counter-wrap .rolling-number {} #section02 .sec02_cont_box.cont01 .rolling-counter-wrap .rolling-number .numbers {} #section02 .sec02_cont_box.cont01 .rolling-counter-wrap .rolling-number .numbers span {} #section02 .sec02_cont_box.cont01 .rolling-counter-wrap .rolling-dot {} #section02 .sec02_cont_box.cont01 .rolling-counter-wrap .rolling-unit {} #section02 .sec02_cont_box.cont01 .counter_caption {font-size: 1.2500vw;color:#13151b;font-weight: 400;text-align: right;margin-top: 0.9375vw;padding-right: 8.7500vw;} #section02 .sec02_cont_box.cont02 {background:url('../../images/sec02_2_bg.jpg')no-repeat center top/cover;position:relative;padding-bottom: 5.6250vw;} #section02 .sec02_cont_box.cont02 .top_cont {width: 71.2500vw;margin:0 auto;text-align: center;position:relative;padding-top: 10.0000vw;} #section02 .sec02_cont_box.cont02 .top_cont #sec02_swiper {padding:2.5000vw 0;} #section02 .sec02_cont_box.cont02 .top_cont #sec02_swiper .swiper-wrapper {} #section02 .sec02_cont_box.cont02 .top_cont #sec02_swiper .swiper-slide {width: 23.9375vw;transition:0.5s;opacity: 0.5;} #section02 .sec02_cont_box.cont02 .top_cont #sec02_swiper .swiper-slide img {width: 100%;} #section02 .sec02_cont_box.cont02 .top_cont #sec02_swiper .swiper-slide.swiper-slide-active {transform:scale(1.3);z-index:10;opacity:1;} #section02 .sec02_cont_box.cont02 .top_cont .sec02_food {position:absolute;left:50%;top:-8.1250vw;transform:translateX(-50%)} #section02 .sec02_cont_box.cont02 .bot_cont {margin-top:5.6250vw;} #section02 .sec02_cont_box.cont02 .receipt_wrap {width: 87.5000vw;margin:0 auto;border:0.1250vw solid #ffaa11;box-shadow: 0 0 1.2500vw rgba(255, 213, 137, 0.66), 0 0 1.8750vw rgba(255, 213, 137, 0.5);padding:5.6250vw 0 6.2500vw;background:rgba(0,0,0,0.4);} #section02 .sec02_cont_box.cont02 .receipt_wrap .title_wrap {text-align: center;position:relative;width:36.2500vw;margin:0 auto 3.1250vw;} #section02 .sec02_cont_box.cont02 .receipt_wrap .title_wrap p.title {color:#fff;} #section02 .sec02_cont_box.cont02 .receipt_wrap .title_wrap p.title span {color:#ffaa11;} #section02 .sec02_cont_box.cont02 .receipt_wrap .title_wrap .glow {position:absolute;bottom:4.8750vw;} #section02 .sec02_cont_box.cont02 .receipt_wrap .title_wrap .glow.glow_left {left:0;} #section02 .sec02_cont_box.cont02 .receipt_wrap .title_wrap .glow.glow_right {right:0;} #section02 .sec02_cont_box.cont02 .receipt_wrap .title_wrap .sec02_sub {margin-top: 1.8750vw;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list {} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul {display:flex;align-items:center;justify-content:center;gap:0.6250vw;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li {overflow:hidden;position:relative;width: 22.5000vw;text-align: center;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li:after {content:"";display:block;width:100%;height:0.1250vw;background:#ffaa11;position:absolute;left:50%;top:0;transform:translateX(-50%)} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box {width: 21.3750vw;height: 22.5000vw;background:url('../../images/sec02_receipt_bg.png')no-repeat center / cover;padding:0.6250vw;margin:0 auto;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .border {border:0.1250vw solid #dd3c22;height:100%;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .tit_box {border-bottom:0.1250vw solid #dd3c22;display:flex;align-items:center;justify-content:flex-start;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .tit_box span {letter-spacing: -0.05em;color:#000;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .tit_box span.side {} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .tit_box span.main {font-size: 1.8750vw;font-weight: 700;width:calc(100% - 1.9375vw);text-align: center;padding-right: 0.6250vw;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .info_box {padding:0.9375vw 0 1.2500vw;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .info_box .info_dot {margin-bottom: 0.3125vw;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .info_box .data_info {display:flex;align-items:center;justify-content:space-between;padding:0 1.5625vw;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .info_box .data_info.mb {margin-bottom:0.6250vw;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .info_box .data_info span {font-size: 1.0625vw;font-weight: 400;letter-spacing: -0.05em;color:#000} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .info_box .data_info span.data {} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .info_box .data_info span.price {font-weight: 500;text-align: right;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .info_box .sum_box {font-size: 1.5000vw;font-weight: 600;color:#fff;background:#dd3c22;padding:0.6250vw 1.8750vw;border-radius:1.5000vw;display:inline-block;margin:0.9375vw auto 0.6250vw;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .info_box .total_price {font-size: 2.8125vw;font-weight: 700;color:#192035;letter-spacing: -0.05em;margin-bottom: 0.5000vw;line-height: 1; } #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .info_box .barcode {} .sec02_left {position:absolute;left:5.0000vw;bottom:2.8125vw;} .sec02_right {position:absolute;right:6.2500vw;bottom:2.8125vw;} #section02 .bottom_wrap .wing_lines {position: absolute;left: 0;width: 100%;height: 6.2500vw;bottom:-6.1875vw;top:auto;} #section02 .bottom_wrap .wing_lines::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 1.2500vw} #section02 .bottom_wrap .wing_lines .wing_line {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 1.2500vw;} #section02 .sales > .wing_lines::before{background-color:#fda80f} #section02 .sales > .wing_lines .wing_line{background-color:#fda80f} #section02 .marquee {position:absolute;left:0;top:0;border-bottom:0.0625vw solid #fca70e;background:transparent;padding:1.0000vw 0;;} #section02 .marquee .swiper-slide {width: 107.1250vw;} /* section02 e */ /* section03 s */ #section03 {position:relative;padding:8.1250vw 0 10.6250vw;background:url('../../images/sec03_bg.jpg')no-repeat center top/ cover;max-width:100%;margin:0 auto;} #section03 .inner {width:75.0000vw;margin:0 auto;} #section03 .title_wrap {text-align: center;position:relative;width:36.2500vw;margin:0 auto;} #section03 .title_wrap p {color:#fff;font-size: 1.2500vw;font-weight: 700;line-height: 1.5000vw;} #section03 .title_wrap p.title {font-size: 3.7500vw;font-weight: 800;line-height: 4.3750vw;} #section03 .title_wrap p.okman {font-weight: normal;color:#ffaa11;} #section03 .title_wrap p.desc {margin-top:1.2500vw;} #section03 .title_wrap .glow {position:absolute;bottom:2.5000vw;} #section03 .title_wrap .glow.glow_left {left:0;} #section03 .title_wrap .glow.glow_right {right:0;} #section03 .content_wrap {margin-top: 6.2500vw;position:relative;} .sec03_bar_wrap{width: 62.5000vw;height: 0.6250vw;margin: 0 auto;background-color: #807d76;position:relative;} .sec03_bar_fill{top: 0;left: 0;width: 48.8125vw;height: 100%;background-color: #ffaa11;position:absolute} .sec03_bar_pin01{top: -1.4375vw;left: 46.4375vw;position:absolute} .sec03_bar_pin02{top: -3.4375vw;right: -3.1875vw;position:absolute} .sec03_bar_txt{top: -3.7500vw;left: 44.0000vw;position:absolute} #section03 .content_wrap .map_wrap {position:relative;text-align: center;} #section03 .content_wrap .map_wrap .map_img {opacity: 0.5;} #section03 .content_wrap .map_wrap .map_pin {position:absolute;left:6.2500vw;top:1.2500vw;} #section03 .content_wrap .map_wrap .food_box {position:absolute;animation: pulse-animation3 2s infinite;border-radius:50%;} #section03 .content_wrap .map_wrap .food_box:after {width:100%;height:100%;content:"";display:block;position:absolute;left:0;top:0;animation: pulse-animation4 2s infinite;border-radius:50%;} #section03 .content_wrap .map_wrap .food_box img {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} #section03 .content_wrap .map_wrap .food_box.box1 {width: 11.2500vw;height: 11.2500vw;left:8.8750vw;top:17.0625vw;} #section03 .content_wrap .map_wrap .food_box.box2 {width: 8.7500vw;height: 8.7500vw;left:16.2500vw;top:3.7500vw;} #section03 .content_wrap .map_wrap .food_box.box3 {width: 5.6250vw;height: 5.6250vw;right:13.9375vw;top: 9.1875vw;} #section03 .content_wrap .map_wrap .food_box.box3 img {left:55%} #section03 .content_wrap .map_wrap .food_box.box4 {width: 10.0000vw;height: 10.0000vw;right:3.8750vw;top: 19.0000vw;} #section03 .content_wrap .slider_wrap {position:absolute;left:50%;transform:translateX(-50%);top:7.8125vw;animation: pulse-animation 2s infinite;border-radius:50%;} #section03 .content_wrap .slider_wrap:after {width:18.7500vw;height:18.7500vw;content:"";display:block;position:absolute;left:0;top:0;animation: pulse-animation2 2s infinite;border-radius:50%;} #section03 .content_wrap #sec03_swiper {width:18.7500vw;height: 18.7500vw;background:rgba(221,60,34,0.8);overflow:hidden;border-radius:50%;border:0.1250vw solid #f99d13;} #section03 .content_wrap #sec03_swiper .swiper-slide {width: 18.7500vw;height: 18.7500vw;text-align: center;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;} #section03 .content_wrap #sec03_swiper .swiper-slide p {letter-spacing: -0.05em;color:#fff;font-weight: 700;font-size: 1.2500vw;line-height: 1.1;} #section03 .content_wrap #sec03_swiper .swiper-slide p.slide_slogan {} #section03 .content_wrap #sec03_swiper .swiper-slide p.slide_tit {font-size: 3.7500vw;font-weight: 800;margin:0.9375vw auto;} #section03 .content_wrap #sec03_swiper .swiper-slide .slide_name {background:#a32713;border-radius:1.2500vw;width: 10.7500vw;height: 2.8125vw;margin:0 auto;} #section03 .content_wrap #sec03_swiper .swiper-slide .slide_name p {color:#ffaa11;line-height: 2.8125vw;} #section03 .content_wrap #sec03_swiper .swiper-03-pagination {bottom:2.5000vw;} #section03 .content_wrap #sec03_swiper .swiper-03-pagination .swiper-pagination-bullet {width: 0.6250vw;height: 0.6250vw;background:#fff;border:none;} #section03 .content_wrap #sec03_swiper .swiper-03-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#ffaa11;} #section03 .content_wrap .list_wrap {position:absolute;bottom:-2.5000vw;} #section03 .content_wrap .list_wrap ul {display:flex;justify-content:center;align-items:center;gap:1.8750vw;} #section03 .content_wrap .list_wrap ul li {background:url('../../images/sec03_list_bg.png')no-repeat center bottom / cover;width: 17.3750vw;height: 10.3125vw;text-align: center;display:flex;justify-content:center;align-items:center;} #section03 .content_wrap .list_wrap ul li .bg {width: 15.5000vw;height: 8.0625vw;background:#dd3c22;border-radius:50%} #section03 .content_wrap .list_wrap ul li .bg p {font-size: 1.8750vw;font-weight: 700;color:#fff;letter-spacing: -0.05em;line-height: 8.0625vw;} #section03 .bottom_wrap .wing_lines {position: absolute;left: 0;width: 100%;height: 6.2500vw;bottom:-6.1875vw;top:auto;} #section03 .bottom_wrap .wing_lines::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 1.2500vw} #section03 .bottom_wrap .wing_lines .wing_line {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 1.2500vw;} .sales > .wing_lines::before{background-color:#fda80f} .sales > .wing_lines .wing_line{background-color:#fda80f} /* section03 e */ /* section04 s */ #section04 {position:relative;padding:8.1250vw 0 8.7500vw;background:url('../../images/sec04_bg.jpg')no-repeat center top/ cover;overflow:hidden;max-width:100%;margin:0 auto;} #section04 .inner {width:87.5000vw;margin:0 auto;} #section04 .title_wrap {text-align: center;position:relative;width:31.2500vw;margin:0 auto;} #section04 .title_wrap p {color:#000;font-size: 1.2500vw;font-weight: 700;line-height: 1.5000vw;letter-spacing: -0.05em;} #section04 .title_wrap p.title {font-size: 3.7500vw;font-weight: 800;line-height: 4.3750vw;} #section04 .title_wrap p.okman {font-weight: normal;} #section04 .title_wrap p.desc {margin-top:1.2500vw;} #section04 .title_wrap .glow {position:absolute;bottom:0.0000vw;} #section04 .title_wrap .glow.glow_left {left:0;} #section04 .title_wrap .glow.glow_right {right:0;} #section04 .content_wrap {margin-top:4.3750vw;position:relative;} #section04 .content_wrap .cont_wrap {} #section04 .content_wrap .cont_wrap .cont_flex {} #section04 .content_wrap .cont_wrap .cont_flex p {color:#fff;letter-spacing: -0.05em;line-height: 1.1;} #section04 .content_wrap .cont_wrap .cont_flex .cont_tit {font-size: 2.5000vw;font-weight: 700;} #section04 .content_wrap .cont_wrap .cont_flex .cont_desc{font-size: 1.1250vw;font-weight: 400;line-height: 1.7500vw;margin-top: 1.2500vw;} #section04 .content_wrap .cont_wrap.cont01 {width: 100%;height: 26.2500vw;background:#000;overflow:hidden;} #section04 .content_wrap .cont_wrap.cont01 .cont_flex {width:100%;height:100%;display:flex;justify-content:flex-start;align-items:center;} #section04 .content_wrap .cont_wrap.cont01 .cont_flex .flex_left {width: 57.5000vw;} #section04 .content_wrap .cont_wrap.cont01 .cont_flex .flex_left .flex_img {} #section04 .content_wrap .cont_wrap.cont01 .cont_flex .flex_left .flex_img img {} #section04 .content_wrap .cont_wrap.cont01 .cont_flex .flex_right {} #section04 .content_wrap .cont_wrap.cont02 {margin-top: 1.8750vw;} #section04 .content_wrap .cont_wrap.cont02 .cont_flex {width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;} #section04 .content_wrap .cont_wrap.cont02 .cont_flex .flex_left {width: 42.5000vw;height:30.0000vw;background:url('../../images/sec04_cont2_1_bg.png')no-repeat center /cover;padding: 4.5000vw;} #section04 .content_wrap .cont_wrap.cont02 .cont_flex .flex_right {width: 42.5000vw;height: 30.0000vw;background:url('../../images/sec04_cont2_2_bg.png')no-repeat center /cover;padding: 4.5000vw;position:relative;overflow:hidden;} #section04 .content_wrap .cont_wrap.cont02 .cont_flex .cont_food {position:relative;right:-13.7500vw;bottom:3.1250vw;} #section04 .content_wrap .cont_wrap.cont02 .cont_flex .cont_food img {} #section04 .content_wrap .cont_wrap.cont02 .cont_flex .cont_food .food {} #section04 .content_wrap .cont_wrap.cont02 .cont_flex .cont_food .smoke {position:absolute;left:3.7500vw;bottom:10.0000vw;animation:smokes 3s infinite} .marquee_vertical.left_step {position:absolute;left:0.0000vw;top:0;background:#dd3c22;padding:0 1.2500vw} .marquee_vertical.right_step {position:absolute;right:0.0000vw;top:0;background: #dd3c22;padding:0 1.2500vw;} .left_step ul {animation: hSlideLoop 48s 0s infinite linear;opacity:1;} .right_step ul {animation: hSlideLoop2 48s 0s infinite linear;opacity:1;} /* section04 e */ /* section05 s */ #section05 {position:relative;padding:8.1250vw 0 7.5000vw;background:url('../../images/sec05_bg.jpg')no-repeat center top/ cover;overflow:hidden;max-width:100%;margin:0 auto;} #section05 .inner {width:87.5000vw;margin:0 auto;} #section05 .title_wrap {text-align: center;position:relative;} #section05 .title_wrap p {color:#fff;font-size: 1.2500vw;font-weight: 700;line-height: 1.5000vw;letter-spacing: -0.05em;} #section05 .title_wrap p.title {font-size: 3.7500vw;font-weight: 800;line-height: 4.3750vw;} #section05 .title_wrap p.okman {font-weight: normal;} #section05 .title_wrap p.desc {margin-top:1.2500vw;font-size: 1.1250vw;font-weight: 400;} #section05 .content_wrap {margin-top:5.0000vw;position:relative;} #section05 .content_wrap .cont_wrap {background:rgba(0,0,0,0.6);border:0.1250vw solid #ffaa11;width: 100%;height: 33.7500vw;} #section05 .content_wrap .cont_wrap .cont_flex {width:100%;height:100%;} #section05 .content_wrap .cont_wrap .cont_flex p {color:#fff;letter-spacing: -0.05em;line-height: 1.1;} #section05 .content_wrap .cont_wrap .cont_flex .cont_tit {font-size: 2.5000vw;font-weight: 700;} #section05 .content_wrap .cont_wrap .cont_flex .cont_desc{font-size: 1.1250vw;font-weight: 400;line-height: 1.7500vw;margin-top: 1.2500vw;} #section05 .content_wrap .cont_wrap.cont01 {} #section05 .content_wrap .cont_wrap.cont01 .cont_flex {display:flex;justify-content:flex-start;align-items:center;} #section05 .content_wrap .cont_wrap.cont01 .cont_flex .flex_left {padding-left: 10.3125vw;position:relative;} #section05 .content_wrap .cont_wrap.cont01 .cont_flex .flex_left .flex_img {} #section05 .content_wrap .cont_wrap.cont01 .cont_flex .flex_left .flex_img img {} #section05 .content_wrap .cont_wrap.cont01 .cont_flex .flex_left .suic {text-align: center;position:absolute;left:7.5000vw;top:3.1250vw;} #section05 .content_wrap .cont_wrap.cont01 .cont_flex .flex_left .suic p {color:#fff;font-size: 1.5000vw;font-weight: 700;letter-spacing: -0.05em;} #section05 .content_wrap .cont_wrap.cont01 .cont_flex .flex_left .suic p.name {} #section05 .content_wrap .cont_wrap.cont01 .cont_flex .flex_left .suic p.data {font-size: 2.5000vw;background:#d13618;display:inline-block;padding:0.3125vw 0.6250vw;line-height: 1;margin-top: 0.3125vw;} #section05 .content_wrap .cont_wrap.cont01 .cont_flex .flex_left .suic p.data.on {animation:stemp 1s ease-in} #section05 .content_wrap .cont_wrap.cont01 .cont_flex .flex_left .suic p.data span{font-size: 1.2500vw;font-weight: 400;} #section05 .content_wrap .cont_wrap.cont01 .cont_flex .flex_right {padding-left: 9.3750vw;} #section05 .content_wrap .cont_wrap.cont02 {margin-top: 2.2500vw;} #section05 .content_wrap .cont_wrap.cont02 .cont_flex {display:flex;justify-content:flex-start;align-items:center;} #section05 .content_wrap .cont_wrap.cont02 .cont_flex .flex_left {padding-left: 10.6250vw;} #section05 .content_wrap .cont_wrap.cont02 .cont_flex .flex_right {padding-left: 16.8750vw;position:relative;} #section05 .content_wrap .cont_wrap.cont02 .cont_flex .flex_right .pulse_box { background:#dd3c22;width: 12.7500vw;height: 12.7500vw;border-radius:50%;display:flex;justify-content:center;align-items:center; position:absolute;right:-9.0625vw;top:50%;transform:translateY(-50%); animation: pulse-animation 2s infinite; } #section05 .content_wrap .cont_wrap.cont02 .cont_flex .flex_right .pulse_box:after {content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;animation: pulse-animation2 2s infinite;border-radius:50%;} #section05 .content_wrap .cont_wrap.cont02 .cont_flex .flex_right .pulse_box .txt_box {text-align: center;} #section05 .content_wrap .cont_wrap.cont02 .cont_flex .flex_right .pulse_box .txt_box p {color:#fff;letter-spacing: -0.05em;font-size: 1.2500vw;font-weight: 700;} #section05 .content_wrap .cont_wrap.cont02 .cont_flex .flex_right .pulse_box .txt_box p.name {} #section05 .content_wrap .cont_wrap.cont02 .cont_flex .flex_right .pulse_box .txt_box p.data {font-size: 3.1250vw;font-weight: 800;} #section05 .content_wrap .cont_wrap.cont02 .cont_flex .flex_right .pulse_box .txt_box p.data span {font-size: 1.2500vw;} /* section05 e */ /* section06 s */ #section06 {position:relative;padding:10.0000vw 0 6.8750vw;background:url('../../images/sec06_bg.jpg')no-repeat center top/ cover;overflow:hidden;max-width:100%;margin:0 auto;} #section06 .inner {width:100%;margin:0 auto;} #section06 .title_wrap {text-align: center;position:relative;display:flex;justify-content:center;align-items:center;gap:0.9375vw;} #section06 .title_wrap p {color:#fff;font-size: 1.2500vw;font-weight: 700;letter-spacing: -0.05em;} #section06 .title_wrap p.title {font-size: 3.7500vw;font-weight: 800;} #section06 .title_wrap p.okman {font-weight: normal;color:#ffaa11;} #section06 .content_wrap {margin-top:3.1250vw;position:relative;} #section06 .content_wrap .flex_wrap {} #section06 .content_wrap .flex_wrap ul {display:flex;justify-content:center;align-items:center;} #section06 .content_wrap .flex_wrap ul li {width: 36.7500vw;height: 44.1250vw;position:relative;box-sizing: border-box;} #section06 .content_wrap .flex_wrap ul li:nth-child(1) {background:url('../../images/sec06_list_1bg.png')no-repeat center;} #section06 .content_wrap .flex_wrap ul li:nth-child(2) {background:url('../../images/sec06_list_2bg.png')no-repeat center} #section06 .content_wrap .flex_wrap ul li:nth-child(3) {background:url('../../images/sec06_list_3bg.png')no-repeat center} #section06 .content_wrap .flex_wrap ul li .hover_box {width:100%;height:100%;background:rgba(0,0,0,0.6);position:absolute;left:0;top:0;transition:0.5s;} #section06 .content_wrap .flex_wrap ul li .txt_box {position:absolute;left:4.3750vw;bottom:5.6250vw;} #section06 .content_wrap .flex_wrap ul li .txt_box p {color:#fff;letter-spacing: -0.05em;font-size: 1.1250vw;font-weight: 500;line-height: 1.5;} #section06 .content_wrap .flex_wrap ul li .txt_box p.tit {font-size: 2.1250vw;font-weight: 700;line-height: 1.2;} #section06 .content_wrap .flex_wrap ul li .txt_box p.desc {margin-top: 0.6250vw;} #section06 .marquee {position:absolute;left:0;top:0;} @media (hover: hover){ #section06 .content_wrap .flex_wrap ul li:hover {box-shadow: 0 0 1.2500vw rgba(255, 213, 137, 0.66), 0 0 1.8750vw rgba(255, 213, 137, 0.5);z-index:3;border:0.1250vw solid #ffd589} #section06 .content_wrap .flex_wrap ul li:hover .hover_box {background:linear-gradient(0deg, rgba(252,167,14,1) 0%, rgba(0,212,255,0) 30%);} #section06 .content_wrap .flex_wrap ul li:hover .txt_box {left:4.2500vw;bottom:5.5000vw;} } /* section06 e */ /* section07 s */ #section07 {position:relative;padding:5.6250vw 0 0.0000vw;background:url('../../images/sec07_bg.jpg')no-repeat center top;overflow:hidden;height:53.3125vw;max-width:100%;margin:0 auto;} #section07 .inner {width:100%;margin:0 auto;} #section07 .title_wrap {text-align: center;position:relative;width:32.5000vw;margin:0 auto;} #section07 .title_wrap p {color:#000;font-size: 1.2500vw;font-weight: 700;line-height: 1.5000vw;letter-spacing: -0.05em;} #section07 .title_wrap p.title {font-size: 3.7500vw;font-weight: 800;line-height: 4.3750vw;} #section07 .title_wrap p.okman {font-weight: normal;} #section07 .title_wrap p.desc {margin-top:1.8750vw;font-size: 1.1250vw;font-weight: 400;line-height: 1.6;} #section07 .title_wrap p.desc span {background:#dd3c22;padding:0.1250vw 0.3125vw;color:#fff;} #section07 .title_wrap .glow {position:absolute;top:0.0000vw;} #section07 .title_wrap .glow.glow_left {left:0;} #section07 .title_wrap .glow.glow_right {right:0;} #section07 .content_wrap {margin-top: 5.6250vw;position:relative;text-align: center;z-index:20;} #section07 .content_wrap .stamp_box {position:absolute;left:51%;top:6.6250vw;animation: pulse-animation 2s infinite;border-radius:50%;} #section07 .content_wrap .stamp_box:after {content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;border-radius:50%;animation: pulse-animation2 2s infinite} #section07 .content_wrap .stamp_box img {} #section07 .flow-ani-wrap {position:absolute;left:0;bottom:5.0000vw;} /* section07 e */ /* section08 s */ #section08 {background:url('../../images/sec08_bg.jpg')no-repeat center top;overflow:hidden;;position:relative;max-width:100%;margin:0 auto;} #section08 .inner {padding:11.8750vw 0 8.7500vw;width: 75.0000vw;margin:0 auto;} #section08 .bottom_wrap .wing_lines2 {position: absolute;left: 0;width: 100%;height: 6.2500vw;top:-6.1875vw;top:auto;} #section08 .bottom_wrap .wing_lines2::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 1.2500vw} #section08 .bottom_wrap .wing_lines2 .wing_line {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 1.2500vw;} .sales > .wing_lines2::before{background-color:#dd3c22} .sales > .wing_lines2 .wing_line{background-color:#dd3c22} #section08 .title_wrap {text-align: center;position:relative;width:32.5000vw;margin:0 auto;} #section08 .title_wrap p {color:#fff;font-size: 1.2500vw;font-weight: 700;line-height: 1.5000vw;letter-spacing: -0.05em;} #section08 .title_wrap p.title {font-size: 3.7500vw;font-weight: 800;line-height: 4.3750vw;} #section08 .title_wrap p span {font-weight: normal;color:#fca70e;} #section08 .title_wrap p.desc {margin-top:1.8750vw;font-size: 1.1250vw;font-weight: 400;line-height: 1.6;} #section08 .title_wrap p.desc span {background:#dd3c22;padding:0.1250vw 0.3125vw;color:#fff;} #section08 .title_wrap .glow {position:absolute;bottom:5.6250vw;} #section08 .title_wrap .glow.glow_left {left:0;} #section08 .title_wrap .glow.glow_right {right:0;} /* service */ #section08 .content_wrap {position:relative;margin-top: 3.7500vw;} #section08 .service_cir {position:relative;} #section08 .service_cir .service_slide {width: 51.2500vw;margin:0 auto;} #section08 .service_cir .service_slide .swiper-container {} #section08 .service_cir .service_slide .swiper-wrapper {} #section08 .service_cir .service_slide .swiper-slide {width: 51.2500vw;height: 51.2500vw;border-radius:50%;overflow:hidden;} #section08 .service_cir .service_slide .swiper-slide div {width:100%;height:100%;background:url('../../images/sec08_slide_bg.png')no-repeat center/cover;} #section08 .service_cir .service_slide .swiper-slide .service_sl01{background:url('../../images/sec08_slide_bg_on1.png')no-repeat center/cover;} #section08 .service_cir .service_slide .swiper-slide .service_sl02{background:url('../../images/sec08_slide_bg_on2.png')no-repeat center/cover;} #section08 .service_cir .service_slide .swiper-slide .service_sl03{background:url('../../images/sec08_slide_bg_on4.png')no-repeat center/cover;} #section08 .service_cir .service_slide .swiper-slide .service_sl04{background:url('../../images/sec08_slide_bg_on3.png')no-repeat center/cover;} #section08 .service_cir .service_in_slide {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:22.5000vw;height:22.5000vw;z-index:2;} #section08 .service_cir .service_in_slide .swiper-container {} #section08 .service_cir .service_in_slide .swiper-wrapper {} #section08 .service_cir .service_in_slide .swiper-slide {position:relative;width: 22.5000vw;height:22.5000vw;} #section08 .service_cir .service_in_slide .swiper-slide .service_in_sl {text-align: center;} #section08 .service_cir .service_in_slide .swiper-slide .service_in_sl .service_in_shadow { width: 22.5000vw;height: 22.5000vw;position:relative; background-image:url('../../images/sec08_txt_bg.png');background-repeat:no-repeat;background-size:cover; } #section08 .service_cir .service_in_slide .swiper-slide .service_in_sl .service_in_shadow .sl_txt { color:#fff;font-size: 1.1250vw;letter-spacing: -0.05em;position:absolute; } #section08 .service_cir .service_in_slide .swiper-slide.sl01 .service_in_sl {position:absolute;left:0.0000vw;top:0.0000vw;} #section08 .service_cir .service_in_slide .swiper-slide.sl02 .service_in_sl {position:absolute;right:0.0000vw;top:0.0000vw;} #section08 .service_cir .service_in_slide .swiper-slide.sl03 .service_in_sl {position:absolute;right:0.0000vw;bottom:0.0000vw;} #section08 .service_cir .service_in_slide .swiper-slide.sl04 .service_in_sl {position:absolute;left:0.0000vw;bottom:0.0000vw;} #section08 .service_cir .service_in_slide .swiper-slide.sl01 .service_in_sl .service_in_shadow { background-image:url('../../images/sec08_txt_bg_1.png');background-position:left 0 top 0;} #section08 .service_cir .service_in_slide .swiper-slide.sl02 .service_in_sl .service_in_shadow {background-image:url('../../images/sec08_txt_bg_2.png');background-position:right top;} #section08 .service_cir .service_in_slide .swiper-slide.sl03 .service_in_sl .service_in_shadow {background-image:url('../../images/sec08_txt_bg_3.png');background-position:right bottom;} #section08 .service_cir .service_in_slide .swiper-slide.sl04 .service_in_sl .service_in_shadow {background-image:url('../../images/sec08_txt_bg_4.png');background-position:left bottom;} #section08 .service_cir .service_in_slide .swiper-slide.sl01 .service_in_sl .service_in_shadow .sl_txt {left:4.3750vw;top:5.0000vw;} #section08 .service_cir .service_in_slide .swiper-slide.sl02 .service_in_sl .service_in_shadow .sl_txt {right:4.3750vw;top:5.0000vw;} #section08 .service_cir .service_in_slide .swiper-slide.sl03 .service_in_sl .service_in_shadow .sl_txt {right:4.3750vw;bottom:5.0000vw;} #section08 .service_cir .service_in_slide .swiper-slide.sl04 .service_in_sl .service_in_shadow .sl_txt {left:4.3750vw;bottom:5.0000vw;} #section08 .service_cir .service_in_slide .swiper-slide .service_in_sl .dimm {} #section08 .service_twrapper {position:absolute;left:0;top:0;width:100%;height:100%;letter-spacing: -0.05em;} #section08 .service_twrapper .service_twrap {position:absolute;} #section08 .service_twrapper .service_twrap.service_twrap01 {left:0;top:3.7500vw;} #section08 .service_twrapper .service_twrap.service_twrap02 {right:0;top:3.7500vw;text-align: right;} #section08 .service_twrapper .service_twrap.service_twrap03 {right:0;bottom:3.7500vw;text-align: right;} #section08 .service_twrapper .service_twrap.service_twrap04 {left:0;bottom:3.7500vw;} #section08 .service_twrapper .service_twrap .service_twrap_tit {position:relative;} #section08 .service_twrapper .service_twrap .service_twrap_tit span {color: #fff;transition:0.5s;opacity: 0.4;font-size: 1.8750vw;font-weight: 700;} #section08 .service_twrapper .service_twrap.on .service_twrap_tit span {opacity: 1;color:#000;} #section08 .service_twrapper .service_twrap .service_twrap_tit .highlight_wrap {position: relative;display: inline-block;} #section08 .service_twrapper .service_twrap .service_twrap_tit .highlight_wrap .highlight { background:#fda80f;top: -0.3125vw;bottom: -0.3125vw;left: -0.4375vw;right: -0.3750vw;opacity: 0;transition: opacity 0.5s;position:absolute;z-index:1; } #section08 .service_twrapper .service_twrap.on .service_twrap_tit .highlight_wrap .highlight {opacity: 1;} #section08 .service_twrapper .service_twrap .service_twrap_tit .highlight_wrap .rel {position:relative;z-index:2;} #section08 .service_twrapper .service_twrap .service_twrap_txt {transition: opacity 0.5s;opacity: 0.4;color:#fff;font-size: 1.1250vw;line-height: 1.7500vw;font-weight: 400;margin-top: 0.9375vw;} #section08 .service_twrapper .service_twrap.on .service_twrap_txt {opacity: 1;} /* section08 e */ /* section09 s */ #section09 {background:url('../../images/sec09_bg.jpg')no-repeat center top;overflow:hidden;;position:relative;width:100%;height: 60.5000vw;max-width:100%;margin:0 auto;} #section09 .flex_wrap {display:flex;justify-content:center;width:100%;height:100%;} #section09 .flex_wrap .flex_left {width: 50%;} #section09 .flex_wrap .flex_left .title_wrap {padding-left: 40%;padding-top: 6.8750vw;} #section09 .flex_wrap .flex_left .title_wrap p {font-size: 3.7500vw;font-weight: 800;color:#000;} #section09 .flex_wrap .flex_left .title_wrap p.title {} #section09 .flex_wrap .flex_left .title_wrap p.okman {color:#dd3c22;} #section09 .flex_wrap .flex_left .flow-ani-wrap {margin-top: 4.3750vw;} #section09 .flex_wrap .flex_left .flow-ani-wrap ul {} #section09 .flex_wrap .flex_left .flow-ani-wrap ul li {} #section09 .flex_wrap .flex_right {width: 50%;position:relative;display:flex;align-items:center;justify-content:center;} #section09 .flex_wrap .flex_right .fr_img {animation: swing_ani 2s ease-in infinite;} #section09 .flex_wrap .flex_right .fr_img img {} #section09 .fixed_img {position:absolute;left:50%;bottom:5.6250vw;transform:translateX(-50%);} #section09 .fixed_img img {} /* section09 e */ /* section10 s */ #section10 {background:url('../../images/sec10_bg.jpg')no-repeat center top/cover;overflow:hidden;;position:relative;padding:8.7500vw 0 6.2500vw;max-width:100%;margin:0 auto;} #section10 .inner {width: 75.0000vw;margin:0 auto;} #section10 .bottom_wrap .wing_lines2 {position: absolute;left: 0;width: 100%;height: 6.2500vw;top:0.0000vw;} #section10 .bottom_wrap .wing_lines2::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 1.2500vw} #section10 .bottom_wrap .wing_lines2 .wing_line {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 1.2500vw;} .sales > .wing_lines2::before{background-color:#ffaa11} .sales > .wing_lines2 .wing_line{background-color:#ffaa11} #section10 .title_wrap {text-align: center;position:relative;width:32.5000vw;margin:0 auto;} #section10 .title_wrap p {color:#fff;font-size: 1.2500vw;font-weight: 700;line-height: 1.5000vw;letter-spacing: -0.05em;} #section10 .title_wrap p.title {font-size: 3.7500vw;font-weight: 800;line-height: 4.3750vw;} #section10 .title_wrap p span {font-weight: normal;color:#fca70e;} #section10 .title_wrap p.desc {margin-top:1.8750vw;font-size: 1.1250vw;font-weight: 400;line-height: 1.6;} #section10 .title_wrap p.desc span {background:#ffaa11;padding:0.1250vw 0.3125vw;color:#fff;} #section10 .content_wrap {position:relative;z-index:10;margin-top: 3.1250vw;} #section10 .flow-ani-wrap {position:absolute;left:0;bottom:18.1250vw;} .content_wrap iframe {display: none;} /* Video Popup */ .vid-wrapper {text-align: center;} .vid {display: inline-block;vertical-align: top;position: relative;cursor: pointer;} .vid::before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;} .video-popup { position: fixed;top: 0;right: 0;bottom: 0;left: 0;display: flex;justify-content: center;align-items: center;z-index: 998; background: rgba(0, 0, 0, .7);cursor: pointer;display: none !important; } .video-popup.show-video {display: flex !important;} .iframe-wrapper {position: relative;width:100%;height:auto;} .iframe-wrapper iframe { z-index: 1; top: 50%; left: 50%; transform: translate(-50%,-50%); position: absolute; width: 64.0000vw; height: 36.0000vw; } .iframe-wrapper .close-video { display: none; } /* section10 e */ /* section11 s */ #section11 {background:#000;overflow:hidden;;position:relative;padding:6.8750vw 0 7.5000vw;max-width:100%;margin:0 auto;} #section11 .inner {width: 75.0000vw;margin:0 auto;} #section11 .title_wrap {text-align: center;position:relative;} #section11 .title_wrap p {color:#fff;letter-spacing: -0.05em;} #section11 .title_wrap p.title {font-size: 3.7500vw;font-weight: normal;line-height: 4.3750vw;} #section11 .adm_link {position:absolute;right:5%;top:5%;color:red;} #mc_pf1 {} #mc_pf1 .inner {} #mc_pf1 .inner #mc_pf {display:flex;justify-content:flex-start;flex-wrap:wrap;gap:1.8750vw;margin-top: 3.1250vw;} #mc_pf1 .inner #mc_pf .box {} #mc_pf1 .inner #mc_pf .box img {width: 23.7500vw;} #mc_pf1 .inner #mc_pf .box p {text-align: center;color:#fff;font-size: 1.5000vw;font-weight: 700;margin-top: 0.9375vw;} #mc_pf1 .view_more {display:block;font-size: 1.5000vw;font-weight: 700;color:#fff;text-align: center;border-bottom:0.0625vw solid #dd3c22;width:11.2500vw;margin:3.7500vw auto 0;padding-bottom: 0.6250vw;} .cate_tab_wrap {width:75.0000vw;margin:3.7500vw auto 0;} .cate_tab_wrap .cate_wrap {display:flex;justify-content:space-between;;align-items:center;flex-wrap:wrap;gap:1.1250vw;} .cate_tab_wrap .cate_wrap li {width: 13.6250vw;height: 3.7500vw;background:transparent;border:0.0625vw solid #dd3c22;text-align: center;transition:0.5s} .cate_tab_wrap .cate_wrap li a {font-size: 1.5000vw;font-weight: 700;color:#fff;display:block;width:100%;height:100%;line-height: 3.7500vw;} .cate_tab_wrap .cate_wrap li.on {background:#dd3c22;} .cate_tab_wrap .cate_wrap li.on a {} .sub_cont{display:none; text-align:center;} .sub_cont.on{display:block;} .sub_cont_m{display:none; text-align:center;} .sub_cont_m.on{display:block;} /* section11 e */ /* section12 s */ #section12 {background:url('../../images/sec12_bg.jpg')no-repeat center top/cover;overflow:hidden;;position:relative;padding:8.7500vw 0 6.2500vw;max-width:100%;margin:0 auto;} #section12 .inner {width: 75.0000vw;margin:0 auto;} #section12 .title_wrap {text-align: center;position:relative;} #section12 .title_wrap p {color:#fff;letter-spacing: -0.05em;} #section12 .title_wrap p.title {font-size: 3.7500vw;font-weight: normal;line-height: 4.3750vw;} #section12 .content_wrap {position:relative;z-index:10;margin-top: 3.1250vw;} /* section12 e */ /* section13 s */ #section13 {background:url('../../images/sec13_bg.jpg')no-repeat center top/cover;overflow:hidden;;position:relative;padding:7.5000vw 0 7.5000vw;max-width:100%;margin:0 auto;} #section13 body {background:transparent;} /* section13 e */ /* section14 s */ #section14 {background:url('../../images/sec14_bg.jpg')no-repeat center top/cover;overflow:hidden;;position:relative;padding:7.5000vw 0 8.7500vw;max-width:100%;margin:0 auto;} #section14 .inner {width: 75.0000vw;margin:0 auto;} #section14 .title_wrap {text-align: center;position:relative;} #section14 .title_wrap p {color:#fff;letter-spacing: -0.05em;} #section14 .title_wrap p.title {font-size: 3.7500vw;font-weight: normal;line-height: 4.3750vw;} #section14 .title_wrap p.desc {font-size: 1.1250vw;font-weight: 400;margin-top: 3.1250vw;} #section14 .content_wrap {position:relative;z-index:10;margin-top:5.6250vw;} #section14 .content_wrap .flex_wrap {} #section14 .content_wrap .flex_wrap ul {display:flex;justify-content:center;align-items:center;gap:1.8750vw;} #section14 .content_wrap .flex_wrap ul li {width: 23.7500vw;height: 27.5000vw;position:relative;box-sizing: border-box;background:transparent;border:0.0625vw solid #9e9b9a;} #section14 .content_wrap .flex_wrap ul li:hover {box-shadow: 0 0 1.2500vw rgba(255, 213, 137, 0.66), 0 0 1.8750vw rgba(255, 213, 137, 0.5);z-index:3;border:0.1250vw solid #ffd589} #section14 .content_wrap .flex_wrap ul li .txt_box {padding:4.0625vw 3.1250vw;} #section14 .content_wrap .flex_wrap ul li:hover .txt_box {padding:4.0000vw 3.0625vw;} #section14 .content_wrap .flex_wrap ul li .txt_box p {color:#fff;letter-spacing: -0.05em;font-size: 1.1250vw;font-weight: 500;line-height: 1.5;} #section14 .content_wrap .flex_wrap ul li .txt_box p.tit {font-size: 1.8750vw;font-weight: 700;line-height: 1.2;margin-bottom: 10.0000vw;} #section14 .content_wrap .flex_wrap ul li .list {} #section14 .content_wrap .flex_wrap ul li .list p {color:#fff;font-size: 1.1250vw;letter-spacing: -0.05em;line-height: 1.8750vw;font-weight: 400;} /* section14 e */ /* section15 s */ #section15 {background:url('../../images/sec15_bg.jpg')no-repeat center top/cover;overflow:hidden;;position:relative;padding:7.5000vw 0 6.8750vw;max-width:100%;margin:0 auto;} #section15 .inner {width: 75.0000vw;margin:0 auto;} #section15 .title_wrap {text-align: center;position:relative;} #section15 .title_wrap p {color:#000;letter-spacing: -0.05em;} #section15 .title_wrap p.title {font-size: 3.7500vw;font-weight: normal;line-height: 4.3750vw;} #section15 .title_wrap p.desc {font-size: 1.1250vw;font-weight: 400;margin-top: 1.2500vw;} #section15 .list_wrap {position:relative;z-index:10;margin-top:3.7500vw;} #section15 .list_wrap ul {display:flex;justify-content:flex-start;align-items:center;gap:1.8750vw;flex-wrap:wrap;} #section15 .list_wrap ul li {background:url('../../images/sec15_list_bg.png')no-repeat center bottom / cover;width: 17.3438vw;height: 9.1250vw;text-align: center;display:flex;justify-content:center;align-items:center;} #section15 .list_wrap ul li .bg {width: 14.5625vw;height: 7.3750vw;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;} #section15 .list_wrap ul li .bg p {font-size: 1.5000vw;font-weight: 700;color:#dd3c22;letter-spacing: -0.05em;line-height:1.2;} /* section15 e */ /* section16 s */ #section16 {background:url('../../images/sec16_bg.jpg')no-repeat center top/cover;overflow:hidden;;position:relative;padding:7.5000vw 0 6.8750vw;max-width:100%;margin:0 auto;} #section16 .inner {width: 75.0000vw;margin:0 auto;} #section16 .title_wrap {text-align: center;position:relative;} #section16 .title_wrap p {color:#000;letter-spacing: -0.05em;} #section16 .title_wrap p.title {font-size: 3.7500vw;font-weight: normal;line-height: 4.3750vw;} #section16 .content_wrap {margin-top: 2.5000vw;} #section16 table {width: 100%;border-collapse: collapse;border:0;table-layout: fixed} #section16 th {padding: 1.2500vw;text-align: center;border:0;} #section16 th.th1 {width: 13.4375vw;} #section16 th.th5 {width: 20.3125vw;} #section16 td {padding: 1.2500vw 0.6250vw;text-align: center;border:0;} #section16 td.fzs {font-size: 1.0000vw;} #section16 tr {border-bottom:0.0625vw solid #676767;} #section16 th {font-size: 1.3750vw;color:#f4f3ed;background:#000;font-weight: 700;} #section16 td {font-size: 1.2500vw;font-weight: 500;color:#444;} #section16 td.border-right {border-right:0.0625vw solid #676767;} #section16 td.border-left {border-left:0.0625vw solid #676767;} #section16 td span {background:#cb2917;padding:0.2500vw 0.6250vw;color:#fff;} #section16 td.color {color:#cb2917;} #section16 s {color: #cb2917;} #section16 td.color small {color: #444;font-size: 1.2500vw;position:relative;margin-right:2%;} #section16 td.color small:after {content:'';display:block;width: 3.2500vw;height: 0.3750vw;background:url('../../images/sec16_arr.png')no-repeat center/cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} #section16 .content_wrap p.right_txt {text-align: right;margin-bottom: 1.2500vw;font-size: 1.0000vw;font-weight: 500;} #section16 .content_wrap p.caption {font-size: 1.0000vw;font-weight: 500;padding:1.8750vw 1.5625vw;letter-spacing: -0.05em;} /* section16 e */ } @media(max-width: 1080px){ } @media(max-width: 768px){ .pc_only {display: none;} .mobile_only {display: block;} /* #header {display: none;} */ /* #inquiry {display: none;} */ /* common */ /* 흐르는 슬라이드 */ .marquee {width: 100%;padding:2.6042vw;} .marquee .swiper-slide {width: 184.7656vw;} /* 메인 숫자 카운팅 */ .rolling-counter-wrap { margin-top: 4.5573vw;} .rolling-counter-wrap * {font-size:8.0729vw;} .rolling-number { width:12.8906vw; height: 11.8490vw; border:0.2604vw solid #fcd86a; box-shadow:0.0000vw 0.0000vw 1.3021vw rgba(255, 213, 137, 1), inset 0.0000vw 0.0000vw 1.3021vw rgba(255, 213, 137, 1); } .rolling-number + .rolling-number { margin-left: 0.5208vw; } .rolling-number .numbers span { line-height: 11.3281vw;width: 100%;height: 11.3281vw;} .rolling-dot { margin: 0 0.5208vw; font-size: 5.2083vw; } .rolling-unit {font-size: 6.2500vw;padding-bottom: 2.6042vw;margin:0 0.5208vw} /* img.glow {filter: drop-shadow(0 0 0.2604vw rgba(239, 53, 34, 0.5)) drop-shadow(0 0 0.5208vw rgba(239, 53, 34, 0.3));width: 8.9844vw;} */ .glow {width: 8.9844vw;height:8.9844vw;} .glow img {width: 100%;} .glow:after {width:8.9844vw;height:8.9844vw;} /* header */ #header {width:100%;height:13.0208vw;position:fixed;left:0;top:0;z-index:100;box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);display: none;} #header .header-wrap {height:13.0208vw;} #header .header-wrap .inner {padding:0 3.9063vw;max-width:100%;justify-content:space-between;} #header .header-wrap .inner .logo {} #header .header-wrap .inner .logo img {width: 31.9010vw;} #header .header-wrap .inner #navigation {display: none;} #header .header-wrap .inner #navigation ul {display:flex;justify-content:center;align-items:center;gap:7.8125vw;} #header .header-wrap .inner #navigation ul li {display:flex;align-items:center;} #header .header-wrap .inner #navigation ul li a {font-size: 2.8646vw;font-weight: 700;color:#13151b} #header .header-wrap .inner #navigation ul li a span {} #header .header-wrap .inner .tel {} #header .header-wrap .inner .tel img {width: 28.7760vw;} #header_m {width:100%;height:13.0208vw;position:absolute;left:0;top:0;z-index:100;box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);opacity: 0;display: block;} #header_m .header-wrap_m {height:13.0208vw;} #header_m .header-wrap_m .inner {width:100%;height:100%;padding:0 3.9063vw;max-width:100%;background:url('../../images/hd_bg.png')no-repeat center / cover;justify-content:space-between;display:flex;align-items:center;} #header_m .header-wrap_m .inner .logo {} #header_m .header-wrap_m .inner .logo img {width: 31.9010vw;} #header_m .header-wrap_m .inner .tel {} #header_m .header-wrap_m .inner .tel img {width: 28.7760vw;} #mobile_nab {height:10.4167vw;} #mobile_nab .section-nab-wrap {background:#fea70f;height: 10.4167vw;opacity: 0;} #mobile_nab.scrollDown .section-nab-wrap {box-shadow:0 0 1rem rgba(0,0,0,0.5);opacity: 1;} #mobile_nab .section-nab-wrap .nab_inner {} #mobile_nab .section-nab-wrap .nab_inner .nab_gnb-wrap {} #mobile_nab .section-nab-wrap .nab_inner .nab_gnb-wrap ul {gap:7.8125vw;padding:0;} #mobile_nab .section-nab-wrap .nab_inner .nab_gnb-wrap ul li {margin:0;opacity: 1;} #mobile_nab .section-nab-wrap .nab_inner .nab_gnb-wrap ul li.on {opacity: 1;} #mobile_nab .section-nab-wrap .nab_inner .nab_gnb-wrap ul li a {font-size: 2.8646vw;font-weight: 700;color:#13151b} #mobile_nab .section-nab-wrap .nab_inner .nab_gnb-wrap ul li.on a {color:#fff;} /* 롤링 중 글자 */ #section01 .rolling-unit {margin: 0 0.5208vw; font-size:6.2500vw;} #intro { display: block; } #intro .section_inner { padding: 12rem 4rem; } .intro_center { flex-direction: column; width: 100%; } /* main intro */ .pin-spacer { overflow: hidden; } .pin-spacer .intro_container { pointer-events: auto; } #intro { width: 100%; } .intro_container { position: absolute; top: 0; left: 0; z-index: 10; background: #000; width: 100%; height: 100vh; pointer-events: none; } .intro_skip { position: absolute; right: 3.9063vw; bottom: 13.0208vw; z-index: 1000; cursor: pointer; } .intro_wrap { position: absolute; inset: 0; } .intro_content { display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100%; } .intro_center { position: relative; display: flex; justify-content: center; align-items: center; text-align: center; } .intro_text { position: absolute; z-index: 10; } .intro_text img, .intro_img img { width: 100%; } .intro_wrap01 { } .intro_wrap01 .intro_center {} .intro_wrap01 .img01 { width: 47.2656vw; max-width: 47.2656vw; min-width: 47.2656vw;padding-top:13.0208vw;} .intro_wrap01 .text01 { width: 57.0313vw; top: 0; left: 50%;transform:translateX(-50%); max-width: 52.2135vw; min-width: 38.2813vw; } .intro_wrap02 {} .intro_wrap02 .intro_center {width: 100%;padding-top:15%;} .intro_wrap02 .img01 { width: 47.2656vw; max-width: 47.2656vw; min-width: 47.2656vw;} .intro_wrap02 .text01 { width: 57.0313vw; top: 0; left: 50%;transform:translateX(-50%); max-width: 57.0313vw; min-width: 57.0313vw; } .intro_wrap02 .intro_side_txt {position:absolute;} .intro_wrap02 .intro_side_tree {position:absolute;} .intro_wrap02 .intro_side_food {position:absolute;display: none;} .intro_wrap02 .intro_side_light {position:absolute;top:-1%;} .intro_wrap02 .intro_side_light img {width: 135.1563vw;} .intro_wrap02 .intro_side_txt img {width: 34.1146vw;} .intro_wrap02 .intro_side_txt.txt_l {left:50%;bottom:auto;transform:translateX(-50%);top:-18.2292vw;} .intro_wrap02 .intro_side_txt.txt_r {right:auto;left:50%;transform:translateX(-50%);bottom:-18.2292vw;} .intro_wrap02 .intro_side_tree img {width: 125.7813vw;} .intro_wrap02 .intro_side_tree.tree_l {left:-66%;top:20.8333vw;} .intro_wrap02 .intro_side_tree.tree_r {right:-66%;top:20.8333vw;} .intro_wrap02 .intro_side_food img {width: 40.3646vw;} .intro_wrap02 .intro_side_food.food_l {left:-20.8333vw;top:30%;} .intro_wrap02 .intro_side_food.food_r {right:-20.8333vw;top:30%;} /* section01 s */ #section01 {height:var(--view-height);;} #section01 .background_img {} #section01 .sec01_light {position:absolute;left:50%;top:-0.8%;transform:translateX(-50%)} #section01 .sec01_light img {width: 135.1563vw;} #section01 .sec01_txt_wrap {position:absolute;text-align: center;left:50%;top:50%;transform:translate(-50%,-50%)} #section01 .sec01_txt_wrap img {width: 81.9010vw;} #section01 .sec01_txt_wrap p {font-size: 3.9063vw;} /* section02 s */ #section02 {position:relative;max-width:100%;width:100%;margin:0 auto;overflow:hidden;} #section02 .sec02_cont_box {} #section02 .sec02_cont_box .inner {width:100%;} #section02 .sec02_cont_box .title_wrap {} #section02 .sec02_cont_box .title_wrap p.title {font-size: 9.1146vw;line-height: 10.4167vw;} #section02 .sec02_cont_box .title_wrap p.title span {} #section02 .sec02_cont_box.cont01 {background:url('../../images/sec02_1_bg.jpg')no-repeat center top/cover;padding:11.7188vw 0;} #section02 .sec02_cont_box.cont01 .inner {padding:0 3.9063vw;} #section02 .sec02_cont_box.cont01 .counter_caption {font-size: 3.1250vw;margin-top: 1.9531vw;padding-right: 5.7292vw} #section02 .sec02_cont_box.cont02 {background:url('../../images/m/sec02_2_bg_m.jpg')no-repeat center top/cover;padding-bottom: 6.5104vw;} #section02 .sec02_cont_box.cont02 .top_cont {width: 100%;padding-top: 20.8333vw;} #section02 .sec02_cont_box.cont02 .top_cont #sec02_swiper {padding:5.2083vw 0;} #section02 .sec02_cont_box.cont02 .top_cont #sec02_swiper .swiper-slide {width: 49.8698vw;} #section02 .sec02_cont_box.cont02 .top_cont .sec02_food {top:-13.0208vw;width:67.7083vw;} #section02 .sec02_cont_box.cont02 .bot_cont {margin-top:11.7188vw;padding:0 3.9063vw;} #section02 .sec02_cont_box.cont02 .receipt_wrap { width: 100%;border:0.2604vw solid #ffaa11; box-shadow: 0 0 2.6042vw rgba(255, 213, 137, 0.66), 0 0 3.9063vw rgba(255, 213, 137, 0.5); padding:7.8125vw 0vw 16.9271vw; } #section02 .sec02_cont_box.cont02 .receipt_wrap .title_wrap {width:75.5208vw;margin:0 auto 9.1146vw;} #section02 .sec02_cont_box.cont02 .receipt_wrap .title_wrap p.title {font-size: 7.2917vw;line-height:9.1146vw;} #section02 .sec02_cont_box.cont02 .receipt_wrap .title_wrap .glow {position:absolute;bottom:10.1563vw;} #section02 .sec02_cont_box.cont02 .receipt_wrap .title_wrap .glow.glow_left {left:2%;} #section02 .sec02_cont_box.cont02 .receipt_wrap .title_wrap .glow.glow_right {right:2%;} #section02 .sec02_cont_box.cont02 .receipt_wrap .title_wrap .sec02_sub {margin-top: 3.9063vw;width: 39.0625vw;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul {flex-wrap:wrap;gap:3.9063vw;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li {width: 46.8750vw;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li:after {height:0.2604vw;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box { width: 44.5313vw;height: 46.8750vw;background:url('../../images/sec02_receipt_bg.png')no-repeat center / cover;padding:1.3021vw;margin:0 auto; } #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .border {border:0.2604vw solid #dd3c22;;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .tit_box {border-bottom:0.2604vw solid #dd3c22;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .tit_box span.side {width: 4.0365vw;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .tit_box span.side img {width: 100%;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .tit_box span.main {font-size: 3.9063vw;width:calc(100% - 4.0365vw);padding-right: 4.0365vw;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .info_box {padding:1.9531vw 0 2.6042vw;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .info_box .info_dot {margin-bottom: 0.6510vw;width: 0.3906vw;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .info_box .data_info {padding:0 3.2552vw;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .info_box .data_info.mb {margin-bottom:1.3021vw;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .info_box .data_info span {font-size: 2.0833vw;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .info_box .sum_box { font-size: 3.1250vw;padding:1.3021vw 3.9063vw;border-radius:3.1250vw;margin:1.9531vw auto 1.3021vw; } #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .info_box .total_price {font-size: 5.8594vw;margin-bottom: 1.0417vw;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .info_box .barcode {width: 37.5000vw;} #section02 .sec02_cont_box.cont02 .receipt_wrap .receipt_list ul li .list_box .info_box .barcode img {width:100%;} .sec02_left {display: none;} .sec02_right {display: none;} #section02 .bottom_wrap {} #section02 .bottom_wrap .wing_lines {left: 50%;transform:translateX(-50%);width: calc(100% - 8.2031vw);height: 13.0208vw;bottom:-10.4166vw;} #section02 .bottom_wrap .wing_lines::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 2.6042vw} #section02 .bottom_wrap .wing_lines .wing_line {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 2.6042vw;} #section02 .marquee {border-bottom:0.1302vw solid #fca70e;padding:1.9531vw 0;;} #section02 .marquee .swiper-slide {width: 223.1771vw;} #section02 .marquee .swiper-slide img {width: 100%;} #section02 .flow-ani-wrap img {width: 270.5729vw;} /* section02 e */ /* section03 s */ #section03 {padding:13.0208vw 0 19.5313vw;background:url('../../images/sec03_bg.jpg')no-repeat center top/ cover;max-width:100%;} #section03 .inner {width:100%;} #section03 .title_wrap {width:75.5208vw;} #section03 .title_wrap p {font-size: 3.9063vw;line-height: 3.1250vw;} #section03 .title_wrap p.title {font-size: 7.8125vw;line-height: 9.1146vw;} #section03 .title_wrap p.okman {} #section03 .title_wrap p.desc {margin-top:2.6042vw;} #section03 .title_wrap .glow {bottom:5.2083vw;} #section03 .title_wrap .glow.glow_left {left:0;} #section03 .title_wrap .glow.glow_right {right:0;} #section03 .content_wrap {margin-top: 13.0208vw;} .sec03_bar_wrap{width: 87.2396vw;height: 1.3021vw;} .sec03_bar_fill{top: 0;left: 0;width: 61.1979vw;height: 100%;} .sec03_bar_pin01{top: -2.9948vw;left: 55.9896vw;width: 7.2917vw;} .sec03_bar_pin02{top: -7.1615vw;right: -1.9531vw;width: 11.7188vw;} .sec03_bar_pin01 img {width: 100%;} .sec03_bar_pin02 img {width: 100%;} .sec03_bar_txt{top: -7.8125vw;left: 51.1719vw;} .sec03_bar_txt img {width: 16.9271vw;} #section03 .content_wrap .map_wrap {position:relative;text-align: center;} #section03 .content_wrap .map_wrap .map_img {width: 97.9167vw;} #section03 .content_wrap .map_wrap .map_pin {position:absolute;left:0;top:10.4167vw;width: 95.3125vw;} #section03 .content_wrap .map_wrap .food_box {position:absolute;animation: pulse-animation3 2s infinite;border-radius:50%;} #section03 .content_wrap .map_wrap .food_box:after {width:100%;height:100%;content:"";display:block;position:absolute;left:0;top:0;animation: pulse-animation4 2s infinite;border-radius:50%;} #section03 .content_wrap .map_wrap .food_box img {width: 100%;} #section03 .content_wrap .map_wrap .food_box.box1 {width: 23.4375vw;height: 23.4375vw;left:-2%;top:42.9688vw;} #section03 .content_wrap .map_wrap .food_box.box2 {width: 18.2292vw;height: 18.2292vw;left:14.9740vw;top:15.6250vw;} #section03 .content_wrap .map_wrap .food_box.box3 {width: 11.7188vw;height: 11.7188vw;right:15.6250vw;top: 26.0417vw;} #section03 .content_wrap .map_wrap .food_box.box3 img {left:55%} #section03 .content_wrap .map_wrap .food_box.box4 {width: 20.8333vw;height: 20.8333vw;right:-2%;top: 46.8750vw;} #section03 .content_wrap .slider_wrap {top:16.2760vw;} #section03 .content_wrap .slider_wrap:after {width:50.3906vw;height:50.3906vw;} #section03 .content_wrap #sec03_swiper {width:50.3906vw;height: 50.3906vw;border:0.2604vw solid #f99d13;} #section03 .content_wrap #sec03_swiper .swiper-slide {width: 50.3906vw;height: 50.3906vw;} #section03 .content_wrap #sec03_swiper .swiper-slide p {font-size: 2.9948vw;} #section03 .content_wrap #sec03_swiper .swiper-slide p.slide_tit {font-size: 9.1146vw;margin:1.3021vw auto;} #section03 .content_wrap #sec03_swiper .swiper-slide .slide_name {border-radius:2.6042vw;width: 22.3958vw;height: 5.8594vw;margin:0 auto;} #section03 .content_wrap #sec03_swiper .swiper-slide .slide_name p {line-height: 5.8594vw;font-size: 3.9063vw;} #section03 .content_wrap #sec03_swiper .swiper-03-pagination {bottom:5.2083vw;} #section03 .content_wrap #sec03_swiper .swiper-03-pagination .swiper-pagination-bullet {width: 1.3021vw;height: 1.3021vw;} #section03 .content_wrap .list_wrap {position:static;margin-top:-5%;} #section03 .content_wrap .list_wrap ul {gap:4.2969vw;flex-wrap:wrap;} #section03 .content_wrap .list_wrap ul li {width: 41.6667vw;height: 24.7396vw;} #section03 .content_wrap .list_wrap ul li .bg {width: 37.1094vw;height: 19.2708vw;} #section03 .content_wrap .list_wrap ul li .bg p {font-size: 4.4271vw;line-height: 19.2708vw;} #section03 .bottom_wrap .wing_lines {width: 100%;height: 13.0208vw;bottom:-12.8906vw;} #section03 .bottom_wrap .wing_lines::before {width: 100%;height: 2.6042vw} #section03 .bottom_wrap .wing_lines .wing_line {width: 100%;height: 2.6042vw;} /* section03 e */ /* section04 s */ #section04 {padding:15.6250vw 0 20.8333vw;background:url('../../images/sec04_bg.jpg')no-repeat center top/ cover;max-width:100%;} #section04 .inner {width:100%;} #section04 .title_wrap {text-align: center;position:relative;width:65.1042vw;margin:0 auto;} #section04 .title_wrap p {font-size: 2.6042vw;line-height: 3.1250vw;} #section04 .title_wrap p.title {font-size: 9.1146vw;line-height: 10.4167vw;} #section04 .title_wrap p.okman {} #section04 .title_wrap p.desc {margin-top:2.6042vw;} #section04 .title_wrap .glow {position:absolute;bottom:0.0000vw;} #section04 .title_wrap .glow.glow_left {left:-2%;} #section04 .title_wrap .glow.glow_right {right:-2%;} #section04 .content_wrap {margin-top:13.0208vw;} #section04 .content_wrap .cont_wrap {} #section04 .content_wrap .cont_wrap .cont_flex {text-align: center;} #section04 .content_wrap .cont_wrap .cont_flex p {} #section04 .content_wrap .cont_wrap .cont_flex .cont_tit {font-size: 6.5104vw;line-height:7.8125vw;} #section04 .content_wrap .cont_wrap .cont_flex .cont_desc{font-size: 3.9063vw;line-height: 5.4688vw;margin-top: 5.2083vw;} #section04 .content_wrap .cont_wrap.cont01 {width: 100%;height: auto;background:transparent;} #section04 .content_wrap .cont_wrap.cont01 .cont_flex {width:100%;height:100%;display:block;} #section04 .content_wrap .cont_wrap.cont01 .cont_flex .flex_left {display: none;} #section04 .content_wrap .cont_wrap.cont01 .cont_flex .flex_left .flex_img {} #section04 .content_wrap .cont_wrap.cont01 .cont_flex .flex_left .flex_img img {} #section04 .content_wrap .cont_wrap.cont01 .cont_flex .flex_right { width: 79.4271vw;height:88.5417vw;background:url('../../images/m/sec04_cont2_1_bg_m.png')no-repeat center /cover;padding: 9.3750vw;margin:0 auto; display:flex;align-items:center;justify-content:center;flex-direction: column; } #section04 .content_wrap .cont_wrap.cont02 {margin-top:5.2083vw;} #section04 .content_wrap .cont_wrap.cont02 .cont_flex {width:100%;height:100%;display:block;} #section04 .content_wrap .cont_wrap.cont02 .cont_flex .flex_left { width: 79.4271vw;height:88.5417vw;background:url('../../images/m/sec04_cont2_2_bg_m.png')no-repeat center /cover;padding: 9.3750vw;margin:0 auto; display:flex;align-items:center;justify-content:center;flex-direction: column;margin-bottom:5.2083vw; } #section04 .content_wrap .cont_wrap.cont02 .cont_flex .flex_right { width: 79.4271vw;height: 88.5417vw;background:url('../../images/m/sec04_cont2_3_bg_m.png')no-repeat center /cover;padding: 9.3750vw;margin:0 auto; padding-top: 17.5781vw; } #section04 .content_wrap .cont_wrap.cont02 .cont_flex .cont_food {position:relative;right:auto;bottom:-10%;left:50%;transform:translateX(-50%);} #section04 .content_wrap .cont_wrap.cont02 .cont_flex .cont_food img {} #section04 .content_wrap .cont_wrap.cont02 .cont_flex .cont_food .food {width: 60.4167vw;} #section04 .content_wrap .cont_wrap.cont02 .cont_flex .cont_food .smoke {width: 44.5313vw;left:7.8125vw;bottom:20.8333vw;} .marquee_vertical {display: none;} #section04 .marquee {position:absolute;left:0;bottom:0;background:#dd3c22;padding:3.3854vw 0;} #section04 .marquee .text_slide {} #section04 .marquee .text_slide .swiper-slide {width: 113.6719vw;} #section04 .marquee .text_slide .swiper-slide img {width: 113.6719vw;} /* section04 e */ /* section05 s */ #section05 {position:relative;padding:16.9271vw 0 15.6250vw;background:url('../../images/m/sec05_bg_m.jpg')no-repeat center top/ cover;overflow:hidden;max-width:250.0000vw;margin:0 auto;} #section05 .inner {width:100%;padding:0 3.9063vw} #section05 .title_wrap {text-align: center;position:relative;} #section05 .title_wrap p {color:#fff;font-size: 2.6042vw;font-weight: 700;line-height: 3.1250vw;letter-spacing: -0.05em;} #section05 .title_wrap p.title {font-size: 7.8125vw;font-weight: 800;line-height: 9.1146vw;} #section05 .title_wrap p.okman {font-weight: normal;} #section05 .title_wrap p.desc {margin-top:2.6042vw;font-size: 3.9063vw;line-height: 5.4688vw;} #section05 .content_wrap {margin-top:10.4167vw;position:relative;} #section05 .content_wrap .cont_wrap {background:rgba(0,0,0,0.6);border:0.2604vw solid #ffaa11;width: 100%;height: auto;} #section05 .content_wrap .cont_wrap .cont_flex {width:100%;height:100%;} #section05 .content_wrap .cont_wrap .cont_flex p {color:#fff;letter-spacing: -0.05em;line-height: 1.1;} #section05 .content_wrap .cont_wrap .cont_flex .cont_tit {font-size: 6.5104vw;line-height:7.8125vw;} #section05 .content_wrap .cont_wrap .cont_flex .cont_desc{font-size: 3.9063vw;line-height: 5.4688vw;margin-top: 2.6042vw;} #section05 .content_wrap .cont_wrap.cont01 {padding:7.8125vw 0 9.6354vw} #section05 .content_wrap .cont_wrap.cont01 .cont_flex {display:block;text-align: center;} #section05 .content_wrap .cont_wrap.cont01 .cont_flex .flex_left {padding-left: 0;margin-bottom: 9.1146vw;} #section05 .content_wrap .cont_wrap.cont01 .cont_flex .flex_left .flex_img {} #section05 .content_wrap .cont_wrap.cont01 .cont_flex .flex_left .flex_img img {width: 71.7448vw;} #section05 .content_wrap .cont_wrap.cont01 .cont_flex .flex_left .suic {text-align: center;position:absolute;left:12.5000vw;top:6.5104vw;} #section05 .content_wrap .cont_wrap.cont01 .cont_flex .flex_left .suic p {font-size: 3.1250vw;} #section05 .content_wrap .cont_wrap.cont01 .cont_flex .flex_left .suic p.name {} #section05 .content_wrap .cont_wrap.cont01 .cont_flex .flex_left .suic p.data {font-size: 5.2083vw;padding:0.6510vw 1.3021vw;margin-top: 0.6510vw;} #section05 .content_wrap .cont_wrap.cont01 .cont_flex .flex_left .suic p.data.on {} #section05 .content_wrap .cont_wrap.cont01 .cont_flex .flex_left .suic p.data span{font-size: 2.6042vw;} #section05 .content_wrap .cont_wrap.cont01 .cont_flex .flex_right {padding-left: 0;} #section05 .content_wrap .cont_wrap.cont01 .cont_flex .flex_right .flex_img {} #section05 .content_wrap .cont_wrap.cont01 .cont_flex .flex_right .flex_img img {width: 52.0833vw;} #section05 .content_wrap .cont_wrap.cont02 {margin-top: 2.6042vw;padding:14.3229vw 0 11.7188vw} #section05 .content_wrap .cont_wrap.cont02 .cont_flex {display:block;} #section05 .content_wrap .cont_wrap.cont02 .cont_flex .flex_left {padding-left: 0;text-align: center;} #section05 .content_wrap .cont_wrap.cont02 .cont_flex .flex_right {padding-left: 11.4583vw;margin-top:7.8125vw;} #section05 .content_wrap .cont_wrap.cont02 .cont_flex .flex_right .flex_img {} #section05 .content_wrap .cont_wrap.cont02 .cont_flex .flex_right .flex_img img {width: 52.0833vw;} #section05 .content_wrap .cont_wrap.cont02 .cont_flex .flex_right .pulse_box { width: 29.2969vw;height: 29.2969vw;right:9.1146vw; } #section05 .content_wrap .cont_wrap.cont02 .cont_flex .flex_right .pulse_box:after {content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;animation: pulse-animation2 2s infinite;border-radius:50%;} #section05 .content_wrap .cont_wrap.cont02 .cont_flex .flex_right .pulse_box .txt_box {text-align: center;} #section05 .content_wrap .cont_wrap.cont02 .cont_flex .flex_right .pulse_box .txt_box p {font-size: 2.8646vw;} #section05 .content_wrap .cont_wrap.cont02 .cont_flex .flex_right .pulse_box .txt_box p.name {} #section05 .content_wrap .cont_wrap.cont02 .cont_flex .flex_right .pulse_box .txt_box p.data {font-size: 7.1615vw;} #section05 .content_wrap .cont_wrap.cont02 .cont_flex .flex_right .pulse_box .txt_box p.data span {font-size: 2.8646vw;} /* section05 e */ /* section06 s */ #section06 {position:relative;padding:24.7396vw 0 15.6250vw;background:url('../../images/sec06_bg.jpg')no-repeat center top/ cover;overflow:hidden;max-width:250.0000vw;margin:0 auto;} #section06 .inner {width:100%;padding:0 10.4167vw;} #section06 .title_wrap {text-align: center;position:relative;display:flex;justify-content:center;align-items:center;gap:1.9531vw;} #section06 .title_wrap p {color:#fff;font-size: 2.6042vw;font-weight: 700;letter-spacing: -0.05em;} #section06 .title_wrap p.title {font-size: 7.8125vw;font-weight: 800;} #section06 .title_wrap p.okman {font-weight: normal;color:#ffaa11;} #section06 .content_wrap {margin-top:6.5104vw;position:relative;} #section06 .content_wrap .flex_wrap {} #section06 .content_wrap .flex_wrap ul {flex-wrap:wrap;gap:3.9063vw} #section06 .content_wrap .flex_wrap ul li {width: 100%;height: 96.8750vw;position:relative;box-sizing: border-box;} #section06 .content_wrap .flex_wrap ul li:nth-child(1) {background:url('../../images/sec06_list_1bg.png')no-repeat center;} #section06 .content_wrap .flex_wrap ul li:nth-child(2) {background:url('../../images/sec06_list_2bg.png')no-repeat center} #section06 .content_wrap .flex_wrap ul li:nth-child(3) {background:url('../../images/sec06_list_3bg.png')no-repeat center} #section06 .content_wrap .flex_wrap ul li .hover_box {width:100%;height:100%;background:rgba(0,0,0,0.6);position:absolute;left:0;top:0;transition:0.5s;} #section06 .content_wrap .flex_wrap ul li .txt_box {position:absolute;left:11.7188vw;bottom:auto;top:50%;transform:translateY(-50%);} #section06 .content_wrap .flex_wrap ul li .txt_box p {font-size: 3.9063vw;line-height: 1.5;} #section06 .content_wrap .flex_wrap ul li .txt_box p.tit {font-size: 5.2083vw;} #section06 .content_wrap .flex_wrap ul li .txt_box p.desc {margin-top: 5.2083vw;} #section06 .marquee {position:absolute;left:0;top:0;padding:3.6458vw 0;} #section06 .marquee .swiper-slide {width: 260.4167vw;} #section06 .marquee .swiper-slide img {width: 100%;vertical-align: middle;} #section06 .content_wrap .flex_wrap ul li:hover {box-shadow: none;z-index: initial;border: none;} #section06 .content_wrap .flex_wrap ul li:hover .hover_box {background:rgba(0,0,0,0.6)} #section06 .content_wrap .flex_wrap ul li:hover .txt_box {position:absolute;left:11.7188vw;bottom:auto;top:50%;transform:translateY(-50%);} /* section06 e */ /* section07 s */ #section07 {padding:14.3229vw 0 0;background:url('../../images/m/sec07_bg_m.jpg')no-repeat center top/cover;height:auto;max-width:100%;} #section07 .inner {width:100%;padding:0 3.9063vw;} #section07 .title_wrap {text-align: center;position:relative;width:100%;} #section07 .title_wrap p {font-size: 3.9063vw;line-height: 5.4688vw;} #section07 .title_wrap p.title {font-size: 9.1146vw;line-height: 10.4167vw;} #section07 .title_wrap p.okman {font-weight: normal;} #section07 .title_wrap p.desc {margin-top:3.9063vw;font-size: 3.9063vw;line-height: 1.6;} #section07 .title_wrap p.desc span {padding:0.2604vw 0.6510vw;} #section07 .title_wrap .glow {position:absolute;top:0.0000vw;} #section07 .title_wrap .glow.glow_left {left:8%;} #section07 .title_wrap .glow.glow_right {right:8%;} #section07 .content_wrap {margin-top: 7.8125vw;} #section07 .content_wrap .stamp_box {position:absolute;left:55%;top:13.8021vw;} #section07 .content_wrap .stamp_box:after {content:"";display:block;width:100%;height:100%;} #section07 .content_wrap .stamp_box img {width: 30.5990vw;} #section07 .content_wrap .sec07_fix {width: 37.3698vw;margin-bottom:-14.3229vw;} #section07 .flow-ani-wrap {position:absolute;left:0;bottom:11.7188vw;} #section07 .flow-ani-wrap img {width: 245.5729vw;} /* section07 e */ /* section08 s */ #section08 {background:url('../../images/sec08_bg.jpg')no-repeat center top;overflow:hidden;;position:relative;max-width:250.0000vw;margin:0 auto;} #section08 .inner {padding:24.7396vw 3.9063vw 18.2292vw;width: 100%;} #section08 .bottom_wrap .wing_lines2 {position: absolute;left: 0;width: 100%;height: 13.0208vw;top:-12.8906vw;top:auto;} #section08 .bottom_wrap .wing_lines2::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 2.6042vw} #section08 .bottom_wrap .wing_lines2 .wing_line {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 2.6042vw;} #section08 .title_wrap {text-align: center;position:relative;width:100%;} #section08 .title_wrap p {color:#fff;font-size: 2.6042vw;font-weight: 700;line-height: 3.1250vw;letter-spacing: -0.05em;} #section08 .title_wrap p.title {font-size: 7.8125vw;font-weight: 800;line-height: 9.1146vw;} #section08 .title_wrap p span {font-weight: normal;color:#fca70e;} #section08 .title_wrap p.desc {margin-top:3.9063vw;font-size: 3.9063vw;line-height: 1.6;} #section08 .title_wrap p.desc span {padding:0.2604vw 0.6510vw;} #section08 .title_wrap .glow {position:absolute;bottom:47%;} #section08 .title_wrap .glow.glow_left {left:15%;} #section08 .title_wrap .glow.glow_right {right:15%;} /* service */ #section08 .content_wrap {position:relative;margin-top: 7.8125vw;} #section08 .service_cir {position:relative;} #section08 .service_cir .service_slide {width: 92.1875vw} #section08 .service_cir .service_slide .swiper-slide {width: 92.1875vw;height: 92.1875vw;} #section08 .service_cir .service_slide .swiper-slide div {width:100%;height:100%;background:url('../../images/sec08_slide_bg.png')no-repeat center/cover;} #section08 .service_cir .service_slide .swiper-slide .service_sl01{background:url('../../images/sec08_slide_bg_on1.png')no-repeat center/cover;} #section08 .service_cir .service_slide .swiper-slide .service_sl02{background:url('../../images/sec08_slide_bg_on2.png')no-repeat center/cover;} #section08 .service_cir .service_slide .swiper-slide .service_sl03{background:url('../../images/sec08_slide_bg_on4.png')no-repeat center/cover;} #section08 .service_cir .service_slide .swiper-slide .service_sl04{background:url('../../images/sec08_slide_bg_on3.png')no-repeat center/cover;} #section08 .service_cir .service_in_slide {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:73.5677vw;height:73.5677vw;z-index:2;} #section08 .service_cir .service_in_slide .swiper-container {} #section08 .service_cir .service_in_slide .swiper-wrapper {} #section08 .service_cir .service_in_slide .swiper-slide {position:relative;width: 73.5677vw;height:73.5677vw;} #section08 .service_cir .service_in_slide .swiper-slide .service_in_sl {text-align: center;} #section08 .service_cir .service_in_slide .swiper-slide .service_in_sl .service_in_shadow { width: 73.5677vw;height: 73.5677vw;position:relative; background-image:url('../../images/sec08_txt_bg.png');background-repeat:no-repeat;background-size:cover; } #section08 .service_cir .service_in_slide .swiper-slide .service_in_sl .service_in_shadow .sl_txt { color:#fff;font-size: 3.9063vw; } #section08 .service_cir .service_in_slide .swiper-slide.sl01 .service_in_sl {position:absolute;left:0.0000vw;top:0.0000vw;} #section08 .service_cir .service_in_slide .swiper-slide.sl02 .service_in_sl {position:absolute;right:0.0000vw;top:0.0000vw;} #section08 .service_cir .service_in_slide .swiper-slide.sl03 .service_in_sl {position:absolute;right:0.0000vw;bottom:0.0000vw;} #section08 .service_cir .service_in_slide .swiper-slide.sl04 .service_in_sl {position:absolute;left:0.0000vw;bottom:0.0000vw;} #section08 .service_cir .service_in_slide .swiper-slide.sl01 .service_in_sl .service_in_shadow { background-image:url('../../images/sec08_txt_bg_1.png');background-position:left 0.3906vw top 0;} #section08 .service_cir .service_in_slide .swiper-slide.sl02 .service_in_sl .service_in_shadow {background-image:url('../../images/sec08_txt_bg_2.png');background-position:right top;} #section08 .service_cir .service_in_slide .swiper-slide.sl03 .service_in_sl .service_in_shadow {background-image:url('../../images/sec08_txt_bg_3.png');background-position:right bottom;} #section08 .service_cir .service_in_slide .swiper-slide.sl04 .service_in_sl .service_in_shadow {background-image:url('../../images/sec08_txt_bg_4.png');background-position:left bottom;} #section08 .service_cir .service_in_slide .swiper-slide.sl01 .service_in_sl .service_in_shadow .sl_txt {left:13.0208vw;top:15.6250vw;} #section08 .service_cir .service_in_slide .swiper-slide.sl02 .service_in_sl .service_in_shadow .sl_txt {right:15.6250vw;top:15.6250vw;} #section08 .service_cir .service_in_slide .swiper-slide.sl03 .service_in_sl .service_in_shadow .sl_txt {right:15.6250vw;bottom:18.2292vw;} #section08 .service_cir .service_in_slide .swiper-slide.sl04 .service_in_sl .service_in_shadow .sl_txt {left:15.6250vw;bottom:18.2292vw;} #section08 .service_cir .service_in_slide .swiper-slide .service_in_sl .dimm {} #section08 #sec08_mo {margin-top:5.2083vw;} #section08 .service_twrapper_m {position:static;left:0;top:0;width:100%;height:100%;letter-spacing: -0.05em;} #section08 .service_twrapper_m .service_twrap_m {position:static;text-align: center;} #section08 .service_twrapper_m .service_twrap_m.service_twrap01 {} #section08 .service_twrapper_m .service_twrap_m.service_twrap02 {text-align: center;} #section08 .service_twrapper_m .service_twrap_m.service_twrap03 {text-align: center;} #section08 .service_twrapper_m .service_twrap_m.service_twrap04 {} #section08 .service_twrapper_m .service_twrap_m .service_twrap_tit {position:relative;} #section08 .service_twrapper_m .service_twrap_m .service_twrap_tit span {opacity: 1;font-size: 5.2083vw;} #section08 .service_twrapper_m .service_twrap_m.on .service_twrap_tit span {opacity: 1;color:#000;} #section08 .service_twrapper_m .service_twrap_m .service_twrap_tit .highlight_wrap {position: relative;display: inline-block;margin-bottom:2.6042vw;} #section08 .service_twrapper_m .service_twrap_m .service_twrap_tit .highlight_wrap .highlight { background:#fda80f;top: -0.6510vw;bottom: -0.6510vw;left: -0.9115vw;right: -0.7813vw;opacity: 1;transition: opacity 0.5s;position:absolute;z-index:1; } #section08 .service_twrapper_m .service_twrap_m.on .service_twrap_tit .highlight_wrap .highlight {opacity: 1;} #section08 .service_twrapper_m .service_twrap_m .service_twrap_tit .highlight_wrap .rel {position:relative;z-index:2;font-weight: 700;} #section08 .service_twrapper_m .service_twrap_m .service_twrap_txt {opacity:1;font-size: 3.9063vw;line-height: 5.4688vw;margin-top: 1.9531vw;color:#fff;} #section08 .service_twrapper_m .service_twrap_m.on .service_twrap_txt {opacity: 1;} #section08 .swiper-08-pagination {position:static;margin-top: 7.8125vw;} #section08 .swiper-08-pagination .swiper-pagination-bullet {background:#343434;width: 1.8229vw;height:1.8229vw;border:none;} #section08 .swiper-08-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#fff;} /* section08 e */ /* section09 s */ #section09 {background:transparent;width:100%;height: auto;max-width:100%;} #section09 .flex_wrap {display:block;} #section09 .flex_wrap .flex_left {width:100%;padding-bottom:9.1146vw;position:relative;background:url('../../images/m/sec09_bg1_m.jpg')no-repeat center/cover;} #section09 .flex_wrap .flex_left .title_wrap {padding-left: 0;padding-top: 14.3229vw;text-align: center;} #section09 .flex_wrap .flex_left .title_wrap p {font-size: 7.8125vw;font-weight: 800;color:#000;} #section09 .flex_wrap .flex_left .title_wrap p.title {} #section09 .flex_wrap .flex_left .title_wrap p.okman {color:#dd3c22;} #section09 .flex_wrap .flex_left .flow-ani-wrap {margin-top:0;position:absolute;left:0;bottom:27.3438vw} #section09 .flex_wrap .flex_left .flow-ani-wrap ul li img {width: 169.2708vw;} #section09 .flex_wrap .flex_right {width:100%;position:relative;background:url('../../images/m/sec09_bg2_m.jpg')no-repeat center/cover;padding:9.1146vw 0;} #section09 .flex_wrap .flex_right .fr_img {animation: swing_ani 2s ease-in infinite;} #section09 .flex_wrap .flex_right .fr_img img {width: 66.7969vw;} #section09 .fixed_img {position:relative;left:0;bottom:0;;transform:none;text-align: center;margin-top:7.8125vw;z-index:10;} #section09 .fixed_img img {width: 60.9375vw;} /* section09 e */ /* section10 s */ #section10 {padding:19.5313vw 0 35.1563vw;max-width:100%;} #section10 .inner {width: 100%;padding:0 3.9063vw;} #section10 .bottom_wrap .wing_lines2 {height: 13.0208vw;top:0.0000vw;} #section10 .bottom_wrap .wing_lines2::before {height: 2.6042vw} #section10 .bottom_wrap .wing_lines2 .wing_line {height: 2.6042vw;} #section10 .title_wrap {width:67.7083vw;} #section10 .title_wrap p {color:#fff;font-size: 2.6042vw;font-weight: 700;line-height: 3.1250vw;letter-spacing: -0.05em;} #section10 .title_wrap p.title {font-size: 7.8125vw;font-weight: 800;line-height: 9.1146vw;} #section10 .title_wrap p span {font-weight: normal;color:#fca70e;} #section10 .title_wrap p.desc {margin-top:3.9063vw;font-size: 2.3438vw;font-weight: 400;line-height: 1.6;} #section10 .title_wrap p.desc span {background:#ffaa11;padding:0.2604vw 0.6510vw;color:#fff;} #section10 .content_wrap {position:relative;z-index:10;margin-top: 5.2083vw;} #section10 .flow-ani-wrap {position:absolute;left:0;bottom:14.3229vw;} #section10 .flow-ani-wrap img {width: 533.8542vw;} .content_wrap iframe {display: none;} /* Video Popup */ .vid-wrapper {text-align: center;} .vid {display: inline-block;vertical-align: top;position: relative;cursor: pointer;} .vid img {width: 92.1875vw;} .vid::before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;} .video-popup { position: fixed;top: 0;right: 0;bottom: 0;left: 0;display: flex;justify-content: center;align-items: center;z-index: 998; background: rgba(0, 0, 0, .7);cursor: pointer;display: none !important; } .video-popup.show-video {display: flex !important;} .iframe-wrapper {position: relative;width:100%;height:auto;} .iframe-wrapper iframe { z-index: 1; top: 50%; left: 50%; transform: translate(-50%,-50%); position: absolute; width: 91.1458vw; height: 51.3021vw; } .iframe-wrapper .close-video { display: none; } /* section10 e */ /* section11 s */ #section11 {background:#000;overflow:hidden;;position:relative;padding:15.6250vw 0 16.9271vw;max-width:100%;margin:0 auto;} #section11 .inner {width: 100%;padding:0 3.9063vw;} #section11 .title_wrap {text-align: center;position:relative;} #section11 .title_wrap p {color:#fff;letter-spacing: -0.05em;} #section11 .title_wrap p.title {font-size: 7.8125vw;font-weight: normal;line-height: 9.1146vw;} #section11 .adm_link {position:absolute;right:5%;top:5%;color:red;} #mc_pf1 {} #mc_pf1 .inner {} #mc_pf1 .inner #mc_pf {display:flex;justify-content:flex-start;flex-wrap:wrap;gap:3.3854vw;margin-top: 6.5104vw;} #mc_pf1 .inner #mc_pf .box {} #mc_pf1 .inner #mc_pf .box img {width: 44.4010vw;} #mc_pf1 .inner #mc_pf .box p {font-size: 3.9063vw;margin-top: 2.6042vw;} #mc_pf1 .view_more {font-size: 3.6458vw;border-bottom:0.1302vw solid #dd3c22;width:23.4375vw;margin:7.8125vw auto 0;padding-bottom: 1.3021vw;} .cate_tab_wrap {width:100%;margin:7.8125vw auto 0;} .cate_tab_wrap .cate_wrap {display:flex;justify-content:space-between;;align-items:center;flex-wrap:wrap;gap:2.3438vw;} .cate_tab_wrap .cate_wrap li {width: 28.3854vw;height: 7.8125vw;background:transparent;border:0.1302vw solid #dd3c22;text-align: center;transition:0.5s} .cate_tab_wrap .cate_wrap li a {font-size: 3.6458vw;line-height: 7.8125vw;} /* section11 e */ /* section12 s */ #section12 {background:url('../../images/sec12_bg.jpg')no-repeat center top/cover;overflow:hidden;;position:relative;padding:15.6250vw 0 16.9271vw;max-width:100%;} #section12 .inner {width: 100%;} #section12 .title_wrap {text-align: center;position:relative;} #section12 .title_wrap p {color:#fff;letter-spacing: -0.05em;} #section12 .title_wrap p.title {font-size: 7.8125vw;font-weight: normal;line-height: 9.1146vw;} #section12 .content_wrap {position:relative;z-index:10;margin-top: 7.8125vw;} #section12 .content_wrap .swiper-slide {width: 49.4792vw;margin-right:3.9063vw;} #section12 .content_wrap .swiper-slide img {width: 100%;} /* section12 e */ /* section13 s */ #section13 {background:url('../../images/sec13_bg.jpg')no-repeat center top/cover;padding:15.6250vw 0 15.6250vw;max-width:100%} #section13 body {background:transparent;} #embeded-content2 {min-height:80vh;} /* section13 e */ /* section14 s */ #section14 {background:url('../../images/m/sec14_bg_m.jpg')no-repeat center top/cover;padding:15.6250vw 0 15.6250vw;max-width:100%;} #section14 .inner {width: 100%;} #section14 .title_wrap {text-align: center;position:relative;} #section14 .title_wrap p {color:#fff;letter-spacing: -0.05em;} #section14 .title_wrap p.title {font-size: 7.8125vw;font-weight: normal;line-height: 9.1146vw;} #section14 .title_wrap p.desc {font-size: 3.9063vw;font-weight: 400;margin-top: 6.5104vw;} #section14 .content_wrap {position:relative;z-index:10;margin-top:11.7188vw;} #section14 .content_wrap .flex_wrap {} #section14 .content_wrap .flex_wrap ul {display:flex;justify-content:center;align-items:center;gap:3.9063vw;flex-wrap:wrap;} #section14 .content_wrap .flex_wrap ul li {width: 75.5208vw;height: 63.2813vw;position:relative;box-sizing: border-box;background:transparent;border:0.2604vw solid #ffd589;} #section14 .content_wrap .flex_wrap ul li:hover {box-shadow:none;border:0.2604vw solid #ffd589;} #section14 .content_wrap .flex_wrap ul li .txt_box {padding:8.4635vw 6.5104vw;} #section14 .content_wrap .flex_wrap ul li:hover .txt_box {padding:8.4635vw 6.5104vw;} #section14 .content_wrap .flex_wrap ul li .txt_box p {color:#fff;letter-spacing: -0.05em;font-size: 2.3438vw;font-weight: 500;line-height: 1.5;} #section14 .content_wrap .flex_wrap ul li .txt_box p.tit {font-size: 5.2083vw;margin-bottom: 16.9271vw;} #section14 .content_wrap .flex_wrap ul li .list p {color:#fff;font-size: 3.9063vw;letter-spacing: -0.05em;line-height: 5.4688vw;font-weight: 400;} /* section14 e */ /* section15 s */ #section15 {background:url('../../images/sec15_bg.jpg')no-repeat center top/cover;padding:15.6250vw 0 14.3229vw;max-width:100%;} #section15 .inner {width: 100%;padding:0 3.9063vw;} #section15 .title_wrap p.title {font-size: 8.8542vw;line-height: 9.1146vw;} #section15 .title_wrap p.desc {font-size: 3.9063vw;line-height:5.4688vw;margin-top: 2.6042vw;} #section15 .list_wrap {position:relative;z-index:10;margin-top:7.8125vw;} #section15 .list_wrap ul {gap:3.9063vw;} #section15 .list_wrap ul li {background:url('../../images/sec15_list_bg.png')no-repeat center bottom / cover;width: 44.1406vw;height: 23.1771vw;} #section15 .list_wrap ul li .bg {width: 36.9792vw;height: 18.7500vw;} #section15 .list_wrap ul li .bg p {font-size: 3.9063vw;} /* section15 e */ /* section16 s */ #section16 {background:url('../../images/sec16_bg.jpg')no-repeat center top/cover;padding:15.6250vw 0 18.2292vw;max-width:100%;} #section16 .inner {width: 100%;padding:0 3.9063vw;} #section16 .title_wrap {text-align: center;position:relative;} #section16 .title_wrap p {color:#000;letter-spacing: -0.05em;} #section16 .title_wrap p.title {font-size: 8.8542vw;line-height: 9.1146vw;} #section16 .content_wrap {margin-top: 5.2083vw;} #section16 table {display: none;} #section16 .content_wrap p.right_txt {text-align: right;margin-bottom: 2.6042vw;font-size: 3.1250vw;} #section16 .content_wrap p.caption {font-size: 3.1250vw;line-height:5.4688vw;padding:3.9063vw 3.2552vw;word-break:keep-all;} .cate_tab_wrap_m {margin-bottom:5.2083vw;} .cate_tab_wrap_m .cate_wrap_m {display:flex;justify-content:center;align-items:center;} .cate_tab_wrap_m .cate_wrap_m li {background:transparent;border:0.2604vw solid #000;display:flex;justify-content:center;align-items:center;width:33.33%;height:9.1146vw;} .cate_tab_wrap_m .cate_wrap_m li a {font-size: 3.1250vw;font-weight: 700;color:#000;} .cate_tab_wrap_m .cate_wrap_m li.on {background:#000;} .cate_tab_wrap_m .cate_wrap_m li.on a {color:#fff;} #section16 .content_wrap {} #section16 .content_wrap .table_wrap {} #section16 .content_wrap .table_wrap .table_top {display:flex;justify-content:space-between;align-items:center;background:#000;padding:1.9531vw 0;} #section16 .content_wrap .table_wrap .table_top span {font-size: 3.6458vw;font-weight: 500;color:#fff;} #section16 .content_wrap .table_wrap .table_top span.left {width: 80%;} #section16 .content_wrap .table_wrap .table_top span.right {width: 20%;} #section16 .content_wrap .table_wrap .table_cont {} #section16 .content_wrap .table_wrap .table_cont li {border-bottom: 0.2604vw solid #676767;padding:3.9063vw 2.6042vw;display:flex;justify-content:space-between;} #section16 .content_wrap .table_wrap .table_cont li .flex_box_left {text-align:left;} #section16 .content_wrap .table_wrap .table_cont li .flex_box_left .flex {display:flex;align-items:center;} #section16 .content_wrap .table_wrap .table_cont li .flex_box_left p {letter-spacing: -0.05em;line-height:1.2;} #section16 .content_wrap .table_wrap .table_cont li .flex_box_left p.main {font-size: 4.1667vw;font-weight: 500;color:#000;} #section16 .content_wrap .table_wrap .table_cont li .flex_box_left .flex span {margin-left:2.6042vw;} #section16 .content_wrap .table_wrap .table_cont li .flex_box_left .flex span img {width: 42.9688vw;} #section16 .content_wrap .table_wrap .table_cont li .flex_box_left p.sub {font-size: 3.1250vw;color:#363636;margin-top: 1.3021vw;} #section16 .content_wrap .table_wrap .table_cont li .flex_box_right {text-align: right;} #section16 .content_wrap .table_wrap .table_cont li .flex_box_right.flex_box_right_flex {} #section16 .content_wrap .table_wrap .table_cont li .flex_box_right span {font-weight: 500;font-size: 3.6458vw;color:#000;display:inline-block;} #section16 .content_wrap .table_wrap .table_cont li .flex_box_right span.other {color:#fff;padding:1.3021vw 1.9531vw;background:#cb2917;} #section16 .content_wrap .table_wrap .table_cont li .flex_box_right span.text {} #section16 .content_wrap .table_wrap .table_cont li .flex_box_right.flex_box_right_flex .style {display:inline;} #section16 .content_wrap .table_wrap .table_cont li .flex_box_right span.style { /* text-decoration: line-through; */ margin-left:3.6042vw; position:relative; } #section16 .content_wrap .table_wrap .table_cont li .flex_box_right span.style::after { content:'';display:block;width: 17.1875vw;height: 1.5625vw;background:url('../../images/m/sec16_arr_m.png')no-repeat center/cover;position:absolute;left:50%;top:1.5625vw;transform:translateX(-50%); } /* section16 e */ } @media(max-width: 480px){ /* html.open #header .nav {bottom:-0.2604vw;} */ } @media (max-width: 414px){ } @media (max-width: 375px){ }