/*!----------- promotion--------------- */
/*! sec1 start*/
.promotion_wrap .sec01 {padding-top: 200px; max-width: 800px; margin: 0 auto;}
.promotion_wrap .sec01 ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px}
.promotion_wrap .sec01 ul li a {width: 100%;}
.promotion_wrap .sec01 ul li .promotion_thumbnail {position: relative;}
.promotion_wrap .sec01 ul li .promotion_title {position: absolute; left: 50%; bottom: 0px; width: 100%; transform: translateX(-50%); background-color: rgba(255, 255, 255, 0.7); padding: 20px; box-sizing: border-box; width: 100%; transition: 0.3s;}
.promotion_wrap .sec01 ul li:hover .promotion_title {font-weight: 700; padding: 40px 20px;}
.promotion_wrap .sec01 ul li h5 {text-align: center; margin: 10px 0; font-size: var(--font-regular);}
.promotion_wrap .sec01 ul li img {width: 100%;}
/*! sec1 end*/



/*! sec2 start*/
.promotion_wrap .sec02 {padding-top: 200px; max-width: 800px; margin: 0 auto; font-family: 'Pretendard';}
.promotion_wrap .sec_tit h3 {margin-bottom: 30px;}
.promotion_wrap .sec02 ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px}
.promotion_wrap .sec02 ul li .promotion_thumbnail {position: relative;}
.promotion_wrap .sec02 ul li .beauty_title {position: absolute; left: 50%; bottom: 0px; width: 100%; transform: translateX(-50%); background-color: rgba(255, 255, 255, 0.5); padding: 20px; box-sizing: border-box; transition: 0.3s;}
.promotion_wrap .sec02 ul li a {width: 100%;}
.promotion_wrap .sec02 ul li h5 {text-align: center; margin: 10px 0; font-size: var(--font-regular);}
.promotion_wrap .sec02 ul li img {width: 100%;}
.promotion_wrap .sec02 ul li:hover .beauty_title {font-weight: 700; padding: 40px 20px;}
/*! sec2 end*/



