/*! sec01 start*/
@import url(https://circleclinic.cafe24.com/bizdemo158119/img/youlbit/swf/css/font.css);




.skin_wrap .sec01 {background-image: url('/bizdemo158119/img/youlbit/images/sec01_bg.png'); background-repeat: no-repeat; background-position: center; margin-bottom: 50px;}
.skin_wrap .sec01 .skin_sec01_vid {position: relative; display: flex; justify-content: center;}
.skin_wrap .sec01 .bg_line {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; z-index: -1;}
.skin_wrap .one_mo_tit {display: flex; flex-direction: column; padding: 200px 0 90px;}
.skin_wrap .one_mo_tit h1 {font-size: 140px; font-family: 'Marcellus'; color: #7f5f3b; opacity: 0.1;}
.skin_wrap .one_mo_tit h1:first-child {margin-right: auto;}
.skin_wrap .one_mo_tit h1:last-child {margin-left: auto; line-height: 0.7;}
.one_mo_tit_fr {margin-left: 200px;}
.n_scar_sec07_images .swiper-slide img{width:100%;}



@media(max-width:1240px) {
    .skin_wrap .sec .sec_tit span {margin: 0 0 50px;}
    .skin_wrap .sec01 {background-image: url('');}
    .skin_wrap .sec01 .sec01_title {padding: 0 80px;}
    .skin_wrap .sec01 .sec01_title h1 {font-size: 100px;}
    .skin_wrap .one_mo_tit {padding: 100px 20px 0;}
    .skin_wrap .one_mo_tit h1 {font-size: 46px;}
    .skin_wrap .visual_title h2 {font-size: 40px;}
}




@media(max-width:768px) {
    .skin_wrap .sec01 {padding: 0; margin-bottom: 30px;}
    .skin_wrap .sec01 .sec01_title {padding: 20px;}
    .skin_wrap .sec01 .sec01_title h1 {font-size: 60px; line-height: 1.5;}
    .one_mo_tit_fr {margin-left: 0;}
    ul.hydrafacial_tabs li .txt_line {font-size: 14px; padding: 15px;}
}




@media(max-width:500px) {
    .txt_line {font-size: 14px; padding: 15px 5px;}
}
/*! sec01 end*/




/*! sec02 start*/
.skin_wrap .sec02 {padding: 200px 0;}
.skin_wrap .sec02 .box>div {display: flex; align-items: center;}
.skin_wrap .sec02 .box>div.left {text-align: left;}
.skin_wrap .sec02 .box>div>div {width: 50%;}
.skin_wrap .sec02 .box>div .thumbnail img {width: 100%; vertical-align: bottom}
.skin_wrap .sec02 .box>.right {flex-direction: row-reverse; text-align: right;}
.skin_wrap .sec02 .box>div .txt {padding: 40px; box-sizing: border-box;}
.skin_wrap .sec02 .box>div h5 {font-size: 18px; margin-bottom: 30px; font-family: "Noto Serif KR", serif; font-weight: 600;}
.skin_wrap .sec02 .box>div h4 {font-size: 28px; font-family: "Noto Serif KR", serif; line-height: 1.5; font-weight: 600;}
.skin_wrap .sec02 .box>div p {font-size: 18px; margin: 50px 0; line-height: 1.7;}
.skin_wrap .sec02 .box>div p strong {color: #7f5f3b; font-weight: 700;}




@media(max-width:1240px) {
.skin_wrap .sec02 .sec_tit h3 {font-size: 36px;}
.skin_wrap .sec02 .sec_tit span {font-size: 20px;}
}




@media(max-width:768px) {
.skin_wrap .sec02 { padding: 150px 0 100px;}
.skin_wrap .sec02 .box>.right, .skin_wrap .sec02 .box>div {flex-direction: column;}
.skin_wrap .sec02 .box>div>div {width: 100%;}
.skin_wrap .sec02 .box>div h4 {font-size: 20px; font-weight: 700;}
.skin_wrap .sec02 .box>div h5 {margin: 30px 0 20px;}
.skin_wrap .sec02 .box>div p {font-size: 14px; margin: 25px 0;}
.skin_wrap .sec02 .box>div .txt {padding: 20px;}
}
/*! sec02 end*/


.skin_wrap .box_sec02 .box .skin_cause {padding-bottom: 200px;}
.skin_wrap .box_sec03 .box .skin_treatment p {font-size: 18px; line-height: 1.5;}


/*! sec03 start*/
.skin_wrap .sec03 {padding: 200px 0;}
.skin_wrap .sec03 .box {max-width: 1200px; margin: 0 auto; text-align: center; border-radius: 60px; box-shadow: 4px 9px 11px 2px rgba(0, 0, 0, 0.15);}
.skin_wrap .sec03 .box>span {background-color: #EEEAE7; padding: 25px 80px; font-family: "Noto Serif KR", serif; font-size: 34px; text-decoration: underline 2px; text-underline-offset: 10px; font-weight: 600;}
.skin_wrap .sec03 .box .skin_element {margin: 50px 0 80px;}
.skin_wrap .sec03 .box .skin_element .skin_img {margin: 30px 0;}
.skin_wrap .sec03 .box .skin_element .skin_img ul {display: flex; justify-content: center; gap: 20px;}
.skin_wrap .sec03 .box .skin_element .skin_img ul h5 {font-size: 18px; font-weight: 600; margin-top: 10px;}
.skin_wrap .sec03 .box .skin_element>h5 {font-family: "Noto Serif KR", serif;}
.skin_wrap .sec03 .box .skin_element>p {font-size: 20px; font-weight: 400; line-height: 1.5; margin-top: 20px;}
.skin_wrap .sec03 .box .skin_element>p strong {font-size: 24px; font-weight: 700;}
.skin_wrap .sec03 .box .skin_box_thumbnail {margin-bottom: 50px;}
.skin_wrap .sec03 .box .skin_box_thumbnail img {max-width: 740px;}
.skin_wrap .sec03 .box .skin_cause {padding-bottom: 200px;}
.skin_wrap .sec03 .box .skin_cause ul {max-width: 737px; margin: 0 auto;}
.skin_wrap .sec03 .box .skin_cause .ul_box {position: relative;}
.skin_wrap .sec03 .box .skin_cause .ul_box>span {position: absolute; top: 0px; left: 100px; font-size: 18px; color: #7F5F3B; font-weight: 700;}
.skin_wrap .sec03 .box .skin_cause ul li {display: flex; text-align: left; align-items: center; gap: 30px; margin-bottom: 40px; align-items: flex-start;}
.skin_wrap .sec03 .box .skin_cause ul li h5 {font-size: 18px; font-weight: 700;}
.skin_wrap .sec03 .box .skin_cause ul li p {font-size: 16px; margin-top: 5px; line-height: 1.5;}
.skin_wrap .sec03 .box .skin_treatment {background-image: url('/bizdemo158119/img/youlbit/images/skin_treatment_bg.webp'); padding: 100px 0; position: relative; margin: 0 auto 200px;}
.skin_wrap .sec03 .box .skin_treatment>div {text-align: left; margin: 0 auto; max-width: 1000px; position: relative;}
.skin_wrap .sec03 .box .skin_treatment h5 {font-size: 24px; font-family: "Noto Serif KR", serif; margin-bottom: 20px; line-height: 1.5; font-weight: 600;}
.skin_wrap .sec03 .box .skin_treatment>div>div {margin-left: 200px;}
.skin_wrap .sec03 .box .skin_treatment p {font-size: 18px; line-height: 1.5;}
.skin_wrap .sec03 .box .skin_treatment span {position: absolute; left: 0; top: 12px; font-size: 18px; color: #7F5F3B; font-weight: 700;}
.skin_wrap .sec03 .box .skin_product {display: flex; padding: 0 0 200px;}
.skin_wrap .sec03 .box .skin_product .product_txt {width: 40%; position: relative; padding-left: 100px; box-sizing: border-box; text-align: left;}
.skin_wrap .sec03 .box .skin_product .product_txt::after {content: ""; position: absolute; top: -90px; left: 30px; background-image: url('../img/symbol_small.png'); width: 135px; height: 180px; z-index: 1;}
.skin_wrap .sec03 .box .skin_product .product_txt h5 {font-size: 44px; font-family: 'SangBlueOgSerifRelgular'; margin-bottom: 20px; line-height: 1.3;}
.skin_wrap .sec03 .box .skin_product .product_txt  img{position: absolute; top: -20%; left: 7%;}
.skin_wrap .sec03 .box .skin_product .product_txt span {font-size: 24px; font-family: "Noto Serif KR", serif;}
.skin_wrap .sec03 .box .skin_product .product_txt::after {display: none;}
.skin_wrap .sec03 .box .skin_product .skin_product3, .skin_wrap .sec03 .box .skin_product .skin_product2, .skin_wrap .sec03 .box .skin_product .skin_product1 {width: 60%; padding-bottom: 50px;}
.skin_wrap .sec03 .box .skin_element .skin_img img {max-width: 200px;}
.skin_wrap .sec03 .skin_product_txt h4 {font-weight: 600; font-size: 20px; margin: 20px 0 10px;}
.skin_wrap .sec03 .skin_product_txt p {line-height: 1.5;}
.skin_wrap .sec03 .scrollbar_box {position: relative; height: 10px; margin-top: 30px; width: 100%}


.skin_product_bar {opacity: 1 !important; max-width: 300px !important;}
.scar_wrap .box .skin_product .product_txt img img{position: absolute; top: -95px; left: 30px; max-width: 135px;}




@media(max-width:1240px) {
.m_sec07_img_box .swiper-slide img{width:100%;}

.skin_product_img img{width:100%;}

.skin_wrap .sec03 .box .skin_cause img{width:100%;}
    .skin_wrap .sec03 .box .skin_treatment {padding: 40px 20px; margin-top: 50px;}
    .skin_wrap .sec03 .box .skin_treatment span {position: unset; margin-bottom: 30px;}
    .skin_wrap .sec03 .box .skin_treatment h5 {font-size: 18px; text-align: center;}
    .skin_wrap .sec03 .box .skin_product {padding-top: 0;}
.skin_wrap .sec03 .box .skin_product skin_product_img{width:100%;}
}




@media(max-width:768px) {
    .skin_wrap .sec03 {padding: 0 20px 150px;}
    .skin_wrap .sec03 .box>span {padding: 15px 50px; font-size: 24px;}
    .skin_wrap .sec03 .box .skin_element>p strong, .skin_wrap .sec03 .box .skin_element>p {font-size: 16px;}
    .skin_wrap .sec03 .box .skin_element>p {padding: 0 20px; font-weight: 500;}
    .skin_wrap .sec03 .box .skin_element .skin_img img {max-width: 150px;}
    .skin_wrap .sec03 .box .skin_element .skin_img ul {flex-wrap: wrap;}
    .skin_wrap .sec03 .box .skin_element .skin_img ul h5 {font-size: 16px;}
    .skin_wrap .sec03 .box .skin_cause {padding: 10px;}
    .skin_wrap .sec03 .box .skin_cause ul li {gap: 15px;}
    .skin_wrap .sec03 .box .skin_cause ul li p {font-size: 14px;}
    .skin_wrap .sec03 .box .skin_cause ul li img {min-width: 30px;}
    .skin_wrap .sec03 .box .skin_cause .ul_box>span {position: unset; margin-bottom: 30px;}
    .skin_wrap .sec03 .box .skin_treatment {padding: 40px 20px; margin: 50px auto 50px;}
    .skin_wrap .sec03 .box .skin_treatment>div {text-align: center;}
    .skin_wrap .sec03 .box .skin_treatment>div>div {margin-left: 0;}
    .skin_wrap .sec03 .box .skin_treatment p {font-size: 14px; text-align: center; line-height: 1.5;}
    .skin_wrap .sec03 .box .skin_product {flex-direction: column; padding: 50px 20px 150px;}
    .skin_wrap .sec03 .box .skin_product .product_txt {width: 100%; margin-bottom: 30px; padding-left: 0; text-align: center;}
    .skin_wrap .sec03 .box .skin_product .product_txt h5 {font-size: 34px;}
    .skin_wrap .sec03 .box .skin_product .product_txt span {font-size: 20px;}
    .skin_wrap .sec03 .box .skin_product .skin_product3, .skin_wrap .sec03 .box .skin_product .skin_product2, .skin_wrap .sec03 .box .skin_product .skin_product1 {width: 100%;}
    .skin_wrap .sec03 .skin_product_txt h4 {font-size: 17px;}
    .skin_wrap .sec03 .skin_product_txt p {font-size: 14px;}


    .ance_wrap .box .skin_product .product_txt img {display: none;}
}
/*! sec03 end*/




/*! sec06 start*/
.sec06 {padding: 200px 0; background-color: #F8F5F0;}
.sec06 .box>h3 {font-family: 'SangBlueOgSerifRelgular'; margin-bottom: 10px; font-size: 44px; text-align: center; color: #222;}
.sec06 .box>h5 {font-family: 'Pretendard'; font-size: 24px; line-height: 1.5; text-align: center; font-family: "Noto Serif KR", serif; font-weight: 500;}
.sec06 .skin_process {box-sizing: border-box; max-width: 1200px; margin: 50px auto 0;}
.sec06 .skin_process .process_sec06_ico {text-align: center; width: 100%; position: relative;}
.sec06 .skin_process ul {display: flex; justify-content: space-between;}
.sec06 .skin_process li:not(:last-child) .process_sec06_ico::after {content: ""; position: absolute; top: 50%; right: 0; background-image: url('/bizdemo158119/img/youlbit/images/arrow_fill_right.png'); width: 21px; height: 19px;}
.sec06 .skin_process ul li {display: flex; flex-direction: column; align-items: center; flex: 1;}
.sec06 .skin_process ul li span {margin-top: 20px; font-weight: 600; font-size: 18px;}


.m_sec07_Process_ico {display: none;}
.process_sec06_ico img {max-width: 125px;}




@media(max-width:1240px) {}




@media(max-width:768px) {
    .sec06 .skin_process {padding: 20px;}
    .sec06 .skin_process ul {display: none;}


    .skin_wrap .sec06 .box>h3 {font-size: 36px;}
    .m_sec07_Process_ico {display: block;}
}
/*! sec06 end*/




/*! sec07 start*/
.sec07 {padding: 200px 0;}
.sec07 .sec07_img_box {display: flex; justify-content: center; text-align: center; gap: 20px;}
.sec07 .sec07_img_box img {width: 100%;}
.sec07 .sec07_img_box>div>span {font-size: 18px; color: #707070; padding: 10px 30px; position: relative; margin-top: 20px;}
.sec07 .sec07_img_box>div>span::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #cfcfcf;}
.sec07 .sec07_img_box>div>span::before {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #cfcfcf;}
.sec07 .sec07_disc {text-align: center; margin-top: 30px;}
.sec07 .sec07_disc span {padding: 10px 30px; border: 1px solid #f4f4f4; color: #cdcdcd; display: inline-flex; align-items: center; line-height: 1.5;}
.sec07 .sec07_disc span img {margin-right: 10px; max-width: 24px;}


.skin_wrap .sec07 .sec07_img_box {margin-top: 50px;}
.ance_wrap .sec07 .m_sec07_img_box, .scar_wrap .sec07 .m_sec07_img_box {max-width: 1200px; margin: 0 auto;}
.ance_wrap .sec07 .m_sec07_img_box  .swiper-slide img {width:100%;}



@media (max-width: 1240px) {
    .skin_wrap .sec07 .sec07_disc span {flex-direction: column; font-size: 13px; line-height: 1.3;}
    .skin_wrap .sec07 .sec07_disc span img {max-width: 24px; margin-bottom: 8px;}
}




@media (max-width: 768px) {
.skin_wrap .sec07 {padding: 150px 0;}
.skin_wrap .sec07 .sec07_img_box {display: none;}
.sec07 .sec07_disc span img .skin_wrap .sec07 .sec_tit p {font-size: 18px;}
}
/*! sec07 end*/
/*!----------- skin scar end --------------- */




/*!----------- bodyfit start --------------- */


.bodyfit_wrap .sec .sec_tit span {font-size: 24px; margin: 10px 0 50px; font-weight: 700; font-family: "Noto Serif KR", serif;}


/*! sec01 start*/
.bodyfit_wrap .sec01 {padding: 400px 0 200px; max-width: 1240px; margin: 0 auto;}
.bodyfit_wrap .sec01 .txt {text-align: center; position: relative;}
.bodyfit_wrap .sec01 .txt h1 {font-family: "Marcellus", serif; font-size: 160px; white-space: nowrap; position: absolute; bottom: 80%; left: 50%; transform: translateX(-50%); color: #dcccb2; opacity: 0.2; z-index: -1;}
.bodyfit_wrap .sec01 .txt h3 {font-family: "Noto Serif KR", serif; font-size: 48px; margin: 20px 0 40px; color: #222;}
.bodyfit_wrap .sec01 .txt h3 strong {font-weight: 700; font-family: "Noto Serif KR", serif;}
.bodyfit_wrap .sec01 .txt h5 {font-family: "Noto Serif KR", serif; font-size: 24px; font-weight: 500;}
.bodyfit_wrap .sec01 .txt p {display: flex; align-items: center; justify-content: center; color: #888888; margin-bottom: 30px;}
.bodyfit_wrap .reversal_box2 {display: flex; gap: 40px; justify-content: center;}
.bodyfit_wrap .reversal_box2>div {max-width: 450px; margin: 0;}




@media(max-width:1240px) {
.bodyfit_wrap .sec01 .txt p {font-size: 14px;}
}




@media(max-width:768px) {
    .bodyfit_wrap .sec01 {padding: 200px 0;}
    .bodyfit_wrap .sec01 .txt h1 {font-size: 80px; bottom: 100%;}
    .bodyfit_wrap .sec01 .txt h3 {font-size: 36px;}
    .bodyfit_wrap .sec01 .txt h5 {font-size: 18px; font-weight: 700;}
    .bodyfit_wrap .reversal_box2 {padding: 40px; box-sizing: border-box;}
    .bodyfit_wrap .reversal_box2>div:last-child {display: none;}
}
/*! sec01 end*/




/*! sec02 start*/
.bodyfit_wrap .sec02 {background-color: #FFFBF2; padding: 200px 80px; margin: 200px 0; box-sizing: border-box; position: relative;}
.bodyfit_wrap .sec02 .box .bodyfit02_img {display: flex;}
.bodyfit_wrap .sec02 .box .bodyfit02_img.pc_img {display: flex !important; max-width: 1200px; margin: 0 auto; gap: 15px; filter: drop-shadow(-16px 16px 24px rgba(60, 60, 60, .15));}
.bodyfit_wrap .sec02 .box .bodyfit02_img img {width: 100%;}
.bodyfit_wrap .sec02 .vertical_line {position: absolute; left: 50%; bottom: calc(100% - 150px); height: 300px; background-color: #000;}




@media(max-width:1240px) {
    .bodyfit_wrap .sec .sec_tit span {font-size: 22px; line-height: 1.5;}
    .bodyfit_wrap .sec02 {margin: 0; padding: 100px 20px;}
}




@media(max-width:768px) {
    .bodyfit_wrap .sec02 {margin: 0; padding: 150px 20px;}
    .bodyfit_wrap .sec .sec_tit span {margin: 0 0 50px; font-size: 16px;}
    .bodyfit_wrap .sec02 .box .bodyfit02_img.pc_img {display: none !important;}
    .bodyfit_wrap .sec02 .vertical_line {height: 200px; bottom: calc(100% - 50px);}
}




@media(max-width:500px) {
    .bodyfit_wrap .sec .sec_tit span {font-size: 15px;}
}
/*! sec02 end*/




/*! sec03 start*/
.bodyfit_wrap .sec03 {margin-bottom: 200px;}
.bodyfit_youtube img {width: 100%;}
.data-swiper img {width: 100%;}




@media(max-width:768px) {
    .bodyfit_wrap .sec03 {padding: 150px 0; margin-bottom: 0;}
}
/*! sec03 end*/




/*! sec04 start*/
.bodyfit_wrap .sec04 {padding: 200px 0; max-width: 1200px; margin: 0 auto;}
.bodyfit_wrap .sec04 .txt {text-align: center; position: relative;}
.bodyfit_wrap .sec04 .txt h2 {font-family: "Noto Serif KR", serif; font-size: 44px; margin: 100px 0 30px; font-weight: 700;}
.bodyfit_wrap .sec04 .txt span {letter-spacing: 15px; font-weight: 300; font-size: 12px;}
.bodyfit_wrap .sec04 .txt>p {font-family: "Noto Serif KR", serif; font-size: 24px; color: #222; margin-bottom: 50px; line-height: 1.5; font-weight: 500;}
.bodyfit_wrap .sec04 .txt .disc h4 {font-family: 'Pretendard'; font-size: 22px; font-weight: 600;}
.bodyfit_wrap .sec04 .txt .disc p {font-family: 'Pretendard'; color: #5f5f5f; font-size: 20px; margin-top: 25px; line-height: 1.5;}
.bodyfit_wrap .sec04 .txt .disc h3 {font-size: 24px; color: #aa8863; font-family: "Noto Serif KR", serif; margin-top: 70px; font-weight: 600;}
.bodyfit_wrap .sec04 .txt .disc h3 strong {line-height: 1.8; font-family: "Noto Serif KR", serif;}




@media(max-width:1240px) {
    .bodyfit_wrap .sec04 {padding: 0 20px; 150px}
    .bodyfit_wrap .sec04 .txt span {font-size: 14px; letter-spacing: 5px;}
}




@media(max-width:768px) {
    .bodyfit_wrap .sec04 .txt h2 {margin: 30px 0; font-size: 40px; font-weight: 700;}
    .bodyfit_wrap .sec04 .txt>p {font-size: 18px;}
    .bodyfit_wrap .sec04 .txt .disc h4 {font-size: 24px;}
    .bodyfit_wrap .sec04 .txt .disc p {font-size: 15px;}
    .bodyfit_wrap .sec04 .txt .disc h3 {font-size: 18px; font-family: "Noto Serif KR", serif; font-weight: 600;}
    .bodyfit_wrap .aside_txt h1 {font-size: 60px; white-space: nowrap;}
    .bodyfit_wrap .aside_txt h1:last-child {margin-left: -15%; text-align: left;}
}
/*! sec04 end*/




/*! sec05 start*/
.bodyfit_wrap .sec05 {padding: 200px 0; max-width: 1200px; margin: 0 auto; text-align: center;}
.bodyfit_wrap .sec05 .box {display: flex; justify-content: center; align-items: center; gap: 100px;}
.bodyfit_wrap .sec05 .box>div {flex: 1;}
.bodyfit_wrap .sec05 .box .thumbnail img {width: 100%;}
.bodyfit_wrap .sec05 .box .txt {text-align: left; flex: 1.1;}
.bodyfit_wrap .sec05 .box .txt img {position: absolute; top: 30%; right: 30%; transform: translateY(-70%);}
.bodyfit_wrap .sec05 .box .txt h3 {color: #826529; font-size: 34px; font-family: "Noto Serif KR", serif; line-height: 1.7; font-weight: 500; position: relative; display: inline-block; text-align: left;}
.bodyfit_wrap .sec05 .box .txt>p {font-family: 'Pretendard'; font-size: 20px; line-height: 1.5; margin-top: 50px; font-weight: 400;}




@media(max-width:1024px) {}




@media(max-width:768px) {
    .bodyfit_wrap .sec05 {padding: 150px 20px;}
    .bodyfit_wrap .sec05 .box {flex-direction: column;}
    .bodyfit_wrap .sec05 .box .thumbnail img {width: 70%;}
    .bodyfit_wrap .sec05 .box .txt img {top: 25%; right: 15%; max-width: 75px;}
    .bodyfit_wrap .sec05 .box .txt h3 {text-align: center; font-size: 24px;}
    .bodyfit_wrap .sec05 .box .txt>p {text-align: center; font-size: 15px;}
}




@media(max-width:768px) {
.bodyfit_wrap .sec05 .box .txt h3 {font-size: 22px;}
}
/*! sec05 end*/




/*! sec06 start*/
.bodyfit_wrap .sec06 {background-color: #FAFAFA;}
.bodyfit_wrap .sec06 .bodyfit_step {text-align: center;}
.bodyfit_wrap .bodyfit_step img {width: 100%; max-width: 1240px; margin: 0 auto;}




@media(max-width:1240px) {
    .bodyfit_wrap .sec06 {padding: 150px 20px;}
}




@media(max-width:768px) {
    .bodyfit_wrap .sec06 .bodyfit_step {margin-top: 0;}
}




@media(max-width:500px) {
    .bodyfit_wrap .sec06 .sec_tit span {font-size: 14px;}
}
/*! sec06 end*/




/*! sec07 start*/
.bodyfit_wrap .sec07 .bodyfit_area {display: flex; gap: 40px;}
.bodyfit_wrap .bodyfit_area img {width: 100%;}




@media(max-width:1240px) {}




@media(max-width:768px) {
    .bodyfit_wrap .sec07 {padding: 150px 0;}
    .bodyfit_wrap .sec07 .bodyfit_area {flex-direction: column; gap: 0;}
    .bodyfit_wrap .sec07 .bodyfit_area img {vertical-align: bottom;}
    .bodyfit_wrap .sec07 .bodyfit_area div:last-child {display: none;}
}
/*! sec07 end*/




/*! sec08 start*/
.bodyfit_wrap .sec08 {padding-top: 200px;}
.bodyfit_wrap .sec08 .box>div {display: flex; align-items: center;}
.bodyfit_wrap .sec08 .box>div .thumbnail img {width: 100%; vertical-align: bottom;}
.bodyfit_wrap .sec08 .box>div .txt {padding: 40px; box-sizing: border-box;}
.bodyfit_wrap .sec08 .box>div h1 {color: #f8f5f0; font-size: 100px; font-family: "Marcellus", serif; line-height: 0.8; margin-top: 30px;}
.bodyfit_wrap .sec08 .box>div h4 {font-size: 24px; line-height: 1.5; font-weight: 600;}
.bodyfit_wrap .sec08 .box>div h5 {font-size: 18px; margin-bottom: 30px; font-family: "Noto Serif KR", serif; font-weight: 600;}
.bodyfit_wrap .sec08 .box>div p {font-size: 18px; margin-top: 25px; line-height: 1.5;}
.bodyfit_wrap .sec08 .box>div p strong {color: #7f5f3b; font-weight: 700;}
.bodyfit_wrap .sec08 .box>div>div {width: 50%;}
.bodyfit_wrap .sec08 .box>.right {flex-direction: row-reverse; text-align: right;}
.bodyfit_wrap .sec08 .box>.left {text-align: left;}




@media(max-width:1240px) {}




@media(max-width:768px) {
    .bodyfit_wrap .sec08 {padding: 150px 0;}
    .bodyfit_wrap .sec08 .box>div, .bodyfit_wrap .sec08 .box>.right {flex-direction: column;}
    .bodyfit_wrap .sec08 .box>div .txt {text-align: center; padding: 20px;}
    .bodyfit_wrap .sec08 .box>div h1 {font-size: 60px; margin-top: 10px;}
    .bodyfit_wrap .sec08 .box>div h4 {font-weight: 600; font-size: 20px;}
    .bodyfit_wrap .sec08 .box>div h5 {margin-top: 20px;}
    .bodyfit_wrap .sec08 .box>div p {font-size: 15px;}
    .bodyfit_wrap .sec08 .box>div>div {width: 100%;}
    .bodyfit_wrap .sec08 .box .left {margin: 50px 0;}
}
/*! sec08 end*/




/*! sec09 start*/
.bodyfit_wrap .sec09 {padding: 200px 0; margin: 200px 0; text-align: center; background-color: #fafafa;}
.bodyfit_wrap .sec09 .thumbnail img {width: 100%; max-width: 1200px;}
.bodyfit_wrap .sec09 h3 {color: #222; font-size: 24px; font-weight: 500; line-height: 1.5; margin-top: 50px;}
.bodyfit_wrap .sec09 .disc {margin: 200px 0 50px;}
.bodyfit_wrap .sec09 .disc p {font-weight: 300; font-size: 14px; letter-spacing: 8px; margin-bottom: 40px;}
.bodyfit_wrap .sec09 .disc h4 {font-size: 36px; font-family: "Noto Serif KR", serif; margin-top: 30px;}
.bodyfit_wrap .sec09 .inuq {margin: 30px 0;}
.bodyfit_wrap .sec09 .inuq a {padding: 10px 30px; color: #fff; font-size: 22px; background-color: #DCCCB2; border-radius: 30px; font-weight: 600;}
.bodyfit_wrap .bodyfit_review .swiper-slide img {width: 100%;}
.bodyfit_wrap .bodyfit_review {margin-left: -250px;}
.bodyfit_wrap .bodyfit_review .swiper-pagination {display: none;}




@media(max-width:1240px) {}




@media(max-width:768px) {
    .bodyfit_wrap .sec09 {padding: 150px 0; margin: 150px 0;}
    .bodyfit_wrap .sec09 h3 {padding: 0 20px; margin-top: 30px;}
    .bodyfit_wrap .sec09 .disc {margin: 100px 0 50px;}
    .bodyfit_wrap .sec09 .disc p {letter-spacing: 5px; font-size: 12px;}
    .bodyfit_wrap .bodyfit_review {margin-left: 0;}
}




@media(max-width:500px) {
    .bodyfit_wrap .sec09 h3 {font-size: 14px;}
    .bodyfit_wrap .sec09 .inuq a {font-size: 18px;}
}
/*! sec09 end*/




/*! sec10 start*/
.bodyfit_wrap .sec10 {padding: 0; text-align: center; position: relative; font-family: 'Pretendard'; max-width: 1200px; margin: 0 auto; padding-bottom: 200px;}
.bodyfit_wrap .sec10 .sec10_box {display: flex;}
.bodyfit_wrap .sec10 .sec10_box .sec10_thumbnail {width: 40%; position: relative;}
.bodyfit_wrap .sec10 .sec10_box .sec10_thumbnail img {width: 100%; vertical-align: bottom;}
.bodyfit_wrap .sec10 .sec10_box .txt_box {width: 60%; text-align: left; margin-right: 50px;}
.bodyfit_wrap .sec10 .sec10_box .txt_box h2 {font-family: 'SangBlueOgSerifRelgular'; font-size: 54px;}
.bodyfit_wrap .sec10 .sec10_box .txt_box p {font-family: "Noto Serif KR", serif !important; font-size: 24px; margin-top: 15px; font-weight: 600;}
.bodyfit_wrap .sec10 .sec10_box .txt_box ul {margin-top: 40px;}
.bodyfit_wrap .sec10 .sec10_box .txt_box ul li {font-size: 20px; padding: 20px 0; border-top: 1px solid #EBEBEB; font-weight: 600; display: flex; align-items: center;}
.bodyfit_wrap .sec10 .sec10_box .txt_box ul li:last-child {border-bottom: 1px solid #EBEBEB;}
.bodyfit_wrap .sec10 .sec10_box .txt_box ul li span:first-child {font-family: 'SangBleuOGSerif-Medium'; font-weight: 400;}
.bodyfit_wrap .sec10 .sec10_box .txt_box ul li span:nth-child(2) {color: #9D9D9D; margin: 0 8px; font-size: 32px;}
.bodyfit_wrap .sec10 .sec10_box .txt_box ul li span:nth-child(3) {font-weight: 400;}
.bodyfit_wrap .sec10 .sec10_box .txt_box .inqu a {background-color: #DCCCB2; color: #fff; padding: 12px 36px; border-radius: 36px; font-size: 24px; margin-top: 60px; font-weight: 600;}
.bodyfit_wrap .sec10 .sec10_box .txt_bg {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; width: 200%;}
.bodyfit_wrap .sec10 .sec10_box .txt_bg img {width: 100%;}




@media(max-width:1240px) {
    .bodyfit_wrap .sec10 .sec10_box {flex-direction: column-reverse;}
    .bodyfit_wrap .sec10 .sec10_box .sec10_thumbnail {width: 100%;}
    .bodyfit_wrap .sec10 .sec10_box .txt_box {width: 100%; text-align: center; margin-top: 40px;}
    .bodyfit_wrap .sec10 .sec10_box .txt_box h2 {font-size: 48px;}
    .bodyfit_wrap .sec10 .sec10_box .txt_box p {font-size: 20px;}
    .bodyfit_wrap .sec10 .sec10_box .txt_box ul li {margin: 0 20px; padding: 10px 0;}
    .bodyfit_wrap .sec10 .sec10_box .txt_box ul li span {font-size: 14px;}
    .bodyfit_wrap .sec10 .sec10_box .txt_box .inqu a {font-size: 18px;}
    .bodyfit_wrap .sec10 .sec10_box .txt_bg {display: none;}
}




@media(max-width:768px) {
    .bodyfit_wrap .sec10 {padding-bottom: 150px;}
}
/*! sec10 end*/




/*! sec11 start*/
.sec11 {padding: 200px 0;}
.sec11 .sec11_img_box {display: flex; justify-content: center; text-align: center; gap: 20px;}
.sec11 .sec11_img_box img {width: 100%;}
.sec11 .sec11_img_box>div>span {font-size: 18px; color: #707070; padding: 10px 30px; position: relative; margin-top: 20px;}
.sec11 .sec11_img_box>div>span::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #cfcfcf;}
.sec11 .sec11_img_box>div>span::before {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #cfcfcf;}
.sec11 .sec11_disc {text-align: center; margin-top: 60px;}
.sec11 .sec11_disc span {padding: 10px 30px; border: 1px solid #f4f4f4; color: #cdcdcd; display: inline-flex; align-items: center; font-size: 12px;}
.sec11 .sec11_disc span img {margin-right: 10px;}
.sec11 .sec_tit p {font-family: "Noto Serif KR", serif; font-size: 24px; margin-top: 20px; font-weight: 600;}
.sec11 .bodyfit_tabnav {display: flex; justify-content: center; gap: 20px; margin: 20px 0 30px;}
.sec11 .bodyfit_tabnav li {flex: 1; max-width: 150px; text-align: center;}
.sec11 .bodyfit_tabnav li a {padding: 10px 25px; box-sizing: border-box; border: 1px solid #dcccb2; width: 100%; border-radius: 30px;}
.sec11 .bodyfit_tabnav li a.active {background-color: #dcccb2; color: #fff;}


.body_wrap .sec08 .txt {margin-bottom: 50px;}
.body_wrap .sec08 .txt h3 {margin-bottom: 10px;}
.bodyfit_wrap .sec11 {padding: 200px 0; max-width: 1200px; margin: 0 auto;}
.bodyfit_wrap .sec11 .bodyfit11_swiper11 img,.bodyfit_wrap .sec11 .bodyfit11_swiper22 img,.bodyfit_wrap .sec11 .bodyfit11_swiper33 img {width: 100%;}
.bodyfit11_swiper1, .bodyfit11_swiper2, .bodyfit11_swiper3 {display: none !important;}
.bodyfit11_swiper1 .swiper-slide img, .bodyfit11_swiper2 .swiper-slide img, .bodyfit11_swiper3 .swiper-slide img {width: 100%;}
.ance_wrap {width: 100%;}




@media(max-width:1240px) {
    .sec11 .sec11_disc span {flex-direction: column; font-size: 9px; line-height: 1.3;}
    .sec11 .sec11_disc span img {margin: 8px;}
}




@media(max-width:768px) {
    .sec11 .sec11_disc span {font-size: 12px;}
    .bodyfit_wrap .sec11 {padding: 150px 0;}
    .sec11 .sec_tit p {font-size: 16px; font-weight: 500;}
    .sec11 .sec11_img_box {display: none;}
    .sec11 .bodyfit_tabnav {padding: 0 10px;}
    .sec11 .bodyfit_tabnav li a {font-size: 14px;}
    .sec11 .bodyfit_tabnav {gap: 10px;}
    .bodyfit11_swiper1, .bodyfit11_swiper2, .bodyfit11_swiper3 {display: block !important;}
}
/*! sec11 end*/
/*!----------- bodyfit end --------------- */




/*!----------- ance start --------------- */
/*!----------- sec02 start --------------- */
.ance_wrap .sec02 {text-align: center;}
.ance_wrap .sec02>span {padding: 10px 30px; border: 1px solid #f4f4f4; color: #cdcdcd; display: inline-flex; align-items: center; line-height: 1.5;}
.ance_wrap .sec02>span img {margin-right: 10px; max-width: 24px;}
.ance_wrap .container ul li img {height: 100%; width: auto; max-height: 300px;}





@media(max-width:1240px) {}




@media(max-width:768px) {
    .ance_wrap .sec01 .sec01_title h1 {font-size: 46px;}
    .ance_wrap .sec02 {display: flex; flex-direction: column-reverse;}
    .ance_wrap .sec02>span {flex-direction: column; font-size: 13px; line-height: 1.3; flex-direction: column; margin: 0 20px; font-size: 12px;}
    .ance_wrap .sec02>span img {margin-bottom: 8px; max-width: 24px;}
    .ance_wrap .container {margin: 0 auto;}
    .ance_wrap .container ul li img {height: 80%;}


    .skin_wrap .boxes img {width: auto;}
}
/*!----------- sec02 end --------------- */




/*!----------- sec03 start --------------- */
.ance_wrap .sec02_content {padding-top: 0; margin-bottom: 200px;}
.ance_wrap .sec02_content .txt {text-align: center; position: relative;}
.ance_wrap .sec02_content .txt h2 {font-family: "Noto Serif KR", serif; font-size: 44px; margin-top: 20px;}
.ance_wrap .sec02_content .txt h3 {font-family: 'SangBlueOgSerifRelgular'; font-size: 34px; color: #222;}
.ance_wrap .sec02_content .txt p {font-size: 24px; margin: 50px 0; line-height: 1.5; color: #7f5f3b;}
.ance_wrap .sec02_content .txt span {font-family: "Noto Serif KR", serif; font-size: 34px; line-height: 1.5;}
.ance_wrap .sec02_content .txt .sec03_bg {position: absolute;}
.ance_wrap .sec02_content .txt .sec03_bg1 {top: 15%; left: 8%;}
.ance_wrap .sec02_content .txt .sec03_bg2 {top: 100%; right: 10%;}




@media(max-width:768px) {
    .ance_wrap .visual_title h5 {margin-bottom: 0; font-size: 18px;}
    .ance_wrap .sec02_content .txt h2 {font-size: 34px;}
    .ance_wrap .sec02_content .txt h3 {font-size: 32px;}
    .ance_wrap .sec02_content .txt p {font-size: 18px; margin: 100px 0 50px; padding: 0 20px;}
    .ance_wrap .sec02_content .txt span {font-size: 20px;}
    .ance_wrap .sec02_content .txt span strong {font-weight: 600;}
    .ance_wrap .sec02_content .txt .sec03_bg1 {left: -20px; width: 60%; top: 32%;}
    .ance_wrap .sec02_content .txt .sec03_bg1 img {width: 100%}
    .ance_wrap .sec02_content .txt .sec03_bg2 {width: 60%; right: 0;}
    .ance_wrap .sec02_content .txt .sec03_bg2 img {width: 100%}
}
/*!----------- sec03 end --------------- */




/*!----------- ance_box end --------------- */
.ance_wrap .ance_box {padding: 150px 0;}
.ance_wrap .ance_box .box {max-width: 1330px; margin: 0 auto; text-align: center; border-radius: 60px; box-shadow: 4px 9px 11px 2px rgba(0, 0, 0, 0.15);}
.ance_wrap .ance_box .box>span {background-color: #EEEAE7; padding: 35px 100px; font-family: 'AritaBuriSB'; font-size: 39px; text-decoration: underline; text-underline-offset: 5px;}
.ance_wrap .ance_box .box .skin_element {margin: 50px 0 100px;}
.ance_wrap .ance_box .box .skin_element>h5 {font-family: 'AritaBuriL';}
.ance_wrap .ance_box .box .skin_element>p {font-size: 24px; font-weight: 400; line-height: 1.7; margin-top: 20px;}
.ance_wrap .ance_box .box .skin_element>p strong {font-size: 24px; font-weight: 700;}
.ance_wrap .ance_box .box .skin_element .skin_img {margin: 30px 0 50px;}
.ance_wrap .ance_box .box .skin_element .skin_img ul {display: flex; justify-content: center; gap: 20px;}
.ance_wrap .ance_box .box .skin_element .skin_img ul h5 {font-size: 18px; font-weight: 600; margin-top: 10px;}
.ance_wrap .ance_box .box .skin_cause {padding-bottom: 100px;}
.ance_wrap .ance_box .box .skin_cause .ul_box {position: relative;}
.ance_wrap .ance_box .box .skin_cause .ul_box>span {position: absolute; top: 0px; left: 100px; font-size: 22px; color: #7F5F3B; font-weight: 600;}
.ance_wrap .ance_box .box .skin_treatment {background-image: url('../img/skin_treatment_bg.webp'); font-weight: 500; padding: 100px 40px; position: relative;}
.ance_wrap .ance_box .box .skin_treatment>div {text-align: left; max-width: 100%; margin-left: 300px;}
.ance_wrap .ance_box .box .skin_treatment h5 {font-size: 28px; font-family: "Noto Serif KR", serif; margin-bottom: 20px; line-height: 1.3; font-weight: 600;}
.ance_wrap .ance_box .box .skin_treatment p {font-size: 20px; line-height: 1.5;}
.ance_wrap .ance_box .box .skin_treatment span {position: absolute; left: 100px; top: 105px; font-size: 18px; color: #7F5F3B; font-weight: 600; font-size: 22px;}
.ance_wrap .ance_box .box .skin_product {display: flex; padding: 150px 0 100px;}
.ance_wrap .ance_box .box .skin_product .product_txt {width: 40%; position: relative; padding-left: 100px; box-sizing: border-box; text-align: left;}
.ance_wrap .ance_box .box .skin_product .product_txt h5 {font-size: 42px; font-family: "Marcellus", serif; margin-bottom: 10px;}
.ance_wrap .ance_box .box .skin_product .product_txt span {font-size: 24px; font-family: "Noto Serif KR", serif;}
.ance_wrap .box .skin_product .product_txt img {position: absolute; top: -95px; left: 30px; max-width: 135px;}
.ance_wrap .ance_box .box .skin_product .skin_product3, .ance_wrap .ance_box .box .skin_product .skin_product2, .ance_wrap .ance_box .box .skin_product .skin_product1 {width: 60%; padding-bottom: 50px;}
.ance_wrap .ance_box .skin_product_txt h4 {font-weight: 600; font-size: 22px; margin: 10px 0;}
.ance_wrap .ance_box .skin_product_txt p {line-height: 1.5;}


.ance_wrap .ance_03_box {display: flex; justify-content: center; max-width: 1000px; margin: 0 auto;}
.ance_wrap .ance_03_box2 {max-width: 1000px;}
.ance_wrap .ance_03_box .ance_wrap .ance_03_box>div {width: 50%;}
.ance_wrap .ance_03_box .img img {width: 100%; max-width: 400px;}
.ance_wrap .ance_03_box .disc {margin-left: 30px;}
.ance_wrap .ance_03_box .disc h3 {font-size: 24px; font-family: "Noto Serif KR", serif; padding: 40px 0; border-bottom: 1px solid #cfcfcf; font-weight: 600; color: #222; text-align: left;}
.ance_wrap .ance_03_box .disc .disc_box h5 {font-family: 'SangBleuOGSerif-Medium'; font-size: 20px;}
.ance_wrap .ance_03_box .disc .disc_box p {font-weight: 500;}
.ance_wrap .ance_03_box .disc .disc_box>div {border-bottom: 1px solid #cfcfcf; padding: 20px 10px; display: flex; font-size: 20px; align-items: center;}
.ance_wrap .ance_03_box .disc .disc_box>div>span {margin: 0 15px; font-size: 30px; color: #cfcfcf;}
.ance_wrap .skin_ance_list {margin: 0 auto 200px; position: relative; max-width: 1000px;}
.ance_wrap .skin_ance_list ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 80px 40px; max-width: 900px; margin: 0; margin-left: 200px;}
.ance_wrap .skin_ance_list ul li h5 {font-size: 20px; font-weight: 600; margin: 20px 0;}
.ance_wrap .skin_ance_list ul li p {line-height: 1.5;}
.ance_wrap .skin_ance_list ul li img {max-width: 140px;}
.ance_wrap .skin_ance_list2 ul {grid-template-columns: repeat(4, 1fr);}
.ance_wrap .skin_ance_list2 ul li img {max-width: 72px;}


.skin_ance_list>span {position: absolute; top: 0px; left: 0; font-size: 18px; color: #7F5F3B; font-weight: 600;}
.skin_wrap .sec_tit p {font-family: "Noto Serif KR", serif; font-size: 24px; margin: 10px 0 50px; font-weight: 500;}




@media(max-width:1240px) {
    .ance_wrap .ance_box .box .skin_treatment>div {margin-left: 0;}
}




@media(max-width:768px) {
    .skin_wrap .sec_tit p {font-size: 16px;}
    .ance_box {padding: 100px 20px; box-sizing: border-box;}
    .ance_wrap .ance_box {padding: 50px 20px 150px; box-sizing: border-box;}
    .ance_wrap .ance_box .box {padding: 0 20px;}
    .ance_wrap .ance_box .box>span {padding: 15px 50px; font-size: 24px;}
    .ance_wrap .ance_box .box .skin_element>p {font-size: 14px; font-weight: 500;}
    .ance_wrap .ance_box .box .skin_element>p strong {font-size: 14px;}
    .ance_wrap .ance_box .box .skin_treatment {padding: 40px 20px;}
    .ance_wrap .ance_box .box .skin_treatment h5 {font-size: 18px; text-align: center;}
    .ance_wrap .ance_box .box .skin_treatment p {font-size: 14px; text-align: center;}
    .ance_wrap .ance_box .box .skin_treatment span, .skin_ance_list>span, .ance_wrap .ance_box .box .skin_cause .ul_box>span {position: unset; margin-bottom: 30px;}
    .ance_wrap .ance_box .box .skin_product {flex-direction: column;}
    .ance_wrap .ance_box .box .skin_product .product_txt, .ance_wrap .ance_box .box .skin_product .skin_product3, .ance_wrap .ance_box .box .skin_product .skin_product2, .ance_wrap .ance_box .box .skin_product .skin_product1 {width: 100%;}
    .ance_wrap .ance_box .box .skin_product .product_txt {margin-bottom: 30px; padding-left: 0; text-align: center;}
    .ance_wrap .ance_box .box .skin_product .product_txt h5 {font-size: 34px;}
    .ance_wrap .ance_box .box .skin_product .product_txt img {display: none;}
    .ance_wrap .ance_box .skin_product_txt h4 {font-size: 17px;}
    .ance_wrap .ance_box .skin_product_txt p {font-size: 14px;}
    .ance_wrap .ance_03_box {flex-direction: column;}
    .ance_wrap .ance_03_box .disc {margin-left: 0;}
    .ance_wrap .ance_03_box .disc h3 {font-size: 18px; padding: 30px 0;}
    .ance_wrap .ance_03_box .disc p {font-size: 12px;}
    .ance_wrap .ance_03_box .disc .disc_box h5 {font-size: 14px;}
    .ance_wrap .ance_03_box .disc .disc_box>div {font-size: 16px; padding: 10px;}
    .ance_wrap .ance_03_box .disc .disc_box>div>span {margin: 0 10px;}
    .ance_wrap .skin_ance_list {margin: 50px auto;}
    .ance_wrap .skin_ance_list ul {margin-left: 0; grid-template-columns: repeat(2, 1fr); gap: 5px; padding: 0 10px;}
    .ance_wrap .skin_ance_list ul li h5 {font-size: 17px;}
    .ance_wrap .skin_ance_list ul li p {font-size: 14px;}
    .ance_wrap .skin_ance_list img {max-width: 120px;}
    .ance_wrap .sec06, .skin_wrap .sec06 {padding: 150px 0;}
}
/*!----------- ance_box end --------------- */
/*!----------- ance end --------------- */




/*!----------- volumn start --------------- */
/*!----------- volumn sec01 --------------- */
.volumn_wrap .visual_title h2 {font-family: 'SangBlueOgSerifRelgular';}


.volumn_wrap .sec01 {padding: 200px 0;}
.volumn_wrap .sec01 .skin_sec01_vid {position: relative; display: flex; justify-content: center;}
.volumn_wrap .sec01 .bg_line {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; z-index: -1;}
.volumn_wrap .sec01 .sec01_title {display: flex; flex-direction: column; padding: 0 130px;}
.volumn_wrap .sec01 .sec01_title h1 {font-size: 140px; font-family: 'Marcellus'; color: #7f5f3b; opacity: 0.1; margin-left: 300px;}
.volumn_wrap .sec01 .sec01_title h1:first-child {margin-right: auto;}
.volumn_wrap .sec01 .sec01_title h1:last-child {margin-left: auto; margin-right: 300px; line-height: 0.7; margin-bottom: 50px;}
.volumn_wrap .sec01 .txt {margin-top: 50px;}
.volumn_wrap .sec01 .txt .sign {text-align: center; margin-top: 50px;}
.volumn_wrap .sec01 .txt p {font-size: 24px; text-align: center; line-height: 1.5; font-family: "Noto Serif KR", serif !important; font-weight: 600;}
.volumn_wrap .sec01 video {max-width: 1080px; width: 100%;}


.skin_wrap .sec01 .skin_sec01_vid img, .ance_wrap .sec01 .skin_sec01_vid img {max-width: 950px;}




@media(max-width:768px) {
    .volumn_wrap .sec01 {padding: 50px 0 100px;}
    .volumn_wrap .sec01 .sec01_title {padding: 0 20px;}
    .volumn_wrap .sec01 .sec01_title h1 {margin-left: 0; margin-right: auto; font-size: 70px; margin-bottom: 0;}
    .volumn_wrap .sec01 .sec01_title h1:last-child {margin-left: auto; margin-right: 0; margin-top: 10px;}
    .volumn_wrap .sec01 .txt {padding: 0 20px; margin-top: 30px;}
    .volumn_wrap .sec01 .txt p {font-size: 16px; font-family: "Noto Serif KR", serif; font-weight: 600;}
    .volumn_wrap .sec01 .txt .sign {margin-top: 30px;}
    .volumn_wrap .sec01 .txt .sign img {max-width: 220px;}
    .volumn_wrap .txt_line {display: none;}
}




/*!----------- volumn sec02 --------------- */
.volumn_wrap .sec02 {padding: 200px 0; background-image: url('/bizdemo158119/img/youlbit/images/volume_sec02bg.webp'); background-size: cover; background-repeat: no-repeat; background-position: center;}
.volumn_wrap .sec02 .sec02_tit {text-align: center; color: #fff;}
.volumn_wrap .sec02 .sec02_tit p {font-size: 24px;}
.volumn_wrap .sec02 .sec02_tit h3 {font-size: 54px; font-family: 'SangBlueOgSerifRelgular'; margin: 20px 0 50px; color: #fff;}
.volumn_wrap .sec02 .txt {padding: 200px 360px 0; color: #fff;}
.volumn_wrap .sec02 .txt h2 {font-size: 54px; font-family: 'SangBlueOgSerifRelgular'; margin-bottom: 20px; text-align: left;}
.volumn_wrap .sec02 .txt .disc {display: flex; justify-content: space-between;}
.volumn_wrap .sec02 .txt .disc h4 {font-size: 34px; font-family: "Noto Serif KR", serif; font-weight: 700; margin-bottom: 50px; display: inline-block; position: relative; text-align: left;}
.volumn_wrap .sec02 .txt .disc h4::after {content: ""; position: absolute; left: 105%; width: 200px; height: 1px; background-color: #fff; top: 50%;}
.volumn_wrap .sec02 .txt .disc>div {text-align: left;}
.volumn_wrap .sec02 .txt .disc>div:first-child p {font-size: 20px; font-weight: 300; line-height: 1.5; text-align: left;}
.volumn_wrap .sec02 .txt .disc>div:last-child p {font-size: 20px; line-height: 1.5; font-weight: 400; font-family: "Noto Serif KR", serif; text-align: left;}
.volumn_wrap .sec02 .txt .disc>div:last-child p strong {font-size: 24px; font-weight: 700;}
.volumn_wrap .sec02 .volumn02_slide {margin-left: 360px;}




@media(max-width:1240px) {
    .volumn_wrap .sec02 {padding: 150px 20px; background-image: url('/bizdemo158119/img/youlbit/images/m_volume_sec02bg.webp');}
    .volumn_wrap .sec02 .sec02_tit p {font-size: 18px; line-height: 1.5;}
    .volumn_wrap .sec02 .sec02_tit h3 {font-size: 38px; line-height: 1.3; margin-bottom: 20px;}
    .volumn_wrap .sec02 .txt {padding: 0;}
    .volumn_wrap .sec02 .txt h2 {font-size: 32px;}
    .volumn_wrap .sec02 .txt .disc {flex-direction: column;}
    .volumn_wrap .sec02 .txt .disc h4::after {display: none;}
    .volumn_wrap .sec02 .txt .disc h4 {font-size: 20px;}
    .volumn_wrap .sec02 .txt .disc>div:first-child p {font-size: 15px;}
    .volumn_wrap .sec02 .txt .disc>div:last-child p {font-size: 16px;}
    .volumn_wrap .sec02 .txt .disc>div:last-child p strong {font-size: 17px;}
    .volumn_wrap .sec02 .volumn02_slide {margin-left: 0; margin-bottom: 20px;}
}




/*!----------- volumn sec03 --------------- */
.volumn_wrap .sec03 {padding: 200px 0;}
.volumn_wrap .sec03 ul {display: flex; justify-content: center; gap: 30px; max-width: 1200px; margin: 50px auto 0;}
.volumn_wrap .sec03 ul li {position: relative;}
.volumn_wrap .sec03 ul li .txt {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 1;}
.volumn_wrap .sec03 ul li .txt h3 {font-size: 84px; font-family: 'SangBlueOgSerifRelgular'; color: #fff; opacity: 0.3; margin-bottom: 0; transition: 0.3s;}
.volumn_wrap .sec03 ul li .txt p {display: none; color: #222222; white-space: nowrap; line-height: 1.5; font-size: 16px; font-weight: 600; margin-top: 0;}
.volumn_wrap .sec03 ul li .txt span {font-size: 20px; white-space: nowrap; color: #fff; font-weight: 600; transition: 0.3s; margin-top: 10px;}
.volumn_wrap .sec03 ul li:nth-child(1) .txt p {color: #fff;}
.volumn_wrap .sec03 ul li:nth-child(4) .txt p {color: #fff;}
.volumn_wrap .sec03 ul li:hover .txt h3 {display: none;}
.volumn_wrap .sec03 ul li:hover .txt p {display: block;}
.volumn_wrap .sec03 ul li:hover .txt span, .face_wrap .sec06 ul li:hover .txt h3 {display: none;}
.volumn_wrap .sec03 ul li img {vertical-align: bottom; max-width: 275px;}
.volumn_wrap .sec03 ul li .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); border-radius: 50px;}
.volumn_wrap .sec03 ul li:hover .bg {display: none;}
.volumn_wrap .sec03 .txt {max-width: 1200px; margin: 0 auto; text-align: center;}
.volumn_wrap .sec03 .txt h3 {font-size: 54px; font-family: 'SangBlueOgSerifRelgular'; color: #222;}
.volumn_wrap .sec03 .txt p {line-height: 1.5; font-size: 24px; font-family: 'Pretendard'; font-weight: 600; color: #aa8863; margin-top: 20px;}




@media(max-width:768px) {
    .volumn_wrap .sec03 {padding: 150px 0;}
    .volumn_wrap .sec03 ul {flex-wrap: wrap; gap: 10px;}
    .volumn_wrap .sec03 ul li {width: calc(50% - 20px);}
    .volumn_wrap .sec03 ul li .txt h3 {font-size: 48px;}
    .volumn_wrap .sec03 ul li .txt p {font-size: 14px;}
    .volumn_wrap .sec03 ul li .txt span {font-size: 16px; font-family: 'Pretendard'; margin-top: 15px;}
    .volumn_wrap .sec03 ul li .bg {border-radius: 30px; display: block;}
    .volumn_wrap .sec03 .txt h3 {font-size: 36px;}
    .volumn_wrap .sec03 .txt p {font-size: 18px;}
}




/*!----------- volumn sec04 --------------- */
.volumn_wrap .sec04 {padding-top: 200px 0;}
.volumn_wrap .sec04 .sec_tit h3 {font-family: 'Pretendard' !important; line-height: 1.3; font-weight: 600; font-size: 24px; color: #aa8863; margin-top: 20px;}
.volumn_wrap .sec04 .sec_tit h2 {font-size: 54px; font-family: 'SangBlueOgSerifRelgular';}
.volumn_wrap .sec04 .drug_box {margin-top: 100px;}
.volumn_wrap .sec04 .swiper-wrapper {align-items: baseline;}


.volumn_wrap .sec04 .np_product_slide {}
.volumn_wrap .sec04 .np_product_slide .swiper-slide {text-align: center;}
.volumn_wrap .sec04 .np_product_slide .swiper-slide div h5 {font-size: 20px; font-weight: 600; margin: 20px 0;}
.volumn_wrap .sec04 .np_product_slide .swiper-slide div p {font-size: 16px; line-height: 1.5;}
.volumn_wrap .sec04 .np_product_slide .swiper-slide img {width: 100%;}
.volumn_wrap .sec04 .np_product_slide .swiper-slide-active {background-color: #FAFAFA; height: 30; box-sizing: border-box; border-radius: 10px;}
.volumn_wrap .sec04 .np_product_slide .swiper-slide-active h5 {font-size: 24px !important; font-weight: 700 !important;}
.volumn_wrap .sec04 .np_product_slide .swiper-slide-active p {font-size: 20px !important;}
.volumn_wrap .sec04 .np_product_slide .swiper-slide-next+div {background-color: #FAFAFA; padding: 80px 20px 40px; border-radius: 10px; height: 500px; display: flex; flex-direction: column; justify-content: center;}
.volumn_wrap .sec04 .np_product_slide .swiper-slide-next+div h5 {font-size: 30px; font-weight: 600;}
.volumn_wrap .sec04 .np_product_slide .swiper-slide-next+div p {font-size: 20px;}
.volumn_wrap .sec04 .np_product_slide .swiper-button-next:after, .np_wrap .sec06 .np_product_slide .swiper-button-prev:after {content: "";}
.volumn_wrap .sec04 .np_product_slide .swiper-slide-active .volumn_wrap .sec05 .box .disc>p {color: #aa8863; font-size: 24px; font-weight: 600;}
.volumn_wrap .sec04 .slider .swiper-button-next, .volumn_wrap .sec04 .slider .swiper-button-prev {position: unset;}
.volumn_wrap .sec04 .slider .swiper-button-next::after {display: none;}
.volumn_wrap .sec04 .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {content: "";}


.volumn_wrap .sec04 .np_product_slide .arrow_box {display: flex; justify-content: center; flex-direction: row-reverse; margin-top: 100px; gap: 50px;}
.volumn_wrap .sec04 .np_product_slide .arrow_box>div {position: unset !important;}
.volumn_wrap .sec04 .arrow_box {margin-top: 50px !important;}
.arrow_box {display: flex; justify-content: center; flex-direction: row-reverse; margin-top: 100px; gap: 50px;}
.arrow_box>div {width: auto;}


/* 
.volumn_wrap .sec04.swiper-slide{transition: 0.3s;padding: 150px 40px; box-sizing: border-box; text-align: center; border-radius: 10px;}
.volumn_wrap .sec04 .swiper-slide img{width: 100%;}
.volumn_wrap .sec04 .swiper-slide h5{margin: 40px 20px 20px 20px; font-size: 26px; color:#222;}
.volumn_wrap .sec04 .swiper-slide p{font-size: 18px;color:#222;line-height: 1.3;}
.volumn_wrap .sec04 .swiper-slide-next + div{background-color: #FAFAFA;}
.volumn_wrap .sec04 .swiper-slide-next + div h5{font-weight: 600;}
.volumn_wrap .sec04 .swiper-slide-next + div{transform: scale(1.2); height: 600px;}
 */




@media(max-width:768px) {
    .volumn_wrap .sec04 .np_product_slide .swiper-slide div h5 {font-size: 20px;}
    .volumn_wrap .sec04 .np_product_slide .swiper-slide div p {font-size: 15px;}
    .volumn_wrap .sec04 .np_product_slide .swiper-slide-next+div {height: auto;}


    .volumn_wrap .sec04 .np_product_slide .arrow_box {margin-top: 30px;}
}




@media(max-width:768px) {
    .slider .inner {height: 400px;}
    .volumn_wrap .sec04 {padding-top: 0;}
    .volumn_wrap .sec04 .sec_tit h2 {font-size: 36px;}
    .volumn_wrap .sec04 .sec_tit h3 {font-size: 18px;}
    .volumn_wrap .sec04 .np_product_slide .swiper-slide br {display: none;}
    .volumn_wrap .sec04 .np_product_slide .swiper-slide h5 {font-size: 18px important;}
    .volumn_wrap .sec04 .np_product_slide .swiper-slide div p {font-size: 13px;}
    .volumn_wrap .sec04 .np_product_slide .swiper-slide-active h5 {font-size: 20px !important;}
    .volumn_wrap .sec04 .np_product_slide .swiper-slide-active p {font-size: 15px !important;}


    .volumn_wrap .sec04 .drug_box {margin-top: 50px;}
    .volumn_wrap .sec04 .drug_box .arrow_box img {max-width: 80px;}
    .volumn_wrap .sec04 .arrow_box {margin-top: 40px;}
    .volumn_wrap .sec04 .swiper-slide-active {background-color: #FAFAFA; padding: 80px 20px 40px; box-sizing: border-box; min-height: 360px;}


    .slide_list>li {height: 100% !important;}
}




/*!----------- volumn sec05 --------------- */
.volumn_wrap .sec05 {padding: 200px 0;}
.volumn_wrap .sec05 .box>div {display: flex; align-items: center; max-width: 1200px; margin: 0 auto 50px;}
.volumn_wrap .sec05 .box>div:last-child {margin-bottom: 0;}
.volumn_wrap .sec05 .box>div .thumbnail img {width: 100%; vertical-align: bottom;}
.volumn_wrap .sec05 .box>div .txt {padding: 40px; box-sizing: border-box;}
.volumn_wrap .sec05 .box>div h1 {color: #f8f5f0; font-size: 100px; font-family: "Marcellus", serif; line-height: 0.8;}
.volumn_wrap .sec05 .box>div h5 {font-size: 18px; margin-bottom: 30px; font-family: 'AritaBuriM';}
.volumn_wrap .sec05 .box>div h4 {font-size: 28px; line-height: 1.5;}
.volumn_wrap .sec05 .box>div p {font-size: 18px; margin: 0; line-height: 1.5;}
.volumn_wrap .sec05 .box>div p strong {color: #7f5f3b; font-weight: 700;}
.volumn_wrap .sec05 .box>div>div {width: 50%;}
.volumn_wrap .sec05 .box>.right {flex-direction: row-reverse; text-align: right;}
.volumn_wrap .sec05 .box .volume_list ul {display: flex; max-width: 500px; flex-wrap: wrap; margin: 40px auto 0; gap: 20px; justify-content: center;}
.volumn_wrap .sec05 .box .volume_list ul li a img {max-width: 150px;}
.volumn_wrap .sec05 .box .volume_list .volume_collagen_list2 {display: flex; max-width: 500px; flex-wrap: wrap; margin: 40px auto 0;}
.volumn_wrap .sec05 .box .disc>h5 {font-family: 'SangBlueOgSerifRelgular'; font-size: 44px; position: relative; display: inline-block;}
.volumn_wrap .sec05 .box .disc>h5::after {content: '01'; position: absolute; right: -50px; top: -50px; color: #aa8863; opacity: 0.1; font-size: 74px; font-family: 'Marcellus'}
.volumn_wrap .sec05 .disc {text-align: center;}
.volumn_wrap .sec05 .volume_list {padding: 40px 70px; box-sizing: border-box;}
.volumn_wrap .sec05 .box .collagen_thumbnail2+.volume_list .disc>h5::after {content: '02';}
.volumn_wrap .sec05 .box .collagen_thumbnail3+.volume_list .disc>h5::after {content: '03';}
.volumn_wrap .sec05 .box .collagen_thumbnail4+.volume_list .disc>h5::after {content: '04';}
.volumn_wrap .sec05 .box .collagen_thumbnail3+.volume_list ul {display: flex;}
.volumn_wrap .sec05 .box .collagen_thumbnail3+.volume_list ul li img {width: 100%;}


.volume_none {display: none;}




@media(max-width:768px) {
    .volumn_wrap .sec05 {padding: 150px 0;}
    .volumn_wrap .sec05 .sec_tit h3 {font-size: 36px;}
    .volumn_wrap .sec05 .sec_tit span {font-size: 18px;}
    .volumn_wrap .sec05 .box>div>div {width: 100%;}
    .volumn_wrap .sec05 .box>.right, .volumn_wrap .sec05 .box>div {flex-direction: column;}
    .volumn_wrap .sec05 .volume_list {padding: 20px; margin-bottom: 50px;}
    .volumn_wrap .sec05 .box .disc {margin-top: 30px;}
    .volumn_wrap .sec05 .box .disc>h5 {font-size: 32px; width: 100%;}
    .volumn_wrap .sec05 .box .disc>h5::after {left: 0; right: auto;}
    .volumn_wrap .sec05 .box .disc>p {font-size: 18px;}
    .volumn_wrap .sec05 .box .volume_list ul {grid-template-columns: repeat(2, 1fr); display: grid; flex-wrap: nowrap;}
    .volumn_wrap .sec05 .box .volume_list .volume_collagen_list1 li:nth-child(5), .volumn_wrap .sec05 .box .volume_list .volume_collagen_list1 li:nth-child(6) {display: none;}
    .volumn_wrap .sec05 .box .collagen_thumbnail3+.volume_list ul, .volumn_wrap .sec05 .box .volume_list .volume_collagen_list2 {display: grid; grid-template-columns: repeat(2, 1fr);}
}




/*!----------- volumn sec06 --------------- */
.volumn_wrap .sec06 {background-color: #fff;}
.volumn_wrap .sec06 .sec_tit {margin-bottom: 50px;}
.volumn_wrap .sec06 .box {display: flex; justify-content: center; gap: 40px; max-width: 1660px; margin: 0 auto;}
.volumn_wrap .sec06 .box>div {width: 50%;}
.volumn_wrap .sec06 .box>div .txt {display: flex; justify-content: space-between; align-items: flex-start; margin-top: 20px;}
.volumn_wrap .sec06 .box>div .txt .yotube_disc {display: flex; border: 1px solid #000; padding: 10px 20px; border-radius: 20px; align-items: center;}
.volumn_wrap .sec06 .box>div .txt .yotube_disc img {margin-right: 10px;}
.volumn_wrap .sec06 .box>div .txt .yotube_disc a {font-size: 16px; color: #222;}
.volumn_wrap .sec06 .box>div .txt h5 {font-size: 22px; font-weight: 600; margin-bottom: 10px; text-align: left;}
.volumn_wrap .sec06 .box>div .txt p {font-size: 20px;}
.volumn_wrap .sec06 .box .thumbnail {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.volumn_wrap .sec06 .box .thumbnail iframe, .volumn_wrap .sec06 .box .thumbnail object, .volumn_wrap .sec06 .box .thumbnail embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.volumn_wrap .sec05 .box .volume_list .volume_collagen_list4 {display: flex; justify-content: center;}


.volumn_wrap .sec09 .sec_tit, .volumn_wrap .sec06 .sec_tit, .volumn_wrap .sec05 .sec_tit {margin-bottom: 50px;}
.volumn_wrap .sec09 .sec_tit span, .volumn_wrap .sec06 .sec_tit span, .volumn_wrap .sec05 .sec_tit span {color: #5c5c5c; font-family: "Noto Serif KR", serif; font-size: 24px; margin-bottom: 0;}




@media(max-width:768px) {
    .volumn_wrap .sec06 {padding: 150px 0;}
    .volumn_wrap .sec06 .sec_tit span {font-size: 18px;}
    .volumn_wrap .sec06 .box {flex-direction: column;}
    .volumn_wrap .sec06 .box>div {width: 100%;}
    .volumn_wrap .sec06 .box>div .txt {padding: 10px; flex-direction: row; margin-top: 0; align-items: center;}
    .volumn_wrap .sec06 .box>div .txt .yotube_disc a {white-space: nowrap; font-size: 12px;}
    .volumn_wrap .sec06 .box>div .txt .yotube_disc img {max-width: 20px;}
    .volumn_wrap .sec06 .box>div .txt .yotube_disc span {white-space: nowrap;}
    .volumn_wrap .sec06 .box>div .txt h5 {font-size: 18px;}
    .volumn_wrap .sec06 .box>div .txt p {font-size: 14px;}
    .volumn_wrap .sec06 .box>div .txt .yotube_disc {font-size: 14px; padding: 10px; margin-top: 0;}
}




/*!----------- volumn sec07 --------------- */
.volumn_wrap .sec07 {padding: 200px 0; text-align: center; background-color: #FAFAFA;}
.volumn_wrap .sec07 h3 {font-size: 24px; font-weight: 500; line-height: 1.5; margin-top: 50px; color: #222;}
.volumn_wrap .sec07 .thumbnail img {width: 100%; max-width: 1200px;}
.volumn_wrap .sec07 .bodyfit_review .swiper-slide img {width: 100%;}
.volumn_wrap .sec07 .bodyfit_review {margin-left: -250px;}
.volumn_wrap .sec07 .bodyfit_review .swiper-pagination {display: none;}
.volumn_wrap .sec07 .disc {margin: 150px 0 50px;}
.volumn_wrap .sec07 .disc p {font-weight: 300; font-size: 16px; letter-spacing: 8px; color: #61462F;}
.volumn_wrap .sec07 .disc h4 {font-size: 36px; font-family: "Noto Serif KR", serif; margin-top: 30px; color: #61462F;}
.volumn_wrap .sec07 .inuq {margin: 30px 0;}
.volumn_wrap .sec07 .inuq a {padding: 12px 36px; color: #fff; font-size: 26px; background-color: #B28965; border-radius: 30px; font-weight: 600;}
.volumn_wrap .sec07 .real-review-box .swiper-slide .txt_box p {line-height: 1.5; text-align: left; font-weight: 500;}




@media(max-width:768px) {
    .volumn_wrap .sec07 {margin: 0; padding: 150px 0;}
    .volumn_wrap .sec07 .disc {margin: 100px 0 50px 0}
    .volumn_wrap .sec07 .disc h4 {margin-top: 15px;}
    .volumn_wrap .sec07 .inuq a {font-size: 18px;}
    .volumn_wrap .sec07 .real-review-box .swiper-slide {min-height: 200px;}
    .volumn_wrap .sec07 .real-review-box .swiper-slide .txt_box {font-size: 12px; padding: 15px;}
}




/*!----------- volumn sec08 --------------- */
.volumn_wrap .sec08 {padding: 200px 0; text-align: center; position: relative; font-family: 'Pretendard'; max-width: 1200px; margin: 0 auto;}
.volumn_wrap .sec08 .sec08_box {display: flex;}
.volumn_wrap .sec08 .sec08_box .sec08_thumbnail {width: 40%; position: relative;}
.volumn_wrap .sec08 .sec08_box .sec08_thumbnail img {width: 100%; vertical-align: bottom;}
.volumn_wrap .sec08 .sec08_box .txt_box {width: 60%; text-align: left; margin-right: 50px;}
.volumn_wrap .sec08 .sec08_box .txt_box h2 {font-family: 'SangBlueOgSerifRelgular'; font-size: 54px;}
.volumn_wrap .sec08 .sec08_box .txt_box p {font-family: 'AritaBuriL'; font-size: 26px; margin-top: 15px; font-weight: 600;}
.volumn_wrap .sec08 .sec08_box .txt_box ul {margin-top: 40px;}
.volumn_wrap .sec08 .sec08_box .txt_box ul li {font-size: 20px; padding: 20px 0; border-top: 1px solid #EBEBEB; font-weight: 600; display: flex; align-items: center;}
.volumn_wrap .sec08 .sec08_box .txt_box ul li:last-child {border-bottom: 1px solid #EBEBEB;}
.volumn_wrap .sec08 .sec08_box .txt_box ul li span:first-child {font-family: 'SangBleuOGSerif-Medium';}
.volumn_wrap .sec08 .sec08_box .txt_box ul li span:nth-child(2) {color: #9D9D9D; margin: 0 8px; font-size: 32px;}
.volumn_wrap .sec08 .sec08_box .txt_box ul li span:nth-child(3) {font-weight: 400;}
.volumn_wrap .sec08 .sec08_box .txt_box .inqu a {background-color: #DCCCB2; color: #fff; padding: 12px 36px; border-radius: 36px; font-size: 26px; margin-top: 50px; font-weight: 600;}
.volumn_wrap .sec08 .sec08_box .txt_bg {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; width: 200%;}
.volumn_wrap .sec08 .sec08_box .txt_bg img {width: 100%;}




/*!----------- volumn sec09 --------------- */
.volumn_wrap .sec09 {padding: 200px 0;}
.volumn_wrap .sec09 .sec_tit p {font-family: 'AritaBuriM';}
.volumn_wrap .sec09 .txt p {font-size: 20px; line-height: 1.5; font-size: 24px;}
.volumn_wrap .sec09 .txt p strong {color: #aa8863; font-weight: 700; margin: 30px 0 40px; display: inline-block; font-size: 24px;}
.volumn_wrap .sec09 ul {display: flex !important; padding: 40px; box-sizing: border-box; gap: 30px; align-items: center; max-width: 1200px; margin: 0 auto;}
.volumn_wrap .sec09 ul li {flex: 1;}
.volumn_wrap .sec09 ul li:nth-child(2) {flex: 1;}
.volumn_wrap .sec09 ul li img {width: 100%;}
.volumn_wrap .sec09 .sec09_disc {text-align: center;}
.volumn_wrap .sec09 .sec09_disc span {padding: 10px 30px; border: 1px solid #f4f4f4; color: #cdcdcd; display: inline-flex; align-items: center;}
.volumn_wrap .sec09 .sec09_disc span img {margin-right: 10px;}




@media(max-width:1240px) {
    .volumn_wrap .sec09 ul {padding: 0 50px 40px;}
.volumn_wrap .sec09 .sec09_disc span img {max-width: 20px; margin-bottom: 15px;}
}




@media(max-width:768px) {
    .volumn_wrap .sec08 {padding: 150px 0 !important:}
    .volumn_wrap .sec09 {padding: 150px 0:}
    .volumn_wrap .sec09 ul.pc_img {display: none !important;}
    .volumn_wrap .sec09 .sec09_disc span {flex-direction: column; font-size: 12px; line-height: 1.3;}
    .volumn_wrap .sec09 .sec09_disc span img {max-width: 20px; margin-bottom: 15px;}
.volumn_wrap .sec08 .sec08_box .txt_box ul li span:nth-child(2) {font-size: 20px;}
}




/*!----------- volumn sec10 --------------- */
.volumn_wrap .sec10 {padding: 200px 0; background-color: #fafafa; position: relative; margin-top: 200px; position: relative;}
.volumn_wrap .sec10::after {content: ""; position: absolute; left: 50%; top: -150px; width: 1px; height: 300px; background-color: #000;}
.volumn_wrap .sec10 .sec_tit h2 {font-family: "Noto Serif KR", serif; font-weight: 600; font-size: 44px; line-height: 1.5; margin-bottom: 50px;}
.volumn_wrap .sec10 .box {max-width: 1200px; margin: 0 auto; background-color: #fff; padding: 120px; box-shadow: 10px 10px 30px 10px rgba(0, 0, 0, 0.10); text-align: center; z-index: 1; position: relative; box-sizing: border-box;}
.volumn_wrap .sec10 .box .thumbnail {display: flex; justify-content: center; align-items: center; gap: 30px;}
.volumn_wrap .sec10 .box .thumbnail div img {max-width: 400px}
.volumn_wrap .sec10 .box .txt h4 {font-family: 'SangBlueOgSerifRelgular'; font-size: 54px;}
.volumn_wrap .sec10 .box .txt p {font-size: 20px; font-weight: 500; margin: 20px 0 50px; font-family: "Noto Serif KR", serif; line-height: 1.5;}
.volumn_wrap .sec10 .box .txt span {color: #AF906D; font-size: 24px; font-weight: 600; margin: 50px 0 20px;}
.volumn_wrap .sec10 .box .txt .more a {padding: 13px 35px; background-color: #DBCDB2; color: #FFF; font-size: 22px; border-radius: 30px; font-weight: 600;}
.volumn_wrap .sec10 .volume_sec10_bg {position: absolute; top: 58%; left: 5%; transform: translateY(-50%); z-index: 0; width: 100%; max-width: 250px;}
.volumn_wrap .sec10 .volume_sec10_bg img {width: 100%;}




@media(max-width:1240px) {
    .volumn_wrap img {width: 100%;}
    .volumn_wrap .sec10 .sec_tit h2 {font-size: 24px; margin-bottom: 50px;}
    .volumn_wrap .sec10 .box {padding: 40px 20px;}
}




@media(max-width:768px) {
    .volumn_wrap .sec10 {margin: 0 0 150px; padding: 150px 0;}
    .volumn_wrap .sec10::after {display: none;}
    .volumn_wrap .sec10 .sec_tit {position: relative; z-index: 1;}
    .volumn_wrap .sec10 .box .txt h4 {font-size: 44px;}
    .volumn_wrap .sec10 .box .txt p {font-size: 16px;}
    .volumn_wrap .sec10 .box .txt span {font-size: 20px;}
    .volumn_wrap .sec10 .box .txt .more a {font-size: 16px;}
    .volumn_wrap .sec10 .volume_sec10_bg {top: 35%; left: -10%;}
    .volumn_wrap .sec10 .volume_sec10_bg img {width: 60%; max-width: 300px;}
}
/*!----------- volumn end --------------- */




/*!----------- hydra start --------------- */
.hydra_wrap .visual .visual_title p {font-size: 20px;}




/*!----------- hydra sec01 --------------- */
.hydra_wrap .sec01 {margin: 200px 0; padding: 200px 0; box-sizing: border-box; background-image: url('/bizdemo158119/img/youlbit/images/hydra_sec01.webp'); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative;}
.hydra_wrap .sec01 h5 {color: #4F5A9F; font-size: 24px; font-weight: 600; margin-top: 70px;}
.hydra_wrap .sec01 h4 {font-size: 44px; font-family: "Noto Serif KR", serif; font-weight: 600; margin: 20px 0 50px;}
.hydra_wrap .sec01 p {font-size: 20px; color: #5f5f5f; line-height: 1.5; font-weight: 400;}
.hydra_wrap .sec01 p b {font-weight: 600;}




@media(max-width:1024px) {
    .hydra_wrap .sec01 {padding: 0; margin: 150px 0; background-image: url('/bizdemo158119/img/youlbit/images/m-hydra_sec01.webp');}
    .hydra_wrap .sec01 h5 {font-size: 20px; margin-top: 40px;}
    .hydra_wrap .sec01 h4 {font-size: 34px; margin: 20px 0 40px;}
    .hydra_wrap .sec01 p {font-size: 16px;}
    .hydra_wrap .sec01 .hydra_logo img {width: 100%; max-width: 80%; margin: 0 auto;}


    .hydra_wrap .visual .visual_title h2 {font-size: 36px; line-height: 1.6;}
}




/*!----------- hydra sec02 --------------- */
.hydra_wrap .sec02 {padding: 300px 0; margin: 100px 0; position: relative; box-shadow: 0px 0px 60px 0px #EDEDED inset;}
.hydra_wrap .sec02 .bg {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}
.hydra_wrap .sec02 ul {display: flex; justify-content: center; align-items: center; gap: 50px;}




@media(max-width:1024px) {
.hydra_wrap .sec02 ul {gap: 10px; margin: 0 20px;}
.hydra_wrap .sec02 ul li img {width: 100%;}
.hydra_wrap .sec02 .bg {width: 90%;}
.hydra_wrap .sec02 .bg img {width: 100%;}
}




/*!----------- hydra sec03 --------------- */
.hydra_wrap .sec03 {padding: 200px 0;}
.hydra_wrap .sec03 .animated-title {font-size: 24px; font-weight: 300; position: relative; width: 100%; max-width: 100%; height: auto; padding: 0 0 34px; overflow: hidden;}
.hydra_wrap .sec03 .animated-title .track {position: absolute; white-space: nowrap; will-change: transform; animation: marquee1 100s linear infinite;}
.hydra_wrap .sec03 .animated-title2 {font-size: 24px; font-weight: 300; position: relative; width: 100%; max-width: 100%; height: auto; padding: 34px 0; overflow: hidden;}
.hydra_wrap .sec03 .animated-title2 .track {position: absolute; white-space: nowrap; will-change: transform; animation: marquee2 100s linear infinite; right: -100%; top: 15px;}
.hydra_wrap .sec03 .animated-title2 .content img, .animated-title .content img {margin: 0 100px;}
.hydra_wrap .sec03 .content {font-family: 'SangBleuOGSerif-Regular'; display: flex; align-items: center;}
.hydra_wrap .sec03 .video video {width: 100%; max-height: 800px;}
.hydra_wrap .sec03 .video {width: 100%; max-height: 800px; background: #000;}
.sec03 {overflow: hidden;}


@keyframes marquee1 {
from {transform: translateX(0);}
to {transform: translateX(-50%);}
}


@keyframes marquee2 {
from {transform: translateX(0);}
to {transform: translateX(50%);}
}




@media(max-width:1024px) {
    .hydra_wrap .sec03 {padding: 150px 0;}
    .hydra_wrap .sec03 .animated-title {padding: 0 0 24px;}
    .hydra_wrap .sec03 .animated-title2 {padding: 24px 0 0;}
    .hydra_wrap .sec03 .animated-title2 .track {top: 10px;}
    .hydra_wrap .sec03 .animated-title2 .content img, .animated-title .content img {width: 150px; margin: 0 30px;}
    .hydra_wrap .sec03 .animated-title2, .hydra_wrap .sec03 .animated-title {font-size: 16px;}
    .hydra_wrap .sec03 .animated-title2, .hydra_wrap .sec07 .animated-title2 {padding: 36px 0 0;}
    .hydra_wrap .sec03 .video video {width: 100%;}
}




/*!----------- hydra sec04 --------------- */
.hydra_wrap .sec04 {padding: 200px 0;}
.hydra_wrap .sec04 .box {display: flex; align-items: center; justify-content: center; flex-direction: row-reverse;}
.hydra_wrap .sec04 .box>div {flex: 1;}
.hydra_wrap .sec04 .box .txt {padding: 40px; box-sizing: border-box; text-align: right;}
.hydra_wrap .sec04 .box .txt h3 {font-size: 44px; text-align: center; font-family: "Noto Serif KR", serif; color: #313E8E; font-weight: 600; margin: 50px 0; text-align: right;}
.hydra_wrap .sec04 .box .txt p {line-height: 1.5; font-size: 20px; font-weight: 400;}
.hydra_wrap .sec04 .box .txt p strong {font-weight: 600;}
.hydra_wrap .sec04 .box .tit_img {max-width: 600px; margin-left: auto; position: relative;}
.hydra_wrap .sec04 .box .tit_img::after {content: ""; position: absolute; left: -35px; top: 0; transform: translateY(-50%); background-image: url('/bizdemo158119/img/youlbit/images/symbol-black.png'); width: 135px; height: 180px;}
.hydra_wrap .sec04 .box .tit_img img {width: 100%;}


/*
.hydra_wrap .sec04{padding: 200px 0; box-sizing: border-box; background-image: url('../img/hydra_sec04_bg.webp'); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; margin-bottom: 200px;}
.hydra_wrap .sec04 .sec_tit{color: #fff; text-align: center;}
.hydra_wrap .sec04 .sec_tit p{font-family: "Noto Serif KR", serif; font-size: 28px;}
.hydra_wrap .sec04 .sec_tit h4{font-family: 'SangBlueOgSerifRegular';font-size: 80px; margin:30px 0}
.hydra_wrap .sec04 .main_img{text-align: center;}
.hydra_wrap .sec04 .main_img img{max-width: 1380px; width: 100%;}
.hydra_wrap .sec04 .txt{color: #fff; padding: 100px 150px;}
.hydra_wrap .sec04 .txt h3{font-family: 'SangBlueOgSerifRegular'; margin: 30px 0; font-size: 80px;}
.hydra_wrap .sec04 .txt p{line-height: 1.5;font-size: 24px; font-weight: 100;}
.hydra_wrap .sec04 .sec04_slide .disc h5{color: #fff;margin-top: 10px; font-size: 14px;}
.hydra_wrap .sec04 .sec04_slide{padding: 100px 150px; position: relative;}
.hydra_wrap .sec04 .sec04_slide img{width: 100%;}
.hydra_wrap .sec04 .swiper-pagination-progressbar.swiper-pagination-horizontal{width: 30%;top: auto; bottom: 0;left: 150px; background-color: #fff; transform: translateX(0);}
.hydra_wrap .sec04 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #123899;}
*/




@media(max-width:1024px) {
    .hydra_wrap .sec04 {padding: 150px 0;}
    .hydra_wrap .sec04 .box {flex-direction: column;}
    .hydra_wrap .sec04 .box>.thumbnaul {padding: 0 20px;}
    .hydra_wrap .sec04 .box>div img {width: 100%;}
    .hydra_wrap .sec04 .box .txt {padding: 40px 20px;}
    .hydra_wrap .sec04 .box .txt h3 {font-size: 24px; margin: 30px 0 20px; text-align: center;}
    .hydra_wrap .sec04 .box .txt p {font-size: 16px; text-align: center;}
    .hydra_wrap .sec04 .box .tit_img::after {left: 0; top: 50px; background-size: cover; width: 41px; height: 54px;}
}




/*!----------- hydra sec05 --------------- */
.hydra_wrap .sec05 {padding: 100px 0 200px;}
.hydra_wrap .txt_list {max-width: 1200px; margin: 0 auto; text-align: left; box-sizing: border-box;}
.hydra_wrap .sec05 .txt_list {position: relative; padding: 150px 0; padding-left: 80px;}
.hydra_wrap .sec05 .txt_list::after {content: ""; position: absolute; left: 0; top: 0; width: 96%; height: 100%; background-color: #fcfcfc; z-index: -1;}
.hydra_wrap .sec05 .txt_list .txt_item {margin: 100px 0 150px;}
.hydra_wrap .sec05 .txt_list .txt_item:last-child {margin: 100px 0;}
.hydra_wrap .sec05 .txt_list .txt_item p {font-weight: 300; font-size: 24px; display: inline-block; position: relative; line-height: 1.5;}
.hydra_wrap .sec05 .txt_list .txt_item p::after {position: absolute; left: 80%; top: 60%; white-space: nowrap;}
.hydra_wrap .sec05 .txt_list .txt_item p strong {font-weight: 600; color: #505b9f; text-decoration: underline; text-decoration-thickness: 2px; text-underline-position: under; line-height: 1.5;}
.hydra_wrap .sec05 .txt_list .txt_item h4 {font-size: 70px; color: #323863; font-family: 'Marcellus'; opacity: 0.1; margin-left: 300px; white-space: nowrap;}


.txt_item {position: relative;}
.txt_item1::after {content: "01"}
.txt_item2::after {content: "02";}
.txt_item3::after {content: "03";}
.txt_item1::after, .txt_item2::after, .txt_item3::after {position: absolute; bottom: 80%; left: -65px; font-size: 82px; font-family: 'Marcellus'; color: #323863; opacity: 0.1;}




@media(max-width:1024px) {
    .hydra_wrap .sec05 {padding: 0 0 150px;}
    .hydra_wrap .sec05 .txt_list {padding: 150px 20px;}
    .hydra_wrap .sec05 .txt_list .txt_item {margin: 0 0 100px;}
    .hydra_wrap .sec05 .txt_list .txt_item:last-child {margin: 0;}
    .hydra_wrap .sec05 .txt_list .txt_item h4 {font-size: 26px; margin-left: 20%;}
    .hydra_wrap .sec05 .txt_list .txt_item p {font-size: 16px; margin-left: 15px;}
    .txt_item1::after, .txt_item2::after, .txt_item3::after {font-size: 46px; left: 0;}
}




/*!----------- hydra sec06 --------------- */
.hydra_wrap .sec06 {padding: 0; background-color: transparent; margin: 200px 0;}
.hydra_wrap .sec06 .box {padding: 0 0 200px; position: relative;}
.hydra_wrap .sec06 .box .one-bg {position: absolute; top: 50%; transform: translateY(-50%); z-index: -1; opacity: .5;}
.hydra_wrap .sec06 .box .one-bg1 {right: 150px;}
.hydra_wrap .sec06 .box .one-bg2 {left: 150px;}
.hydra_wrap .sec06 .content {max-width: 1240px; margin: 0 auto; display: flex; align-items: flex-end; justify-content: center; gap: 30px;}
.hydra_wrap .sec06 .content .txt {text-align: left;}
.hydra_wrap .sec06 .content .txt h2 {font-size: 54px; margin-bottom: 60px; position: relative; display: inline-block; padding: 0 8px; font-family: 'SangBleuOGSerif-RegularItalic';}
.hydra_wrap .sec06 .content .txt h2::after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 80%; background-color: #505b9f; opacity: 0.1;}
.hydra_wrap .sec06 .content .txt p {font-size: 20px; line-height: 1.5;}
.hydra_wrap .sec06 .content .thumbnail {max-height: 850px; padding: 0 20px;}
.hydra_wrap .sec06 .content .thumbnail img {max-height: 850px; width: 100%;}




@media(max-width:1024px) {
    .hydra_wrap .sec06 {padding: 0 0 150px;}
    .hydra_wrap .sec06 {margin: 0;}
    .hydra_wrap .sec06 .box .one-bg1 {right: auto; top: 20%; left: 0; transform: translateY(0); width: 100%; max-width: 70px;}
    .hydra_wrap .sec06 .box .one-bg2 {left: auto; top: 7%; right: 0; transform: translateY(0); width: 100%; max-width: 147px;}
    .hydra_wrap .sec06 .box .one-bg2 img, .hydra_wrap .sec06 .box .one-bg1 img {width: 100%;}
    .hydra_wrap .sec06 .content {flex-direction: column; align-items: flex-start;}
    .hydra_wrap .sec06 .content .txt {padding: 0 20px;}
    .hydra_wrap .sec06 .content .txt h2 {margin-bottom: 15px; font-size: 32px;}
    .hydra_wrap .sec06 .content .txt p {font-size: 14px;}
}




/*!----------- hydra sec07 --------------- */
.hydra_wrap .sec07 {padding: 200px 0;}
.hydra_wrap .sec07 .animated-title {font-size: 24px; font-family: 'Raleway', Sans-serif; font-weight: 300; position: relative; width: 100%; max-width: 100%; height: auto; padding: 0 0 34px; overflow: hidden;}
.hydra_wrap .sec07 .animated-title .track {position: absolute; white-space: nowrap; will-change: transform; animation: marquee1 100s linear infinite;}
.hydra_wrap .sec07 .animated-title2 {font-size: 24px; font-family: 'Raleway', Sans-serif; font-weight: 300; position: relative; width: 100%; max-width: 100%; height: auto; padding: 38px 0 0; overflow: hidden;}
.hydra_wrap .sec07 .animated-title2 .track {position: absolute; white-space: nowrap; will-change: transform; animation: marquee2 100s linear infinite; right: -100%; top: 10px;}
.hydra_wrap .sec07 .animated-title2 .content img, .animated-title .content img {margin: 0 100px;}
.hydra_wrap .sec07 .animated-title .content, .hydra_wrap .sec07 .animated-title2 .content {font-family: 'SangBleuOGSerif-Regular';}
.hydra_wrap .sec07 .content {display: flex; align-items: center;}
.hydra_wrap .sec07 .video {width: 100%; max-height: 800px; background: #000;}
.hydra_wrap .sec07 .video video {width: 100%; max-height: 800px;}


@keyframes marquee1 {
from {transform: translateX(0);}
to {transform: translateX(-50%);}
}


@keyframes marquee2 {
from {transform: translateX(0);}
to {transform: translateX(50%);}
}




@media(max-width:1024px) {
    .hydra_wrap .sec07 {padding: 150px 0;}
    .hydra_wrap .sec07 .animated-title {padding: 0 0 24px;}
    .hydra_wrap .sec07 .animated-title2 {padding: 36px 0 0;}
    .hydra_wrap .sec07 .animated-title2 .track {top: 10px;}
    .hydra_wrap .sec07 .animated-title2 .content img, .animated-title .content img {width: 200px; margin: 0 30px;}
    .hydra_wrap .sec07 .animated-title2, .hydra_wrap .sec07 .animated-title {font-size: 16px;}
    .hydra_wrap .sec07 .video {width: 100%;}
    .hydra_wrap .sec07 video video {width: 100%;}
}




/*!----------- hydra sec08 --------------- */
.hydra_wrap .sec08 {padding: 200px 0}
.hydra_wrap .sec08 .sec_tit {max-width: 1240px; margin: 0 auto; text-align: center;}
.hydra_wrap .sec08 .sec_tit h3 {font-size: 44px; font-family: "Noto Serif KR", serif !important; margin-bottom: 10px; font-weight: 600; line-height: 1.3;}
.hydra_wrap .sec08 .sec_tit span {font-size: 24px; margin: 10px 0 50px; font-weight: 600; font-family: 'SangBleuOGSerif-Regular'; color: #505b9f;}
.hydra_wrap .sec08 .treatment_box {max-width: 1200px; margin: 0 auto;}
.hydra_wrap .sec08 .treatment_box .box:last-child .thumbnail {border: 1px solid rgba(0, 0, 0, .1)}
.hydra_wrap .sec08 .treatment_box .box {display: flex; align-items: center;}
.hydra_wrap .sec08 .treatment_box .box:nth-child(even) {flex-direction: row-reverse; text-align: right;}
.hydra_wrap .sec08 .treatment_box .box>div {width: 50%;}
.hydra_wrap .sec08 .treatment_box .box>div video {width: 100%;}
.hydra_wrap .sec08 .treatment_box .box img {vertical-align: bottom; width: 100%;}
.hydra_wrap .sec08 .treatment_box .box .txt {padding: 50px; box-sizing: border-box; text-align: left;}
.hydra_wrap .sec08 .treatment_box .box .txt h3 {text-align: left; font-weight: 400; font-size: 34px; line-height: 1.5;}
.hydra_wrap .sec08 .treatment_box .box .txt h3 small {font-size: 20px;}
.hydra_wrap .sec08 .treatment_box .box .txt h3 strong {font-weight: 700;}
.hydra_wrap .sec08 .treatment_box .box .txt p {margin-top: 10px; line-height: 1.5; font-size: 20px;}
.hydra_wrap .sec08 .treatment_box .box:nth-child(even) .txt {text-align: right;}
.hydra_wrap .sec08 .treatment_box .box:nth-child(even) .txt h3 {text-align: right;}




@media(max-width:1024px) {
    .hydra_wrap .sec08 {padding: 150px 0;}
    .hydra_wrap .sec08 .sec_tit h3 {font-size: 24px; line-height: 1.3;}
    .hydra_wrap .sec08 .sec_tit span {font-size: 24px;}
    .hydra_wrap .sec08 .treatment_box {padding: 0 20px;}
    .hydra_wrap .sec08 .treatment_box .box>div {width: 100%;}
    .hydra_wrap .sec08 .treatment_box .box:nth-child(even), .hydra_wrap .sec08 .treatment_box .box {flex-direction: column; margin-bottom: 50px;}
    .hydra_wrap .sec08 .treatment_box .box .txt {padding: 20px 0; text-align: center;}
    .hydra_wrap .sec08 .treatment_box .box .txt h3 {font-size: 18px; text-align: center;}
    .hydra_wrap .sec08 .treatment_box .box .txt p {font-size: 16px; text-align: center;}
    .hydra_wrap .sec08 .treatment_box .box:nth-child(even) {text-align: center;}
    .hydra_wrap .sec08 .treatment_box .box:nth-child(even) .txt h3 {text-align: center;}
}




/*!----------- hydra sec09 --------------- */
.hydra_wrap .sec09 {padding: 200px 0; background-color: #FBF9F6; margin: 200px 0;}
.hydra_wrap .sec09 .sec_tit {max-width: 1240px; margin: 0 auto;}
.hydra_wrap .sec09 .sec_tit h3 {font-size: 44px; font-family: "Noto Serif KR", serif !important; margin-bottom: 10px; font-weight: 600;}
.hydra_wrap .sec09 .sec_tit span {font-size: 24px; margin: 10px 0 50px; font-weight: 600; font-family: 'SangBleuOGSerif-Regular', serif; color: #1E2C85;}
.hydra_wrap .sec09 .technology_box {display: flex; justify-content: center; gap: 40px;}
.hydra_wrap .sec09 .technology_box .box {display: flex; flex-direction:column; align-items: center;}
.hydra_wrap .sec09 .technology_box .thumbnail {position: relative; max-width:400px;}
.hydra_wrap .sec09 .technology_box .thumbnail img {vertical-align: bottom; max-width: 400px}
.hydra_wrap .sec09 .technology_box .thumbnail img.off {display: none;}
.hydra_wrap .sec09 .technology_box .thumbnail .disc {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; display: none;}
.hydra_wrap .sec09 .technology_box .thumbnail .disc p {font-weight: 400; font-size: 24px; line-height: 1.5;}
.hydra_wrap .sec09 .technology_box .thumbnail .disc p strong {font-weight: 600;}
.hydra_wrap .sec09 .technology_box .thumbnail:hover img.off {display: block;}
.hydra_wrap .sec09 .technology_box .thumbnail:hover img.on {display: none;}
.hydra_wrap .sec09 .technology_box .thumbnail:hover .disc {display: block;}
.hydra_wrap .sec09 .technology_box .txt {text-align: center;}
.hydra_wrap .sec09 .technology_box .txt h5 {font-family: "Noto Serif KR", serif; font-size: 20px; font-weight: 500; margin: 30px 0;}
.hydra_wrap .sec09 .technology_box .txt h4 {font-family: 'SangBlueOgSerifRelgular', serif; font-size: 28px; line-height: 1.3;}
.hydra_wrap .sec09 .technology_box .txt p {margin-top: 20px; line-height: 1.5; font-size: 18px;}




@media(max-width:1024px) {
    .hydra_wrap .sec09 {margin: 0;}
    .hydra_wrap .sec09 .sec_tit h3 {font-size: 24px;}
    .hydra_wrap .sec09 .technology_box {flex-direction: column; gap: 100px; padding: 0 20px;}
    .hydra_wrap .sec09 .technology_box .thumbnail {overflow: hidden; border-radius: 43px;}
    .hydra_wrap .sec09 .technology_box .thumbnail img {width: 100%;}
    .hydra_wrap .sec09 .technology_box .thumbnail img.on {display: block;}
    .hydra_wrap .sec09 .technology_box .thumbnail .disc {transform: translate(-50%, 0%); top: 0; width: 100%; background-color: rgba(0, 0, 0, 0.5); padding: 5px 0;}
    .hydra_wrap .sec09 .technology_box .thumbnail .disc p {font-size: 14px;}
    .hydra_wrap .sec09 .technology_box .thumbnail .disc br {display: none;}
    .hydra_wrap .sec09 .technology_box .thumbnail:hover img.off, .hydra_wrap .sec09 .technology_box .thumbnail img.off {display: none}
    .hydra_wrap .sec09 .technology_box .thumbnail:hover img.on {display: block;}
    .hydra_wrap .sec09 .technology_box .thumbnail:hover .disc, .hydra_wrap .sec09 .technology_box .thumbnail .disc {display: block;}
    .hydra_wrap .sec09 .technology_box .txt h5 {font-size: 18px; margin: 20px 0;}
    .hydra_wrap .sec09 .technology_box .txt h4 {font-size: 32px; line-height: 1.3;}
    .hydra_wrap .sec09 .technology_box .txt p {font-size: 14px; margin-top: 20px;}
}




/*!----------- hydra sec10 --------------- */
.hydra_wrap .sec10 {padding: 200px 0; text-align: center; position: relative; font-family: 'Pretendard'; max-width: 1240px; margin: 0 auto;}
.hydra_wrap .sec10 .sec10_box {display: flex; justify-content: space-between; position: relative;}
.hydra_wrap .sec10 .sec10_box .txt_box {width: 60%; text-align: left; margin-right: 50px; position: relative;}
.hydra_wrap .sec10 .sec10_box .txt_box h2 {font-family: "Noto Serif KR", serif; font-size: 44px; font-weight: 600;}
.hydra_wrap .sec10 .sec10_box .txt_box h3 {font-family: "SangBleuOGSerif-Regular"; font-size: 28px; margin-top: 15px; font-weight: 500; color: #dddddd; text-align: left;}
.hydra_wrap .sec10 .sec10_box .txt_box p {font-size: 24px; margin-top: 15px; line-height: 1.5; display: inline-block; position: relative;}
.hydra_wrap .sec10 .sec10_box .txt_box p::after {content: ""; position: absolute; bottom: -10px; left: 0; width: 125%; height: 1px; background-color: #505b9f;}
.hydra_wrap .sec10 .sec10_box .txt_box p strong {font-family: "SangBleuOGSerif-Regular";}
.hydra_wrap .sec10 .sec10_box .txt_box .inqu {margin-top: 80px}
.hydra_wrap .sec10 .sec10_box .txt_box .inqu {margin-top: 20px;}
.hydra_wrap .sec10 .sec10_box .txt-bg {position: absolute; top: -21%; left: -18%; max-width: 300px;}
.hydra_wrap .sec10 .sec10_box .txt-bg img {width: 100%;}
.hydra_wrap .sec10 .sec10_box .thumbnail-box {max-height: 800px;}
.hydra_wrap .sec10 .sec10_box .thumbnail-box .pc_img {max-height: 800px;}
.hydra_wrap .sec10 .sec10_box .sec07_thumbnail {width: 40%; position: relative;}
.hydra_wrap .sec10 .sec10_box .sec07_thumbnail img {width: 100%; vertical-align: bottom;}


ul.hydrafacial_tabs {margin: 0px; margin-top: 80px; padding: 0px; list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
ul.hydrafacial_tabs li {background: none; position: relative; padding: 10px 15px; cursor: pointer; text-align: center; display: flex; width: 220px; height: 220px; border: 1px solid #a49d8f; justify-content: center; align-items: center; border-radius: 200px; line-height: 1.5; font-size: 20px; color: #a49d8f;}
ul.hydrafacial_tabs li.current {border: 1px solid #505b9f; color: #505b9f;}


.hydra-tab-content {display: none; padding: 15px 0; margin-top: 15px; font-size: 18px;}
.hydra-tab-content.current {line-height: 1.5; display: inherit;}


.sec10_box_img {display: none;}
.sec10_box_img.pc_img {display: none !important;}
.sec10_box_img.active.pc_img {display: block !important}
.sec10_box_img.active.mb_img {display: none !important}




@media(max-width:1240px) {
    .thumbnail-box .mb_img {display: none !important}
    .thumbnail-box .sec10_box_img.active.pc_img {display: none !important}
    .thumbnail-box .sec10_box_img.active.mb_img {display: block !important}
    .hydra_wrap .sec10 {padding: 150px 0;}
    .hydra_wrap .sec10 .sec10_box {flex-direction: column;}
    .hydra_wrap .sec10 .sec10_box .txt_box .inqu {margin-top: 20px;}
    .hydra_wrap .sec10 .sec10_box .txt_box {width: 100%; text-align: center; margin-top: 40px;}
    .hydra_wrap .sec10 .sec10_box .txt_box h2 {font-size: 24px;}
    .hydra_wrap .sec10 .sec10_box .txt_box p {font-size: 16px;}
    .hydra_wrap .sec10 .sec10_box .txt_box h3 {text-align: center;}
    .hydra_wrap .sec10 .sec10_box .txt-bg {top: -5%; left: -20%; max-width: 200px; display: none;}
    .hydra_wrap .sec10 .sec10_box .sec07_thumbnail {width: 100%;}


    ul.hydrafacial_tabs {gap: 10px;}
    ul.hydrafacial_tabs li {width: 100px; height: 100px; padding: 0; font-size: 14px; line-height: 1.3;}
    ul.hydrafacial_tabs {margin: 20px 20px 30px;}


    .thumbnail-box img {width: 100%;}
    .hydra-tab-content.current {font-size: 14px;}
}




/*!----------- hydra sec11 --------------- */
.hydra_wrap .sec11 {padding: 200px 0; text-align: center; position: relative; font-family: 'Pretendard'; max-width: 1200px; margin: 0 auto; padding-bottom: 200px;}
.hydra_wrap .sec11 .sec11_box {display: flex;}
.hydra_wrap .sec11 .sec11_box .sec10_thumbnail {width: 40%; position: relative;}
.hydra_wrap .sec11 .sec11_box .sec10_thumbnail img {width: 100%; vertical-align: bottom;}
.hydra_wrap .sec11 .sec11_box .txt_box {width: 60%; text-align: left; margin-right: 200px;}
.hydra_wrap .sec11 .sec11_box .txt_box h2 {font-family: 'SangBlueOgSerifRelgular'; font-size: 54px;}
.hydra_wrap .sec11 .sec11_box .txt_box p {font-family: "Noto Serif KR", serif; font-size: 24px; margin-top: 15px; font-weight: 600;}
.hydra_wrap .sec11 .sec11_box .txt_box ul {margin-top: 40px;}
.hydra_wrap .sec11 .sec11_box .txt_box ul li {font-size: 20px; padding: 20px 0; border-top: 1px solid #EBEBEB; font-weight: 600; display: flex; align-items: center;}
.hydra_wrap .sec11 .sec11_box .txt_box ul li:last-child {border-bottom: 1px solid #EBEBEB;}
.hydra_wrap .sec11 .sec11_box .txt_box ul li span:first-child {font-family: 'SangBleuOGSerif-Medium'; font-weight: 400;}
.hydra_wrap .sec11 .sec11_box .txt_box ul li span:nth-child(2) {color: #9D9D9D; margin: 0 8px; font-size: 32px;}
.hydra_wrap .sec11 .sec11_box .txt_box ul li span:nth-child(3) {font-weight: 400;}
.hydra_wrap .sec11 .sec11_box .txt_box .inqu a {background-color: #505b9f; color: #fff; padding: 12px 36px; border-radius: 36px; font-size: 24px; margin-top: 50px; font-weight: 600;}
.hydra_wrap .sec11 .sec11_box .txt_bg {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; width: 200%;}
.hydra_wrap .sec11 .sec11_box .txt_bg img {width: 100%;}




@media(max-width:1240px) {
    .hydra_wrap .sec11 { padding: 150px 0;}
    .hydra_wrap .sec11 .sec11_box {flex-direction: column-reverse;}
    .hydra_wrap .sec11 .sec11_box .sec10_thumbnail {width: 100%;}
    .hydra_wrap .sec11 .sec11_box .txt_box {width: 100%; text-align: center; margin-top: 40px; margin-right: 0;}
    .hydra_wrap .sec11 .sec11_box .txt_box h2 {font-size: 36px;}
    .hydra_wrap .sec11 .sec11_box .txt_box p {font-size: 18px; font-weight: 600;}
    .hydra_wrap .sec11 .sec11_box .txt_box ul li {margin: 0 20px; padding: 10px 0;}
    .hydra_wrap .sec11 .sec11_box .txt_box ul li span {font-size: 14px;}
    .hydra_wrap .sec11 .sec11_box .txt_box .inqu a {font-size: 18px;}
    .hydra_wrap .sec11 .sec11_box .txt_bg {display: none;}
}


/*
.hydra_wrap .sec11{padding-top: 200px;}
.hydra_wrap .sec11 .effect_list ul{display: flex; justify-content: center; gap: 20px; margin: 30px 0;}
.hydra_wrap .sec11 .sec_tit{max-width: 1240px;margin: 0 auto;}
.hydra_wrap .sec11 .sec_tit h3{font-size: 72px;font-family: 'Marcellus'; margin-bottom: 10px;}
.hydra_wrap .sec11 .sec_tit span{font-size: 24px;margin: 20px 0 50px 0;font-weight: 600; font-family: "Noto Serif KR", serif;}
.hydra_wrap .sec11 .swiper-slide img{width: 100%;}
.hydra_wrap .sec11 .hydra_before{margin: 50px 0;}
.hydra_wrap .sec11 .sec11_disc{text-align: center; margin-top: 60px;}
.hydra_wrap .sec11 .sec11_disc span{padding: 10px 30px; border: 1px solid #f4f4f4; color: #cdcdcd; display: inline-flex; align-items: center;}
.hydra_wrap .sec11 .sec11_disc span img{margin-right: 10px;}
*/




/*!----------- hydra sec12 --------------- */
.hydra_wrap .sec12 {padding: 200px 0;}
.hydra_wrap .sec12 .sec_tit {max-width: 1240px; margin: 0 auto;}
.hydra_wrap .sec12 .sec_tit h3 {font-size: 54px; font-family: 'Marcellus'; margin-bottom: 10px;}
.hydra_wrap .sec12 .sec_tit span {font-size: 24px; margin: 10px 0 50px; font-weight: 600; font-family: "Noto Serif KR", serif;}
.hydra_wrap .sec12 .box {display: flex; gap: 20px; max-width: 1200px; margin: 0 auto;}
.hydra_wrap .sec12 .box .thumbnail img {width: 100%;}
.hydra_wrap .sec12 .sec12_disc {text-align: center; margin-top: 60px;}
.hydra_wrap .sec12 .sec12_disc span {padding: 10px 30px; border: 1px solid #f4f4f4; color: #cdcdcd; display: inline-flex; align-items: center;}
.hydra_wrap .sec12 .sec12_disc span img {margin-right: 10px;}
.hydra_wrap .sec12 .effect_list ul {display: flex; justify-content: center; gap: 20px; margin: 30px 0;}
.hydra_wrap .sec12 .hydra_before {margin: 50px 0;}
.hydra_wrap .sec12 .swiper-slide img {width: 100%;}




@media(max-width:1024px) {
    .hydra_wrap .sec12 {padding: 150px 0;}
    .hydra_wrap .sec12 .sec12_disc span {flex-direction: column; font-size: 12px; line-height: 1.5;}
}




@media(max-width:768px) {
    .hydra_wrap .sec12 {padding: 200px 20px;}
    .hydra_wrap .sec12 .sec_tit h3 {font-size: 42px;}
    .hydra_wrap .sec12 .sec_tit span {font-size: 16px;}
    .hydra_wrap .sec12 .sec07_disc span {font-size: 12px; padding: 10px 20px; flex-direction: column; gap: 5px; line-height: 1.3;}
}


/*
.hydra_wrap .sec12{padding: 200px 0 250px 0; position: relative;}
.hydra_wrap .sec12 .sec_tit{max-width: 1240px;margin: 0 auto;}
.hydra_wrap .sec12 .sec_tit h3{font-size: 72px;font-family: 'Marcellus'; margin-bottom: 10px;}
.hydra_wrap .sec12 .sec_tit span{font-size: 24px;margin: 20px 0 50px 0;font-weight: 600; font-family: "Noto Serif KR", serif;}
.hydra_wrap .sec12 .sec12_main{text-align: center;}
.hydra_wrap .sec12 .sec12_main img{width: 100%; max-width: 1030px;}
.hydra_wrap .sec12 .sec12_bg{position: absolute; bottom: 0; right: 0;}
*/




/*!----------- hydra sec13 --------------- */
.hydra_wrap .sec13 {padding: 200px 0 100px; background-color: #FBF9F6; position: relative; margin: 0 0 200px}
.hydra_wrap .sec13 .sec_tit {width: calc(50% - 80px); text-align: right;}
.hydra_wrap .sec13 .sec_tit h3 {font-size: 54px; font-family: 'SangBlueOgSansRegular'; margin-bottom: 10px; line-height: 1.3; text-align: right;}
.hydra_wrap .sec13 .sec_tit span {font-size: 20px; margin: 0 0 50px; font-weight: 600; color: #505b9f;}
.hydra_wrap .sec13 .box {display: flex;}
.hydra_wrap .sec13 .box>div {flex: 1;}
.hydra_wrap .sec13 .box .hydra-history-maq {margin-top: 100px;}
.hydra_wrap .sec13 .box .hydra-history ul {padding-left: 80px; position: relative; padding-bottom: 100px;}
.hydra_wrap .sec13 .box .hydra-history ul::after {content: ""; position: absolute; top: 10px; left: 40px; background-color: #7f6f55; width: 14px; height: 14px; border-radius: 14px;}
.hydra_wrap .sec13 .box .hydra-history ul::before {content: ""; position: absolute; top: 10px; left: 47px; background-color: #7f6f55; width: 1px; height: 100%;}
.hydra_wrap .sec13 .box .hydra-history ul li {font-size: 20px; line-height: 1.5; font-weight: 200;}
.hydra_wrap .sec13 .box .hydra-history .history-item {display: flex; align-items: flex-start; text-align: left;}
.hydra_wrap .sec13 .box .hydra-history .history-item:last-child ul::before {display: none;}
.hydra_wrap .sec13 .box .hydra-history .history-item h4 {font-size: 34px; font-family: 'SangBleuOGSerif-Regular';}
.hydra_wrap .sec13 .txt-bg {position: absolute; bottom: 0; right: 0;}
.sec .marquee__group>div span {text-align: left; margin-top: 10px;}




@media(max-width:1024px) {
    .hydra_wrap .sec13 {padding: 150px 0; margin: 0 0 150px;}
    .hydra_wrap .sec13 .sec_tit {width: 100%; text-align: center;}
    .hydra_wrap .sec13 .sec_tit h3 {font-size: 32px; text-align: center;}
    .hydra_wrap .sec13 .sec_tit span {font-size: 16px; margin: 10px 0 50px;}
    .hydra_wrap .sec13 .box {flex-direction: column-reverse;}
    .hydra_wrap .sec13 .box .hydra-history ul {padding-left: 40px; padding-bottom: 60px;}
    .hydra_wrap .sec13 .box .hydra-history ul::after {width: 11px; height: 11px; left: 15px; top: 5px;}
    .hydra_wrap .sec13 .box .hydra-history ul::before {left: 20px;}
    .hydra_wrap .sec13 .box .hydra-history ul li {font-size: 14px; text-indent: -7px; margin-left: 7px;}
    .hydra_wrap .sec13 .box .hydra-history .hydra-history-box {padding: 0 20px;}
    .hydra_wrap .sec13 .box .hydra-history-maq {margin-top: 0;}
    .hydra_wrap .sec13 .box .hydra-history .history-item h4 {font-size: 20px}
    .hydra_wrap .sec13 .txt-bg {width: 50%;}
    .hydra_wrap .sec13 .txt-bg img {width: 100%;}
    .hydra_wrap .sec13 .wrapper {max-width: 90vw;}
    .hydra_wrap .sec13 .marquee--reverse {display: none;}
    .hydra_wrap .sec13 .marquee__group {gap: 20px; height: auto;}
    .hydra_wrap .sec13 .marquee__group span {display: block; text-align: left; margin-top: 10px;}
    .hydra_wrap .sec13 .marquee__group>div {max-width: 200px;}
    .hydra_wrap .sec13 .marquee__group>div img {width: 100%;}
}




/*!----------- hydra sec14 --------------- */
.hydra_wrap .sec14 {padding: 200px 0; margin: 400px 0 200px; position: relative; background-image: url('/bizdemo158119/img/youlbit/images/hydra_sec13_bg_new.webp'); text-align: center;}
.hydra_wrap .sec14 .sec_tit {max-width: 1240px; margin: 0 auto;}
.hydra_wrap .sec14 .sec_tit h3 {font-size: 44px; font-weight: 600; font-family: "Noto Serif KR", serif !important; color: #fff;}
.hydra_wrap .sec14 .sec_tit span {font-size: 34px; font-family: 'SangBleuOGSerif-Regular'; margin-bottom: 10px; background: linear-gradient(0deg, #F7E6A2 20%, #D1A853 80%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.hydra_wrap .sec14 p {margin-bottom: 10px; font-size: 28px; line-height: 1.5; color: #d7b25f;}
.hydra_wrap .sec14 p strong {color: #f7e9a4;}
.hydra_wrap .sec14 .sec14_main {text-align: center; margin: 50px 0;}
.hydra_wrap .sec14 .sec14_main img {width: 100%; max-width: 780px;}
.hydra_wrap .sec14 .sec14_dc {max-width: 1200px; margin: 0 auto 200px;}




@media(max-width:1024px) {
    .hydra_wrap .sec14 {padding: 150px 0; margin: 150px 0;}
    .hydra_wrap .sec14 .sec_tit h3 {font-size: 22px; line-height: 1.3; margin: 20px 0 10px;}
    .hydra_wrap .sec14 .sec_tit span {font-size: 26px;}
    .hydra_wrap .sec14 p {font-size: 16px;}
    .hydra_wrap .sec14 p b {position: relative;}
    .hydra_wrap .sec14 p b::after {content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background-color: #d7b25f;}
    .hydra_wrap .sec14 .sec14_dc img {width: 100%;}
    .hydra_wrap .sec14 .sec14_dc {margin: 0 auto 150px;}
}




/*!----------- hydra sec15 --------------- */
.hydra_wrap .sec15 {padding: 200px 0;}
.hydra_wrap .sec15 .sec_tit {margin-bottom: 50px;}
.hydra_wrap .sec15 .box {display: flex; max-width: 1720px; margin: 0 auto; gap: 30px;}
.hydra_wrap .sec15 .box .txt {display: flex; justify-content: space-between; margin: 10px 0 0;}
.hydra_wrap .sec15 .box .txt span:first-child {font-size: 24px; font-weight: 600;}
.hydra_wrap .sec15 .box .txt span:last-child {color: #666; font-size: 18px;}
.hydra_wrap .sec15 .box .thumbnail a {width: 100%;}




@media(max-width:1024px) {
    .hydra_wrap .sec15 {padding: 150px 0;}
    .hydra_wrap .sec15 .sec_tit h3 {font-size: 28px;}
    .hydra_wrap .sec15 .sec_tit h3 b {position: relative; font-family: 'SangBlueOGSerifBold';}
    .hydra_wrap .sec15 .sec_tit h3 b::after {content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background-color: #000;}
    .hydra_wrap .sec15 .box {flex-direction: column; padding: 20px; max-width: 90%; width: 100%;}
    .hydra_wrap .sec15 .box .thumbnail {width: 100%}
    .hydra_wrap .sec15 .box .thumbnail img {width: 100%; box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);}
    .hydra_wrap .sec15 .box .txt {flex-direction: column; gap: 5px; margin-top: 10px;}
    .hydra_wrap .sec15 .box .txt span:first-child {font-size: 15px;}
    .hydra_wrap .sec15 .box .txt span:last-child {font-size: 13px}
}




/*!----------- hydra sec16 --------------- */
.hydra_wrap .sec16 {padding: 200px 0 250px;}
.hydra_wrap .sec16 .sec_tit {max-width: 1240px; margin: 0 auto;}
.hydra_wrap .sec16 .sec_tit h3 {font-size: 44px; margin: 0; font-weight: 600; font-family: "Noto Serif KR", serif !important; margin-bottom: 20px;}
.hydra_wrap .sec16 .sec_tit span {font-size: 24px; font-family: 'SangBleuOGSerif-Regular'; margin-bottom: 40px;}
.hydra_wrap .sec16 .sec16_tab {text-align: center;}
.hydra_wrap .sec16 .sec16_tab .tab_img {width: 100%; max-height: 520px; margin: 0 auto; overflow: hidden; position: relative;}
.hydra_wrap .sec16 .sec16_tab .tab_img::after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 80%; background-color: #F3F3F3; z-index: -1; opacity: 1;}
.hydra_wrap .sec16 .sec16_tab .tab_img img {max-width: 1000px;}
.hydra_wrap .sec16 .sec16_tab .tab_btn {display: flex; justify-content: center; gap: 15px; margin-top: 20px;}
.hydra_wrap .sec16 .sec16_tab .tab_btn a {max-width: 80px;}
.hydra_wrap .sec16 .sec16_tab .tab_btn a img {width: 100%;}




@media(max-width:1024px) {
    .hydra_wrap .sec16 {padding: 150px 0;}
    .hydra_wrap .sec16 .sec_tit h3 {font-size: 20px; margin-bottom: 10px;}
    .hydra_wrap .sec16 .sec_tit span {font-size: 20px; margin: 0 0 30px;}
    .hydra_wrap .sec16 .sec16_tab .tab_btn {padding: 0 20px; margin-top: 10px; gap: 5px;}
    .hydra_wrap .sec16 .sec16_tab .tab_btn a {max-width: 60px;}
    .hydra_wrap .sec16 .sec16_tab .tab_img::after {opacity: 0;}
    .hydra_wrap .sec16 .sec16_tab .tab_img {width: 100%;}
    .hydra_wrap .sec16 .tab_btn img, .hydra_wrap .sec16 .tab_img img {width: 100%;}
}
/* ----------- hydra end --------------- */



@media(max-width:768px){
.main{overflow-x: hidden;}
}