: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;} /* highlight */ [data-aos="highlight"]:before { content: "";position: absolute;left: 0;top: 0px;width: 0%;height: 100%;background:var(--color-red); transition-delay: .4s;-webkit-transition-delay: .4s;transition-duration: .4s;-webkit-transition-duration: .4s;z-index: -1; } span.aos-animate[data-aos="highlight"]:before {width: 100%;} .rotate { animation-duration: 30s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-name: rotate; animation-name: rotate; } .stemp { opacity: 0; animation-delay: 0.2s; -webkit-animation-delay: 0.2s; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; transform-origin: center; -webkit-animation-name: stemp; animation-name: stemp; } .flow-ani-wrap {display: flex;justify-content: flex-start;align-items: stretch;flex-wrap: nowrap;position: relative;overflow: hidden;} .flow-ani-wrap ul { display: flex; justify-content: flex-start;align-items: center;transform: translate3d(0%, 0, 0);-webkit-transform: translate3d(0%, 0, 0); -webkit-animation-name: flowAni;animation-name: flowAni;-webkit-animation-duration: 48s;animation-duration: 48s; -webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite; animation-play-state: running;-webkit-animation-play-state: running; } .flow-ani-wrap.re_flow ul { transform: translate3d(-100%, 0, 0);-webkit-transform: translate3d(-100%, 0, 0); -webkit-animation-name: flowAni_re;animation-name: flowAni_re;-webkit-animation-duration: 48s;animation-duration: 48s; -webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite; animation-play-state: running;-webkit-animation-play-state: running; } .animate__swing { -webkit-animation-name: swing; animation-name: swing; -webkit-transform-origin: top center; transform-origin: top center } /************** policy layer s *************/ .policy_wrap { position: fixed; /* keeps the policy_wrap window in the current viewport */ top: 0;left: 0;display: none;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A6000000, endColorstr=#A6000000); text-align: center;z-index: 999999;font-family: 'Pretendard', sans-serif; } .policy_wrap .policy-wrapper { overflow: hidden;margin: 50px auto;position: absolute;left:50%;top:50%; -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%); box-shadow: 0 0 25px #111;-webkit-box-shadow: 0 0 25px #111;-moz-box-shadow: 0 0 25px #111; width: 90%;background-color: #fff;border: 1px solid #999;outline: 0;-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);background-clip: padding-box;max-width: 820px;border-radius: 10px; } .close-popup { position: absolute;top: 20px;right: 20px;background-color: #fff;font-family: Arial, Helvetica, sans-serif; font-size: 21px;font-weight: bold;line-height: 1;color: #ccc;text-shadow: 0 1px 0 #fff;border: none; } .policy_wrap .policy-wrapper h4 { padding: 15px;border-bottom: 1px solid #e5e5e5;font-size: 18px;font-weight: 500;font-family: var(--font-family-ptd); } .policy_wrap .policy {overflow-y: auto;padding: 30px;text-align: left;line-height: 163%;font-size: 12px;} form a.popup-trigger { display: inline-block;padding: 0 5px;line-height: 1.25;text-indent: 0;color: #fff;background-color: #8C8984;font-size: 12px; vertical-align: middle; } /* section-scrollNab s */ .section-scrollNab { position: relative; height: 0; overflow: hidden; } .section-scrollNab.scrollDown {height: 5rem;} .section-scrollNab {display:flex;align-items: center;justify-content: center;} .nab_inner {position:relative;width:100%;max-width:1920px;height:5rem;margin:0 auto;display: flex;justify-content: center;align-items: center;} .section-scrollNab .section-nab-wrap { position: absolute; left: 0; top: 0; width: 100%; height:5rem; transition: all 0.3s; -webkit-transition: all 0.3s; opacity: 0; background: #fff;z-index:100;box-shadow:0 0.5rem 0.5rem rgba(35,20,6,0.1) } .section-scrollNab .section-nab-wrap ul {width:100%;display:flex;justify-content:center;align-items: center;gap:1.875rem;} .section-scrollNab .section-nab-wrap ul li {font-size: 1.0625rem;font-weight:600;letter-spacing: -0.025em;color:#312927;opacity: 1;} .section-scrollNab .section-nab-wrap ul li.on {font-weight: 700;} .section-scrollNab .section-nab-wrap ul li.on a {font-weight: 700;color:#b91f1f;} .section-scrollNab .section-nab-wrap ul li:hover a {font-weight: 700;color:#b91f1f;} .section-scrollNab.scrollUp .section-nab-wrap { position: fixed; top: -5rem; opacity: 0; } .section-scrollNab.scrollDown .section-nab-wrap { position: fixed; opacity: 1; } /* section-scrollNab e */ /* default s */ /* default e */ #footer b {font-weight: 400;color:#d5d5d5;} /* 탭메뉴 s */ .sub_cont{display:none; text-align:center;} .sub_cont.on{display:block;} /* 탭메뉴 e */ /* 메인 숫자 카운팅 */ .rolling-counter-wrap { margin-top: 50px; display: flex; justify-content: center; align-items: end; } .rolling-counter-wrap * { font-family: var(--font-family-ptd); font-size:100px;color:var(--color-white);font-weight: normal;} .rolling-number { position: relative; width:80px; height: 135px; overflow: hidden; color: var(--color-white); text-align: center;outline:none; } .rolling-number + .rolling-number {} .rolling-number .numbers { position: absolute; left: 0; top: 0; width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-direction: column; } .rolling-number .numbers span { line-height: 131px;width: 80px;height: 131px;background:transparent;color:#a7342f;} .rolling-dot { margin: 0 5px; font-size: 60px; color:#a7342f;} .rolling-unit {font-size: 70px; color:#a7342f;font-family: var(--font-family-ptd);padding-bottom: 32px;font-weight: 800;} /* 흐르는 슬라이드 */ .marquee {width: 100%;background:transparent;overflow:hidden;max-width: 1920px;} .marquee.solo {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: 2518px;} .marquee .swiper-slide img {width: 100%;} .marquee_vertical.left_step {position:absolute;left:0px;top:0;background:transparent;padding:0 24px 0 33px;border-left:1px solid #9b5f54;border-right:1px solid #9b5f54;z-index:10;} .marquee_vertical.right_step {position:absolute;right:0px;top:0;background:transparent;padding:0 24px 0 33px;border-left:1px solid #9b5f54;border-right:1px solid #9b5f54;z-index:10;} .marquee_vertical.main_slide {margin-left:110px;} .left_step ul {animation: hSlideLoop_re 48s 0s infinite linear;opacity:1;} .right_step ul {animation: hSlideLoop 48s 0s infinite linear;opacity:1;} .section {width:100%;max-width:1920px;margin:0 auto;overflow:hidden;position:relative;} .inner {width: 1400px;margin:0 auto;position:relative;} /* section00 s */ #section00 {} #section00 #main_swiper {} #section00 .swiper-wrapper {} #section00 .swiper-slide {position:relative;overflow:hidden;} #section00 .swiper-slide > img {} #section00 .swiper-slide .main_text {position:absolute;left:360px;top:342px;z-index:10;overflow:hidden;width: 500px;} #section00 .swiper-slide .main_text.down {} #section00 .swiper-slide .main_text p {letter-spacing: -0.03em;line-height: 86px;position:relative;overflow:hidden;display: block;} #section00 .swiper-slide .main_text p .move {transition:0.6s;display: block;} #section00 .swiper-slide .main_text.down p .move {transform:translateY(120%);} #section00 .swiper-slide .main_text p.sub_tit {font-size: 48px;color:#a83f1d;} #section00 .swiper-slide .main_text p.tit {font-size: 80px;color:#111;} #section00 .swiper-slide .main_text p.desc {font-size: 24px;font-weight: 400;line-height: 36px;letter-spacing: -0.01em;color:#333;margin-top: 30px;} #section00 .swiper-slide .s00_s1 {position:absolute;transition:0.6s;opacity: 1;} #section00 .swiper-slide .s0s1_01 {right:210px;top:430px;width: 248px;} #section00 .swiper-slide .s0s1_02 {left:20px;bottom:-56px;width: 377px;} #section00 .swiper-slide .s0s1_03 {left:348px;top:-20px;width: 281px;} #section00 .swiper-slide .s0s1_01.effect { right:310px;top:530px;opacity: 0; } #section00 .swiper-slide .s0s1_02.effect { left:120px;bottom:-112px;opacity: 0; } #section00 .swiper-slide .s0s1_03.effect { left:448px;top:120px;opacity: 0; } #section00 .swiper-slide .s00_s2 {position:absolute;transition:0.6s;opacity: 1;} #section00 .swiper-slide .s0s2_01 {top:24px;left:-100px;width: 394px;} #section00 .swiper-slide .s0s2_02 {bottom:-80px;left:690px;width: 397px;} #section00 .swiper-slide .s0s2_03 {top:144px;right:-100px;width: 280px;} #section00 .swiper-slide .s0s2_01.effect { top:124px;left:-200px;opacity: 0; } #section00 .swiper-slide .s0s2_02.effect { bottom:-180px;left:790px;opacity: 0; } #section00 .swiper-slide .s0s2_03.effect { top:244px;right:-200px;opacity: 0; } /* section00 e */ /* section01 s */ #section01 {background:url('../../images/s01_bg.jpg')no-repeat center/cover;padding:140px 0;} #section01 .s01_inner {position:relative;max-width:1200px;margin:0 auto;} #section01 .s01_text_wrap {position:absolute;top:80px;left:688px;} #section01 .s01_text_wrap .s01_txt {overflow:hidden;} #section01 .s01_text_wrap .s01_txt p {letter-spacing: -0.025em;color:#111;overflow:hidden;display: block;} #section01 .s01_text_wrap .s01_txt p .move {transition:0.3s;display: block;} #section01 .s01_text_wrap.down .s01_txt .move {transform:translateY(100%);} #section01 .s01_text_wrap .s01_txt p.slogan {font-size: 24px;line-height: 30px;font-weight: 500;margin-bottom: 10px;} #section01 .s01_text_wrap .s01_txt p.title {font-size: 48px;line-height: 60px;} #section01 .s01_text_wrap .s01_txt p.title span.color {color:#a83f1d;} #section01 #s01_swiper {overflow: unset;} #section01 .swiper-wrapper {} #section01 .swiper-slide {} #section01 .swiper-slide .s01_img_wrap {position: relative; transition-duration: 0.6s; width: 585px; margin-right: 615px;z-index:10;} #section01 .swiper-slide.swiper-slide-prev .s01_img_wrap {margin-left: 615px;margin-right: 0;} #section01 .swiper-slide.swiper-slide-duplicate-prev .s01_img_wrap {margin-left: 615px;margin-right: 0;} #section01 .swiper-slide .s01_img_wrap img {width: 585px;} #section01 .swiper-slide .s01_sw_txt {position:absolute;left:688px;bottom:86px;text-align: left;} #section01 .swiper-slide .s01_sw_txt p {overflow:hidden;display: block;} #section01 .swiper-slide .s01_sw_txt .move {transition:0.3s;display: block;} #section01 .swiper-slide .s01_sw_txt.down .move {transform:translateY(110%);} #section01 .swiper-slide .s01_sw_txt p.title {font-size: 24px;line-height: 30px;font-weight: 700;color:#fff;position:relative;display:inline-block;padding:0 10px;} #section01 .swiper-slide .s01_sw_txt p.title span.highlight {width: 115%;height:34px;position:absolute;left:50%;top:50%;z-index:-1;transform:translate(-50%,-50%);} #section01 .swiper-slide .s01_sw_txt p.title span.color01{background: #9dbf8d;} #section01 .swiper-slide .s01_sw_txt p.title span.color02{background: #7cc5d8;} #section01 .swiper-slide .s01_sw_txt p.title span.color03{background: #ee8079;} #section01 .swiper-slide .s01_sw_txt p.desc {font-size: 20px;line-height: 30px;font-weight: 500;letter-spacing: -0.025em;color:#666;margin-top: 15px;} /* section01 e */ /* common s */ .content_text_wrap {} .content_text_wrap p {letter-spacing: -0.025em;} .content_text_wrap p.slogan {font-size: 24px;line-height: 30px;font-weight: 500;color:#111;margin-bottom: 10px;} .content_text_wrap p.sub_slogan {font-size: 24px;line-height: 30px;font-weight: 500;color:#111;margin-top: 20px;} .content_text_wrap p.title {font-size: 48px;line-height: 60px;color:#111;} .content_text_wrap p.title .color {color:#a83f1d;} .content_text_wrap p.title .color-2 {color:#1d62a8;} .content_text_wrap p.title_en {font-size: 64px;line-height: 60px;color:#fff;} .content_text_wrap p.sub_title {font-size: 32px;line-height: 30px;color:#fff;} .content_text_wrap p.sub_title span {} .content_text_wrap p.sub_desc {font-size: 24px;line-height: 36px;color:#fff;font-weight: 400;} .content_text_wrap p.sub_desc .effect {position:relative;font-weight: 700;} .content_text_wrap p.sub_desc .effect .highlight {width:100%;height:100%;background: #a83f1d;position:absolute;left:0%;top:0%;;z-index:-1;} .content_text_wrap p.desc {font-size: 20px;line-height: 30px;font-weight: 500;color:#666;margin-top: 30px;} /* common e */ /* section02 s */ #section02 {background:url('../../images/s02_bg.jpg')no-repeat center/cover;padding:140px 0;} #section02 .inner {width: 1200px;display:flex;justify-content:space-between;} #section02 .content_text_wrap {padding-left: 70px;} #section02 .content_text_wrap p {} #section02 .content_text_wrap p.slogan {} #section02 .content_text_wrap p.title {} #section02 .content_text_wrap p.title .color {} #section02 .s02_more_box {width: 180px;height: 52px;border-radius:26px;background:#ee8079;margin-top: 30px;} #section02 .s02_more_box a {width: 100%;height:52px;line-height: 52px;font-size: 18px;font-weight: 700;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;} #section02 .s02_more_box a span {} #section02 .s02_more_box a img {} #section02 .s02_img_wrap {} #section02 .s02_img_wrap > img {margin:0 auto;} /* section02 e */ /* section03 s */ #section03 {background:url('../../images/s03_bg.jpg')no-repeat top/cover;padding:140px 0;} #section03 .inner {width: 100%;} #section03 .content_text_wrap {text-align: center;} #section03 .content_text_wrap p {} #section03 .content_text_wrap p.slogan {} #section03 .content_text_wrap p.title {} #section03 .content_text_wrap p.title .color {} #section03 .s03_list_wrap {margin-top: 50px;} #section03 #s03_swiper {} #section03 .swiper-wrapper {} #section03 .swiper-slide {width: 400px;} #section03 .swiper-slide .s03_img_wrap {} #section03 .swiper-slide .s03_img_wrap img {} #section03 .swiper-slide .s03_sw_txt {text-align: center;opacity: 0;transition:0.3s;margin-top: 30px;} #section03 .swiper-slide.swiper-slide-active .s03_sw_txt {opacity: 1;} #section03 .swiper-slide .s03_sw_txt p {letter-spacing: -0.025em;color:#111;} #section03 .swiper-slide .s03_sw_txt p.title {font-size: 40px;line-height: 60px;} #section03 .swiper-slide .s03_sw_txt p.desc {font-size: 20px;font-weight: 600;color:#ee8079;} /* section03 e */ /* section04 s */ #section04 {background:url('../../images/s04_bg.jpg')no-repeat top/cover;padding:300px 0 140px;} #section04 .inner {width: 1400px;height:500px;background:url('../../images/s04_swiper_bg.png');display:flex;align-items:center;} #section04 .marquee {position:absolute;left:0;} #section04 .top01 {top:0;} #section04 .top02 {top:84px;} #section04 .content_text_wrap {text-align:left;padding:0 100px} #section04 .content_text_wrap p {} #section04 .content_text_wrap p.slogan {} #section04 .content_text_wrap p.title {} #section04 .content_text_wrap p.title .color {} #section04 .s04_list_wrap {flex-grow: 1; overflow: hidden; } #section04 #s04_swiper { overflow: visible; width: 614px; margin-left: 0;} #section04 #s04_swiper .swiper-wrapper {} #section04 #s04_swiper .swiper-slide {width: 614px;height: 300px;border-radius:40px;background:#fff;opacity: 1;transition:0.6s;margin-right: 30px;display:flex;gap:30px;padding-top: 50px;} #section04 #s04_swiper .swiper-slide:last-child {margin-right: 0;} #section04 #s04_swiper .swiper-slide:not(.swiper-slide-active) { opacity: 0.5; } #section04 #s04_swiper .swiper-slide .s04_img_wrap {padding-left: 50px;} #section04 #s04_swiper .swiper-slide .s04_img_wrap img {width: 200px;} #section04 #s04_swiper .swiper-slide .s04_sw_txt {padding-top: 48px;} #section04 #s04_swiper .swiper-slide .s04_sw_txt p {letter-spacing: -0.025em;font-weight: 700;line-height: 30px;} #section04 #s04_swiper .swiper-slide .s04_sw_txt p.number {font-size: 20px;color:#a83f1d;margin-bottom: 10px;} #section04 #s04_swiper .swiper-slide .s04_sw_txt p.desc {font-size: 24px;color:#111;} #section04 #s04_swiper .swiper-slide .s04_sw_txt p.desc span {color:#a83f1d;} #section04 #s04_swiper .swiper-slide .s04_sw_txt p.other {font-size: 16px;font-weight: 400;} #section04 .swiper-scrollbar-wrap {} #section04 .swiper-scrollbar-wrap .swiper-scrollbar {} /* section04 e */ /* section05 s */ #section05 {background:url('../../images/s05_bg.jpg')no-repeat top/cover;padding:140px 0 200px;} #section05 .inner {} #section05 .content_text_wrap {text-align:center;} #section05 .content_text_wrap p {} #section05 .content_text_wrap p.title {color:#fff;} #section05 .content_text_wrap p.desc {color:#c7c7c7;} #section05 .s05_search_wrap {margin: 60px auto 0;width:646px;height:72px;border-radius:36px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 30px;} #section05 .s05_search_wrap p {font-size: 20px;font-weight: 500;letter-spacing: -0.025em;color:#999;} #section05 .s05_search_wrap img {} /* section05 e */ @media(max-width: 1920px){ } @media(max-width: 1600px){ /* 흐르는 슬라이드 */ .marquee {max-width: 100%;} .marquee.main .swiper-slide {width: 148.9375vw;} .marquee.solo .swiper-slide {width: 157.3750vw;} .marquee_vertical.left_step {padding:0 1.5000vw 0 2.0625vw;border-left:0.0625vw solid #9b5f54;border-right:0.0625vw solid #9b5f54;} .marquee_vertical.right_step {padding:0 1.5000vw 0 2.0625vw;border-left:0.0625vw solid #9b5f54;border-right:0.0625vw solid #9b5f54;} .marquee_vertical.main_slide {margin-left:6.8750vw;} .section {max-width:100%;} .inner {width: 87.5000vw;} /* section00 s */ #section00 .swiper-slide .main_text {left:22.5000vw;top:21.3750vw;width: 31.2500vw;} #section00 .swiper-slide .main_text p {line-height: 5.3750vw;} #section00 .swiper-slide .main_text p.sub_tit {font-size: 3.0000vw;} #section00 .swiper-slide .main_text p.tit {font-size: 5.0000vw;} #section00 .swiper-slide .main_text p.desc {font-size: 1.5000vw;line-height: 2.2500vw;margin-top: 1.8750vw;} #section00 .swiper-slide .s0s1_01 {right:13.1250vw;top:26.8750vw;width: 15.5000vw;} #section00 .swiper-slide .s0s1_02 {left:1.2500vw;bottom:-3.5000vw;width: 23.5625vw;} #section00 .swiper-slide .s0s1_03 {left:21.7500vw;top:-1.2500vw;width: 17.5625vw;} #section00 .swiper-slide .s0s1_01.effect {right:19.3750vw;top:33.1250vw;} #section00 .swiper-slide .s0s1_02.effect {left:7.5000vw;bottom:-7.0000vw;} #section00 .swiper-slide .s0s1_03.effect {left:28.0000vw;top:7.5000vw;} #section00 .swiper-slide .s0s2_01 {top:1.5000vw;left:-6.2500vw;width: 24.6250vw;} #section00 .swiper-slide .s0s2_02 {bottom:-5.0000vw;left:43.1250vw;width: 24.8125vw;} #section00 .swiper-slide .s0s2_03 {top:9.0000vw;right:-6.2500vw;width: 17.5000vw;} #section00 .swiper-slide .s0s2_01.effect {top:7.7500vw;left:-12.5000vw;} #section00 .swiper-slide .s0s2_02.effect {bottom:-11.2500vw;left:49.3750vw;} #section00 .swiper-slide .s0s2_03.effect {top:15.2500vw;right:-12.5000vw;} /* section00 e */ /* section01 s */ #section01 {padding:8.7500vw 0;} #section01 .s01_inner {max-width:75.0000vw;} #section01 .s01_text_wrap {top:5.0000vw;left:43.0000vw;} #section01 .s01_text_wrap .s01_txt p.slogan {font-size: 1.5000vw;line-height: 1.8750vw;margin-bottom: 0.6250vw;} #section01 .s01_text_wrap .s01_txt p.title {font-size: 3.0000vw;line-height: 3.7500vw;} #section01 .swiper-slide .s01_img_wrap {width: 36.5625vw; margin-right: 38.4375vw;} #section01 .swiper-slide.swiper-slide-prev .s01_img_wrap {margin-left: 38.4375vw;} #section01 .swiper-slide.swiper-slide-duplicate-prev .s01_img_wrap {margin-left: 38.4375vw;} #section01 .swiper-slide .s01_img_wrap img {width: 36.5625vw;} #section01 .swiper-slide .s01_sw_txt {left:43.0000vw;bottom:5.3750vw;} #section01 .swiper-slide .s01_sw_txt p.title {font-size: 1.5000vw;line-height: 1.8750vw;padding:0 0.6250vw;} #section01 .swiper-slide .s01_sw_txt p.title span.highlight {height:2.1250vw;} #section01 .swiper-slide .s01_sw_txt p.desc {font-size: 1.2500vw;line-height: 1.8750vw;margin-top: 0.9375vw;} /* section01 e */ /* common s */ .content_text_wrap p.slogan {font-size: 1.5000vw;line-height: 1.8750vw;margin-bottom: 0.6250vw;} .content_text_wrap p.sub_slogan {font-size: 1.5000vw;line-height: 1.8750vw;margin-top: 1.2500vw;} .content_text_wrap p.title {font-size: 3.0000vw;line-height: 3.7500vw;} .content_text_wrap p.title_en {font-size: 4.0000vw;line-height: 3.7500vw;} .content_text_wrap p.sub_title {font-size: 2.0000vw;line-height: 1.8750vw;} .content_text_wrap p.sub_desc {font-size: 1.5000vw;line-height: 2.2500vw;} .content_text_wrap p.desc {font-size: 1.2500vw;line-height: 1.8750vw;margin-top: 1.8750vw;} /* common e */ /* section02 s */ #section02 {padding:8.7500vw 0;} #section02 .inner {width: 75.0000vw;} #section02 .content_text_wrap {padding-left: 4.3750vw;} #section02 .s02_more_box {width: 11.2500vw;height: 3.2500vw;border-radius:1.6250vw;margin-top: 1.8750vw;} #section02 .s02_more_box a {width: 100%;height:3.2500vw;line-height: 3.2500vw;font-size: 1.1250vw;gap:0.6250vw;} /* section02 e */ /* section03 s */ #section03 {padding:8.7500vw 0;} #section03 .s03_list_wrap {margin-top: 3.1250vw;} #section03 .swiper-slide {width: 25.0000vw;} #section03 .swiper-slide .s03_sw_txt {margin-top: 1.8750vw;} #section03 .swiper-slide .s03_sw_txt p.title {font-size: 2.5000vw;line-height: 3.7500vw;} #section03 .swiper-slide .s03_sw_txt p.desc {font-size: 1.2500vw;} /* section03 e */ /* section04 s */ #section04 {padding:18.7500vw 0 8.7500vw;} #section04 .inner {width: 87.5000vw;height:31.2500vw;} #section04 .top02 {top:5.2500vw;} #section04 .content_text_wrap {padding:0 6.2500vw} #section04 #s04_swiper {width: 38.3750vw;} #section04 #s04_swiper .swiper-slide {width: 38.3750vw;height: 18.7500vw;border-radius:2.5000vw;margin-right: 1.8750vw;gap:1.8750vw;padding-top: 3.1250vw;} #section04 #s04_swiper .swiper-slide .s04_img_wrap {padding-left: 3.1250vw;} #section04 #s04_swiper .swiper-slide .s04_img_wrap img {width: 12.5000vw;} #section04 #s04_swiper .swiper-slide .s04_sw_txt {padding-top: 3.0000vw;} #section04 #s04_swiper .swiper-slide .s04_sw_txt p {line-height: 1.8750vw;} #section04 #s04_swiper .swiper-slide .s04_sw_txt p.number {font-size: 1.2500vw;margin-bottom: 0.6250vw;} #section04 #s04_swiper .swiper-slide .s04_sw_txt p.desc {font-size: 1.5000vw;} #section04 #s04_swiper .swiper-slide .s04_sw_txt p.other {font-size: 1.0000vw;} /* section04 e */ /* section05 s */ #section05 {padding:8.7500vw 0 12.5000vw;} #section05 .s05_search_wrap {margin: 3.7500vw auto 0;width:40.3750vw;height:4.5000vw;border-radius:2.2500vw;padding:0 0.5000vw 0 1.8750vw;} #section05 .s05_search_wrap p {font-size: 1.2500vw;} /* section05 e */ } @media(max-width: 1400px){ /* 흐르는 슬라이드 */ .marquee.main .swiper-slide {width: 170.2143vw;} .marquee.solo .swiper-slide {width: 179.8571vw;} .marquee_vertical.left_step {padding:0 1.7143vw 0 2.3571vw;border-left:0.0714vw solid #9b5f54;border-right:0.0714vw solid #9b5f54;} .marquee_vertical.right_step {padding:0 1.7143vw 0 2.3571vw;border-left:0.0714vw solid #9b5f54;border-right:0.0714vw solid #9b5f54;} .marquee_vertical.main_slide {margin-left:7.8571vw;} .inner {width: 100%;} /* section00 s */ #section00 .swiper-slide .main_text {left:25.7143vw;top:24.4286vw;width: 35.7143vw;} #section00 .swiper-slide .main_text p {line-height: 6.1429vw;} #section00 .swiper-slide .main_text p.sub_tit {font-size: 3.4286vw;} #section00 .swiper-slide .main_text p.tit {font-size: 5.7143vw;} #section00 .swiper-slide .main_text p.desc {font-size: 1.7143vw;line-height: 2.5714vw;margin-top: 2.1429vw;} #section00 .swiper-slide .s0s1_01 {right:15.0000vw;top:30.7143vw;width: 17.7143vw;} #section00 .swiper-slide .s0s1_02 {left:1.4286vw;bottom:-4.0000vw;width: 26.9286vw;} #section00 .swiper-slide .s0s1_03 {left:24.8571vw;top:-1.4286vw;width: 20.0714vw;} #section00 .swiper-slide .s0s1_01.effect {right:22.1429vw;top:37.8571vw;} #section00 .swiper-slide .s0s1_02.effect {left:8.5714vw;bottom:-8.0000vw;} #section00 .swiper-slide .s0s1_03.effect {left:32.0000vw;top:8.5714vw;} #section00 .swiper-slide .s0s2_01 {top:1.7143vw;left:-7.1429vw;width: 28.1429vw;} #section00 .swiper-slide .s0s2_02 {bottom:-5.7143vw;left:49.2857vw;width: 28.3571vw;} #section00 .swiper-slide .s0s2_03 {top:10.2857vw;right:-7.1429vw;width: 20.0000vw;} #section00 .swiper-slide .s0s2_01.effect {top:8.8571vw;left:-14.2857vw;} #section00 .swiper-slide .s0s2_02.effect {bottom:-12.8571vw;left:56.4286vw;} #section00 .swiper-slide .s0s2_03.effect {top:17.4286vw;right:-14.2857vw;} /* section00 e */ /* section01 s */ #section01 {padding:10.0000vw 0;} #section01 .s01_inner {max-width:85.7143vw;} #section01 .s01_text_wrap {top:5.7143vw;left:49.1429vw;} #section01 .s01_text_wrap .s01_txt p.slogan {font-size: 1.7143vw;line-height: 2.1429vw;margin-bottom: 0.7143vw;} #section01 .s01_text_wrap .s01_txt p.title {font-size: 3.4286vw;line-height: 4.2857vw;} #section01 .swiper-slide .s01_img_wrap {width: 41.7857vw; margin-right: 43.9286vw;} #section01 .swiper-slide.swiper-slide-prev .s01_img_wrap {margin-left: 43.9286vw;} #section01 .swiper-slide.swiper-slide-duplicate-prev .s01_img_wrap {margin-left: 43.9286vw;} #section01 .swiper-slide .s01_img_wrap img {width: 41.7857vw;} #section01 .swiper-slide .s01_sw_txt {left:49.1429vw;bottom:6.1429vw;} #section01 .swiper-slide .s01_sw_txt p.title {font-size: 1.7143vw;line-height: 2.1429vw;padding:0 0.7143vw;} #section01 .swiper-slide .s01_sw_txt p.title span.highlight {height:2.4286vw;} #section01 .swiper-slide .s01_sw_txt p.desc {font-size: 1.4286vw;line-height: 2.1429vw;margin-top: 1.0714vw;} /* section01 e */ /* common s */ .content_text_wrap p.slogan {font-size: 1.7143vw;line-height: 2.1429vw;margin-bottom: 0.7143vw;} .content_text_wrap p.sub_slogan {font-size: 1.7143vw;line-height: 2.1429vw;margin-top: 1.4286vw;} .content_text_wrap p.title {font-size: 3.4286vw;line-height: 4.2857vw;} .content_text_wrap p.title_en {font-size: 4.5714vw;line-height: 4.2857vw;} .content_text_wrap p.sub_title {font-size: 2.2857vw;line-height: 2.1429vw;} .content_text_wrap p.sub_desc {font-size: 1.7143vw;line-height: 2.5714vw;} .content_text_wrap p.desc {font-size: 1.4286vw;line-height: 2.1429vw;margin-top: 2.1429vw;} /* common e */ /* section02 s */ #section02 {padding:10.0000vw 0;} #section02 .inner {width: 85.7143vw;} #section02 .content_text_wrap {padding-left: 5.0000vw;} #section02 .s02_more_box {width: 12.8571vw;height: 3.7143vw;border-radius:1.8571vw;margin-top: 2.1429vw;} #section02 .s02_more_box a {width: 100%;height:3.7143vw;line-height: 3.7143vw;font-size: 1.2857vw;gap:0.7143vw;} /* section02 e */ /* section03 s */ #section03 {padding:10.0000vw 0;} #section03 .s03_list_wrap {margin-top: 3.5714vw;} #section03 .swiper-slide {width: 28.5714vw;} #section03 .swiper-slide .s03_sw_txt {margin-top: 2.1429vw;} #section03 .swiper-slide .s03_sw_txt p.title {font-size: 2.8571vw;line-height: 4.2857vw;} #section03 .swiper-slide .s03_sw_txt p.desc {font-size: 1.4286vw;} /* section03 e */ /* section04 s */ #section04 {padding:21.4286vw 0 10.0000vw;} #section04 .inner {width: 100.0000vw;height:35.7143vw;} #section04 .top02 {top:6.0000vw;} #section04 .content_text_wrap {padding:0 7.1429vw} #section04 #s04_swiper {width: 43.8571vw;} #section04 #s04_swiper .swiper-slide {width: 43.8571vw;height: 21.4286vw;border-radius:2.8571vw;margin-right: 2.1429vw;gap:2.1429vw;padding-top: 3.5714vw;} #section04 #s04_swiper .swiper-slide .s04_img_wrap {padding-left: 3.5714vw;} #section04 #s04_swiper .swiper-slide .s04_img_wrap img {width: 14.2857vw;} #section04 #s04_swiper .swiper-slide .s04_sw_txt {padding-top: 3.4286vw;} #section04 #s04_swiper .swiper-slide .s04_sw_txt p {line-height: 2.1429vw;} #section04 #s04_swiper .swiper-slide .s04_sw_txt p.number {font-size: 1.4286vw;margin-bottom: 0.7143vw;} #section04 #s04_swiper .swiper-slide .s04_sw_txt p.desc {font-size: 1.7143vw;} #section04 #s04_swiper .swiper-slide .s04_sw_txt p.other {font-size: 1.1429vw;} /* section04 e */ /* section05 s */ #section05 {padding:10.0000vw 0 14.2857vw;} #section05 .s05_search_wrap {margin: 4.2857vw auto 0;width:46.1429vw;height:5.1429vw;border-radius:2.5714vw;padding:0 0.5714vw 0 2.1429vw;} #section05 .s05_search_wrap p {font-size: 1.4286vw;} /* section05 e */ } @media(max-width: 1080px){ /* 흐르는 슬라이드 */ .marquee.main .swiper-slide {width: 220.6481vw;} .marquee.solo .swiper-slide {width: 233.1481vw;} .marquee_vertical.left_step {padding:0 2.2222vw 0 3.0556vw;border-left:0.0926vw solid #9b5f54;border-right:0.0926vw solid #9b5f54;} .marquee_vertical.right_step {padding:0 2.2222vw 0 3.0556vw;border-left:0.0926vw solid #9b5f54;border-right:0.0926vw solid #9b5f54;} .marquee_vertical.main_slide {margin-left:10.1852vw;} /* section00 s */ #section00 .swiper-slide .main_text {left:33.3333vw;top:31.6667vw;width: 46.2963vw;} #section00 .swiper-slide .main_text p {line-height: 7.9630vw;} #section00 .swiper-slide .main_text p.sub_tit {font-size: 4.4444vw;} #section00 .swiper-slide .main_text p.tit {font-size: 7.4074vw;} #section00 .swiper-slide .main_text p.desc {font-size: 2.2222vw;line-height: 3.3333vw;margin-top: 2.7778vw;} #section00 .swiper-slide .s0s1_01 {right:19.4444vw;top:39.8148vw;width: 22.9630vw;} #section00 .swiper-slide .s0s1_02 {left:1.8519vw;bottom:-5.1852vw;width: 34.9074vw;} #section00 .swiper-slide .s0s1_03 {left:32.2222vw;top:-1.8519vw;width: 26.0185vw;} #section00 .swiper-slide .s0s1_01.effect {right:28.7037vw;top:49.0741vw;} #section00 .swiper-slide .s0s1_02.effect {left:11.1111vw;bottom:-10.3704vw;} #section00 .swiper-slide .s0s1_03.effect {left:41.4815vw;top:11.1111vw;} #section00 .swiper-slide .s0s2_01 {top:2.2222vw;left:-9.2593vw;width: 36.4815vw;} #section00 .swiper-slide .s0s2_02 {bottom:-7.4074vw;left:63.8889vw;width: 36.7593vw;} #section00 .swiper-slide .s0s2_03 {top:13.3333vw;right:-9.2593vw;width: 25.9259vw;} #section00 .swiper-slide .s0s2_01.effect {top:11.4815vw;left:-18.5185vw;} #section00 .swiper-slide .s0s2_02.effect {bottom:-16.6667vw;left:73.1481vw;} #section00 .swiper-slide .s0s2_03.effect {top:22.5926vw;right:-18.5185vw;} /* section00 e */ /* section01 s */ #section01 {padding:12.9630vw 0;} #section01 .s01_inner {max-width:111.1111vw;} #section01 .s01_text_wrap {top:7.4074vw;left:63.7037vw;} #section01 .s01_text_wrap .s01_txt p.slogan {font-size: 2.2222vw;line-height: 2.7778vw;margin-bottom: 0.9259vw;} #section01 .s01_text_wrap .s01_txt p.title {font-size: 4.4444vw;line-height: 5.5556vw;} #section01 .swiper-slide .s01_img_wrap {width: 54.1667vw; margin-right: 56.9444vw;} #section01 .swiper-slide.swiper-slide-prev .s01_img_wrap {margin-left: 56.9444vw;} #section01 .swiper-slide.swiper-slide-duplicate-prev .s01_img_wrap {margin-left: 56.9444vw;} #section01 .swiper-slide .s01_img_wrap img {width: 54.1667vw;} #section01 .swiper-slide .s01_sw_txt {left:63.7037vw;bottom:7.9630vw;} #section01 .swiper-slide .s01_sw_txt p.title {font-size: 2.2222vw;line-height: 2.7778vw;padding:0 0.9259vw;} #section01 .swiper-slide .s01_sw_txt p.title span.highlight {height:3.1481vw;} #section01 .swiper-slide .s01_sw_txt p.desc {font-size: 1.8519vw;line-height: 2.7778vw;margin-top: 1.3889vw;} /* section01 e */ /* common s */ .content_text_wrap p.slogan {font-size: 2.2222vw;line-height: 2.7778vw;margin-bottom: 0.9259vw;} .content_text_wrap p.sub_slogan {font-size: 2.2222vw;line-height: 2.7778vw;margin-top: 1.8519vw;} .content_text_wrap p.title {font-size: 4.4444vw;line-height: 5.5556vw;} .content_text_wrap p.title_en {font-size: 5.9259vw;line-height: 5.5556vw;} .content_text_wrap p.sub_title {font-size: 2.9630vw;line-height: 2.7778vw;} .content_text_wrap p.sub_desc {font-size: 2.2222vw;line-height: 3.3333vw;} .content_text_wrap p.desc {font-size: 1.8519vw;line-height: 2.7778vw;margin-top: 2.7778vw;} /* common e */ /* section02 s */ #section02 {padding:12.9630vw 0;} #section02 .inner {width: 111.1111vw;} #section02 .content_text_wrap {padding-left: 6.4815vw;} #section02 .s02_more_box {width: 16.6667vw;height: 4.8148vw;border-radius:2.4074vw;margin-top: 2.7778vw;} #section02 .s02_more_box a {width: 100%;height:4.8148vw;line-height: 4.8148vw;font-size: 1.6667vw;gap:0.9259vw;} /* section02 e */ /* section03 s */ #section03 {padding:12.9630vw 0;} #section03 .s03_list_wrap {margin-top: 4.6296vw;} #section03 .swiper-slide {width: 37.0370vw;} #section03 .swiper-slide .s03_sw_txt {margin-top: 2.7778vw;} #section03 .swiper-slide .s03_sw_txt p.title {font-size: 3.7037vw;line-height: 5.5556vw;} #section03 .swiper-slide .s03_sw_txt p.desc {font-size: 1.8519vw;} /* section03 e */ /* section04 s */ #section04 {padding:27.7778vw 0 12.9630vw;} #section04 .inner {width: 129.6296vw;height:46.2963vw;} #section04 .top02 {top:7.7778vw;} #section04 .content_text_wrap {padding:0 9.2593vw} #section04 #s04_swiper {width: 56.8519vw;} #section04 #s04_swiper .swiper-slide {width: 56.8519vw;height: 27.7778vw;border-radius:3.7037vw;margin-right: 2.7778vw;gap:2.7778vw;padding-top: 4.6296vw;} #section04 #s04_swiper .swiper-slide .s04_img_wrap {padding-left: 4.6296vw;} #section04 #s04_swiper .swiper-slide .s04_img_wrap img {width: 18.5185vw;} #section04 #s04_swiper .swiper-slide .s04_sw_txt {padding-top: 4.4444vw;} #section04 #s04_swiper .swiper-slide .s04_sw_txt p {line-height: 2.7778vw;} #section04 #s04_swiper .swiper-slide .s04_sw_txt p.number {font-size: 1.8519vw;margin-bottom: 0.9259vw;} #section04 #s04_swiper .swiper-slide .s04_sw_txt p.desc {font-size: 2.2222vw;} #section04 #s04_swiper .swiper-slide .s04_sw_txt p.other {font-size: 1.4815vw;} /* section04 e */ /* section05 s */ #section05 {padding:12.9630vw 0 18.5185vw;} #section05 .s05_search_wrap {margin: 5.5556vw auto 0;width:59.8148vw;height:6.6667vw;border-radius:3.3333vw;padding:0 0.7407vw 0 2.7778vw;} #section05 .s05_search_wrap p {font-size: 1.8519vw;} /* section05 e */ } @media(max-width: 768px){ .pc_only {display: none;} .mobile_only {display: block;} /* 흐르는 슬라이드 */ .marquee {max-width: 100%;} .marquee.solo {} .marquee.solo.red {} .marquee .swiper-wrapper {} .marquee .swiper-slide {} .marquee.main .swiper-slide {width: 310.2865vw;} .marquee.solo .swiper-slide {width: 327.8646vw;} .marquee .swiper-slide img {} .marquee_vertical.left_step {padding:0 3.1250vw 0 4.2969vw;border-left:0.1302vw solid #9b5f54;border-right:0.1302vw solid #9b5f54;} .marquee_vertical.right_step {padding:0 3.1250vw 0 4.2969vw;border-left:0.1302vw solid #9b5f54;border-right:0.1302vw solid #9b5f54;} .marquee_vertical.main_slide {margin-left:14.3229vw;} .left_step ul {} .right_step ul {} .section {max-width:100%;} .inner {width: 100%;} /* 흐르는 슬라이드 */ /* common s */ .content_text_wrap {} .content_text_wrap p {} .content_text_wrap p.slogan {font-size: 4.9479vw;line-height: 4.9479vw;margin-bottom: 1.3021vw;} .content_text_wrap p.sub_slogan {font-size: 4.4271vw;line-height: 5.4688vw;margin-top: 2.6042vw;} .content_text_wrap p.title {font-size: 8.0729vw;line-height: 9.6354vw;} .content_text_wrap p.title .color {} .content_text_wrap p.title .color-2 {} .content_text_wrap p.title_en {font-size: 8.0729vw;line-height: 8.0729vw;} .content_text_wrap p.sub_title {font-size: 4.1667vw;line-height: 3.9063vw;} .content_text_wrap p.sub_title span {} .content_text_wrap p.sub_desc {font-size: 3.3854vw;line-height: 4.6875vw;} .content_text_wrap p.sub_desc .effect {} .content_text_wrap p.sub_desc .effect .highlight {} .content_text_wrap p.desc {font-size: 3.3854vw;line-height: 4.6875vw;margin-top: 3.9063vw;} /* common e */ /* menu btn s */ .menuBtn {position:absolute;z-index:9999;top:50%;transform:translateY(-50%);right:3.9063vw;width: 5.4688vw;height: 4.1667vw;} .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.1667vw;} .menu-trigger span {position: absolute;left: 0;width: 100%;height: 0.3906vw;background-color: #a83f1d;} .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.3);position:fixed;right:-100%;top:0;width:100%;z-index:1;display:flex;justify-content:flex-end;} #navigation_m.show {right:0;} #navigation_m .nav_m {width: 63.1510vw;height:100%;text-align: left;display:flex;justify-content:center;flex-direction:column;gap:11.7188vw;background: #fff;padding-left: 9.1146vw;} #navigation_m .nav_m li a {font-size: 4.6875vw;font-weight: 400;color:#222;opacity: 1;} #navigation_m .nav_m li.on a {opacity: 1;color:#a83f1d;font-weight: 700;} /* navigation_m e */ /* section00 s */ #section00 .swiper-slide > img {width: 100%;} #section00 .swiper-slide .main_text {left:9.7656vw;top:28.6458vw;width: 100%;} #section00 .swiper-slide .main_text p {line-height: 11.1979vw;} #section00 .swiper-slide .main_text p.sub_tit {font-size: 6.2500vw;} #section00 .swiper-slide .main_text p.tit {font-size: 10.4167vw;} #section00 .swiper-slide .main_text p.desc {font-size: 3.3854vw;line-height: 4.6875vw;margin-top: 3.9063vw;} #section00 .swiper-slide .s0s1_01 {width: 32.2917vw;} #section00 .swiper-slide .s0s1_02 {width: 49.0885vw;} #section00 .swiper-slide .s0s1_03 {width: 36.5885vw;} #section00 .swiper-slide .s0s1_01.effect {right:-10.4167vw;top:120.3125vw;opacity: 1;} #section00 .swiper-slide .s0s1_02.effect {left:75.7813vw;bottom:auto;top:20.0521vw;opacity: 1;} #section00 .swiper-slide .s0s1_03.effect {left:-7.8125vw;top:78.9063vw;opacity: 1;} #section00 .swiper-slide .s0s2_01 {top:24.0938vw;left:auto;right:-7.8125vw;width: 31.1198vw;transform:rotate(40deg)} #section00 .swiper-slide .s0s2_02 {bottom:7.1615vw;left:74.4792vw;width: 51.6927vw;} #section00 .swiper-slide .s0s2_03 {top:81.2500vw;right:auto;left:-10.4167vw;width: 36.4583vw;} /* section00 e */ /* section01 s */ #section01 {background:url('../../images/m/s01_bg_m.jpg')no-repeat center/cover;padding:26.0417vw 0 18.2292vw;} #section01 .s01_inner {max-width:100%;} #section01 .s01_text_wrap {position:static;text-align: center;} #section01 .s01_text_wrap .s01_txt p.slogan {font-size: 4.9479vw;line-height: 4.9479vw;margin-bottom: 3.9063vw;} #section01 .s01_text_wrap .s01_txt p.title {font-size: 8.0729vw;line-height: 9.6354vw;} #section01 #s01_swiper {margin-top:10.4167vw;} #section01 .swiper-slide {width: 76.1719vw;margin:0 1.9531vw} #section01 .swiper-slide .s01_img_wrap {width: 100%; margin-right: 0;} #section01 .swiper-slide.swiper-slide-prev .s01_img_wrap {margin-left:0;margin-right: 0;} #section01 .swiper-slide.swiper-slide-duplicate-prev .s01_img_wrap {margin-left: 0;margin-right: 0;} #section01 .swiper-slide .s01_img_wrap img {width: 76.1719vw;} #section01 .swiper-slide .s01_sw_txt {position:static;text-align: center;margin-top: 5.7292vw;opacity: 0;transition:0.6s} #section01 .swiper-slide.swiper-slide-active .s01_sw_txt {opacity: 1;} #section01 .swiper-slide .s01_sw_txt p.title {font-size: 3.9063vw;line-height: 4.9479vw;padding:0 1.3021vw;} #section01 .swiper-slide .s01_sw_txt p.title span.highlight {width: 115%;height:4.9479vw;} #section01 .swiper-slide .s01_sw_txt p.desc {font-size: 3.3854vw;line-height: 4.4271vw;margin-top: 1.9531vw;} /* section01 e */ /* section02 s */ #section02 {background:url('../../images/m/s02_bg_m.jpg')no-repeat center/cover;padding:18.2292vw 0;} #section02 .inner {width: 100%;flex-direction:column;gap:10.4167vw;} #section02 .content_text_wrap {padding-left:0;text-align: center;} #section02 .content_text_wrap p.slogan {margin-bottom:3.9063vw;} #section02 .s02_more_box {width: 31.2500vw;height: 9.8958vw;border-radius:4.9479vw;margin: 6.5104vw auto 0;} #section02 .s02_more_box a {width: 100%;height:9.8958vw;line-height: 9.8958vw;font-size: 3.3854vw;gap:2.6042vw;} #section02 .s02_more_box a img {width: 1.3021vw;} #section02 .s02_img_wrap {text-align: center;} #section02 .s02_img_wrap > img {width: 76.1719vw;} /* section02 e */ /* section03 s */ #section03 {background:url('../../images/s03_bg.jpg')no-repeat top/cover;padding:18.2292vw 0;} #section03 .inner {width: 100%;} #section03 .s03_list_wrap {margin-top: 9.1146vw;} #section03 .swiper-slide {width: 52.0833vw;opacity: 0.6;transition:0.6s;margin:0 1.9531vw;} #section03 .swiper-slide .s03_img_wrap img {width: 100%;} #section03 .swiper-slide .s03_sw_txt {margin-top: 5.2083vw;} #section03 .swiper-slide.swiper-slide-active {opacity: 1;} #section03 .swiper-slide .s03_sw_txt p.title {font-size: 5.2083vw;line-height: 7.8125vw;} #section03 .swiper-slide .s03_sw_txt p.desc {font-size: 2.6042vw;} /* section03 e */ /* section04 s */ #section04 {background:url('../../images/s04_bg.jpg')no-repeat top/cover;padding:37.1094vw 3.9063vw 18.2292vw;} #section04 .inner {width: 92.1875vw;height:153.6458vw;background:url('../../images/m/s04_swiper_bg_m.png')no-repeat center/contain;flex-direction:column;justify-content:center;gap:10.4167vw;overflow:hidden;} #section04 .marquee {position:absolute;left:0;} #section04 .top01 {top:0;} #section04 .top02 {top:10.9375vw;} #section04 .content_text_wrap {text-align:center;padding:13.0208vw 13.0208vw 0;} #section04 .s04_list_wrap {flex-grow: 1; overflow: hidden; } #section04 #s04_swiper { overflow: visible; width: 91.6667vw; margin-left: 0;} #section04 #s04_swiper .swiper-slide {width: 72.9167vw;height: 85.9375vw;border-radius:7.8125vw;gap:6.5104vw;padding-top:9.1146vw;margin:0 1.9531vw;flex-direction:column;align-items:center;} #section04 #s04_swiper .swiper-slide:last-child {margin-right: 1.9531vw;} #section04 #s04_swiper .swiper-slide:not(.swiper-slide-active) {} #section04 #s04_swiper .swiper-slide .s04_img_wrap {padding-left:0;} #section04 #s04_swiper .swiper-slide .s04_img_wrap img {width: 43.7500vw;} #section04 #s04_swiper .swiper-slide .s04_sw_txt {padding-top: 0;text-align: center;} #section04 #s04_swiper .swiper-slide .s04_sw_txt p {line-height: 5.7292vw;} #section04 #s04_swiper .swiper-slide .s04_sw_txt p.number {font-size: 4.6875vw;margin-bottom: 1.3021vw;} #section04 #s04_swiper .swiper-slide .s04_sw_txt p.desc {font-size: 4.1667vw;} #section04 #s04_swiper .swiper-slide .s04_sw_txt p.other {font-size: 2.6042vw;} #section04 .swiper-scrollbar-wrap {margin-top: 6.5104vw;} /* section04 e */ /* section05 s */ #section05 {background:url('../../images/m/s05_bg_m.jpg')no-repeat top/cover;padding:18.2292vw 0 26.0417vw;} #section05 .inner {} #section05 .content_text_wrap {text-align:center;} #section05 .content_text_wrap p {} #section05 .content_text_wrap p.title {color:#fff;} #section05 .content_text_wrap p.desc {color:#c7c7c7;} #section05 .s05_search_wrap {margin: 7.8125vw auto 0;width:84.1146vw;height:9.3750vw;border-radius:4.6875vw;padding:0 1.0417vw 0 3.9063vw;} #section05 .s05_search_wrap p {font-size: 3.1250vw;} #section05 .s05_search_wrap img {width: 7.5521vw;} /* section05 e */ } @media(max-width: 480px){ } @media (max-width: 414px){ } @media (max-width: 375px){ }