/* ============================================================================================================================== */
/* ======================================================= custom common 코드 ==================================================== */
/* ============================================================================================================================== */

.zoom-wrap {position: relative; /*overflow: hidden;*/}
.zoom-mask{
  position: absolute;
  inset: 0;
  overflow: hidden;   /* 배경만 잘라냄 */
  z-index: 0;
  pointer-events: none;
}
.zoom {transform: scale(1.12); transition: transform 0.8s ease-in-out; width: 100%;}
.zoom.active {transform: scale(1); transition: transform 2.4s ease-in-out;}

.line{width: 30px;height: 5px;background: #000;margin-top: 20px;margin-bottom: 20px;}

.bg-animation {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.progress-ring-circle {transition: 2.4s stroke-dashoffset; transform: rotate(-90deg); transform-origin: 50% 50%;}

.pc-layout {display: block;}
.mobile-layout {display: none;}

.cursor_wrap {position: absolute; left: 0; top: 0; width: 64px; height: 64px; pointer-events: none; z-index: 500000000;}
.cursor_wrap.hide {display: none;}
.cursor_wrap .cursor {position: fixed;}
.cursor2 {mix-blend-mode: plus-lighter;}
.pointer {position: absolute; left: 50%; top: 50%; margin: -16px 0 0 -16px; width: 30px; height: 30px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 6.62px #344a24; opacity: 0; transition: opacity 0.3s;}
.pointer::before, .pointer::after {content: ""; position: absolute; left: 50%; top: 50%; display: block; margin: -16px 0 0 -16px; width: 32px; height: 32px;border-radius: 50%;transform: translate3d(0, 0, 0);}
.pointer::before {background-color: #344a24; animation: expand 1.8s ease-out infinite both;}
.pointer::after {background-color: #fff; animation: expand 1.8s ease-out 0.8s infinite both;}
.fade {opacity: 0.8;}


/* 유튜브 반응형 */
.video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 비율 */
  height: 0;
  overflow: hidden;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


@keyframes expand {
	0% {
		z-index: 2;
		transform: scale(0);
	}
	50% {
		z-index: 1;
		transform: scale(1);
	}
	100% {
		z-index: 0;
	}
}

.custom-link {position: absolute; left: 0; top: -120px;}

.sub-common {max-width: 1600px; margin: 80px auto 0;}
.sub-common::before {position: absolute; content: ''; top: 0; right: 0; width: 440px; height: 458px; background: url(../img/custom/logo_bg.png) center/cover no-repeat;}
.sub-common .middle-title img {margin-bottom: 20px;}
.sub-slide-wrap {position: relative;}
.sub-slide {margin-top: 40px;}
.sub-slide .swiper-slide {text-align: center;}
.sub-slide .swiper-slide p {margin-top: 20px; line-height: 1.3; white-space: pre-line;}
.sub-slide-wrap .swiper-button-prev,
.sub-slide-wrap .swiper-button-next {top: calc(50% - 35px); transform: translateY(-50%); margin: 0; width: 45px; height: 45px; background: #554a3f; border-radius: 50%; color: #fff;}
.sub-slide-wrap .swiper-button-next {right: -60px;}
.sub-slide-wrap .swiper-button-prev {left: -60px;}
.sub-slide-wrap .swiper-button-prev::after,
.sub-slide-wrap .swiper-button-next::after {font-size: 24px;} 

.sub12-common article {display: flex; align-items: center; padding: 50px 30px; height: 260px; background: url(../img/custom/sub1_2_01.jpg) center/cover no-repeat; color: #fff;}
.sub12-common article:not(:nth-child(2)) {margin-top: 40px;}
.sub12-common .tit {font-family: 'NanumSquare',san-serif; font-weight: 900; transform: skew(-0.1deg); white-space: pre-line;}
.sub12-common .sub {margin-top: 20px; white-space: pre-line;}
.sub12-common article:nth-child(2n-1) {justify-content: flex-end;}
.sub12-common article:nth-child(2n-1) div {width: 400px;}
.sub12-common article:nth-child(3) {background: url(../img/custom/sub1_2_02.jpg) center/cover no-repeat;}
.sub12-common article:nth-child(4) {background: url(../img/custom/sub1_2_03.jpg) center/cover no-repeat;}
.sub12-common article:nth-child(5) {background: url(../img/custom/sub1_2_04.jpg) center/cover no-repeat;}
.sub12-common article:nth-child(6) {background: url(../img/custom/sub1_2_05.jpg) center/cover no-repeat;}
.sub12-common article:nth-child(7) {background: url(../img/custom/sub1_2_06.jpg) center/cover no-repeat;}

header .numberImp {display: flex; align-items: center; margin-left: 20px;}
header .numberImp p {color: #fff; line-height: 1.3;}

.scroll-indicator {position: absolute; display: none; left: 0; top: 0; width: 100%; height: 100%; background: rgba(248,242,229,0.8); z-index: 1;}
.scroll-indicator.active {opacity: 0; z-index: -1;}

/* 케이스 스타일 */
.case-style ul{display: flex;gap:20px;}
.case-style ul li{position: relative;width: 50%;}
.case-style ul li img{width: 100%;height: auto;}
.case-style ul li span{display: inline-block;position: absolute;top:0;left: 0;font-size: 20px;padding: 5px 20px;letter-spacing: 0px;color: #fff;background: #344a24;}
.case-style ul li:before{content:"";background:url(../img/watermark.svg) center / 100% no-repeat;position: absolute;width: 100%;height: 100%;top:0;left: 0;}
.case-style ul li.before:after{content:"BEFORE";position: absolute;left: 0;bottom: 0;padding: 5px 0;text-align: center;width: 100%;color: #fff;background: rgba(0,0,0,0.5);font-size: 20px;z-index: 1;}
.case-style ul li.middle:after{content:"MIDDLE";position: absolute;left: 0;bottom: 0;padding: 5px 0;text-align: center;width: 100%;color: #fff;background: rgba(0,0,0,0.5);font-size: 20px;z-index: 1;}
.case-style ul li.after:after{content:"AFTER";position: absolute;left: 0;bottom: 0;padding: 5px 0;text-align: center;width: 100%;color: #fff;background: rgba(52,74,36,0.7);;font-size: 20px;z-index: 1;}
.case-style ul li .blur::before {position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); z-index: 1;}
.case-style ul li .blur{overflow: hidden;}
.case-style ul li .blur img {filter: blur(5px);}
.case-style ul li .blur .txt {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; z-index: 2;}
.case-style ul li .blur .txt p {color: #fff; white-space: pre-line; font-size: 20px;}
.case-style .btn-style{text-align: center;}

.case-style.three ul li{width: 33.3%;}

/* 비포 애프터 슬라이드 */

.before-after-slide{justify-content: space-between; display: flex; width: 100%; flex-wrap:wrap;}
.before-after-slide img{width: 100%;}

.case-img > div:after{content:"";background: url(../img/watermark.svg) center / 100% no-repeat; position: absolute;width: 250px;height: 50px;right: 10px;bottom: 20px;}

.case-area{width: calc(50% - 2%); }
.case-wrap{position: relative;}
.case-img{text-align: center;}
.case-num {left: 3%; top: 5%; text-transform: uppercase; border: 2px solid #c6e8ff; padding: 0.8rem 0.4rem; line-height: 1.4; color: #c6e8ff; width: 4.25rem; height: 4.25rem; position: absolute; z-index: 1; text-align: center;}
.case-logo{bottom: 6%; left: 4%; opacity: .4; position: absolute; z-index: 1;}
.logo-w{width: 10.8rem; height: 6rem; background: url(img/logo.png)50%/100% no-repeat;}
.ir{text-indent: 100%; white-space: nowrap; overflow: hidden;}
img{max-width: 100%; vertical-align: top;}
.case-after {position: absolute; top: 0; left: 0; width: 100%; z-index: 0; opacity: 0;}
.on .case-after {-webkit-animation: fadeIn50 1s 0.3s forwards; animation: fadeIn50 1s 0.3s forwards;}
.on .case-after.move {-webkit-animation: none; animation: none;}
@-webkit-keyframes fadeIn50 {
    0% {opacity: 0;}
    to {opacity: 0.5;}
}
@keyframes fadeIn50 {
    0% {opacity: 0;}
    to {opacity: 0.5;}
}
.case-desc-txt {right: 4%; bottom: 6%; color: #fff; font-weight: 300; position: absolute; z-index: 1;}
.case-slider { padding: 5% 10%; align-items: center; justify-content: space-between; display: flex;}
.prog-bar{width: 70%; display: flex; justify-content: center; position: relative;}
input[type=range] {-webkit-appearance: none; width: 100%; background: transparent; z-index: 2;}
input[type="range" i] {appearance: auto; cursor: default; color: -internal-light-dark(rgb(16, 16, 16), rgb(255, 255, 255)); padding: initial; border: initial; margin: 2px;}
.prog-bar:after {position: absolute; content: ""; top: 48%; left: 0; width: 100%; height: 2px; background: #ededed;}
::-webkit-scrollbar {width: 0.8rem;}
::-webkit-scrollbar-thumb {background: hsla(0,0%,77.3%,.5);}
input[type='range'] {-webkit-appearance: none; width: 100%; background: transparent;}
input[type='range']::-webkit-slider-thumb {-webkit-appearance: none; background: #fff; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; width: 2.75rem; height: 2.75rem;background: url("../img/sub/range_arrow.png") 0 0/100% no-repeat;}
input[type='range']::-moz-range-thumb {background: #fff; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; width: 2.75rem; height: 2.75rem; background: url("../img/sub/range_arrow.png") 0 0/100% no-repeat;}
input[type='range']:focus {outline: none;}
input[type='range']::-ms-track {width: 100%; cursor: pointer; background: transparent; border-color: transparent; color: transparent;}
/* 비포 애프터 슬라이드 */

/*================================================================ 1500px 이하 ================================================================= */
@media screen and (max-width:1500px) {

}

/*================================================================ 1200px 이하 ================================================================= */
@media screen and (max-width:1200px) {
.sub12-common article:nth-child(2n-1) div {width: auto; text-align: right;}

header .numberImp {display: none;}


}

/*================================================================ 1025px 이하 ================================================================= */
@media screen and (max-width:1025px) {
.sub-common {margin: 40px auto 0;}
.sub-common::before {width: 300px; height: 312px;}
.sub-common-01 .left{margin-left: 50px;}
.sub-slide-wrap .swiper-button-next {right: 10px;}
.sub-slide-wrap .swiper-button-prev {left: 10px;}
}

/*================================================================ 900px 이하 ================================================================= */
@media screen and (max-width:900px) {
.case-style ul li .blur .txt p{font-size: 17px;}
video{width: 100%;vertical-align: bottom;}
.m_img img{width: 50%;}
}

/*================================================================ 769px 이하 ================================================================= */
@media screen and (max-width:769px) {
.sub-common {margin: 0 auto;}
.sub-common::before {width: 180px; height: 187px; right: auto; top: auto; bottom: -110px;}
.case-style ul{gap:5px;}
.case_txt.mt5{margin-top: 50px;}

.line{margin: 20px auto;}

.sub12-common article {padding: 50px 20px;}
.sub12-common article:not(:nth-child(2)) {margin-top: 20px;}

.sub-slide-wrap .swiper-button-prev,
.sub-slide-wrap .swiper-button-next {width: 35px; height: 35px;}
.sub-slide-wrap .swiper-button-prev::after,
.sub-slide-wrap .swiper-button-next::after {font-size: 17px;}

.custom-link {top: -80px;}
}

/*================================================================ 600px 이하 ================================================================= */
@media screen and (max-width:600px) {
.case-style ul li .blur .txt p{font-size: 15px;}
.case-tit h4{font-size: 15px;}
.case-tit img{max-width:20px;}
.case-slider{padding: 5px;}
.case-img > div:after{content:"";background: url(../img/watermark.svg) center / 100% no-repeat; position: absolute;width: 100px;height: 30px;right: 10px;bottom: 5px;}
}

/*================================================================ 425px 이하 ================================================================= */
@media screen and (max-width:425px) {
.pc-layout {display: none !important;}
.mobile-layout {display: block !important;}

.sub-common::before {width: 230px; height: 239px; bottom: -65px; left: -65px;}
.sub-common .middle-title img {margin-bottom: 15px; max-width: 65px;}
.sub-slide .swiper-slide p {font-size: 17px;}

.sub12-common .inner {padding: 0 20px;}
.sub12-common .inner > div > div:not(:first-child) {margin-top: 20px;}
.sub12-common .inner > div > div:nth-child(2n) {text-align: right;}
.sub12-common .txt {padding: 20px 10px;}
.sub12-common .sub {margin-top: 10px;}

.cursor_wrap {display: none;}


.custom-link {top: -60px;}

.case-style ul{flex-wrap: wrap;}
.case-style ul li{width: 100%;}
.case-style ul li img{width: 100%;height: auto;}
.case-style ul li .blur .txt p{font-size: 13px;}
.case-style ul li.after:after{font-size: 15px;}
.case-style ul li.middle:after{font-size: 15px;}
.case-style ul li.before:after{font-size: 15px;}
.case_txt p{font-size: 10px;}
.case_txt.mt5{margin-top: 10px;}
.case-style ul li span{font-size: 13px;padding: 2px 5px;}
.case-style.three ul li{width: 100%;}

.scroll-indicator {display: block;}
}


.sub-common-01 {background: #334a25 url(../img/sub/about1-bg.png) left no-repeat;color: #fff;background-attachment: fixed;}

.sub-common-01 .sub-common-01-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5%;
}
.sub-common-01 .left {
  margin-left: 200px;
}

.sub-common-01 .left p {
  margin-top: 30px;
  white-space: pre-line;
}
.sub-common-01 .left p strong {
  font-weight: 700;
}
.sub-common-01 .right {
  width: 50%;
}
.sub-common-01 .right img {
  width: 100%;
  height: auto;
  display: block;
}

/* Responsive */
@media screen and (max-width: 1024px) {
  .sub-common-01 .inner {
    flex-direction: column;
    text-align: center;
  }
  .sub-common-01 .left,
  .sub-common-01 .right {
    width: 100%;
  }
  .sub-common-01 .left p {
    margin-top: 20px;
  }
 .sub-common-01 .left{margin: 0;padding: 30px 10px ;text-align: center;}
}


/* ============================================================================================================================== */
/* ======================================================= custom common 코드 ==================================================== */
/* ============================================================================================================================== */





/* ============================================================================================================================ */
/* ======================================================= sub1 custom 코드 ==================================================== */
/* ============================================================================================================================ */

.about_bg .bg-animation {background: url(../img/sub/sub1_bg.png) center/cover no-repeat;}

.popup-container {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100000; background: rgba(0,0,0,0.8);}
.popup-content {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 40px; max-width: 1300px; width: 100%; margin: 0 auto; background: #fff;}
.popup-close {position: absolute; right: 10px; top: 10px; max-width: 30px; cursor: pointer;}

.popup-container.active {display: block;}

/* 서브 1-1 */
.about1-area1 .bg-animation {background: url(../img/sub/about1-bg2.png) center/cover no-repeat;}

.about1-area2.bg-gray{background: #fbfbfb;}
.about1-area2 ul{display: flex;align-items: center;justify-content: space-around;}
.about1-area2 ul li{width: 30%;gap:10px;text-align: center;padding: 20px;background: #fff;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);}

/* 서브 1-2 */
.about1-area2 .playfair{font-size: 120px;color: #eee;font-weight: 600;}

.about1-area2 .doctor_wrap{display: flex; justify-content: center; gap: 35px;}
.about1-area2 .doctor_wrap li{width: 50%;}
.about1-area2 .doctor_wrap li h5{text-align: center;}
.about1-area2 .content-box {position: relative; display: flex; flex-direction: column; justify-content: center; padding: 0 30px; margin-top: 20px;  width: 100%; height: 500px; overflow: hidden; color: #fff;}
.about1-area2 .content-box::before {position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/sub/about01_01.jpg) center/cover no-repeat;}
.about1-area2 .doctor_wrap li:nth-child(2) .content-box::before {background: url(../img/sub/about01_02.jpg) center/cover no-repeat;}
.about1-area2 .doctor_wrap:nth-child(2) li:nth-child(1) .content-box::before {background: url(../img/sub/about01_03.jpg) center/cover no-repeat;}
.about1-area2 .doctor_wrap:nth-child(2) li:nth-child(2) .content-box::before {background: url(../img/sub/about01_04.jpg) center/cover no-repeat;}
.about1-area2 .doctor_wrap .btn-wrap p{
    background: #000;
    padding: 10px 20px;
    display: block;
    border: 0;
    color: #fff;
    font-size: 30px;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    right: 0;
}
.about1-area2 .doctor_wrap .btn-wrap p:hover{background: #344a24;}

.doctor-popup .profile {max-height: 600px; overflow-y: auto;}
.doctor-popup .profile::-webkit-scrollbar {width: 12px;}
.doctor-popup .profile::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); border-radius: 5px; background-color: rgba(220, 220, 220, 0.3);}
.doctor-popup .profile::-webkit-scrollbar-thumb {background-clip: padding-box; border-radius: 5px; background-color: #344a24; border: 2px solid transparent;}
.doctor-popup .profile > ul {display: flex; gap: 40px;}
.doctor-popup .profile-image {position: sticky; top: 0;}
.doctor-popup .profile-list {display: flex; flex-direction: column; gap: 30px;}
.doctor-popup .profile-list h5 { font-weight: 900;}
.doctor-popup .profile-list h5 span {font-size: 0.8em;}
.doctor-popup .profile-list h6 {display: flex; align-items: center; justify-content: center; margin-bottom: 10px; width: 100px; height: 42px; font-size: 22px;  font-weight: 900; color: #fff; background: #344a24;}
.doctor-popup .profile-list ul {display: flex; flex-direction: column; gap: 5px;}
.doctor-popup .profile-list ul > li p {font-size: 1.1em; white-space: pre-line;}


.about03-area1.bg-gray{background: #fff;}
.about03 {
  display: flex;
  justify-content: space-around;
  align-items: center;  
  margin: 10px;
  background-color: #f5f5f5;
}
.about03 .text-wrap h2 {
  margin-bottom: 20px;
}


.about03-area1 ul.flex .txt {margin: 25px 20px;}
.about03-area1 ul.flex h5 {fmargin-bottom: 10px; color: #000;}
.about03-area2 {margin-top: 60px; padding-top: 60px !important; border-top: 1px solid #333;}
.about03-area2 ul.flex .txt h5 {margin-top: 20px; color: #000; font-weight: 700;}
.about03-area2 ul.flex .txt h5 span {font-size: 0.7em; font-weight: 500;}

.about4-area1{background: #fff;}
.about4-area1 h5{text-align: left;}
.about4-area1  .root_daum_roughmap {width: 100% !important;}
.about4-area1  .root_daum_roughmap .wrap_controllers {display: none;}

.about4-area1 .box p{font-size: 22px;}

.time {display:flex; flex-direction: column;}
.time > li > ul {display:flex; /* align-items:center; */ display: inline-flex; padding: 2px 0px; text-align: left;}
.time > li > ul > li:first-child {margin-right: 10px; width:130px; position: relative;}
.time > li > ul > li:last-child{width: 200px;}
.time > li > ul > li.auto{width: auto;}
.time > li > ul > li p{display: flex; align-items: center;gap:10px;font-weight: 500;transform: skew(-0.1deg);font-size: 20px;letter-spacing: 0;}
.time > li > ul > li:last-child p {font-weight: 600; text-align-last: justify;}
.time > li > ul > li:last-child p a{font-weight: 900;color: #000;cursor: pointer;}
.time > li > ul > li .tag{display: inline-block;font-size: 15px;padding: 2px 8px;color: #fff;background: #344a24;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.time > li > ul > li h6{display: flex;align-items: center;gap: 10px;}


.about05-time p{font-size: 22px;}

.about4-area1 .box{padding-top: 40px;margin-top: 40px;border-top: 3px solid #000;}
.about4-area1 .box > ul{max-width:1200px;margin: auto;}
.about4-area1 .box.address > ul{margin-bottom: 15px;padding-bottom: 30px;border-bottom: 1px solid #000;}
.about4-area1 .box.address > ul:last-child{border-bottom: none;margin-bottom: 0;padding-bottom: 0;}



/*================================================================ 1500px 이하 ================================================================= */
@media screen and (max-width:1500px) {

}

/*================================================================ 1200px 이하 ================================================================= */
@media screen and (max-width:1200px) {



}

/*================================================================ 1025px 이하 ================================================================= */
@media screen and (max-width:1025px) {
 .about03{flex-direction: column;text-align: center;}

}

/*================================================================ 900px 이하 ================================================================= */
@media screen and (max-width:900px) {
.about1-area2 .playfair{display: none;}

.about03-area2 {display: block;}
.about03-area2  li {width: 100%;}
.about03-area2  li {margin-top: 30px;}

.about4-area1 .info-wrap > ul.flex {flex-wrap: wrap;}
.about4-area1 .info-wrap > ul.flex > li {width: 100%;}
.about4-area1 .info-wrap > ul.flex > li > div {text-align: center;}
.about4-area1 .address {padding: 40px 10px;} 

}

/*================================================================ 769px 이하 ================================================================= */
@media screen and (max-width:769px) {
.about1-area2 ul{flex-direction: column;}
.about1-area2 ul li{width: 100%; margin-bottom: 20px;}
.about1-area2 .doctor_wrap li{width: 100%;margin-bottom: 20px;}
.about1-area2 .doctor_wrap li:last-child{margin-bottom: 0;}


.sub-common-01 .sub-common-01-wrap{flex-direction: column;}

.doctor-popup .profile > ul {flex-direction: column; align-items: center;}
.doctor-popup .profile > ul > li:last-child {width: 100%;}

.about03-area1 ul.flex{display: block;}
.about03-area1 ul.flex > li > div {text-align: center;}
.about03-area1 ul.flex > li:last-child {margin-top: 30px;}

.about4-area1 .address {padding: 10px 0;}
.about4-area1 .address .flex{display: block;}

.time > li > ul > li p{font-size: 17px;}


.about03{margin: 0;padding: 20px;margin-bottom: 10px;}


}

/*================================================================ 600px 이하 ================================================================= */
@media screen and (max-width:600px) {

.doctor-popup .profile > ul {gap: 20px;text-align: center;}
.doctor-popup .profile-list ul{text-align: center;}
.doctor-popup .profile-list ul > li p {font-size: 1em;}
.doctor-popup .profile-list h6{margin: 0 auto;}

.time > li > ul{width: 100%;flex-direction: column;}
.time > li > ul > li:first-child{width: auto;}

.about4-area1 .time > li > ul{background: #f7f7f7;}
.time > li > ul > li h6{justify-content: center;}

}

/*================================================================ 480px 이하 ================================================================= */
@media screen and (max-width:480px) {

.about1-area2 .content-box {height: 380px; gap: 30px;}
.doctor-popup .profile-list ul > li p {font-size: 0.9em;}


.about03-area2 {padding-top: 40px !important; margin-top: 40px;}
.about03-area2 ul.flex > li:nth-child(n+3):nth-child(-n+4) {margin-top: 20px;}
.about03-area2 ul.flex .txt h5 {line-height: 1.2;}

.about2-area1 #gallery {padding-bottom: 100px;}

.about4-area1 .info-wrap > ul.flex {gap: 20px;}
.about4-area1 .map-wrap .root_daum_roughmap .wrap_map {height: 250px !important;}


.about4-area1 .time > li > ul > li:first-child {margin-right: 20px; width: 100%;}
.about4-area1 .time > li:nth-child(2) > ul::before {left: -35px; width: 25px; height: 25.5px;}
.about4-area1 .time > li:nth-child(2) > ul::after {right: -30px; width: 22px; height: 27px;}
.about4-area1 .box p{font-size: 13px;}


}
/* ===================== Mobile size : 380px ======================= */

@media screen and (max-width: 380px){

.about1-area2 .content-box {height: 320px; gap: 25px;}
.about1-area2 .content-box h5,
.about1-area2 .content-box h6 {font-size: 18px;}
.doctor-popup .profile-list ul > li p {font-size: 0.8em;}
.story-popup .story-text p {font-size: 0.8em;}
}

/* ============================================================================================================================ */
/* ======================================================= sub1 custom 코드 ==================================================== */
/* ============================================================================================================================ */





/* ============================================================================================================================ */
/* ======================================================= sub2 custom 코드 ==================================================== */
/* ============================================================================================================================ */

.sub2_wrap .bg-animation{background: url(../img/sub/sub2_all_bg.png) top/cover no-repeat;}


.ovzero-area-01 .ovzero-flex { display: flex; gap: 60px; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.ovzero-area-01 .ovzero-img-main { flex: 0 0 400px; position: relative;  z-index: 1;}
.ovzero-area-01 .ovzero-img-main img { width: 100%; display: block; box-sizing: border-box; }
.ovzero-area-01 .ovzero-img-main:after{content:"";position: absolute;left: -30px;bottom: -30px;width: 70%;height: 70%;background: #334a25;z-index: -1;}
.ovzero-area-01 .ovzero-text-box { flex: 1; }

.ovzero-area-01 .ovzero-case { display: flex; gap: 10px; flex-wrap: wrap; }
.ovzero-area-01 .ovzero-case img { width: calc(33.333% - 7px); height: auto; display: block; }

.ovzero-area-02 .bg-animation{background: url(../img/sub/ovzero_bg_01.png) left/cover no-repeat;}
.ovzero-area-02 {color: #fff;}
.ovzero-area-02 .title{text-shadow: 3px 1px 10px black;}

.ovzero-area-03 {display: flex; flex-direction: column; gap: 80px;}
.ovzero-area-03 .ovzero-box {display: flex; justify-content: space-between; align-items: center; gap: 60px;}
.ovzero-area-03 .ovzero-box.reverse {flex-direction: row-reverse;}
.ovzero-area-03 .ovzero-box .text {flex: 1; }
.ovzero-area-03 .ovzero-box .text .label {display: inline-block; padding: 4px 10px; border: 1px solid #334a25; color: #334a25; font-size: 17px; margin-bottom: 10px;letter-spacing:3px;}
.ovzero-area-03 .ovzero-box .img {flex: 1;}
.ovzero-area-03 .ovzero-box .img img {width: 100%; height: auto; display: block;}

.ovzero-area-04 {padding: 80px 0; background: #fff;}
.ovzero-area-04 .ovzero04-wrap {display: flex; gap: 60px; align-items: center;padding-top: 80px; flex-wrap: wrap;}
.ovzero-area-04 .ovzero04-img {max-width: 100%;}
.ovzero-area-04 .ovzero04-img img {width: 100%; display: block;}
.ovzero-area-04 .ovzero04-text {flex: 1; color: #222;}
.ovzero-area-04 .ovzero04-feature {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; margin-top: 40px;}
.ovzero-area-04 .ovzero04-feature li {flex: 1 1 calc(16.66% - 10px); background: #f4f4f4; padding: 20px 10px; text-align: center; border-radius: 8px; box-sizing: border-box;}
.ovzero-area-04 .ovzero04-feature li span {display: block; font-size: 1rem; color: #666; margin-bottom: 10px;}

.ovzero-area-05 {position: relative; background: linear-gradient(-180deg, #f4f7f1 0%, #fff 100%);} 
.ovzero05-wrap {display: flex; flex-wrap: wrap; gap: 80px; justify-content: center; align-items: flex-start; position: relative; z-index: 2;} 
.ovzero05-box {display: flex; gap: 20px;align-items: flex-end;} 
.ovzero05-box .img-wrap img {width: 100%; display: block; border-radius: 10px;} 
.bg-text {position: absolute;  font-size: 100px;font-weight: 900;color: rgba(0,0,0,0.05); line-height: 1; white-space: pre-line; pointer-events: none;} 
.bg-text.right {top: 40px; right: 0; text-align: right;} 

.bg-text.left {top: 50%; right: 0;text-align: right;} 
.ovzero-video-swiper .swiper-slide {flex-shrink: 0; width: 25%; box-sizing: border-box;}
.ovzero-video-swiper video {width: 100%; height: auto; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.1);}


.faq-list {max-width: 900px; margin: 0 auto; border-top: 1px solid #333;}
.faq-item {border-bottom: 1px solid #333;}
.faq-question {width: 100%; padding: 20px; text-align: center; background: none; border: none; font-size: 24px; font-weight: 600; display: flex; justify-content: space-between; align-items: center; color: #222; cursor: pointer;}

.faq-question span {color: #3b6e32; font-weight: bold; margin-right: 10px;}
.faq-question i {font-style: normal; font-size: 1.5rem; color: #3b6e32; transition: transform 0.3s;}
.faq-answer {padding: 20px; background: #f7f7f7; display: none;}
.faq-answer p{text-align: center; font-size: 20px;}
.faq-item.active .faq-answer {display: block;}
.faq-item.active .faq-question i {content: "−";}

/*================================================================ 1500px 이하 ================================================================= */
@media screen and (max-width:1500px) {

}

/*================================================================ 1200px 이하 ================================================================= */
@media screen and (max-width:1200px) {
.sp02-area3 ul.flex > li {width: 100%;}
.sp02-area3 ul.flex > li > div {height: auto;}
.sp02-area3 .left {padding: 50px 10px;}
.sp02-area3 .right {height: 500px !important;}
.sp02-area6.bg-gray {padding: 120px 0 0;}
.sp02-area6.bg-gray::before {position: absolute; content: ''; left: 0; top: 0; width: 400px; height: 370px; background: url(../img/custom/special02_10.png) center/cover no-repeat;}
.sp02-area6 .bg-animation {display: none;}
.sp02-area6 ul.flex {flex-direction: column-reverse; max-width: 500px; margin: 0 auto;}
.sp02-area6 ul.flex > li {width: 100%;}
.sp02-area6 .left {padding: 40px 10px; background: #241f1c; color: #fff; border-radius: 0 0 20px 0;}
.sp02-area6 .left .middle-title {padding-bottom: 0;}
.sp02-area6 .left .middle-title h6 {font-size: 25px;}
.sp02-area6 .right {height: auto; border-radius: 0; background: none;}
.sp02-area6 .right .img {position: static; padding: 20px; text-align: center; border: 1px solid #241f1c; background: #fff; border-radius: 20px 0 0 0;}
.sp02-area6 .right .img img {max-width: 400px; width: 100%;}

.sp03-area3 article {max-width: 600px; margin: 0 auto; border: 1px solid #ccc;}
.sp03-area3 .img-wrap {display: flex; justify-content: center; border-bottom: 1px solid #ccc;}
.sp03-area3 .img:first-child {margin-right: 50px;}
.sp03-area3 .middle-title {display: block; height: auto; padding: 40px 10px; border: none; background: #241f1c; color: #fff;}
.sp03-area3 .middle-title::before,
.sp03-area3 .middle-title::after {display: none;}

.sp04-area2::before {width: 300px; height: 291px; right: 50px; bottom: 180px;}

.sp05-area2.bg-gray {padding: 120px 0 180px;}
.sp05-area2 .bg-tit {right: 20px; bottom: 20px;}
.sp05-area2 .bg-tit h2 {font-size: 72px;}
.sp05-area3 article .notice {max-width: 800px;}
.sp05-area3 article .notice ul > li:last-child {margin-top: 10px;}
.sp05-area4 .bg-tit {right: 20px; bottom: 20px;}
.sp05-area4 .bg-tit h2 {font-size: 72px;}
.sp05-area5 .bg-animation {background-position-x: -200px;}
.sp05-area6 .right {padding-left: 30px;}

.nopain-area1 ul.flex .tab {margin: 0 10px;}
.nopain-area6 .wrap {flex-direction: column; max-width: 800px; margin: 0 auto;}
.nopain-area6 .right {margin: 40px auto 0;}
.nopain-area6 .right > div {margin-left: 0;}
}

/*================================================================ 1025px 이하 ================================================================= */
@media screen and (max-width:1025px) {

.ovzero-area-01 .ovzero-flex { flex-direction: column; align-items: center; }
.ovzero-area-01 .ovzero-img-main,
.ovzero-area-01 .ovzero-text-box { width: 100%; max-width: 100%; }
.ovzero-area-01 .ovzero-case img { width: 100%; }

.ovzero-area-03 .ovzero-box, .ovzero-area-03 .ovzero-box.reverse {flex-direction: column;} 
.ovzero-area-03 .ovzero-box .text, .ovzero-area-03 .ovzero-box .img {width: 100%;}
.ovzero-area-03 .ovzero-box {margin-bottom: 60px;}

.ovzero-area-04 .ovzero04-wrap {flex-direction: column;margin-top: 20px;gap:20px;}
.ovzero-area-04 .ovzero04-feature li {flex: 1 1 48%;}

.ovzero05-box{flex-direction: column;}

.faq-question{font-size: 18px;}
.faq-answer p{font-size: 15px;}


/* 삭제 */
.sp02-area2 ul.flex .txt {height: 220px;}
.sp04-area3 ul .left p {font-size: 20px;}
.sp05-area5 .middle-title {margin-right: 20px;}
.sp05-area6 .right .middle-title p:last-child {font-size: 20px;}
.sp05-area6 .right .sign {margin-top: 30px;}
.nopain-area6 .right article {height: 480px;}
}

/*================================================================ 900px 이하 ================================================================= */
@media screen and (max-width:900px) {
.ovzero-area-01 .ovzero-img-main { flex: 0;}
.sp01-area1 ul.flex > li > div {height: 300px;}

.sp04-area2::before {width: 250px; height: 243px;}

.sp05-area3.bg-gray {margin: 130px 0 320px;}
.sp05-area5.bg-gray {padding: 160px 0;}

.nopain-area1 ul.flex .tab {margin: 0 5px;}
.nopain-area5 .hashtag {flex-wrap: wrap;}
.nopain-area5 .hashtag > li {width: 50%;}
.nopain-area5 .hashtag > li > div {margin: 5px 10px; text-align: center;}
}

/*================================================================ 769px 이하 ================================================================= */
@media screen and (max-width:769px) {
.ovzero-area-03 .ovzero-box {margin-bottom: 30px;gap:30px;}
.ovzero05-wrap {flex-direction: column; gap: 60px;}
.bg-text {font-size: 1.8rem;}
.bg-text.right, .bg-text.left {position: static; text-align: center; margin-top: 30px;}

 .ovzero-video-swiper .swiper-slide {width: 100%;}


.sp01-area1 ul.flex {flex-direction: column;}
.sp01-area1 ul.flex:last-child {flex-direction: column-reverse;}
.sp01-area1 ul.flex > li {width: 100%;}
.sp01-area1 ul.flex .img {height: 360px;}
.sp01-area1 ul.flex .txt {height: auto; padding: 50px 15px;}
.sp01-area3 article div {padding: 30px 10px; height: auto; flex-direction: column;}
.sp01-area3 article div::before {position: static; transform: none; margin-bottom: 20px;}
.sp01-area5.bg-gray {padding: 120px 0;}
.sp01-area5 .img {margin: 40px 0;}

.sp02-area3 .right {height: 400px !important;}
.sp02-area6.bg-gray {padding: 80px 0 0;}

.sp03-area1 ul.flex > li > div {margin: 0 !important;}
.sp03-area1 .progress-ring {width: 220px; height: 220px;}
.sp03-area4 ul.flex::before {display: none;}
.sp03-area4 ul.flex > li {width: 33.3%;}
.sp03-area6 .bar {height: 80px;}

.sp04-area2 ul.flex > li > div {margin: 5px;}
.sp04-area2::before {display: none;}
.sp04-area4 article {padding: 50px 10px;}

.sp05-area3.bg-gray {padding: 80px 0; margin: 0;}
.sp05-area3 article {position: static; transform: none; max-width: 509px; margin: 0 auto; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.sp05-area3 article .img {text-align: center;}
.sp05-area3 article img {box-shadow: none;}
.sp05-area3 article .notice {position: static; transform: none; width: 100%; margin: 0 auto;}
.sp05-area4.bg-gray {padding-bottom: 120px;}
.sp05-area6 ul.flex > li {width: 100%;}
.sp05-area6 {padding-top: 0 !important;}
.sp05-area6 .left {height: 420px;}
.sp05-area6 .right {padding: 40px 0 0 20px;}
.sp05-area6 .right .middle-title h6 {font-size: 28px;}

.nopain-area1 ul.flex .tab h5 {white-space: pre-line; font-size: 20px;}
.nopain-area3.bg-gray {padding: 140px 0;}
.nopain-area4 ul .img img {max-width: 120px;}
.nopain-area4 ul .img::before {left: -100px; width: 200px; height: 200px;}
.nopain-area4 ul .txt {margin-left: 40px;}
}

/*================================================================ 600px 이하 ================================================================= */
@media screen and (max-width:600px) {
.ovzero-area-03 .ovzero-box .text .label {font-size: 13px;}

.ovzero-area-04 .ovzero04-feature li {flex: 1 1 100%;}
.ovzero-area-04 .ovzero04-text h4 {font-size: 1.5rem;}
.ovzero-area-04 .ovzero04-text p {font-size: 1rem;}

.sp01-area2 ul.flex > li {width: 50%;}
.sp01-area2 ul.flex > li:not(:last-child) > div::before {right: -32px;}
.sp01-area2 ul.flex > li:not(:last-child) > div::after {right: -21px;}
.sp01-area2 ul.flex > li:nth-child(2) > div::before {top: auto; right: auto; left: -15px; bottom: 0; transform: none; width: 3px; height: 25px;}
.sp01-area2 ul.flex > li:nth-child(2) > div::after {top: auto; right: auto; left: -28px; bottom: 0; transform: none; width: 3px; height: 25px;}

.sp02-area1 .bg-animation {background: url(../img/custom/special02_bg1m.jpg) center/cover no-repeat;}
.sp02-area1 ul.flex > li:last-child {height: 300px;}
.sp02-area2 ul.flex > li {width: 100%;}
.sp02-area2 ul.flex .img {padding: 10px 0 0 0; border-radius: 15px 0 0 0; border: 1px solid #ccc;}
.sp02-area2 ul.flex .txt {height: auto; padding: 40px 10px; border-radius: 0 0 15px 0;}
.sp02-area2 article::before {display: none;}
.sp02-area4 article {box-shadow: 5px 5px #333;}
.sp02-area6 ul.flex {max-width: 450px;}
.sp02-area6 .left .middle-title h6 {font-size: 22px;}

.sp03-area4 ul.flex > li > div {margin: 5px;}
.sp03-area5 .middle-title h5 {padding-bottom: 20px; margin-bottom: 20px;}
.sp03-area5 .bg-animation {background: url(../img/custom/special03_bg2m.jpg) center/cover no-repeat;}
.sp03-area5 ul.flex > li:last-child {height: 300px;}

.sp04-area1 article {box-shadow: 5px 5px #333;}
.sp04-area2 ul.flex > li {width: 50%;}
.sp04-area2 ul.flex > li:nth-child(n+3):nth-child(-n+18) {margin-top: 30px;}
.sp04-area3 ul {flex-direction: column-reverse; align-items: center;}
.sp04-area3 ul > li:first-child {margin-top: 30px;}
.sp04-area3 ul .left {margin-right: 0;}
.sp04-area3 ul .left p {font-size: 18px;}

.sp05-area4.bg-gray {padding-bottom: 100px;}
.sp05-area4 .bg-tit h2 {font-size: 52px;}
.sp05-area5.bg-gray {padding: 80px 0;}
.sp05-area5 .bg-animation {background: url(../img/custom/special05_bg3m.jpg) center/cover no-repeat;}
.sp05-area5 ul.flex > li:last-child {height: 460px;}
.sp05-area5 .middle-title {margin-right: 0; text-align: left;}

.nopain-area2 ul.flex > li {width: 50%;}
.nopain-area5 .hashtag > li {width: 100%; max-width: 300px; margin: 0 auto;}
}

/*================================================================ 425px 이하 ================================================================= */
@media screen and (max-width:425px) {
.sp01-area1 ul.flex .img {height: 210px;}
.sp01-area1 ul.flex .txt {padding: 30px 15px;}
.sp01-area2 ul.flex > li > div {margin: 10px;}
.sp01-area2 ul.flex > li:first-child > div::after {bottom: -17px; right: 4px; top: auto; transform: none; width: 10px; height: 10px; background: none; border-right: 3px solid #333; border-bottom: 3px solid #333;}
.sp01-area2 ul.flex > li:nth-child(2) > div::after {bottom: -17px; left: 4px; width: 10px; height: 10px; background: none; border-left: 3px solid #333; border-bottom: 3px solid #333;}
.sp01-area2 ul.flex > li:not(:last-child) > div::before {right: 0; bottom: 0; top: auto; transform: rotate(45deg); width: 45px; height: 3px;}
.sp01-area2 ul.flex > li:nth-child(2) > div::before {left: 0; bottom: 0; transform: rotate(-45deg); width: 45px; height: 3px;}
.sp01-area2 ul.flex .img {position: relative;}
.sp01-area4 .bg-animation {background: url(../img/custom/special01_bg1m.jpg) center/cover no-repeat;}
.sp01-area5.bg-gray {padding: 60px 0;}

.sp02-area2 ul.flex .txt {padding: 25px 10px;}
.sp02-area3 .left {padding: 40px 20px;}
.sp02-area3 .left h4 {margin-bottom: 20px;}
.sp02-area3 .right {height: 265px !important;}
.sp02-area5 {background: linear-gradient(to top, #f4ede5 65%, transparent 65%);}
.sp02-area5 ul.flex > li {width: 100%;}
.sp02-area6 ul.flex {max-width: 320px;}
.sp02-area6.bg-gray {padding: 60px 0 0;}
.sp02-area6.bg-gray::before {width: 250px; height: 231px;}
.sp02-area6 .left .middle-title h6 {font-size: 16px;}
.sp02-area6 .right .img img {max-width: 220px;}

.sp03-area1 .progress-ring {width: 150px; height: 150px;}
.sp03-area2 ul.flex .num::before {margin: 10px auto 5px;}
.sp03-area3 .middle-title {padding: 20px 10px;}
.sp03-area4 ul.flex > li {width: 50%;}
.sp03-area5 ul.flex > li:last-child {height: 350px;}
.sp03-area6 .bg-animation {background-position-x: -200px;}
.sp03-area6 .bar {height: 60px;}
.sp03-area6 colgroup col {width: 37.5%;}
.sp03-area6 colgroup col:nth-child(2) {width: 25%;}

.sp04-area2 ul.flex .tit {margin: 15px 0 8px;}
.sp04-area3 ul .left p {font-size: 16px;}
.sp04-area3 ul .right img {max-width: 120px;}
.sp04-area4 article {padding: 30px 10px;}
.sp04-area4 article ul {flex-direction: column;}
.sp04-area4 article ul > li:first-child > div {margin: 0 0 20px 0;}
.sp04-area4 article ul > li:first-child img {max-width: 150px;}
.sp04-area4 article ul > li:last-child img {max-width: 250px;}

.sp05-area2.bg-gray {padding: 80px 0 140px;}
.sp05-area2 .bg-tit h2 {font-size: 48px;}
.sp05-area3.bg-gray {padding: 60px 0;}
.sp05-area3 article .notice {padding: 30px 10px;}
.sp05-area4.bg-gray {background: linear-gradient(to top, #f4ede5 50%, transparent 50%);}
.sp05-area4 .bg-tit h2 {font-size: 42px;}
.sp05-area5.bg-gray {padding: 60px 0;}
.sp05-area5 ul.flex > li:last-child {height: 360px;}
.sp05-area6 .left {height: 300px;}
.sp05-area6 .right .middle-title h6 {font-size: 24px;}
.sp05-area6 .right .middle-title p:last-child {font-size: 18px;}
.sp05-area6 .right .sign p {font-size: 20px;}
.sp05-area6 .right .sign p::after {width: 140px; height: 52px;}

.nopain-area1 ul.flex {flex-direction: column;}
.nopain-area1 ul.flex > li {width: 100%; margin: 0 auto;}
.nopain-area1 ul.flex .tab {margin: 5px 0; padding: 10px;}
.nopain-area1 ul.flex .tab h5 {white-space: normal;}
.nopain-area2 ul.flex > li {width: 100%; max-width: 250px;}
.nopain-area3.bg-gray {padding: 120px 0;}
.nopain-area4 ul {flex-direction: column;}
.nopain-area4 ul .img img {max-width: 90px;}
.nopain-area4 ul .img::before {width: 180px; height: 180px;}
.nopain-area4 ul .txt {margin: 30px 0 0 0;}
.nopain-area4 ul .txt h5 {margin-bottom: 20px;}
.nopain-area6 .left ul.flex > li {width: 100%; max-width: 280px;}
.nopain-area6 .left ul.flex > li:last-child {margin-top: 20px;}
.nopain-area6 .left ul.flex .txt {padding: 10px 0 0 10px;}
.nopain-area6 .right article {padding: 40px 20px;}
.nopain-area6 .right .img {right: -35px; bottom: -35px;}
}

@media screen and (max-width:380px) {
.sp04-area2 ul.flex .tit {font-size: 15px;}
.sp05-area6 .left {height: 260px;}
} 


/* ============================================================================================================================ */
/* ======================================================= sub2 custom 코드 ==================================================== */
/* ============================================================================================================================ */





/* ============================================================================================================================ */
/* ======================================================= sub3 custom 코드 ==================================================== */
/* ============================================================================================================================ */
.sub3_wrap .bg-animation{background: url(../img/sub/sub3_bg2.png) bottom/cover no-repeat;}


.center-label {text-align: center;}
.center-label h6 {display: inline-block; background: #2f4a24; color: #fff; font-weight: 600; padding: 12px 24px; border-radius: 999px; text-align: center;}
.sub3-area-02 .flex-wrap {display: flex; align-items: center; justify-content: space-between; gap: 40px; flex-wrap: wrap;}
.sub3-area-02 .img-box {flex: 0 0 460px;}
.sub3-area-02 .img-box img {width: 100%; border-radius: 8px; display: block;}
.sub3-area-02 .text-box {flex: 1;}
.sub3-area-02 .text-box dl {margin-bottom: 24px;}
.sub3-area-02 .text-box dl:last-child{margin-bottom: 0;}
.sub3-area-02 .text-box dt {position: relative;display: inline-block;font-weight: 700; font-size: 25px; margin-bottom: 10px; color: #222;z-index: 0;}
.sub3-area-02 .text-box dt:after{content:""; position: absolute;width: 100%;height: 20px;bottom:0;left: 0;background: #eaede9;z-index: -1;}
.sub3-area-02 .text-box dd {font-size: 20px; color: #555; line-height: 1.6; margin-left: 0;white-space: pre-line;}

.sub3-area-03 .shade-img img {max-width: 1000px; width: 100%; margin-bottom: -100px;}
.sub3-area-03 .shade-desc {background: #243419; padding: 130px 20px 60px;}
.sub3-area-03 .shade-desc p {color: #fff;}


.imp01-tit {display: inline-block; padding: 3px 20px; font-weight: 900; color: #fff; background: #241f1c;}
.point-num {display: flex; align-items: center; justify-content: center; flex-direction: column; width: 85px; height: 85px; background: #344a24; color: #fff; }
.point-num h2 {line-height: 1;}
.point-num p {margin: 0; line-height: 1;}
.middle-title .point-num {margin: 0 auto 20px;}
.date-txt .img {position: relative; display: inline-block;}
.date-txt .img p {position: absolute; padding: 2px 15px 0; right: 10px; bottom: 10px; background: #918f8f; color: #fff; font-size: 15px;}
.bar {width: 2px; height: 150px; background: #241f1c; margin: 0 auto;}


.imp03-area1 ul.flex .middle-title {text-align: left;}
.imp03-area1 .bg-tit h2 {font-size: 60px; font-weight: bold; color: rgba(0,0,0,0.3); line-height: 1;}


.imp03-area2 ul.flex p {line-height: 1.5; font-weight: 900;}
.imp03-area3 .bg-animation {background: url(../img/sub/sub3_05.png) center/cover no-repeat;}
.imp03-area3 .title {color: #fff;}
.imp03-area3 .title *{text-align: left;}

.box-list-style{overflow: hidden; /*padding-bottom: 50px;*/}
.box-list-style ul{display:flex; flex-wrap:wrap; justify-content:center; width: 100%;}
.box-list-style ul > li{width: calc(33.3% - 20px); margin: 15px 10px; border-radius:20px; transition:0.5s; padding: 40px 30px; background-color: rgba(255,255,255,0.5);}
.box-list-style ul > li.active{box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px; background-color: #0f5096; color: #fff;}
.box-list-style ul > li h6{margin-bottom: 10px;}
.box-list-style ul > li p{white-space: pre-line;}
.box-list-style ul li:hover{background: #fff;color: #000;}
.imp03-area6 .flex{align-items: center;}
.imp03-area6 img{padding: 20px 20px 0 20px;}
.imp03-area7 {overflow: hidden;padding: 100px 0;}
.imp03-area7 .bg-animation {background: url(../img/sub/sub3_11.png) center/cover no-repeat;}
.imp03-area7 .title{padding-bottom: 0;}
.imp03-area7 .title *{text-align: left;color: #fff;}
.imp03-area7 .flex{align-items: center;}
.imp03-area7 .flex > li:nth-child(2){padding-left: 30px;}

.imp03-area9 h6{font-family: 'GmarketSansBold';margin-top: 20px;}

.imp03-area10 .title *{text-align: left;}
.imp03-area10 .title p{margin-top:20px;}

.imp03-area11 {overflow: hidden;color: #fff;}
.imp03-area11 .bg-animation {background: url(../img/sub/sub3_28.png) center/cover no-repeat;}



.imp04-area1 .img{position: relative;text-align: center;}
.imp04-area1 .img:before{content:"FULL ARCH";width: 100px;position: absolute;top:0;left: 10%;transform: translateX(-10%);line-height: 1.1;font-family: 'GmarketSansBold';font-size: 100px;color: #f5f5f5;text-align: left;z-index: -1;}
.imp04-area1 .img:after{content:"DIGITAL IMPLANT";width: 150px;position: absolute;bottom: 0;right: 20%;transform: translateY(-20%);line-height: 1.1;font-family: 'GmarketSansBold';font-size: 100px;color: #f5f5f5;text-align: right;z-index: -1;}


.imp04-area2 ul li:hover{color: #fff;background: #344a24;}
.imp04-area2 ul li h5{font-weight: 700;}

.imp04-area3{overflow: hidden;}
.imp04-area3 .bg-animation {background: url(../img/sub/sub4_30.png) center/cover no-repeat;}
.imp04-area3 .title {color: #fff;}
.imp04-list .imp-tit{display: flex;margin-bottom: 20px;background: #fff;}
.imp04-list .imp-tit-box strong{width: 72px;height: 72px;line-height: 72px;text-align: center;font-size: 20px;font-family: 'GmarketSansBold';color: #fff;background: #000;}
.imp04-list .imp-tit-box h5{width: 100%;padding: 0 10px;line-height: 70px;font-family: 'GmarketSansBold';border: 1px solid #000;}
.imp04-list  p{white-space: pre-line;color: #fff;}
.imp04-list .basic-box{text-align: left;}

.table-style-01 table {position: relative; width: 100%; border-collapse: inherit; border-spacing: 5px;}
.table-style-01 .table-scroll {overflow-x: auto !important;}
.table-style-01 table td {padding: 20px 10px; background: #fff; text-align: center; vertical-align: middle;}
.table-style-01 table td:last-child{background: #e7eddd;}
.table-style-01 table td p {font-size: 22px;white-space: pre-line;}
.table-style-01 table td:last-child p {font-weight: 900;}
.table-style-01 table thead tr td {background: #898989; color: #fff;}
.table-style-01 table thead tr:last-child td:last-child {background: #344a24; color: #fff;}
.table-style-01 table td .img img {width: 100%;}

.table-style-02 table td{border: 1px solid #ccc;}

.imp05-box {position: relative; padding: 50px 10px; max-width: 900px; margin: 0 auto 40px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; background: #fff;}
.imp05-box::before {position: absolute; content: ''; left: -65px; top: 50%; transform: translateY(-50%); width: 130px; height: 130px; background: url(../img/custom/imp05_01.png) center/cover no-repeat;}
.imp05-box p {white-space: pre-line; text-align: center; font-weight: 700;}
.imp05-area1.bg-gray {color: #fff;}
.imp05-area1 .bg-animation {background: url(../img/custom/imp05_bg1.jpg) center/cover no-repeat;}
.imp05-area1 .middle-title {text-align: right; margin-bottom: 0;}
.imp05-area1 .bg-tit h2 {margin-top: 20px; font-size: 60px; font-weight: bold; color: rgba(255,255,255,0.7); text-align: right; line-height: 1;}
.imp05-area3.bg-gray {background: #f3f3f3;}
.imp05-area4 article {max-width: 900px; margin: 0 auto; border: 2px solid #362317;}
.imp05-area4 article .top {padding: 8px 10px; background: #362317;}
.imp05-area4 article .top .tit {color: #fff; font-weight: 500; text-align: center;}
.imp05-area4 article .btm {display: flex; justify-content: center; padding: 50px 10px;}
.imp05-area4 article .btm .list > li {position: relative; padding-left: 40px;}
.imp05-area4 article .btm .list > li:not(:first-child) {margin-top: 30px;}
.imp05-area4 article .btm .list > li::before {position: absolute; content: ''; left: 0; top: 2px; width: 26px; height: 26px; background: url(../img/custom/imp05_12.jpg) center/cover no-repeat;}
.imp05-area4 article .btm .list p {font-weight: 700;}

.imp06-area1 {color: #fff;}
.imp06-area1 .bg-animation {background: url(../img/custom/imp06_bg1.jpg) center/cover no-repeat;}
.imp06-area2 .list > li {padding: 10px; text-align: center; border: 1px solid #ccc; background: #fff;}
.imp06-area2 .list > li:not(:first-child) {margin-top: 20px;}
.imp06-area4.bg-gray {padding: 120px 0 60px; background: linear-gradient(to top, #241f1c 60%, transparent 60%); color: #fff;}
.imp06-area4 .brief-ex .ex {padding: 10px; font-weight: 500;}
.imp06-area5 .tac {position: relative;}
.imp06-area5 .tac::before {position: absolute; content: ''; left: 50px; bottom: -55px; width: 215px; height: 215px; background: url(../img/custom/imp06_06.png) center/cover no-repeat;}



/*================================================================ 1500px 이하 ================================================================= */
@media screen and (max-width:1500px) {

}

/*================================================================ 1200px 이하 ================================================================= */
@media screen and (max-width:1200px) {

.imp03-area1 .bg-tit h2 {font-size: 48px;}

}

/*================================================================ 1025px 이하 ================================================================= */
@media screen and (max-width:1025px) {
.sub4_area1 {flex-direction: column;}
.sub4_area1 .implant-box2 {width: 100%; flex-direction: column; text-align: center; padding: 50px 20px;}
.sub4_area1 .implant-img {margin-top: 30px;}
.sub4_area1 .implant-img img {width: auto;max-height: 180px;}


.imp03-area6 .flex{flex-wrap: wrap-reverse;}
.imp03-area6 .flex li{text-align: center;}
.imp03-area7{padding: 50px 0;}
.imp03-area7 .flex > li:nth-child(2){padding-left: 0;padding-top: 30px;}

.imp05-box {margin: 80px auto 40px; padding: 90px 10px 50px;}
.imp05-box::before {left: 50%; top: -65px; transform: translateX(-50%);}

.imp06-area5 .tac::before {left: 0; bottom: -30px; width: 160px; height: 160px;}


}

/*================================================================ 900px 이하 ================================================================= */
@media screen and (max-width:900px) {

.imp03-area1 ul.flex {margin: 0 auto; max-width: 540px;}
.imp03-area1 ul.flex > li {width: 100%;}

.imp04-list .imp-tit{flex-wrap: wrap;}
.imp04-list .imp-tit-box strong{width: 100%;height: auto;line-height: 1;padding: 10px;}
.imp04-list .imp-tit-box h5{line-height: 1.3;padding: 10px;}
}

/*================================================================ 769px 이하 ================================================================= */
@media screen and (max-width:769px) {
.sub3-area-02 .flex-wrap {flex-direction: column;}
.sub3-area-02 .img-box, .sub3-area-02 .text-box {flex: 1 1 100%;}
.sub3-area-02 .text-box dt{font-size: 20px;}
.sub3-area-02 .text-box dd{font-size: 15px;}

.point-num {width: 75px; height: 75px;}
.middle-title .point-num {margin: 0 auto 20px;}
.bar {height: 100px;}


.imp03-area2 ul.flex {max-width: 550px; margin: 0 auto;}
.imp03-area2 ul.flex > li {width: 50%;}
.imp03-area2 ul.flex > li:nth-child(n+3):nth-child(-n+4) {margin-top: 20px;}

.imp03-area10 .title *{text-align: center;}

.box-list-style ul > li{width: calc(50% - 20px); margin: 10px 10px;}
.box-list-style h2{font-size: 100px;}


.imp05-area1 .bg-tit h2 {font-size: 48px;}

.imp06-area3 ul.flex > li {width: 50%;}
.imp06-area4.bg-gray {padding: 60px 0; background: #241f1c;}
.imp06-area4 ul.flex > li {width: 100%; max-width: 500px;}
.imp06-area5 .tac {margin-top: 20px;}
.imp06-area5 .tac::before {left: 50%; top: -60px; bottom: auto; width: 120px; height: 120px; transform: translateX(-50%);}
}

/*================================================================ 600px 이하 ================================================================= */
@media screen and (max-width:600px) {

.table-style-01 table td p {font-size: 15px;}

.imp03-area1 .bg-tit h2 {font-size: 40px;}

.imp03-area3 .flex > li.none{display: none;}
.imp03-area3 .flex{align-items: center;    justify-content: center;}
/* .imp03-area3 .title *{text-align: center;} */
.imp03-area3 .flex .img img{width: 100%;height: auto;}
.imp05-box {margin: 70px auto 20px; padding: 70px 10px 30px;}
.imp05-box::before {top: -50px; width: 100px; height: 100px;}
.imp05-area1 .bg-animation {background: url(../img/custom/imp05_bg1m.jpg) center/cover no-repeat;}
.imp05-area1 .middle-title {padding-left: 10px; text-align: left;}
.imp05-area1 .bg-tit h2 {padding-left: 10px; text-align: left;}
.imp05-area1 ul.flex > li:last-child {height: 320px;}
.imp05-area2 ul.flex > li,
.imp05-area3 ul.flex > li,
.imp05-area4 ul.flex > li {width: 100%; max-width: 500px;}

.imp04-area1 .img:before,.imp04-area1 .img:after{display: none;}



}

/*================================================================ 425px 이하 ================================================================= */
@media screen and (max-width:425px) {
.point-num {width: 65px; height: 65px;}
.bar {height: 75px;}

.imp03-area1 img{max-width:200px;}

.imp03-area1 .bg-tit h2 {font-size: 32px;}
.imp03-area1 ul.flex > li > div {margin: 5px;}
.imp03-area1 ul.flex .middle-title {margin-top: 20px;}

.box-list-style ul > li{width: calc(100% - 10px); margin: 5px; padding: 20px;}

.box-list-style h2{font-size: 52px;}


.imp04-area1 img{max-width:200px;}

.imp05-box {margin: 55px auto 20px; padding: 55px 10px 30px;}
.imp05-box::before {top: -40px; width: 80px; height: 80px;}
.imp05-area4 article .btm .list > li {padding-left: 27px;}
.imp05-area4 article .btm .list > li:not(:first-child) {margin-top: 20px;}
.imp05-area4 article .btm .list > li::before {width: 20px; height: 20px;}

.imp06-area1 .middle-title h3 {font-size: 22px;}
.imp06-area2 .list > li:not(:first-child) {margin-top: 10px;}
.imp06-area2 .list > li h5 {font-size: 18px;}
.imp06-area3 ul.flex > li {width: 100%; max-width: 300px;}
.imp06-area5 .tac::before {bottom: 70px; top: auto; width: 80px; height: 80px;}
}


/* ============================================================================================================================ */
/* ======================================================= sub3 custom 코드 ==================================================== */
/* ============================================================================================================================ */




/* ============================================================================================================================ */
/* ======================================================= sub4 custom  코드 ==================================================== */
/* ============================================================================================================================ */

.sub_video_05{max-width: 400px;}
.sub4_bg2 .bg-animation {background: url(../img/sub/sub4_bg_02.png) center/cover no-repeat;}

.sub4_area1-wrap {display: flex; flex-wrap: wrap;} 
.implant-box2 {width: 50%; display: flex; align-items: center; justify-content: space-between; padding: 60px 100px;}
.implant-box2.left {background: #f7f7f7;}
.implant-box2.right {background: linear-gradient(180deg, #344a23 0%, #122500 100%); color: #fff;}
.implant-img img {max-width: 220px; width: 100%;}


.sub4_area6.bg-gray{background: url(../img/sub/sub4_bg_03.png) center/cover no-repeat;}
.sub4_area6{color: #fff;text-align: center;}
.sub4_area6 h6{font-weight: 600;white-space: pre-line; }

.sub4_area7{background: url(../img/sub/sub4_bg_04.png) center/cover no-repeat;}
.sub4_area8{background: url(../img/sub/sub4_bg_05.png) left/cover no-repeat;color: #fff;}

.sub4_area8 .title{text-align: left;}
.sub4_area8 .flex{align-items: center;}

.sub4_area9.bg-gray{background: url(../img/sub/sub4_bg_07.png) center/cover no-repeat;}
.sub4_area10.bg-gray{background: url(../img/sub/sub4_bg_08.png) left top no-repeat;}
.sub4_area12.bg-gray{background: #f7f7f7 url(../img/sub/sub4_bg_09.png) center/cover no-repeat;}


.sub4_area11 {position: relative; color: #fff; text-align: center; }
.sub4_area11 .bg-animation{ background: url(../img/sub/sub4_bg_06.png) center/cover no-repeat;  }
.sub4_area11::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); }
.sub4_area11 .inner { position: relative; max-width: 900px; margin: 0 auto; z-index: 1; }
.sub4_area11 .check-list { list-style: none; padding: 0; margin: 0; }
.sub4_area11 .check-list li {text-align: left; font-weight: 500; padding:30px 0; border-top: 1px solid rgba(255,255,255,0.4); }
.sub4_area11 .check-list li:last-child { border-bottom: 1px solid rgba(255,255,255,0.4); }
.sub4_area11 .check-list li h5{width: 80%;margin: auto;}








.ortho01bg .bg-animation {background: url(../img/custom/ortho01_bg.jpg) center/cover no-repeat;}
.ortho02bg .bg-animation {background: url(../img/custom/ortho02_bg.jpg) center/cover no-repeat;}
.ortho03bg .bg-animation {background: url(../img/custom/ortho03_bg.jpg) center/cover no-repeat;}
.ortho04bg .bg-animation {background: url(../img/custom/ortho04_bg.jpg) center/cover no-repeat;}
.ortho05bg .bg-animation {background: url(../img/custom/ortho05_bg.jpg) center/cover no-repeat;}

.case-arrow-box {display: flex; align-items: center; justify-content: center;}
.case-arrow-box .arrow {margin: 0 40px;}

.ortho01-area1 .imp01-tit {padding: 10px 30px; width: 500px;}
.ortho01-area1 .basic-box .point-num {margin-bottom: 20px;}
.ortho01-area1 .basic-box {max-width: 1000px; margin: 0 auto;}
.ortho01-area1 .basic-box:not(:first-child) {margin-top: 40px;}
.ortho01-area1 .basic-box:nth-child(2n) {flex-direction: row-reverse;}
.ortho01-area2 ul.flex > li:nth-child(n+5):nth-child(-n+8) {margin-top: 40px;}
.ortho01-area3 {padding-bottom: 60px; background: linear-gradient(to top, #212121 35%, transparent 35%);}
.ortho01-area3 ul.flex {color: #fff;}
.ortho01-area3 ul.flex p {line-height: 1.5;}
.ortho01-area4 ul.flex .img {border: 2px solid #eeecec; border-radius: 25px 0 0 0; overflow: hidden;}
.ortho01-area4 ul.flex .txt {padding: 15px 10px; background: #eeecec; border-radius: 0 0 25px 0;}
.ortho01-area4 ul.flex .txt p {font-weight: 700;}
.ortho01-area4 ul.flex .txt h5 {font-weight: 700; line-height: 1.2;}
.ortho01-area4 .bd-tit {padding: 20px 10px; text-align: center; color: #fff; background: #344a24;}
.ortho01-area5 article {padding: 120px 0; background: url(../img/custom/ortho01_bg1.jpg) center/cover no-repeat;}
.ortho01-area5 article .txt {display: flex; justify-content: flex-end;}
.ortho01-area5 .middle-title {position: relative; right: 100px; margin: 0; text-align: left;}
.ortho01-area6.bg-gray {color: #fff; padding: 150px 0 200px;}
.ortho01-area6 .bg-animation {background: url(../img/custom/ortho01_bg2.jpg) center/cover no-repeat;}
.ortho01-area6 .tit {text-align: center;}
.ortho01-area6 .tit h3 {position: relative; padding-bottom: 20px; margin-bottom: 40px; font-weight: 500; font-size: 70px;}
.ortho01-area6 .tit h3::before {position: absolute; content: ''; left: 50%; bottom: 0; transform: translateX(-50%); width: 100px; height: 4px; background: #344a24;}
.ortho01-area6 ul.flex {margin-top: 80px;}
.ortho01-area6 ul.flex .box {display: flex; align-items: center; justify-content: center; padding: 20px; margin: 0 auto; max-width: 500px; width: 100%; height: 280px; border-radius: 20px; border: 1px solid #fff;
background: rgba(0,0,0,0.3); transition: background 0.5s ease-in;}
.ortho01-area6 ul.flex .box:hover {background: #344a24; border: 1px solid #344a24;}
.ortho01-area6 ul.flex .box h3 {white-space: pre-line; line-height: 1.3; color: #fff;}

.ortho02-area1.bg-gray {padding: 200px 0; color: #fff;}
.ortho02-area1 .bg-animation {background: url(../img/custom/ortho02_bg1.jpg) center/cover no-repeat;}
.ortho02-area1 .bg-tit {position: absolute; left: 30px; top: 20px;}
.ortho02-area1 .bg-tit h2 {font-size: 80px; font-weight: bold; color: rgba(255,255,255,0.3); line-height: 1; white-space: pre-line;}
.ortho02-area2.bg-gray {background: #f7f7f7;}
.ortho02-area2 article {max-width: 800px; margin: 0 auto; width: 100%;}
.ortho02-area2 article:last-child {margin: 100px auto 0;}
.ortho02-area2 article .tit {position: relative; padding-left: 70px;}
.ortho02-area2 article .tit::before {position: absolute; display: flex; content: attr(data-num); left: 0; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; align-items: center; justify-content: center; background: #333; color: #fff; font-size: 1em;}
.ortho02-area2 article ul {display: flex; max-width: 625px; margin: 60px auto 0;}
.ortho02-area2 article ul img {margin-right: 50px;}
.ortho02-area2 article ul p {white-space: pre-line; margin-top: 10px;}
.ortho02-area3 ul.flex .tit {width: 250px; padding: 8px 10px; margin: 0 auto 30px; text-align: center; border-radius: 40px; background: #344a24; color: #fff;}
.ortho02-area3 ul.flex > li:last-child .tit {background: #999898;}
.ortho02-area3 ul.flex .img img:last-child {margin-top: 40px;}
.ortho02-area4.bg-gray {padding: 200px 0; color: #fff;}
.ortho02-area4 .bg-animation {background: url(../img/custom/ortho02_bg2.jpg) center/cover no-repeat;}
.ortho02-area5 ul.flex p {line-height: 1.5;}
.ortho02-area5 .tit {text-align: center; font-family: "InkLipquid"; transform: skew(-0.1deg); font-weight: 300;}
.ortho02-area5 .tit span {color: #344a24;}
.ortho02-area6.bg-gray {padding: 160px 0; color: #fff;}
.ortho02-area6 .bg-animation {background: url(../img/custom/ortho02_bg3.jpg) center/cover no-repeat;}

.ortho03-area1.bg-gray {padding: 200px 0; color: #fff;}
.ortho03-area1 .bg-animation {background: url(../img/custom/ortho03_bg1.jpg) center/cover no-repeat;}
.ortho03-area2 ul.flex h5 {padding: 8px 10px; color: #fff; background: #333; font-weight: bold;}

.ortho05-area1 ul.flex .middle-title {margin-bottom: 0; text-align: left;}
.ortho05-area1 ul.flex .middle-title .tit {margin-bottom: 20px; line-height: 1; color: #344a24; font-weight: 500; font-family: 'Jeju Myeongjo', serif; font-style: italic; font-size: 72px;}
.ortho05-area1 article {margin: 0 auto; border: 2px solid #362317;}
.ortho05-area1 article .top {padding: 8px 10px; background: #362317;}
.ortho05-area1 article .top .tit {color: #fff; font-weight: 500; text-align: center;}
.ortho05-area1 article .btm {display: flex; justify-content: center; padding: 50px 10px;}
.ortho05-area1 article .btm .list > li {position: relative; padding-left: 40px;}
.ortho05-area1 article .btm .list > li:not(:first-child) {margin-top: 30px;}
.ortho05-area1 article .btm .list > li::before {position: absolute; content: ''; left: 0; top: 2px; width: 26px; height: 26px; background: url(../img/custom/imp05_12.jpg) center/cover no-repeat;}
.ortho05-area1 article .btm .list p {font-weight: 700;}
.ortho05-area2 ul.flex .middle-title {margin-bottom: 0; text-align: left;}
.ortho05-area3 .advan ul.flex > li > div {display: flex; justify-content: center; height: 220px; padding: 30px 10px; border-radius: 10px; color: #fff; background: #241f1c;}
.ortho05-area3 .advan .tit {display: inline-block; padding: 0px 25px; margin-bottom: 20px; border-radius: 40px; font-weight: 900; color: #241f1c; background: #fff; font-size: 22px;}
.ortho05-area3 .comparison ul.flex {max-width: 800px; margin: 0 auto;}
.ortho05-area3 .comparison ul.flex > li > div {display: flex; align-items: center; flex-direction: column;}
.ortho05-area3 .comparison .tit {width: 100%; padding: 3px 10px; color: #fff; background: #344a24;}
.ortho05-area3 .comparison ul.flex > li:last-child .tit {background: #6e6e6e;}
.ortho05-area3 .comparison .list {margin-top: 40px;}
.ortho05-area3 .comparison .list > li:not(:first-child) {margin-top: 15px;}
.ortho05-area3 .comparison .list p {position: relative; padding-left: 30px; text-align: left; font-size: 22px;}
.ortho05-area3 .comparison .list p::before {position: absolute; content: ''; left: 0; top: 50%; transform: translateY(-50%); width: 19px; height: 19px; background: url(../img/custom/ortho05_06.png) center/cover no-repeat;}
.ortho05-area3 .comparison ul.flex > li:last-child .list p::before {background: url(../img/custom/ortho05_07.png) center/cover no-repeat;}



/*================================================================ 1500px 이하 ================================================================= */
@media screen and (max-width:1500px) {

}

/*================================================================ 1200px 이하 ================================================================= */
@media screen and (max-width:1200px) {



.case-arrow-box .arrow {margin: 0 20px;}

.ortho01-area6 .tit h3 {font-size: 60px;}

.ortho02-area1 .bg-tit {left: 10px;}
}

/*================================================================ 1025px 이하 ================================================================= */
@media screen and (max-width:1025px) {
  .sub4_area11 { padding: 90px 20px; }
  .sub4_area11 .title { font-size: 26px; }
  .sub4_area11 .subtitle { font-size: 15px; margin-bottom: 32px; }
  .sub4_area11 .check-list li { font-size: 17px; padding: 14px 0; }
}

/*================================================================ 900px 이하 ================================================================= */
@media screen and (max-width:900px) {
.ortho01-area6 ul.flex .box {height: 240px;}
.ortho01-area6 ul.flex .box h3 {font-size: 30px;}

.ortho05-area1 ul.flex {max-width: 500px; margin: 0 auto; border: 2px solid #362317;}
.ortho05-area1 ul.flex > li {width: 100%;}
.ortho05-area1 ul.flex > li:first-child > div {margin: 0;}
.ortho05-area1 ul.flex > li:last-child > div {margin: 20px 10px;}
.ortho05-area1 ul.flex .middle-title .tit {margin-bottom: 10px; font-size: 60px;}
.ortho05-area1 article {max-width: 500px;}
}

/*================================================================ 769px 이하 ================================================================= */
@media screen and (max-width:769px) {
.sub4_area11 { padding: 80px 16px; }
  .sub4_area11 .inner { max-width: 700px; }
  .sub4_area11 .title { font-size: 24px; }
  .sub4_area11 .subtitle { font-size: 14px; margin-bottom: 28px; }
  .sub4_area11 .check-list li { font-size: 16px; padding: 12px 0; border-top: 1px solid rgba(255,255,255,0.35); }
  .sub4_area11 .check-list li:last-child { border-bottom: 1px solid rgba(255,255,255,0.35); }



.case-arrow-box > li:nth-child(2) {position: relative;}
.case-arrow-box .arrow {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin: 0; width: 60px; height: 60px; z-index: 1;}

.ortho01-area1 .basic-box .point-num {margin: 20px auto; width: 65px; height: 65px;}
.ortho01-area1 .basic-box .point-num h2 {font-size: 30px;}
.ortho01-area3 {padding: 0; background: none;}
.ortho01-area3 ul.flex {color: #333;}
.ortho01-area3 ul.flex:nth-child(2) > li:last-child {margin-top: 20px;}
.ortho01-area6.bg-gray {padding: 100px 0;}
.ortho01-area6 .tit h3 {font-size: 48px; margin-bottom: 30px;}
.ortho01-area6 ul.flex {margin-top: 40px;}
.ortho01-area6 ul.flex > li {width: 100%;}
.ortho01-area6 ul.flex .box {padding: 40px 20px; height: auto;}
.ortho01-area6 ul.flex .box h3 {font-size: 26px;}

.ortho02-area1.bg-gray {padding: 140px 0;}
.ortho02-area1 .bg-tit {display: none;}
.ortho02-area2 article {margin: 60px auto 0;}
.ortho02-area4.bg-gray {padding: 140px 0;}
.ortho02-area6.bg-gray {padding: 120px 0;}

.ortho03-area1.bg-gray {padding: 140px 0;}

.ortho05-area2 ul.flex {max-width: 500px; margin: 0 auto;}
.ortho05-area2 ul.flex > li {width: 100%;}
.ortho05-area3 .advan ul.flex > li > div {margin: 5px; height: 200px;}
.ortho05-area3 .comparison ul.flex > li > div {margin: 5px;}
.ortho05-area3 .comparison .list {margin-top: 20px;}
.ortho05-area3 .comparison .list p {font-size: 18px;}
}

/*================================================================ 600px 이하 ================================================================= */
@media screen and (max-width:600px) {

.sub4_area7 .img img{width: 50%;}
.sub4_area8{padding: 50px 0;}

.case-arrow-box {flex-direction: column; margin-top: 20px;}
.case-arrow-box .arrow {transform: translate(-50%, -50%) rotate(90deg);}

.ortho01-area1 .imp01-tit {width: 100%;}
.ortho01-area2 ul.flex > li {width: 33.3%;}
.ortho01-area2 ul.flex > li:nth-child(n+4):nth-child(-n+8) {margin-top: 30px;}
.ortho01-area4 ul.flex > li {width: 50%;}
.ortho01-area5 article {padding: 80px 0; background: url(../img/custom/ortho01_bg1m.jpg) center/cover no-repeat;}
.ortho01-area5 article .txt {justify-content: center;}
.ortho01-area5 .middle-title {right: auto;}
.ortho01-area5 ul.flex > li:last-child {height: 300px;}
.ortho01-area6 .tit h3 {font-size: 40px; margin-bottom: 20px; line-height: 1.3;}

.ortho02-area1.bg-gray {padding: 60px 0;}
.ortho02-area1 .bg-animation {background: url(../img/custom/ortho02_bg1m.jpg) center/cover no-repeat;}
.ortho02-area1 ul.flex > li:last-child {height: 350px;}
.ortho02-area1 .middle-title {text-align: center !important;}
.ortho02-area2 article ul {max-width: 410px; margin: 50px auto 0;}
.ortho02-area2 article ul img {max-width: 120px; margin-right: 40px;}
.ortho02-area3 ul.flex .tit {width: 200px;}
.ortho02-area4.bg-gray {padding: 60px 0;}
.ortho02-area4 .bg-animation {background: url(../img/custom/ortho02_bg2m.jpg) center/cover no-repeat;}
.ortho02-area4 ul.flex > li:last-child {height: 350px;}
.ortho02-area4 .middle-title {padding-left: 10px;}

.ortho03-area1.bg-gray {padding: 60px 0;}
.ortho03-area1 .bg-animation {background: url(../img/custom/ortho03_bg1m.jpg) center/cover no-repeat;}
.ortho03-area1 ul.flex > li:last-child {height: 280px;}
.ortho03-area1 .middle-title {padding-left: 10px;}
.ortho03-area2 ul.flex > li > div {margin: 5px;}

.ortho05-area3 .advan ul.flex > li {width: 50%;}
.ortho05-area3 .comparison .list p {padding-left: 25px; font-size: 16px;}
}

/*================================================================ 425px 이하 ================================================================= */
@media screen and (max-width:425px) {
 .sub4_area11 { padding: 64px 14px; }
  .sub4_area11 .title { font-size: 21px; }
  .sub4_area11 .subtitle { font-size: 13px; margin-bottom: 22px; }
  .sub4_area11 .check-list li { font-size: 15px; padding: 10px 0; border-top: 1px solid rgba(255,255,255,0.3); }
  .sub4_area11 .check-list li:last-child { border-bottom: 1px solid rgba(255,255,255,0.3); }
.sub4_area11 h5{font-size: 15px;}

.case-arrow-box > li:first-child .img p {bottom: auto; top: 10px;}

.ortho01-area1 .basic-box .point-num {margin: 15px auto; width: 55px; height: 55px;}
.ortho01-area1 .basic-box .point-num h2 {font-size: 26px;}
.ortho01-area2 ul.flex > li {width: 50%;}
.ortho01-area2 ul.flex > li:nth-child(n+3):nth-child(-n+8) {margin-top: 30px;}
.ortho01-area3 ul.flex:nth-child(2) > li:nth-child(2) {margin-top: 20px;}
.ortho01-area4 ul.flex > li > div {margin: 4px;}
.ortho01-area4 ul.flex .txt {padding: 10px;}
.ortho01-area5 article {padding: 60px 0;}
.ortho01-area6 .tit h3 {font-size: 35px; margin-bottom: 20px; line-height: 1.3;}
.ortho01-area6 .tit h3::before {width: 60px;}
.ortho01-area6 ul.flex {margin-top: 20px;}
.ortho01-area6 ul.flex .box {border-radius: 10px;}
.ortho01-area6 ul.flex .box h3 {font-size: 22px;}

.ortho02-area1 ul.flex > li:last-child {height: 250px;}
.ortho02-area2 article {margin: 40px auto 0;}
.ortho02-area2 article:last-child {margin: 60px auto 0;}
.ortho02-area2 article .tit {padding-left: 50px;}
.ortho02-area2 article .tit::before {width: 40px; height: 40px;}
.ortho02-area2 article ul {max-width: 340px; margin: 35px auto 0;}
.ortho02-area2 article ul img {max-width: 90px; margin-right: 20px;}
.ortho02-area3 ul.flex .img img:last-child {margin-top: 15px;}
.ortho02-area3 ul.flex > li:last-child {margin-top: 40px;}
.ortho02-area6.bg-gray {padding: 100px 0;}

.ortho03-area1 ul.flex > li:last-child {height: 200px;}
.ortho03-area2 ul.flex > li {width: 100%;}
.ortho03-area2 ul.flex > li > div {margin: 10px;}

.ortho05-area1 article .btm .list > li {padding-left: 27px;}
.ortho05-area1 article .btm .list > li:not(:first-child) {margin-top: 20px;}
.ortho05-area1 article .btm .list > li::before {width: 20px; height: 20px;}
.ortho05-area1 ul.flex .middle-title .tit {font-size: 46px;}
.ortho05-area3 .advan ul.flex > li {width: 100%;}
.ortho05-area3 .advan ul.flex > li > div {height: auto;}
.ortho05-area3 .advan .tit {font-size: 18px; margin-bottom: 10px;}
.ortho05-area3 .comparison .list p {font-size: 14px;}
.ortho05-area3 .comparison .list p::before {top: 1px; transform: none;}
}


/* ============================================================================================================================ */
/* ======================================================= sub4 custom 코드 ==================================================== */
/* ============================================================================================================================ */





/* ============================================================================================================================ */
/* ======================================================= sub5 custom  코드 ==================================================== */
/* ============================================================================================================================ */
.sub5_area01 .bg-animation{background: url(../img/sub/sub5_bg_01.png) top/cover no-repeat;}
.sub5_area02 .bg-animation{background: url(../img/sub/sub5_bg_02.png) top/cover no-repeat;}


.ase01-area1 .bg-animation{background: url(../img/sub/sub6_01.png) center/cover no-repeat;}
.ase01-area1 ul.flex p{padding: 8px 10px; color: #fff; background: #344a24;font-family: 'GmarketSansMedium',san-serif;}
					      
.aes02-area1 .basic-box h3 {margin-bottom: 20px; color: #f1f1f1;}

.aes02-area2 .basic-box:nth-child(even){flex-direction: row-reverse;}


.aes02-area3 .bg-animation{background: url(../img/sub/bg_22.png) right / cover no-repeat;}

.aes02-area4 ul.flex .img img {width: 100%;}
.aes02-area4 ul.flex p {padding: 8px 10px; color: #fff; background: #3e362e;}

.aes02-area4 .bg-animation{background: url(../img/sub/sub6_22.png) left/cover no-repeat;}
.aes02-area5{background: #f7f7f7 url(../img/main/bg1.png) right center no-repeat;}





/*================================================================ 1500px 이하 ================================================================= */
@media screen and (max-width:1500px) {

}

/*================================================================ 1200px 이하 ================================================================= */
@media screen and (max-width:1200px) {
.aes02-area2.bg-gray {padding: 160px 0;}
}

/*================================================================ 1025px 이하 ================================================================= */
@media screen and (max-width:1025px) {
.aes02-area4 ul.flex {max-width: 550px; margin: 0 auto;}
.aes02-area4 ul.flex > li {width: 50%;}
.aes02-area5 ul.flex .box {height: 130px;}
.aes02-area5 ul.flex .box p.tit {margin-bottom: 5px;}
.aes02-area5 ul.flex .box p.sub {height: 48px;}
}

/*================================================================ 900px 이하 ================================================================= */
@media screen and (max-width:900px) {

}

/*================================================================ 769px 이하 ================================================================= */
@media screen and (max-width:769px) {
.aes02-area1 .basic-box h3 {margin-bottom: 0;}
.aes02-area2.bg-gray {padding: 120px 0;}
.aes02-area2 .middle-title h2 {margin-bottom: 30px; padding-bottom: 15px;}
.aes02-area5 ul.flex .box {height: 150px;}
.aes02-area5 ul.flex .step1,
.aes02-area5 ul.flex .step2 {width: 100%;}

}

/*================================================================ 600px 이하 ================================================================= */
@media screen and (max-width:600px) {

}

/*================================================================ 425px 이하 ================================================================= */
@media screen and (max-width:425px) {
.aes01-area3 article ul.flex > li {width: 100%;}

.aes02-area2.bg-gray {padding: 80px 0;}
.aes02-area2 .bg-animation {background-position-x: -200px;}
.aes02-area2 .middle-title h2 {margin-bottom: 20px; padding-bottom: 15px;}
.aes02-area2 .middle-title h2::before {width: 60px;}
.aes02-area5 ul.flex .box {height: 130px;}
.aes02-area5 ul.flex .box p.sub {height: 40px;}

}


/* ============================================================================================================================ */
/* ======================================================= sub5 custom 코드 ==================================================== */
/* ============================================================================================================================ */






/* ============================================================================================================================ */
/* ======================================================= sub6 custom  코드 ==================================================== */
/* ============================================================================================================================ */

.sub6-area-01 .img-box{flex:0 0 600px;}
.sub6-area-01 .text-box dt{margin-bottom: 20px;}
.sub6-area-01 .text-box dd{padding-bottom: 20px;border-bottom: 1px dashed #333;margin-bottom: 20px;}
.sub6-area-01 .text-box dd:last-child{border-bottom: none;}
.sub6-area-01 .bg-animation {background: url(../img/sub/sub6_bg_01.png) center/cover no-repeat;}

.sub6_area02 .bg-animation {background: url(../img/sub/sub6_05.jpg) center/cover no-repeat;}
.sub6_area02{color: #fff;}

.logo-txt-box{width: 100%;-webkit-border-radius: 30px;-moz-border-radius:30px;border-radius:30px; background: #f7f7f7;}
.logo-txt-box p{white-space: pre-line;text-align: center;padding: 50px 20px;}

.basic01-area1 ul.flex {position: relative;}
.basic01-area1 ul.flex::before {position: absolute; content: ''; left: -350px; top: 50%; transform: translateY(-50%); width: 317px; height: 307px; z-index: -1; background: url(../img/custom/basic01_05.png) center/cover no-repeat;}
.basic01-area1 ul.flex::after {position: absolute; content: ''; right: -360px; top: 50%; transform: translateY(-50%); width: 337px; height: 337px; z-index: -1; background: url(../img/custom/basic01_04.png) center/cover no-repeat;}
.basic01-area1 ul.flex > li.block-2 > div {display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 10px; height: 300px; border: 1px solid #d2d6db; background: #fff;}
.basic01-area1 ul.flex > li.block-2 h5 {margin-bottom: 20px; font-weight: bold;}
.basic01-area1 ul.flex > li.block-1 > div {padding: 10px; background: #614836;}
.basic01-area1 ul.flex > li.block-1 h5 {color: #fff; font-weight: bold;}
.basic01-area2.bg-gray {padding: 200px 0; color: #fff;}
.basic01-area2 .bg-animation {background: url(../img/custom/basic01_bg1.jpg) center/cover no-repeat;}
.basic01-area2 .middle-title h5 {margin-top: 20px; font-weight: 300;}

.basic02-area1 .basic-box h3 {white-space: pre-line; line-height: 1.2;}
.basic02-area2 .circle-box > div > div {background: #f4ede5;}
.basic02-area3 ul.flex img {width: 100%;}
.basic02-area3 ul.flex .txt {display: flex; justify-content: center; align-items: center; padding: 10px; height: 150px; background: #241f1c;}
.basic02-area3 ul.flex .txt p {color: #fff; font-weight: bold;}
.basic02-area4 article {position: relative; margin-top: 80px;}
.basic02-area4 article::after {position: absolute; content: ''; right: -200px; top: -230px; width: 340px; height: 330px; background: url(../img/custom/special04_19.png) center/cover no-repeat;}
.basic02-area4 article ul.flex {position: relative; z-index: 1;}
.basic02-area4 article ul.flex > li:nth-child(n+4):nth-child(-n+6) {margin-top: 30px;}
.basic02-area4 article ul.flex > li > div {max-width: 350px;}
.basic02-area4 article ul.flex .num::before {background: #344a24;}
.basic02-area4 article ul.flex h5 {margin: 20px 0 10px; font-weight: bold;}
.basic02-area5.bg-gray {padding: 220px 0; color: #fff;}
.basic02-area5 .bg-animation {background: url(../img/custom/basic02_bg1.jpg) center/cover no-repeat;}
.basic02-area6 ul.list > li:not(:first-child) {margin-top: 20px;}
.basic02-area6 ul.list p {position: relative; padding-left: 45px;}
.basic02-area6 ul.list p::before {position: absolute; content: attr(data-num); display: flex; align-items: center; justify-content: center; left: 0; top: -3px; width: 35px; height: 35px; font-size: 1em; border-radius: 50%; background: #344a24; color: #fff; font-weight: 900;}

.basic03-area1 {background: linear-gradient(to top, #241f1c 38%, transparent 38%);}
.basic03-area1 ul.flex {padding-bottom: 60px; color: #fff;}
.basic03-area2 .top .arrow {width: 74px;}
.basic03-area2 .top > li:not(:nth-child(2)) {flex: 1; text-align: center;}
.basic03-area2 .top > li:not(:nth-child(2)) > div {padding: 5px 10px; background: #b8b8b8; color: #fff; font-weight: bold;}
.basic03-area2 .top > li:nth-child(3) > div {background: #182955;}
.basic03-area3 .num-list {max-width: 840px; margin: 0 auto;}
.basic03-area3 .num-list .num {white-space: pre-line;}
.basic03-area3 .num-list .num::before {top: -3px; background: #344a24;}
.basic03-area3 .num-list .num:nth-child(2n)::before {background: #997a53;}

.basic04-area1.bg-gray {padding: 220px 0;}
.basic04-area1 .bg-animation {background: url(../img/custom/basic04_bg1.jpg) center/cover no-repeat;}
.basic04-area1 .middle-title {margin: 0; text-align: left;}
.basic04-area1 .middle-title h3 {color: #5f4e38;}
.basic04-area2.bg-gray {padding: 60px 0;}
.basic04-area2 ul {display: flex; align-items: center; justify-content: center;}
.basic04-area2 ul .middle-title {margin: 0 0 0 40px; text-align: left;}
.basic04-area3 ul.flex > li > div {border: 1px solid #c3c2c2;}
.basic04-area3 ul.flex .img {position: relative;}
.basic04-area3 ul.flex .img .tit {position: absolute; display: flex; align-items: center; justify-content: center; left: 50%; bottom: -40px; transform: translateX(-50%); width: 80px; height: 80px; border-radius: 50%; font-size: 40px; background: #344a24; color: #fff;}
.basic04-area3 ul.flex .txt {display: flex; justify-content: center; padding: 60px 10px; height: 200px;}
.cavities ul.flex .img img {width: 100%;}
.cavities ul.flex .txt .top,
.cavities ul.flex .txt .btm {color: #fff; font-family: 'NanumSquare',san-serif;}
.cavities ul.flex .txt .top {padding: 5px 10px; font-weight: 800; background: #344a24;}
.cavities ul.flex .txt .mid {display: flex; align-items: center; justify-content: center; padding: 25px 10px; height: 175px; background: #ededed;}
.cavities ul.flex .txt .btm {padding: 10px; font-weight: 600; background: #000;}

.gum ul.flex .img img {width: 100%;}
.gum ul.flex .txt .top,
.gum ul.flex .txt .btm {color: #fff; font-family: 'NanumSquare',san-serif;}
.gum ul.flex .txt .top {padding: 5px 10px; font-weight: 800; background: #344a24;}
.gum ul.flex .txt .mid {display: flex; align-items: center; justify-content: center; padding: 20px 5px; height: auto; background: #ededed;}
.gum ul.flex .txt .btm {padding: 10px; font-weight: 600; background: #000;}

.basic-area5{background: #f7f7f7 url(../img/main/bg1.png) right center no-repeat;}


/*================================================================ 1500px 이하 ================================================================= */
@media screen and (max-width:1500px) {

}

/*================================================================ 1200px 이하 ================================================================= */
@media screen and (max-width:1200px) {
.basic02-area4 article::after {display: none;}

.basic03-area2 .top .arrow {display: none;}

.basic04-area1.bg-gray {padding: 180px 0;}
}

/*================================================================ 1025px 이하 ================================================================= */
@media screen and (max-width:1025px) {
.basic02-area3 ul.flex > li > div {margin: 5px;}

.basic04-area3 ul.flex .img .tit {bottom: -32px; width: 65px; height: 65px; font-size: 30px;}
.basic04-area3 ul.flex .txt {padding: 50px 10px; height: 170px;}

.basic05-area2 .num-list {max-width: 415px;}
}

/*================================================================ 900px 이하 ================================================================= */
@media screen and (max-width:900px) {
.sub6-area-01 .img-box{flex:0;}
.sub6_area03 .flex{gap:20px;}
.basic02-area4 ul.top > li {width: 100%;}
.basic02-area4 ul.top > li > div {max-width: 550px; margin: 0 auto;}
.basic02-area4 ul.top > li:last-child > div {padding: 30px 20px; background: #241f1c; color: #fff;}
.basic02-area6 ul.flex > li {width: 100%;}
.basic02-area6 ul.flex > li > div {display: flex; justify-content: center; max-width: 575px; margin: 10px auto;}

.cavities ul.flex {max-width: 600px; margin: 0 auto;}
.cavities ul.flex > li {width: 50%;}
.cavities ul.flex .txt .mid {height: 160px;}

.gum ul.flex {max-width: 600px; margin: 0 auto;}
.gum ul.flex > li {width: 50%;}
}

/*================================================================ 769px 이하 ================================================================= */
@media screen and (max-width:769px) {

.logo-txt-box p{padding: 20px;}

.basic01-area1 ul.flex > li {width: 100%;}
.basic01-area1 ul.flex > li.block-2 > div {height: 250px;}
.basic01-area2.bg-gray {padding: 140px 0;}

.basic02-area2 ul.flex {max-width: 500px; margin: 0 auto;}
.basic02-area2 ul.flex > li {width: 50%;}
.basic02-area3 ul.flex {max-width: 550px; margin: 0 auto;}
.basic02-area3 ul.flex > li {width: 50%;}
.basic02-area3 ul.flex .txt {height: 120px;}
.basic02-area5.bg-gray {padding: 150px 0;}

.basic03-area1 ul.flex {padding-bottom: 40px;}

.basic04-area1.bg-gray {padding: 140px 0;}
.basic04-area3 ul.flex > li > div {margin: 5px;}

.basic05-area2 .num-list {max-width: 390px;}
}

/*================================================================ 600px 이하 ================================================================= */
@media screen and (max-width:600px) {
.basic01-area2.bg-gray {padding: 60px 0;}
.basic01-area2 .bg-animation {background: url(../img/custom/basic01_bg1m.jpg) center/cover no-repeat;}
.basic01-area2 ul.flex > li:last-child {height: 300px;}

.basic02-area4 article ul.flex > li {width: 50%;}
.basic02-area4 article ul.flex > li:nth-child(n+3):nth-child(-n+6) {margin-top: 20px;}

.basic03-area1 {background: linear-gradient(to top, #241f1c 55%, transparent 55%);}
.basic03-area1 ul.flex > li {width: 50%;}
.basic03-area2 .top {display: none;}

.basic04-area1.bg-gray {padding: 60px 0;}
.basic04-area1 .bg-animation {background: url(../img/custom/basic04_bg1m.jpg) center/cover no-repeat;}
.basic04-area1 ul.flex > li:last-child {height: 350px;}
.basic04-area1 .middle-title {padding-left: 10px;}
.basic04-area2 ul {flex-direction: column;}
.basic04-area2 ul .middle-title {margin: 30px 0 0 0;}
.basic04-area3 ul.flex > li {width: 50%;}

.basic05-area1 .bg-animation {background: url(../img/custom/basic05_bg1m.jpg) center/cover no-repeat;}
}

/*================================================================ 425px 이하 ================================================================= */
@media screen and (max-width:425px) {
.basic01-area1 ul.flex > li.block-2 > div {height: 200px;}
.basic01-area2 ul.flex > li:last-child {height: 250px;}

.basic02-area3 ul.flex {max-width: 280px;}
.basic02-area3 ul.flex > li {width: 100%;}
.basic02-area3 ul.flex > li > div {margin: 10px;}
.basic02-area3 ul.flex .txt {height: 100px;}
.basic02-area4 article {margin-top: 40px;}
.basic02-area4 article ul.flex > li > div {margin: 5px;}
.basic02-area5.bg-gray {padding: 120px 0;}
.basic02-area6 ul.list p {padding-left: 40px;}
.basic02-area6 ul.list p::before {width: 30px; height: 30px;}

.basic04-area2 ul img {max-width: 220px;}
.basic04-area3 ul.flex > li {width: 100%;}
.basic04-area3 ul.flex > li > div {max-width: 320px; margin: 10px auto;}
.basic04-area3 ul.flex .img .tit {bottom: -25px; width: 50px; height: 50px; font-size: 24px;}
.basic04-area3 ul.flex .txt {padding: 40px 10px 30px; height: auto;}
.cavities ul.flex .txt .mid {height: 150px; padding: 20px 10px;}

.basic05-area2 .num-list {max-width: 290px;}

.table-style-01 .table-scroll {overflow-x: scroll !important;}

.table-style-01 table td {padding: 15px 5px;}

}


/* ============================================================================================================================ */
/* ======================================================= sub6 custom 코드 ==================================================== */
/* ============================================================================================================================ */


.sub7-area-01 .ovzero-flex { display: flex; gap: 30px; align-items: center; justify-content: space-between; background: #334a25;color: #fff;}
.sub7-area-01 .ovzero-img-main { position: relative;  z-index: 1;}
.sub7-area-01 .ovzero-text-box { flex: 1; }

.sub7-area-03 .img .flex{gap:20px;}

.sub7-area-04{background:linear-gradient(180deg, #deebdc 0%, #c2e0c5 100%);color: #000;}

/*================================================================ 1500px 이하 ================================================================= */
@media screen and (max-width:1500px) {

}

/*================================================================ 1200px 이하 ================================================================= */
@media screen and (max-width:1200px) {

}

/*================================================================ 1025px 이하 ================================================================= */
@media screen and (max-width:1025px) {
.sub7-area-01 .ovzero-flex {flex-direction: column;gap: 0; }
.sub7-area-01 .ovzero-text-box {padding: 20px;}
.sub7-area-01 .ovzero-img-main {text-align: center;}
}

/*================================================================ 900px 이하 ================================================================= */
@media screen and (max-width:900px) {
.sub7-area-05 .flex{gap:20px;}
}

/*================================================================ 769px 이하 ================================================================= */
@media screen and (max-width:769px) {


}

/*================================================================ 600px 이하 ================================================================= */
@media screen and (max-width:600px) {

}

/*================================================================ 425px 이하 ================================================================= */
@media screen and (max-width:425px) {


}