@charset "utf-8";



@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css');



body {font-family:'Pretendard Variable'; width:100%; min-width:320px; }

#wrap {position:relative; width:100%; min-width:320px; margin:0 auto; }

#wrap a {text-decoration:none; }



.visual_area {position:relative; height:420px; background:url(../img/en/visual_bg.jpg) no-repeat center center; background-size:cover; overflow:hidden; }

.visual_area .visual_text {position:absolute; top:112px; left:50%; width:283px; height:202; transform:translateX(-50%); margin-bottom:0; }

.visual_area .main_badge {position:absolute; top:32px ; left:50%; width:80px; height:80px; margin-left:90px; /*transform:translateX(-50%);*/ }

.visual_area .main_badge img {width:100%; height:100%; }



.scrollmenu {top:-1px; height:54px; line-height:52px; border-top:1px solid #EBEBEB; border-bottom:1px solid #EBEBEB; background:#FFF; text-align:center; overflow:auto; white-space:nowrap; padding:0 8px; }

.scrollmenu::-webkit-scrollbar {display:none; }

.scrollmenu a {display:inline-block; color:#021023; text-align:center; font-size:14px; font-weight:700; line-height:150%; padding:0 8px; letter-spacing:-0.42px; }

.scrollmenu a.active {color:#0C8518; }



.content_wrap .section {position:relative; padding:56px 0; }

.content_wrap .section .section_inner {position:relative; width:100%; text-align:center; padding:0 20px; margin:0 auto; }

.content_wrap .section .section_inner .tit_wrap {margin-bottom:24px; }

.content_wrap .section .section_inner .tit_wrap .tit_section {color:#0C8518; text-align:center; font-size:12px; font-weight:700; line-height:150%; letter-spacing:-0.72px; margin-bottom:0; }

.content_wrap .section .section_inner .tit_wrap h2 {color:#021023; text-align:center; font-size:24px; font-weight:700; line-height:150%; letter-spacing:-1.2px; margin-bottom: 0; }

.content_wrap .section .section_inner .tit_wrap .tit_eng {color:#718676; font-size:12px; font-weight:400; line-height:150%; letter-spacing:-0.24px; margin-bottom:0; }

.content_wrap .section .section_inner .tit_sub {color:#406449; font-size:16px; font-weight:700; line-height:150%; letter-spacing:-0.64px; text-align:left; margin-bottom:10px; }



.content_wrap #section01 {background:#fff; }

.content_wrap #section01 .swiper {padding-bottom:0; }

.content_wrap #section01 .swiper .swiper-pagination-bullet {background:rgba(255, 255, 255, 0.60); }

.content_wrap #section01 .swiper .swiper-pagination-bullet-active {background:#fff; }

.content_wrap #section01 .swiper .swiper-pagination {bottom:8px; }

.content_wrap #section01 .section_inner .swiper-wrapper .swiper-slide .con_area {position:relative; border-radius:8px; overflow:hidden; }

.content_wrap #section01 .section_inner .swiper-wrapper .swiper-slide .con_area p {position:absolute; bottom:12px; left:12px; color:#FFF; font-size:12px; text-align:left; font-weight:700; line-height:150%; letter-spacing:-0.36px; margin-bottom:0; }

.content_wrap #section01 .txt_area {text-align:left; padding:24px 0 0; }

.content_wrap #section01 .txt_area p {color:#021023; font-size:16px; font-weight:700; line-height:150%; letter-spacing:-0.9px; margin-bottom:16px; }

.content_wrap #section01 .txt_area ul {text-align:left; padding:0; margin:0; }

.content_wrap #section01 .txt_area ul li {list-style:none; color:#021023; font-size:12px; font-weight:400; line-height:150%; letter-spacing:-0.36px; background:url(../img/en/desc_ico.svg) no-repeat left top 2px; padding-left:16px; margin-top:12px; }

.content_wrap #section01 .txt_area ul li:first-child {margin-top:0; }



.content_wrap #section02 {background:#F0F6EF; }

.content_wrap #section02 .section_inner .swiper-wrapper .swiper-slide .swiper-con {display:flex; border-radius:8px; margin-top:8px; overflow:hidden; }

.content_wrap #section02 .section_inner .swiper-wrapper .swiper-slide .swiper-con:first-child {margin-top:0; }

.content_wrap #section02 .section_inner .swiper-wrapper .swiper-slide .swiper-con img {width:117px; height:auto; }

.content_wrap #section02 .section_inner .swiper-wrapper .swiper-slide .txt_area {flex:1; background:#fff; padding:15px; }

.content_wrap #section02 .section_inner .swiper-wrapper .swiper-slide .txt_area h3 {color:#021023; font-size:14px; font-weight:700; line-height:130%; letter-spacing:-0.48px; margin-bottom:4px; }

.content_wrap #section02 .section_inner .swiper-wrapper .swiper-slide .txt_area .info {color:#021023; font-size:11px; font-weight:400; line-height:150%; letter-spacing:-0.33px; margin-bottom:4px; }

.content_wrap #section02 .section_inner .swiper-wrapper .swiper-slide .txt_area .desc {color: #718676; font-size:12px; font-weight:400; line-height:130%; letter-spacing:-0.36px; margin-bottom:0; word-break:keep-all; }



.content_wrap #section03 {background:url(../img/en/section03_bg.png) center top; }

.content_wrap #section03 .section_inner .tit_wrap .tit_section {color:#fff; }

.content_wrap #section03 .section_inner .tit_wrap h2 {color:#fff; }

.content_wrap #section03 .section_inner .tit_wrap .tit_eng {color:#ADCFA7; }

.content_wrap #section03 .d-flex {border-radius:8px; border:1px solid rgba(255, 255, 255, 0.20); background:#2B6531; padding:20px 16px; margin-top:8px; }

.content_wrap #section03 .d-flex:first-child {margin-top:0; }

.content_wrap #section03 .img_area {width:105px; }

.content_wrap #section03 .img_area img {width:105px; height:112px; border-radius:80px 80px 0px 0px; overflow:hidden; }

.content_wrap #section03 .txt_area {border-radius:0px 8px 8px 0px; text-align:left; padding-left:12px; }

.content_wrap #section03 .txt_area h3 {color:#FFF; font-size:16px; font-weight:700; line-height:130%; letter-spacing:-0.48px; margin-bottom:4px}

.content_wrap #section03 .txt_area .detail {color:#FFF; font-size:11px; font-weight:400; line-height:150%; letter-spacing:-0.33px; margin-bottom:2px; }

.content_wrap #section03 .txt_area .info {color:#fff; font-size:12px; font-weight:400; line-height:150%; letter-spacing:-0.36px; margin-bottom:6px; }

.content_wrap #section03 .txt_area .desc {color:#A0C7A9; font-size:12px; font-weight:400; line-height:130%; letter-spacing:-0.36px; margin-bottom:0px; word-break:keep-all; }



.content_wrap #section04 {background:#F9F9F9; }

.content_wrap #section04 .section_inner .tit_wrap {margin-bottom:16px; }

.content_wrap #section04 .section_inner .section04_swiper_tab {display:inline-flex; justify-content:center; align-items:flex-start; margin-bottom:24px; }

.content_wrap #section04 .section_inner .section04_swiper_tab .swiper-pagination-bullet {display:flex; width:auto; height:32px; justify-content:center; align-items:center; border-radius:56px; border:1px solid #EFEFEF; background:#fff; color:#718676; font-size:12px; font-weight:700; letter-spacing:-0.36px; padding:0 13px; margin:0 2px !important; }

.content_wrap #section04 .section_inner .section04_swiper_tab .swiper-pagination-bullet:hover,

.content_wrap #section04 .section_inner .section04_swiper_tab .swiper-pagination-bullet-active {color:#fff; background:#0C8518; border:1px solid #0C8518; }

.content_wrap #section04 .con_wrap {border-radius:8px; overflow:hidden; }

.content_wrap #section04 .slide_top .txt_area {position:absolute; top:24px; left:16px; text-align:left; }

.content_wrap #section04 .slide_bottom {display:flex; }

.content_wrap #section04 .slide_bottom .slide_bottom01 {position:relative; }

.content_wrap #section04 .slide_bottom .slide_bottom02 {position:relative; }

.content_wrap #section04 .slide_bottom .txt_area {position:absolute; top:16px; left:16px; text-align:left; }

.content_wrap #section04 .img_area {width:100%; height:100%; }

.content_wrap #section04 .txt_area h3 {color:#FFF; font-size:13px; font-weight:700; line-height:130%; letter-spacing:-0.39px; padding-right:10px; margin-bottom:4px; }

.content_wrap #section04 .txt_area .desc {color:#FFF; font-size:13px; font-weight:400; line-height:150%; letter-spacing:-0.39px; padding-right:10px; margin-bottom:0;  word-break:keep-all; word-wrap:break-word; }



.content_wrap #section05 {background:#fff; }

.content_wrap #section05 .d-flex {border-radius:8px; border:1px solid #E2E6DF; padding:20px 16px 20px 12px; margin-top:8px; }

.content_wrap #section05 .d-flex:first-child {margin-top:0; }

.content_wrap #section05 .img_area {position:relative; padding-top:8px; }

.content_wrap #section05 .img_area img {width:105px; height:105px; border-radius:100%; overflow:hidden; }

.content_wrap #section05 .img_area:before {position:absolute; top:0; right:0; width:32px; height:32px; content:""; background:url(../img/en/section04_ico.png) no-repeat center center; background-size:cover; }

.content_wrap #section05 .txt_area {text-align:left; padding-left:16px; }

.content_wrap #section05 .txt_area h3 {color:#021023; font-size:16px; font-weight:700; line-height:130%; letter-spacing:-0.48px; margin-bottom:4px; }

.content_wrap #section05 .txt_area .detail {color:#021023; font-size:11px; font-weight:400; line-height:150%; letter-spacing:-0.33px; margin-bottom:6px; }

.content_wrap #section05 .txt_area .info {color:#021023; font-size:12px; font-weight:400; line-height:130%; letter-spacing:-0.36px; margin-bottom:6px; }

.content_wrap #section05 .txt_area .desc {color:#528957; font-size:12px; font-weight:400; line-height:130%; letter-spacing:-0.36px; margin-bottom:0; }



.content_wrap #section06 {padding:0; }

.content_wrap #section06_01 {background:#F1F6EF; background-size:cover; padding:56px 0; }

.content_wrap #section06_01 .d-flex {gap:0 8px; margin-top:8px; }

.content_wrap #section06_01 .d-flex:first-child {margin-top:0; }

.content_wrap #section06_01 a {display:flex; flex-direction:column; width:calc(50% - 4px); border-radius:8px; overflow:hidden; }

.content_wrap #section06_01 a:first-child {margin-left:0; }

.content_wrap #section06_01 .img_area {position:relative; width:100%; }

.content_wrap #section06_01 .img_area img {width:100%; }

.content_wrap #section06_01 .img_area .percent {position:absolute; bottom:8px; left:8px; display:inline-block; line-height:19px; border-radius:36px; background:#259930; color:#FFF; font-size:11px; font-weight:600; letter-spacing:-0.33px;; padding:0 8px; }

.content_wrap #section06_01 .txt_area {display:flex; flex-direction:column; flex:1; background:#FFF; text-align:left; padding:16px 12px; }

.content_wrap #section06_01 .txt_area h3 {color:#021023; font-size:14px; font-weight:700; line-height:130%; letter-spacing:-0.42px; margin-bottom:4px; }

.content_wrap #section06_01 .txt_area .desc {color:#5D7493; font-size:12px; font-weight:400; line-height:150%; letter-spacing:-0.36px; margin-bottom:12px; }

.content_wrap #section06_01 .txt_area .discount {color:#021023; font-size:13px; font-weight:400; line-height:150%; letter-spacing:-0.39px; text-decoration:line-through; margin-top:auto; margin-bottom:0; }

.content_wrap #section06_01 .txt_area .amount {color:#021023; font-size:14px; font-weight:700; line-height:150%; letter-spacing:-0.42px; margin-bottom:0; }

.content_wrap #section06_01 .txt_area .amount .percentage {color:#0C8518; margin-right:6px; }

.content_wrap #section06_01 .txt_area .txt {color:rgba(2, 16, 35, 0.70); font-size:13px; font-weight:700; line-height:150%; letter-spacing:-0.39px; margin-top:auto; margin-bottom:4px; }

.content_wrap #section06_01 .amount_txt {color:#718676; font-size:13px; text-align:left; margin-top:10px; margin-bottom:0; }



.content_wrap #section06_02 {background:#F1F6EF; padding:0 0 56px; }

.content_wrap #section06_02 .img_area {position:relative; border-radius:8px 8px 0 0; overflow:hidden; }

.content_wrap #section06_02 .img_area .badge {position:absolute; bottom:16px; left:16px; color:#FFF; font-size:14px; font-weight:700; line-height:150%; letter-spacing:-0.42px; border-radius:4px; background:#FF8718; padding:4px 10px; }

.content_wrap #section06_02 .badge01::before {width:64px; height:64px; }

.content_wrap #section06_02 .txt_area {border:1px solid #E2E6DF; background:#FFF; border-radius:0 0 8px 8px; text-align:left; padding:16px 16px 24px; }

.content_wrap #section06_02 .txt_area h3 {color:#021023; font-size:18px; font-weight:700; line-height:130%; letter-spacing:-0.54px; margin-bottom:8px; }

.content_wrap #section06_02 .txt_area .desc {color:#718676; font-size:13px; font-weight:400; line-height:150%; letter-spacing:-0.39px; margin-bottom:10px; }

.content_wrap #section06_02 .txt_area .discount {color:#021023; font-size:13px; font-weight:400; line-height:150%; letter-spacing:-0.39px; text-decoration:line-through; margin-bottom:4px; }

.content_wrap #section06_02 .txt_area .amount {color:#021023; font-size:18px; font-weight:700; line-height:130%; letter-spacing:-0.54px; margin-bottom:0; }

.content_wrap #section06_02 .txt_area .amount .percentage {color:#0C8518; margin-right:8px; }



.swiper {width:100%; height:100%; padding-bottom:40px; }

.swiper .swiper-slide {text-align:center; font-size:13px; }

.swiper .swiper-slide img {display:block; width:100%; height:100%; object-fit:cover; }

.swiper .swiper-pagination {bottom:0; }

.swiper .swiper-pagination-bullet {width:10px; height:10px; background:#C2E0C4; border-radius:100%; opacity:1; margin:0 5px !important; }

.swiper .swiper-pagination-bullet-active {background:#0C8518; }



.text_line {display:inline-block; width:1px; height:12px; background:#DFE2E6; margin:-2px 8px; }

.text_line02 {display:inline-block; width:1px; height:12px; background: rgba(226, 230, 223, 0.20); margin:-2px 8px ; }



.main_color {color:#0C8518; font-weight:600; }

.mt20 {margin-top:20px; }



.badge01::before {position:absolute; top:8px; right:8px; content:""; width:40px; height:40px; background:url(../img/en/badge01.svg) no-repeat left top; background-size:cover; }