: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:#bc955c;color:#fff} /* highlight */ [data-aos="highlight"]:before { content: "";position: absolute;left: 0;top: 0px;width: 0%;height: 100%;background:var(--color-red); transition-delay: .4s;-webkit-transition-delay: .4s;transition-duration: .4s;-webkit-transition-duration: .4s;z-index: -1; } span.aos-animate[data-aos="highlight"]:before {width: 100%;} .rotate { animation-duration: 30s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-name: rotate; animation-name: rotate; } .stemp { opacity: 0; animation-delay: 0.2s; -webkit-animation-delay: 0.2s; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; transform-origin: center; -webkit-animation-name: stemp; animation-name: stemp; } .flow-ani-wrap {display: flex;justify-content: flex-start;align-items: stretch;flex-wrap: nowrap;position: relative;overflow: hidden;} .flow-ani-wrap ul { display: flex; justify-content: flex-start;align-items: center;transform: translate3d(0%, 0, 0);-webkit-transform: translate3d(0%, 0, 0); -webkit-animation-name: flowAni;animation-name: flowAni;-webkit-animation-duration: 48s;animation-duration: 48s; -webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite; animation-play-state: running;-webkit-animation-play-state: running; } .flow-ani-wrap.re_flow ul { transform: translate3d(-100%, 0, 0);-webkit-transform: translate3d(-100%, 0, 0); -webkit-animation-name: flowAni_re;animation-name: flowAni_re;-webkit-animation-duration: 48s;animation-duration: 48s; -webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite; animation-play-state: running;-webkit-animation-play-state: running; } .animate__swing { -webkit-animation-name: swing; animation-name: swing; -webkit-transform-origin: top center; transform-origin: top center } /************** policy layer s *************/ .policy_wrap { position: fixed; /* keeps the policy_wrap window in the current viewport */ top: 0;left: 0;display: none;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A6000000, endColorstr=#A6000000); text-align: center;z-index: 999999;font-family: 'Pretendard', sans-serif; } .policy_wrap .policy-wrapper { overflow: hidden;margin: 50px auto;position: absolute;left:50%;top:50%; -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%); box-shadow: 0 0 25px #111;-webkit-box-shadow: 0 0 25px #111;-moz-box-shadow: 0 0 25px #111; width: 90%;background-color: #fff;border: 1px solid #999;outline: 0;-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);background-clip: padding-box;max-width: 820px;border-radius: 10px; } .close-popup { position: absolute;top: 20px;right: 20px;background-color: #fff;font-family: Arial, Helvetica, sans-serif; font-size: 21px;font-weight: bold;line-height: 1;color: #ccc;text-shadow: 0 1px 0 #fff;border: none; } .policy_wrap .policy-wrapper h4 { padding: 15px;border-bottom: 1px solid #e5e5e5;font-size: 18px;font-weight: 500;font-family: var(--font-family-ptd); } .policy_wrap .policy {overflow-y: auto;padding: 30px;text-align: left;line-height: 163%;font-size: 12px;} form a.popup-trigger { display: inline-block;padding: 0 5px;line-height: 1.25;text-indent: 0;color: #fff;background-color: #8C8984;font-size: 12px; vertical-align: middle; } /* header s */ #header {width:100%;height:80px;z-index:100;background:rgba(0,0,0,0);position:relative;} #header .header-wrap {height:80px;z-index:100;position:fixed;left:0;top:0;width:100%;} #header .header-wrap .inner {width:100%;height:100%;padding:0 120px;max-width:1920px;justify-content:space-between;background:#181818;} #header .header-wrap .inner .logo img {width: 186px;} #header .header-wrap .nav_wrap ul {display:flex;align-items:center;gap:60px;} #header .header-wrap .nav_wrap ul li {position:relative;} #header .header-wrap .nav_wrap ul li a {font-size: 18px;font-weight: 400;letter-spacing: -0.025em;color:#bbb;transition:color 0.5s} #header .header-wrap .nav_wrap ul li.on a {color:#fff;font-weight: 700;} #header .header-wrap .nav_wrap ul li:after {content:"";display:none;width: 115px;height:3px;background:#bc955c;position:absolute;left:50%;bottom:-24px;transform:translateX(-50%);transition:0.6s;} #header .header-wrap .nav_wrap ul li.on:after {display: block;} #header .header-wrap .hd_tel a {display:flex;align-items:center;justify-content:center;gap:10px;} #header .header-wrap .hd_tel a span {color:#fff;} #header .header-wrap .hd_tel a span.name {font-size: 26px;color:#111;background:#bc955c;padding:6px 12px;border-radius:30px;} #header .header-wrap .hd_tel a span.numbeer {font-size: 32px;} #footer .private {margin-bottom: 16px;} #footer b {font-weight: 400;color:#d5d5d5;} /* header e */ /* 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 */ /* 탭메뉴 s */ .sub_cont{display:none; text-align:center;} .sub_cont.on{display:block;} /* 탭메뉴 e */ /* 메인 숫자 카운팅 */ .rolling-counter-wrap { margin-top: 50px; display: flex; justify-content: center; align-items: end; } .rolling-counter-wrap * { font-family: var(--font-family-ptd); font-size:100px;color:var(--color-white);font-weight: normal;} .rolling-number { position: relative; width:80px; height: 135px; overflow: hidden; color: var(--color-white); text-align: center;outline:none; } .rolling-number + .rolling-number {} .rolling-number .numbers { position: absolute; left: 0; top: 0; width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-direction: column; } .rolling-number .numbers span { line-height: 131px;width: 80px;height: 131px;background:transparent;color:#a7342f;} .rolling-dot { margin: 0 5px; font-size: 60px; color:#a7342f;} .rolling-unit {font-size: 70px; color:#a7342f;font-family: var(--font-family-ptd);padding-bottom: 32px;font-weight: 800;} /* 흐르는 슬라이드 */ .marquee {width: 100%;background:transparent;padding:18px;overflow:hidden;max-width: 1920px;} .marquee.solo {background:#27592f;width: 100%;margin: 0 auto;} .marquee.solo.red {background:#b91f1f;} .marquee .swiper-wrapper {transition-timing-function: linear !important;} .marquee .swiper-slide {} .marquee.main .swiper-slide {width: 2383px;} .marquee.solo .swiper-slide {width: 681px;} .marquee .swiper-slide img {width: 100%;} .marquee_vertical.left_step {position:absolute;left:0px;top:0;background:transparent;padding:0 24px 0 33px;border-left:1px solid #9b5f54;border-right:1px solid #9b5f54;z-index:10;} .marquee_vertical.right_step {position:absolute;right:0px;top:0;background:transparent;padding:0 24px 0 33px;border-left:1px solid #9b5f54;border-right:1px solid #9b5f54;z-index:10;} .marquee_vertical.main_slide {margin-left:110px;} .left_step ul {animation: hSlideLoop_re 48s 0s infinite linear;opacity:1;} .right_step ul {animation: hSlideLoop 48s 0s infinite linear;opacity:1;} .section {width:100%;max-width:1920px;margin:0 auto;overflow:hidden;position:relative;} .inner {width: 1580px;margin:0 auto;position:relative;} /* section00 s */ #section00 {max-height:920px;} #section00 #main_swiper {} #section00 #main_swiper .swiper-wrapper {height: auto !important;} #section00 #main_swiper .swiper-slide {} #section00 #main_swiper .swiper-slide img {width: 100%;height:100%;object-fit:cover;} #section00 #main_swiper .swiper-slide .main_text {text-align: right;position:absolute;left:350px;top:216px;z-index:10;} /* #section00 #main_swiper .swiper-slide .main_text.on {transform:translateY(0);opacity: 1;} */ #section00 #main_swiper .swiper-slide .main_text p {color:#1d1d1b;} #section00 #main_swiper .swiper-slide .main_text h1.tit {font-size: 44px;letter-spacing: -0.02em;} #section00 #main_swiper .swiper-slide .main_text h2.desc {font-size: 30px;font-weight: 600;letter-spacing: -0.025em;} #section00 #main_swiper .swiper-slide .main_text h2.desc span {color:#bc955c;} #section00 #main_swiper .swiper-slide video {width: 100%;height:100%;} #section00 .main_pagi {bottom:55px;} #section00 .main_pagi .swiper-pagination-bullet {background:#fff;width:10px;height:10px;margin:0 5px;} #section00 .main_pagi .swiper-pagination-bullet-active {background:#bc955c;} /* section00 e */ /* cont_text s */ .cont_text {} .cont_text p {color:#1d1d1b;} .cont_text h2.title {font-size: 64px;letter-spacing: -0.02em;line-height: 80px;} .cont_text h2.title span {color:#bc955c;} .cont_text p.desc {letter-spacing: -0.03em;font-size: 24px;font-weight: 400;line-height: 40px;} /* cont_text e */ /* section01 s */ #section01 {padding:160px 0 80px;background:url('../images/s01_bg.jpg')no-repeat center/cover;margin-top: -4px;} #section01 .inner {width: 1380px;} #section01 .cont_text {} #section01 .cont_text .title {} #section01 .cont_text .desc {margin-top: 60px;} #section01 .s01_cont {position:relative;text-align: center;margin-top: 60px;} #section01 .s01_cont .s01_graph_base {} #section01 .s01_cont .s01_graph {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} #section01 .s01_cont .s01_cir {position:absolute;} #section01 .s01_cont .s01_cir_01 {left:184px;bottom:158px;} #section01 .s01_cont .s01_cir_02 {left:315px;bottom:248px;} #section01 .s01_cont .s01_cir_03 {left:483px;bottom:282px;} #section01 .s01_cont .s01_cir_04 {left:650px;bottom:310px;} #section01 .s01_cont .s01_cir_05 {right:269px;top:0;} #section01 .s01_cont .s01_stemp {position:absolute;} #section01 .s01_cont .s01_stemp_02 {bottom:25px;left:0;} #section01 .s01_cont .s01_stemp_01 {bottom:0;right:0;} /* section01 e */ /* section02 s */ #section02 {padding:160px 0 120px;background:url('../images/s02_bg.jpg')no-repeat center/cover;overflow:visible;z-index:2;} #section02 .inner {width: 1380px;} #section02 .cont_text {text-align: center;} #section02 .cont_text .title {color:#fff} #section02 .cont_text .desc {margin-top: 40px;color:#bbb;} #section02 .s02_cont {position:relative;margin-top: 100px;} #section02 .s02_list_wrap {display:flex;gap:20px;flex-wrap:wrap;justify-content:center;} #section02 .s02_list {background:#faf7f2;width: 440px;height: 540px;border-radius:30px;padding:60px 50px;} #section02 .s02_list:nth-child(1) {background:url('../images/s02_list_bg_01.png')no-repeat center/cover;} #section02 .s02_list:nth-child(2) {background:url('../images/s02_list_bg_02.png')no-repeat center/cover;} #section02 .s02_list:nth-child(3) {background:url('../images/s02_list_bg_03.png')no-repeat center/cover;} #section02 .s02_list p {letter-spacing: -0.03em;font-size: 24px;} #section02 .s02_list p.ht {font-weight: 700;color:#bc955c;margin-bottom: 15px;} #section02 .s02_list p.name {font-size: 48px;color:#1d1d1b;} #section02 .s02_list p.info {font-weight: 400;color:#1d1d1b;margin-top: 20px;opacity: 0.8;} #section02 .bg_eff { width: 1360px;height:180px;background:url('../images/s02_bg_eff.png')no-repeat center/cover; display:flex;align-items:center;justify-content:center;flex-direction:column; position:absolute;left:50%;bottom:-210px;transform:translateX(-50%); } #section02 .bg_eff .s02_price_num {} #section02 .bg_eff .s02_price_num .num {} #section02 .bg_eff .s02_price_num .dot {} #section02 .bg_eff .s02_price_num .unit {} #section02 .bg_eff .s02_price_num .unit span {} #section02 .bg_eff p {font-size: 18px;font-weight: 400;letter-spacing: -0.03em;color:#999;margin-top: 10px;} .s02_price_num {display:flex;justify-content:center;} .s02_price_num li {color:#fff;letter-spacing: -0.025em;} .s02_price_num li.num {font-size: 72px;color:#e1bf8d;} .s02_price_num li.dot {font-size: 72px;color:#e1bf8d;} .s02_price_num li.unit {font-size: 48px;margin-top:20px;} .s02_price_num li.unit span {color:#e1bf8d;} .s02_price_num li.unit.margin-right {margin-right: 10px;} /* section02 e */ /* section03 s */ #section03 {padding:250px 0 120px;background:url('../images/s03_bg.jpg')no-repeat center/cover;} #section03 .cont_text {text-align: center;} #section03 .cont_text .title {} #section03 .s03_cont {position:relative;width: 100%;margin:0 auto;} #section03 #s03_swiper {padding:120px 0 0;min-height:220px;overflow: hidden; width: 100%; margin: 0 auto; } #section03 #s03_swiper .swiper-wrapper {} #section03 #s03_swiper .swiper-slide {width: 374px; position: relative;transition:0.6s;opacity: 0.6;margin:0 25px; max-height: 400px} #section03 #s03_swiper .swiper-slide img {width: 374px;filter: drop-shadow(0 10px 10px rgba(0,0,0,0.5));} #section03 #s03_swiper .swiper-slide-active {transform:translateY(-40px);opacity: 1;} #section03 #s03_swiper .swiper-slide-duplicate-active {transform:translateY(-40px);opacity: 1;} #section03 #s03_swiper .swiper-slide-active img {} #section03 .s03_slogan {text-align: center;font-size: 30px;font-weight: 700;color:#1d1d1b;letter-spacing: -0.03em;line-height: 40px;} #section03 .s03_slogan span {color:#bc955c} /* section03 e */ /* section04 s */ #section04 {padding:160px 0 0px;background:#f5f5f5} #section04 .cont_text {display:flex;align-items:end;gap:200px;} #section04 .cont_text .title {} #section04 .s04_cont {position:relative;margin-top: 100px;} #section04 .s04_list_wrap {display:flex;background:#111;} #section04 .s04_list {width: 20%;height: 960px;text-align: center;transition:width 0.6s;position:relative;overflow:hidden;} #section04 .s04_list_01 {background:url('../images/s04_slide_bg_off_01.png')no-repeat center/cover;} #section04 .s04_list_01.on {background:url('../images/s04_slide_bg_on_01.png')no-repeat center/cover;} #section04 .s04_list_02 {background:url('../images/s04_slide_bg_off_02.png')no-repeat center/cover;} #section04 .s04_list_02.on {background:url('../images/s04_slide_bg_on_02.png')no-repeat center/cover;} #section04 .s04_list_03 {background:url('../images/s04_slide_bg_off_03.png')no-repeat center/cover;} #section04 .s04_list_03.on {background:url('../images/s04_slide_bg_on_03.png')no-repeat center/cover;} #section04 .s04_list_04 {background:url('../images/s04_slide_bg_off_04.png')no-repeat center/cover;} #section04 .s04_list_04.on {background:url('../images/s04_slide_bg_on_04.png')no-repeat center/cover;} #section04 .s04_list_05 {background:url('../images/s04_slide_bg_off_05.png')no-repeat center/cover;} #section04 .s04_list_05.on {background:url('../images/s04_slide_bg_on_05.png')no-repeat center/cover;} #section04 .s04_list.on {width:576px;} #section04 .s04_list .s04_txt_wrap {overflow:hidden;width: 100%;} #section04 .s04_list p {letter-spacing: -0.02em;transition:0.6s;position:absolute;left:50%;width: 100%;} #section04 .s04_list p.desc {width: 450px;} #section04 .s04_list .tit { font-size: 48px;color:#fff;opacity: 0.6;line-height: 56px;top:50%;transform:translate(-50%,-50%); } #section04 .s04_list .desc { font-weight: 400;color:#fff;line-height: 40px;margin-top: 40px;top:60%;transform:translate(-50%,-50%);opacity: 0;font-size: 24px; } #section04 .s04_list.on .tit {transform:translate(-50%,-100%);opacity: 1;} #section04 .s04_list.on .desc {transform:translate(-50%,-130%);opacity: 1;font-size: 24px;} /* section04 e */ /* section05 s */ #section05 {height:1006px;} #section05 .cont_text {} #section05 .cont_text .title {line-height: 64px;font-size: 52px;} #section05 .flex_wrap {display:flex;height:100%;} #section05 .flex_left {width: 740px;background:url('../images/s05_bg.jpg')no-repeat center/cover;position:relative;padding:160px 0 0 260px;border-right: 2px solid #bc955c;} #section05 .flex_left img {position:absolute;right:0;bottom:0;} #section05 .flex_right {background:#faf7f2;width: calc(100% - 740px);padding:210px 0px 140px 0px;} #section05 .s05_cont {} #section05 #s05_swiper {padding-bottom: 30px;padding-left: 96px;} #section05 #s05_swiper .swiper-wrapper {} #section05 #s05_swiper .swiper-slide {} #section05 #s05_swiper .slide_top {display:flex;align-items:end;gap:60px;margin-bottom: 40px;} #section05 #s05_swiper .slide_top .st_tit {} #section05 #s05_swiper .slide_top .st_tit p {letter-spacing: -0.03em;} #section05 #s05_swiper .slide_top .st_tit p.en {font-size: 16px;color:#bc955c;margin-bottom: 8px;} #section05 #s05_swiper .slide_top .st_tit p.ko {font-size: 40px;color:#1d1d1b;} #section05 #s05_swiper .slide_top .st_info {} #section05 #s05_swiper .slide_top .st_info p {letter-spacing: -0.02em;} #section05 #s05_swiper .slide_top .st_info p.percent {font-size: 24px;font-weight: 700;color:#ae7b39;} #section05 #s05_swiper .slide_top .st_info p.desc {font-size: 18px;font-weight: 500;color:#1d1d1b;margin-top:4px;} #section05 #s05_swiper .slide_graph {display:flex;} #section05 #s05_swiper .graph_main {} #section05 #s05_swiper .graph_main .graph_box {display:flex;flex-direction:column;align-items:center;gap:10px;width: 205px;height: 504px;border-radius:10px;border:1px solid #ae7b39;background:#fff;justify-content:center;position:relative;} #section05 #s05_swiper .graph_main .graph_box.cirlce {width: 302px;height: 428px;margin-top: 30px;flex-direction: column-reverse;gap:20px;} #section05 #s05_swiper .graph_main .graph_box .s05_01_main {width: 100px;z-index:2;clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);transition:2s} #section05 #s05_swiper .graph_main .graph_box .s05_01_main.on {clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);} #section05 #s05_swiper .graph_main .graph_box .s05_03_main.on {clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);} #section05 #s05_swiper .graph_main .graph_box .s05_03_main {width: 118px;margin-left: 10px;clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);transition:2s} #section05 #s05_swiper .graph_main .graph_box .s05_slide_logo {width: 125px;} #section05 #s05_swiper .graph_main .graph_box .s05_slide_logo.circle {width: 188px;} #section05 #s05_swiper .graph_main .graph_box .s05_slide_first {position:absolute;left:50%;top:20px;transform:translateX(-50%);opacity: 0;transition:0.6s} #section05 #s05_swiper .graph_main .graph_box .s05_slide_first.on {animation: opacity_effect 0.6s 1.2s ease-in-out forwards;} #section05 #s05_swiper .graph_main .graph_box .s05_slide_first div {background:rgba(188,149,92,0.3);border:1px solid #bc955c;border-radius:5px;width: 90px;height: 250px;} #section05 #s05_swiper .graph_main .graph_box .s05_slide_first p {position:absolute;right:-50px;top:110px;font-size: 20px;font-weight: 700;color:#ae7b39;letter-spacing: -0.03em;} #section05 #s05_swiper .graph_main .description {font-size: 16px;font-weight: 400;color:#999;letter-spacing: -0.03em;margin-top: 10px;} #section05 #s05_swiper .graph_side {position:relative;margin-left: 55px;} #section05 #s05_swiper .graph_side .check_area {display:flex;justify-content:end;flex-wrap:wrap;gap:2px 20px;width:400px;position:absolute;right:0;top:0;} #section05 #s05_swiper .graph_side .check_area li {display:flex;justify-content:end;align-items:center;} #section05 #s05_swiper .graph_side .check_area li span {width: 10px;height: 10px;display:block;} #section05 #s05_swiper .graph_side .check_area li span.color1 {background: #824f0d;margin-right: 2px;} #section05 #s05_swiper .graph_side .check_area li span.color2 {background: #414141;margin-right: 6px;} #section05 #s05_swiper .graph_side .check_area li span.color3 {background: #ae7b39;margin-right: 2px;} #section05 #s05_swiper .graph_side .check_area li span.color4 {background: #707070;margin-right: 6px;} #section05 #s05_swiper .graph_side .check_area li span.color5 {background: #999999;margin-right: 6px;} #section05 #s05_swiper .graph_side .check_area li span.color6 {background: #cbcbcb;margin-right: 6px;} #section05 #s05_swiper .graph_side .check_area li p {font-size: 16px;font-weight: 400;color:#666;} #section05 #s05_swiper .graph_side .graph_list {display:flex;text-align: center;gap:65px;padding-top: 74px;} #section05 #s05_swiper .graph_side .graph_list.circle {flex-wrap:wrap;justify-content:center;gap:30px;width: 490px;padding-top: 50px;} #section05 #s05_swiper .graph_side .graph_list li {} #section05 #s05_swiper .graph_side .graph_list li .s05_01_graph {clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);transition:2s;} #section05 #s05_swiper .graph_side .graph_list li .s05_01_graph.on {clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);} #section05 #s05_swiper .graph_side .graph_list li .s05_03_graph {clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);transition:2s;} #section05 #s05_swiper .graph_side .graph_list li .s05_03_graph.on {clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);} #section05 #s05_swiper .graph_side .graph_list li .name {font-size: 16px;font-weight: 400;color:#1d1d1b;letter-spacing: -0.03em;margin-top: 15px;} #section05 #s05_swiper .graph_side .graph_list li .brand {padding:2px 15px;border-radius:15px;margin-top: 5px;display:inline-block;} #section05 #s05_swiper .graph_side .graph_list li .brand p {font-size: 20px;font-weight: 700;color:#fff;letter-spacing: -0.03em;} #section05 #s05_swiper .graph_side .graph_list li .brand.color-01 {background: #eb6006;} #section05 #s05_swiper .graph_side .graph_list li .brand.color-02 {background: #eb9206;} #section05 #s05_swiper .graph_side .graph_list li .brand.color-03 {background: #b10000;} #section05 #s05_swiper .graph_side .graph_list li .brand.color-04 {background: #890101;} #section05 #s05_swiper .graph_side .graph_list li .brand.color-05 {background: #414141;} #section05 #s05_swiper .s05_pagi {font-size: 20px;font-weight: 700;letter-spacing: -0.03em;color:#666;width: auto;left:auto;right:260px;bottom:0px;} #section05 #s05_swiper .s05_pagi .swiper-pagination-current {color:#bc955c;} #section05 #s05_swiper .s05_pagi .swiper-pagination-total {} #section05 .main {position:relative;} #section05 .txt_box {text-align: center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)} #section05 .main .txt_box p {letter-spacing: -0.05em;font-weight: 700;color:#824f0d;} #section05 .main .txt_box p.sm {font-size: 20px;} #section05 .main .txt_box p.b {font-size: 40px;} #section05 .main .txt_box p.b small {font-size: 24px;} #section05 .side {position:relative;} #section05 .side .txt_box p {letter-spacing: -0.05em;font-weight: 700;color:#414141;} #section05 .side .txt_box p.b {font-size: 24px;} #section05 .side .txt_box p.b small {font-size: 20px;} #section05 .svg {display: block;} #section05 .border {fill: none;stroke: #cbcbcb;stroke-width: 44;opacity: 1;} #section05 .main .border {} #section05 .side .border {stroke-width: 25;} #section05 .progress { fill:none;stroke: #ae7b39;stroke-width: 44;stroke-dasharray: 647.5;stroke-dashoffset: calc(647.5 * (1 - 0.828));transform-origin: center;transform: rotate(-90deg); transition:2s } #section05 .main .progress {stroke-dasharray: 647.5;stroke-dashoffset: 647.5;} #section05 .side .progress {stroke:#707070;stroke-width: 25;stroke-dasharray: 357.96;stroke-dashoffset: 357.96;} #section05 .progress.list01.on {/* animation: progress_01 2s ease-in-out forwards; */stroke-dashoffset: 111.37;} #section05 .progress.list02.on {/* animation: progress_02 2s ease-in-out forwards; */stroke-dashoffset: 102.73452;} #section05 .progress.list03.on {/* animation: progress_03 2s ease-in-out forwards; */stroke-dashoffset: 110.25168;} #section05 .progress.list04.on {/* animation: progress_04 2s ease-in-out forwards; */stroke-dashoffset: 93.42756;} #section05 .progress.list05.on {/* animation: progress_05 2s ease-in-out forwards; */stroke-dashoffset: 113.11536;} /* #section05 .progress.list06.on {animation: progress_06 2s ease-in-out forwards;} */ #section05 .progress.list06.on {stroke-dashoffset: 88.05816;} /* section05 e */ /* section06 s */ #section06 {padding:160px 0 160px;background:url('../images/s06_bg.jpg')no-repeat center/cover;} #section06 .cont_text {margin-bottom: 90px;} #section06 .cont_text .title {} #section06 .s06_cont {position:relative;display:flex;flex-direction: row-reverse;justify-content:flex-end;align-items: end;gap:105px;} #section06 .flex_left {padding-bottom: 50px;} #section06 .flex_right {} #section06 #s06_swiper_list {width: 670px;margin:0;padding-bottom: 30px;} #section06 #s06_swiper_list .swiper-wrapper {} #section06 #s06_swiper_list .swiper-slide {width: 325px;height:192px;transition:0.6s;margin-right:20px;} #section06 #s06_swiper_list .swiper-slide img {width: 100%;height:100%;object-fit:cover;} #section06 #s06_swiper_list .swiper-slide-active {} #section06 #s06_swiper_list .swiper-slide-active img {} #section06 #s06_swiper_list .s06_pagi {bottom:0px;top:auto;background: #bbbbbb;height:3px;} #section06 #s06_swiper_list .swiper-pagination-progressbar-fill {background: #bc955c;} #section06 #s06_swiper_main {width: 960px;border-radius:0 0 180px 0;overflow:hidden;margin:0;} #section06 #s06_swiper_main .swiper-wrapper {} #section06 #s06_swiper_main .swiper-slide {width: 960px;height:700px;-webkit-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);} #section06 #s06_swiper_main .swiper-slide img {width: 100%;} #section06 #s06_swiper_main .swiper-slide-active {} #section06 #s06_swiper_main .swiper-slide-active img {} /* section06 e */ /* section06-1 s */ #section06-1 {padding:0px 0 160px;background:url('../images/s06-1_bg.jpg')no-repeat center/cover;} #section06-1 .inner {width: 1400px;} #section06-1 .s06-1_cont {width: 100%;height: 787px;} /* section06-1 e */ /* section07 s */ #section07 {padding:160px 0 160px;background:url('../images/s07_bg.jpg')no-repeat center/cover;} #section07 .cont_text {text-align: center;} #section07 .cont_text .title {} #section07 .s07_cont {position:relative;display:flex;justify-content:center;gap:20px;margin-top: 60px;} #section07 .s07_list {text-align: center;} #section07 .s07_list .s07_box_wrap {position:relative;} #section07 .s07_list .s07_box_wrap img {} #section07 .s07_list .s07_box_wrap .s07_txt {position:absolute;left:50%;transform:translateX(-50%);top:120px;width: 100%;} #section07 .s07_list .s07_box_wrap .s07_txt .slogan {font-size: 32px;font-weight: 700;color:#bc955c;letter-spacing: -0.03em;} #section07 .s07_list .s07_box_wrap .s07_txt .s07_price_num {display:flex;justify-content:center;} #section07 .s07_list .s07_box_wrap .s07_txt .s07_price_num li {font-weight: 700;color:#111;letter-spacing: -0.02em;} #section07 .s07_list .s07_box_wrap .s07_txt .s07_price_num .unit {font-size: 48px;margin-top: 20px;margin:16px 4px 0;} #section07 .s07_list .s07_box_wrap .s07_txt .s07_price_num.small .unit {font-size: 32px;} #section07 .s07_list .s07_box_wrap .s07_txt .s07_price_num .unit span {} #section07 .s07_list .s07_box_wrap .s07_txt .s07_price_num .num {font-size: 72px;line-height: 72px;} #section07 .s07_list .s07_box_wrap .s07_txt .s07_price_num.small .num {font-size: 60px;line-height: 60px;} #section07 .s07_list .s07_box_wrap .s07_txt .s07_price_num .dot {font-size: 72px;line-height: 72px;} #section07 .s07_list .s07_box_wrap .s07_txt .s07_price_num.small .dot {font-size: 60px;line-height: 60px;} #section07 .s07_list .s07_box_wrap .s07_txt .desc {font-size: 16px;font-weight: 400;color:#999;letter-spacing: -0.03em;margin-top: 20px;} #section07 .s07_list .s07_desc_wrap {margin-top: 30px;} #section07 .s07_list .s07_desc_wrap p {font-size: 24px;font-weight: 400;color:#61605e;letter-spacing: -0.03em;line-height: 40px;} /* section07 e */ /* section08 s */ #section08 {padding:160px 0 0px;background:#f5f5f5} #section08 .inner {width: 1400px;} #section08 .cont_text {display:flex;align-items:end;gap:130px;} #section08 .cont_text .title {} #section08 .cont_text .desc {} #section08 .s08_cont {position:relative;display:flex;justify-content:center;gap:20px;margin-top: 60px;width: 100%;height:800px;} #section08 .s08_cont .s08_bg_wrap { width: 100%;height:800px;background: url('../images/s08_cont_bg_01.jpg')no-repeat center/cover; transition:.5s ease-in-out; } #section08 .s08_cont .s08_bg_wrap.img01 {background-image: url('../images/s08_cont_bg_01.jpg');} #section08 .s08_cont .s08_bg_wrap.img02 {background-image: url('../images/s08_cont_bg_02.jpg');} #section08 .s08_cont .s08_bg_wrap.img03 {background-image: url('../images/s08_cont_bg_03.jpg');} #section08 .s08_cont .s08_list_wrap { display:flex;align-items:center;justify-content:center;flex-direction:column;gap:100px; position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); } #section08 .s08_cont .s08_list {text-align: center;} #section08 .s08_cont .s08_list.on {} #section08 .s08_cont .s08_list p {font-size: 80px;letter-spacing: -0.02em;color:#ffffff;opacity: 0.4;transition:.5s ease-in-out;} #section08 .s08_cont .s08_list p.desc { font-size: 24px;font-weight: 400;line-height: 40px;color:#fff;letter-spacing: -0.03em;margin-top: 10px;opacity: 0;max-height:0;overflow:hidden; white-space: pre-wrap; } #section08 .s08_cont .s08_list.on p {opacity: 1;} #section08 .s08_cont .s08_list.on p.desc {max-height:70px;overflow:visible;opacity: 1;} /* section08 e */ /* section09 s */ #section09 {padding:160px 0 160px;background:url('../images/s09_bg.jpg')no-repeat center/cover;} #section09 .inner {width: 1400px;display:flex;justify-content:flex-end;} #section09 .flex_wrap {width: 690px;} #section09 .cont_text {padding-left: 115px;margin-bottom: 100px;} #section09 .cont_text .title {} #section09 .cont_text .desc {margin-top: 60px;} #section09 .s09_cont {} #section09 #s09_swiper {padding-bottom: 70px;} #section09 #s09_swiper .swiper-wrapper {height: auto !important} #section09 #s09_swiper .swiper-slide {width: 224px;margin-left: 6px;border-radius:30px;} #section09 #s09_swiper .swiper-slide img {} #section09 #s09_swiper .s09_pagi {width: auto;left:auto;right:100px;bottom:12px;} #section09 #s09_swiper .s09_pagi .swiper-pagination-bullet {} #section09 #s09_swiper .s09_pagi .swiper-pagination-bullet-active {background: #bc955c;} #section09 #s09_swiper .s09_navi {width: 80px;height:36px;position:absolute;right:0;bottom:0;;} #section09 #s09_swiper .s09_navi .s09_next {width: 36px;height: 36px;right:0;} #section09 #s09_swiper .s09_navi .s09_next:after {content:"";} #section09 #s09_swiper .s09_navi .s09_next img {width: 36px;height: 36px;} #section09 #s09_swiper .s09_navi .s09_prev {width: 36px;height: 36px;left:0;} #section09 #s09_swiper .s09_navi .s09_prev:after {content:"";} #section09 #s09_swiper .s09_navi .s09_prev img {width: 36px;height: 36px;} /* section09 e */ /* section10 s */ #section10 {padding:160px 0 160px;background:url('../images/s10_bg.jpg')no-repeat center/cover;} #section10 .inner {width: 1580px;} #section10 .cont_text {margin-bottom: 130px;} #section10 .cont_text .title {} #section10 .s10_cont {position:relative;} #section10 .flex_left {} #section10 .flex_right {position:absolute;right:0;top:0;} #section10 #s10_swiper_list {width: 1037px;margin:0;border-radius:0 0 100px 0; max-height: 400px} #section10 #s10_swiper_list .swiper-wrapper {} #section10 #s10_swiper_list .swiper-slide {width: 339px;height:415px;transition:0.6s;margin-left:9px;} #section10 #s10_swiper_list .swiper-slide img {width: 100%;height:100%;object-fit:cover;} #section10 #s10_swiper_list .swiper-slide-active {} #section10 #s10_swiper_list .swiper-slide-active img {} #section10 .s10_pagi {bottom:-40px;top:auto;background: #bbbbbb;position:absolute;height:3px;width: 1030px;} #section10 .swiper-pagination-progressbar-fill {background: #bc955c;} #section10 #s10_swiper_main {width: 690px;overflow:visible;margin:0;} #section10 #s10_swiper_main .swiper-wrapper {height: auto !important} #section10 #s10_swiper_main .swiper-slide {width: 690px;} #section10 #s10_swiper_main .swiper-slide img {width: 690px;} /* #section10 #s10_swiper_main .swiper-slide .slide_txt {padding-left: 200px;margin-top: 120px;} */ #section10 #s10_swiper_main .swiper-slide .slide_txt {position: absolute;left: 200px;bottom: -240px;} #section10 #s10_swiper_main .swiper-slide .slide_txt p {font-size: 24px;line-height: 40px;color:#1d1d1b;letter-spacing: -0.03em;} #section10 #s10_swiper_main .swiper-slide .slide_txt p.name {font-size: 32px;margin-bottom: 10px;font-weight: 700;} #section10 #s10_swiper_main .swiper-slide .slide_txt p.desc {font-weight: 400;} #section10 #s10_swiper_main .swiper-slide-active {} #section10 #s10_swiper_main .swiper-slide-active img {} /* section10 e */ /* section11 s */ #section11 {padding:160px 0 160px;background:url('../images/s11_bg.jpg')no-repeat center/cover;} #section11 .inner {width: 1200px;} #section11 .cont_text {text-align: center;margin-bottom: 70px;} #section11 .cont_text .title {} #section11 .s11_cont {position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:40px 30px;} #section11 .s11_list { width: 380px;height: 320px;background:url('../images/s11_box.png')no-repeat center/cover;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align: center; } #section11 .s11_list .s11_icon {width: 92px;} #section11 .s11_list .s11_title {font-size: 32px;font-weight: 700;letter-spacing: -0.025em;color:#fff;line-height: 68px;} #section11 .s11_list .s11_info {} #section11 .s11_list .s11_info p {font-size: 20px;font-weight: 400;letter-spacing: -0.025em;color:#bbb;line-height: 28px;} /* section11 e */ /* section12 s */ #section12 {padding:160px 0 160px;background:#faf7f2;} #section12 .inner {width: 1180px;} #section12 .cont_text {text-align: center;margin-bottom: 70px;} #section12 .cont_text .title {} #section12 .s12_cont {border:2px solid #bc955c;border-radius:30px;background:#fff;overflow:hidden;;} /* section12 e */ @media(max-width: 1919px){ /* section00 s */ #section00 {max-height:47.9167vw;} #section00 #main_swiper {} #section00 #main_swiper .swiper-wrapper {} #section00 #main_swiper .swiper-slide {} #section00 #main_swiper .swiper-slide img {width: 100%;height:100%;object-fit:cover;} #section00 #main_swiper .swiper-slide .main_text {text-align: right;position:absolute;left:18.2292vw;top:11.2500vw;z-index:10;} /* #section00 #main_swiper .swiper-slide .main_text.on {transform:translateY(0);opacity: 1;} */ #section00 #main_swiper .swiper-slide .main_text p {color:#1d1d1b;} #section00 #main_swiper .swiper-slide .main_text h1.tit {font-size: 2.2917vw;letter-spacing: -0.02em;} #section00 #main_swiper .swiper-slide .main_text h2.desc {font-size: 1.5625vw;font-weight: 600;letter-spacing: -0.025em;} #section00 #main_swiper .swiper-slide .main_text h2.desc span {color:#bc955c;} #section00 #main_swiper .swiper-slide video {width: 100%;height:100%;} #section00 .main_pagi {bottom:2.8646vw;} #section00 .main_pagi .swiper-pagination-bullet {background:#fff;width:0.5208vw;height:0.5208vw;margin:0 0.2604vw;} #section00 .main_pagi .swiper-pagination-bullet-active {background:#bc955c;} /* section00 e */ /* section05 s */ #section05 {height:52.3958vw; } #section05 .cont_text {} #section05 .cont_text .title {line-height: 3.3333vw;font-size: 2.7083vw;} #section05 .flex_wrap {display:flex;height:100%;} #section05 .flex_left {width: 38.5417vw;background:url('../images/s05_bg.jpg')no-repeat center/cover;position:relative;padding:8.3333vw 0 0 13.5417vw;border-right: 0.1042vw solid #bc955c; padding-top: 20% !important; padding-bottom: 20% !important;} #section05 .flex_left img {position:absolute;right:0;bottom:0;width: 31.4583vw;} #section05 .flex_right {background:#faf7f2;width: calc(100% - 38.5417vw);padding:10.9375vw 0.0000vw 7.2917vw 0.0000vw;} #section05 .s05_cont {} #section05 #s05_swiper {padding-bottom: 1.5625vw;padding-left: 5.0000vw;} #section05 #s05_swiper .swiper-wrapper {} #section05 #s05_swiper .swiper-slide {} #section05 #s05_swiper .slide_top {display:flex;align-items:end;gap:3.1250vw;margin-bottom: 2.0833vw;} #section05 #s05_swiper .slide_top .st_tit {} #section05 #s05_swiper .slide_top .st_tit p {letter-spacing: -0.03em;} #section05 #s05_swiper .slide_top .st_tit p.en {font-size: 0.8333vw;color:#bc955c;margin-bottom: 0.4167vw;} #section05 #s05_swiper .slide_top .st_tit p.ko {font-size: 2.0833vw;color:#1d1d1b;} #section05 #s05_swiper .slide_top .st_info {} #section05 #s05_swiper .slide_top .st_info p {letter-spacing: -0.02em;} #section05 #s05_swiper .slide_top .st_info p.percent {font-size: 1.2500vw;font-weight: 700;color:#ae7b39;} #section05 #s05_swiper .slide_top .st_info p.desc {font-size: 0.9375vw;font-weight: 500;color:#1d1d1b;margin-top:0.2083vw;} #section05 #s05_swiper .slide_graph {display:flex;} #section05 #s05_swiper .graph_main {} #section05 #s05_swiper .graph_main .graph_box {display:flex;flex-direction:column;align-items:center;gap:0.5208vw;width: 10.6771vw;height: 26.2500vw;border-radius:0.5208vw;border:0.0521vw solid #ae7b39;background:#fff;justify-content:center;position:relative;} #section05 #s05_swiper .graph_main .graph_box.cirlce {width: 15.7292vw;height: 22.2917vw;margin-top: 1.5625vw;flex-direction: column-reverse;gap:1.0417vw;} #section05 #s05_swiper .graph_main .graph_box .s05_01_main {width: 5.2083vw;z-index:2;clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);transition:2s} #section05 #s05_swiper .graph_main .graph_box .s05_01_main.on {clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);} #section05 #s05_swiper .graph_main .graph_box .s05_03_main.on {clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);} #section05 #s05_swiper .graph_main .graph_box .s05_03_main {width: 6.1458vw;margin-left: 0.5208vw;clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);transition:2s} #section05 #s05_swiper .graph_main .graph_box .s05_slide_logo {width: 6.5104vw;} #section05 #s05_swiper .graph_main .graph_box .s05_slide_logo.circle {width: 9.7917vw;} #section05 #s05_swiper .graph_main .graph_box .s05_slide_first {position:absolute;left:50%;top:1.0417vw;transform:translateX(-50%);opacity: 0;transition:0.6s} #section05 #s05_swiper .graph_main .graph_box .s05_slide_first.on {animation: opacity_effect 0.6s 1.2s ease-in-out forwards;} #section05 #s05_swiper .graph_main .graph_box .s05_slide_first div {background:rgba(188,149,92,0.3);border:0.0521vw solid #bc955c;border-radius:0.2604vw;width: 4.6875vw;height: 13.0208vw;} #section05 #s05_swiper .graph_main .graph_box .s05_slide_first p {position:absolute;right:-2.6042vw;top:5.7292vw;font-size: 1.0417vw;font-weight: 700;color:#ae7b39;letter-spacing: -0.03em;} #section05 #s05_swiper .graph_main .description {font-size: 0.8333vw;font-weight: 400;color:#999;letter-spacing: -0.03em;margin-top: 0.5208vw;} #section05 #s05_swiper .graph_side {position:relative;margin-left: 2.8646vw;} #section05 #s05_swiper .graph_side .check_area {display:flex;justify-content:end;flex-wrap:wrap;gap:0.1042vw 1.0417vw;width:20.8333vw;position:absolute;right:0;top:0;} #section05 #s05_swiper .graph_side .check_area li {display:flex;justify-content:end;align-items:center;} #section05 #s05_swiper .graph_side .check_area li span {width: 0.5208vw;height: 0.5208vw;display:block;} #section05 #s05_swiper .graph_side .check_area li span.color1 {background: #824f0d;margin-right: 0.1042vw;} #section05 #s05_swiper .graph_side .check_area li span.color2 {background: #414141;margin-right: 0.3125vw;} #section05 #s05_swiper .graph_side .check_area li span.color3 {background: #ae7b39;margin-right: 0.1042vw;} #section05 #s05_swiper .graph_side .check_area li span.color4 {background: #707070;margin-right: 0.3125vw;} #section05 #s05_swiper .graph_side .check_area li span.color5 {background: #999999;margin-right: 0.3125vw;} #section05 #s05_swiper .graph_side .check_area li span.color6 {background: #cbcbcb;margin-right: 0.3125vw;} #section05 #s05_swiper .graph_side .check_area li p {font-size: 0.8333vw;font-weight: 400;color:#666;} #section05 #s05_swiper .graph_side .graph_list {display:flex;text-align: center;gap:3.3854vw;padding-top: 3.8542vw;} #section05 #s05_swiper .graph_side .graph_list.circle {flex-wrap:wrap;justify-content:center;gap:1.5625vw;width: 30.5208vw;padding-top: 2.6042vw;} #section05 #s05_swiper .graph_side .graph_list li {} #section05 #s05_swiper .graph_side .graph_list li .s05_01_graph {clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);transition:2s;} #section05 #s05_swiper .graph_side .graph_list li .s05_01_graph.on {clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);} #section05 #s05_swiper .graph_side .graph_list li .s05_03_graph {clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);transition:2s;} #section05 #s05_swiper .graph_side .graph_list li .s05_03_graph.on {clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);} #section05 #s05_swiper .graph_side .graph_list li .name {font-size: 0.8333vw;font-weight: 400;color:#1d1d1b;letter-spacing: -0.03em;margin-top: 0.7813vw;} #section05 #s05_swiper .graph_side .graph_list li .brand {padding:0.1042vw 0.7813vw;border-radius:0.7813vw;margin-top: 0.2604vw;display:inline-block;} #section05 #s05_swiper .graph_side .graph_list li .brand p {font-size: 1.0417vw;font-weight: 700;color:#fff;letter-spacing: -0.03em;} #section05 #s05_swiper .graph_side .graph_list li .brand.color-01 {background: #eb6006;} #section05 #s05_swiper .graph_side .graph_list li .brand.color-02 {background: #eb9206;} #section05 #s05_swiper .graph_side .graph_list li .brand.color-03 {background: #b10000;} #section05 #s05_swiper .graph_side .graph_list li .brand.color-04 {background: #890101;} #section05 #s05_swiper .graph_side .graph_list li .brand.color-05 {background: #414141;} #section05 #s05_swiper .s05_pagi {font-size: 1.0417vw;font-weight: 700;letter-spacing: -0.03em;color:#666;width: auto;left:auto;right:13.5417vw;bottom:0.0000vw;} #section05 #s05_swiper .s05_pagi .swiper-pagination-current {color:#bc955c;} #section05 #s05_swiper .s05_pagi .swiper-pagination-total {} #section05 .main {position:relative;} #section05 .txt_box {text-align: center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)} #section05 .main .txt_box p {letter-spacing: -0.05em;font-weight: 700;color:#824f0d;} #section05 .main .txt_box p.sm {font-size: 1.0417vw;} #section05 .main .txt_box p.b {font-size: 2.0833vw;} #section05 .main .txt_box p.b small {font-size: 1.2500vw;} #section05 .side {position:relative;} #section05 .side .txt_box p {letter-spacing: -0.05em;font-weight: 700;color:#414141;} #section05 .side .txt_box p.b {font-size: 1.2500vw;} #section05 .side .txt_box p.b small {font-size: 1.0417vw;} #section05 .svg {display: block;} #section05 .border {fill: none;stroke: #cbcbcb;stroke-width: 44;opacity: 1;} #section05 .main .border {} #section05 .side .border {stroke-width: 25;} #section05 .progress { fill:none;stroke: #ae7b39;stroke-width: 44;stroke-dasharray: 647.5;stroke-dashoffset: calc(647.5 * (1 - 0.828));transform-origin: center;transform: rotate(-90deg); transition:2s } #section05 .main .progress {stroke-dasharray: 647.5;stroke-dashoffset: 647.5;} #section05 .side .progress {stroke:#707070;stroke-width: 25;stroke-dasharray: 357.96;stroke-dashoffset: 357.96;} #section05 .progress.list01.on {/* animation: progress_01 2s ease-in-out forwards; */stroke-dashoffset: 111.37;} #section05 .progress.list02.on {/* animation: progress_02 2s ease-in-out forwards; */stroke-dashoffset: 102.73452;} #section05 .progress.list03.on {/* animation: progress_03 2s ease-in-out forwards; */stroke-dashoffset: 110.25168;} #section05 .progress.list04.on {/* animation: progress_04 2s ease-in-out forwards; */stroke-dashoffset: 93.42756;} #section05 .progress.list05.on {/* animation: progress_05 2s ease-in-out forwards; */stroke-dashoffset: 113.11536;} /* #section05 .progress.list06.on {animation: progress_06 2s ease-in-out forwards;} */ #section05 .progress.list06.on {stroke-dashoffset: 88.05816;} /* section05 e */ } @media(max-width: 1600px){ /* header s */ #header {height:5.0000vw;} #header .header-wrap {height:5.0000vw;} #header .header-wrap .inner {padding:0 7.5000vw;max-width:100%;} #header .header-wrap .inner .logo img {width: 11.6250vw;} #header .header-wrap .nav_wrap ul {gap:3.7500vw;} #header .header-wrap .nav_wrap ul li a {font-size: 1.1250vw;} #header .header-wrap .nav_wrap ul li:after {width: 7.1875vw;height:0.1875vw;bottom:-1.5000vw;} #header .header-wrap .hd_tel a {gap:0.6250vw;} #header .header-wrap .hd_tel a span.name {font-size: 1.6250vw;padding:0.3750vw 0.7500vw;border-radius:1.8750vw;} #header .header-wrap .hd_tel a span.numbeer {font-size: 2.0000vw;} #footer .private {margin-bottom: 1.0000vw;} /* header e */ /* cont_text s */ .cont_text h2.title {font-size: 4.0000vw;line-height: 5.0000vw;} .cont_text p.desc {font-size: 1.5000vw;line-height: 2.5000vw;} /* cont_text e */ /* 흐르는 슬라이드 s */ .marquee {padding:1.1250vw;max-width: 100%;} .marquee.main .swiper-slide {width: 148.9375vw;} .marquee.solo .swiper-slide {width: 42.5625vw;} .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: 100%;} /* 흐르는 슬라이드 e */ /* section00 s */ #section00 {max-height:57.5000vw;} #section00 #main_swiper .swiper-slide .main_text {left:15.8750vw;top:13.5000vw;} #section00 #main_swiper .swiper-slide .main_text h1.tit {font-size: 2.7500vw;} #section00 #main_swiper .swiper-slide .main_text h2.desc {font-size: 1.8750vw;} #section00 .main_pagi {bottom:3.4375vw;} #section00 .main_pagi .swiper-pagination-bullet {width:0.6250vw;height:0.6250vw;margin:0 0.3125vw;} /* section00 e */ /* section01 s */ #section01 {padding:10.0000vw 0 5.0000vw;margin-top: -0.2500vw;} #section01 .inner {width: 86.2500vw;} #section01 .cont_text .desc {margin-top: 3.7500vw;} #section01 .s01_cont {margin-top: 3.7500vw;} #section01 .s01_cont .s01_cir_01 {left:11.5000vw;bottom:9.8750vw;} #section01 .s01_cont .s01_cir_02 {left:19.6875vw;bottom:15.5000vw;} #section01 .s01_cont .s01_cir_03 {left:30.1875vw;bottom:17.6250vw;} #section01 .s01_cont .s01_cir_04 {left:40.6250vw;bottom:19.3750vw;} #section01 .s01_cont .s01_cir_05 {right:16.8125vw;top:0;} #section01 .s01_cont .s01_stemp_02 {bottom:1.5625vw;left:0;} #section01 .s01_cont .s01_stemp_01 {bottom:0;right:0;} /* section01 e */ /* section02 s */ #section02 {padding:10.0000vw 0 7.5000vw;} #section02 .inner {width: 86.2500vw;} #section02 .cont_text .desc {margin-top: 2.5000vw;} #section02 .s02_cont {margin-top: 6.2500vw;} #section02 .s02_list_wrap {gap:1.2500vw;} #section02 .s02_list {width: 27.5000vw;height: 33.7500vw;border-radius:1.8750vw;padding:3.7500vw 3.1250vw;} #section02 .s02_list p {font-size: 1.5000vw;} #section02 .s02_list p.ht {margin-bottom: 0.9375vw;} #section02 .s02_list p.name {font-size: 3.0000vw;} #section02 .s02_list p.info {margin-top: 1.2500vw;} #section02 .bg_eff {width: 85.0000vw;height:11.2500vw;bottom:-13.1250vw;} #section02 .bg_eff p {font-size: 1.1250vw;margin-top: 0.6250vw;} .s02_price_num li.num {font-size: 4.5000vw;} .s02_price_num li.dot {font-size: 4.5000vw;} .s02_price_num li.unit {font-size: 3.0000vw;margin-top:1.2500vw;} .s02_price_num li.unit.margin-right {margin-right: 0.6250vw;} /* section02 e */ /* section03 s */ #section03 {padding:15.6250vw 0 7.5000vw;} /* #section03 #s03_swiper {padding:7.5000vw 0 0;min-height:25.0000vw;} #section03 #s03_swiper .swiper-slide {width: 23.3750vw;margin:0 1.5625vw;} #section03 #s03_swiper .swiper-slide img {width: 23.3750vw;height: 13.5625vw;filter: drop-shadow(0 0.6250vw 0.6250vw rgba(0,0,0,0.5));} #section03 #s03_swiper .swiper-slide-active {transform:translateY(-3.1250vw);} #section03 #s03_swiper .swiper-slide-duplicate-active {transform:translateY(-3.1250vw);} */ #section03 .s03_slogan {font-size: 1.8750vw;line-height: 2.5000vw;} /* section03 e */ /* section04 s */ #section04 {padding:10.0000vw 0 0.0000vw;} #section04 .cont_text {gap:12.5000vw;} #section04 .s04_cont {margin-top: 6.2500vw;} #section04 .s04_list {width: 20%;height: 60.0000vw;} #section04 .s04_list.on {width:36.0000vw;} #section04 .s04_list p.desc {width: 28.1250vw;} #section04 .s04_list .tit {font-size: 3.0000vw;line-height: 3.5000vw;} #section04 .s04_list .desc {line-height: 2.5000vw;margin-top: 2.5000vw;font-size: 1.5000vw;} #section04 .s04_list.on .desc {font-size: 1.5000vw;} /* section04 e */ /* section05 s */ #section05 {height:62.8750vw;} #section05 .cont_text .title {line-height: 4.0000vw;font-size: 3.2500vw;} #section05 .flex_left {width: 35.2500vw;padding:10.0000vw 0 0 10.2500vw;border-right: 0.1250vw solid #bc955c;} #section05 .flex_right {width: calc(100% - 35.2500vw);padding:13.1250vw 0.0000vw 8.7500vw 0.0000vw;} #section05 #s05_swiper {padding-bottom: 1.8750vw;padding-left: 6.0000vw;} #section05 #s05_swiper .slide_top {gap:3.7500vw;margin-bottom: 2.5000vw;} #section05 #s05_swiper .slide_top .st_tit p.en {font-size: 1.0000vw;margin-bottom: 0.5000vw;} #section05 #s05_swiper .slide_top .st_tit p.ko {font-size: 2.5000vw;} #section05 #s05_swiper .slide_top .st_info p.percent {font-size: 1.5000vw;} #section05 #s05_swiper .slide_top .st_info p.desc {font-size: 1.1250vw;margin-top:0.2500vw;} #section05 #s05_swiper .graph_main .graph_box {gap:0.6250vw;width: 12.8125vw;height: 31.5000vw;border-radius:0.6250vw;border:0.0625vw solid #ae7b39;} #section05 #s05_swiper .graph_main .graph_box.cirlce {width: 18.8750vw;height: 26.7500vw;margin-top: 1.8750vw;gap:1.2500vw;} #section05 #s05_swiper .graph_main .graph_box .s05_01_main {width: 6.2500vw;} #section05 #s05_swiper .graph_main .graph_box .s05_03_main {width: 7.3750vw;margin-left: 0.6250vw;} #section05 #s05_swiper .graph_main .graph_box .s05_slide_logo {width: 7.8125vw;} #section05 #s05_swiper .graph_main .graph_box .s05_slide_logo.circle {width: 11.7500vw;} #section05 #s05_swiper .graph_main .graph_box .s05_slide_first {top:1.2500vw;} #section05 #s05_swiper .graph_main .graph_box .s05_slide_first div {border:0.0625vw solid #bc955c;border-radius:0.3125vw;width: 5.6250vw;height: 15.6250vw;} #section05 #s05_swiper .graph_main .graph_box .s05_slide_first p {right:-3.1250vw;top:6.8750vw;font-size: 1.2500vw;} #section05 #s05_swiper .graph_main .description {font-size: 1.0000vw;margin-top: 0.6250vw;} #section05 #s05_swiper .graph_side {margin-left: 3.4375vw;} #section05 #s05_swiper .graph_side .check_area {gap:0.1250vw 1.2500vw;width:25.0000vw;} #section05 #s05_swiper .graph_side .check_area li span {width: 0.6250vw;height: 0.6250vw;} #section05 #s05_swiper .graph_side .check_area li span.color1 {margin-right: 0.1250vw;} #section05 #s05_swiper .graph_side .check_area li span.color2 {margin-right: 0.3750vw;} #section05 #s05_swiper .graph_side .check_area li span.color3 {margin-right: 0.1250vw;} #section05 #s05_swiper .graph_side .check_area li span.color4 {margin-right: 0.3750vw;} #section05 #s05_swiper .graph_side .check_area li span.color5 {margin-right: 0.3750vw;} #section05 #s05_swiper .graph_side .check_area li span.color6 {margin-right: 0.3750vw;} #section05 #s05_swiper .graph_side .check_area li p {font-size: 1.0000vw;} #section05 #s05_swiper .graph_side .graph_list {gap:4.0625vw;padding-top: 4.6250vw;} #section05 #s05_swiper .graph_side .graph_list.circle {gap:1.8750vw;width: 30.6250vw;padding-top: 3.1250vw;} #section05 #s05_swiper .graph_side .graph_list li .name {font-size: 1.0000vw;margin-top: 0.9375vw;} #section05 #s05_swiper .graph_side .graph_list li .brand {padding:0.1250vw 0.9375vw;border-radius:0.9375vw;margin-top: 0.3125vw;} #section05 #s05_swiper .graph_side .graph_list li .brand p {font-size: 1.2500vw;} #section05 #s05_swiper .s05_pagi {font-size: 1.2500vw;right:16.2500vw;bottom:0.0000vw;} #section05 .main .txt_box p.sm {font-size: 1.2500vw;} #section05 .main .txt_box p.b {font-size: 2.5000vw;} #section05 .main .txt_box p.b small {font-size: 1.5000vw;} #section05 .side .txt_box p.b {font-size: 1.5000vw;} #section05 .side .txt_box p.b small {font-size: 1.2500vw;} /* section05 e */ /* section06 s */ #section06 {padding:10.0000vw 0 10.0000vw;} #section06 .cont_text {margin-bottom: 5.6250vw;} #section06 .s06_cont {gap:6.5625vw;} #section06 .flex_left {padding-bottom: 3.1250vw;} #section06 #s06_swiper_list {width: 41.8750vw;padding-bottom: 1.8750vw;} #section06 #s06_swiper_list .swiper-slide {width: 20.3125vw;height:12.0000vw;margin-right:1.2500vw;} #section06 #s06_swiper_list .s06_pagi {bottom:0.0000vw;height:0.1875vw;} #section06 #s06_swiper_main {width: 55.0000vw;border-radius:0 0 11.2500vw 0;} #section06 #s06_swiper_main .swiper-slide {width: 60.0000vw;height:auto;} /* section06 e */ /* section06-1 s */ #section06-1 {padding:0.0000vw 0 10.0000vw;} #section06-1 .inner {width: 87.5000vw;} #section06-1 .s06-1_cont {height: 49.1875vw;} /* section06-1 e */ /* section07 s */ #section07 {padding:10.0000vw 0 10.0000vw;} #section07 .s07_cont {gap:1.2500vw;margin-top: 3.7500vw;} #section07 .s07_list .s07_box_wrap .s07_txt {top:7.5000vw;} #section07 .s07_list .s07_box_wrap .s07_txt .slogan {font-size: 2.0000vw;} #section07 .s07_list .s07_box_wrap .s07_txt .s07_price_num .unit {font-size: 3.0000vw;margin-top: 1.2500vw;margin:1.0000vw 0.2500vw 0;} #section07 .s07_list .s07_box_wrap .s07_txt .s07_price_num .num {font-size: 4.5000vw;line-height: 4.5000vw;} #section07 .s07_list .s07_box_wrap .s07_txt .s07_price_num .dot {font-size: 4.5000vw;line-height: 4.5000vw;} #section07 .s07_list .s07_box_wrap .s07_txt .s07_price_num.small .unit {font-size: 2.0000vw;} #section07 .s07_list .s07_box_wrap .s07_txt .s07_price_num.small .num {font-size: 3.7500vw;line-height: 3.7500vw;} #section07 .s07_list .s07_box_wrap .s07_txt .s07_price_num.small .dot {font-size: 3.7500vw;line-height: 3.7500vw;} #section07 .s07_list .s07_box_wrap .s07_txt .desc {font-size: 1.0000vw;margin-top: 1.2500vw;} #section07 .s07_list .s07_desc_wrap {margin-top: 1.8750vw;} #section07 .s07_list .s07_desc_wrap p {font-size: 1.5000vw;line-height: 2.5000vw;} /* section07 e */ /* section08 s */ #section08 {padding:10.0000vw 0 0.0000vw;} #section08 .inner {width: 87.5000vw;} #section08 .cont_text {gap:8.1250vw;} #section08 .s08_cont {gap:1.2500vw;margin-top: 3.7500vw;height:50.0000vw;} #section08 .s08_cont .s08_bg_wrap {height:50.0000vw;} #section08 .s08_cont .s08_list_wrap {gap:6.2500vw;} #section08 .s08_cont .s08_list p {font-size: 5.0000vw;} #section08 .s08_cont .s08_list p.desc {font-size: 1.5000vw;line-height: 2.5000vw;margin-top: 0.6250vw;} #section08 .s08_cont .s08_list.on p.desc {max-height:4.3750vw;} /* section08 e */ /* section09 s */ #section09 {padding:10.0000vw 0 10.0000vw;} #section09 .inner {width: 87.5000vw;} #section09 .flex_wrap {width: 43.1250vw;} #section09 .cont_text {padding-left: 7.1875vw;margin-bottom: 6.2500vw;} #section09 .cont_text .desc {margin-top: 3.7500vw;} #section09 #s09_swiper {padding-bottom: 4.3750vw;} #section09 #s09_swiper .swiper-slide {width: 14.0000vw;margin-left: 0.3750vw;border-radius:1.8750vw;} #section09 #s09_swiper .s09_pagi {right:6.2500vw;bottom:0.7500vw;} #section09 #s09_swiper .s09_navi {width: 5.0000vw;height:2.2500vw;} #section09 #s09_swiper .s09_navi .s09_next {width: 2.2500vw;height: 2.2500vw;} #section09 #s09_swiper .s09_navi .s09_next img {width: 2.2500vw;height: 2.2500vw;} #section09 #s09_swiper .s09_navi .s09_prev {width: 2.2500vw;height: 2.2500vw;} #section09 #s09_swiper .s09_navi .s09_prev img {width: 2.2500vw;height: 2.2500vw;} /* section09 e */ /* section10 s */ #section10 {padding:10.0000vw 0 10.0000vw;} #section10 .inner {width: 98.7500vw;} #section10 .cont_text {margin-bottom: 8.1250vw;} #section10 #s10_swiper_list {width: 64.8125vw;border-radius:0 0 6.2500vw 0;} #section10 #s10_swiper_list .swiper-slide {width: 21.1875vw;height:25.9375vw;margin-left:0.5625vw;} #section10 .s10_pagi {bottom:-2.5000vw;height:0.1875vw;width: 64.3750vw;} #section10 #s10_swiper_main {width: 43.1250vw;} #section10 #s10_swiper_main .swiper-slide {width: 43.1250vw;} #section10 #s10_swiper_main .swiper-slide img {width: 43.1250vw;} #section10 #s10_swiper_main .swiper-slide .slide_txt {left: 12.5000vw;bottom: -15.0000vw;} #section10 #s10_swiper_main .swiper-slide .slide_txt p {font-size: 1.5000vw;line-height: 2.5000vw;} #section10 #s10_swiper_main .swiper-slide .slide_txt p.name {font-size: 2.0000vw;margin-bottom: 0.6250vw;} /* section10 e */ /* section11 s */ #section11 {padding:10.0000vw 0 10.0000vw;} #section11 .inner {width: 75.0000vw;} #section11 .cont_text {margin-bottom: 4.3750vw;} #section11 .s11_cont {gap:2.5000vw 1.8750vw;} #section11 .s11_list {width: 23.7500vw;height: 20.0000vw;} #section11 .s11_list .s11_icon {width: 5.7500vw;} #section11 .s11_list .s11_title {font-size: 2.0000vw;line-height: 4.2500vw;} #section11 .s11_list .s11_info p {font-size: 1.2500vw;line-height: 1.7500vw;} /* section11 e */ /* section12 s */ #section12 {padding:10.0000vw 0 10.0000vw;} #section12 .inner {width: 73.7500vw;} #section12 .cont_text {margin-bottom: 4.3750vw;} #section12 .s12_cont {border:0.1250vw solid #bc955c;border-radius:1.8750vw;} /* section12 e */ } @media(max-width: 1400px){ /* header s */ #header {height:5.7143vw;} #header .header-wrap {height:5.7143vw;} #header .header-wrap .inner {padding:0 8.5714vw;max-width:100%;} #header .header-wrap .inner .logo img {width: 13.2857vw;} #header .header-wrap .nav_wrap ul {gap:4.2857vw;} #header .header-wrap .nav_wrap ul li a {font-size: 1.2857vw;} #header .header-wrap .nav_wrap ul li:after {width: 8.2143vw;height:0.2143vw;bottom:-1.7143vw;} #header .header-wrap .hd_tel a {gap:0.7143vw;} #header .header-wrap .hd_tel a span.name {font-size: 1.8571vw;padding:0.4286vw 0.8571vw;border-radius:2.1429vw;} #header .header-wrap .hd_tel a span.numbeer {font-size: 2.2857vw;} #footer .private {margin-bottom: 1.1429vw;} /* header e */ /* cont_text s */ .cont_text h2.title {font-size: 4.5714vw;line-height: 5.7143vw;} .cont_text p.desc {font-size: 1.7143vw;line-height: 2.8571vw;} /* cont_text e */ /* 흐르는 슬라이드 s */ .marquee {padding:1.2857vw;max-width: 100%;} .marquee.main .swiper-slide {width: 170.2143vw;} .marquee.solo .swiper-slide {width: 48.6429vw;} .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;} .section {max-width:100%;} .inner {width: 100%;} /* 흐르는 슬라이드 e */ /* section00 s */ #section00 {max-height:65.7143vw;} #section00 #main_swiper .swiper-slide .main_text {left:10%;top:28%} #section00 #main_swiper .swiper-slide .main_text h1.tit {font-size: 3.1429vw;} #section00 #main_swiper .swiper-slide .main_text h2.desc {font-size: 2.1429vw;} #section00 .main_pagi {bottom:3.9286vw;} #section00 .main_pagi .swiper-pagination-bullet {width:0.7143vw;height:0.7143vw;margin:0 0.3571vw;} /* section00 e */ /* section01 s */ #section01 {padding:11.4286vw 0 5.7143vw;margin-top: -0.2857vw;} #section01 .inner {width: 100%;} #section01 .cont_text {padding-left: 2.1429vw;} #section01 .cont_text .desc {margin-top: 4.2857vw;} #section01 .s01_cont {margin-top: 4.2857vw;} #section01 .s01_cont .s01_graph {width: 100%;max-width:100%;} #section01 .s01_cont .s01_graph_base {width: 100%;max-width:100%;} #section01 .s01_cont .s01_cir_01 {left:13.1429vw;bottom:11.2857vw;} #section01 .s01_cont .s01_cir_02 {left:22.5000vw;bottom:17.7143vw;} #section01 .s01_cont .s01_cir_03 {left:34.5000vw;bottom:20.1429vw;} #section01 .s01_cont .s01_cir_04 {left:46.4286vw;bottom:22.1429vw;} #section01 .s01_cont .s01_cir_05 {right:19.2143vw;top:0;} #section01 .s01_cont .s01_stemp_02 {bottom:1.7857vw;left:0;} #section01 .s01_cont .s01_stemp_01 {bottom:0;right:0;} /* section01 e */ /* section02 s */ #section02 {padding:11.4286vw 0 8.5714vw;} #section02 .inner {width: 98.5714vw;} #section02 .cont_text .desc {margin-top: 2.8571vw;} #section02 .s02_cont {margin-top: 7.1429vw;} #section02 .s02_list_wrap {gap:1.4286vw;} #section02 .s02_list {width: 31.4286vw;height: 38.5714vw;border-radius:2.1429vw;padding:4.2857vw 3.5714vw;} #section02 .s02_list p {font-size: 1.7143vw;} #section02 .s02_list p.ht {margin-bottom: 1.0714vw;} #section02 .s02_list p.name {font-size: 3.4286vw;} #section02 .s02_list p.info {margin-top: 1.4286vw;} #section02 .bg_eff {width: 97.1429vw;height:12.8571vw;bottom:-15.0000vw;} #section02 .bg_eff p {font-size: 1.2857vw;margin-top: 0.7143vw;} .s02_price_num li.num {font-size: 5.1429vw;} .s02_price_num li.dot {font-size: 5.1429vw;} .s02_price_num li.unit {font-size: 3.4286vw;margin-top:1.4286vw;} .s02_price_num li.unit.margin-right {margin-right: 0.7143vw;} /* section02 e */ /* section03 s */ #section03 {padding:17.8571vw 0 8.5714vw;} /* #section03 #s03_swiper {padding:8.5714vw 0 0;min-height:28.5714vw;} #section03 #s03_swiper .swiper-slide {width: 26.7143vw;margin:0 1.7857vw;} #section03 #s03_swiper .swiper-slide img {width: 26.7143vw;height: 15.5000vw;filter: drop-shadow(0 0.7143vw 0.7143vw rgba(0,0,0,0.5));} #section03 #s03_swiper .swiper-slide-active {transform:translateY(-3.5714vw);} #section03 #s03_swiper .swiper-slide-duplicate-active {transform:translateY(-3.5714vw);} */ #section03 .s03_slogan {font-size: 2.1429vw;line-height: 2.8571vw;} /* section03 e */ /* section04 s */ #section04 {padding:11.4286vw 0 0.0000vw;} #section04 .cont_text {gap:14.2857vw;} #section04 .s04_cont {margin-top: 7.1429vw;} #section04 .s04_list {width: 20%;height: 68.5714vw;} #section04 .s04_list.on {width:40.1429vw;} #section04 .s04_list p.desc {width: 32.1429vw;} #section04 .s04_list .tit {font-size: 2.5286vw;line-height: 3.0000vw;} #section04 .s04_list .desc {line-height: 2.8571vw;margin-top: 2.8571vw;font-size: 1.7143vw;} #section04 .s04_list.on .desc {font-size: 1.7143vw;} /* section04 e */ /* section05 s */ #section05 {height:71.8571vw;} #section05 .cont_text .title {line-height: 4.5714vw;font-size: 3.7143vw;} #section05 .flex_left {width: 40.8571vw;padding:11.4286vw 0 0 10.5714vw;border-right: 0.1429vw solid #bc955c;} #section05 .flex_right {width: calc(100% - 40.8571vw);padding:15.0000vw 0.0000vw 10.0000vw 0.0000vw;} #section05 #s05_swiper {padding-bottom: 2.1429vw;padding-left: 3.8571vw;} #section05 #s05_swiper .slide_top {gap:4.2857vw;margin-bottom: 2.8571vw;} #section05 #s05_swiper .slide_top .st_tit p.en {font-size: 1.1429vw;margin-bottom: 0.5714vw;} #section05 #s05_swiper .slide_top .st_tit p.ko {font-size: 2.4571vw;} #section05 #s05_swiper .slide_top .st_info p.percent {font-size: 1.7143vw;} #section05 #s05_swiper .slide_top .st_info p.desc {font-size: 1.2857vw;margin-top:0.2857vw;} #section05 #s05_swiper .graph_main .graph_box {gap:0.7143vw;width: 14.6429vw;height: 36.0000vw;border-radius:0.7143vw;border:0.0714vw solid #ae7b39;} #section05 #s05_swiper .graph_main .graph_box.cirlce {width: 18.5714vw;height: 30.5714vw;margin-top: 2.1429vw;gap:1.4286vw;} #section05 #s05_swiper .graph_main .graph_box .s05_01_main {width: 7.1429vw;} #section05 #s05_swiper .graph_main .graph_box .s05_03_main {width: 8.4286vw;margin-left: 0.7143vw;} #section05 #s05_swiper .graph_main .graph_box .s05_slide_logo {width: 8.9286vw;} #section05 #s05_swiper .graph_main .graph_box .s05_slide_logo.circle {width: 13.4286vw;} #section05 #s05_swiper .graph_main .graph_box .s05_slide_first {top:1.4286vw;} #section05 #s05_swiper .graph_main .graph_box .s05_slide_first div {border:0.0714vw solid #bc955c;border-radius:0.3571vw;width: 6.4286vw;height: 17.8571vw;} #section05 #s05_swiper .graph_main .graph_box .s05_slide_first p {right:-3.5714vw;top:7.8571vw;font-size: 1.4286vw;} #section05 #s05_swiper .graph_main .description {font-size: 1.1429vw;margin-top: 0.7143vw;} #section05 #s05_swiper .graph_side {margin-left: 2.9286vw;} #section05 #s05_swiper .graph_side .check_area {gap:0.1429vw 1.4286vw;width:28.5714vw;} #section05 #s05_swiper .graph_side .check_area li span {width: 0.7143vw;height: 0.7143vw;} #section05 #s05_swiper .graph_side .check_area li span.color1 {margin-right: 0.1429vw;} #section05 #s05_swiper .graph_side .check_area li span.color2 {margin-right: 0.4286vw;} #section05 #s05_swiper .graph_side .check_area li span.color3 {margin-right: 0.1429vw;} #section05 #s05_swiper .graph_side .check_area li span.color4 {margin-right: 0.4286vw;} #section05 #s05_swiper .graph_side .check_area li span.color5 {margin-right: 0.4286vw;} #section05 #s05_swiper .graph_side .check_area li span.color6 {margin-right: 0.4286vw;} #section05 #s05_swiper .graph_side .check_area li p {font-size: 1.1429vw;} #section05 #s05_swiper .graph_side .graph_list {gap:2.6429vw;padding-top: 5.2857vw;} #section05 #s05_swiper .graph_side .graph_list.circle {gap:1.1429vw;width: 33.0000vw;padding-top: 3.5714vw;} #section05 #s05_swiper .graph_side .graph_list li .name {font-size: 1.1429vw;margin-top: 1.0714vw;} #section05 #s05_swiper .graph_side .graph_list li .brand {padding:0.1429vw 1.0714vw;border-radius:1.0714vw;margin-top: 0.3571vw;} #section05 #s05_swiper .graph_side .graph_list li .brand p {font-size: 1.4286vw;} #section05 #s05_swiper .s05_pagi {font-size: 1.4286vw;right:18.5714vw;bottom:0.0000vw;} #section05 .main .txt_box p.sm {font-size: 1.4286vw;} #section05 .main .txt_box p.b {font-size: 2.8571vw;} #section05 .main .txt_box p.b small {font-size: 1.7143vw;} #section05 .side .txt_box p.b {font-size: 1.7143vw;} #section05 .side .txt_box p.b small {font-size: 1.4286vw;} /* section05 e */ /* section06 s */ #section06 {padding:11.4286vw 0 11.4286vw;} #section06 .cont_text {margin-bottom: 6.4286vw;} #section06 .s06_cont {gap:7.5000vw;align-items:flex-start;} #section06 .flex_left {padding-bottom: 3.5714vw;} #section06 #s06_swiper_list {width: 47.8571vw;padding-bottom: 2.1429vw;} #section06 #s06_swiper_list .swiper-slide {width: 23.2143vw;height:13.7143vw;margin-right:1.4286vw;} #section06 #s06_swiper_list .s06_pagi {bottom:0.0000vw;height:0.2143vw;} #section06 #s06_swiper_main {width: 48.5714vw;border-radius:0 0 12.8571vw 0;} #section06 #s06_swiper_main .swiper-slide {width: 48.5714vw;height:auto;} /* section06 e */ /* section06-1 s */ #section06-1 {padding:0.0000vw 0 11.4286vw;} #section06-1 .inner {width: 100%} #section06-1 .s06-1_cont {height: 56.2143vw;} /* section06-1 e */ /* section07 s */ #section07 {padding:11.4286vw 0 11.4286vw;} #section07 .s07_cont {gap:1.4286vw;margin-top: 4.2857vw;} #section07 .s07_list .s07_box_wrap .s07_txt {top:8.5714vw;} #section07 .s07_list .s07_box_wrap .s07_txt .slogan {font-size: 2.2857vw;} #section07 .s07_list .s07_box_wrap .s07_txt .s07_price_num .unit {font-size: 3.4286vw;margin-top: 1.4286vw;margin:1.1429vw 0.2857vw 0;} #section07 .s07_list .s07_box_wrap .s07_txt .s07_price_num .num {font-size: 5.1429vw;line-height: 5.1429vw;} #section07 .s07_list .s07_box_wrap .s07_txt .s07_price_num .dot {font-size: 5.1429vw;line-height: 5.1429vw;} #section07 .s07_list .s07_box_wrap .s07_txt .s07_price_num.small .unit {font-size: 2.2857vw;} #section07 .s07_list .s07_box_wrap .s07_txt .s07_price_num.small .num {font-size: 4.2857vw;line-height: 4.2857vw;} #section07 .s07_list .s07_box_wrap .s07_txt .s07_price_num.small .dot {font-size: 4.2857vw;line-height: 4.2857vw;} #section07 .s07_list .s07_box_wrap .s07_txt .desc {font-size: 1.1429vw;margin-top: 1.4286vw;} #section07 .s07_list .s07_desc_wrap {margin-top: 2.1429vw;} #section07 .s07_list .s07_desc_wrap p {font-size: 1.7143vw;line-height: 2.8571vw;} /* section07 e */ /* section08 s */ #section08 {padding:11.4286vw 0 0.0000vw;} #section08 .inner {width: 100%;} #section08 .cont_text {gap:9.2857vw;} #section08 .s08_cont {gap:1.4286vw;margin-top: 4.2857vw;height:57.1429vw;} #section08 .s08_cont .s08_bg_wrap {height:57.1429vw;} #section08 .s08_cont .s08_list_wrap {gap:7.1429vw;} #section08 .s08_cont .s08_list p {font-size: 5.7143vw;} #section08 .s08_cont .s08_list p.desc {font-size: 1.7143vw;line-height: 2.8571vw;margin-top: 0.7143vw;} #section08 .s08_cont .s08_list.on p.desc {max-height:5.0000vw;} /* section08 e */ /* section09 s */ #section09 {padding:11.4286vw 0 11.4286vw;} #section09 .inner {width: 100%;} #section09 .flex_wrap {width: 49.2857vw;} #section09 .cont_text {padding-left: 8.2143vw;margin-bottom: 7.1429vw;} #section09 .cont_text .desc {margin-top: 4.2857vw;} #section09 #s09_swiper {padding-bottom: 5.0000vw;} #section09 #s09_swiper .swiper-slide {width: 16.0000vw;margin-left: 0.4286vw;border-radius:2.1429vw;} #section09 #s09_swiper .s09_pagi {right:7.1429vw;bottom:0.8571vw;} #section09 #s09_swiper .s09_navi {width: 5.7143vw;height:2.5714vw;} #section09 #s09_swiper .s09_navi .s09_next {width: 2.5714vw;height: 2.5714vw;} #section09 #s09_swiper .s09_navi .s09_next img {width: 2.5714vw;height: 2.5714vw;} #section09 #s09_swiper .s09_navi .s09_prev {width: 2.5714vw;height: 2.5714vw;} #section09 #s09_swiper .s09_navi .s09_prev img {width: 2.5714vw;height: 2.5714vw;} /* section09 e */ /* section10 s */ #section10 {padding:11.4286vw 0 11.4286vw;} #section10 .inner {width: 100%} #section10 .cont_text {margin-bottom: 9.2857vw;} #section10 #s10_swiper_list {width: 74.0714vw;border-radius:0 0 7.1429vw 0;} #section10 #s10_swiper_list .swiper-slide {width: 24.2143vw;height:29.6429vw;margin-left:0.6429vw;} #section10 .s10_pagi {bottom:-2.8571vw;height:0.2143vw;width: 73.5714vw;} #section10 #s10_swiper_main {width: 49.2857vw;} #section10 #s10_swiper_main .swiper-slide {width: 49.2857vw;} #section10 #s10_swiper_main .swiper-slide img {width: 49.2857vw;} #section10 #s10_swiper_main .swiper-slide .slide_txt {left: 14.2857vw;bottom: -17.1429vw;} #section10 #s10_swiper_main .swiper-slide .slide_txt p {font-size: 1.7143vw;line-height: 2.8571vw;} #section10 #s10_swiper_main .swiper-slide .slide_txt p.name {font-size: 2.2857vw;margin-bottom: 0.7143vw;} /* section10 e */ /* section11 s */ #section11 {padding:11.4286vw 0 11.4286vw;} #section11 .inner {width: 85.7143vw;} #section11 .cont_text {margin-bottom: 5.0000vw;} #section11 .s11_cont {gap:2.8571vw 2.1429vw;} #section11 .s11_list {width: 27.1429vw;height: 22.8571vw;} #section11 .s11_list .s11_icon {width: 6.5714vw;} #section11 .s11_list .s11_title {font-size: 2.2857vw;line-height: 4.8571vw;} #section11 .s11_list .s11_info p {font-size: 1.4286vw;line-height: 2.0000vw;} /* section11 e */ /* section12 s */ #section12 {padding:11.4286vw 0 11.4286vw;} #section12 .inner {width: 84.2857vw;} #section12 .cont_text {margin-bottom: 5.0000vw;} #section12 .s12_cont {border:0.1429vw solid #bc955c;border-radius:2.1429vw;} /* section12 e */ } @media(max-width: 1080px){ #inquiry {display: none;} /* header s */ #header {height:7.4074vw;} #header .header-wrap {height:7.4074vw;} #header .header-wrap .inner {padding:0 11.1111vw;max-width:100%;} #header .header-wrap .inner .logo img {width: 17.2222vw;} #header .header-wrap .nav_wrap ul {gap:5.5556vw;} #header .header-wrap .nav_wrap ul li a {font-size: 1.6667vw;} #header .header-wrap .nav_wrap ul li:after {width: 10.6481vw;height:0.2778vw;bottom:-2.2222vw;} #header .header-wrap .hd_tel a {gap:0.9259vw;} #header .header-wrap .hd_tel a span.name {font-size: 2.4074vw;padding:0.5556vw 1.1111vw;border-radius:2.7778vw;} #header .header-wrap .hd_tel a span.numbeer {font-size: 2.9630vw;} #footer .private {margin-bottom: 1.4815vw;} #header .header-wrap .nav_wrap {display: none;} #header .header-wrap .hd_tel {display: none;} #header .mobile_only {display: block;} /* menu btn s */ .menuBtn {position:absolute;z-index:9999;top:50%;transform:translateY(-50%);right:2.7778vw;width: 3.8889vw;height: 2.8704vw;} .menu-trigger {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)} .menu-trigger, .menu-trigger span {display: inline-block;transition: all .4s;box-sizing: border-box;} .menu-trigger {position: relative;width: 3.8889vw;height: 2.8704vw;} .menu-trigger span {position: absolute;left: 0;width: 100%;height: 0.2778vw;background-color: #ccc;} .menu-trigger span:nth-of-type(1) {top: 0;} .menu-trigger span:nth-of-type(2) {top: 1.2963vw} .menu-trigger span:nth-of-type(3) {bottom: 0;} .menu-trigger.active-1 span:nth-of-type(1) {-webkit-transform: translateY (1.2963vw) rotate (-45deg);transform: translateY(1.2963vw) 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.2963vw) rotate(45deg);transform: translateY(-1.2963vw) rotate(45deg);} /* menu btn e */ /* navigation_m s */ #navigation_m {height:100vh;background:rgba(0,0,0,0.9);position:fixed;left:0;top:-120%;width:100%;z-index:1;transition:0.8s} #navigation_m.show {top:0;} #navigation_m .nav_m {height:100%;text-align: center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8.3333vw;} #navigation_m .nav_m li a {font-size: 3.7037vw;font-weight: 400;color:#fff;opacity: 0.4;} #navigation_m .nav_m li.on a {opacity: 1;} /* navigation_m e */ /* header e */ /* cont_text s */ .cont_text h2.title {font-size: 5.9259vw;line-height: 7.4074vw;} .cont_text p.desc {font-size: 2.2222vw;line-height: 3.7037vw;} /* cont_text e */ /* 흐르는 슬라이드 s */ .marquee {padding:1.6667vw;max-width: 100%;} .marquee.main .swiper-slide {width: 220.6481vw;} .marquee.solo .swiper-slide {width: 63.0556vw;} .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;} .section {max-width:100%;} .inner {width: 100%;} /* 흐르는 슬라이드 e */ /* section00 s */ #section00 {max-height:85.1852vw;} #section00 #main_swiper .swiper-slide .main_text {left:32.4074vw;top:20.0000vw;} #section00 #main_swiper .swiper-slide .main_text h1.tit {font-size: 4.0741vw;} #section00 #main_swiper .swiper-slide .main_text h2.desc {font-size: 2.7778vw;} #section00 .main_pagi {bottom:5.0926vw;} #section00 .main_pagi .swiper-pagination-bullet {width:0.9259vw;height:0.9259vw;margin:0 0.4630vw;} /* section00 e */ /* section01 s */ #section01 {padding:14.8148vw 0 7.4074vw;margin-top: -0.3704vw;} #section01 .inner {width: 100%;} #section01 .cont_text .desc {margin-top: 5.5556vw;} #section01 .s01_cont {margin-top: 5.5556vw;} #section01 .s01_cont .s01_cir_01 {left:17.0370vw;bottom:14.6296vw;} #section01 .s01_cont .s01_cir_02 {left:29.1667vw;bottom:22.9630vw;} #section01 .s01_cont .s01_cir_03 {left:44.7222vw;bottom:26.1111vw;} #section01 .s01_cont .s01_cir_04 {left:60.1852vw;bottom:28.7037vw;} #section01 .s01_cont .s01_cir_05 {right:24.9074vw;top:0;} #section01 .s01_cont .s01_stemp_02 {bottom:2.3148vw;left:0;} #section01 .s01_cont .s01_stemp_01 {bottom:0;right:0;} /* section01 e */ /* section02 s */ #section02 {padding:14.8148vw 0 11.1111vw;} #section02 .inner {width: 100%;} #section02 .cont_text .desc {margin-top: 3.7037vw;} #section02 .s02_cont {margin-top: 9.2593vw;} #section02 .s02_list_wrap {gap:1.8519vw;} #section02 .s02_list {width: 40.7407vw;height: 50.0000vw;border-radius:2.7778vw;padding:5.5556vw 4.6296vw;} #section02 .s02_list p {font-size: 2.2222vw;} #section02 .s02_list p.ht {margin-bottom: 1.3889vw;} #section02 .s02_list p.name {font-size: 4.4444vw;} #section02 .s02_list p.info {margin-top: 1.8519vw;} #section02 .bg_eff {width: 100%;height:16.6667vw;bottom:-19.4444vw;} #section02 .bg_eff p {font-size: 1.6667vw;margin-top: 0.9259vw;} .s02_price_num li.num {font-size: 6.6667vw;} .s02_price_num li.dot {font-size: 6.6667vw;} .s02_price_num li.unit {font-size: 4.4444vw;margin-top:1.8519vw;} .s02_price_num li.unit.margin-right {margin-right: 0.9259vw;} /* section02 e */ /* section03 s */ #section03 {padding:23.1481vw 0 11.1111vw;} /* #section03 #s03_swiper {padding:11.1111vw 0 0;min-height:37.0370vw;} #section03 #s03_swiper .swiper-slide {width: 34.6296vw;margin:0 2.3148vw;} #section03 #s03_swiper .swiper-slide img {width: 34.6296vw;height: 20.0926vw;filter: drop-shadow(0 0.9259vw 0.9259vw rgba(0,0,0,0.5));} #section03 #s03_swiper .swiper-slide-active {transform:translateY(-4.6296vw);} #section03 #s03_swiper .swiper-slide-duplicate-active {transform:translateY(-4.6296vw);} */ #section03 .s03_slogan {font-size: 2.7778vw;line-height: 3.7037vw;} /* section03 e */ /* section04 s */ #section04 {padding:14.8148vw 0 0.0000vw;} #section04 .cont_text {gap:18.5185vw;} #section04 .s04_cont {margin-top: 9.2593vw;} #section04 .s04_list {width: 20%;height: 88.8889vw;} #section04 .s04_list.on {width:53.3333vw;} #section04 .s04_list p.desc {width: 41.6667vw;} #section04 .s04_list .tit {font-size: 4.4444vw;line-height: 5.1852vw;} #section04 .s04_list .desc {line-height: 3.7037vw;margin-top: 3.7037vw;font-size: 2.2222vw;} #section04 .s04_list.on .desc {font-size: 2.2222vw;} /* section04 e */ /* section04 s */ #section04 {padding:14.4444vw 0 0;} #section04 .cont_text {flex-direction:column;align-items:center;gap:3.6111vw;text-align: center;} #section04 .cont_text .title {} #section04 .s04_cont {position:relative;margin-top: 5.5556vw;} #section04 .s04_list_wrap {display:flex;flex-direction:column;} #section04 .s04_list {width: 100%;height: 32.4074vw;display:flex;align-items:center;justify-content:center;flex-direction:column;} #section04 .s04_list_01 {background:url('../images/m/s04_slide_bg_01_m.png')no-repeat center/cover;} #section04 .s04_list_02 {background:url('../images/m/s04_slide_bg_02_m.png')no-repeat center/cover;} #section04 .s04_list_03 {background:url('../images/m/s04_slide_bg_03_m.png')no-repeat center/cover;} #section04 .s04_list_04 {background:url('../images/m/s04_slide_bg_04_m.png')no-repeat center/cover;} #section04 .s04_list_05 {background:url('../images/m/s04_slide_bg_05_m.png')no-repeat center/cover;} #section04 .s04_list.on {width:100%;} #section04 .s04_list p {position:static;} #section04 .s04_list p.desc {width: 100%;} #section04 .s04_list .tit { font-size: 4.4444vw;opacity: 1;line-height: 5.1852vw;top:50%;transform:translate(0); } #section04 .s04_list .desc { line-height: 3.7037vw;margin-top:1.8519vw;transform:translate(0);opacity: 1;font-size: 2.5926vw; } /* section04 e */ /* section05 s */ /* #section05 {height:93.1481vw;} #section05 .cont_text .title {line-height: 5.9259vw;font-size: 4.8148vw;} #section05 .flex_left {width: 68.5185vw;padding:14.8148vw 0 0 24.0741vw;border-right: 0.1852vw solid #bc955c;} #section05 .flex_right {width: calc(100% - 68.5185vw);padding:19.4444vw 0.0000vw 12.9630vw 0.0000vw;} #section05 #s05_swiper {padding-bottom: 2.7778vw;padding-left: 8.8889vw;} #section05 #s05_swiper .slide_top {gap:5.5556vw;margin-bottom: 3.7037vw;} #section05 #s05_swiper .slide_top .st_tit p.en {font-size: 1.4815vw;margin-bottom: 0.7407vw;} #section05 #s05_swiper .slide_top .st_tit p.ko {font-size: 3.7037vw;} #section05 #s05_swiper .slide_top .st_info p.percent {font-size: 2.2222vw;} #section05 #s05_swiper .slide_top .st_info p.desc {font-size: 1.6667vw;margin-top:0.3704vw;} #section05 #s05_swiper .graph_main .graph_box {gap:0.9259vw;width: 18.9815vw;height: 46.6667vw;border-radius:0.9259vw;border:0.0926vw solid #ae7b39;} #section05 #s05_swiper .graph_main .graph_box.cirlce {width: 27.9630vw;height: 39.6296vw;margin-top: 2.7778vw;gap:1.8519vw;} #section05 #s05_swiper .graph_main .graph_box .s05_01_main {width: 9.2593vw;} #section05 #s05_swiper .graph_main .graph_box .s05_03_main {width: 10.9259vw;margin-left: 0.9259vw;} #section05 #s05_swiper .graph_main .graph_box .s05_slide_logo {width: 11.5741vw;} #section05 #s05_swiper .graph_main .graph_box .s05_slide_logo.circle {width: 17.4074vw;} #section05 #s05_swiper .graph_main .graph_box .s05_slide_first {top:1.8519vw;} #section05 #s05_swiper .graph_main .graph_box .s05_slide_first div {border:0.0926vw solid #bc955c;border-radius:0.4630vw;width: 8.3333vw;height: 23.1481vw;} #section05 #s05_swiper .graph_main .graph_box .s05_slide_first p {right:-4.6296vw;top:10.1852vw;font-size: 1.8519vw;} #section05 #s05_swiper .graph_main .description {font-size: 1.4815vw;margin-top: 0.9259vw;} #section05 #s05_swiper .graph_side {margin-left: 5.0926vw;} #section05 #s05_swiper .graph_side .check_area {gap:0.1852vw 1.8519vw;width:37.0370vw;} #section05 #s05_swiper .graph_side .check_area li span {width: 0.9259vw;height: 0.9259vw;} #section05 #s05_swiper .graph_side .check_area li span.color1 {margin-right: 0.1852vw;} #section05 #s05_swiper .graph_side .check_area li span.color2 {margin-right: 0.5556vw;} #section05 #s05_swiper .graph_side .check_area li span.color3 {margin-right: 0.1852vw;} #section05 #s05_swiper .graph_side .check_area li span.color4 {margin-right: 0.5556vw;} #section05 #s05_swiper .graph_side .check_area li span.color5 {margin-right: 0.5556vw;} #section05 #s05_swiper .graph_side .check_area li span.color6 {margin-right: 0.5556vw;} #section05 #s05_swiper .graph_side .check_area li p {font-size: 1.4815vw;} #section05 #s05_swiper .graph_side .graph_list {gap:6.0185vw;padding-top: 6.8519vw;} #section05 #s05_swiper .graph_side .graph_list.circle {gap:2.7778vw;width: 45.3704vw;padding-top: 4.6296vw;} #section05 #s05_swiper .graph_side .graph_list li .name {font-size: 1.4815vw;margin-top: 1.3889vw;} #section05 #s05_swiper .graph_side .graph_list li .brand {padding:0.1852vw 1.3889vw;border-radius:1.3889vw;margin-top: 0.4630vw;} #section05 #s05_swiper .graph_side .graph_list li .brand p {font-size: 1.8519vw;} #section05 #s05_swiper .s05_pagi {font-size: 1.8519vw;right:24.0741vw;bottom:0.0000vw;} #section05 .main .txt_box p.sm {font-size: 1.8519vw;} #section05 .main .txt_box p.b {font-size: 3.7037vw;} #section05 .main .txt_box p.b small {font-size: 2.2222vw;} #section05 .side .txt_box p.b {font-size: 2.2222vw;} #section05 .side .txt_box p.b small {font-size: 1.8519vw;} */ /* section05 e */ /* section05 new s */ #section05 {height:185%;} #section05 .cont_text {} #section05 .cont_text .title {line-height: 5.9259vw;font-size: 4.8148vw;} #section05 .flex_wrap {display:flex;flex-direction:column;height:100%;} #section05 .flex_left { width: 100%;height:45.0000vw;background:url('../images/m/s05_bg_m.jpg')no-repeat center/cover; position:relative;padding:0;border-right:0;border-bottom: 0.1852vw solid #bc955c; display:flex;align-items:center;padding-left: 5.5556vw; } #section05 .flex_left img {display: none;} #section05 .flex_right {background:#faf7f2;width: 100%;padding:9.0741vw 0.0000vw 14.4444vw 0.0000vw;} #section05 #s05_swiper {padding-bottom: 2.7778vw;padding-left: 0;} #section05 #s05_swiper .swiper-slide {padding-left:5.4630vw;} #section05 #s05_swiper .slide_top {display:flex;align-items:end;gap:5.5556vw;margin-bottom: 7.2222vw;} #section05 #s05_swiper .slide_top .st_tit p.en {font-size: 2.2222vw;margin-bottom: 0.9259vw;} #section05 #s05_swiper .slide_top .st_tit p.ko {font-size: 4.4444vw;} #section05 #s05_swiper .slide_top .st_info p.percent {font-size: 2.2222vw;} #section05 #s05_swiper .slide_top .st_info p.desc {font-size: 1.6667vw;margin-top:0.3704vw;} #section05 #s05_swiper .slide_graph {display:flex;justify-content:center;} #section05 #s05_swiper .graph_main .graph_box {display:flex;flex-direction:column;align-items:center;gap:0.9259vw;width: 18.9815vw;height: 46.6667vw;border-radius:0.9259vw;border:0.0926vw solid #ae7b39;background:#fff;justify-content:center;position:relative;} #section05 #s05_swiper .graph_main .graph_box.cirlce {width: 25.5556vw;height: 37.9630vw;margin-top: 4.1667vw;gap:1.8519vw;} #section05 #s05_swiper .graph_main .graph_box .s05_01_main {width: 9.2593vw;} #section05 #s05_swiper .graph_main .graph_box .s05_03_main {width: 10.9259vw;margin-left: 0.9259vw;} #section05 #s05_swiper .graph_main .graph_box .s05_slide_logo {width: 11.5741vw;} #section05 #s05_swiper .graph_main .graph_box .s05_slide_logo.circle {width: 17.4074vw;} #section05 #s05_swiper .graph_main .graph_box .s05_slide_first {top:1.8519vw;} #section05 #s05_swiper .graph_main .graph_box .s05_slide_first div {border:0.0926vw solid #bc955c;border-radius:0.4630vw;width: 8.3333vw;height: 23.1481vw;} #section05 #s05_swiper .graph_main .graph_box .s05_slide_first p {right:-4.6296vw;top:10.1852vw;font-size: 1.8519vw;} #section05 #s05_swiper .graph_main .description {font-size: 1.4815vw;margin-top: 2.6852vw;} #section05 #s05_swiper .graph_side {position:relative;margin-left: 3.1481vw;} #section05 #s05_swiper .graph_side .check_area {gap:0.1852vw 1.8519vw;width:40.0926vw;top:-2.2222vw;right:-2.6852vw;} #section05 #s05_swiper .graph_side .check_area.circle {top:-5.4630vw;right:0;} #section05 #s05_swiper .graph_side .check_area li {} #section05 #s05_swiper .graph_side .check_area li span {width: 0.9259vw;height: 0.9259vw;} #section05 #s05_swiper .graph_side .check_area li span.color1 {margin-right: 0.1852vw;} #section05 #s05_swiper .graph_side .check_area li span.color2 {margin-right: 0.5556vw;} #section05 #s05_swiper .graph_side .check_area li span.color3 {margin-right: 0.1852vw;} #section05 #s05_swiper .graph_side .check_area li span.color4 {margin-right: 0.5556vw;} #section05 #s05_swiper .graph_side .check_area li span.color5 {margin-right: 0.5556vw;} #section05 #s05_swiper .graph_side .check_area li span.color6 {margin-right: 0.5556vw;} #section05 #s05_swiper .graph_side .check_area li p {font-size: 1.6667vw;} #section05 #s05_swiper .graph_side .graph_list {gap:2.6852vw;padding-top: 6.8519vw;} #section05 #s05_swiper .graph_side .graph_list.circle {flex-wrap:wrap;justify-content:center;gap:2.7778vw;width: 32.5926vw;padding-top: 0;} #section05 #s05_swiper .graph_side .graph_list.circle li {width: 12.6852vw;} #section05 #s05_swiper .graph_side .graph_list li {width: 5.0000vw;} #section05 #s05_swiper .graph_side .graph_list li .s05_01_graph {width: 5.0000vw;} #section05 #s05_swiper .graph_side .graph_list li .s05_03_graph {width: 5.0000vw;} #section05 #s05_swiper .graph_side .graph_list li .name {font-size: 1.4815vw;margin-top: 1.3889vw;display: inline;} #section05 #s05_swiper .graph_side .graph_list li .brand {padding:0.1852vw 0.9259vw;border-radius:1.3889vw;margin-top: 0.4630vw;} #section05 #s05_swiper .graph_side .graph_list li .brand p {font-size: 1.8519vw;} #section05 #s05_swiper .s05_pagi {font-size: 1.8519vw;right:5.4630vw;bottom:0.0000vw;} #section05 #s05_swiper .s05_pagi .swiper-pagination-current {color:#bc955c;} #section05 #s05_swiper .s05_pagi .swiper-pagination-total {} #section05 .main {position:relative;width: 20.2778vw;margin:0 auto;} #section05 .main .txt_box p.sm {font-size: 1.8519vw;} #section05 .main .txt_box p.b {font-size: 3.7037vw;} #section05 .main .txt_box p.b small {font-size: 2.2222vw;} #section05 .side .txt_box p.b {font-size: 2.2222vw;} #section05 .side .txt_box p.b small {font-size: 1.8519vw;} #section05 .svg {display: block;width: 100%;height:100%;} /* section05 e */ /* section06 s */ #section06 {padding:14.8148vw 0 14.8148vw;} #section06 .cont_text {margin-bottom: 8.3333vw;} #section06 .s06_cont {gap:9.7222vw;} #section06 .flex_left {padding-bottom: 4.6296vw;} #section06 #s06_swiper_list {width: 62.0370vw;padding-bottom: 2.7778vw;} #section06 #s06_swiper_list .swiper-slide {width: 30.0926vw;height:17.7778vw;margin-right:1.8519vw;} #section06 #s06_swiper_list .s06_pagi {bottom:0.0000vw;height:0.2778vw;} #section06 #s06_swiper_main {width: 88.8889vw;border-radius:0 0 16.6667vw 0;} #section06 #s06_swiper_main .swiper-slide {width: 88.8889vw;height:64.8148vw;} /* section06 e */ /* section06-1 s */ #section06-1 {padding:0.0000vw 0 14.8148vw;} #section06-1 .inner {width: 100%} #section06-1 .s06-1_cont {height: 72.8704vw;} /* section06-1 e */ /* section07 s */ #section07 {padding:14.8148vw 0 14.8148vw;} #section07 .s07_cont {gap:1.8519vw;margin-top: 5.5556vw;} #section07 .s07_list .s07_box_wrap .s07_txt {top:11.1111vw;} #section07 .s07_list .s07_box_wrap .s07_txt .slogan {font-size: 2.9630vw;} #section07 .s07_list .s07_box_wrap .s07_txt .s07_price_num .unit {font-size: 4.4444vw;margin-top: 1.8519vw;margin:1.4815vw 0.3704vw 0;} #section07 .s07_list .s07_box_wrap .s07_txt .s07_price_num .num {font-size: 6.6667vw;line-height: 6.6667vw;} #section07 .s07_list .s07_box_wrap .s07_txt .s07_price_num .dot {font-size: 6.6667vw;line-height: 6.6667vw;} #section07 .s07_list .s07_box_wrap .s07_txt .s07_price_num.small .unit {font-size: 2.9630vw;} #section07 .s07_list .s07_box_wrap .s07_txt .s07_price_num.small .num {font-size: 5.5556vw;line-height: 5.5556vw;} #section07 .s07_list .s07_box_wrap .s07_txt .s07_price_num.small .dot {font-size: 5.5556vw;line-height: 5.5556vw;} #section07 .s07_list .s07_box_wrap .s07_txt .desc {font-size: 1.4815vw;margin-top: 1.8519vw;} #section07 .s07_list .s07_desc_wrap {margin-top: 2.7778vw;} #section07 .s07_list .s07_desc_wrap p {font-size: 2.2222vw;line-height: 3.7037vw;} /* section07 e */ /* section08 s */ #section08 {padding:14.8148vw 0 0.0000vw;} #section08 .cont_text {gap:12.0370vw;} #section08 .s08_cont {gap:1.8519vw;margin-top: 5.5556vw;height:74.0741vw;} #section08 .s08_cont .s08_bg_wrap {height:74.0741vw;} #section08 .s08_cont .s08_list_wrap {gap:9.2593vw;} #section08 .s08_cont .s08_list p {font-size: 7.4074vw;} #section08 .s08_cont .s08_list p.desc {font-size: 2.2222vw;line-height: 3.7037vw;margin-top: 0.9259vw;} #section08 .s08_cont .s08_list.on p.desc {max-height:6.4815vw;} /* section08 e */ /* section09 s */ #section09 {padding:14.8148vw 0 14.8148vw;} #section09 .flex_wrap {width: 63.8889vw;} #section09 .cont_text {padding-left: 10.6481vw;margin-bottom: 9.2593vw;} #section09 .cont_text .desc {margin-top: 5.5556vw;} #section09 #s09_swiper {padding-bottom: 6.4815vw;} #section09 #s09_swiper .swiper-slide {width: 20.7407vw;margin-left: 0.5556vw;border-radius:2.7778vw;} #section09 #s09_swiper .s09_pagi {right:9.2593vw;bottom:1.1111vw;} #section09 #s09_swiper .s09_navi {width: 7.4074vw;height:3.3333vw;} #section09 #s09_swiper .s09_navi .s09_next {width: 3.3333vw;height: 3.3333vw;} #section09 #s09_swiper .s09_navi .s09_next img {width: 3.3333vw;height: 3.3333vw;} #section09 #s09_swiper .s09_navi .s09_prev {width: 3.3333vw;height: 3.3333vw;} #section09 #s09_swiper .s09_navi .s09_prev img {width: 3.3333vw;height: 3.3333vw;} /* section09 e */ /* section10 s */ #section10 {padding:14.8148vw 0 14.8148vw;} #section10 .cont_text {margin-bottom: 12.0370vw;} #section10 #s10_swiper_list {width: 96.0185vw;border-radius:0 0 9.2593vw 0;} #section10 #s10_swiper_list .swiper-slide {width: 31.3889vw;height:38.4259vw;margin-left:0.8333vw;} #section10 .s10_pagi {bottom:-3.7037vw;height:0.2778vw;width: 95.3704vw;} #section10 #s10_swiper_main {width: 63.8889vw;} #section10 #s10_swiper_main .swiper-slide {width: 63.8889vw;} #section10 #s10_swiper_main .swiper-slide img {width: 63.8889vw;} #section10 #s10_swiper_main .swiper-slide .slide_txt {left: 18.5185vw;bottom: -22.2222vw;} #section10 #s10_swiper_main .swiper-slide .slide_txt p {font-size: 2.2222vw;line-height: 3.7037vw;} #section10 #s10_swiper_main .swiper-slide .slide_txt p.name {font-size: 2.9630vw;margin-bottom: 0.9259vw;} /* section10 e */ /* section11 s */ #section11 {padding:14.8148vw 0 14.8148vw;} #section11 .inner {width: 100%;} #section11 .cont_text {margin-bottom: 6.4815vw;} #section11 .s11_cont {gap:3.7037vw 2.7778vw;} #section11 .s11_list {width: 35.1852vw;height: 29.6296vw;} #section11 .s11_list .s11_icon {width: 8.5185vw;} #section11 .s11_list .s11_title {font-size: 2.9630vw;line-height: 6.2963vw;} #section11 .s11_list .s11_info p {font-size: 1.8519vw;line-height: 2.5926vw;} /* section11 e */ /* section12 s */ #section12 {padding:14.8148vw 0 14.8148vw;} #section12 .inner {width: 100%;} #section12 .cont_text {margin-bottom: 6.4815vw;} #section12 .s12_cont {border:0.1852vw solid #bc955c;border-radius:2.7778vw;} /* section12 e */ } @media(max-width: 768px){ .pc_only {display: none;} .mobile_only {display: block;} #inquiry {display: block;} /* 흐르는 슬라이드 s */ .marquee {padding:2.3438vw;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: 88.6719vw;} .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%;} /* 흐르는 슬라이드 e */ /* cont_text s */ .cont_text {} .cont_text p {} .cont_text h2.title {font-size: 8.3333vw;line-height: 10.4167vw;} .cont_text h2.title span {} .cont_text p.desc {font-size: 3.6458vw;line-height: 5.2083vw;} /* cont_text e */ /* header s */ #header {height:13.6719vw;border-bottom:0.1302vw solid rgba(255,255,255,0.4);position:fixed;} #header .header-wrap {height:13.6719vw} #header .header-wrap .inner {padding:0 3.2552vw;max-width:100%;} #header .header-wrap .inner .logo {width: 27.9948vw;} #header .header-wrap .inner .logo img {width: 27.9948vw;} #header .header-wrap .nav_wrap {display: none;} #header .header-wrap .hd_tel {display: none;} #header.scrollDown .header-wrap {top:0;} #footer {font-size: 2.6042vw;} /* header e */ /* menu btn s */ .menuBtn {position:absolute;z-index:9999;top:50%;transform:translateY(-50%);right:3.9063vw;width: 5.4688vw;height: 4.0365vw;} .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: #ccc;} .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.9);position:fixed;left:0;top:-120%;width:100%;z-index:1;transition:0.8s} #navigation_m.show {top:0;} #navigation_m .nav_m {height:100%;text-align: center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11.7188vw;} #navigation_m .nav_m li a {font-size: 5.2083vw;font-weight: 400;color:#fff;opacity: 0.4;} #navigation_m .nav_m li.on a {opacity: 1;} /* navigation_m e */ /* section00 s */ #section00 {max-height:fit-content;} #section00 #main_swiper_m .swiper-slide {width: 100%;height:171.4844vw;background:#111;} #section00 #main_swiper_m .swiper-slide img {width: 100%;height:100%;object-fit:cover;} #section00 #main_swiper_m .swiper-slide .main_text {width: 100%;text-align: center;position:absolute;left:50%;transform:translateX(-50%);top:29.9479vw;} #section00 #main_swiper_m .swiper-slide .main_text p {color:#1d1d1b;} #section00 #main_swiper_m .swiper-slide .main_text p.tit {font-size: 8.3333vw;letter-spacing: -0.02em;margin-bottom:1.3021vw;} #section00 #main_swiper_m .swiper-slide .main_text p.desc {font-size: 5.2083vw;font-weight: 600;letter-spacing: -0.025em;} #section00 #main_swiper_m .swiper-slide .main_text p.desc span {color:#bc955c;} #section00 #main_swiper_m .swiper-slide video {width: 100%;height:100%;} #section00 .main_pagi {bottom:6.1615vw;} #section00 .main_pagi .swiper-pagination-bullet {background:#fff;width:1.8229vw;height:1.8229vw;margin:0 0.6510vw;} #section00 .main_pagi .swiper-pagination-bullet-active {background:#bc955c;} /* section00 e */ /* section01 s */ #section01 {padding:20.8333vw 0 15.6250vw;background:url('../images/m/s01_bg_m.jpg')no-repeat center/cover;} #section01 .inner {width: 100%;} #section01 .cont_text {padding-left: 7.8125vw;} #section01 .cont_text .title {} #section01 .cont_text .desc {margin-top: 7.8125vw;} #section01 .s01_cont {margin: 11.7188vw auto 0;width: 93.7500vw;} #section01 .s01_cont .s01_graph_base {width: 93.7500vw;} #section01 .s01_cont .s01_graph {width: 93.7500vw;} #section01 .s01_cont .s01_cir {width: 10.4167vw;} #section01 .s01_cont .s01_cir_01 {left:12.5000vw;bottom:20.5729vw;} #section01 .s01_cont .s01_cir_02 {left:21.4844vw;bottom:32.2917vw;} #section01 .s01_cont .s01_cir_03 {left:32.9427vw;bottom:36.7188vw;} #section01 .s01_cont .s01_cir_04 {left:44.5313vw;bottom:40.3646vw;} #section01 .s01_cont .s01_cir_05 {right:18.2292vw;top:0;} #section01 .s01_cont .s01_stemp {} #section01 .s01_cont .s01_stemp_02 {bottom:3.2552vw;width: 14.3229vw;} #section01 .s01_cont .s01_stemp_01 {width: 20.8333vw;} /* section01 e */ /* section02 s */ #section02 {padding:20.8333vw 0 21.6285vw;background:url('../images/m/s02_bg_m.jpg')no-repeat center/cover;} #section02 .inner {width: 100%;} #section02 .cont_text .desc {margin-top: 5.2083vw;} #section02 .s02_cont {margin-top: 12.7226vw;} #section02 .s02_list_wrap {gap:2.5445vw;justify-content:center;} #section02 .s02_list {width: 82.4427vw;height: 35.6234vw;border-radius:3.8168vw;padding:6.3613vw;} #section02 .s02_list:nth-child(1) {background:url('../images/m/s02_list_bg_01_m.png')no-repeat center/cover;} #section02 .s02_list:nth-child(2) {background:url('../images/m/s02_list_bg_02_m.png')no-repeat center/cover;} #section02 .s02_list:nth-child(3) {background:url('../images/m/s02_list_bg_03_m.png')no-repeat center/cover;} #section02 .s02_list p {font-size: 3.5623vw;} #section02 .s02_list p.ht {margin-bottom: 1.9531vw;} #section02 .s02_list p.name {font-size: 6.1069vw;} #section02 .s02_list p.info {margin-top: 2.5445vw;} #section02 .bg_eff { width: 82.4427vw;height:35.6234vw;background:url('../images/m/s02_bg_eff_m.png')no-repeat center/cover;bottom:-39.4402vw; } #section02 .bg_eff p {font-size: 2.7990vw;margin-top: 2.5445vw;} #section02 .bg_eff p.unit {font-size: 5.3435vw;color:#fff;margin-top: 0;} .s02_price_num li.num {font-size: 9.1603vw;} .s02_price_num li.dot {font-size: 9.1603vw;} .s02_price_num li.unit {font-size: 5.3435vw;margin-top:2.6042vw;} .s02_price_num li.unit.margin-right {margin-right: 0;} /* section02 e */ /* section03 s */ #section03 {padding:39.0625vw 0 20.8333vw;background:url('../images/m/s03_bg_m.jpg')no-repeat center/cover;} #section03 #s03_swiper {padding:15.6250vw 0 0;min-height:52.0833vw;width:100%;max-width:100%;} #section03 .s03_cont .swiper-wrapper{ max-height: 240px; } #section03 #s03_swiper .swiper-slide {width:60%;margin:0 2%;} #section03 #s03_swiper .swiper-slide img {width: 100%;filter: drop-shadow(0 1.3021vw 1.3021vw rgba(0,0,0,0.5));} #section03 #s03_swiper .swiper-slide-active {transform:translateY(-15%);} #section03 #s03_swiper .swiper-slide-duplicate-active {transform:translateY(-5%);} #section03 .s03_slogan {font-size: 3.9063vw;line-height: 5.2083vw;} /* section03 e */ /* section04 s */ #section04 {padding:20.3562vw 0 0;} #section04 .cont_text {flex-direction:column;align-items:center;gap:5.0891vw;text-align: center;} #section04 .cont_text .title {} #section04 .s04_cont {position:relative;margin-top: 7.8125vw;} #section04 .s04_list_wrap {display:flex;flex-direction:column;} #section04 .s04_list {width: 100%;height: 45.5729vw;display:flex;align-items:center;justify-content:center;flex-direction:column;} #section04 .s04_list_01 {background:url('../images/m/s04_slide_bg_01_m.png')no-repeat center/cover;} #section04 .s04_list_02 {background:url('../images/m/s04_slide_bg_02_m.png')no-repeat center/cover;} #section04 .s04_list_03 {background:url('../images/m/s04_slide_bg_03_m.png')no-repeat center/cover;} #section04 .s04_list_04 {background:url('../images/m/s04_slide_bg_04_m.png')no-repeat center/cover;} #section04 .s04_list_05 {background:url('../images/m/s04_slide_bg_05_m.png')no-repeat center/cover;} #section04 .s04_list.on {width:100%;} #section04 .s04_list p {position:static;} #section04 .s04_list p.desc {width: 100%;} #section04 .s04_list .tit { font-size: 6.2500vw;opacity: 1;line-height: 7.2917vw;top:50%;transform:translate(0); } #section04 .s04_list .desc { line-height: 5.2083vw;margin-top:2.5445vw;transform:translate(0);opacity: 1;font-size: 3.6458vw; } /* section04 e */ /* section05 s */ #section05 {height:183%;} #section05 .cont_text {} #section05 .cont_text .title {line-height: 8.3333vw;font-size: 6.7708vw;} #section05 .flex_wrap {display:flex;flex-direction:column;height:100%;} #section05 .flex_left { width: 100%;height:63.2813vw;background:url('../images/m/s05_bg_m.jpg')no-repeat center/cover; position:relative;padding:0;border-right:0;border-bottom: 0.2604vw solid #bc955c; display:flex;align-items:center;padding-left: 7.8125vw; } #section05 .flex_left img {display: none;} #section05 .flex_right {background:#faf7f2;width: 100%;padding:12.7226vw 0.0000vw 20.3562vw 0.0000vw;} #section05 #s05_swiper {padding-bottom: 3.9063vw;padding-left: 0;} #section05 #s05_swiper .swiper-slide {padding-left:7.6336vw;} #section05 #s05_swiper .slide_top {display:flex;align-items:end;gap:7.8125vw;margin-bottom: 10.1781vw;} #section05 #s05_swiper .slide_top .st_tit p.en {font-size: 3.1250vw;margin-bottom: 1.2723vw;} #section05 #s05_swiper .slide_top .st_tit p.ko {font-size: 6.2500vw;} #section05 #s05_swiper .slide_top .st_info p.percent {font-size: 3.1250vw;} #section05 #s05_swiper .slide_top .st_info p.desc {font-size: 2.3438vw;margin-top:0.5208vw;} #section05 #s05_swiper .slide_graph {display:flex;justify-content:flex-start;} #section05 #s05_swiper .graph_main .graph_box {display:flex;flex-direction:column;align-items:center;gap:1.3021vw;width: 26.6927vw;height: 65.6250vw;border-radius:1.3021vw;border:0.1302vw solid #ae7b39;background:#fff;justify-content:center;position:relative;} #section05 #s05_swiper .graph_main .graph_box.cirlce {width: 35.8779vw;height: 53.4351vw;margin-top: 5.8524vw;gap:2.6042vw;} #section05 #s05_swiper .graph_main .graph_box .s05_01_main {width: 13.0208vw;} #section05 #s05_swiper .graph_main .graph_box .s05_03_main {width: 15.3646vw;margin-left: 1.3021vw;} #section05 #s05_swiper .graph_main .graph_box .s05_slide_logo {width: 16.2760vw;} #section05 #s05_swiper .graph_main .graph_box .s05_slide_logo.circle {width: 24.4792vw;} #section05 #s05_swiper .graph_main .graph_box .s05_slide_first {top:2.6042vw;} #section05 #s05_swiper .graph_main .graph_box .s05_slide_first div {border:0.1302vw solid #bc955c;border-radius:0.6510vw;width: 11.7188vw;height: 32.5521vw;} #section05 #s05_swiper .graph_main .graph_box .s05_slide_first p {right:-6.5104vw;top:14.3229vw;font-size: 2.6042vw;} #section05 #s05_swiper .graph_main .description {font-size: 2.0833vw;margin-top: 3.8168vw;} #section05 #s05_swiper .graph_side {position:relative;margin-left: 4.4529vw;} #section05 #s05_swiper .graph_side .check_area {gap:0.2604vw 2.6042vw;width:56.3854vw;top:-3.1807vw;right:-3.8168vw;} #section05 #s05_swiper .graph_side .check_area.circle {top:-7.6336vw;right:0;} #section05 #s05_swiper .graph_side .check_area li {} #section05 #s05_swiper .graph_side .check_area li span {width: 1.3021vw;height: 1.3021vw;} #section05 #s05_swiper .graph_side .check_area li span.color1 {margin-right: 0.2604vw;} #section05 #s05_swiper .graph_side .check_area li span.color2 {margin-right: 0.7813vw;} #section05 #s05_swiper .graph_side .check_area li span.color3 {margin-right: 0.2604vw;} #section05 #s05_swiper .graph_side .check_area li span.color4 {margin-right: 0.7813vw;} #section05 #s05_swiper .graph_side .check_area li span.color5 {margin-right: 0.7813vw;} #section05 #s05_swiper .graph_side .check_area li span.color6 {margin-right: 0.7813vw;} #section05 #s05_swiper .graph_side .check_area li p {font-size: 2.3438vw;} #section05 #s05_swiper .graph_side .graph_list {gap:3.8168vw;padding-top: 9.6354vw;} #section05 #s05_swiper .graph_side .graph_list.circle {flex-wrap:wrap;justify-content:center;gap:3.9063vw;width: 45.8015vw;padding-top: 0;} #section05 #s05_swiper .graph_side .graph_list.circle li {width: 17.8117vw;} #section05 #s05_swiper .graph_side .graph_list li {width: 7.0313vw;} #section05 #s05_swiper .graph_side .graph_list li .s05_01_graph {width: 7.0313vw;} #section05 #s05_swiper .graph_side .graph_list li .s05_03_graph {width: 7.0313vw;} #section05 #s05_swiper .graph_side .graph_list li .name {font-size: 2.0356vw;margin-top: 1.9531vw;display: inline;} #section05 #s05_swiper .graph_side .graph_list li .brand {padding:0.2604vw 1.2723vw;border-radius:1.9531vw;margin-top: 0.6510vw;} #section05 #s05_swiper .graph_side .graph_list li .brand p {font-size: 2.6042vw;} #section05 #s05_swiper .s05_pagi {font-size: 2.6042vw;right:7.6336vw;bottom:0.0000vw;} #section05 #s05_swiper .s05_pagi .swiper-pagination-current {color:#bc955c;} #section05 #s05_swiper .s05_pagi .swiper-pagination-total {} #section05 .main {position:relative;width: 28.4987vw;margin:0 auto;} #section05 .main .txt_box p.sm {font-size: 2.6042vw;} #section05 .main .txt_box p.b {font-size: 5.2083vw;} #section05 .main .txt_box p.b small {font-size: 3.1250vw;} #section05 .side .txt_box p.b {font-size: 3.1250vw;} #section05 .side .txt_box p.b small {font-size: 2.6042vw;} #section05 .svg {display: block;width: 100%;height:100%;} /* section05 e */ /* section06 s */ #section06 {padding:20.8333vw 0 20.8333vw;background:url('../images/m/s06_bg_m.jpg')no-repeat center/cover;} #section06 .cont_text {margin-bottom: 10.4167vw;padding-left: 7.8125vw;} #section06 .s06_cont {flex-direction: column-reverse;justify-content:flex-end;align-items: end;gap:5.2083vw;} #section06 .flex_left {padding-bottom: 6.5104vw;width: 100%;display: flex;justify-content: end;} #section06 .flex_right {padding-right: 3.9063vw;width: 100%;} #section06 #s06_swiper_list {width: 87.2396vw;padding-bottom: 3.9063vw;} #section06 #s06_swiper_list .swiper-slide {width: 42.3177vw;height:25.0000vw;transition:0.6s;margin-right:2.6042vw;} #section06 #s06_swiper_list .swiper-slide img {width: 100%;height:100%;object-fit:cover;} #section06 #s06_swiper_list .s06_pagi {height:0.5208vw;} #section06 #s06_swiper_main {width: 93.8931vw;border-radius:0 0 23.4375vw 0;} #section06 #s06_swiper_main .swiper-slide {width: 93.8931vw;height:68.9567vw;} /* section06 e */ /* section06-1 s */ #section06-1 {padding:0.0000vw 0 20.8333vw;background:url('../images/m/s06-1_bg_m.jpg')no-repeat center/cover;} #section06-1 .inner {width: 100%;padding:0 3.9063vw;} #section06-1 .s06-1_cont {width: 100%;height: 51.8229vw;} /* section06-1 e */ /* section07 s */ #section07 {padding:20.8333vw 0 20.8333vw;background:url('../images/s07_bg.jpg')no-repeat center/cover;} #section07 .cont_text {text-align: center;} #section07 .cont_text .title {} #section07 .s07_cont {flex-direction:column;gap:3.9063vw;margin-top: 7.8125vw;} #section07 .s07_list {text-align: center;} #section07 .s07_list .s07_box_wrap {position:relative;text-align: center;} #section07 .s07_list .s07_box_wrap img {width: 62.5000vw;} #section07 .s07_list .s07_box_wrap .s07_txt {top:14.3229vw;} #section07 .s07_list .s07_box_wrap .s07_txt .slogan {font-size: 4.1667vw;} #section07 .s07_list .s07_box_wrap .s07_txt .s07_price_num {} #section07 .s07_list .s07_box_wrap .s07_txt .s07_price_num li {} #section07 .s07_list .s07_box_wrap .s07_txt .s07_price_num .unit {font-size: 6.2500vw;margin-top: 2.6042vw;margin:2.0833vw 0.5208vw 0;} #section07 .s07_list .s07_box_wrap .s07_txt .s07_price_num .unit span {} #section07 .s07_list .s07_box_wrap .s07_txt .s07_price_num .num {font-size: 9.3750vw;line-height: 9.3750vw;} #section07 .s07_list .s07_box_wrap .s07_txt .s07_price_num .dot {font-size: 9.3750vw;line-height: 9.3750vw;} #section07 .s07_list .s07_box_wrap .s07_txt .s07_price_num.small .unit {font-size: 4.1667vw;} #section07 .s07_list .s07_box_wrap .s07_txt .s07_price_num.small .num {font-size: 7.8125vw;line-height: 7.8125vw;} #section07 .s07_list .s07_box_wrap .s07_txt .s07_price_num.small .dot {font-size: 7.8125vw;line-height: 7.8125vw;} #section07 .s07_list .s07_box_wrap .s07_txt .desc {font-size: 2.5445vw;margin-top: 2.6042vw;} #section07 .s07_list .s07_desc_wrap {margin-top: 0;} #section07 .s07_list .s07_desc_wrap p {font-size: 3.5623vw;line-height: 5.0891vw;} /* section07 e */ /* section08 s */ #section08 {padding:20.8333vw 0 0.0000vw;} #section08 .inner {width: 100%;} #section08 .cont_text {flex-direction:column;align-items:center;gap:5.0891vw;text-align: center;} #section08 .cont_text .title {} #section08 .cont_text .desc {} #section08 .s08_cont {position:relative;display:flex;justify-content:center;gap:0;margin-top: 9.1146vw;width: 100%;height:auto;} #section08 .s08_cont .s08_bg_wrap {display: none;} #section08 .s08_cont .s08_list_wrap { display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0; position:static;transform:translate(0);width: 100%; } #section08 .s08_cont .s08_list {width: 100%;height:45.5729vw;display:flex;align-items:center;justify-content:center;flex-direction:column;} #section08 .s08_cont .s08_list:nth-child(1) {background: url('../images/s08_cont_bg_01.jpg')no-repeat center/cover;} #section08 .s08_cont .s08_list:nth-child(2) {background: url('../images/s08_cont_bg_02.jpg')no-repeat center/cover;} #section08 .s08_cont .s08_list:nth-child(3) {background: url('../images/s08_cont_bg_03.jpg')no-repeat center/cover;} #section08 .s08_cont .s08_list.on {} #section08 .s08_cont .s08_list p {font-size: 8.3333vw;opacity:1;} #section08 .s08_cont .s08_list p.desc { font-size: 3.6458vw;line-height: 5.2083vw;margin-top: 1.3021vw;opacity:1;max-height:fit-content;overflow:visible; white-space: pre-wrap; } #section08 .s08_cont .s08_list.on p {opacity: 1;} #section08 .s08_cont .s08_list.on p.desc {max-height:fit-content;overflow:visible;opacity: 1;} /* section08 e */ /* section09 s */ #section09 {padding:20.8333vw 0 20.8333vw;background:url('../images/m/s09_bg_m.jpg')no-repeat center/cover;} #section09 .inner {width: 100%;display:flex;justify-content:center;} #section09 .flex_wrap {width: 89.8438vw;} #section09 .cont_text {padding-left: 0;margin-bottom: 63.8021vw;text-align: right;} #section09 .cont_text .desc {margin-top: 7.8125vw;} #section09 #s09_swiper {padding-bottom: 9.1146vw;} #section09 #s09_swiper .swiper-slide {width: 29.1667vw;margin-left: 0.7813vw;border-radius:3.9063vw;} #section09 #s09_swiper .swiper-slide img {width: 100%;} #section09 #s09_swiper .s09_pagi {width: auto;left:auto;right:13.0208vw;bottom:0.9115vw;} #section09 #s09_swiper .s09_pagi .swiper-pagination-bullet {width: 1.3021vw;height:1.3021vw;} #section09 #s09_swiper .s09_navi {width: 10.4167vw;height:4.6875vw;position:absolute;right:0;bottom:0;} #section09 #s09_swiper .s09_navi .s09_next {width: 4.6875vw;height: 4.6875vw;right:0;transform:translateY(-50%);margin-top: 0;} #section09 #s09_swiper .s09_navi .s09_next img {width: 4.6875vw;height: 4.6875vw;} #section09 #s09_swiper .s09_navi .s09_prev {width: 4.6875vw;height: 4.6875vw;left:0;transform:translateY(-50%);margin-top: 0;} #section09 #s09_swiper .s09_navi .s09_prev img {width: 4.6875vw;height: 4.6875vw;} /* section09 e */ /* section10 s */ #section10 {padding:20.8333vw 0 20.8333vw;background:url('../images/m/s10_bg_m.jpg')no-repeat center/cover;} #section10 .inner {width: 100%;} #section10 .cont_text {margin-bottom: 89.0625vw;padding-left: 7.8125vw;} #section10 .s10_cont {position:relative;} #section10 .flex_left {} #section10 .flex_right {position:absolute;right:auto;left:10.4167vw;top:45.5729vw;} #section10 #s10_swiper_list {width: 89.4531vw;margin:0;border-radius:0 0 13.0208vw 0;} #section10 #s10_swiper_list .swiper-wrapper {} #section10 #s10_swiper_list .swiper-slide {width: 39.3229vw;height:48.1771vw;margin-left:1.4323vw;} #section10 #s10_swiper_list .swiper-slide img {} #section10 #s10_swiper_list .swiper-slide-active {} #section10 #s10_swiper_list .swiper-slide-active img {} #section10 .s10_pagi {bottom:-5.2083vw;height:0.3906vw;width: 88.2813vw;} #section10 #s10_swiper_main {width: 100vw;overflow:hidden;margin:0;} #section10 #s10_swiper_main .swiper-wrapper {} #section10 #s10_swiper_main .swiper-slide {width: 96.0938vw;display:flex;flex-direction:column-reverse;gap:3.9063vw;} #section10 #s10_swiper_main .swiper-slide img {width: 96.0938vw;padding-left: 10.4167vw;} #section10 #s10_swiper_main .swiper-slide .slide_txt {padding-left: 0;margin-top:0;} #section10 #s10_swiper_main .swiper-slide .slide_txt {position: static;} #section10 #s10_swiper_main .swiper-slide .slide_txt p {font-size: 3.6458vw;line-height: 5.2083vw;} #section10 #s10_swiper_main .swiper-slide .slide_txt p.name {font-size: 4.6875vw;margin-bottom: 1.3021vw;} /* section10 e */ /* section11 s */ #section11 {padding:20.8333vw 0 20.8333vw;background:url('../images/m/s11_bg_m.jpg')no-repeat center/cover;} #section11 .inner {width: 100%;} #section11 .cont_text {text-align: center;margin-bottom: 9.1146vw;} #section11 .cont_text .title {} #section11 .s11_cont {gap:5.2083vw 3.9063vw;} #section11 .s11_list { width: 72.9167vw;height: 42.9688vw;background:url('../images/m/s11_box_m.png')no-repeat center/cover; } #section11 .s11_list .s11_icon {width: 12.1094vw;} #section11 .s11_list .s11_title {font-size: 5.2083vw;line-height: 8.8542vw;} #section11 .s11_list .s11_info {} #section11 .s11_list .s11_info p {font-size: 3.3854vw;line-height: 4.6875vw;} /* section11 e */ /* section12 s */ #section12 {padding:20.8333vw 0 20.8333vw;background:#faf7f2;} #section12 .inner {width: 100%;padding:0 3.9063vw;} #section12 .cont_text {text-align: center;margin-bottom: 9.1146vw;} #section12 .cont_text .title {} #section12 .s12_cont {border:0.2604vw solid #bc955c;border-radius:3.9063vw;background:#fff;overflow:hidden;;} /* section12 e */ } @media(max-width: 700px){ #section05 { height: 162%; } } @media(max-width: 600px){ #section05 { height: 131% } } @media(max-width: 600px){ #section05 { height: 101% } } @media(max-width: 480px){ #section03 .s03_cont .swiper-wrapper{ max-height: 180px; } #section05 { height: 111% } } @media (max-width: 414px){ } @media (max-width: 375px){ }