/*!----------- medical_staff--------------- */
/*! sec0 start*/
.medical_staff_wrap .sec0 {padding-top: 100px; margin-top: 100px;}
.medical_staff_wrap .sec0 .sec0_box img {width: 100%;}
.medical_staff_wrap .sec0 .sec0_box video {width: 100%;}
.medical_staff_wrap .sec0 .sec0_box h3 {font-family: "Marcellus", serif; font-size: 72px; color: #222; text-align: center; margin-bottom: 20px;}
.medical_staff_wrap .sec0 .sec0_box h5 {font-family: "Noto Serif KR", serif; font-size: 24px; text-align: center; margin-bottom: 40px; font-weight: 600;}
.medical_staff_wrap .sec0 .sec0_box p {font-size: 20px; text-align: center; line-height: 1.3; font-weight: 600; margin: 40px 0 40px 0;}
.medical_staff_wrap .sec0 .sec0_box .t_sign {text-align: center; margin: 50px 0 100px;}
.medical_staff_wrap .sec0 .sec0_box .t_sign img {max-width: 218px;}
/*! sec0 end*/



/*! sec1 start*/
.doctor_thsumbnail img {width: 100%;}
.medical_staff_wrap .sec01 {max-width: 100%; margin: 0 auto; padding: 200px 40px 0;}
.medical_staff_wrap .sec01 .doctor {background-color: #fcfcfc;}
.medical_staff_wrap .sec01 .doctor .doctor1_box {display: flex; justify-content: center; gap: 60px; align-items: center; text-align: left;}
.medical_staff_wrap .sec01 .doctor .doctor1_box>div {width: 50%;}
.medical_staff_wrap .sec01 .doctor .doctor_title {text-align: center; margin-bottom: 50px;}
.medical_staff_wrap .sec01 .doctor .doctor_title span {font-weight: 300; letter-spacing: 15px; margin-bottom: 30px;}
.medical_staff_wrap .sec01 .doctor .doctor_title h4 {font-family: "Noto Serif KR", serif; font-size: 36px; font-weight: 600 !important;}
.medical_staff_wrap .sec01 .doctor .doctor_title h4 small {font-size: 24px; font-weight: 500; margin-left: 10px;}
.medical_staff_wrap .sec01 .doctor .doctor_history {display: flex; align-items: flex-start; justify-content: space-between;}
.medical_staff_wrap .sec01 .doctor .doctor_history ol {width: 50%;}
.medical_staff_wrap .sec01 .doctor .doctor_history ol li {margin: 15px 0; font-weight: 400; font-size: 16px;}
.medical_staff_wrap .sec01 .doctor .doctor_history ol li strong {font-weight: 700; font-size: 18px; line-height: 1.5;}
.medical_staff_wrap .sec01 .doctor .doctor_word h3 {font-size: 40px; font-family: "Marcellus", serif;}
.medical_staff_wrap .sec01 .doctor .doctor_word p {margin: 20px 0 40px 0; line-height: 1.5;}
.medical_staff_wrap .sec01 .doctor2 .doctor1_box {flex-direction: row-reverse; text-align: right; margin-right: 100px;}
.medical_staff_wrap .sec01 .doctor2 .doctor_history ol {width: 100%;}
.medical_staff_wrap .sec_tit h3 {font-weight: 500; font-family: 'SangBlueOgSerifRelgular';}
.doctor2 .sign, .doctor1 .sign {text-align: center; margin-top: 80px;}
.doctor2 .sign img, .doctor1 .sign img {max-width: 270px; width: 100%;}


.medical_staff_wrap .txt_line {margin-top: 100px;}
.medical_staff_wrap .doctor_box {position: relative; padding-top: 100px;}
.medical_staff_wrap .sec01_1 {padding-top: 200px; margin-bottom: 200px;}
.medical_staff_wrap .doctor_name {position: absolute; font-family: "Marcellus", serif; font-size: 220px; color: #b8b8b8; opacity: 0.1;}
.medical_staff_wrap .doctor_name1 {top: 0; left: 10%;}
.medical_staff_wrap .sec01_2 .doctor_name1 {left: 5%;}
.medical_staff_wrap .doctor_name2 {top: 28%; left: 38%;}
.medical_staff_wrap .doctor_name3 {top: 67%; right: 10%;}
/*! sec1 end*/



/*! sec2 start*/
.medical_staff_wrap .sec02 {background-color: #F8F8F8; padding: 200px 0; margin-top: 300px;}
.medical_staff_wrap .sec02 .sec_tit {margin-bottom: 120px;}
.medical_staff_wrap .sec02 .sec_tit h3 {margin: 25px 0; color: #222;}
.medical_staff_wrap .sec02 .sec_tit h5 {color: #aa8863; font-family: 'Pretendard'; font-weight: 600;}
.medical_staff_wrap .sec02 .sec_tit span {font-family: 'SangBlueOgSerifRelgular'; color: #848484;}
.medical_staff_wrap .history h2 {position: relative; font-size: 33px; color: #000; line-height: 1;}
.medical_staff_wrap .history h2:before {content: ""; position: absolute; left: -48px; top: 50%; transform: translateY(-50%); width: 17px; height: 17px; border-radius: 100%; background: #fff; border: 5px solid #ff5a2b; box-sizing: border-box;}
.medical_staff_wrap .history div {position: relative; padding: 0 0 0 48px;}
.medical_staff_wrap .history div:before {content: ""; position: absolute; left: 8px; top: 0; width: 2px; height: 100%; background: #ddd;}
.medical_staff_wrap .history div:first-child:before {top: 10px; height: calc(100% - 10px);}
.medical_staff_wrap .history ol {padding: 20px 0 74px;}
.medical_staff_wrap .history li {font-size: 17px; color: #000; line-height: 29px;}
.medical_staff_wrap .sec02 .container {max-width: 1400px; margin: 0 auto;}
.medical_staff_wrap .sec02 .cont-wrap {text-align: center;}
.medical_staff_wrap .sec02 .his-content {position: relative;}
.medical_staff_wrap .sec02 .his-content .his-track {position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background-color: #dfdfdf;}
.medical_staff_wrap .sec02 .his-content .his-thumb {position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background-color: #9F886D;}
.medical_staff_wrap .sec02 .his-content .his-thumb:after {content: ""; position: absolute; left: -5px; bottom: 0; display: inline-block; width: 11px; height: 11px; background: url("https://cheongdamcircle.cafe24.com/web/upload/img/history-marker.png") no-repeat center/ 100% auto;}
.medical_staff_wrap .sec02 .his-content .d-flbox {width: 50%;}
.medical_staff_wrap .sec02 .his-content .d-frbox {width: 50%; text-align: left;}
.medical_staff_wrap .sec02 .his-content .year {display: block; margin: 3.75rem 0; font-family: 'Noto Serif KR', serif; font-size: 2.812rem; color: #b1c117; letter-spacing: 0.05em; font-weight: 500;}
.medical_staff_wrap .sec02 .his-content .d-flbox .year {text-align: right; padding-right: 3.75rem;}
.medical_staff_wrap .sec02 .his-content .d-frbox .year {padding-left: 3.75rem;}
.medical_staff_wrap .sec02 .his-content dl {margin-top: 9.375rem;}
.medical_staff_wrap .sec02 .his-content dl dt {font-weight: 400; font-size: 40px; margin-bottom: 50px; font-family: 'SangBlueOgSerifRelgular';}
.medical_staff_wrap .sec02 .his-content dl dd {position: relative; font-size: 1.18rem; color: #222; font-weight: 300; margin: 20px 0;}
.medical_staff_wrap .sec02 .his-content .d-flbox dd {padding-right: 15px;}
.medical_staff_wrap .sec02 .his-content .d-frbox dd {padding-left: 15px;}
.medical_staff_wrap .sec02 .his-content .d-flbox dd:before {right: 3px;}
.medical_staff_wrap .sec02 .his-content .d-frbox dd:before {left: 3px;}
.medical_staff_wrap .sec02 .his-content .d-flbox dl {text-align: right; padding-right: 3.75rem; background: url("../img/his_left.png") no-repeat right 10px/ auto;}
.medical_staff_wrap .sec02 .his-content .d-flbox dl:first-child {margin-top: 0;}
.medical_staff_wrap .sec02 .his-content .d-flbox dl:last-child {margin-top: 45rem !important;}
.medical_staff_wrap .sec02 .his-content .d-frbox dl {padding-left: 3.75rem; background: url("../img/his_right.png") no-repeat left 10px/ auto; margin-top: 40rem; text-align: start !important;}
.d-flbox .his-dl:first-child dt {margin-top: -12px;}
.d-flbox .his-dl:not(:first-child) {margin-top: 35rem !important;}


.innerbox {display: flex;}
#header1 {display: none;}
/*! sec2 end*/



/*! sec3 start*/
.medical_staff_wrap .sec03 {padding: 200px 40px 0; box-sizing: border-box;}
.medical_staff_wrap .sec03 .award_swiper {padding: 50px 0 100px; box-sizing: border-box;}
.medical_staff_wrap .sec03 .swiper-pagination-bullet {background-color: #cccccc; opacity: 1;}
.medical_staff_wrap .sec03 .swiper-pagination-bullet-active {background-color: #222222; width: 25px; border-radius: 5px;}
.medical_staff_wrap .sec03 ul {display: flex; justify-content: center; margin-top: 100px; align-items: center;}
.medical_staff_wrap .sec03 .swiper-slide {text-align: center; cursor: pointer;}
.medical_staff_wrap .sec03 .swiper-slide img {width: 100%;}
.medical_staff_wrap .sec03 .swiper-slide h5 {font-size: var(--font-medium); font-weight: 500; margin-bottom: 10px; font-family: "Marcellus", serif;}
.medical_staff_wrap .sec03 .swiper-slide .award_tit {margin-top: 40px;}
/*! sec3 end*/



@media(max-width:768px) {
    .medical_staff_wrap .sec0 .sec0_box h3 {font-size: 28px;}
    .medical_staff_wrap .sec0 .sec0_box h5 {font-size: 18px;}
    .medical_staff_wrap .sec01 .doctor .doctor_history, .medical_staff_wrap .sec01 .doctor .doctor1_box {flex-direction: column; gap: 0;}
    .medical_staff_wrap .sec01 .doctor .doctor1_box>div, .medical_staff_wrap .sec01 .doctor .doctor_history ol {width: 100%;}
    .medical_staff_wrap .sec01 .doctor .doctor_history ol {text-align: center;}
    .medical_staff_wrap .sec01 .doctor .doctor_history ol li {margin: 3px 0; font-size: 14px; font-weight: 300 !important;}
    .medical_staff_wrap .sec01 .doctor .doctor_history ol li strong {font-size: 16px}
    .medical_staff_wrap .sec01 .doctor .doctor_title {margin-bottom: 0;}
    .medical_staff_wrap .sec01 .doctor .doctor_title span {font-size: 11px; letter-spacing: 5px;}
    .medical_staff_wrap .sec01 {padding: 0;}
    .medical_staff_wrap .sec01_1 {margin-bottom: 0;}
    .medical_staff_wrap .sec01 .doctor2 .doctor1_box {margin-right: 0;}
    .medical_staff_wrap .sec01 .doctor {padding: 40px 20px; box-sizing: border-box;}
    .medical_staff_wrap .sec02 {margin-top: 100px; padding: 100px 0;}
    .medical_staff_wrap .sec02 .his-content .d-frbox, .medical_staff_wrap .sec02 .his-content .d-flbox {width: 100%;}
    .medical_staff_wrap .sec02 .his-content .d-flbox dl {text-align: left;}
    .medical_staff_wrap .sec02 .his-content .d-flbox dl {padding-right: 0;}
    .medical_staff_wrap .sec02 .his-content .d-frbox dl, .medical_staff_wrap .sec02 .his-content .d-flbox dl:last-child, .d-flbox .his-dl:not(:first-child) {margin-top: 5rem !important;}
    .medical_staff_wrap .sec02 .his-content .d-frbox dd, .medical_staff_wrap .sec02 .his-content .d-frbox dl {padding-left: 0; text-align: left;}
    .medical_staff_wrap .sec02 .his-content dl dd {color: #606060; font-size: 13px; line-height: 1.3; margin: 5px 0;}
    .medical_staff_wrap .sec02 .his-content dl dt {margin-bottom: 25px; font-size: 30px;}
    .medical_staff_wrap .sec02 .his-content .his-thumb, .medical_staff_wrap .sec02 .his-content .his-track {left: 30px;}
    .medical_staff_wrap .doctor_name1, .medical_staff_wrap .doctor_name2, .medical_staff_wrap .doctor_name3 {display: none;}
    .medical_staff_wrap .innerbox {flex-direction: column; padding-left: 60px;}
}



/*!----------- academy --------------- */
/*! sec1 start*/
.academy_wrap .sec01 {max-width: 1240px; margin: 0 auto; padding-top: 200px;}
.academy_wrap .sec01 ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 10px;}
.academy_wrap .sec01 ul li {margin: 10px 0 30px 0; position: relative;}
.academy_wrap .sec01 ul li .academy_thumbnail {position: relative;}
.academy_wrap .sec01 ul li h5 {position: absolute; left: 50%; bottom: 0px; width: 100%; transform: translateX(-50%); text-align: center; font-size: var(--font-Xsmall); margin-top: 20px; line-height: 1.3; background-color: rgba(255, 255, 255, 0.7); padding: 20px; font-weight: 500; transition: 0.3s; box-sizing: border-box; min-height: 86px; display: flex; align-items: center; justify-content: center;}
.academy_wrap .sec01 ul li:hover h5 {font-weight: 600; font-size: var(--font-small); padding: 40px 20px;}
.academy_wrap .sec01 ul li img {width: 100%;}



@media(max-width:1240px) {
    .academy_wrap .sec01 ul {grid-template-columns: repeat(2, 1fr)}
}



@media(max-width:768px) {
    .visual_title h2 {font-size: 28px;}
    .academy_wrap .visual_title h2 {line-height: 1.3;}
    .academy_wrap .sec01 ul {grid-template-columns: repeat(1, 1fr)}
    .academy_wrap .sec01 ul li {pointer-events: none;}
    .academy_wrap .sec01 ul li h5 {font-size: 14px; padding: 10px; min-height: 76px;}
}
/*! sec1 end*/



/*!----------- circle tv --------------- */
.circle_tv_wrap .sec_tit h3 {font-family: "Marcellus", serif !important; color: #222; font-weight: 500 !important; margin-bottom: 50px;}
.circle_tv_wrap .sec img {width: 100%;}



/*! sec1 start*/
.circle_tv_wrap .sec01 {max-width: 1240px; margin: 0 auto; padding-top: 200px;}
.circle_tv_wrap .sec01 ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 10px;}
.circle_tv_wrap .sec01 ul li {margin: 10px 0 30px 0}
.circle_tv_wrap .sec01 ul li img {width: 100%;}
.circle_tv_wrap .sec01 ul li h5 {text-align: center; font-size: var(--font-Xsmall); margin-top: 20px; line-height: 1.3;}
/*! sec1 end*/



/*! sec2 start*/
.circle_tv_wrap .sec02 {max-width: 1200px; margin: 0 auto; padding-top: 200px;}
.circle_tv_wrap .sec02 .sec_tit h3 {margin-bottom: 30px;}
.circle_tv_wrap .sec02 ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 10px;}
.circle_tv_wrap .sec02 ul li {margin: 10px 0 30px 0}
.circle_tv_wrap .sec02 ul li h5 {margin-top: 15px;}
/*! sec2 end*/



/*! sec3 start*/
.circle_tv_wrap .sec03 {max-width: 1200px; margin: 0 auto; padding-top: 200px;}
.circle_tv_wrap .sec03 ul {display: flex; justify-content: center;}
/*! sec3 end*/



@media(max-width:768px) {
    .circle_tv_wrap .sec {padding: 100px 20px; box-sizing: border-box;}
    .circle_tv_wrap .sec_tit h3 {font-weight: 500 !important; margin-bottom: 25px;}
    .circle_tv_wrap .sec02 ul, .circle_tv_wrap .sec01 ul {grid-template-columns: repeat(1, 1fr);}
    .circle_tv_wrap .sec02 ul li {margin: 10px 0;}
    .circle_tv_wrap .sec02 ul li h5, .circle_tv_wrap .sec01 ul li h5 {font-size: 14px; margin-top: 10px; line-height: 1.5;}
}



/*!----------- conclerge --------------- */
/*! sec1 start*/
.conclerge_wrap .sec01 {max-width: 1500px; margin: 0 auto; padding-top: 200px;}
.conclerge_wrap .sec01 .sec_tit h3 {margin-bottom: 30px;}
.conclerge_wrap .table {width: 100%; text-align: center;}
.conclerge_wrap .table th {background: #F6F6F6; padding: 25px 0; font-weight: 700; font-size: var(--font-small);}
.conclerge_wrap .table td {padding: 25px 20px; border-top: 1px solid #ccc; word-break: break-all;}
.conclerge_wrap .table td:nth-child(1) {width: 10%;}
.conclerge_wrap .table td:nth-child(2) {width: 60%; text-align: left;}
.conclerge_wrap .table td:nth-child(3) {width: 10%;}
.conclerge_wrap .table td:nth-child(4) {width: 10%;}
.conclerge_wrap .table td:nth-child(5) {width: 10%;}
.conclerge_wrap .table--min {min-width: 700px;}



@media screen and (max-width:768px) {
    .conclerge_wrap .table-box {overflow-x: auto;}
}
/*! sec1 end*/



/*!----------- small_fit --------------- */
/*! sec1 start*/
.small_fit_wrap .sec01 {padding-top: 200px; max-width: 100%;}
.small_fit_wrap .sec01 .samll_sec01_thumbnail {margin-top: 30px;}
.small_fit_wrap .sec01 .samll_sec01_thumbnail img {width: 100%;}
.small_fit_wrap .sec01 .samll_sec01_txt {text-align: center; margin: 50px 0; line-height: 1.4; font-family: "Noto Serif KR", serif; font-size: 24px; font-weight: 600;}
.small_fit_wrap .sec01 .sign {text-align: center;}
.small_fit_wrap .sec01 .sec01_box {max-width: 1040px; margin: 0 auto;}
.small_fit_wrap .sec01 .sec01_box img {width: 100%;}
.small_fit_wrap .sec01 .sec01_box h3 {font-family: "Marcellus", serif; font-size: 44px; color: #222; text-align: center; margin-bottom: 40px;}
.small_fit_wrap .sec01 .sec01_box p {font-size: 20px; text-align: center; line-height: 1.3; font-weight: 600; margin-top: 100px; font-family: 'AritaBuri'; transform: skew(-0.1deg);}
.small_fit_wrap .sec01 .sec01_box .t_sign {text-align: center; margin: 50px 0 100px;}
.small_fit_wrap .sec01 .sec01_box .t_sign img {max-width: 218px;}
.small_fit_wrap .txt_line.ico span {font-weight: 700;}



@media(max-width:1240px) {
    .small_wrap .sec01 {padding: 200px 0 100px;}
    .small_wrap .sec01 .txt h1 {font-size: 70px;}
    .small_fit_wrap .sec01 .samll_sec01_txt {font-size: 20px; padding: 20px;}
}
/*! sec1 end*/



/*! sec2 start*/
.small_fit_wrap .sec02 {max-width: 1240px; margin: 0 auto; padding-top: 200px;}
.small_fit_wrap .sec02 .sec02_tit {position: relative;}
.small_fit_wrap .sec02 .sec02_tit img {position: absolute; left: -100px; top: 50%; transform: translateY(-50%);}
.small_fit_wrap .sec02 .sec02_tit span {font-family: 'AritaBuri'; font-size: 20px; letter-spacing: 10px; font-weight: 600; display: block;}
.small_fit_wrap .sec02 .sec02_tit h3 {font-size: 80px; margin: 20px 0 40px; font-family: 'SangBleu OG Sans'; position: relative; display: inline-block; padding-right: 20px;}
.small_fit_wrap .sec02 .sec02_tit h3::after {content: ""; position: absolute; left: 100%; width: 100%; height: 1.5px; bottom: 15px; background-color: #000;}
.small_fit_wrap .sec02 .sec02_tit p {font-family: 'AritaBuri'; font-size: 24px; font-weight: 600;}
.small_fit_wrap .sec02 .sec02_visual {text-align: center;}
.small_fit_wrap .sec02 .sec02_visual .sec02_visual_img {margin-top: 100px;}
.small_fit_wrap .sec02 .sec02_visual .sec02_visual_info {padding: 100px 0 100px 0; background-color: #FBFBFB; margin-top: -100px;}
.small_fit_wrap .sec02 .sec02_visual .sec02_visual_info div {padding: 100px 0;}
.small_fit_wrap .sec02 .sec02_visual .sec02_visual_info div h5 {font-size: 40px; font-family: "AritaBuri", serif; margin: 20px 0 30px 0; font-weight: 500;}
.small_fit_wrap .sec02 .sec02_visual .sec02_visual_info p {font-family: 'AritaBuri'; font-size: 22px; margin: 70px 0; line-height: 1.5; font-weight: 600;}
.small_fit_wrap .sec02 .sec02_visual .sec02_visual_info p:first-child {font-weight: 600;}
.small_fit_wrap .sec02 .sec02_visual .sec02_visual_info .p_2 {color: #5f5f5f; font-size: 18px; font-family: 'Pretendard'; font-weight: 500;}
.small_fit_wrap .sec02 .sec02_visual .sec02_visual_info .p_3 {color: #7f5f3b;}
.small_fit_wrap .sec02 .sec02_visual .sec02_visual_info .p_3 b {text-decoration: underline;}



@media(max-width:1240px) {
    .small_wrap .sec02 .txt span {font-size: 12px;}
}
/*! sec2 end*/



/*! sec3 start*/
.small_fit_wrap .sec03 {padding-top: 400px;}
.small_fit_wrap .sec03 .sec_tit h3 {font-family: 'AritaBuri'; font-weight: 500;}
.small_fit_wrap .sec03 .sec03_box {max-width: 1240px; margin: 0 auto; text-align: center;}
.small_fit_wrap .sec03 .sec03_box h5 {font-size: 22px; line-height: 1.5;}
.small_fit_wrap .sec03 .slide_toggle {max-width: 1000px; margin: 0 auto; display: flex; width: 100%; gap: 50px; justify-content: space-between;}
.small_fit_wrap .sec03 .slide_toggle .toggle_box {margin: 30px 0;}
.small_fit_wrap .sec03 .slide_toggle .toggle_tit .content_show {display: none;}
.small_fit_wrap .sec03 .slide_toggle .toggle_tit .content_none {display: block;}
.small_fit_wrap .sec03 .slide_toggle .toggle_tit.show .content_show {display: block;}
.small_fit_wrap .sec03 .slide_toggle .toggle_tit.show .content_none {display: none;}
.small_fit_wrap .sec03 .slide_toggle .toggle_tit.show span {font-weight: 600; color: #000;}
.small_fit_wrap .sec03 .slide_toggle .toggle_tit {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #000; padding: 10px 0; font-size: var(--font-regular); align-items: center; color: #5D5D5D; cursor: pointer;}
.small_fit_wrap .sec03 .slide_toggle .toggle_content {padding: 20px; color: #989898; line-height: 1.7;}
.small_fit_wrap .sec03 .slide_toggle .toggle_content p {text-align: left; font-size: 20px;}
.small_fit_wrap .sec03 .slide_toggle_wrap {flex: 1;}
/*! sec3 end*/



/*! sec4 start*/
.small_fit_wrap .sec04 {padding-bottom: 200px; background-repeat: no-repeat;}
.small_fit_wrap .sec04 .sec04_box {max-width: 1040px; margin: 0 auto;}
.small_fit_wrap .sec04 .sec04_box .small_fit_part {display: flex; align-items: center;}
.small_fit_wrap .sec04 .sec04_box>.small_fit_part>div {width: 50%;}
.small_fit_wrap .sec04 .sec04_box .small_fit_part img {width: 100%;}
.small_fit_wrap .sec04 .sec04_box .small_fit_part .fit_part {position: relative;}
.small_fit_wrap .sec04 .sec04_box .small_fit_part .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 1; visibility: hidden; border-radius: 28px; transition: 0.3s;}
.small_fit_wrap .sec04 .sec04_box .small_fit_part .none {display: none;}
.small_fit_wrap .sec04 .sec04_box .small_fit_part .over {display: block;}
.small_fit_wrap .sec04 .sec04_box .fit_part:hover .bg {visibility: visible; opacity: 1;}
.small_fit_wrap .sec04 .sec04_box .fit_part:hover .none {display: block;}
.small_fit_wrap .sec04 .sec04_box .fit_part:hover .over {display: none;}
.small_fit_wrap .sec04 .sec04_box .small_fit_part h4 {font-size: 40px; font-family: "Marcellus", serif; color: #6D6C68;}
.small_fit_wrap .sec04 .sec04_box .small_fit_part h5 {font-size: 24px; margin: 20px 0 30px; color: #6D6C68;}
.small_fit_wrap .sec04 .sec04_box .small_fit_part p {font-size: 20px; color: #A5A5A3; line-height: 1.5;}
.small_fit_wrap .sec04 .sec04_box .small_fit_part .more {margin-top: 50px;}
.small_fit_wrap .sec04 .sec04_box .small_fit_part .more a {font-family: "Marcellus", serif; font-size: 20px; position: relative;}
.small_fit_wrap .sec04 .sec04_box .small_fit_part .more a::after {content: ""; position: absolute; bottom: -10px; width: 100%; left: 0; background-color: #000; height: 1px;}
.small_fit_wrap .sec04 .sec04_box .small_fit_part .txt {padding-left: 95px; box-sizing: border-box;}
.small_fit_wrap .sec04 .sec04_box .small_fit_part:nth-child(2) .txt {padding-left: 0; padding-right: 95px; text-align: right;}
.small_fit_wrap .sec04 .sec04_box .small_fit_part2 {flex-direction: row-reverse;}
/*! sec4 end*/



/*! sec5 start*/
.small_fit_wrap .sec05 .txt {max-width: 1200px; margin: 0 auto;}
.small_fit_wrap .sec05 .txt h3 {font-size: 54px; font-family: 'Marcellus';}
.small_fit_wrap .sec05 .txt h1 {font-size: 240px; font-family: 'Marcellus'; color: #bfbfbf; opacity: 0.15; margin-bottom: -60px;}
.small_fit_wrap .sec05 .txt span {font-size: 30px; margin: 20px 0 50px; font-weight: 600;}
.small_fit_wrap .sec05 .txt p {line-height: 1.5; font-size: 20px;}
.small_fit_wrap .sec05 .txt p strong {margin-top: 10px; display: inline-block; padding: 8px 30px; background-color: #CCB897; color: #fff; border-radius: 30px; font-weight: 600; position: relative;}
.small_fit_wrap .sec05 .txt p strong::after {content: ""; position: absolute; bottom: 7px; left: 50%; transform: translateX(-50%); width: 94%; background-color: #fff; height: 2px;}
.small_fit_wrap .sec05 ul {display: flex; justify-content: center; gap: 30px; margin-top: 50px;}
.small_fit_wrap .sec05 ul li {position: relative;}
.small_fit_wrap .sec05 ul li img {vertical-align: bottom; width: 100%;}
.small_fit_wrap .sec05 ul li .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); border-radius: 60px;}
/*! sec5 end*/



/*! sec6 start*/
.small_fit_wrap .sec06 {margin: 200px 0; max-width: 100%; text-align: center; position: relative; font-family: 'Pretendard'; background-position: center; background-size: cover; background-repeat: no-repeat;}
.small_fit_wrap .sec06.first {background-image: url(/bizdemo158119/img/youlbit/images/smallfit_keypoint_11.webp); opacity: 1; transition: all .3s;}
.small_fit_wrap .sec06.second {background-image: url(/bizdemo158119/img/youlbit/images/smallfit_keypoint_22.webp); opacity: 1; transition: all .3s;}
.small_fit_wrap .sec06.thr {background-image: url(/bizdemo158119/img/youlbit/images/smallfit_keypoint_33.webp); opacity: 1; transition: all .3s;}
.small_fit_wrap .sec06 ul {justify-content: space-between; gap: 0; align-items: center;}
.small_fit_wrap .sec06 ul li {width: 100%; padding: 120px 40px 360px 0; position: relative;}
.small_fit_wrap .sec06 ul li.li_second {padding: 120px 40px 320px 0;}
.small_fit_wrap .sec06 ul li h5 {margin-top: 50px; font-weight: 500; font-family: "SangBlueOgSerifRelgular";}
.small_fit_wrap .sec06 ul li h3 {margin: 30px 0 50px; font-family: "Noto Serif KR", serif; font-size: 34px; font-weight: 600;}
.small_fit_wrap .sec06 ul li p {line-height: 2; font-size: 20px;}
.small_fit_wrap .sec06 ul li .sec06_num {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); font-size: 200px; font-family: 'SangBlueOgSerifRelgular'; display: inline-block; line-height: 0.5; color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #fff;}
.small_fit_wrap .sec06 li:hover .sec06_num {color: #fff; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: transparent;}
.small_fit_wrap .sec06 li .txt_box {opacity: 0;}
.small_fit_wrap .sec06.first li.li_first .txt_box {opacity: 1;}
.small_fit_wrap .sec06.second li.li_second .txt_box {opacity: 1;}
.small_fit_wrap .sec06.thr li.li_thr .txt_box {opacity: 1;}
/*! sec6 end*/


@media(max-width:1024px){
.small_fit_wrap .sec06.thr{background-image: url(); }

}
/*! sec7 start*/
.small_fit_wrap .sec07 {padding: 200px 0;}
/*! sec7 end*/



/*! sec8 start*/
.small_fit_wrap .sec08 .txt p {line-height: 1.5; font-size: 24px;}
.small_fit_wrap .sec08 .txt p strong {color: #aa8863; font-weight: 700; margin: 20px 0 30px; display: inline-block; font-size: 24px;}
.small_fit_wrap .sec08 ul li:nth-child(2) {flex: 1;}
.small_wrap .sec08 ul {padding: 40px 0 0;}
.face_wrap .sec08 ul {padding: 40px 100px;}



@media(max-width:768px) {
    .small_fit_wrap .sec08 .txt p {padding: 0 20px;}
    .small_fit_wrap .sec08 .txt {margin-bottom: 30px;}
}
/*! sec8 end*/



/*! sec10 start*/
.small_fit_wrap .sec10 {padding: 200px 0; max-width: 1200px; margin: 0 auto;}



@media(max-width:768px) {
    .small_fit_wrap .sec10 {padding: 150px 0;}
    .small_fit_wrap .sec10 .sec_tit a {margin-bottom: 20px;}
    .small_fit_wrap .sec10 ul {padding: 0 20px;}
    .small_fit_wrap .sec10 ul li .faq_tit {font-size: 18px; line-height: 1.5;}
    .small_fit_wrap .sec10 ul li .faq_contant {margin: 0;}
    .small_fit_wrap .sec10 ul li .faq_contant p {font-size: 14px;}
}
/*! sec10 end*/



/*! sec11 start*/
.small_fit_wrap .sec11 {padding-top: 400px; max-width: 1200px; margin: 0 auto;}
.small_fit_wrap .sec11 .np_instagram ul {display: grid; grid-template-columns: repeat(6, 1fr); gap: 7px 10px}
.small_fit_wrap .sec11 .np_instagram ul li img {width: 100%;}



@media(max-width:768px) {
    .small_fit_wrap .sec11 {padding: 100px 0;}
    .small_fit_wrap .sec11 .np_instagram ul {grid-template-columns: repeat(3, 1fr);}
}
/*! sec11 end*/



/*!----------- face_small start --------------- */
.face_small_ban {padding: 0 20px !important;}


/*! sec01 start*/
.small_wrap .sec01 {padding: 400px 0 200px; max-width: 1200px; margin: 0 auto;}
.small_wrap .sec01 .txt {text-align: center; position: relative;}
.small_wrap .sec01 .txt h1 {font-family: "Marcellus", serif; font-size: 160px; white-space: nowrap; position: absolute; bottom: 60%; left: 50%; transform: translateX(-50%); color: #dcccb2; opacity: 0.2; z-index: 1;}
.small_wrap .sec01 .txt h5 {font-family: "Noto Serif KR", serif; font-size: 24px; font-weight: 500;}
.small_wrap .sec01 .txt h3 {font-family: "Noto Serif KR", serif; font-size: 44px; margin: 20px 0 50px; color: #222;}
.small_wrap .sec01 .txt h3 strong {font-weight: 700; font-family:"Noto Serif KR", serif !important;}
.small_wrap .sec01 .txt p {display: flex; align-items: center; justify-content: center; color: #888888; margin-bottom: 30px;}



@media(max-width:768px) {
    .small_wrap .sec01 {padding: 150px 0;}
    .small_wrap .sec01 .txt h1 {font-size: 70px;}
    .small_wrap .visual_title h2 {font-size: 52px;}
}



@media(max-width:500px) {
    .small_wrap .visual_title h2 {font-size: 36px;}
    .small_wrap .sec01 .txt h1 {font-size: 56px;}
}
/*! sec01 end*/



/*! sec02 start*/
.face_wrap .sec01 {max-width: 100%; padding: 350px 0 100px;}
.face_wrap .sec01 .face_yotube img {width: 100%;}
.small_wrap .sec02 {padding: 200px 0; max-width: 1240px; margin: 0 auto;}
.small_wrap .sec02 .txt {text-align: center; position: relative;}
.small_wrap .sec02 .txt h2 {font-family: "Noto Serif KR", serif; font-size: 44px; margin: 100px 0 30px; font-weight: 700;}
.small_wrap .sec02 .txt p {font-family: 'Pretendard'; font-size: 24px; color: #5f5f5f; margin-bottom: 50px; line-height: 1.5;}
.small_wrap .sec02 .txt p strong {font-weight: 700 !important;}
.small_wrap .sec02 .txt h4 {font-family: "Noto Serif KR", serif; font-size: 34px; line-height: 1.5; font-weight: 400;}
.small_wrap .sec02 .txt h1 {font-family: "Marcellus", serif; font-size: 120px; color: #dcccb2; opacity: 0.2; position: absolute; left: 50%; top: 92%; transform: translateX(-50%);}
.small_wrap .sec02 .txt span {font-family: 'Pretendard'; font-size: 16px; letter-spacing: 15px; font-weight: 200 !important;}



@media(max-width:1240px) {
    .small_wrap .sec02 .txt span {font-size: 12px; letter-spacing: 6px;}
}



@media(max-width:768px) {
    .small_wrap .sec02 {padding: 150px 0 200px;}
    .small_wrap .sec02 .txt {padding: 0 20px;}
    .small_wrap .sec02 .txt h2 {font-size: 34px; margin: 30px 0 50px;}
    .small_wrap .sec02 .txt p {font-size: 16px;}
    .small_wrap .sec02 .txt h4 {font-size: 26px;}
    .small_wrap .sec02 .txt h1 {font-size: 80px; white-space: nowrap; top: 100%;}
}
/*! sec02 end*/



.small_wrap .line_sun {text-align: center;}



/*! sec03 start*/
.small_wrap .sec03 {padding: 150px 0 200px; max-width: 1340px; margin: 0 auto; text-align: center;}
.small_wrap .sec03 .box {display: flex; justify-content: center; gap: 90px; align-items: center;}
.small_wrap .sec03 .box>div {flex: 1;}
.small_wrap .sec03 .box .thumbnail img {width: 100%;}
.small_wrap .sec03 .box .txt {text-align: left; flex: 1.1;}
.small_wrap .sec03 .box .txt img {position: absolute; top: 30%; right: 15%; transform: translateY(-70%);}
.small_wrap .sec03 .box .txt h3 {color: #aa8863; font-size: 44px; font-family: "Noto Serif KR", serif; line-height: 1.5; font-weight: 700; position: relative; display: inline-block; text-align: left;}
.small_wrap .sec03 .box .txt p {font-family: 'Pretendard'; font-size: 20px; line-height: 1.5; margin-top: 50px; font-weight: 400;}
.small_wrap .sec03 .box .txt p strong {font-weight: 700 !important; text-decoration: underline; text-underline-offset: 5px;}



@media(max-width:1240px) {
    .small_wrap .sec03 .box {flex-direction: column; padding: 0 20px;}
}



@media(max-width:768px) {
    .small_wrap .sec03 {padding: 150px 0;}
    .small_wrap .sec03 .box .thumbnail img {width: 70%;}
    .small_wrap .sec03 .box .txt h3 {font-size: 34px; text-align: center; width: 100%;}
    .small_wrap .sec03 .box .txt {text-align: center;}
    .small_wrap .sec03 .box .txt img {max-width: 100px;}
    .small_wrap .sec03 .box .txt p strong, .small_wrap .sec03 .box .txt p {font-size: 18px;}
}



@media(max-width:768px) {
    .small_wrap .sec03 .box .txt p strong, .small_wrap .sec03 .box .txt p {font-size: 15px;}
}
/*! sec03 end*/



/*! sec04 start*/
.small_wrap .sec04 {padding: 200px 0; text-align: center; position: relative; font-family: 'Pretendard';}
.small_wrap .sec04 .txt {max-width: 1200px; margin: 0 auto;}
.small_wrap .sec04 .bg {position: absolute; left: 50%; bottom: 10%; transform: translateX(-50%); z-index: -1; width: 100%;}
.small_wrap .sec04 .bg img {width: 100%;}
.small_wrap .sec04 .txt h3 {font-size: 54px; font-family: 'SangBlueOgSerifRelgular'; margin-bottom: 10px; color: #222;}
.small_wrap .sec04 .txt span {font-size: 24px; margin: 10px 0 50px; font-weight: 700 !important;}
.small_wrap .sec04 .txt p {font-size: 20px; line-height: 1.5;}
.small_wrap .sec04 .txt p b {font-weight: 600 !important;}
.small_wrap .sec04 .txt p strong {font-weight: 600 !important; color: #A98963;}
.small_wrap .sec04 .snag {margin-top: 50px;}
.small_wrap .sec04 .snag img {width: 100%; max-width: 600px;}



@media(max-width:768px) {
.small_wrap .sec04 .bg{bottom:50%;}
    .small_wrap .sec04 {margin-top: 0; padding: 150px 0;}
    .small_wrap .sec04 .txt {padding: 0 20px;}
    .small_wrap .sec04 .txt h3 {font-size: 38px;}
    .small_wrap .sec04 .txt span {font-size: 18px; line-height: 1.5;}
    .small_wrap .sec04 .txt p {font-size: 15px;}
    .small_wrap .sec04 .snag {width: 80%; margin: 100px auto 0;}
}
/*! sec04 end*/



/*! sec05 start*/
.small_wrap .sec05 {padding: 200px 0; text-align: center; position: relative; font-family: 'Pretendard';}
.small_wrap .sec05 .txt {max-width: 1200px; margin: 0 auto;}
.small_wrap .sec05 .txt h3 {font-size: 54px; font-family: 'SangBlueOgSerifRelgular'; color: #222;}
.small_wrap .sec05 .txt span {font-size: 24px; margin: 20px 0 50px; font-weight: 600 !important;}
.small_wrap .sec05 .box {display: flex;}
.small_wrap .sec05 .box img {width: 100%; vertical-align: bottom;}
.small_wrap .sec05 .box>div {flex: 1.4;}
.small_wrap .sec05 .box>ul {flex: 2;}
.small_wrap .sec05 .box>ul li {border-bottom: 1px solid #D2D2D2; cursor: pointer;}
.small_wrap .sec05 .box>ul li:first-child {border-top: 1px solid #D2D2D2;}
.small_wrap .sec05 .box>ul li a.active {background-color: #F9F9F9;}
.small_wrap .sec05 .box>ul li span {padding: 20px; margin-right: 30px;}
.small_wrap .sec05 .box>ul li p {font-size: 20px;}
.small_wrap .sec05 .box>ul li h5 {font-size: 20px; font-weight: 700; color: #aa8863; margin-top: 10px;}
.small_wrap .sec05 .m_strong {display: none;}



@media(max-width:768px) {
    .small_wrap .sec05 {padding: 150px 0;}
    .small_wrap .sec05 .txt {padding: 0 20px;}
    .small_wrap .sec05 .txt h3 {font-size: 38px;}
    .small_wrap .sec05 .txt span {font-size: 18px; line-height: 1.5;}
    .small_wrap .sec05 .txt p {font-size: 16px;}
    .small_wrap .sec05 .m_strong {display: block;}
    .small_fit_wrap .sec05 .txt p strong {display: none;}
    .small_fit_wrap .sec05 .m_strong {margin: 30px 0;}
    .small_fit_wrap .sec05 .m_strong span {margin: 10px 0 0; background-color: #cdb896; color: #fff; padding: 5px 10px; border-radius: 30px; font-size: 14px;}
    .small_fit_wrap .sec05 ul {flex-direction: column; gap: 0;}
}
/*! sec05 end*/



/*! sec06 start*/
.small_wrap .sec06 {margin: 200px 0; padding: 0; max-width: 100%; text-align: center; position: relative; font-family: 'Pretendard'; background-image: url('https://cheongdamcircle.cafe24.com/web/upload/img/facesmall_sec06_bg.png'); background-position: center; background-size: cover; background-repeat: no-repeat; background-color: transparent;}
.small_wrap .sec06 .txt {max-width: 1200px; margin: 0 auto;}
.small_wrap .sec06 .txt h3 {font-size: 54px; font-family: 'SangBlueOgSerifRelgular'; margin-bottom: 20px; color: #222;}
.small_wrap .sec06 .txt h1 {font-size: 140px; font-family: 'Marcellus'; color: #bfbfbf; opacity: 0.15; margin-bottom: -40px;}
.small_wrap .sec06 .txt span {font-size: 24px; margin: 10px 0 30px; font-weight: 600;}
.small_wrap .sec06 .txt p {line-height: 1.5; font-size: 20px;}
.small_wrap .sec06 .txt p strong {margin-top: 20px; display: inline-block; padding: 8px 40px; background-color: #CCB897; color: #fff; border-radius: 30px; font-weight: 600; position: relative; font-size: 22px;}
.small_wrap .sec06 .txt p strong::after {content: ""; position: absolute; bottom: 7px; left: 50%; transform: translateX(-50%); width: 91%; background-color: #fff; height: 2px;}
.small_wrap .sec06 ul {display: flex; justify-content: center; gap: 10px; margin: 50px auto 0;}
.small_wrap .sec06 ul li {position: relative;}
.small_wrap .sec06 ul li .thumbnail img {width: 100%;}
.small_wrap .sec06 ul li .txt {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 1;}
.small_wrap .sec06 ul li .txt h3 {font-size: 84px; font-family: 'SangBlueOgSerifRelgular'; color: #fff; opacity: 0.3; margin-bottom: 0; transition: 0.3s;}
.small_wrap .sec06 ul li .txt span {font-size: 20px; white-space: nowrap; color: #fff; font-weight: 600; transition: 0.3s; margin: 10px 0 0;}
.small_wrap .sec06 ul li .txt p {display: none; color: #222222; white-space: nowrap; line-height: 1.5; font-size: 16px; font-weight: 600;}
.small_wrap .sec06 ul li:nth-child(2) .txt p {color: #fff;}
.small_wrap .sec06 ul li:hover .txt p {display: block;}
.small_wrap .sec06 ul li:hover .txt h3 {display: none;}
.small_wrap .sec06 ul li:hover .txt span, .face_wrap .sec06 ul li:hover .txt h3 {display: none;}
.small_wrap .sec06 ul li img {vertical-align: bottom;}
.small_wrap .sec06 ul li .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); border-radius: 50px;}
.small_wrap .sec06 ul li:hover .bg {display: none;}
.small_wrap .sec06 .m_box {display: none;}
.small_fit_wrap .sec06 {background-color: transparent;}
.body_wrap.small_wrap .sec06 ul li .txt p {color: #fff}
.body_wrap.small_wrap .sec06 ul li:nth-child(3) .txt p {color: #000}

@media(max-width:1024px) {
.body_wrap.small_wrap .sec06 ul li .txt p {font-size: 14px;}

}


@media(max-width:768px) {
    .small_wrap .sec06 {margin: 150px 0;}
    .small_wrap .sec06 ul li .txt h3 {font-size: 60px;}
    .small_wrap .sec06 .m_box {display: block;}
    .small_wrap .sec06 .m_box .m_box_con {padding: 50px 0 0 0; background-position: center; background-size: cover; background-repeat: no-repeat;}
    .small_wrap .sec06 .m_box .m_box_con h5 {font-family: 'Marcellus'; font-size: 20px; margin: 20px 0 30px;}
    .small_wrap .sec06 .m_box .m_box_con h3 {font-size: 22px; font-family: "Noto Serif KR", serif; font-weight: 600;}
    .small_wrap .sec06 .m_box .m_box_con p {margin: 30px 0; line-height: 1.5;font-size:14px;}
    .small_wrap .sec06 .m_box .m_box_con .sec06_num {font-family:'SangBlueOgSerifRelgular'; font-size: 80px; color: #fff; margin: -10px 0 50px;}
    .small_wrap .sec06 .m_box .m_box_con1 {background-image: url('https://cheongdamcircle.cafe24.com/web/upload/img/m_small_sec0601.png');}
    .small_wrap .sec06 .m_box .m_box_con2 {background-image: url('https://cheongdamcircle.cafe24.com/web/upload/img/m_small_sec0602.png');}
    .small_wrap .sec06 .m_box .m_box_con3 {background-image: url('https://cheongdamcircle.cafe24.com/web/upload/img/m_small_sec0603.png');}
    .small_wrap .smallfit_point_swiper .m_box_con1 {background-image: url('https://cheongdamcircle.cafe24.com/web/upload/img/m_small_sec0601.png');}
    .small_wrap .smallfit_point_swiper .m_box_con2 {background-image: url('https://cheongdamcircle.cafe24.com/web/upload/img/m_small_sec0602.png');}
    .small_wrap .smallfit_point_swiper .m_box_con3 {background-image: url('https://cheongdamcircle.cafe24.com/web/upload/img/m_small_sec0603.png');}
    .small_wrap .sec06.thr .box {display: none;}
}
/*! sec06 end*/



/*! sec07 start*/
.small_wrap .sec07 {padding: 200px 0; text-align: center; position: relative; font-family: 'Pretendard'; max-width: 1200px; margin: 0 auto;}
.small_wrap .sec07 .sec07_box {display: flex;}
.small_wrap .sec07 .sec07_box .sec07_thumbnail {width: 40%; position: relative;}
.small_wrap .sec07 .sec07_box .sec07_thumbnail img {width: 100%; vertical-align: bottom;}
.small_wrap .sec07 .sec07_box .txt_box {width: 60%; text-align: left; margin-right: 50px;}
.small_wrap .sec07 .sec07_box .txt_box h2 {font-family: 'SangBlueOgSerifRelgular'; font-size: 54px;}
.small_wrap .sec07 .sec07_box .txt_box p {font-family: "Noto Serif KR", serif !important; font-size: 24px; margin-top: 15px; font-weight: 600;}
.small_wrap .sec07 .sec07_box .txt_box ul {margin-top: 40px;}
.small_wrap .sec07 .sec07_box .txt_box ul li {font-size: 20px; padding: 20px 0; border-top: 1px solid #EBEBEB; font-weight: 600; display: flex; align-items: center;}
.small_wrap .sec07 .sec07_box .txt_box ul li:last-child {border-bottom: 1px solid #EBEBEB;}
.small_wrap .sec07 .sec07_box .txt_box ul li span:first-child {font-family: 'SangBleuOGSerif-Medium';}
.small_wrap .sec07 .sec07_box .txt_box ul li span:nth-child(2) {color: #9D9D9D; margin: 0 8px; font-size: 32px;}
.small_wrap .sec07 .sec07_box .txt_box ul li span:nth-child(3) {font-weight: 400;}
.small_wrap .sec07 .sec07_box .txt_box .inqu a {background-color: #DCCCB2; color: #fff; padding: 12px 36px; border-radius: 36px; font-size: 26px; margin-top: 20px; font-weight: 600;}
.small_wrap .sec07 .sec07_box .txt_bg {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; width: 200%;}
.small_wrap .sec07 .sec07_box .txt_bg img {width: 100%;}
.small_wrap .sec07 .sec07_box .txt_box .inqu {margin-top: 80px}
.small_fit_wrap .sec07 .sec07_box .txt_box .inqu {margin-top: 20px;}



@media(max-width:1240px) {
    .small_wrap .sec07 {padding: 150px 0;}
    .small_wrap .sec07 .sec07_box {flex-direction: column-reverse;}
    .small_wrap .sec07 .sec07_box .sec07_thumbnail {width: 100%;}
    .small_wrap .sec07 .sec07_box .txt_bg {display: none;}
    .small_wrap .sec07 .sec07_box .txt_box {width: 100%; text-align: center; margin-top: 40px;}
    .small_wrap .sec07 .sec07_box .txt_box h2 {font-size: 48px;}
    .small_wrap .sec07 .sec07_box .txt_box p {font-size: 20px;}
    .small_wrap .sec07 .sec07_box .txt_box ul li {margin: 0 20px; text-align: left;}
    .small_wrap .sec07 .sec07_box .txt_box ul li span {font-size: 13px;}
    .small_wrap .sec07 .sec07_box .txt_box ul li {padding: 10px 0;}
    .small_wrap .sec07 .sec07_box .txt_box .inqu {margin-top: 20px;}
    .small_wrap .sec07 .sec07_box .txt_box .inqu a {font-size: 18px;}
}
/*! sec07 end*/



/*! sec08 start*/
.small_wrap .sec08 {padding: 200px 0; text-align: center; position: relative; font-family: 'Pretendard'; max-width: 1200px; margin: 0 auto;}
.small_wrap .sec08 .txt {text-align: center;}
.small_wrap .sec01 .txt h1 {bottom: 80%;}
.small_wrap .sec08 .txt h3 {font-size: 54px; font-family: 'SangBlueOgSerifRelgular'; color: #222;}
.small_wrap .sec08 .txt span {font-size: 24px; margin: 20px 0 50px; font-weight: 600; font-family: "Noto Serif KR", serif;}
.small_wrap .sec08 ul {display: flex; padding: 40px; box-sizing: border-box; gap: 10px; align-items: center;}
.small_wrap .sec08 ul li {flex: 1;}
.small_wrap .sec08 ul li:nth-child(2) {flex: 1;}
.small_wrap .sec08 ul li img {width: 100%;}
.small_wrap .sec08 .m_box {display: none;}



@media(max-width:768px) {
    .small_wrap .sec08 {padding: 150px 0;}
    .small_wrap .sec08 .txt h3 {font-size: 36px;}
    .small_wrap .sec08 .m_box {display: block;}
    .small_wrap .sec08 .m_box img {width: 100%;}
    .body_wrap .sec08 .txt span {font-size: 17px; padding: 0 20px; margin-bottom: 0;}
    .body_wrap .sec08 .box ul {display: none;}
    .body_wrap .sec08 .box .body_Before_nav li a {font-size: 14px;}
    .body_wrap .sec08 .box .body_Before_nav {gap: 10px; padding: 0 20px; margin-top: 20px; display: grid; grid-template-columns: repeat(2, 1fr);}
    .body_wrap .sec08 .box .body_Before_nav li {width: 100%;}
    .small_fit_wrap .sec08 .box {display: none;}
    .small_fit_wrap .sec08 .txt p strong {font-size: 18px; padding: 0 20px;}
    .small_fit_wrap .sec08 .txt p {font-size: 16px;}
}



.body_wrap .sec08 .box .body_Before_nav li {width: 100%;}
.body_wrap .sec08 .sec11_img_box img {width: 100%;}
.body_wrap .sec08 .bodyfit11_swiper11 img {width: 100%;}
.body_wrap .sec08 .sec11_img_box>div>span {font-size: 18px; color: #707070; padding: 10px 30px; position: relative; margin-top: 20px;}
.body_wrap .sec08 .sec11_img_box>div>span::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #cfcfcf;}
.body_wrap .sec08 .sec11_img_box>div>span::before {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #cfcfcf;}
.body_wrap .sec08 .sec11_disc {text-align: center; margin-top: 60px;}
.body_wrap .sec08 .sec11_disc span {padding: 10px 30px; border: 1px solid #f4f4f4; color: #cdcdcd; display: inline-flex; align-items: center; font-size: 12;}
.body_wrap .sec08 .sec11_disc span img {margin-right: 10px;}
.body_wrap .sec08 .sec_tit p {font-family: "Noto Serif KR", serif; font-size: 23px; margin-top: 20px;}
.body_wrap .sec08 .bodyfit_tabnav {display: flex; justify-content: center; gap: 20px; margin: 20px 0 40px; padding: 0;}
.body_wrap .sec08 .txt span {margin-bottom: 0;}
.body_wrap .sec08 .bodyfit_tabnav li {flex: 1; max-width: 150px; text-align: center;}
.body_wrap .sec08 .bodyfit_tabnav li a {padding: 10px 25px; box-sizing: border-box; border: 1px solid #dcccb2; width: 100%; border-radius: 30px; font-size: 20px;}
.body_wrap .sec08 .bodyfit_tabnav li a.active {background-color: #DCCCB2; color: #fff; font-weight: 600;}
.sec11.body_wrap .sec08 .bodyfit_tabnav li a.active {background-color: #dcccb2; color: #fff;}
.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) {
    .body_wrap .sec08 .sec_tit p {font-size: 16px; font-weight: 500;}
    .body_wrap .sec08 .sec11_img_box {display: none;}
    .body_wrap .sec08 .bodyfit_tabnav {margin: 0;}
    .body_wrap .sec08 .bodyfit_tabnav li a {font-size: 14px;}
    .body_wrap .sec08 .bodyfit_tabnav li a.active {background-color: #dcccb2; color: #fff;}
    .body_wrap .sec08 .bodyfit_tabnav {gap: 10px; padding: 0 20px; margin: 20px 0 30px;}
    .body_wrap .sec08 .bodyfit_tabnav li {flex: auto !important;}
    .sec11 .sec11_img_box {display: none;}
    .bodyfit11_swiper1, .bodyfit11_swiper2, .bodyfit11_swiper3 {display: block !important;}
    .sec11 .bodyfit_tabnav {padding: 0 20px;}
}
/*! sec08 end*/



/*! sec09 start*/
.small_wrap .sec09 {padding: 200px 0; text-align: center; position: relative; font-family: 'Pretendard';}
.small_wrap .sec09 .txt {max-width: 1200px; margin: 0 auto;}
.small_wrap .sec09 .txt h3 {font-size: 54px; font-family: 'SangBlueOgSerifRelgular'; margin-bottom: 10px; color: #222;}
.small_wrap .sec09 .txt span {font-size: 24px; margin: 20px 0 50px; font-weight: 500; font-family: "Noto Serif KR", serif;}
.small_wrap .sec09 .face_program_nav {display: flex; gap: 20px; justify-content: center; margin-bottom: 30px;}
.small_wrap .sec09 .face_program_nav li {flex: 1; max-width: 160px;}
.small_wrap .sec09 .face_program_nav li a {font-size: 20px; padding: 10px 0; border: 1px solid #DCCCB2; border-radius: 30px; width: 100%; box-sizing: border-box;}
.small_wrap .sec09 .face_program_nav li a.active {background-color: #DCCCB2; color: #fff; font-weight: 600;}
.small_wrap .sec09 .face_program_contnent img {width: 100%; max-width: 1200px; margin: 0 auto}
.small_fit_wrap.small_wrap .sec09 .face_program_nav li {max-width: 300px;}



@media(max-width:768px) {
    .small_wrap .sec09 {padding: 150px 0;}
    .small_wrap .sec09 .txt h3 {font-size: 36px;}
    .small_wrap .sec09 .txt span {font-size: 18px; margin-bottom: 20px;}
    .small_wrap .sec09 .face_program_nav {gap: 10px; flex-direction: column; align-items: center;}
    .small_wrap .sec09 .face_program_nav li {width: 100%; max-width: 100%;}
    .small_wrap .sec09 .face_program_nav li a {font-size: 14px;}
    .body_wrap .sec09 .face_program_nav {display: grid; grid-template-columns: repeat(2, 1fr); padding: 0 20px;}
}
/*! sec09 end*/



/*! sec10 start*/
.sub_wrap .persoonal_review {padding: 200px 0; max-width: 1200px; margin: 0 auto}
.sub_wrap .persoonal_review .common_review {display: flex; justify-content: center; align-items: center; gap: 40px;}
.sub_wrap .persoonal_review .common_review li {position: relative; width: 100%;}
.sub_wrap .persoonal_review .common_review li .txt {position: absolute; top: 0; left: 0; height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 30px; box-sizing: border-box; color: #fff; z-index: 1;}
.sub_wrap .persoonal_review .common_review li .txt p {line-height: 1.5; opacity: 0; transition: 0.3s; font-size: 16px; color: #fff; text-align: left; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 13;  max-height:312px;}
.sub_wrap .persoonal_review .common_review li:hover .txt p {opacity: 1;}
.sub_wrap .persoonal_review .common_review li .txt .txt_a {display: flex; justify-content: space-between;}
.sub_wrap .persoonal_review .common_review li .txt .txt_a>.intsa_txt {display: flex; flex-direction: column;}
.sub_wrap .persoonal_review .common_review li .mius_ico {display: none;}
.sub_wrap .persoonal_review .common_review li:hover .mius_ico {display: block;}
.sub_wrap .persoonal_review .common_review li:hover .plus_ico {display: none;}
.sub_wrap .persoonal_review .common_review li .txt .txt_a>.intsa_txt>span {color: #fff;}
.sub_wrap .persoonal_review .common_review li .txt .txt_a>.intsa_txt>span:first-child {font-family: 'Marcellus'; font-size: 20px; margin-bottom: 10px; color: #fff; text-align: left;}
.sub_wrap .persoonal_review .common_review li .bg {position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; opacity: 0; transition: 0.3s;}
.sub_wrap .persoonal_review .common_review li:hover .bg {opacity: 1;}
.sub_wrap .persoonal_review .common_review li .personal_model img {vertical-align: bottom; width: 100%;}
/*! sec10 end*/



.face_wrap .sec08 .swiper-slide img {width: 100%;}
.small_wrap .txt_line {font-size: 20px;}
.branding_sec {display: none;}
.branding_sec.show {display: block;}
.branding_tit {text-align: center; margin-bottom: 50px; margin-top: 200px;}
.branding_tit h2 {font-size: 72px; font-family: 'Marcellus'; line-height: 1.5;}
.branding_tit span {font-family: "Noto Serif KR", serif; font-size: 20px; font-weight: 600;}



@media(max-width:768px) {
    .sub_wrap .persoonal_review .common_review {flex-direction: column;}
    .sub_wrap .persoonal_review .common_review li .txt p {font-size: 14px;}
    .sub_wrap .persoonal_review {padding: 150px 0;}
    .small_wrap .txt_line {font-size: 16px;}
    .face_wrap .sec01 {padding: 200px 0 100px;}
    .face_wrap .sec01 .txt h1 {bottom: 100%;}
    .face_wrap .sec01 .txt h5 {font-size: 18px; padding-block-end: 0 20px; line-height: 1.5;}
    .face_wrap .sec01 .txt h3 {font-size: 32px;}
    .face_wrap .sec01 .txt p {font-size: 12px;}
    .face_wrap .sec04 .txt p {font-size: 15px;}
    .face_wrap .sec05 .box {margin-top: 0; flex-direction: column;}
    .face_wrap .sec05 .box>ul li span {margin-right: 0; padding: 20px 30px;}
    .face_wrap .sec05 .box>ul li a {display: flex; padding: 20px 20px 20px 0;}
    .face_wrap .sec05 .box>ul li .info {display: flex; flex-direction: column; text-align: left; gap: 0; align-items: flex-start; padding: 0;}
    .face_wrap .sec05 .box>ul li .info p {font-size: 14px;}
    .face_wrap .sec05 .box>ul li .info h5 {font-size: 16px;}
    .face_wrap .sec06 {margin: 150px 0;}
    .face_wrap .sec06 ul {display: grid; grid-template-columns: repeat(2, 1fr);}
    .face_wrap .sec06 .txt h3 {font-size: 36px; margin-bottom: 10px;}
    .face_wrap .sec06 .txt span {font-size: 18px; line-height: 1.5;}
    .face_wrap .sec06 .txt h1 {font-size: 140px; margin-bottom: 0;}
    .face_wrap .sec06 .txt p {font-size: 16px;}
    .face_wrap .sec06 .txt p strong {font-size: 16px; text-decoration: underline; text-underline-offset: 5px;}
    .face_wrap .sec06 .txt p strong::after {display: none;}
    .small_wrap .sec06 ul {gap: 10px;}
    .small_wrap .sec06 ul li .txt span {font-size: 16px;}
    .small_wrap .sec06 ul li .txt p {font-size: 14px;}
    .small_wrap .sec06 ul li .bg {border-radius: 15%;}
    .face_wrap .sec06 ul li img {width: 100%;}
    .face_wrap .sec06 ul, .face_wrap .sec06 .txt {padding: 0 20px;}
    .face_wrap .sec08 .txt span {font-size: 18px;}
    .face_wrap .sec09 .face_program_nav {display: grid; grid-template-columns: repeat(2, 1fr); padding: 0 20px;}
    .face_wrap .sec09 .face_program_nav li {max-width: 100%;}
    .face_wrap .persoonal_review {flex-direction: column;}
}



@media(max-width:500px) {
    .small_wrap .sec06 ul li .txt p {font-size: 12px;}
}



/*!----------- body_small start --------------- */
.face_wrap .sec05 .box>ul li a.active {background-color: #F9F9F9;}
.small_wrap .sec05 .box>ul {display: flex; flex-direction: column;}
.small_wrap .sec05 .box>ul li {flex: 1; display: flex;}
.small_wrap .sec05 .box>ul li a {width: 100%; display: flex; text-align: left; padding: 20px; align-items: center;}
.small_wrap .sec05 .box>ul li .info p {font-size: 18px; line-height: 1.6;}
.body_wrap .reversal_box2 {display: flex; gap: 40px;}
.body_wrap .sec06 .m_strong {display: none;}
.body_wrap .sec08 .box .body_Before_nav {display: flex; gap: 20px; justify-content: center; margin-bottom: 30px;}
.body_wrap .sec08 .box .body_Before_nav li {flex: 1; max-width: 160px;}
.body_wrap .sec08 .box .body_Before_nav li a {font-size: 20px; padding: 10px 30px; border: 1px solid #DCCCB2; border-radius: 30px; box-sizing: border-box; width: 100%;}
.body_wrap .sec08 .box .body_Before_nav li a.active {background-color: #DCCCB2; color: #fff; font-weight: 600;}
.body_wrap .persoonal_review .common_review li:last-child .txt .txt_a>.intsa_txt {color: #222;}
.body_wrap .persoonal_review .common_review li:last-child:hover .txt .txt_a>.intsa_txt {color: #fff;}
.body_wrap .sec11_img_box {display: flex; justify-content: center; text-align: center; gap: 20px;}



@media(max-width:1240px) {
    .body_wrap .sec05 .box {flex-direction: column; margin-top: 0;}
    .body_wrap .sec05 .box>ul li {padding: 0;}
    .body_wrap .sec05 .box>ul li a {display: flex; text-align: left;}
    .body_wrap .sec05 .box>ul li .info p {font-size: 14px; line-height: 1.5;}
    .body_wrap .sec05 .box>ul li h5 {font-size: 18px;}
    .body_wrap .sec05 .box>ul li span {margin-right: 0; padding: 20px 40px;}
}



@media(max-width:768px) {
    .small_wrap .sec05 .box>ul li .info p {font-size: 13px;}
    .small_wrap .sec05 .box>ul li a {padding: 20px 20px 20px 0;}
    .body_wrap .sec01 {padding: 200px 0;}
    .body_wrap .sec01 .txt p {font-size: 12px;}
    .body_wrap .sec01 .txt h5 {font-size: 18px; line-height: 1.5;}
    .body_wrap .sec01 .txt h1 {bottom: 100%;}
    .body_wrap .sec01 .txt h3 {font-size: 28px;}
    .body_wrap .sec01 .reversal_box2 .comparison-slider:last-child {display: none;}
    .body_wrap .sec05 .box>ul li span {padding: 20px 30px;}
    .body_wrap .sec06 {padding: 100px 0;}
    .body_wrap .sec06 .txt {padding: 0 20px;}
    .body_wrap .sec06 .txt h1 {font-size: 140px; margin-bottom: 0;}
    .body_wrap .sec06 .txt h3 {font-size: 36px;}
    .body_wrap .sec06 .txt span {font-size: 18px; margin: 20px 0; line-height: 1.3;}
    .body_wrap .sec06 .txt p {font-size: 16px; line-height: 1.5;}
    .body_wrap .sec06 .txt p strong {display: none;}
    .body_wrap .sec06 .txt .m_strong {background-color: #cdb896; padding: 10px; color: #fff; border-radius: 20px; margin-top: 20px; display: block;}
    .body_wrap .sec06 .txt .m_strong span {margin: 0; text-decoration: underline;}
    .body_wrap .sec06 ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;}
    .body_wrap .sec06 ul li img {width: 100%;}
}
/*!----------- body_small end --------------- */



/*!----------- eye_small start --------------- */
.eye_wrap .sec01 .txt h1 {bottom: 80%;}
.eye_wrap .sec02 .txt h1 {white-space: nowrap;}
.eye_wrap .sec05 .box {flex-direction: column; max-width: 850px; margin: 0 auto;}
.eye_wrap .sec05 .box>ul li:first-child {border-bottom: none;}
.eye_wrap .sec05 .box>ul li:last-child {border-bottom: 1px solid #D2D2D2;}
.eye_wrap .sec05 .box>ul li .info {display: flex; align-items: center; gap: 40px; width: 100%;}
.eye_wrap .sec05 .box>ul li .info h5 {flex: 0.5;}
.eye_wrap .sec05 .box>ul li .info p {flex: 1.5; line-height: 1.4;}
.eye_wrap .sec05 .box>ul li a {display: flex; text-align: left; padding: 50px 22px; align-items: center;}
.eye_wrap .sec05 .box>ul li span {padding: 20px 20px 20px 40px;}
.eye_wrap .sec05 .box>ul li h5 {font-weight: 600;}
.eye_wrap .sec06 {margin: 0 !important; padding: 200px 0 !important;}
.eye_wrap .sec06 ul li:hover .txt h3, .eye_wrap .sec06 ul li:hover .txt span {display: block;}
.eye_wrap .sec07 .sec07_box .txt_box .inqu {margin-top: 20px;}
.eye_wrap .sec08 .swiper-slide img {width: 100%;}
.small_wrap .toggle_list .sec_tit h3 {font-family: 'SangBlueOgSerifRelgular'; font-size: 54px; font-weight: 500;}
.small_wrap .sec10 .sec_tit a {color: #fff; background-color: #dcccb2; padding: 12px 30px; border-radius: 320px; margin: 10px 0 40px; font-weight: 600; font-size: 20px;}



@media(max-width:768px) {
    .small_wrap .sec10 {padding: 150px 0;}
    .small_wrap .sec10 .sec_tit a {font-size: 16px; margin: 20px 0;}
    .eye_wrap .sec01 {padding: 200px 0;}
    .eye_wrap .sec01 .txt h5 {font-size: 18px; line-height: 1.5;}
    .eye_wrap .sec01 .txt h3 {font-size: 32px;}
    .eye_wrap .sec01 .txt p {font-size: 12px;}
    .eye_wrap .sec01 .txt h1 {bottom: 100%;}
    .eye_wrap .sec02 .txt h4 {font-size: 22px;}
    .eye_wrap .sec02 .txt h1 {font-size: 48px;}
    .eye_wrap .sec04 .txt span {font-size: 18px;}
    .eye_wrap .sec04 .txt p {font-size: 15px;}
    .eye_wrap .sec05 .box>ul li span {padding: 20px 30px; margin-right: 0;}
    .eye_wrap .sec05 .box>ul li .info {display: flex; flex-direction: column; text-align: left; gap: 0; align-items: flex-start;}
    .eye_wrap .sec05 .box>ul li .info p {font-size: 14px;}
    .eye_wrap .sec05 .box>ul li .info h5 {font-size: 16px;}
    .eye_wrap .sec05 .box>ul li a {display: flex; padding: 20px 20px 20px 0;}
    .eye_wrap .sec06 .txt {padding: 0 20px;}
    .eye_wrap .sec06 .txt h1 {font-size: 140px; margin-bottom: 0;}
    .eye_wrap .sec06 .txt h3 {font-size: 36px; margin-bottom: 10px;}
    .eye_wrap .sec06 .txt span {font-size: 18px; line-height: 1.5;}
    .eye_wrap .sec06 .txt p strong, .eye_wrap .sec06 .txt p {font-size: 16px;}
    .eye_wrap .sec06 .txt p strong {text-decoration: underline; text-underline-offset: 5px; padding: 8px 20px; border-radius: 15px;}
    .eye_wrap .sec06 .txt p strong::after {display: none;}
    .eye_wrap .sec06 ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; padding: 0 20px;}
    .eye_wrap .sec06 ul img {width: 100%;}
    .eye_wrap .sec08 .eye_bna img {width: 100%;}
    .eye_wrap .sec08 .txt span {font-size: 18px;}
    .eye_wrap .sec09 .face_program_nav {display: grid; grid-template-columns: repeat(2, 1fr); padding: 0 20px;}
    .eye_wrap .sec09 .face_program_nav li {max-width: 100%;}
}



.m_eye_special_list {display: none !important;}
.m_eye_special_list img {width: 100%;}



@media(max-width:768px) {
    .eye_wrap .sec05 .box>ul li .info p {font-size: 13px;}
    .eye_wrap .sec06 {padding: 100px 0;}
    .eye_wrap .sec06 .eye_special_list {display: none;}
    .eye_wrap .toggle_list ul li .faq_tit h5 {font-size: 16px;}
    .sub_wrap .persoonal_review .common_review {flex-direction: column;}
    .m_eye_special_list {display: block !important; margin-top: 30px;}
}
/*!----------- eye_small end --------------- */



/*!----------- skin scar start --------------- */
.skin_wrap .sec .sec_tit {max-width: 1200px; margin: 0 auto; text-align: center;}
.skin_wrap .sec .sec_tit span {font-size: 24px; margin: 0 0 50px; font-weight: 700; font-family: "Noto Serif KR", serif;}
.skin_wrap .sec .sec_tit h3 {font-size: 44px; font-family: 'SangBlueOgSerifRelgular' !important;}



/*! visual start*/
.skin_wrap .visual_title h2 {font-family: "Noto Serif KR", serif !important; font-size: 84px;}
/*! visual end*/



.promotion_area {max-width: 800px; margin: 0 auto;}
.youtube_section0 iframe {height: 700px;}



@media(max-width:768px) {
    .youtube_section0 iframe { height: 400px;}
}



@media(max-width:500px) {
    .youtube_section0 iframe {height: 260px;}
}



@media(max-width:768px){
.main{overflow-x: hidden;}
}