.Sorts{font-family: "Sorts Mill Goudy"!important;} /* 프리미엄 벤 + 주사 */ #sub11_sect01{margin-top: 127px; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 800px;} #sub11_sect01 .txt_box h3{color: #fff; text-align: center; font-family: "Sorts Mill Goudy"; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal;} #sub11_sect01 .txt_box h4{color: #fff; text-align: center; font-family: "Sorts Mill Goudy"; font-size: 40px;font-style: normal;font-weight: 400; line-height: normal; } #sub11_sect01 .txt_box h4 .plus{font-weight: 300;} #sub11_sect01 .txt_box p{color: #fff; text-align: center; font-family: Pretendard; font-size: 18px; font-style: normal; font-weight: 400; line-height: 1.44; } #sub11_sect01 .txt_box p.Sorts{font-family: "Sorts Mill Goudy";} #sub11_sect01 .bottom_box {color: #fff; text-align: center; font-family: "Noto Serif KR"; font-size: 26px; font-style: normal; font-weight: 600; line-height: normal;} .txt_box{ display: flex; flex-direction: column; gap: 40px;} .txt_box02{ display: flex; flex-direction: column; } .top_box{display: flex; flex-direction: column; gap: 28px;} .top_box02{display: flex; flex-direction: column; gap: 10px;} .top_box02 h3{text-align: center; font-family: "Sorts Mill Goudy"; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal;} .top_box02 h4{text-align: center;font-family: "Noto Serif KR"; font-size: 36px; font-style: normal; font-weight: 600; line-height: 1.38;} .top_box p{ text-align: center; font-family: Pretendard; font-size: 18px; font-style: normal; font-weight: 300; line-height: 1.44;} .num_box{text-align: center; font-family: "Sorts Mill Goudy"; font-size: 80px; font-style: normal; font-weight: 400; line-height: normal;} #sub11_sect02{padding: 284px 0; align-items: center; justify-content: center; display: flex; width: 100%; background:url("../sub/img/sub11_sec02.png") center center / cover no-repeat;} #sub11_sect02 .txt_box{color: #fff;} #sub11_sect02 .bottom_box {display: flex; align-items: flex-start; gap: 12px;} #sub11_sect02 .bottom_box p{text-align: center; font-family: Pretendard; font-size: 16px; font-style: normal; font-weight: 400; line-height: 1.5; /* 150% */} #sub11_sect03{padding: 168px 0; align-items: center; justify-content: center; display: flex; width: 100%; background:url("../sub/img/sub11_sec03.png") center center / cover no-repeat;} #sub11_sect03 .txt_box{color: #fff;} #sub11_sect03 .bottom_box {display: flex; flex-direction: column; gap: 20px; width: 100%; max-width: 291px; margin: 0 auto;} #sub11_sect03 .bottom_box .bottom_top_box{display: flex; padding: 14px 12px; justify-content: center; align-items: center; gap: 10px; align-self: stretch; border-bottom: 1px solid #fff; border-top: 1px solid #fff;} #sub11_sect03 .bottom_box h5{text-align: center; font-family: Pretendard; font-size: 22px; font-style: normal; font-weight: 600; line-height: 1.45; /* 145.455% */} #sub11_sect03 .bottom_box p{text-align: center; font-family: Pretendard; font-size: 16px; font-style: normal; font-weight: 400; line-height: 1.5; /* 150% */} #sub11_sect04{padding: 232px 0; align-items: center; justify-content: center; display: flex; width: 100%; background:url("../sub/img/sub11_sec04.png") center center / cover no-repeat;} #sub11_sect04 .txt_box02{color: #fff;} #sub11_sect05{padding: 108px 0; align-items: center; justify-content: center; display: flex; width: 100%; background:url("../sub/img/sub11_sec05.png") center center / cover no-repeat;} #sub11_sect05 .txt_box02{color: #fff;} #sub11_sect05 .txt_box_wrap{display: flex; flex-direction: column; gap: 91px; width: 100%; max-width: 1064px; margin: 0 auto;} #sub11_sect05 .bottom_box ul{display: flex; justify-content: space-between; color: #fff; text-align: center;} #sub11_sect05 .bottom_box ul li{display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px;} #sub11_sect05 .bottom_box h3{font-family: "Sorts Mill Goudy"; font-size: 22px; font-style: normal; font-weight: 400; line-height: 158.18%;} #sub11_sect05 .bottom_box h4{font-family: Pretendard; font-size: 20px; font-style: normal; font-weight: 600; line-height: 1.3; /* 130% */} #sub11_sect05 .bottom_box p{font-family: Pretendard; font-size: 18px; font-style: normal; font-weight: 400; line-height: 1.44; /* 144.444% */} #sub11_sect05 .bottom_box02{padding: 18px 12px; display: flex; flex-direction: column; gap: 12px; border-top: 1px solid #fff; border-bottom: 1px solid #fff;} #sub11_sect05.last_section{height: 800px; background:url("../sub/img/sub31_sect10.png") center center / cover no-repeat;} #sub11_sect05.last_section.last_section02{background:url("../sub/img/sub32_sect10.png") center center / cover no-repeat;} #sub11_sect05.last_section .txt_box_wrap{max-width: 1286px;} #sub11_sect05.last_section li:first-child .bottom_box02{width: 328px;} #sub11_sect05.last_section.last_section02 li:first-child .bottom_box02{width: 400px;} #sub11_sect05.last_section li:nth-child(2) .bottom_box02{width: 400px;} #sub11_sect05.last_section li:last-child .bottom_box02{width: 400px;} #sub11_sect06{padding: 120px 0; align-items: center; justify-content: center; display: flex; width: 100%; background:#fff;} #sub11_sect06 .num_box{color: #F2EAE0;} #sub11_sect06 .top_box02 h3{color: #CA9C5F;} #sub11_sect06 .top_box02 h4{color: #000;} #sub11_sect06 .top_box p{color: #353535;} #sub11_sect06 .txt_box_wrap{display: flex; flex-direction: column; gap: 100px; width: 100%; max-width: 1600px; margin: 0 auto;} #sub11_sect06 .bottom_box ul{display: flex; justify-content: space-between; text-align: center;} #sub11_sect06 .bottom_box ul li{display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;} #sub11_sect06 .bottom_box h4{font-family: Pretendard; font-size: 20px; font-style: normal; font-weight: 600; line-height: 1.3; /* 130% */} #sub11_sect06 .bottom_box p{font-family: Pretendard; font-size: 18px; font-style: normal; font-weight: 300; line-height: 1.44; /* 144.444% */} #sub11_sect06 .bottom_box02{display: flex; flex-direction: column; gap: 6px;} #sub11_sect07{padding: 110px 0; align-items: center; justify-content: center; display: flex; width: 100%; background:url("../sub/img/sub11_sec07.png") center center / cover no-repeat;} #sub11_sect07 .txt_box_wrap{display: flex; flex-direction: column; gap: 62px; width: 100%; max-width: 1600px; margin: 0 auto; color: #fff;} #sub11_sect07 .bottom_box ul{display: flex; align-items: center; justify-content: center; gap: 40px;} #sub11_sect07 .bottom_box ul li{display: flex; width: 180px; height: 180px; flex-direction: column; align-items: center; justify-content: center; border-radius: 180px; background: rgba(255, 255, 255, 0.20); backdrop-filter: blur(5px);} #sub11_sect07 .bottom_box ul li h4{font-family: "Sorts Mill Goudy"; font-size: 36px; font-style: normal; font-weight: 400; line-height: normal;} #sub11_sect07 .bottom_box ul li p{font-family: Pretendard; font-size: 22px; font-style: normal; font-weight: 600; line-height: 1.45; /* 145.455% */} #sub11_sect08{padding: 218px 0; background:#000 url("../sub/img/sub11_sec08.png") center center / cover no-repeat; display: flex; align-items: center; justify-content: center;} #sub11_sect08 .txt_box02{color: #fff;} #sub11_sect09{padding: 335px 0; background:url("../sub/img/sub11_sec09.png") center center / cover no-repeat; display: flex; align-items: center; justify-content: center;} #sub11_sect09 .txt_box02{color: #fff;} #sub11_sect10{padding: 120px 0; position: relative;} #sub11_sect10 .num_box{color: #F2EAE0;} #sub11_sect10 .top_box02 h3{color: #CA9C5F;} #sub11_sect10 .top_box02 h4{color: #000;} #sub11_sect10 .top_box p{color: #353535;} #sub11_sect10 .txt_box_wrap{display: flex; flex-direction: column; gap: 47px; width: 100%; max-width: 1600px; margin: 0 auto;} #sub11_sect10 .bottom_box ul{display: flex; justify-content: space-between; text-align: center;} #sub11_sect10 .bottom_box ul li{display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; position: relative;} #sub11_sect10 .bottom_box ul li::after{content: ""; display: inline-block; background:url("../sub/img/right_arrow.png") center center / cover no-repeat; right: 0; top: 95px; transform: translateX(calc(100% + 2px)); width: 24px; height: 24px; position: absolute;} #sub11_sect10 .bottom_box ul li:last-child:after{display: none;} #sub11_sect10 .bottom_box h4{color: #CA9C5F; font-family: "Sorts Mill Goudy"; font-size: 20px; font-style: normal; font-weight: 600; line-height: 1.3; /* 130% */} #sub11_sect10 .bottom_box p{color: #323232; font-family: Pretendard; font-size: 18px; font-style: normal; font-weight: 600; line-height: 1.44; /* 144.444% */} #sub11_sect10 .bottom_box02{display: flex; flex-direction: column; gap: 6px;} #sub11_sect11{padding: 243px 0; background:url("../sub/img/sub11_sec11.png") center center / cover no-repeat; display: flex; align-items: center; justify-content: center;} #sub11_sect11 .txt_box02{color: #fff;} #sub11_sect12{padding: 120px 0;} #sub11_sect12 .inner{display: flex; gap: 156px; max-width: 1600px; width: 100%; margin: 0 auto; align-items: center;} #sub11_sect12 .inner .right_box{display: flex; flex-direction: column; gap: 40px;} #sub11_sect12 .top_box{color: #CA9C5F; font-family: "Sorts Mill Goudy"; font-size: 100px; font-style: italic; font-weight: 400; line-height: normal;} #sub11_sect12 .right_cont{display: flex; gap: 40px; flex-direction: column;} #sub11_sect12 .bottom_box{display: flex; flex-direction: column; gap: 92px;} #sub11_sect12 .center_box{display: flex; flex-direction: column; gap: 24px;} #sub11_sect12 .right_cont h4{color: #000; font-family: "Noto Serif KR"; font-size: 36px; font-style: normal; font-weight: 600; line-height: 1.38; /* 138.889% */} #sub11_sect12 .right_cont p{color: #353535; font-family: Pretendard; font-size: 18px; font-style: normal; font-weight: 400; line-height: 1.44; } #sub11_sect12 .bottom_box02{color: #000; font-family: Pretendard; font-size: 22px; font-style: normal; font-weight: 500; line-height: 1.45; /* 145.455% */} #sub12_sect01{height: 800px; padding: 0; display: flex; align-items: center; justify-content: center; position: relative;} #sub12_sect01 .sub-swiper{height: 100%;} #sub12_sect01 .sub-swiper .swiper-slide{ display: flex; align-items: center; justify-content: center;} #sub12_sect01 .txt_box h3{color: #CA9C5F; text-align: center; font-family: "Sorts Mill Goudy"; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal;} #sub12_sect01 .txt_box h4{color: #000; text-align: center; font-family: "Sorts Mill Goudy"; font-size: 40px;font-style: normal;font-weight: 400; line-height: normal; } #sub12_sect01 .txt_box p{color: #353535; text-align: center; font-family: Pretendard; font-size: 18px; font-style: normal; font-weight: 400; line-height: 1.44; } #sub12_sect01 .txt_box p.Sorts{font-family: "Sorts Mill Goudy";} #sub12_sect01 .bottom_box {color: #000; text-align: center; font-family: "Noto Serif KR"; font-size: 26px; font-style: normal; font-weight: 600; line-height: normal;} .sub-bg{width: 100%; height: 800px; position: absolute;} .sub-bg.slide01{ background:url("../sub/img/sub12_sect1_img01.png") center center / cover no-repeat; } .sub-bg.slide02{ background:url("../sub/img/sub12_sect1_img02.png") center center / cover no-repeat;} #sub12_sect01 .sub-bg.slide02 + .txt_box h3{color: #fff;} #sub12_sect01 .sub-bg.slide02 + .txt_box p{color: #fff;} #sub12_sect01 .sub-bg.slide02 + .txt_box h4{color: #fff;} #sub12_sect01 .sub-bg.slide02 + .txt_box .bottom_box{color: #fff;} /* */ #sub12_sect02{padding: 120px 0; display: flex; align-items: center; justify-content: center; text-align: left; background: #FBFBFB;} #sub12_sect02 .inner{margin: 0 auto; width: 100%; max-width: 1337px; display: flex; justify-content: space-between;} #sub12_sect02 .txt_box{display: flex; gap: 60px; flex-direction: column;} #sub12_sect02 .top_txt{display: flex; flex-direction: column; gap:26px;} #sub12_sect02 .top_txt h3{color: #000; font-family: "Noto Serif KR"; font-size: 36px; font-style: normal; font-weight: 600; line-height: 1.38; /* 138.889% */} #sub12_sect02 .top_txt p{color: #353535; font-family: Pretendard; font-size: 18px; font-style: normal; font-weight: 400; line-height: 1.44; /* 144.444% */} #sub12_sect02 .right_cont{display: flex; align-items: center;} #sub12_sect02 .bottom_txt {display: flex; flex-direction: column; gap: 100px;} #sub12_sect02 .bottom_txt p{color: #353535; font-family: Pretendard; font-size: 18px; font-style: normal; font-weight: 400; line-height: 1.44; /* 144.444% */} #sub12_sect02 .center_txt {color: #000; font-family: Pretendard; font-size: 22px; font-style: normal; font-weight: 500; line-height: 1.45; /* 145.455% */ letter-spacing: -0.22px;} #sub12_sect02 .center_txt span{position: relative; display: inline-block;} #sub12_sect02 .center_txt span strong{position: relative; z-index: 2;} #sub12_sect02 .center_txt span::after{bottom: -2px; left:-1%; z-index: 1; content: ""; display: inline-block; position: absolute; height: 80%; width: 102%; background: #F2EAE0;} #sub12_sect03{padding: 120px 0; position: relative;} #sub12_sect03 .top_box02 h3{color: #CA9C5F; font-family: "Noto Serif KR";} #sub12_sect03 .txt_box_wrap{display: flex; flex-direction: column; gap: 118px;} #sub12_sect03 .inner{display: flex; flex-direction: column; gap: 30px; max-width: 1600px; width: 100%; margin: 0 auto;} #sub12_sect03 .inner ul{display: flex; align-items: center;} #sub12_sect03 .inner ul li{width: 100%;} #sub12_sect03 .inner .list_box{display: flex; flex-direction: column; gap: 28px; padding-left: 200px;} #sub12_sect03 .inner .list_box h3{color: #CA9C5F; font-family: "Sorts Mill Goudy"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 1.44; /* 144.444% */} #sub12_sect03 .inner .bottom_txt{display: flex; flex-direction: column; gap: 28px;} #sub12_sect03 .inner .bottom_txt h4{color: #000; font-family: Pretendard; font-size: 20px; font-style: normal; font-weight: 600; line-height: 1.3; /* 130% */} #sub12_sect03 .inner .bottom_txt p{color: #353535; font-family: Pretendard; font-size: 18px; font-style: normal; font-weight: 400; line-height: 1.44; /* 144.444% */} #sub12_sect04{padding: 120px 0; background: #FBFBFB;} #sub12_sect04 .top_box02 h3{color: #CA9C5F; font-family: "Noto Serif KR";} #sub12_sect04 .txt_box_wrap{display: flex; flex-direction: column; gap: 100px;} #sub12_sect04 .bottom_box{margin: 0 auto; max-width: 1600px; width: 100%;} #sub12_sect04 .bottom_box ul{display: flex; justify-content: space-between; text-align: center;} #sub12_sect04 .bottom_box ul li{position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;} #sub12_sect04 .bottom_box h3{padding-bottom: 4px; color: #CA9C5F; text-align: center; font-family: "Sorts Mill Goudy"; font-size: 20px; font-style: normal; font-weight: 400; line-height: 1.3; /* 130% */} #sub12_sect04 .bottom_box h4{color: #000; text-align: center; font-family: Pretendard; font-size: 20px; font-style: normal; font-weight: 600; line-height: 1.3; /* 130% */} #sub12_sect04 .bottom_box p{font-family: Pretendard; font-size: 18px; font-style: normal; font-weight: 300; line-height: 1.44; /* 144.444% */} #sub12_sect04 .bottom_box ul li::after{content: ""; display: inline-block; background:url("../sub/img/right_arrow.png") center center / cover no-repeat; right: 0; top: 124px; transform: translateX(calc(100% + 2px)); width: 24px; height: 24px; position: absolute;} #sub12_sect04 .bottom_box ul li:last-child:after{display: none;} #sub12_sect04 .bottom_box02{gap: 6px; display: flex; flex-direction: column; gap: 6px;} #sub11_sect05.sub12_sect05{padding: 188px 0; background:url("../sub/img/sub12_sect05.png") center center / cover no-repeat;} .sub12_sect05 .txt_box_wrap{color: #fff;} #sub11_sect05.sub12_sect05 .txt_box_wrap{gap: 95px;} #sub11_sect05.sub12_sect05 .bottom_box02{width: 165px; height: 88px; align-items: center; justify-content: center;} #sub11_sect05.sub12_sect05 .txt_box_wrap{max-width: 965px;} #sub12_sect06{padding: 120px 0; background: #FBFBFB;} #sub12_sect06 .top_box02 h3{color: #CA9C5F; font-family: Pretendard;} #sub12_sect06 .txt_box_wrap{display: flex; flex-direction: column; gap: 95px;} #sub12_sect06 .bottom_box{margin: 0 auto; max-width: 1600px; width: 100%;} #sub12_sect06 .bottom_box ul{display: flex; justify-content: space-between; text-align: center; align-items: start;} #sub12_sect06 .bottom_box ul li{position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;} #sub12_sect06 .bottom_box h4{color: #000; text-align: center; font-family: Pretendard; font-size: 20px; font-style: normal; font-weight: 600; line-height: 1.3; /* 130% */} #sub12_sect06 .bottom_box p{font-family: Pretendard; font-size: 18px; font-style: normal; font-weight: 300; line-height: 1.44; /* 144.444% */} #sub12_sect06 .bottom_box02{gap: 6px; display: flex; flex-direction: column; gap: 6px;} #sub12_sect07 {padding: 120px 0;} #sub12_sect07 .txt_box_wrap{display: flex; flex-direction: column; gap: 95px; max-width: 1600px; margin: 0 auto;} #sub12_sect07 .sub02-swiper{display: flex; flex-direction: column; gap: 40px;} #sub12_sect07 .swiper-slide{position: relative;} #sub12_sect07 .btn_wrap{display: flex; justify-content: center; align-items: center; gap: 20px;} #sub12_sect07 .btn_wrap > div{cursor: pointer;} #sub12_sect07 .swiper-slide h3{position: absolute; bottom: 40px; left: 40px; color: #FFF; font-family: Pretendard; font-size: 22px; font-style: normal; font-weight: 500; line-height: 1.45; /* 145.455% */ letter-spacing: -0.22px;} #sub12_sect08{padding: 120px 0;} #sub12_sect08 .txt_box_wrap{display: flex; flex-direction: column; gap: 95px; } #sub12_sect08 .faq_box{max-width: 976px; width: 100%; margin: 0 auto;} #sub12_sect08 .faq_box h4{cursor: pointer; display: flex; align-items: center; justify-content: center; height: 74px;border-top: 1px solid #EFE5D7; border-bottom: 1px solid #EFE5D7; background: #FEF9F3; color: #3C2302; font-family: SUIT; font-size: 26px; font-style: normal; font-weight: 700; line-height: 149%; /* 38.74px */ position: relative;} #sub12_sect08 .faq_box h4::after,#sub12_sect08 .faq_box h4::before{position: absolute; content: ""; display: inline-block; width: 28px; height: 2px; background: #CA9C5F; right: 34px; top: 50%; transform: translateY(-50%); transition: .3s;} #sub12_sect08 .faq_box li h4::after{transform: rotate(-90deg) translateY(-50%);} #sub12_sect08 .faq_box li.active h4::after{transform: rotate(0deg) translateY(-50%);} #sub12_sect08 .faq_box p{display: none; overflow: hidden; display: flex; height: 198px; padding: 41px 0; justify-content: center; align-items: center; gap: 10px; align-self: stretch; color: #353535; text-align: center; font-family: SUIT; font-size: 20px; font-style: normal; font-weight: 500; line-height: 158%; /* 31.6px */} #sub12_sect08 .faq_box li:last-child p{border-bottom: 1px solid #EFE5D7;} #sub12_sect06.sub12_sect09 .top_box02 h4{font-family: "Sorts Mill Goudy"; font-weight: 400;} .sub11_bg{background:url("../sub/img/sub11_sec01.png") center center / cover no-repeat; } .sub21_sect01_bg{background:url("../sub/img/sub21_sec01.png") center center / cover no-repeat; } .sub21_sect02_bg{background:url("../sub/img/sub21_sec02.png") center center / cover no-repeat; } .sub21_sect06_bg{background:url("../sub/img/sub21_sec06.png") center center / cover no-repeat; } .sub21_sect07_bg{background:url("../sub/img/sub21_sec07.png") center center / cover no-repeat; } .sub21_sect10_bg{background:url("../sub/img/sub21_sect10_bg.png") center center / cover no-repeat; } .sub22_sect01_bg{background:url("../sub/img/sub22_sec01.png") center center / cover no-repeat; } .sub22_sect02_bg{background:url("../sub/img/sub22_sec02.png") center center / cover no-repeat; } .sub22_sect04_bg{background:url("../sub/img/sub22_sec04.png") center center / cover no-repeat; } .sub22_sect07_bg{background:url("../sub/img/sub22_sec07.png") center center / cover no-repeat; } .sub22_sect08_bg{background:url("../sub/img/sub22_sec08.png") center center / cover no-repeat;} .sub31_sect01_bg{background:url("../sub/img/sub31_sec01.png") center center / cover no-repeat;} .sub31_sect02_bg{background:url("../sub/img/sub31_sec02.png") center center / cover no-repeat;} .sub31_sect03_bg{background:url("../sub/img/sub31_sec03.png") center center / cover no-repeat;} .sub31_sect04_bg{background:url("../sub/img/sub31_sect04.png") center center / cover no-repeat;} .sub32_sect01_bg{background:url("../sub/img/sub32_sec01.png") center center / cover no-repeat;} .sub32_sect02_bg{background:url("../sub/img/sub32_sec02.png") center center / cover no-repeat;} .sub32_sect03_bg{background:url("../sub/img/sub32_sec03.png") center center / cover no-repeat;} #comm_sect01{ display: flex; flex-direction: column; justify-content: center; align-items: center; height: 800px;} #comm_sect01 .txt_box h3{color: #fff; text-align: center; font-family: "Sorts Mill Goudy"; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal;} #comm_sect01 .txt_box h4{color: #fff; text-align: center; font-family: "Sorts Mill Goudy"; font-size: 40px;font-style: normal;font-weight: 400; line-height: normal; } #comm_sect01 .txt_box h4 .plus{font-weight: 300;} #comm_sect01 .txt_box p{color: #fff; text-align: center; font-family: Pretendard; font-size: 18px; font-style: normal; font-weight: 400; line-height: 1.44; } #comm_sect01 .txt_box p.Sorts{font-family: "Sorts Mill Goudy";} #comm_sect01 .bottom_box {color: #fff; text-align: center; font-family: "Noto Serif KR"; font-size: 26px; font-style: normal; font-weight: 600; line-height: normal;} #comm_sect02{color: #FFF; height: 800px; display: flex; flex-direction: column; align-items: center; justify-content: center;} #comm_sect02 .top_box p{font-size: 20px;} #comm_sect02 .top_box p span{font-weight: 700;} #comm_sect02 .txt_box_wrap{display: flex; flex-direction: column; gap: 100px;} #comm_sect02 .bottom_box {color: #FFF; text-align: center; font-family: Pretendard; font-size: 18px; font-style: normal; font-weight: 300; line-height: 1.44; display: flex; flex-direction: column; gap: 100px; justify-content: center; align-items: center;} #comm_sect02 .bottom_txt{display: flex; gap: 12px; align-items: center;} #comm_sect02.sub21 .txt_box_wrap{gap: 80px;} #comm_sect03{color: #FFF; height: 800px; display: flex; flex-direction: column; align-items: center; justify-content: center;} #comm_sect03 .top_box p{font-size: 18px; font-weight: 300;} #comm_sect03 .top_box p span{font-size: 20px; font-weight: 700;} #comm_sect03 .txt_box_wrap{display: flex; flex-direction: column; gap: 40px;} #comm_sect03 .bottom_box {color: #FFF; text-align: center; font-family: Pretendard; font-size: 18px; font-style: normal; font-weight: 300; line-height: 1.44; display: flex; flex-direction: column; gap: 100px; justify-content: center; align-items: center;} #comm_sect03 .bottom_txt{display: flex; gap: 12px; align-items: center;} #comm_half{display: flex; flex-direction: column; justify-content: center; align-items: center; height: 800px;} #comm_half .inner{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;} #comm_half .inner ul{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } #comm_half .inner ul li{position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;} #comm_half .inner ul li .top_box h3{color: #CA9C5F; font-family: "Noto Serif KR";} #comm_half .inner .img_box img{width: 100%; height: 100%; object-fit: cover;} #comm_half .txt_box_wrap{display: flex; flex-direction: column; gap: 80px; align-items: center; justify-content: center;} #comm_half .bottom_txt{display: flex; flex-direction: column; gap: 20px; align-items: center; justify-content: center;} #comm_half .bottom_box{display: flex; flex-direction: column; gap: 28px;} #comm_half .bottom_box p{color: #000; text-align: center;font-family: Pretendard; font-size: 18px; font-style: normal; font-weight: 300; line-height: 1.44; /* 144.444% */} #comm_half .bottom_txt span{color: #222630; font-family: Pretendard; font-size: 22px; font-style: normal; font-weight: 500; line-height: 1.45; /* 145.455% */ letter-spacing: -0.22px;} #comm_half .mark{display: inline-block; position: relative;} #comm_half .mark strong{position: relative; z-index: 2; font-weight: 500;} #comm_half .mark::after{bottom: -2px; left:-1%; z-index: 1; content: ""; display: inline-block; position: absolute; height: 80%; width: 102%; background: #F2EAE0;} #comm_half .list_box{display: flex; flex-direction: column; gap: 41px; max-width: 474px; width: 100%;} #comm_half .list_txt{display: flex; flex-direction: column; gap: 41px;} #comm_half .list_txt > p{color: #383838; text-align: center; font-family: Pretendard; font-size: 18px; font-style: normal; font-weight: 300; line-height: 1.44; /* 144.444% */} #comm_half .list_txt ul{display: flex; flex-direction: column; gap: 20px;} #comm_half .list_txt ul li{border-radius: 40px; border: 1px solid #CA9C5F; display: flex; width: 100%; padding: 4px 32px; justify-content: start;align-items: center; gap: 10px;} #comm_half .list_txt ul li p{color: #222630; font-family: Pretendard; font-size: 18px; font-style: normal; font-weight: 300; line-height: 1.77; /* 177.778% */ letter-spacing: -0.18px;} #comm_half .list_txt ul li p span{font-weight: 600;} #comm_half .list_top{top: 45px; left: 45px; position: absolute; padding: 0 20px; border-left: 3px solid #CA9C5F; display: flex; flex-direction: column; gap: 16px;} #comm_half .list_top p{color: #FFF; font-family: Pretendard; font-size: 20px; font-style: normal; font-weight: 500; line-height: 1.5; /* 150% */ letter-spacing: -0.2px;} #comm_half .list_top02 {top: 45px; left: auto; right: 45px; border: none; border-right: 3px solid #CA9C5F;} #comm_half .list_top02 p{color: #353535;} #sub11_sect05.sub21_sect05{height: 800px; background:url("../sub/img/sub21_sec05.png") center center / cover no-repeat; } #sub11_sect05.sub21_sect05 .txt_box_wrap{max-width: 1420px;} #sub11_sect05.sub21_sect05 .bottom_box02{height: 100px; align-items: center; justify-content: center; width: 328px;} #sub11_sect05.sub21_sect05 .bottom_box02{padding: 18px 0;} #sub12_sect04.sub21_sect07{background: #fff;} #sub12_sect04.sub21_sect07 .bottom_box ul li{justify-content: start;} #sub12_sect04.sub21_sect07 .top_box02 h3{font-family: "Sorts Mill Goudy";} #sub12_sect06.sub21_sect08{background: #fff;} #sub12_sect06.sub21_sect08 .bottom_box{max-width: 1120px;} #sub11_sect07.sub21_sect11{height: 800px; background:url("../sub/img/sub21_sect11_bg.png") center center / cover no-repeat; } #sub11_sect07.sub31_sect07{height: 800px; background:url("../sub/img/sub31_sect07.png") center center / cover no-repeat;} #sub11_sect07.sub32_sect07{height: 800px; background:url("../sub/img/sub32_sect07.png") center center / cover no-repeat;} #sub11_sect14{padding: 120px 0;} #sub11_sect14 .inner{display: flex; gap: 140px; width: 100%; max-width: 1600px; margin: 0 auto;} #sub11_sect14 .txt_box_wrap{display: flex; flex-direction: column; gap: 98px; align-items: center;} #sub11_sect14 .top_box02 h3{color: #CA9C5F; font-family: "Noto Serif KR";} #sub11_sect14 .inner ul li{padding: 40px 0; display: flex; flex-direction: column; gap: 10px;} #sub11_sect14 .inner ul li:first-child{padding-top: 0;} #sub11_sect14 .inner ul li h3{color: #767676; font-family: "Sorts Mill Goudy"; font-size: 20px; font-style: normal; font-weight: 400; line-height: 1.3; /* 130% */} #sub11_sect14 .inner ul li h4{color: #767676; font-family: Pretendard; font-size: 20px; font-style: normal; font-weight: 600; line-height: 1.3; /* 130% */} #sub11_sect14 .inner ul li p{color: #767676; font-family: Pretendard; font-size: 18px; font-style: normal; font-weight: 400; line-height: 1.44; /* 144.444% */} #sub11_sect14 .inner ul li.active{border-bottom: 1px solid #EFE5D7;} #sub11_sect14 .inner ul li.active h3{color: #CA9C5F;} #sub11_sect14 .inner ul li.active h4{color: #383838;} #sub11_sect14 .inner ul li.active p{color: #383838;} #sub11_sect14 .list_bottom{display: flex; flex-direction: column; gap: 6px;} #sub11_sect15{height: 800px; display: flex; align-items: center; justify-content: center; background:url("../sub/img/sub21_sec15.png") center center / cover no-repeat;} #sub11_sect15 .txt_box_wrap{color: #fff;} #sub11_sect15 .top_txt{text-align: center; font-family: Pretendard; font-size: 18px; font-style: normal; font-weight: 400; line-height: 1.44; /* 144.444% */ letter-spacing: -0.18px; display: flex; padding: 10px 0; justify-content: center; align-items: center; gap: 10px;border-radius: 30px; border: 1px solid #FFF; width: 100%; max-width: 256px; margin: 0 auto;} .swiper-notification{display: none;} @media (max-width: 1024px){ #sub11_sect05.sub21_sect05{height: 800px; background:url("../sub/img/sub21_sec05_mo.png") center center / cover no-repeat; } .sub-bg.slide01{ background:url("../sub/img/sub12_sect1_img01.png") center left -300px / cover no-repeat; } .sub21_sect06_bg{background: url(../sub/img/sub21_sec06.png) center left / cover no-repeat;} #sub11_sect01{height: 100vh; padding: 0; margin-top: 19vw;} #sub11_sect02{height: 100vh; padding: 0;} #sub11_sect02 .bottom_box{flex-wrap: wrap; gap: 2vw; justify-content: center;} #sub11_sect03{height: 100vh; padding: 0;} #sub11_sect04{height: 100vh; padding: 0;} #sub11_sect05{padding: 20vw 0; height: auto;} #sub11_sect06{padding: 20vw 5%;} #sub11_sect07 {height: 100vh; padding: 0;} #sub11_sect08{height: 100vh; padding: 0;} #sub11_sect09{height: 100vh; padding: 0;} #sub11_sect10{padding: 20vw 0;} #sub11_sect11{height: 100vh; padding: 0;} #sub11_sect12{padding: 20vw 5%;} #sub11_sect12 .inner{flex-direction: column; gap: 10vw; } .top_box02{gap: 5vw;} .top_box{gap: 8vw;} .txt_box{gap: 8vw;} #sub11_sect03 .bottom_box{gap: 5vw;} #sub11_sect03 .bottom_box .bottom_top_box{padding: 3vw;} #sub11_sect05 .txt_box_wrap{gap: 8vw;} #sub11_sect06 .txt_box_wrap{gap: 8vw;} #sub11_sect07 .txt_box_wrap{gap: 8vw;} #sub11_sect05 .bottom_box ul{flex-wrap: wrap; gap: 8vw; justify-content: center;} #sub11_sect05 .bottom_box ul li{gap: 3vw; width: 70%;} #sub11_sect05.w_37 .bottom_box ul li{width: 37vw;} #sub11_sect05.sub12_sect05 .bottom_box02{width: 100%; height: 25vw; padding: 3vw;} #sub11_sect05 .bottom_box02{gap: 3vw; padding: 0; height: 35vw; align-items: center; justify-content: center;} #sub11_sect06 .bottom_box ul{flex-direction: column; gap: 8vw;} #sub11_sect06 .bottom_box ul li{gap: 3vw;} #sub11_sect06 .bottom_box02{gap: 1vw;} #sub11_sect07 .bottom_box ul{gap: 5vw;} #sub11_sect07 .bottom_box ul li{width: 30vw; height: 30vw; gap: 3vw;} #sub11_sect10 .bottom_box ul li::after{display: none;} #sub11_sect10 .txt_box_wrap{gap: 5vw;} #sub11_sect10 .bottom_box ul { gap: 8vw 3vw; flex-wrap: wrap; justify-content: center;} #sub11_sect10 .bottom_box ul li{width: 40vw; gap: 3vw;} #sub11_sect10 .bottom_box02{gap: 1vw;} #sub11_sect12 .right_cont{gap: 5vw;} #sub11_sect12 .center_box{gap: 3vw;} #sub11_sect12 .bottom_box{gap: 8vw; text-align: center;} #sub12_sect02{padding: 20vw 5%;} #sub12_sect02 .inner{flex-direction: column; gap: 5vw;} #sub12_sect02 .top_txt{gap: 3vw;} #sub12_sect02 .txt_box{gap: 5vw;} #sub12_sect02 .bottom_txt{gap: 8vw;} #sub12_sect03 .txt_box_wrap{gap: 8vw;} #sub12_sect04{padding: 20vw 5%;} #sub12_sect04 .bottom_box ul li::after{display: none;} #sub12_sect04 .txt_box_wrap{gap: 8vw;} #sub12_sect04 .bottom_box ul li{gap: 3vw;} #sub11_sect05.sub12_sect05{padding: 20vw 5%;} #sub11_sect05.sub12_sect05 .txt_box_wrap{gap: 8vw;} #sub12_sect06 .bottom_box ul li{gap: 3vw;} #sub12_sect06 .bottom_box02{gap: 1vw;} #sub12_sect06 .txt_box_wrap{gap: 8vw;} #sub12_sect06{padding: 20vw 5%;} #sub12_sect04 .bottom_box ul{flex-direction: column; gap: 10vw; justify-content: center; align-items: center;} #sub12_sect06 .bottom_box ul{flex-direction: column; gap: 10vw; justify-content: center; align-items: center;} #sub12_sect04 .bottom_box02{gap: 2vw;} #sub12_sect03 .inner ul{flex-direction: column; gap: 3vw;} #sub12_sect03 .inner .list_box{padding: 0;} #sub12_sect03{padding: 20vw 5%;} #sub12_sect03 .inner .list_box{gap: 3vw; text-align: center;} #sub12_sect03 .inner .bottom_txt{gap: 3vw;} #sub12_sect07 .txt_box_wrap{gap: 8vw;} #sub12_sect07{padding: 20vw 5%;} #sub12_sect07 .sub02-swiper{gap: 3vw;} #sub12_sect08{padding: 0 5% 20vw;} #sub12_sect08 .txt_box_wrap{gap: 8vw;} #comm_sect02{height: 100vh;} #comm_sect02 .txt_box_wrap{gap: 8vw;} #comm_sect02 .bottom_box{gap: 8vw;} #comm_half{height: auto; padding: 20vw 5%;} #comm_half .inner ul{flex-direction: column; height: auto; justify-content: center; align-items: center; gap: 20vw;} #comm_half .inner ul ul{gap: 3vw;} #comm_half .inner ul li{height: auto;} #comm_half .txt_box_wrap{gap: 8vw;} #comm_half .bottom_box{gap: 5vw;} #comm_half .bottom_txt{gap: 2vw;} #sub11_sect05.sub21_sect05{height: auto;} #sub11_sect05.sub21_sect05 .bottom_box02{width: 100%; height: auto; padding: 3vw 0;} #comm_sect02.sub21 .txt_box_wrap{gap: 8vw;} #comm_sect02 .bottom_txt{flex-wrap: wrap; gap: 2vw; justify-content: center;} #sub11_sect14{padding: 0 5% 20vw;} #sub11_sect14 .txt_box_wrap{gap: 8vw;} #comm_half .list_top{padding: 0 2vw; gap: 3vw; top: 5vw; left: 5vw;} #comm_half .list_top02{padding: 0 2vw; gap: 3vw; top: 5vw; left: auto; right: 5vw; text-align: right;} #sub11_sect14 .inner{gap: 5vw; flex-direction: column;} #comm_half .list_box{gap: 8vw;} #sub11_sect14 .inner ul li{gap: 3vw; padding: 5vw 0;} #sub11_sect14 .list_bottom{gap: 1vw;} #sub11_sect15 .top_txt{padding: 3vw 0;} #comm_half.order li:first-child{order:2;} #comm_half.order li:last-child{order: 1;} #comm_half + #comm_half{padding-top: 0;} #sub12_sect06.sub21_sect08.sub22{padding-top: 0;} #comm_sect03 .bottom_txt{gap: 2vw;} #sub11_sect05.last_section li:first-child .bottom_box02{width: auto; height: 40vw;} #sub11_sect05.last_section li:nth-child(2) .bottom_box02{width: auto; height: 40vw;} #sub11_sect05.last_section.w_37 li:last-child {width: 80%;} #sub11_sect05.last_section li:last-child .bottom_box02{width: auto; height: 29vw; width: 100%;} #sub11_sect05.last_section.last_section02 li:first-child .bottom_box02{width: auto; height: 45vw;} #sub11_sect05.last_section.last_section02 li:nth-child(2) .bottom_box02{width: auto; height: 45vw;} #sub12_sect03 .inner ul:nth-child(2n) li:last-child{order: 1;} #sub12_sect03 .inner ul:nth-child(2n) li:first-child{order: 2;} #sub12_sect07 .btn_wrap{gap: 3vw;} #sub12_sect07 .btn_wrap > div{width: 8vw;} #sub12_sect07 .swiper-slide h3{bottom: 3vw; left: 3vw;} #sub11_sect05.last_section{height: auto;} } .pc_425{display: block;} .mo_425{display: none;} @media (max-width: 425px){ .pc_425{display: none;} .mo_425{display: block;} #sub11_sect01 .txt_box h3{font-size: 3.2vw;} #sub11_sect01 .txt_box h4{font-size: 6vw;} #sub11_sect01 .txt_box p{font-size: 3.2vw;} #sub11_sect01 .bottom_box{font-size: 5.5vw;} .top_box02 h3{font-size: 3.2vw;} .top_box02 h4{font-size: 6vw;} .top_box p{font-size: 3.2vw;} #sub11_sect02 .bottom_box p {font-size: 3.2vw;} #sub11_sect03 .bottom_box h5{font-size: 3.5vw;} #sub11_sect03 .bottom_box p{font-size: 3.2vw;} .num_box{font-size: 15vw;} #sub11_sect05 .bottom_box h3{font-size: 5vw;} #sub11_sect05 .bottom_box h4{font-size: 3.5vw;} #sub11_sect05 .bottom_box p{font-size: 3.2vw; font-weight: 300;} #sub11_sect06 .bottom_box h4{font-size: 3.5vw;} #sub11_sect06 .bottom_box p{font-size: 3.2vw;} #sub11_sect07 .bottom_box ul li h4{font-size: 5vw;} #sub11_sect07 .bottom_box ul li p{font-size: 3.2vw;} #sub11_sect10 .bottom_box h4{font-size: 5vw; font-weight: 500;} #sub11_sect10 .bottom_box p{font-size: 3.2vw;} #sub11_sect12 .top_box{font-size: 15vw;} #sub11_sect12 .right_cont h4{font-size: 5vw;} #sub11_sect12 .right_cont p{font-size: 3.2vw;} #sub11_sect12 .bottom_box02{font-size: 3.5vw;} #sub12_sect01 .txt_box h3{font-size: 3.2vw;} #sub12_sect01 .txt_box h4{font-size: 6vw;} #sub12_sect01 .txt_box p{font-size: 3.2vw;} #sub12_sect01 .bottom_box{font-size: 5.5vw;} #sub12_sect02 .bottom_txt p{font-size: 3.2vw;} #sub12_sect02 .top_txt h3{font-size: 5vw;} #sub12_sect02 .top_txt p{font-size: 3.2vw;} #sub12_sect02 .center_txt{font-size: 3.5vw;} #sub12_sect03 .inner .list_box h3{font-size: 4vw;} #sub12_sect03 .inner .bottom_txt h4{font-size: 3.5vw;} #sub12_sect03 .inner .bottom_txt p{font-size: 3.2vw;} #sub12_sect04 .bottom_box h4{font-size: 5vw;} #sub12_sect04 .bottom_box h4{font-size: 3.5vw;} #sub12_sect04 .bottom_box p{font-size: 3.2vw;} #sub12_sect06 .bottom_box h4{font-size: 3.5vw;} #sub12_sect06 .bottom_box p{font-size: 3.2vw;} #sub12_sect08 .faq_box h4{font-size: 3.5vw;} #sub12_sect08 .faq_box p{font-size: 3.2vw;} #sub12_sect08 .faq_box h4::after, #sub12_sect08 .faq_box h4::before{display: none;} #comm_sect01 .txt_box h3{font-size: 3.2vw;} #comm_sect01 .txt_box h4{font-size: 6vw;} #comm_sect01 .txt_box p{font-size: 3.2vw;} #comm_sect01 .bottom_box{font-size: 5.5vw;} .top_box02 h4{font-size: 6vw;} #comm_sect02 .top_box p{font-size: 3.2vw;} #comm_sect02 .bottom_box{font-size: 3.2vw;} #comm_half .bottom_box p{font-size: 3.2vw;} #comm_half .bottom_txt{font-size: 3.5vw;} #comm_half .bottom_txt span{font-size: 3.5vw;} #comm_half .list_top p{font-size: 3.2vw;} #comm_half .list_txt ul li p{font-size: 3.2vw;} #comm_half .list_txt > p{font-size: 3.2vw;} #sub11_sect14 .inner ul li h3{font-size: 5vw;} #sub11_sect14 .inner ul li h4{font-size: 3.5vw;} #sub11_sect14 .inner ul li p{font-size: 3.2vw;} #sub11_sect15 .top_txt{font-size: 3.2vw;} #comm_sect03 .top_box p {font-size: 3.2vw;} #comm_sect03 .top_box p span{font-size: 3.5vw;} #comm_sect03 .bottom_box{font-size: 3.2vw;} #sub12_sect07 .swiper-slide h3{font-size: 3.5vw;} #comm_sect02 .top_box p span{font-size: 5.5vw;} #sub11_sect05.sub21_sect05{padding-bottom: 90vw;} #sub11_sect05.sub21_sect05 .top_box02 h3{font-family: "Noto Serif KR"; font-size: 3.8vw;} #sub11_sect05.sub21_sect05 .top_box02 h4{font-size: 7.3vw;} #sub11_sect05.sub21_sect05 .top_box02{gap: 2vw;} #sub11_sect05.sub21_sect05 .top_box{gap: 4vw;} #sub11_sect05.sub21_sect05 .top_box p{font-size: 3.7vw;} #sub11_sect05.sub21_sect05 .txt_box_wrap {gap: 10vw;} #sub11_sect05.sub21_sect05 .bottom_box ul li{gap: 1vw;} } /* 벤자민 일문 페이지 */ .w_logo{display: block;} .b_logo{display: none;} .jp.scrolld .w_logo{display: none;} .jp.scrolld .b_logo{display: block;} .jp .lang-btn{padding: 10px; border-radius: 30px; border: 1px solid #fff; color: #fff;} .jp .lang-btn svg{color: #fff; filter: brightness(0) invert(1);} .jp .nav-links li a{color: #fff;} .jp.scrolld .lang-btn{ border: 1px solid #171717; color: #171717;} .jp.scrolld .lang-btn svg{color: #171717; filter: none;} .jp.scrolld .nav-links li a{color: #171717;} .sect01{display: flex; align-items: center; justify-content: start; height: 960px; background:url("../jp/img/sect01.png") center center / cover no-repeat; } .sect01 .inner{max-width: 1496px; width: 100%; margin: 0 auto;} .sect01 h3{color: #FFF; font-family: Pretendard; font-size: 1.875rem; font-style: normal; font-weight: 700; line-height: normal;} .sect01 h4{color: #FFF; font-family: "Sorts Mill Goudy"; font-size: 3.75rem; font-style: normal; font-weight: 400; line-height: normal; } .sect01 p{color: #FFF; font-family: Pretendard; font-size: 1.875rem; font-style: normal; font-weight: 500; line-height: normal;} .sect02 {padding: 194px 0 164px; } .sect02 .inner{display: flex; justify-content: space-between; max-width: 1496px; width: 100%; margin: 0 auto;} .sect02 .left_box{display: flex; flex-direction: column; justify-content: space-between;} .sect02 h3{color: #141414; text-align: center; font-family: "Sorts Mill Goudy"; font-size: 3.625rem; font-style: normal; font-weight: 400; line-height: 1.22; /* 122.414% */ letter-spacing: -1.16px;} .sect02 h3 span{color: #CA9C5F;} .sect02 ul{display: flex; flex-direction: column; gap: 27px;} .sect02 ul li{display: flex; width: 100%; max-width: 674px; height: 196px; padding: 46px 0; flex-direction: column; align-items: center; gap: 10px; color: #fff; border-radius: 30px; overflow: hidden;} .sect02 ul li h4{ font-size: 3.125rem; font-style: normal; font-weight: 500; line-height: normal;} .sect02 ul li p{font-size: 1.563rem; font-style: normal; font-weight: 500; line-height: normal;} .sect02 ul li:first-child{background: #DBDBDB;} .sect02 ul li:nth-child(2){background: #CA9C5F;} .sect02 ul li:last-child{background: #222630;} .sect03{padding: 166px 0 157px; background:url("../jp/img/sect03.png") center center / cover no-repeat;} .sect03 .inner{display: flex; justify-content: space-between; max-width: 1496px; width: 100%; margin: 0 auto;} .sect03 .inner .card_wrap{display: flex; gap: 55px; align-items: center; justify-content: center;} .sect03 .inner h3{padding-top: 22px; color: #FFF; font-family: Pretendard; font-size: 4.5rem; font-style: normal; font-weight: 500; line-height: .94; /* 94.514px */} .sect04{ background:#303543 url("../jp/img/sect04.png") center center / 1920px no-repeat; padding: 238px 0 105px; } .sect04 .inner{ max-width: 1368px; margin: 0 auto; width: 100%; height: 705px; display: flex; flex-direction: column; justify-content: space-between; text-align: center;} .sect04 .inner .top_box h3{color: #FFF; text-align: center; font-family: Pretendard; font-size: 3.125rem; font-style: normal; font-weight: 500; line-height: normal;} .sect04 .inner .bottom_box h3{color: #ADABB5; text-align: center; font-family: Pretendard; font-size: 3.125rem; font-style: normal; font-weight: 500; line-height: 72px; /* 144% */} .sect05{padding: 238px 0 159px; } .sect05 .inner{display: flex; gap: 146px; max-width: 1436px; margin: 0 auto;} .sect05 .txt_box{gap: 0;} .sect05 .txt_box h3{color: #CA9C5F; font-family: Amiri; font-size: 1.313rem; font-style: normal; font-weight: 400; line-height: 3.38; /* 338.095% */} .sect05 .txt_box h4 {color: #141414; font-family: "Sorts Mill Goudy"; font-size: 3.438rem; font-style: normal;font-weight: 400;line-height: 1.29; /* 129.091% */} .sect05 .txt_box p{color: #000; font-family: Pretendard; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 1.5; /* 150% */ padding-top: 10px;} .sect05 .inner .bottom_box ul{width: 100%; display: flex; justify-content: space-between; gap: 24px; padding-top: 42px; padding-bottom: 56px;} .sect05 .inner .bottom_box ul li{text-align: center; width: 172px; height: 172px; display: flex; align-items: center; justify-content: center; color: #fff; background: #CA9C5F; border-radius: 100px;color: #FFF; font-family: Pretendard; font-size: 1.125rem; font-style: normal; font-weight: 700; line-height: 1.5; /* 150% */} .sect05 .inner .bottom_txt{border-radius: 30px; background: #F6F6F6; width: 564px; height: 201px; text-align: center; justify-content: center; display: flex; align-items: center;} .sect05 .inner .bottom_txt p{color: #CA9C5F; text-align: center; font-family: Pretendard; font-size: 2.25rem; font-style: normal; font-weight: 700; line-height: 1.47; /* 147.222% */} .sect05 .inner .bottom_txt02 strong{font-weight: 700; font-family: Pretendard; font-size: 2.25rem; font-style: normal; line-height: 1.55; /* 155.556% */} .sect05 .inner .bottom_txt02 p {color: #CA9C5F; font-family: "Sorts Mill Goudy"; font-size: 2.563rem; font-style: normal; font-weight: 400; line-height: 1.55;} .sect06{padding-top: 163px; background: #FFFCF9;} .bot_txt_wrap{display: flex; gap: 22px; flex-direction: column; padding-top: 38px;} .sect05 .inner .bot_txt_wrap .bottom_txt{background: #FDF6ED; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px;} .sect05 .inner .bot_txt_wrap .bottom_txt span{color: #838383; text-align: center; font-family: Pretendard; font-size: 1.188rem; font-style: normal; font-weight: 500; line-height: 1.47; /* 147.368% */} .sect07{padding-top: 159px;} .sect07 .inner{align-items: center;} .sect08{padding-top: 163px;} .sect08 .inner{gap: 106px;} .sect08 .inner .txt_box h4{font-size: 3.25rem;} .sect08 .bottom_txt03{display: flex; flex-direction: column; gap: 13px; padding-top: 76px;} .sect08 .bottom_txt03 p{width: 564px; height: 87px; border-radius: 10px; display: flex; align-items: center; justify-content: center; background: #FDF6ED; color: #CA9C5F; text-align: center; font-family: Pretendard; font-size: 1.75rem; font-style: normal; font-weight: 700; /* 189.286% */} .card_box{padding: 35px 30px 0; height: 625px; background: #fff; border-radius: 30px; display: flex; flex-direction: column; gap: 18px; align-items: center; justify-content: start;} .card_box .card_top{display: flex; flex-direction: column; gap: 18px; align-items: start; justify-content: center;} .card_box .top_txt{display: flex; flex-direction: column; gap: 11px; align-items: start; justify-content: center; width: 100%;} .sect03 .inner .card_box h3{color: #141414; text-align: left; font-family: Pretendard; font-size: 33px; font-weight: 500; line-height: 131.27%; padding-top: 0;} .card_box .card_top p{color: #141414; font-family: Pretendard; font-size: 18px; font-style: normal; font-weight: 400; line-height: 150.3%; } .card_box .card_bottom{display: flex; flex-direction: column; gap: 20px; padding-top: 23px; border-top: 1px solid #E3E3E3;} li:nth-child(2) .card_box .card_bottom{gap: 14px;} .card_box .card_bottom p{display: flex; gap: 13px; align-items: center; color: #CA9C5F; font-family: Inter; font-size: 18px; font-style: normal; font-weight: 500; line-height: 131.27%;} .card_box .card_bottom p img{max-width: 24px;} @media (max-width: 1024px){ .sect01{height:170vw; } .sect01 .txt_box{ gap: 2vw; text-align: center; padding-bottom: 39px;} .sect02{padding: 28.5vw 0 19.5vw;} .sect02 .inner{flex-direction: column; width: 66%; gap: 20px;} .sect02 .inner .right_box{order: 1;} .sect02 .inner .left_box{order: 2;} .sect02 ul{gap: 4vw;} .sect02 ul li{padding: 4vw 0; height: 19vw; border-radius: 2vw; gap: 1.2vw;} .sect03{background: url("../jp/img/sect03m.png") center center / cover no-repeat;} .sect03{padding: 16.5vw 0 25.5vw;} .sect03 .inner{flex-direction: column; gap: 6vw;} .sect03 .inner h3{padding-top: 0;} .sect03 .inner .card_wrap{display: flex; flex-direction: column; gap: 5vw; width: 66%; margin: 0 auto;} .sect04{padding: 16.5vw 0 15.5vw; background: url("../jp/img/sect04_m.png") center center / cover no-repeat;} .sect04 .inner{height: 59vw;} .sect05{padding: 14vw 0 ;} .sect05 .txt_box{text-align: center;} .sect05 .inner{flex-direction: column; width: 66%; margin: 0 auto; gap: 5vw;} .sect05 .right_cont{order: 1;} .sect05 .left_cont{order: 2;} .sect05 .inner .bottom_box ul{justify-content: center; gap: 2vw; padding-bottom: 5vw;} .sect05 .inner .bottom_box ul li{width: 20vw; height: 20vw;} .sect05 .inner .bottom_txt{width: 100%; height: 22vw; border-radius: 2vw;} .bot_txt_wrap{padding: 0;} .sect05 .inner .bot_txt_wrap .bottom_txt{gap: 1vw;} .sect07 .inner {gap: 4vw;} .sect08 .bottom_txt03{padding-top: 0;} .sect08 .bottom_txt03 p{width: 100%; height: 10vw;} li:nth-child(2) .card_box{height: 95vw;} .card_box .card_top{gap: 2vw;} .card_box .top_txt{gap: 2vw;} .card_box .card_bottom{padding-top: 4vw; gap: 3vw;} .card_box{gap: 3vw; border-radius: 3vw; padding: 6vw 20px 0; height: 94vw;} li:nth-child(2) .card_box .card_bottom{gap: 2.5vw;} } .pc_425{display: block;} .mo_425{display: none;} @media (max-width: 425px){ .pc_425{display: none;} .mo_425{display: block;} .sect01 h4{font-size: 7.4vw;} .sect01 h3{font-size: 3.8vw;} .sect01 p{font-size: 3.8vw;} .sect02 h3{font-size: 6.4vw; padding-bottom: 18px;} .sect02 ul li h4{font-size: 4.2vw;} .sect02 ul li p{font-size: 2.3vw;} .sect03 .inner h3{font-size: 6.5vw; text-align: center;} .sect04 .inner .top_box h3{font-size: 4.4vw;} .sect04 .inner .top_box h3 span{text-align: center; font-family: "Sorts Mill Goudy"; color: #CA9C5F; font-size: 5.6vw;} .sect04 .inner .bottom_box h3{font-size: 3.8vw; line-height: 1.5; } .sect05 .txt_box{padding-bottom: 20px;} .sect05 .txt_box h3{font-family: "Sorts Mill Goudy"; font-size: 2.6vw; line-height: 3.08; } .sect05 .txt_box h4{font-size: 6.3vw;} .sect05 .txt_box p{padding-top: 0; font-size: 2.7vw;} .sect05 .inner .bottom_box ul {padding: 0; } .sect05 .inner .bottom_box ul li{font-size: 3vw;} .sect05 .inner .bottom_txt p{font-size: 3.8vw;} .sect05 .inner .bot_txt_wrap .bottom_txt span{font-size: 2.8vw;} .sect07 .txt_box h4{display: none;} .sect07 .txt_box p {font-size: 6.2vw; font-family: "Sorts Mill Goudy"; } .sect05 .inner .bottom_txt02 strong{font-size: 3.2vw;} .sect07 .txt_box p {line-height: 1.2;} .sect08 .inner .txt_box h4{font-size: 6.3vw;} .sect08 .bottom_txt03 p{font-size: 3.3vw;} .sect05 .txt_box{padding-bottom: 0;} .sect03 .inner .card_box h3{font-size: 4.5vw;} .card_box .card_top p {font-size: 2.8vw;} .card_box .card_bottom p{font-size: 2.8vw; white-space: nowrap;} .card_box .card_bottom p img{width: 2vw!important;} }