:root { --text-shadow-1:0.3125rem 0.3125rem 0px rgba(189,55,0,1); --text-shadow-1-re:0px 0.3125rem 0px rgba(189,55,0,1); --text-shadow-2-re:0.25rem 0.25rem 0px rgba(220,64,0,1); --text-shadow-2:0.3125rem 0.3125rem 0px rgba(255,255,255,1); --text-shadow-3:0.3125rem 0.3125rem 0px rgba(0,52,27,1); --text-shadow-4:3px 0.3125rem 0px rgba(0,13,7,0.4); --text-shadow-5:0.3125rem 0.3125rem 0px rgba(19, 65, 32, 1); --text-shadow-5-re:0px 0.3125rem 0px rgba(19, 65, 32, 1); --color-primary: #ff5c1b; --color-gray: #5d5d5d; --color-white: #fff; --color-active: #b4002d; --color-green: #02542c; --color-red: #d12e00; --color-wing: #ff7b43; } /* common */ * i {font-style:italic;} .pc_only {display: block;} .mobile_only {display: none;} *::selection {background:#b91f1f;color:#fff} /* highlight */ [data-aos="highlight"]:before { content: "";position: absolute;left: 0;top: 0px;width: 0%;height: 100%;background:var(--color-red); transition-delay: .4s;-webkit-transition-delay: .4s;transition-duration: .4s;-webkit-transition-duration: .4s;z-index: -1; } span.aos-animate[data-aos="highlight"]:before {width: 100%;} .rotate { animation-duration: 30s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-name: rotate; animation-name: rotate; } .rotateReverse { animation-duration: 5.7s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-name: rotateReverse; animation-name: rotateReverse; } .stemp { opacity: 0; animation-delay: 0.2s; -webkit-animation-delay: 0.2s; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; transform-origin: center; -webkit-animation-name: stemp; animation-name: stemp; } .flow-ani-wrap {display: flex;justify-content: flex-start;align-items: stretch;flex-wrap: nowrap;position: relative;overflow: hidden;} .flow-ani-wrap ul { display: flex; justify-content: flex-start;align-items: center;transform: translate3d(0%, 0, 0);-webkit-transform: translate3d(0%, 0, 0); -webkit-animation-name: flowAni;animation-name: flowAni;-webkit-animation-duration: 48s;animation-duration: 48s; -webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite; animation-play-state: running;-webkit-animation-play-state: running; } .flow-ani-wrap.re_flow ul { transform: translate3d(-100%, 0, 0);-webkit-transform: translate3d(-100%, 0, 0); -webkit-animation-name: flowAni_re;animation-name: flowAni_re;-webkit-animation-duration: 48s;animation-duration: 48s; -webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite; animation-play-state: running;-webkit-animation-play-state: running; } .animate__swing { -webkit-animation-name: swing; animation-name: swing; -webkit-transform-origin: top center; transform-origin: top center } /************** policy layer s *************/ .policy_wrap { position: fixed; /* keeps the policy_wrap window in the current viewport */ top: 0;left: 0;display: none;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A6000000, endColorstr=#A6000000); text-align: center;z-index: 999999;font-family: 'Pretendard', sans-serif; } .policy_wrap .policy-wrapper { overflow: hidden;margin: 50px auto;position: absolute;left:50%;top:50%; -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%); box-shadow: 0 0 25px #111;-webkit-box-shadow: 0 0 25px #111;-moz-box-shadow: 0 0 25px #111; width: 90%;background-color: #fff;border: 1px solid #999;outline: 0;-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);background-clip: padding-box;max-width: 820px;border-radius: 10px; } .close-popup { position: absolute;top: 20px;right: 20px;background-color: #fff;font-family: Arial, Helvetica, sans-serif; font-size: 21px;font-weight: bold;line-height: 1;color: #ccc;text-shadow: 0 1px 0 #fff;border: none; } .policy_wrap .policy-wrapper h4 { padding: 15px;border-bottom: 1px solid #e5e5e5;font-size: 18px;font-weight: 500;font-family: var(--font-family-ptd); } .policy_wrap .policy {overflow-y: auto;padding: 30px;text-align: left;line-height: 163%;font-size: 12px;} form a.popup-trigger { display: inline-block;padding: 0 5px;line-height: 1.25;text-indent: 0;color: #fff;background-color: #8C8984;font-size: 12px; vertical-align: middle; } /* section-scrollNab s */ .section-scrollNab { position: relative; height: 0; overflow: hidden; } .section-scrollNab.scrollDown {height: 5rem;} .section-scrollNab {display:flex;align-items: center;justify-content: center;} .nab_inner {position:relative;width:100%;max-width:1920px;height:5rem;margin:0 auto;display: flex;justify-content: center;align-items: center;} .section-scrollNab .section-nab-wrap { position: absolute; left: 0; top: 0; width: 100%; height:5rem; transition: all 0.3s; -webkit-transition: all 0.3s; opacity: 0; background: #fff;z-index:100;box-shadow:0 0.5rem 0.5rem rgba(35,20,6,0.1) } .section-scrollNab .section-nab-wrap ul {width:100%;display:flex;justify-content:center;align-items: center;gap:1.875rem;} .section-scrollNab .section-nab-wrap ul li {font-size: 1.0625rem;font-weight:600;letter-spacing: -0.025em;color:#312927;opacity: 1;} .section-scrollNab .section-nab-wrap ul li.on {font-weight: 700;} .section-scrollNab .section-nab-wrap ul li.on a {font-weight: 700;color:#bc954b;} .section-scrollNab .section-nab-wrap ul li:hover a {font-weight: 700;color:#bc954b;} .section-scrollNab.scrollUp .section-nab-wrap { position: fixed; top: -5rem; opacity: 0; } .section-scrollNab.scrollDown .section-nab-wrap { position: fixed; opacity: 1; } /* section-scrollNab e */ /* default s */ #header {position:fixed;left:0;top:0;width: 100%;height: 80px;z-index:1000;border-bottom:1px solid #7e7e7e;background: rgba(0,0,0,0.6);transition:0.6s;} #header.fixed-header {background: #22355a;border-bottom: 0;} #header.bgcolor {background: #22355a;border-bottom: 0;} #header.fixed {background: #22355a;border-bottom: 0;} #header .header_wrapper {display:flex;align-items:center;justify-content:space-between;width: 1530px;margin:0 auto;height:100%;} #header .header_wrapper .logo {} #header .header_wrapper .logo a {} #header .header_wrapper .logo a img {} #header .header_wrapper .nav {display:flex;align-items:center;justify-content:center;gap:50px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} #header .header_wrapper .nav li {font-size: 22px;font-weight: 400;color:#ffffff;} #header .header_wrapper .nav li.on {} #header .header_wrapper .hd_tel {} #header .header_wrapper .hd_tel a {display:flex;align-items:center;justify-content:center;gap:10px;} #header .header_wrapper .hd_tel .hd_tel_txt {width: 138px;height: 24px;display:block;background:url('../../images/hd_tel_txt_wh.png')no-repeat center/cover;} #header.fixed-header .header_wrapper .hd_tel .hd_tel_txt {background:url('../../images/hd_tel_txt.png')no-repeat center/cover;} #header.bgcolor .header_wrapper .hd_tel .hd_tel_txt {background:url('../../images/hd_tel_txt.png')no-repeat center/cover;} #header.fixed .header_wrapper .hd_tel .hd_tel_txt {background:url('../../images/hd_tel_txt.png')no-repeat center/cover;} #footer b {font-weight: 400;color:#d5d5d5;} /* 탭메뉴 s */ .sub_cont{display:none; text-align:center;} .sub_cont.on{display:block;} /* 탭메뉴 e */ #intro {position:absolute;left:0;top:0;width:100%;height:100vh;z-index:1000;transition:1s;max-width:100%;} #intro .intro_skip {position:absolute;left:50%;transform:translateX(-50%);z-index:5;text-align: center;color:#fff;font-size: 20px;font-weight: 500;bottom:10%;} #intro .intro_img {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;} #intro .wrap {position:absolute;top:0;left:0;width:100%;height:100%;} #intro .wrap .video-wrap {position:relative;height:100%;background:#000;overflow:hidden;filter: brightness(0.5);} #intro .wrap .video-wrap #video {position:absolute;top:0;left:50%;transform:translateX(-50%);height:100%;} /* 메인 숫자 카운팅 */ .rolling-counter-wrap { margin-top: 10px; display: flex; justify-content: center; align-items: end;gap:6px;} .rolling-counter-wrap * { font-family: var(--font-family-ptd); font-size:100px;color:var(--color-white);font-weight: normal;} .rolling-number { position: relative; width:101px; height: 138px; overflow: hidden; color: var(--color-white); text-align: center;outline:none; background:url('../../images/main_num_bg.png')no-repeat center/cover; } .rolling-number + .rolling-number {} .rolling-number .numbers { position: absolute; left: 0; top: 0; width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-direction: column; } /* .rolling-number .numbers {animation-name: rollingNumber;} */ .rolling-number .numbers.on {animation-name: rollingNumber;} .rolling-number .numbers span { line-height: 131px;width: 101px;height: 138px;background: transparent;color:#fff;} .rolling-dot { margin: 0 5px; font-size: 62px; color:#fff;margin-bottom: 30px;font-weight: 700;} .rolling-unit {font-size: 50px; color:#fff;padding-bottom: 32px;font-weight: 700;} /* 흐르는 슬라이드 */ .marquee {width: 100%;background:transparent;padding:18px;overflow:hidden;max-width: 1920px;} .marquee.solo {background:#27592f;width: 100%;margin: 0 auto;} .marquee.solo.red {background:#b91f1f;} .marquee .swiper-wrapper {transition-timing-function: linear !important;} .marquee .swiper-slide {} .marquee.main .swiper-slide {width: 2383px;} .marquee.solo .swiper-slide {width: 681px;} .marquee .swiper-slide img {width: 100%;} .marquee_vertical.left_step {position:absolute;left:0px;top:0;background:transparent;} .marquee_vertical.right_step {position:absolute;right:0px;top:0;background:transparent;} .marquee_vertical.main_slide {margin-left:110px;} .left_step ul {animation: hSlideLoop_re 48s 0s infinite linear;opacity:1;} .right_step ul {animation: hSlideLoop 48s 0s infinite linear;opacity:1;} .section {width:100%;max-width:1920px;margin:0 auto;overflow:hidden;position:relative;} .inner {width: 1400px;margin:0 auto;position:relative;} .light_txt {display: inline-block;overflow:hidden;position:relative;mask-size: cover;mask-repeat: no-repeat;background: #dbb05e;margin:0 5px 10px 20px;} .light_txt.s01_tit {width: 196px;height: 53px;mask-image: url('../../images/s01_title.png');} .light_txt.s02_tit {width: 283px;height: 86px;mask-image: url('../../images/s02_title.png');} .light_txt.s03_tit {width: 199px;height: 53px;mask-image: url('../../images/s03_tit.png');margin-left: 0;} .light_txt.s04_tit {width: 236px;height: 53px;mask-image: url('../../images/s02_title03.png');} .light_txt.s05_tit {width: 299px;height: 53px;mask-image: url('../../images/s05_tit.png');margin: 0 auto;} .light_txt.s06_tit {width: 236px;height: 53px;mask-image: url('../../images/s06_tit.png');} .light_txt.s07_tit {width: 299px;height: 53px;mask-image: url('../../images/s07_title.png');} /* .light_txt.s08_tit {width: 350px;height: 37px;mask-image: url('../../images/s10_title01.png');} */ .light_txt.s08_tit {width: 254px;height: 37px;mask-image: url('../../images/s10_title02.png');margin-left: 0;} .lighten {position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;animation: lighten 3s linear infinite;} .lighten img {max-width: 100%;height: 100%;} /* 흐르는 슬라이드 */ /* section00 s */ #section00 {height: 963px;background:url('../../images/main_bg2.jpg')no-repeat center/cover;} #section00 .s00_text_wrap {text-align: center;padding-top: 180px;position:relative;z-index:5;} #section00 .s00_text_wrap .s00_txt_top {margin-bottom: 30px;} #section00 .s00_text_wrap .s00_txt_top img {} #section00 .s00_text_wrap .s00_txt_bot {position:relative;display:inline-block;margin-left: -80px;} #section00 .s00_text_wrap .s00_txt_bot img {width: 920px;} #section00 .s00_text_wrap .s00_txt_bot img.bounce_txt {opacity: 0;} #section00 .s00_text_wrap .s00_txt_bot img.mix-blend {position:absolute;left:0;top:0;mix-blend-mode: screen;} #section00 .s00_counting_wrap {position:absolute;left:50%;bottom:156px;transform:translateX(-50%);z-index:6;} #section00 .rolling-counter-wrap {} #section00 .rolling-number {} #section00 .numbers {} #section00 .numbers span {} #section00 .main_rotate_wrap {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} #section00 .main_rotate_wrap img {} #section00 .main_light_wrap {position:absolute;right:237px;top:0;} #section00 .main_light_wrap img {mix-blend-mode: screen;} #section00 .counting_text {text-align: center;font-size:18px;color:#999;font-weight: 500;letter-spacing: -0.05em;margin-top: 10px;} #section00 canvas{filter: blur(1px);} /* section00 e */ .content_text_wrap {} .content_text_wrap .title {font-size:54px;color:#fff;letter-spacing:-0.05em;} .content_text_wrap .title span.color {color:#dbb05e;} .content_text_wrap .title.margin10 {margin-top: 10px;} .content_text_wrap .title.margin5 {margin-top: 5px;} .content_text_wrap .title.margin5 {margin-top: 5px;} .content_text_wrap .title.margin_bot {margin-bottom: 10px;} .content_text_wrap .desc {font-size: 22px;font-weight: 400;line-height: 30px;letter-spacing:-0.02em;color:#fff;} .content_text_wrap .desc span {font-weight: 700;} .content_text_wrap .desc_v2 {font-size: 24px;font-weight: 700;line-height: 30px;letter-spacing:-0.02em;color:#fff;} .content_text_wrap .flex {display:flex;align-items:center;justify-content:center;} /* section01 s */ #section01 {padding: 120px 0 200px;background:url('../../images/s01_bg.jpg')no-repeat center top/cover;} #section01 .inner {position:relative;z-index:2;width: 100%} #section01 .inner .content_text_wrap {text-align: center;} #section01 .inner .content_text_wrap .title {line-height:60px;} #section01 .inner .content_text_wrap .title img {margin-bottom: 10px;} #section01 .inner .content_text_wrap .desc {font-size: 22px;font-weight: 700;color:#fff;line-height:32px;margin-top: 30px;} #section01 .inner .content_text_wrap .title .color-2 {color:#a1a1a1} #section01 .s01_content_wrap {height: 1489px;position:relative;margin-top: 100px;} #section01 .s01_vs {position:absolute;left:50%;top:198px;transform:translateX(-50%);z-index:2;} #section01 .s01_vs img {width: 237px;} #section01 .s01_cont_box {position:absolute;display:flex;align-items:center;} #section01 .s01_left_box {width: 931px;height: 406px;background: url('../../images/s01_left_bg.png')no-repeat center/cover;left:0;top:0;padding-left: 342px;} #section01 .s01_right_box { width: 1003px;height: 1200px;background: url('../../images/s01_right_bg.png')no-repeat center/cover;right:0;bottom:0; flex-direction:column;justify-content:center;gap:45px; } #section01 .s01_text_box {text-align: center;} #section01 .s01_text_box p {color:#fff;letter-spacing: -0.02em;} #section01 .s01_text_box .title {font-size: 48px;line-height: 60px;margin-bottom: 15px;letter-spacing: -0.05em;} #section01 .s01_text_box .title img {width: 389px;} #section01 .s01_text_box .title span {color:#dbb05e;} #section01 .s01_text_box .desc {font-size: 20px;line-height: 28px;font-weight: 500;margin-bottom: 25px;} #section01 .s01_text_box .desc.margin-bot {margin-bottom: 0px;} #section01 .s01_text_box .slogan {font-size: 32px;line-height: 28px;font-weight: 700;color:#cd0000;} #section01 .s01_text_box .sub_title {font-size: 40px;line-height: 50px;margin-bottom: 20px;} #section01 .s01_text_box .sub_desc {font-size: 24px;line-height: 28px;font-weight: 400;margin-bottom: 20px;} #section01 .s01_text_box .sub_desc {font-weight: 700;} #section01 .s01_sub { width: 585px;height: 781px;background: url('../../images/s01_cont_bg.png')no-repeat center/cover;left:260px;bottom:-85px;text-align: center; justify-content:center;align-items:flex-end;padding-bottom: 50px; } #section01 .s01_sub .s01_list_box {} #section01 .s01_sub .s01_list {width: 456px;height: 46px;background:url('../../images/s01_list_bg.png')no-repeat center/cover;display:flex;align-items:center;justify-content:center;margin-top: 15px;} #section01 .s01_sub .s01_list p {font-size: 24px;letter-spacing: -0.02em;color:#001736;font-weight: 400;line-height: 28px;} #section01 .s01_sub .s01_list p span {font-weight: 700;} /* section01 e */ /* wave effect s */ .ondebox {position:absolute;left:0;top:840px;width: 100%;height:550px;} .ondebox_s04 {top:auto;bottom:0;height:140px;} .ondebox_s04 .onde {height:100%;} .ondebox2 {top:0;height:200px;} .ondebox3 {top:auto;bottom:0;height:436px;z-index:1;} .ondebox2 .onde {height:100%;} .ondebox3 .onde {height:100%;} .onde {position:relative;width: 100%;height:350px;margin-bottom:-7px;min-height:100px;max-height:708px;} /* Animation */ .parallaxonde > use {animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;} .parallaxonde > use:nth-child(1) {animation-delay: -2s;animation-duration: 7s;} .parallaxonde > use:nth-child(2) {animation-delay: -3s;animation-duration: 10s;} .parallaxonde > use:nth-child(3) {animation-delay: -4s;animation-duration: 13s;} .parallaxonde > use:nth-child(4) {animation-delay: -5s;animation-duration: 20s;} @keyframes move-forever { 0% { transform: translate3d(-90px,0,0); } 100% { transform: translate3d(85px,0,0); } } /* wave effect e */ /* section02 s */ #section02 {background: url('../../images/s02_bg.jpg')no-repeat center/cover;padding:120px 0;} #section02 .inner {} #section02 .content_text_wrap .flex {justify-content:flex-start;align-items:flex-start;} #section02 .content_text_wrap .desc {margin-bottom: 20px;} #section02 .content_text_wrap .desc span {color:#dbb05e;font-weight: 400;} #section02 .content_text_wrap .title {line-height: 70px;} #section02 .content_text_wrap .title span img {} #section02 .content_text_wrap .title .high {position:relative;z-index:1;margin-left: 15px;height: 64px;display:flex;align-items:center;} #section02 .content_text_wrap .title .high .highlight {width: 100%;height: 100%;background:#dbb05e;position:absolute;left:0;top:0;z-index:-1;} #section02 .s02_cont_wrapper {position:relative;margin-top: -28px;} #section02 .s02_cont_wrapper img {} #section02 .s02_cont_wrapper .s02_graph_base {position:relative;z-index:1;} #section02 .s02_cont_wrapper .s02_graph {position:absolute;left:0;top:0;} #section02 .s02_cont_wrapper .s02_graph01 {z-index:8;} #section02 .s02_cont_wrapper .s02_graph02 {z-index:7;} #section02 .s02_cont_wrapper .s02_graph03 {z-index:6;} #section02 .s02_cont_wrapper .s02_graph04 {z-index:5;} #section02 .s02_cont_wrapper .s02_graph05 {z-index:4;} #section02 .s02_cont_wrapper .s02_graph06 {z-index:3;} #section02 .s02_cont_wrapper .s02_graph07 {z-index:2;} #section02 .s02_cont_wrapper .s02_graph08 {z-index:1;} #section02 .s02_graph_text {position:absolute;bottom:85px;left:48%;text-align: center;} #section02 .s02_graph_text p {font-size: 34px;line-height: 44px;letter-spacing: -0.05em;color:#fff;} #section02 .s02_graph_text .arr {position:absolute;animation: bound 2s ease 0.1s infinite;} #section02 .s02_graph_text .arr.arr01 {right:0;top:-96px;} #section02 .s02_graph_text .arr.arr02 {right:-44px;top:-60px;} #section02 .s02_cont_box {width: 232px;position:absolute;right:0;bottom:90px;text-align: center;} #section02 .s02_cont_box .s02_cont_txt {font-size: 24px;font-weight: 500;line-height: 44px;color:#fff;letter-spacing: -0.02em;margin-bottom: 20px;} #section02 .s02_cont_box .s02_cont_txt span {font-size: 40px;font-weight: 800;} #section02 .s02_cont_box .s02_circle {width: 232px;height: 232px;border-radius:50%;display:flex;align-items:center;justify-content:center;} #section02 .s02_cont_box .s02_circle.circle01 {background: #dbb05e;color:#001736;margin-bottom: -60px;} #section02 .s02_cont_box .s02_circle.circle02 {background: #a70302;color:#fff;} #section02 .s02_cont_box .s02_circle .circle_txt {font-size: 32px;font-weight: 800;} #section02 .s02_cont_box .s02_circle .circle_txt span {font-size: 60px;font-weight: 800;} #section02 .s02_swiper_wrap { width: 475px;height: 266px;background:url('../../images/s02_swiper_bg.png')no-repeat center/cover;position:absolute;left:68px;top:100px;z-index:10;padding:60px 60px 0; } #section02 #s02_swiper {} #section02 #s02_swiper .swiper-wrapper {} #section02 #s02_swiper .swiper-slide {text-align: center;} #section02 #s02_swiper .swiper-slide p {letter-spacing: -0.05em;color:#001736} #section02 #s02_swiper .swiper-slide .swiper_name {background:#dbb05e;border-radius:30px;display:inline-block;padding:0 20px;height:52px;} #section02 #s02_swiper .swiper-slide .swiper_name p {font-size: 30px;font-weight: 700;line-height: 52px;} #section02 #s02_swiper .swiper-slide .price {font-size: 80px;font-weight: 800;line-height: 98px;} #section02 #s02_swiper .swiper-slide .price span {font-size: 34px;} #section02 .s02_pagi {position:relative;} #section02 .s02_pagi .swiper-pagination-bullet-active {background: #22355a;} /* section02 e */ /* section03 s */ #section03 {padding:120px 0 0px;background:url('../../images/s03_bg.jpg')no-repeat center top/cover;} #section03 .inner {width: 100%;} #section03 .content_text_wrap {text-align: center;margin-bottom: 100px;} #section03 .content_text_wrap .title {} #section03 .content_text_wrap .title.margin_bot {} #section03 .s03_list_wrap {width: 100%;height: 820px;display:flex;} #section03 .s03_list_wrap .s03_list { width: 25%;height: 100%;background:#ccc;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align: center;gap:30px; transition:0.6s;filter: brightness(0.5);position:relative; } #section03 .s03_list_wrap .s03_list:nth-child(1) {background:url('../../images/s03_list01_bg.jpg')no-repeat center;} #section03 .s03_list_wrap .s03_list:nth-child(2) {background:url('../../images/s03_list02_bg.jpg')no-repeat center;} #section03 .s03_list_wrap .s03_list:nth-child(3) {background:url('../../images/s03_list03_bg.jpg')no-repeat center;} #section03 .s03_list_wrap .s03_list:nth-child(4) {background:url('../../images/s03_list04_bg.jpg')no-repeat center;} #section03 .s03_list_wrap .s03_list .s03_text {} #section03 .s03_list_wrap .s03_list .s03_text {position:relative;} #section03 .s03_list_wrap .s03_list .s03_text.s03_text01 {width: 178px;height: 133px;background:url('../../images/s03_name_01.png')no-repeat center/cover;} #section03 .s03_list_wrap .s03_list .s03_text.s03_text02 {width: 176px;height: 131px;background:url('../../images/s03_name_02.png')no-repeat center/cover;} #section03 .s03_list_wrap .s03_list .s03_text.s03_text03 {width: 223px;height: 213px;background:url('../../images/s03_name_03.png')no-repeat center/cover;} #section03 .s03_list_wrap .s03_list .s03_text.s03_text04 {width: 165px;height: 132px;background:url('../../images/s03_name_04.png')no-repeat center/cover;} #section03 .s03_list_wrap .s03_list:hover .s03_text.s03_text01 {background:url('../../images/s03_name_01_on.png')no-repeat center/cover;} #section03 .s03_list_wrap .s03_list:hover .s03_text.s03_text02 {background:url('../../images/s03_name_02_on.png')no-repeat center/cover;} #section03 .s03_list_wrap .s03_list:hover .s03_text.s03_text03 {background:url('../../images/s03_name_03_on.png')no-repeat center/cover;} #section03 .s03_list_wrap .s03_list:hover .s03_text.s03_text04 {background:url('../../images/s03_name_04_on.png')no-repeat center/cover;} #section03 .s03_list_wrap .s03_list .s03_text .non-hover {} #section03 .s03_list_wrap .s03_list .s03_hover_text {height:0;overflow:hidden;} #section03 .s03_list_wrap .s03_list .s03_hover_text .desc {font-size: 22px;line-height: 32px;color:#fff;font-weight: 400;position:relative;transform:translateY(100%);transition:0.6s;opacity: 0;} #section03 .s03_list_wrap .s03_list:hover {width: 35%;filter: brightness(1);} #section03 .s03_list_wrap .s03_list:hover .s03_hover_text {height:fit-content;} #section03 .s03_list_wrap .s03_list:hover .s03_hover_text .desc {transform:translateY(0);opacity: 1;} #section03 .s03_list_wrap .s03_list .s03_video {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width: 100%;height: 100%;z-index:-1;} #section03 .s03_list_wrap .s03_list .s03_video video {height: 100%;} /* section03 e */ /* section04 s */ #section04 {background: url('../../images/s04_bg.jpg')no-repeat center top/cover;padding: 120px 0 200px;} #section04 .inner {width: 1400px;} #section04 .content_text_wrap {text-align: center;position:relative;z-index:2;} #section04 .content_text_wrap p {color:#111;} #section04 .content_text_wrap p.title {margin-bottom:30px;} #section04 .content_text_wrap p.title.margin_bot {margin-bottom: 10px;} #section04 .content_text_wrap p.title span {color:#933101;} #section04 .content_text_wrap .title .high {position:relative;z-index:1;margin-right: 6px;height: 64px;display:flex;align-items:center;margin-bottom: 10px;} #section04 .content_text_wrap .title .high .highlight {width: 100%;height: 100%;background:#dbb05e;position:absolute;left:0;top:0;z-index:-1;} #section04 .content_text_wrap .desc_v2 {margin-bottom: 20px;} #section04 .content_text_wrap .desc {margin-top: 30px;} #section04 .s04_cont_wrap {display:flex;justify-content:space-between;} #section04 .s04_cont_wrap .s04_food_wrap {margin-left:-220px;margin-top: -200px;position:relative;width: fit-content;} #section04 .s04_cont_wrap .s04_steam {position:absolute;} #section04 .s04_cont_wrap .s04_steam.steam01 {left:280px;top:226px;width: 272px;} #section04 .s04_cont_wrap .s04_steam.steam02 {left:460px;top:40px;width: 263px;} #section04 .s04_cont_wrap .s04_steam.steam03 {right:140px;top:120px;width: 378px;} #section04 .s04_cont_wrap .s04_txt_wrap {} #section04 .s04_cont_wrap .s04_text { width: 300px;height: 130px;border-radius:65px;background:#001736;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;text-align: center; position:absolute; } #section04 .s04_cont_wrap .s04_text p {letter-spacing: -0.05em;} #section04 .s04_cont_wrap .s04_text p.name {font-size: 36px;font-weight: 700;color:#fff;} #section04 .s04_cont_wrap .s04_text p.name span {color:#bc954b;} #section04 .s04_cont_wrap .s04_text p.desc {font-size: 20px;color:#f3f3f3;font-weight: 500;line-height: 24px;} #section04 .s04_cont_wrap .s04_text.s04_text01 {left:168px;bottom:180px;} #section04 .s04_cont_wrap .s04_text.s04_text02 {left:304px;bottom:20px;} #section04 .s04_cont_wrap .s04_text.s04_text03 {left:660px;bottom:20px;} #section04 .s04_cont_wrap .s04_text.s04_text04 {left:800px;bottom:180px;} #section04 .s04_cont_wrap .s04_paper_wrap {margin-top: 50px;margin-right: 50px;} /* section04 e */ /* section05 s */ #section05 {background: url('../../images/s05_bg.jpg')no-repeat center top/cover;padding:160px 0 130px;} #section05 .inner {} #section05 .content_text_wrap {text-align: center;} #section05 .content_text_wrap .title {} #section05 .content_text_wrap .title span.color {position:relative;} #section05 .content_text_wrap .title span.color:after {content:"";display:block;width: 10px;height: 10px;border-radius:50%;background: #dbb05e;position:absolute;left:50%;top:-18px;transform:translate(-50%);} #section05 .content_text_wrap .desc {margin-top: 40px;} #section05 .s05_swiper_wrap {margin-top: 80px;} #section05 #s05_swiper {} #section05 #s05_swiper .swiper-wrapper {} #section05 #s05_swiper .swiper-slide {width: 800px;height: 500px;margin:0 30px;opacity: 0.5;} #section05 #s05_swiper .swiper-slide img {} #section05 #s05_swiper .swiper-slide.swiper-slide-active {opacity: 1;} /* section05 e */ /* section06 s */ #section06 {padding: 120px 0;background: url('../../images/s06_bg.jpg')no-repeat center top/cover;} #section06 .inner {display: flex; justify-content: center; flex-direction: row; padding-left: calc((100% - 1400px)/2 ); flex-wrap: wrap;width: 100%;} #section06 .content_text_wrap {text-align:left;} #section06 .content_text_wrap .title {} #section06 .content_text_wrap .title.margin_bot {margin-bottom: 5px;} #section06 .content_text_wrap .title.flex {justify-content:flex-start;} #section06 .content_text_wrap .desc {margin-top: 30px;} #section06 .content_text_wrap .desc span.color {color:#dbb05e;font-weight: 400;} #section06 .section_content { position: relative; flex-grow: 1; height: 666px; margin-left: 140px;} #section06 .overflow-box { position: absolute; left: 0; top: 0; overflow: hidden; width: 100%; } #section06 .swiper-container { width: 460px; overflow: visible; margin-left: 0; } #section06 .swiper-slide { margin-right: 30px; } #section06 .swiper-slide img {width: 459px;} #section06 .swiper-slide:last-child { margin-right: 0px; } #section06 .swiper-scroll-wrap { width: 100%; padding-right: calc((100% - 1400px)/2 ); } #section06 .swiper-pagination { position: relative; bottom: 0; display: flex; justify-content: flex-start; align-items: stretch; margin-top: 90px; } #section06 .swiper-pagination-bullet { position: relative; flex-grow: 1; border-radius: 0; background-color:#83878e; height: 2px; opacity: 1;margin:0;} #section06 .swiper-pagination-bullet:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #933101; } #section06 .swiper-pagination-bullet-active:before { width: 100%; transition: all 0.3s; } #section06 .swiper-pagination-bullet-active ~ .swiper-pagination-bullet:before { width: 0%; transition: all 0s; } #section06 .swiper-pagination-bullet-active + .swiper-pagination-bullet:before { width: 0%; transition: all 0.3s; } /* section06 e */ /* section07 s */ #section07 {background:url('../../images/s07_bg.jpg')no-repeat center/cover;} #section07 .inner {display:flex;justify-content:center;width: 100%;} #section07 .inner > div {width: 50%;height:100%;} #section07 .s07_swiper_wrap {width: 50%;position:relative;} #section07 #s07_swiper_img {} #section07 #s07_swiper_img .swiper-wrapper {} #section07 #s07_swiper_img .swiper-slide {} #section07 #s07_swiper_img .swiper-slide img {width: 100%;} #section07 .s07_next:after , #section07 .s07_prev:after {content:"";} #section07 .s07_next , #section07 .s07_prev {bottom:0;top:auto;margin:0;width: 70px;height: 70px;} #section07 .s07_next {right:0;} #section07 .s07_prev {left:auto;right:70px;border-right: 1px solid #dbb05e;} #section07 .s07_text_wrap {width: 50%;padding:120px 0px 0 130px;} #section07 .s07_text_wrap .content_text_wrap {margin-bottom: 50px;} #section07 .s07_text_wrap .content_text_wrap .title {font-size: 72px;color:#001736;} #section07 .s07_text_wrap .content_text_wrap .title.flex {justify-content:flex-start;} #section07 .s07_text_wrap .content_text_wrap .title .high {position:relative;z-index:1;height: 64px;display:flex;align-items:center;margin-bottom: 10px;} #section07 .s07_text_wrap .content_text_wrap .title .high .highlight {width: 100%;height: 100%;background:#dbb05e;position:absolute;left:0;top:0;z-index:-1;} #section07 #s07_swiper_txt {} #section07 #s07_swiper_txt .swiper-wrapper {} #section07 #s07_swiper_txt .swiper-slide {} #section07 #s07_swiper_txt .swiper-slide .slide_slogan {font-size: 28px;font-weight: 700;color:#fff;display:inline-block;margin-bottom: 40px;} #section07 #s07_swiper_txt .swiper-slide .slide_slogan span {} #section07 #s07_swiper_txt .swiper-slide .slide_slogan span {position:relative;z-index:1;height:42px;display:flex;align-items:center;padding:0 6px;} #section07 #s07_swiper_txt .swiper-slide .slide_slogan span.highlight {width: 100%;height: 100%;background: #933101;position:absolute;left:0;top:0;z-index:-1;} #section07 #s07_swiper_txt .swiper-slide .slide_desc {font-size: 22px;font-weight: 400;line-height: 32px;letter-spacing: -0.02em;color:#001736;margin-bottom: 40px;} #section07 #s07_swiper_txt .swiper-slide .slide_desc span {font-weight: 700;} #section07 #s07_swiper_txt .swiper-slide .slide_desc span.high {position:relative;z-index:1;height:32px;display:inline-flex;align-items:center;padding:0 6px;margin:2px 0;} #section07 #s07_swiper_txt .swiper-slide .slide_desc span .highlight {width: 100%;height: 100%;background: #dbb05e;position:absolute;left:0;top:0;z-index:-1;} #section07 #s07_swiper_txt .swiper-slide .slide_desc.margin-non {margin-bottom: 0;} /* section07 e */ /* section08 s */ #section08 {background:#f8f0e0;padding: 100px 0 150px;} #section08 .inner {} #section08 .content_text_wrap {text-align: center;} #section08 .content_text_wrap p {color:#222;} #section08 .content_text_wrap .title {} #section08 .content_text_wrap .title.flex {gap:10px;} #section08 .content_text_wrap .title.flex img {margin-bottom: 10px;} #section08 .content_text_wrap .desc {margin-top: 20px;color:#000022;font-weight: 500;} #section08 .s08_list_wrap {display:flex;flex-wrap:wrap;gap:50px 42px;justify-content:center;margin-top: 90px;} #section08 .s08_list { width: 266px;height: 169px;border-radius:80px;background: #1f3155;border:2px solid #ffd16f;box-shadow:0 0 0 7px #1f3155; display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;text-align: center;gap:14px; } #section08 .s08_list.arr:after {content:"";display:block;width:13px;height:26px;background:url('../../images/s08_arr.png')no-repeat center/cover;position:absolute; right:-30px;top:50%;transform:translateY(-50%);} #section08 .s08_list .s08_num {position:absolute;right:4px;top:-22px;width: 64px;height: 64px;border-radius:50%;background: #bc954b;display:flex;align-items:center;justify-content:center;} #section08 .s08_list .s08_num p {font-size: 24px;font-weight: 700;} #section08 .s08_list p {color:#fff;letter-spacing: -0.05em;} #section08 .s08_list p.tit {font-size: 26px;font-weight: 700;} #section08 .s08_list p.desc {font-size: 18px;line-height: 28px;font-weight: 400;} /* section08 e */ /* section09 s */ #section09 {background:url('../../images/s09_bg.png')no-repeat center top/cover;margin-top: -130px;padding: 140px 0 120px;} #section09 .inner {width: 1060px;} #section09 .content_text_wrap {text-align: center;} #section09 .content_text_wrap p {color:#222;} #section09 .content_text_wrap .desc {margin-top: 20px;color:#000022;font-weight: 500;} .s09_table_wrap {margin-top: 60px;position:relative;} .s09_stemp_wrap {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} .s09_stemp_wrap img {position:relative;z-index:3;} /* section09 e */ /* section10 s */ #section10 {} #section10 .s10_flex_wrap {display:flex;} #section10 .s10_flex_wrap .s10_flex {} #section10 .s10_flex_wrap .s10_flex.left {width: 644px;} #section10 .s10_flex_wrap .s10_flex.left img {width: 100%;height: 100%;object-fit:cover;} #section10 .s10_flex_wrap .s10_flex.right { width: 1276px;padding-left: 200px;padding-top: 150px;padding-bottom: 150px;background:url('../../images/s10_bg_bg.jpg')no-repeat center/cover; } #section10 .s10_flex_wrap .s10_flex .inner {width: 100%;} #section10 .s10_flex_wrap .content_text_wrap {} #section10 .s10_flex_wrap .content_text_wrap .title {font-size: 50px;line-height: 60px;font-weight: 800;} #section10 .s10_flex_wrap .content_text_wrap .title img {margin-bottom: 5px;} #section10 .s10_flex_wrap .content_text_wrap .desc {margin-top: 30px;} #section10 .s10_flex_wrap .content_text_wrap .s10_tel_wrap {display:flex;align-items:center;gap:18px;margin-top: 30px;} #section10 .s10_flex_wrap .content_text_wrap .s10_tel_wrap span {font-size: 50px;font-weight: 800;color:#d0a553;} #section10 .s10_cont_wrap {width: 600px;margin-top: 40px;} #section10 .s10_cont_wrap iframe {} /* section10 e */ @media(max-width: 1920px){ } @media(max-width: 1600px){ } @media(max-width: 1400px){ /* default s */ #header {height: 5.7143vw;border-bottom:0.0714vw solid #7e7e7e;} #header .header_wrapper {width: 100%;} #header .header_wrapper .nav {gap:3.5714vw;} #header .header_wrapper .nav li {font-size: 1.5714vw;} #header .header_wrapper .hd_tel a {gap:0.7143vw;} #header .header_wrapper .hd_tel .hd_tel_txt {width: 13.9286vw;height: 1.7143vw;} #intro .intro_img {width: 48.6429vw;} /* 메인 숫자 카운팅 */ .rolling-counter-wrap { margin-top: 0.7143vw;gap:0.4286vw;} .rolling-counter-wrap * {font-size:7.1429vw;} .rolling-number {width:7.2143vw; height: 9.8571vw;} .rolling-number .numbers span {line-height: 9.3571vw;width: 7.2143vw;height: 9.8571vw;} .rolling-dot { margin: 0 0.3571vw;font-size: 4.4286vw;margin-bottom: 2.1429vw;} .rolling-unit {font-size: 3.5714vw;padding-bottom: 2.2857vw;} /* 흐르는 슬라이드 */ .marquee {padding:1.2857vw;max-width: 137.1429vw;} .marquee.main .swiper-slide {width: 170.2143vw;} .marquee.solo .swiper-slide {width: 48.6429vw;} .marquee_vertical.main_slide {margin-left:7.8571vw;} .section {max-width:100%;} .inner {width: 100%;} .light_txt {margin:0 0.3571vw 0.7143vw 1.4286vw;} .light_txt.s01_tit {width: 14.0000vw;height: 3.7857vw;} .light_txt.s02_tit {width: 20.2143vw;height: 6.1429vw;} .light_txt.s03_tit {width: 14.2143vw;height: 3.7857vw;} .light_txt.s04_tit {width: 16.8571vw;height: 3.7857vw;} .light_txt.s05_tit {width: 21.3571vw;height: 3.7857vw;} .light_txt.s06_tit {width: 16.8571vw;height: 3.7857vw;} .light_txt.s07_tit {width: 21.3571vw;height: 3.7857vw;} .light_txt.s08_tit {width: 25.0000vw;height: 2.6429vw;} /* 흐르는 슬라이드 */ /* section00 s */ #section00 {height: 68.7857vw;} #section00 .s00_text_wrap {padding-top: 12.8571vw;} #section00 .s00_text_wrap .s00_txt_top {margin-bottom: 2.1429vw;} #section00 .s00_text_wrap .s00_txt_bot {margin-left: -5.7143vw;} #section00 .s00_text_wrap .s00_txt_bot img {width: 65.7143vw;} #section00 .s00_counting_wrap {left:50%;bottom:11.1429vw;} #section00 .counting_text {font-size:1.2857vw;margin-top: 0.7143vw;} #section00 canvas{filter: blur(0.0714vw);} /* section00 e */ .content_text_wrap .title {font-size:3.8571vw;} .content_text_wrap .title.margin10 {margin-top: 0.7143vw;} .content_text_wrap .title.margin5 {margin-top: 0.3571vw;} .content_text_wrap .title.margin5 {margin-top: 0.3571vw;} .content_text_wrap .title.margin_bot {margin-bottom: 0.7143vw;} .content_text_wrap .desc {font-size: 1.5714vw;line-height: 2.1429vw;} .content_text_wrap .desc_v2 {font-size: 1.7143vw;line-height: 2.1429vw;} /* section01 s */ #section01 {padding: 8.5714vw 0 14.2857vw;} #section01 .inner .content_text_wrap .title {line-height:4.2857vw;} #section01 .inner .content_text_wrap .title img {margin-bottom: 0.7143vw;} #section01 .inner .content_text_wrap .desc {font-size: 1.5714vw;line-height:2.2857vw;margin-top: 2.1429vw;} #section01 .s01_content_wrap {height: 120.6429vw;margin-top: 7.1429vw;} #section01 .s01_vs {left:50%;top:24.1429vw;} #section01 .s01_vs img {width: 16.9286vw;} #section01 .s01_left_box {width: 66.5000vw;height: 29.0000vw;padding-left: 24.4286vw;} #section01 .s01_right_box {width: 71.6429vw;height: 85.7143vw;gap:3.2143vw;right:-10%} #section01 .s01_text_box .title {font-size: 3.4286vw;line-height: 4.2857vw;margin-bottom: 1.0714vw;} #section01 .s01_text_box .desc {font-size: 1.4286vw;line-height: 2.0000vw;margin-bottom: 1.7857vw;} #section01 .s01_text_box .slogan {font-size: 2.2857vw;line-height: 2.0000vw;} #section01 .s01_text_box .sub_title {font-size: 2.8571vw;line-height: 3.5714vw;margin-bottom: 1.4286vw;} #section01 .s01_text_box .sub_desc {font-size: 1.7143vw;line-height: 2.0000vw;margin-bottom: 1.4286vw;} #section01 .s01_sub {width: 41.7857vw;height: 55.7857vw;left:3.5714vw;bottom:-6.0714vw;padding-bottom: 3.5714vw;} #section01 .s01_sub .s01_list {width: 32.5714vw;height: 3.2857vw;margin-top: 1.0714vw;} #section01 .s01_sub .s01_list p {font-size: 1.7143vw;line-height: 2.0000vw;} /* section01 e */ /* wave effect s */ .ondebox {left:0;top:67.0000vw;height:39.2857vw;} .ondebox_s04 {top:auto;bottom:0;height:10.0000vw;} .ondebox_s04 .onde {height:100%;} .ondebox2 {top:0;height:14.2857vw;} .ondebox3 {top:auto;bottom:0;height:31.1429vw;} .onde {width: 100%;height:25.0000vw;margin-bottom:-0.5000vw;min-height:7.1429vw;max-height:50.5714vw;} /* wave effect e */ /* section02 s */ #section02 {padding:8.5714vw 2.1429vw;} #section02 .content_text_wrap .desc {margin-bottom: 1.4286vw;} #section02 .content_text_wrap .title {line-height: 5.0000vw;} #section02 .content_text_wrap .title .high {margin-left: 1.0714vw;height: 4.5714vw;} #section02 .s02_cont_wrapper {margin-top: -2.0000vw;} #section02 .s02_cont_wrapper .pc_only {margin:0 auto;text-align: center;position:relative;} #section02 .s02_cont_wrapper .s02_graph_base {width: 90vw} #section02 .s02_cont_wrapper .s02_graph {width: 90vw} #section02 .s02_graph_text {bottom:6.0714vw;left:48%;} #section02 .s02_graph_text p {font-size: 2.4286vw;line-height: 3.1429vw;} #section02 .s02_graph_text .arr.arr01 {right:0;top:-6.8571vw;} #section02 .s02_graph_text .arr.arr02 {right:-3.1429vw;top:-4.2857vw;} #section02 .s02_cont_box {width: 16.5714vw;right:0;bottom:6.4286vw;} #section02 .s02_cont_box .s02_cont_txt {font-size: 1.7143vw;line-height: 3.1429vw;margin-bottom: 1.4286vw;} #section02 .s02_cont_box .s02_cont_txt span {font-size: 2.8571vw;} #section02 .s02_cont_box .s02_circle {width: 16.5714vw;height: 16.5714vw;} #section02 .s02_cont_box .s02_circle.circle01 {margin-bottom: -4.2857vw;} #section02 .s02_cont_box .s02_circle .circle_txt {font-size: 2.2857vw;} #section02 .s02_cont_box .s02_circle .circle_txt span {font-size: 4.2857vw;} #section02 .s02_swiper_wrap {width: 33.9286vw;height: 19.0000vw;left:4.8571vw;top:7.1429vw;padding:4.2857vw 4.2857vw 0;} #section02 #s02_swiper .swiper-slide .swiper_name {border-radius:2.1429vw;padding:0 1.4286vw;height:3.7143vw;} #section02 #s02_swiper .swiper-slide .swiper_name p {font-size: 2.1429vw;line-height: 3.7143vw;} #section02 #s02_swiper .swiper-slide .price {font-size: 5.7143vw;line-height: 7.0000vw;} #section02 #s02_swiper .swiper-slide .price span {font-size: 2.4286vw;} /* section02 e */ /* section03 s */ #section03 {padding:8.5714vw 0 0.0000vw;} #section03 .content_text_wrap {margin-bottom: 7.1429vw;} #section03 .s03_list_wrap {width: 100%;height: 58.5714vw;} #section03 .s03_list_wrap .s03_list {width: 25%;height: 100%;gap:2.1429vw;} #section03 .s03_list_wrap .s03_list .s03_hover_text .desc {font-size: 1.5714vw;line-height: 2.2857vw;} #section03 .s03_list_wrap .s03_list:hover {width: 35%;} /* section03 e */ /* section04 s */ #section04 {padding: 8.5714vw 0 14.2857vw;} #section04 .inner {width: 100%;padding:0 2.1429vw;} #section04 .content_text_wrap p.title {margin-bottom:2.1429vw;} #section04 .content_text_wrap p.title span img {width: 25.7143vw;} #section04 .content_text_wrap p.title.margin_bot {margin-bottom: 0.7143vw;} #section04 .content_text_wrap .title .high {margin-right: 0.4286vw;height: 4.5714vw;margin-bottom: 0.7143vw;} #section04 .content_text_wrap .desc_v2 {margin-bottom: 1.4286vw;} #section04 .content_text_wrap .desc {margin-top: 2.1429vw;} #section04 .s04_cont_wrap .s04_food_wrap {margin-left:-12.7143vw;margin-top: -14.2857vw;width: fit-content;} #section04 .s04_cont_wrap .s04_food_wrap .s04_food {width: 80.1429vw;} #section04 .s04_cont_wrap .s04_steam.steam01 {left:2.8571vw;top:0;} #section04 .s04_cont_wrap .s04_steam.steam02 {left:28.5714vw;top:-12.8571vw;} #section04 .s04_cont_wrap .s04_steam.steam03 {right:-2.8571vw;top:-5.7143vw;} #section04 .s04_cont_wrap .s04_text {width: 21.4286vw;height: 9.2857vw;border-radius:4.6429vw;gap:0.7143vw;} #section04 .s04_cont_wrap .s04_text p.name {font-size: 2.5714vw;} #section04 .s04_cont_wrap .s04_text p.desc {font-size: 1.4286vw;line-height: 1.7143vw;} #section04 .s04_cont_wrap .s04_text.s04_text01 {left:12.0000vw;bottom:12.8571vw;} #section04 .s04_cont_wrap .s04_text.s04_text02 {left:21.7143vw;bottom:1.4286vw;} #section04 .s04_cont_wrap .s04_text.s04_text03 {left:47.1429vw;bottom:1.4286vw;} #section04 .s04_cont_wrap .s04_text.s04_text04 {left:57.1429vw;bottom:12.8571vw;} #section04 .s04_cont_wrap .s04_paper_wrap {margin-top: 3.5714vw;margin-right: 3.5714vw;} #section04 .s04_cont_wrap .s04_paper_wrap img {width: 28.5714vw;} /* section04 e */ /* section05 s */ #section05 {padding:11.4286vw 0 9.2857vw;} #section05 .content_text_wrap .title span.color:after {width: 0.7143vw;height: 0.7143vw;top:-1.2857vw;} #section05 .content_text_wrap .desc {margin-top: 2.8571vw;} #section05 .s05_swiper_wrap {margin-top: 5.7143vw;} #section05 #s05_swiper .swiper-slide {width: 57.1429vw;height: 35.7143vw;margin:0 2.1429vw;} #section05 #s05_swiper .swiper-slide img {width: 100%;} /* section05 e */ /* section06 s */ #section06 {padding: 8.5714vw 0;} #section06 .inner {padding-left: 2.1429vw;} #section06 .content_text_wrap .title.margin_bot {margin-bottom: 0.3571vw;} #section06 .content_text_wrap .desc {margin-top: 2.1429vw;} #section06 .section_content {height: 47.5714vw; margin-left: 10.0000vw;} #section06 .swiper-container {width: 32.8571vw;} #section06 .swiper-slide {margin-right: 2.1429vw;} #section06 .swiper-slide img {width: 32.7857vw;} #section06 .swiper-slide:last-child {margin-right: 0.0000vw; } #section06 .swiper-scroll-wrap { width: 100%; padding-right: calc((100% - 100.0000vw)/2 );} #section06 .swiper-pagination {margin-top: 6.4286vw; } #section06 .swiper-pagination-bullet {height: 0.1429vw;} /* section06 e */ /* section07 s */ #section07 .inner > div {} #section07 .s07_next , #section07 .s07_prev {width: 5.0000vw;height: 5.0000vw;} #section07 .s07_next img , #section07 .s07_prev img {width: 100%;} #section07 .s07_prev {left:auto;right:5.0000vw;border-right: 0.0714vw solid #dbb05e;} #section07 .s07_text_wrap {width: 50%;padding:4.2857vw 0 4.2857vw 2.1429vw;} #section07 .s07_text_wrap .content_text_wrap {margin-bottom: 3.5714vw;} #section07 .s07_text_wrap .content_text_wrap .title {font-size: 4.1429vw;} #section07 .s07_text_wrap .content_text_wrap .title img {width: 25.7143vw;} #section07 .s07_text_wrap .content_text_wrap .title .high {height: 4.5714vw;margin-bottom: 0.7143vw;} #section07 #s07_swiper_txt .swiper-slide .slide_slogan {font-size: 2.0000vw;margin-bottom: 2.8571vw;} #section07 #s07_swiper_txt .swiper-slide .slide_slogan span {height:3.0000vw;padding:0 0.4286vw;} #section07 #s07_swiper_txt .swiper-slide .slide_desc {font-size: 1.5714vw;line-height: 2.2857vw;margin-bottom: 2.8571vw;} #section07 #s07_swiper_txt .swiper-slide .slide_desc span.high {height:2.2857vw;padding:0 0.4286vw;margin:0.1429vw 0;} #section07 #s07_swiper_img .swiper-slide {text-align: center;} #section07 #s07_swiper_img .swiper-slide img {object-fit:cover;height:100%;width:130%} /* section07 e */ /* section08 s */ #section08 {padding: 7.1429vw 0 10.7143vw;} #section08 .content_text_wrap .title.flex {gap:0.7143vw;} #section08 .content_text_wrap .title.flex img {margin-bottom: 0.7143vw;} #section08 .content_text_wrap .desc {margin-top: 1.4286vw;} #section08 .s08_list_wrap {gap:3.5714vw 3.0000vw;margin-top: 6.4286vw;} #section08 .s08_list { width: 19.0000vw;height: 12.0714vw;border-radius:5.7143vw;border:0.1429vw solid #ffd16f;box-shadow:0 0 0 0.5000vw #1f3155;gap:1.0000vw; } #section08 .s08_list.arr:after {width:0.9286vw;height:1.8571vw;right:-2.1429vw;top:50%;} #section08 .s08_list .s08_num {right:0.2857vw;top:-1.5714vw;width: 4.5714vw;height: 4.5714vw;} #section08 .s08_list .s08_num p {font-size: 1.7143vw;} #section08 .s08_list p.tit {font-size: 1.8571vw;} #section08 .s08_list p.desc {font-size: 1.2857vw;line-height: 2.0000vw;} /* section08 e */ /* section09 s */ #section09 {margin-top: -9.2857vw;padding: 10.0000vw 0 8.5714vw;} #section09 .inner {width: 75.7143vw;} #section09 .content_text_wrap .desc {margin-top: 1.4286vw;} .s09_table_wrap {margin-top: 4.2857vw;} .s09_table_wrap img {width: 78.0000vw;} .s09_stemp_wrap img {width: 51.2857vw;} /* section09 e */ /* section10 s */ #section10 .s10_flex_wrap .s10_flex.left {width: 46.0000vw;} #section10 .s10_flex_wrap .s10_flex.left img {width: 100%;height: 100%;} #section10 .s10_flex_wrap .s10_flex.right {width: 91.1429vw;padding-left: 14.2857vw;padding-top: 10.7143vw;padding-bottom: 10.7143vw;} #section10 .s10_flex_wrap .content_text_wrap .title {font-size: 3.5714vw;line-height: 4.2857vw;} #section10 .s10_flex_wrap .content_text_wrap .title img {margin-bottom: 0.3571vw;} #section10 .s10_flex_wrap .content_text_wrap .desc {margin-top: 2.1429vw;} #section10 .s10_flex_wrap .content_text_wrap .s10_tel_wrap {gap:1.2857vw;margin-top: 2.1429vw;} #section10 .s10_flex_wrap .content_text_wrap .s10_tel_wrap span {font-size: 3.5714vw;} #section10 .s10_cont_wrap {width: 42.8571vw;margin-top: 2.8571vw;} /* section10 e */ } @media(max-width: 1080px){ .section-scrollNab {display: none;} #inquiry {display: none} } @media(max-width: 768px){ .pc_only {display: none;} .mobile_only {display: block;} #inquiry {display: block;} #intro {display: none;} /* 메인 숫자 카운팅 */ .rolling-counter-wrap { margin-top: 6.5104vw; gap:0.5208vw;} .rolling-counter-wrap * {font-size:7.5521vw;} .rolling-number {width:8.8542vw; height: 12.1094vw;} .rolling-number .numbers span {line-height: 17.0573vw;width: 8.8542vw;height: 12.1094vw;} .rolling-dot { margin: 0 0.5208vw; font-size: 5.2083vw;margin-bottom: 1.9063vw;} .rolling-unit {font-size: 5.2083vw;padding-bottom: 1.1667vw;margin-left:0.5208vw;margin-right: 0;} /* 메인 숫자 카운팅 */ /* 흐르는 슬라이드 */ .marquee {padding:2.3438vw;max-width: 250.0000vw;} .marquee.main .swiper-slide {width: 310.2865vw;} .marquee.solo .swiper-slide {width: 88.6719vw;} .marquee_vertical.main_slide {margin-left:14.3229vw;} .section {max-width:100%;} .inner {width: 100%;} .light_txt {margin:0 0.6510vw 1.3021vw 2.6042vw;} .light_txt.s01_tit {width: 32.8125vw;height: 8.8542vw;} .light_txt.s02_tit {width: 36.8490vw;height: 11.1979vw;} .light_txt.s03_tit {width: 33.3333vw;height: 8.8542vw;} .light_txt.s04_tit {width: 30.7292vw;height: 6.9010vw;} .light_txt.s05_tit {width: 48.5677vw;height: 8.8542vw;} .light_txt.s06_tit {width: 40.0208vw;height: 8.8542vw;margin-left:0;} .light_txt.s07_tit {width: 38.9323vw;height: 6.9010vw;} .light_txt.s08_tit {width: 33.0729vw;height: 4.8177vw;} /* 흐르는 슬라이드 */ .content_text_wrap {} .content_text_wrap .title {font-size:8.3333vw;} .content_text_wrap .title.margin10 {margin-top: 1.3021vw;} .content_text_wrap .title.margin5 {margin-top: 0.6510vw;} .content_text_wrap .title.margin5 {margin-top: 0.6510vw;} .content_text_wrap .title.margin_bot {margin-bottom: 1.3021vw;} .content_text_wrap .desc {font-size: 3.6458vw;line-height: 5.2083vw;} .content_text_wrap .desc_v2 {font-size: 3.6458vw;line-height: 5.2083vw;} /* wave effect s */ .ondebox {top:107.8125vw;height:32.0833vw;} .ondebox_s04 {top:auto;bottom:-1%;height:18.2292vw;} .ondebox_s04 .onde {height:100%;} .ondebox2 {top:0;height:26.0417vw;} .ondebox3 {top:auto;bottom:0;height:56.7708vw;z-index:1;} .onde {height:32.0833vw;margin-bottom:-0.9115vw;min-height:13.0208vw;max-height:92.1875vw;} /* wave effect e */ /* header s */ #header {height: 13.6719vw;border-bottom:0;background:#22355a;} #header.bgcolor {} #header .header_wrapper {width: 100%;padding:0 3.9063vw;} #header .header_wrapper .logo {width: 28.6458vw;} #header .header_wrapper .logo a {} #header .header_wrapper .logo a img {} #header .header_wrapper .nav {display: none;} #header .header_wrapper .hd_tel {display: none;} #footer .right {margin:0 auto;} /* header e */ /* menu btn s */ .menuBtn {position:absolute;z-index:9999;top:50%;transform:translateY(-50%);right:3.9063vw;width: 9.8958vw;height: 9.8958vw;/* background:#bc954b; */} .menu-trigger {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)} .menu-trigger, .menu-trigger span {display: inline-block;transition: all .4s;box-sizing: border-box;} .menu-trigger {position: relative;width: 5.4688vw;height: 4.0365vw;} .menu-trigger span {position: absolute;left: 0;width: 100%;height: 0.3906vw;background-color: #fcf6ef;} .menu-trigger span:nth-of-type(1) {top: 0;} .menu-trigger span:nth-of-type(2) {top: 1.8229vw} .menu-trigger span:nth-of-type(3) {bottom: 0;} .menu-trigger.active-1 span:nth-of-type(1) {-webkit-transform: translateY (1.8229vw) rotate (-45deg);transform: translateY(1.8229vw) rotate(-45deg);} .menu-trigger.active-1 span:nth-of-type(2) {opacity: 0;} .menu-trigger.active-1 span:nth-of-type(3) {-webkit-transform: translateY(-1.8229vw) rotate(45deg);transform: translateY(-1.8229vw) rotate(45deg);} /* menu btn e */ /* navigation_m s */ #navigation_m {height:100vh;background:rgba(0,0,0,0.8);position:fixed;left:0;top:-120%;width:100%;z-index:1;transition:0.8s} #navigation_m.show {top:0;} #navigation_m .nav_m {height:100%;text-align: center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11.7188vw;} #navigation_m .nav_m li a {font-size: 6.7708vw;color:#fff;} #navigation_m .nav_m li.on a {color:#bc954b;} /* navigation_m e */ /* section00 s */ #section00 {height: 182.2917vw;background:url('../../images/m/main_bg_m2.jpg')no-repeat center top/cover;} #section00 .s00_text_wrap {padding-top: 56.4063vw;} #section00 .s00_text_wrap .s00_txt_top {margin-bottom: 3.9063vw;} #section00 .s00_text_wrap .s00_txt_top img {width: 36.9792vw;} #section00 .s00_text_wrap .s00_txt_bot {margin-left: -6.4167vw;} #section00 .s00_text_wrap .s00_txt_bot img {width: 86.7031vw;} #section00 .s00_text_wrap .s00_txt_bot img.bounce_txt {opacity: 1;} #section00 .s00_counting_wrap {bottom:8%;} #section00 .counting_text {display: none;} #section00 canvas{filter: blur(0.1302vw);} #section00 .main_rotate_wrap {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display: none;} #section00 .main_rotate_wrap img {} #section00 .main_light_wrap {position:absolute;right:237px;top:0;display: none;} #section00 .main_light_wrap img {mix-blend-mode: screen;} /* section00 e */ /* section01 s */ #section01 {padding: 18.2292vw 0 18.2292vw;background:url('../../images/s01_bg.jpg')no-repeat center top/cover;} #section01 .inner .content_text_wrap .title {line-height:9.1146vw;} #section01 .inner .content_text_wrap .title img {margin-bottom: 1.3021vw;} #section01 .inner .content_text_wrap .desc {font-size: 2.8646vw;line-height:4.1667vw;margin-top: 3.9063vw;} #section01 .s01_content_wrap {height: auto;position:relative;margin-top: 13.0208vw;} #section01 .s01_vs {left:50%;top:48.5677vw;} #section01 .s01_vs img {width: 30.8594vw;} #section01 .s01_cont_box {position:relative;} #section01 .s01_left_box { width: 92.5781vw;height: 52.8646vw;background: url('../../images/m/s01_left_bg_m.png')no-repeat center/cover;left:auto;top:auto;padding-left: 13.0208vw; } #section01 .s01_right_box { width: 96.0938vw;height: 156.2500vw;background: url('../../images/m/s01_right_bg_m.png')no-repeat center/cover;right:auto;bottom:auto; flex-direction:column;justify-content:center;gap:5.8594vw;margin-top: 14.5833vw;margin-left: 3.9063vw; } #section01 .s01_cont_logo img {width: 77.9948vw;} #section01 .s01_cont_text img {width: 83.7240vw;} #section01 .s01_text_box .title {font-size: 6.2500vw;line-height: 7.8125vw;margin-bottom: 1.9531vw;} #section01 .s01_text_box .title img {width: 59.6354vw;} #section01 .s01_text_box .desc {font-size: 3.6458vw;line-height: 4.6875vw;margin-bottom: 3.2552vw;} #section01 .s01_text_box .slogan {font-size: 4.6875vw;line-height: 4.6875vw;} #section01 .s01_text_box .sub_title {font-size: 6.2500vw;line-height: 7.2917vw;margin-bottom: 2.6042vw;} #section01 .s01_text_box .sub_desc {font-size: 3.6458vw;line-height: 4.6875vw;margin-bottom: 2.6042vw;} #section01 .s01_sub { width: 84.2448vw;height: 101.6927vw;background: url('../../images/m/s01_cont_bg_m.png')no-repeat center/cover;left:auto;bottom:auto; padding-bottom: 6.5104vw;margin:5.2083vw auto 0; } #section01 .s01_sub .s01_list {width: 69.2708vw;height: 6.7708vw;background:url('../../images/s01_list_bg.png')no-repeat center/cover;margin: 1.9531vw auto 0;} #section01 .s01_sub .s01_list p {font-size: 3.6458vw;line-height: 3.6458vw;} /* section01 e */ /* section02 s */ #section02 {background: url('../../images/s02_bg.jpg')no-repeat center/cover;padding:18.2292vw 0 18.2292vw;} #section02 .content_text_wrap {text-align: center;} #section02 .content_text_wrap .flex {justify-content:center;} #section02 .content_text_wrap .desc {margin-bottom: 2.6042vw;} #section02 .content_text_wrap .title {line-height: 10.6771vw;} #section02 .content_text_wrap .title span img {width: 27.8646vw;} #section02 .content_text_wrap .title .high {margin-left: 1.9531vw;height: 8.5938vw;} #section02 .content_text_wrap .title .high .highlight {width: 100%;height: 100%;background:#dbb05e;position:absolute;left:0;top:0;z-index:-1;} #section02 .s02_cont_wrapper {margin-top: 6.5104vw;} #section02 .s02_cont_wrapper .mobile_only {position:relative;} #section02 .s02_cont_wrapper img {} #section02 .s02_cont_wrapper .s02_graph_base {width: 100.0000vw;} #section02 .s02_cont_wrapper .s02_graph {width: 100.0000vw;} #section02 .s02_graph_text {bottom:9.1146vw;left:40.3646vw;} #section02 .s02_graph_text p {font-size: 4.4271vw;line-height: 5.7292vw;} #section02 .s02_graph_text .arr.arr01 {right:0;top:-12.5000vw;width: 9.6354vw;} #section02 .s02_graph_text .arr.arr02 {right:-5.7292vw;top:-7.8125vw;width: 7.0313vw;} #section02 .s02_cont_box {width: 30.2083vw;right:auto;left:9.3750vw;top:41.6667vw;bottom:auto;} #section02 .s02_cont_box .s02_cont_txt {font-size: 3.1250vw;line-height: 5.7292vw;margin-bottom: 1.3021vw;} #section02 .s02_cont_box .s02_cont_txt span {font-size: 5.2083vw;} #section02 .s02_cont_box .s02_circle {width: 30.2083vw;height: 30.2083vw;} #section02 .s02_cont_box .s02_circle.circle01 {margin-bottom: -7.8125vw;} #section02 .s02_cont_box .s02_circle .circle_txt {font-size: 4.1667vw;} #section02 .s02_cont_box .s02_circle .circle_txt span {font-size: 7.8125vw;} #section02 .s02_swiper_wrap { width: 61.8490vw;height: 34.6354vw;position:static;padding:7.8125vw 7.8125vw 0;margin:0 auto 7.8125vw; } #section02 #s02_swiper .swiper-slide .swiper_name {border-radius:3.9063vw;padding:0 2.6042vw;height:6.7708vw;} #section02 #s02_swiper .swiper-slide .swiper_name p {font-size: 3.9063vw;line-height: 6.7708vw;} #section02 #s02_swiper .swiper-slide .price {font-size: 10.4167vw;line-height: 12.7604vw;} #section02 #s02_swiper .swiper-slide .price span {font-size: 4.4271vw;} #section02 .s02_pagi .swiper-pagination-bullet {width: 1.3021vw;height: 1.3021vw;} /* section02 e */ /* section03 s */ #section03 {padding:18.2292vw 0 0.0000vw;background:url('../../images/m/s03_bg_m.jpg')no-repeat center top/cover;} #section03 .content_text_wrap {margin-bottom: 13.0208vw;} #section03 .s03_list_wrap {width: 100%;height: auto;flex-direction:column;} #section03 .s03_list_wrap .s03_list { width: 100%;height: 45.5729vw;gap:3.9063vw;filter: brightness(1); } #section03 .s03_list_wrap .s03_list:nth-child(1) {background:url('../../images/m/s03_list01_bg_m.jpg')no-repeat center/cover;} #section03 .s03_list_wrap .s03_list:nth-child(2) {background:url('../../images/m/s03_list02_bg_m.jpg')no-repeat center/cover;} #section03 .s03_list_wrap .s03_list:nth-child(3) {background:url('../../images/m/s03_list03_bg_m.jpg')no-repeat center/cover;} #section03 .s03_list_wrap .s03_list:nth-child(4) {background:url('../../images/m/s03_list04_bg_m.jpg')no-repeat center/cover;} #section03 .s03_list_wrap .s03_list .s03_text.s03_text01 {width: 23.1771vw;height: 17.3177vw;background:url('../../images/s03_name_01_on.png')no-repeat center/cover;} #section03 .s03_list_wrap .s03_list .s03_text.s03_text02 {width: 22.9167vw;height: 17.0573vw;background:url('../../images/s03_name_02_on.png')no-repeat center/cover;} #section03 .s03_list_wrap .s03_list .s03_text.s03_text03 {width: 54.5573vw;height: 17.3177vw;background:url('../../images/m/s03_name_03_on_m.png')no-repeat center/cover;} #section03 .s03_list_wrap .s03_list .s03_text.s03_text04 {width: 21.4844vw;height: 17.1875vw;background:url('../../images/s03_name_04_on.png')no-repeat center/cover;} #section03 .s03_list_wrap .s03_list:hover .s03_text.s03_text01 {background:url('../../images/s03_name_01_on.png')no-repeat center/cover;} #section03 .s03_list_wrap .s03_list:hover .s03_text.s03_text02 {background:url('../../images/s03_name_02_on.png')no-repeat center/cover;} #section03 .s03_list_wrap .s03_list:hover .s03_text.s03_text03 {background:url('../../images/m/s03_name_03_on_m.png')no-repeat center/cover;} #section03 .s03_list_wrap .s03_list:hover .s03_text.s03_text04 {background:url('../../images/s03_name_04_on.png')no-repeat center/cover;} #section03 .s03_list_wrap .s03_list .s03_text .s03_name01 {width: 23.1771vw;} #section03 .s03_list_wrap .s03_list .s03_text .s03_name02 {width: 22.9167vw;} #section03 .s03_list_wrap .s03_list .s03_text .s03_name03 {width: 54.5573vw;} #section03 .s03_list_wrap .s03_list .s03_text .s03_name04 {width: 21.4844vw;} #section03 .s03_list_wrap .s03_list .s03_hover_text {height:auto;} #section03 .s03_list_wrap .s03_list .s03_hover_text .desc {font-size: 3.6458vw;line-height: 5.2083vw;transform:translateY(0);opacity:1;} #section03 .s03_list_wrap .s03_list:hover {width: 100%;filter: brightness(1);} #section03 .s03_list_wrap .s03_list .s03_video {overflow:hidden;display: none;} #section03 .s03_list_wrap .s03_list .s03_video video {width: 100%;height:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} /* section03 e */ /* section04 s */ #section04 {background: url('../../images/s04_bg.jpg')no-repeat center top/cover;padding: 18.2292vw 0 28.6458vw;} #section04 .inner {width: 100%;padding:0;} #section04 .content_text_wrap p.title {margin-bottom:3.9063vw;} #section04 .content_text_wrap p.title.margin_bot {margin-bottom: 1.3021vw;} #section04 .content_text_wrap p.title span img {width: 46.8750vw;} #section04 .content_text_wrap .title .high {margin-right: 0.7813vw;height: 8.5938vw;margin-bottom: 1.3021vw;} #section04 .content_text_wrap .desc_v2 {margin-bottom: 2.6042vw;} #section04 .content_text_wrap .desc {margin-top: 3.9063vw;} #section04 .s04_cont_wrap {display:flex;justify-content:space-between;flex-direction:column-reverse;} #section04 .s04_cont_wrap .s04_food_wrap {margin-left:0;margin-top: -7.8125vw;position:relative;width: fit-content;} #section04 .s04_cont_wrap .s04_food_wrap .s04_food {width: 100vw;} #section04 .s04_cont_wrap .s04_steam {position:absolute;} #section04 .s04_cont_wrap .s04_steam.steam01 {left:8.2083vw;top:5.4167vw;width: 35.4167vw;} #section04 .s04_cont_wrap .s04_steam.steam02 {left:30.6979vw;top:-23.4375vw;width: 34.2448vw;} #section04 .s04_cont_wrap .s04_steam.steam03 {right:0vw;top:-10vw;width: 49.2188vw;} #section04 .s04_cont_wrap .s04_txt_wrap {display: none;} #section04 .s04_cont_wrap .s04_paper_wrap {margin: 9.1146vw auto 0;position:relative;z-index:5;} #section04 .s04_cont_wrap .s04_paper_wrap img {width: 52.0833vw;} #section04 .s04_cont_wrap .s04_swiper_wrap {position:absolute;left:50%;bottom:-7.8125vw;transform:translateX(-50%);} #section04 .s04_cont_wrap #s04_swiper_m .swiper-slide { width: 55.4688vw;height: 24.2188vw;border-radius:11.7188vw;background:#001736; display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.3021vw;text-align: center; margin:0 1.9531vw;opacity: 0.6; } #section04 .s04_cont_wrap #s04_swiper_m .swiper-slide.swiper-slide-active {opacity: 1;} #section04 .s04_cont_wrap #s04_swiper_m .swiper-slide p {letter-spacing: -0.05em;} #section04 .s04_cont_wrap #s04_swiper_m .swiper-slide p.name {font-size: 5.4688vw;font-weight: 700;color:#fff;} #section04 .s04_cont_wrap #s04_swiper_m .swiper-slide p.name span {color:#bc954b;} #section04 .s04_cont_wrap #s04_swiper_m .swiper-slide p.desc {font-size: 3.6458vw;color:#f3f3f3;font-weight: 500;line-height: 5.2083vw;} /* section04 e */ /* section05 s */ #section05 {background: url('../../images/m/s05_bg_m.jpg')no-repeat center top/cover;padding:24.7396vw 0 18.2292vw;} #section05 .content_text_wrap .desc {margin-top: 5.2083vw;} #section05 .content_text_wrap .title span.color {} #section05 .content_text_wrap .title span.color:after {width: 1.3021vw;height: 1.3021vw;top:-2.3438vw;} #section05 .s05_swiper_wrap {margin-top: 14.3229vw;} #section05 #s05_swiper .swiper-slide {width: 83.3333vw;height: 52.0833vw;margin:0 1.3021vw;} #section05 #s05_swiper .swiper-slide img {width: 100%;} /* section05 e */ /* section06 s */ #section06 {padding: 15.6250vw 0;background: url('../../images/s06_bg.jpg')no-repeat center top/cover;} #section06 .inner {flex-direction: column; padding-left: 0; } #section06 .content_text_wrap {text-align:center;} #section06 .content_text_wrap .title.margin_bot {margin-bottom: 0.6510vw;} #section06 .content_text_wrap .title.flex {justify-content:center;} #section06 .content_text_wrap .desc {margin-top: 3.9063vw;} #section06 .section_content { position: relative; flex-grow: 1; height: 119.4010vw; margin-left: 0;margin-top:10.4167vw;} #section06 .overflow-box { position: absolute; left: 0; top: 0; overflow: hidden; width: 100%; } #section06 .swiper-container { width: 79.8177vw; overflow: visible; margin-left: auto; } #section06 .swiper-slide { margin:0 2.6042vw;opacity: 0.6;} #section06 .swiper-slide.swiper-slide-active {opacity: 1;} #section06 .swiper-slide img {width: 79.8177vw;} #section06 .swiper-slide:last-child { margin-right: auto; } #section06 .swiper-scroll-wrap { width: 100%; padding:0 3.9063vw } #section06 .swiper-pagination {margin-top: 11.7188vw; } #section06 .swiper-pagination-bullet {height: 0.2604vw;} /* section06 e */ /* section07 s */ #section07 {background:url('../../images/s07_bg.jpg')no-repeat center/cover;} #section07 .inner {display:flex;justify-content:center;width: 100%;flex-direction:column-reverse} #section07 .inner > div {width: 100%;height:fit-content;} #section07 .s07_swiper_wrap {width: 100%;position:relative;} #section07 #s07_swiper_img {} #section07 #s07_swiper_img .swiper-wrapper {} #section07 #s07_swiper_img .swiper-slide {} #section07 #s07_swiper_img .swiper-slide img {width: 100%;} #section07 .s07_next , #section07 .s07_prev {display: none;} #section07 .s07_text_wrap {width: 100%;padding:15.6250vw 2.6042vw 10.4167vw;text-align: center;} #section07 .s07_text_wrap .content_text_wrap {margin-bottom: 6.5104vw;} #section07 .s07_text_wrap .content_text_wrap .title {font-size: 9.3750vw;} #section07 .s07_text_wrap .content_text_wrap .title img {width: 46.8750vw;} #section07 .s07_text_wrap .content_text_wrap .title.flex {justify-content:center;} #section07 .s07_text_wrap .content_text_wrap .title .high {height: 8.3333vw;margin-bottom: 1.3021vw;} #section07 #s07_swiper_txt .swiper-slide .slide_slogan {font-size: 4.4271vw;margin-bottom: 5.2083vw;} #section07 #s07_swiper_txt .swiper-slide .slide_slogan span {height:5.4688vw;padding:0 0.7813vw;} #section07 #s07_swiper_txt .swiper-slide .slide_desc {font-size: 3.6458vw;line-height: 5.2083vw;margin-bottom: 5.2083vw;} #section07 #s07_swiper_txt .swiper-slide .slide_desc span.high {height:4.1667vw;padding:0 0.7813vw;margin:0.2604vw 0;} /* section07 e */ /* section08 s */ #section08 {margin-top: 0;padding: 18.2292vw 0 15.6250vw;} #section08 .content_text_wrap .title.flex {gap:0.6510vw;} #section08 .content_text_wrap .title img {width: 28.7760vw;} #section08 .content_text_wrap .desc {margin-top: 3.9063vw;} #section08 .s08_list_wrap {display:flex;flex-wrap:wrap;gap:5.9896vw 8.0729vw;justify-content:center;margin-top: 11.7188vw;} #section08 .s08_list { width: 34.6354vw;height: 22.0052vw;border-radius:10.4167vw;border:0.2604vw solid #ffd16f;box-shadow:0 0 0 0.9115vw #1f3155; gap:1.8229vw; } #section08 .s08_list.arr:after {width:1.6927vw;height:3.3854vw;right:-5.4688vw} #section08 .s08_list.arr:nth-child(2):after {display: none;} #section08 .s08_list.arr:nth-child(6):after {display: none;} #section08 .s08_list .s08_num {right:0.5208vw;top:-2.8646vw;width: 8.3333vw;height: 8.3333vw;} #section08 .s08_list .s08_num p {font-size: 3.1250vw;} #section08 .s08_list p.tit {font-size: 3.3854vw;} #section08 .s08_list p.desc {font-size: 2.3438vw;line-height: 3.6458vw;} /* section08 e */ /* section09 s */ #section09 {background:url('../../images/m/s09_bg_m.png')no-repeat center top/cover;margin-top: -10.4167vw;padding: 18.2292vw 0 13.0208vw;} #section09 .inner {width: 100%;padding:0 3.9063vw;} #section09 .content_text_wrap .title.flex {gap:0.6510vw;} #section09 .content_text_wrap .desc {margin-top: 3.9063vw;} .s09_table_wrap {margin-top: 7.8125vw;} .s09_table_wrap img {width: 100%;} .s09_stemp_wrap img {width: 93.4896vw;} /* section09 e */ /* section10 s */ #section10 {background: url('../../images/m/s10_bg_bg_m_top.jpg')no-repeat center top/contain;} #section10 .s10_flex_wrap {display:flex;} #section10 .s10_flex_wrap .s10_flex {} #section10 .s10_flex_wrap .s10_flex.left {display: none;} #section10 .s10_flex_wrap .s10_flex.right {text-align: center; width: 100%;padding-left: 0;padding-top: 19.5313vw;padding-bottom: 19.5313vw;background:url('../../images/m/s10_bg_bg_m.jpg')no-repeat center bottom/contain; } #section10 .s10_flex_wrap .s10_flex .inner {width: 100%;} #section10 .s10_flex_wrap .content_text_wrap {} #section10 .s10_flex_wrap .content_text_wrap .title {font-size: 6.5104vw;line-height: 7.8125vw;} #section10 .s10_flex_wrap .content_text_wrap .title img {margin-bottom: 0.6510vw;width: 44.9219vw;} #section10 .s10_flex_wrap .content_text_wrap .desc {margin-top: 5.2083vw;} #section10 .s10_flex_wrap .content_text_wrap .s10_tel_wrap {display:flex;align-items:center;justify-content:center;gap:0vw;margin-top: 3.9063vw;} #section10 .s10_flex_wrap .content_text_wrap .s10_tel_wrap span {font-size: 6.5104vw;} #section10 .s10_flex_wrap .content_text_wrap .s10_tel_wrap span {margin-left: 1.3021vw;} #section10 .s10_flex_wrap .content_text_wrap .s10_tel_wrap img {width: 13.6719vw;} #section10 .s10_cont_wrap {width: 78.1250vw;margin: 5.2083vw auto 0;} #section10 .s10_cont_wrap iframe {} /* section10 e */ } @media(max-width: 480px){ } @media (max-width: 414px){ } @media (max-width: 375px){ }