@charset "utf-8";
.shorts_wrap {display: none !important;}

#sv_wrap {width: 100vw;border-radius: 0 0 350px 0;overflow: hidden;transform: translateX(0vw);}
#sv {width: 100vw; position: relative; transform:translateX(0vw);}
#sv .sv_visual {width: 100%; height: 100vh; background-size:cover; background-position: 50% 50%; transform:scale(1.2); animation: sv-bg-change 5s infinite;}
#sv .sv_tit_wrap {position: absolute;top: 50%;text-align: center;transform:translateY(-50%);color: #fff;overflow: hidden;margin: 0 auto;     width: -webkit-fill-available;}
/* #sv .sv_tit_wrap > div {opacity: 0; animation:svTxt 0.7s 0.3s forwards;} */
#sv .sv_tit_wrap span {opacity: 0; animation:svTxt 0.7s 0.7s forwards; display: inline-block; padding: 3px 15px; background-color: rgba(0, 0, 0, .15); color:#e7d39c; border-radius:5px; letter-spacing:1px;}
#sv .sv_tit_wrap h3 {opacity: 0; animation:svTxt 1s 0.5s forwards; }
#sv .sv_tit_wrap p {opacity: 0; animation:svTxt1 1.5s 1s forwards; }
#sv .sv_tit_wrap .en { letter-spacing:10px; text-transform: uppercase;}

@keyframes sv-bg-change {
	0% {transform: scale(1);  animation-timing-function: ease-in;}
	50% {transform: scale(1.1);  animation-timing-function: ease-out;}
	100% {transform: scale(1); }
}

@keyframes svTxt {
    0% {
        transform:translateX(200px);
        opacity:0;
    }
    100% {
        transform:translateX(0);
        opacity:1;
    }
}


@keyframes svTxt1 {
    0% {
        transform:translateX(-150px);
        opacity:0;
    }
    100% {
        transform:translateX(0);
        opacity:1;
    }
}


#sv .wave{position:absolute;bottom:25px;left:50%;transform:translate(-50%,0);z-index:20;width: 10px;}
#sv .wave svg{display:block;}
#sv .wave svg path{stroke-dasharray: 55px;stroke-dashoffset: 55px;}

@keyframes wave {
	0% {stroke-dashoffset: 55px;}
	30% {stroke-dashoffset: 0;}
	60% {stroke-dashoffset: 0;}
	90% {stroke-dashoffset: -55px;}
	100% {stroke-dashoffset: -55px;}
}

#sv .wave svg path{animation: wave 2s 1s linear infinite;}
 
.highlighter {/* display: inline-block; */ position: relative; z-index: 1;}
.highlighter:after {content:''; display: block; width: calc(100% + 2px); height: 70%; background-color: #E8FF9A; opacity: .45; position: absolute; left: -2px; bottom: 0px; z-index: -1;}


.sub-tab {position: absolute;bottom: 7%;left: 50%;transform: translateX(-50%);width: 700px;max-width: 100%;border-bottom: 1px solid rgba(255,255,255,0.2);transition: background .1s ease, border-color .1s ease, box-shadow .1s ease;z-index: 50;border: 1px solid #fff;padding: 10px 30px 20px;border-radius: 10px; background-color:rgba(0,0,0,0.2)}
.sub-tab.fixed { position: fixed;  top: 0; left: 0;  transform: none;  height:75px;  width: 100%;    background: #f2f2f2;  border-bottom: 1px solid rgba(255,255,255,0.15);  animation: dropIn .12s ease-out forwards;will-change: transform, opacity;}

/* 위에서 아래로 떨어지는 애니메이션 */
@keyframes dropIn {
  from { transform: translateY(-100%); opacity: 0; }
  to   { transform: translateY(0); opacity: 1; }
}

/* ===== PC 탭 ===== */
.sub-tab ul {display: flex;justify-content: space-between;align-items: center;padding: 15px 0;margin: 0 auto;list-style: none;max-width: 97%;}
.sub-tab ul li { flex: 1; text-align: center; position: relative; }
.sub-tab ul li a {  color: rgba(255,255,255,0.8);  font-size: 16px;  font-weight: 500;  display: inline-block;  transition: color 0.3s ease;}
.sub-tab ul li.active a,
.sub-tab ul li a:hover { color: #fff; }
.sub-tab ul li::after {content: '';position: absolute;left: 50%;bottom: -16px;width: 80%;height: 2px;background: #fff;transform: translateX(-50%) scaleX(0);transform-origin: center;transition: transform 0.35s ease;}
.sub-tab ul li:hover::after,
.sub-tab ul li.active::after { transform: translateX(-50%) scaleX(1); }

.sub-tab.fixed ul li a { color:#222; }
.sub-tab.fixed ul li.active a,
.sub-tab.fixed ul li a:hover { color: #2da3be; }
.sub-tab.fixed ul li::after { background: #2da3be; }

/* ===== 모바일 셀렉트 ===== */
.sub-tab select { display: none;  width: -webkit-fill-available;  max-width: 400px;  margin: 0 auto;  height: 50px;  font-size: 16px;color: #222;  border: 1px solid #ccc;  border-radius: 0;  padding: 0 10px;  background: #fff;}

/* ===== Responsive ===== */
@media (max-width: 1024px) {
  .sub-tab {position: absolute;bottom: 5%;width:100%;padding:0 15px;border-radius: 0;border: none; background-color: transparent;}

  .sub-tab ul { max-width: 96%; }
  .sub-tab ul li a { font-size: 15px; }
  .sub-tab.fixed { position: fixed; top: 0; height: 49px}
  
}

/* 반응형 전환 */
@media (max-width: 820px) {
  .sub-tab ul { display: none; }
  .sub-tab select { display: block; font-size:14px;   float: none;   border-radius:50px;   color:#fff;   border: 1px solid #fff;   background-color: rgba(0, 0, 0, 0.2); }
}
@media (max-width: 640px) {
  .sub-tab ul { padding: 18px 0;    gap: 8px;  }
  .sub-tab ul li a { font-size: 14px; }
  .sub-tab ul li::after { bottom: -20px; }
}



.s_tit_wrap {margin:0 0 70px;}
.s_tit_wrap .txt {letter-spacing:5px; text-transform: uppercase; color:#444444; opacity:.5; font-family: 'Libre Bodoni', serif;}
.s_tit_wrap h4 {margin-bottom:20px; color:#6b5a4a;}

.s_tit_wrap .box { background-color:#bdd0e2; color:#6b5a4a; height:60px; line-height:60px; border-radius:10px; width:530px; margin:0 auto;}


.pl150 { padding-left:150px;}
.pl100 { padding-left:100px;}
.pr100 { padding-right:100px;}
.pl70 { padding-left:70px;}
.pr70 { padding-right:70px;}
.pl30 { padding-left:30px;}
.pr30 { padding-right:30px;}
.pl15 { padding-left:15px;}


.detail_btn {  display: inline-flex;align-items: center;    gap: 36px;    padding: 6px 15px 6px 25px;    border: 1.5px solid #cfcfcf;    border-radius: 999px;    color: #444;    font-size: 20px;
    /* font-weight: 500; */    text-decoration: none;    background: #fff;    transition: all 0.25s ease; }
.detail_btn .txt { line-height: 1; background-color:transparent !important; color:#444 !important; padding:0 !important; border-radius:0;}
.detail_btn .icon { width: 48px; height: 48px; border-radius: 50%;  background: #444;  position: relative; flex-shrink: 0; transition:.25s;}
.detail_btn .icon::before { content: '';  position: absolute; top: 50%;  left: 49%;  width: 13px;  height: 13px;  border-top: 3px solid #fff;  border-right: 3px solid #fff;  transform: translate(-50%, -50%) rotate(45deg);}
.detail_btn:hover { border-color: #999;}
.detail_btn:hover .icon { background: #000;}

.chk_list {width:-webkit-fill-available;position:relative; margin:0 0 !important;}
.chk_list li {font-weight: 500;position: relative;word-break:keep-all;border-radius: 80px;background-color: #f1e7dd;color:#444;padding: 8px 0;text-align:center;width: calc(45% - 2px);margin: 0 1px 10px;display: inline-block;}
.chk_list1 {width:-webkit-fill-available;position:relative;}
.chk_list1 li {font-weight: 500;position: relative;word-break:keep-all;border-radius: 80px;background-color: #f1e7dd;color:#444;padding: 8px 0;text-align:center;width: calc(29% - 2px);margin: 0 1px 10px;display: inline-block !important;}


.con {padding: 150px 0;}

.con1 {padding: 150px 0 0;background: url('/assets/images/sub/bg1.jpg') 50% 0 no-repeat;background-attachment:fixed;z-index: -1;}
.con1 ul {position:relative; display:flex;}
.con1 li:nth-child(1) { width:60%;}
.con1 li:nth-child(2) { width:40%; padding-top:50px;}
.con1 .tit-wrap{background-image: url('/assets/images/sub/bg1.jpg'); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; /*background-size: cover;*/ background-position-y: 70% 50%; background-attachment: fixed;}
.con1 .tit-wrap h3{font-size: 78px; line-height:1.2; }
.con1 .logo { position:relative; bottom:10px;}



.s_note {padding: 160px 0; background:#fbfbfb url('/assets/images/sub/s_note_bg.jpg') 50% 50% no-repeat; background-attachment:fixed; background-size:cover;}
/*.s_note:before {width: 300%;  height: 1px;  content: ""; background: #ccc; position: absolute; top: 22.1%; left: -20%;}*/

.s_title { position:relative; text-align:center; margin-bottom:100px;}
.s_title .s_logo{ padding-right:30px;  vertical-align: text-top;}

.s_note_tab_wrap {display: flex;}
.dot_tab {width: 250px; position: absolute; left:50%; margin-left:500px; top:33%; }
.dot_tab a {display: block;  color: #666; font-size: 14px; line-height:60px; height:60px; font-weight: 500; padding: 0 14px; text-align:left; transition:.25s;  position: relative; color:#fff; background-color:#b3b3b3; margin-bottom:5px;}
.dot_tab a:hover,
.dot_tab a.active {color:#fff; background-color:#6b5a4a;}
.dot_tab_con {width:100%;}


.case_list { position:relative;}
.case_list li {display: flex;justify-content:space-between; align-items: center;}
.case_list li:nth-child(even) {/*flex-direction: row-reverse;*/}
.case_list li > div {width: 100%; }
.case_list li .img_box .img {width: 100%; /*height: 100%;*/ background-size:auto; background-repeat:no-repeat; background-position: 50% 50%; overflow:hidden; /*border:3px solid #ddd; border-radius:10px;*/}
.case_list li .txt_box {/* padding: 0 40px 0; */background-color: transparent;position: relative;}
.case_list li .img_box .img img{ width:-webkit-fill-available;  transition:.5s; }
.case_list li .img_box:hover  img {transform:scale(1.15);}
.case_list li .txt_box .img {width: 100%;/* height: 100%; */background-size:auto;background-repeat:no-repeat;background-position: 50% 50%;overflow:hidden; /*border:3px solid #ddd; border-radius:10px;*/}
.case_list li .txt_box .img img{width:-webkit-fill-available;transition:.5s;}
.case_list li .txt_box:hover  img {transform:scale(1.15);}
.keyword_box {margin:0 0;text-align: center; display: flex;     align-items: center;}
.keyword_box .box{/* z-index:1; */display: inline-block;width:170px;height:40px;line-height:40px;background-color: #fff;color:#444;border-radius:50px;font-size:18px; margin-left:10px;}
.note_box {padding:30px 50px; text-align: left; background-color:#fff; margin-top:30px;}


.con2 { position: relative;  padding: 150px 0;  background: url('/assets/images/sub/reeye_01_con02_bg.jpg') 50% 0% no-repeat; background-attachment:fixed;  background-size: cover; background-color: #745c46;  overflow: hidden;}
/* 왼쪽 마스크 */
.con2::before { content: ""; position: absolute;  top: 0; left: 0;  width: 50%;  height: 100%;  background-color: #745c46;  transform: scaleX(1);  transform-origin: left;  animation: maskLeft 3s ease-in-out forwards;  z-index: 1;  pointer-events: none;}
/* 오른쪽 마스크 */
.con2::after {  content: "";  position: absolute;  top: 0; right: 0;  width: 50%;  height: 100%;  background-color: #745c46;  transform: scaleX(1);  transform-origin: right;  animation: maskRight 3s ease-in-out forwards;  z-index: 1;  pointer-events: none;}
.con2 > * {  position: relative;  z-index: 2;}

.con4 { position: relative;  padding: 120px 0;  background: url('/assets/images/sub/reeye_01_con04_bg.jpg') 50% 0% no-repeat; background-attachment:fixed;    background-size: cover; background-color: #aec3d0;  overflow: hidden;}
/* 왼쪽 마스크 */
.con4::before { content: ""; position: absolute;  top: 0; left: 0;  width: 50%;  height: 100%;  background-color: #aec3d0;  transform: scaleX(1);  transform-origin: left;  animation: maskLeft 3s ease-in-out forwards;  z-index: 1;  pointer-events: none;}
/* 오른쪽 마스크 */
.con4::after {  content: "";  position: absolute;  top: 0; right: 0;  width: 50%;  height: 100%;  background-color: #aec3d0;  transform: scaleX(1);  transform-origin: right;  animation: maskRight 3s ease-in-out forwards;  z-index: 1;  pointer-events: none;}
.con4 > * {  position: relative;  z-index: 2;}


/* 애니메이션 */
@keyframes maskLeft {
  0%   { transform: scaleX(1); }
  100% { transform: scaleX(0); }
}

@keyframes maskRight {
  0%   { transform: scaleX(1); }
  100% { transform: scaleX(0); }
}


.outline-text {
  /* 텍스트 내부 색상을 투명하게 설정 */
  color: transparent;
  -webkit-text-fill-color: transparent; /* 웹킷 기반 브라우저 지원 */

  /* 텍스트 윤곽선(두께와 색상) 설정 */
  -webkit-text-stroke-width: 1px; /* 윤곽선 두께 */
  -webkit-text-stroke-color: #fff; /* 윤곽선 색상 (흰색) */
  
  /* 표준 text-stroke 속성 (아직 모든 브라우저에서 완벽 지원되지는 않음) */
  text-stroke-width: 1px;
  text-stroke-color: #fff;
}


.img_list { position:relative;}
.img_list li {display: flex;justify-content:space-between; align-items: center;}
.img_list li:nth-child(even) {/*flex-direction: row-reverse;*/}
.img_list li > div {width: 50%; }
.img_list li .txt_box {/* padding: 0 40px 0; */background-color: transparent;position: relative; z-index:1}

.img_list li .img_box .img {width:; /*height: 100%;*/ background-size:auto; background-repeat:no-repeat; background-position: 50% 50%; z-index:1; position: relative; overflow:hidden;border-radius: 20px;}
.img_list li .img_box .img img{ width:;  transition:.25s;  /*box-shadow: 0px 1px 20px 10px rgba(0, 0, 0, 0.1);*/ border-radius: 20px; }

.img_list li .img_box .img::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg); opacity: 0;}
.img_list li .img_box .img:hover::before {-webkit-animation: shine .75s;animation: shine .75s;}
@-webkit-keyframes shine {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		left: 125%;
		opacity: 0;
	}
}
@keyframes shine {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		left: 125%;
		opacity: 0;
	}
}

.img_list li .img_box .img{transition:.25s; text-align:right; }
.img_list li .img_box .img:hover{border-radius:0 0 50px 0; overflow:hidden;}
.img_list li .img_box:hover img {transform:scale(1.05);}
.img_list li .txt_box .img {width:;background-size:auto;background-repeat:no-repeat;background-position: 50% 50%;}
.img_list li .txt_box .img img{/*width:-webkit-fill-available;*/transition:.5s; border-radius: 20px;}
.img_list li .txt_box:hover  img {transform:scale(1);}
.img_list li .txt_box .num4 {width: 80px;height: 60px;line-height:60px;text-align: center;background-color:#b79480;color:#fff;border-radius:50px;font-weight:500;font-size:22px;font-family: 'IvyMode', sans-serif;position: absolute;margin-left: -21%;top: -5%;}
.img_list li .txt_box .num5 {width: 120px;height: 45px;line-height:45px;text-align: center;background-color:#b79480;color:#fff;border-radius:50px;font-weight:500;font-size:18px;font-family: 'IvyMode', sans-serif;}
.img_list li .txt_box .num  {display: block;vertical-align: middle;width: 65%;height: 45px;font-size:20px;text-align: center;line-height: 45px;border-radius:50px;background-color: #7d6660;color: #fff;font-weight: 500;-webkit-transform:translateY(-2px);transform:translateY(-2px);top: -26px;left: 0;margin: 0 auto -30px;z-index: 1;position: relative;}


.img_list li .txt_box .txt {letter-spacing:5px; text-transform: uppercase; color:#c1a28e;}



.img_list li .vertical_line {position: relative;top: 85%;left: 50%;transform:translateX(-50%);width: 1px;height: 0;background-color: #ddd;transition:0.75s 0.3s;display: block;}
.img_list li .move .vertical_line {height: 120px;}



.eye_01 .con2 { position: relative;  padding: 150px 0;  background: url('/assets/images/sub/eye_01_con02_bg.jpg') 50% 100% no-repeat; background-attachment:fixed;  background-size: cover; background-color: #aa9180;  overflow: hidden;}
/* 왼쪽 마스크 */
.eye_01 .con2::before { content: ""; position: absolute;  top: 0; left: 0;  width: 50%;  height: 100%;  background-color: #aa9180;  transform: scaleX(1);  transform-origin: left;  animation: maskLeft 3s ease-in-out forwards;  z-index: 1;  pointer-events: none;}
/* 오른쪽 마스크 */
.eye_01 .con2::after {  content: "";  position: absolute;  top: 0; right: 0;  width: 50%;  height: 100%;  background-color: #aa9180;  transform: scaleX(1);  transform-origin: right;  animation: maskRight 3s ease-in-out forwards;  z-index: 1;  pointer-events: none;}
.eye_01 .con2 > * {  position: relative;  z-index: 2;}

.video-container {position: relative;padding-bottom: 0; /* 16:9 */overflow: hidden;border-radius: 0 50px 0 50px;width: 100%;margin:0 auto;background-color:#fff;}
.video-container .video {position: relative;width: 100%;padding-top: 0;scale: 1;}

.round {position: relative;text-align: left;margin-left: 0;}
.round  ul {width: -webkit-fill-available;text-align: center;font-size: 0;display: block;position: relative;text-align: start;}
.round  li {display: inline-block;vertical-align: top;width: -webkit-fill-available;margin: 0 0 10px;/* padding:70px 15px 0; */border-radius:100px; background-color:#aec3d0; color:#444;position: relative;text-align: center;}
.round  li:after {  content: '';  display: block;   width: 0;  height: 0; border-top: 30px solid #aec3d0;  /* 화살표 */   border-left: 30px solid transparent; margin: 0 auto; border-right: 30px solid transparent;  top: 20px; position: absolute;  left: -13px;}

/*.round  li:nth-child(2n)  {background-color: #fff4f0;}*/
.round  li .txt_wrap {position: relative;width:auto;z-index: 1;display: block;align-items: center;margin: 0 0;justify-content: center;padding: 12px 20px;}


.eye_01 .con4 { position: relative;  padding: 150px 0;  background: url('/assets/images/sub/eye_01_con04_bg.jpg') 50% 0% no-repeat; background-attachment:fixed;  background-size: cover; background-color: #75a8c4;  overflow: hidden;}
/* 왼쪽 마스크 */
.eye_01 .con4::before { content: ""; position: absolute;  top: 0; left: 0;  width: 50%;  height: 100%;  background-color: #75a8c4;  transform: scaleX(1);  transform-origin: left;  animation: maskLeft 3s ease-in-out forwards;  z-index: 1;  pointer-events: none;}
/* 오른쪽 마스크 */
.eye_01 .con4::after {  content: "";  position: absolute;  top: 0; right: 0;  width: 50%;  height: 100%;  background-color: #75a8c4;  transform: scaleX(1);  transform-origin: right;  animation: maskRight 3s ease-in-out forwards;  z-index: 1;  pointer-events: none;}
.eye_01 .con4 > * {  position: relative;  z-index: 2;}
.eye_01 .con4 .w700 {width:700px;left:50%;margin:0 auto;margin-left: 0;}
.eye_01 .con4 .w700 .logo { position:relative; bottom:10px;}


.cont{display:flex;}
.cont .lt {width: 50%;}
.cont .rt {width: 50%;}
.cont .en {letter-spacing:5px; text-transform: uppercase; color:#444444; opacity:.5; font-family: 'Libre Bodoni', serif;}

.recommend_list_box {font-size: 0;}
.recommend_list_box .recommend_list li {padding: 5px 0 0;}
.recommend_list_box .recommend_list li > p {display: inline-block; }
.recommend_list_box .recommend_list li .num {background-color:#aec3d0; color:#fff; font-weight:500;font-family: 'Libre Bodoni', serif;width: 55px; height:55px; line-height:55px;margin-bottom: 15px;font-size: 20px; border-radius:50px; text-align: center;}
/*.recommend_list_box .recommend_list li .num:before {content:'';display: block;width: 1px;height: 20px;background-color: #c1a28e;position: relative;top: 26px;left: 42px;opacity: .6;transition:.25s;}*/
.recommend_list_box .recommend_list li .txt {width: calc(100% - 65px); padding-left: 15px;}
.recommend_list_box .recommend_list li .txt1 {width: calc(100% - 55px); padding-left: 50px;}


.box4 {position: relative; text-align:center;}
.box4  ul {width: -webkit-fill-available; text-align: center;font-size: 0;display: inline-block;position: relative;}
.box4  li {display: inline-block;vertical-align: top;width: calc(25% - 30px);margin: 0 15px 30px;/* padding:70px 15px 0; */border-radius:10px;background-color: #aec3d0;color:#fff;position: relative;}
.box4  li:nth-child(2n) {background-color: #8db5cd;}
.box4  li .txt_wrap {position: relative;left: 0;width: 100%; z-index: 1;display: block;padding:30px 0;}
.box4 ul li:after {content:'+';position: absolute;display: block;top: 28%;padding-top: 0%;left: -10%;color: #fff;z-index: 2;font-size: 46px;font-family: 'Montserrat';font-weight: 700;}
.box4 ul li:first-child::after {content:""; background-image:none; }


.box {position: relative;}
.box ul {text-align: center;font-size: 0;display: flex;position: relative;align-items: center;}
.box li {display: inline-block;vertical-align: top;width: calc(25% - 20px);margin: 0 10px 15px;border-radius:20px;background-color: #cba079;color:#fff;position: relative;}
.box li:nth-child(2) {background-color: #cba079;}
.box li:nth-child(3) {background-color: #cba079;}
.box li:nth-child(4) {background-color: #cba079;}
.box li .txt_wrap {position: relative;left: 0;width: 100%;/* -webkit-transform: translateY(50%); *//* transform:translateY(-50%); */z-index: 1;display: block;padding: 15% 0;}
.box li .txt_wrap .num {display: block; font-family: 'Libre Bodoni'; line-height: 1; padding-bottom: 10px; letter-spacing:0;  margin:0 auto 15px; font-weight:700;  border-bottom: 1px solid rgba(255,255,255,0.5); width:25%; font-variant: lining-nums;}


.box33 {position: relative;}
.box33 ul {text-align: center;font-size: 0;display: flex;position: relative;align-items: center;}
.box33 li {display: inline-block;vertical-align: top;width: calc(33.33% - 20px);margin: 0 10px 15px;border-radius:20px;background-color: #cba079;color:#fff;position: relative;}
.box33 li:nth-child(2) {background-color: #cba079;}
.box33 li:nth-child(3) {background-color: #cba079;}
.box33 li:nth-child(4) {background-color: #cba079;}
.box33 li .txt_wrap {position: relative;left: 0;width: 100%;/* -webkit-transform: translateY(50%); *//* transform:translateY(-50%); */z-index: 1;display: block;padding: 15% 0;}
.box33 li .txt_wrap .num {display: block; font-family: 'Libre Bodoni'; line-height: 1; padding-bottom: 10px; letter-spacing:0;  margin:0 auto 15px; font-weight:700;  border-bottom: 1px solid rgba(255,255,255,0.5); width:25%; font-variant: lining-nums;}


.slowaging_01 .con2 { position: relative;  padding: 220px 0;  background: url('/assets/images/sub/bg3.jpg') 50% 0% no-repeat; background-attachment: fixed; background-size: cover; background-color: #cdb6b0;  overflow: hidden;}
/* 왼쪽 마스크 */
.slowaging_01 .con2::before { content: ""; position: absolute;  top: 0; left: 0;  width: 50%;  height: 100%;  background-color: #cdb6b0;  transform: scaleX(1);  transform-origin: left;  animation: maskLeft 3s ease-in-out forwards;  z-index: 1;  pointer-events: none;}
/* 오른쪽 마스크 */
.slowaging_01 .con2::after {  content: "";  position: absolute;  top: 0; right: 0;  width: 50%;  height: 100%;  background-color: #cdb6b0;  transform: scaleX(1);  transform-origin: right;  animation: maskRight 3s ease-in-out forwards;  z-index: 1;  pointer-events: none;}
.slowaging_01 .con2 > * {  position: relative;  z-index: 2;}


.max_box {padding: 160px 0; text-align: center; background-color:#eaeced;}
.max_box .tit_wrap h3 {font-style: italic;}
.max_box .max_box_list_wrap {position: relative; margin: 0 auto;}
.max_box .max_box_list {padding: 0 20px;}
.max_box .max_box_list .list {margin: 0 5px;}
.max_box .max_box_list .list .thumb {width:auto; border-radius:10px; overflow: hidden; margin:0 5px; }
.max_box .max_box_list .list .thumb img {width:-webkit-fill-available;transition:.5s; }
.max_box .max_box_list .list:hover .thumb img {transform:scale(1.15);}



.square_img_wrap2 {}
.square_img_list2 {font-size: 0; display:block;  }
.square_img_list2 li {display: inline-block;  width: calc(50% - 25px); margin: 0 12.5px 50px;  vertical-align: top; text-align:center;}
.square_img_list2 li .square_img {position: relative; overflow:hidden; border-radius:20px;}
/*.square_img_list2 li .num  {display: block;vertical-align: middle; 55px;font-size:26px;text-align: center; color: #127864 ;font-weight: 500; text-align:center; margin-bottom:30px;}*/
.square_img_list2 li .num  {display: block;vertical-align: middle;width: 75%;height: 45px;font-size:20px;text-align: center;line-height: 45px;border-radius:50px;background-color: #7d6660;color: #fff;font-weight: 500;-webkit-transform:translateY(-2px);transform:translateY(-2px);top: -5px;left: 0;margin: 0 auto -30px;z-index: 2;position: relative;}
.square_img_list2 li .square_img img {width:-webkit-fill-available; transition:.5s}
.square_img_list2 li:hover .square_img img {transform:scale(1.05);}
.square_img_list2 li .txt {background-color:#d6b9a3; color:#fff; padding:10px 0; border-radius:50px;  width: calc(50% - 10px); margin: 0 5px 10px; display: inline-block;}
.square_img_list2 li .txt1 {background-color:#d6b9a3; color:#fff; padding:10px 0; border-radius:50px;  width:-webkit-fill-available; margin: 0 5px 20px; display: inline-block;}
.square_img_list2 h3 { color:#896e60;}
.square_img_list2 li .square_img::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg); opacity: 0;}
.square_img_list2 li .square_img:hover::before {-webkit-animation: shine .75s;animation: shine .75s;}
@-webkit-keyframes shine {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		left: 125%;
		opacity: 0;
	}
}
@keyframes shine {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		left: 125%;
		opacity: 0;
	}
}
.square_img_wrap3 {}
.square_img_list3 {font-size: 0; text-align:center;}
.square_img_list3 li {display: inline-block;  width: calc(33.33% - 30px); margin: 0 15px 50px;   vertical-align: top; text-align:center;     background-color: #f6f6f6;border-radius: 20px; padding-bottom:50px;}
.square_img_list3 li .square_img {position: relative; overflow:hidden; border-radius: 20px;}
.square_img_list3 li .num  {display: block;vertical-align: middle; font-family: 'Libre Bodoni', sans-serif;width: 45px;height: 45px;font-size:20px;text-align: center;line-height: 45px;background-color: #aec3d0;  color:#fff; border-radius:50px;-webkit-transform:translateY(-2px);transform:translateY(-2px);/* position: absolute; */top: 0;left: 0;margin: -22px auto 20px;}
.square_img_list3 li .square_img img {width: 100%; transition:.5s}
.square_img_list3 li:hover .square_img img {transform:scale(1.05);}
.square_img_list3 li .square_img::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg); opacity: 0;}
.square_img_list3 li .square_img:hover::before {-webkit-animation: shine .75s;animation: shine .75s;}
.square_img_list3 li .txt { background-color:#9e7e66; color:#fff; padding:10px 0; border-radius:10px 10px; }

.square_img_wrap4 {}
.square_img_list4 {font-size: 0; text-align:center;}
.square_img_list4 li {display: inline-block;  width: calc(25% - 16px); margin: 0 8px; padding-bottom:30px; vertical-align: top; text-align:center; background-color:#f9f9f9 !important; color:#444;border-radius: 20px; }
.square_img_list4 li .square_img {position: relative; overflow:hidden; border-radius:20px;}
.square_img_list4 li .num  {display: block;vertical-align: middle; font-family: 'Libre Bodoni', sans-serif;width: 45px;height: 45px;font-size:20px;text-align: center;line-height: 45px;background-color: #aec3d0;  color:#fff; border-radius:50px;-webkit-transform:translateY(-2px);transform:translateY(-2px);/* position: absolute; */top: 0;left: 0;margin: -22px auto 20px;}
.square_img_list4 li .num1  {display: block;vertical-align: middle;width: 65%;height: 45px;font-size:20px;text-align: center;line-height: 45px;border-radius:50px;background-color: #7d6660;color: #fff;font-weight: 500;-webkit-transform:translateY(-2px);transform:translateY(-2px);top: -20px;left: 0;margin: 0 auto -30px;z-index: 2;position: relative;}
.square_img_list4 li .square_img img {width: 100%; transition:.5s}
.square_img_list4 li:hover .square_img img {transform:scale(1.05);}
.square_img_list4 li .square_img::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg); opacity: 0;}
.square_img_list4 li .square_img:hover::before {-webkit-animation: shine .75s;animation: shine .75s;}

.square_img_wrap5 {}
.square_img_list5 {font-size: 0; text-align:center;}
.square_img_list5 li {display: inline-block;  width: calc(20% - 16px); margin: 0 8px 50px; vertical-align: top; text-align:center; }
.square_img_list5 li .square_img {position: relative; overflow:hidden; border-radius:20px;}
.square_img_list5 li .num  {display: block;vertical-align: middle; font-family: 'Libre Bodoni', sans-serif;width: 45px;height: 45px;font-size:20px;text-align: center;line-height: 45px;background-color: #aec3d0;  color:#fff; border-radius:50px;-webkit-transform:translateY(-2px);transform:translateY(-2px);/* position: absolute; */top: 0;left: 0;margin: -22px auto 20px;}
.square_img_list5 li .square_img img {width: 100%; transition:.5s}
.square_img_list5 li:hover .square_img img {transform:scale(1.05);}
.square_img_list5 li .square_img::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg); opacity: 0;}
.square_img_list5 li .square_img:hover::before {-webkit-animation: shine .75s;animation: shine .75s;}



.img_list4 {position:relative;display: flex; justify-content: center;}
.img_list4 li {/* display: flex; *//* justify-content:space-between; *//* align-items: start; *//* padding:0 0; */}
.img_list4 li > div {}
.img_list4 li .img_box .img {width: auto;background-size:auto;background-repeat:no-repeat;background-position: 50% 50%;overflow:hidden;border: none;border-radius: 20px;/* margin-top:85px; */}
.img_list4 li .img_box .img img{ width:-webkit-fill-available;  transition:.5s; }
.img_list4 li .img_box:hover  img {transform:scale(1.05);}
.img_list4 li .txt_box .img {width: auto;/* height: 100%; */background-size:auto;background-repeat:no-repeat;background-position: 50% 50%;overflow:hidden;border: none;margin: 0 0 0 -140px; border-radius: 20px;}
.img_list4 li .txt_box .img img{transition:.5s;}
.img_list4 li .txt_box:hover  img {transform:scale(1.05);}
.img_list4 li:nth-child(2) {transform:translateY(55px);}
.img_list4 li:nth-child(4) {transform:translateY(55px);}
.img_txt {position: absolute;z-index:2;margin: 0 auto;bottom: 35%;width: -webkit-fill-available;} 
.img_txt1 {position: absolute;z-index:2;margin: 0 auto;bottom: 7%;width: -webkit-fill-available; letter-spacing:30px; color:#efd38e;} 




.round1 {position: relative;text-align: left;margin-left: 0;}
.round1  ul {width: -webkit-fill-available;text-align: center;font-size: 0;display: flex;position: relative;align-items: center;justify-content: center;}
.round1  li {display: inline-block;vertical-align: top;width: calc(20% - 10px);margin: 0 5px 10px;border-radius: 20px;color:#222;position: relative;text-align: center;border: 1px solid #ddd;}
.round1  li:nth-child(2n)  {background-color: #f9f2ed;}
.round1  li .txt_wrap {position: relative;width:auto;z-index: 1;display: block;align-items: center;margin: 0 0;justify-content: center;padding: 45px 10px;}


.round2 {position: relative; text-align:center;}
.round2  ul {width: -webkit-fill-available; text-align: center;font-size: 0;display: inline-block;position: relative;}
.round2  li {display: inline-block; vertical-align: top; width: calc(50% - 10px); margin: 0 5px 10px; /* padding:70px 15px 0; */  position: relative;}
.round2  li:nth-child(2n)  .txt_wrap{background-color: #d0af9a;}
.round2  li .txt_wrap {position: relative;left: 0;width: 100%; z-index: 1;display: block;padding:10px 0; border-radius:100px;background-color: #c1a28e;  color:#fff;}

.round4 {position: relative; text-align:center; margin-left: -5px;}
.round4  ul {width: -webkit-fill-available;text-align: center;font-size: 0;display: block;position: relative; text-align: -webkit-auto;}
.round4  li {display: inline-block;vertical-align: top;width: calc(25% - 10px);margin: 0 5px 20px;/* padding:70px 15px 0; */border-radius:100px;background-color: #f2ece2;color:#222;position: relative;text-align: center;}
.round4  li:nth-child(2n)  {background-color: #ebddd2;}
.round4  li .txt_wrap {position: relative;width: max-content;z-index: 1;height: 185px;display: block;align-items: center;margin: 0 auto;justify-content: center;padding-top: 37%;}


.chk_txt p {position: relative; padding-left: 40px; line-height: 1.7; word-break:keep-all; margin-bottom: 5px;}
.chk_txt p:after {content:''; display: block; width: 20px; height: 15px; background: url('../images/sub/i_chk.png') 0 0 no-repeat; position: absolute; top: 8px; left: 10px;}
.chk_cir_txt p {position: relative; padding-left: 40px; line-height: 1.7; word-break:keep-all; margin-bottom: 5px;}
.chk_cir_txt p:after {content:''; display: block; width: 25px; height: 25px; background: url('../images/sub/i_chk_cir.png') 0 0 no-repeat; position: absolute; top: 5px; left: 0;}


.clinic_list_box {font-size: 0;width:88%;}
.clinic_list_box .clinic_list li {padding: 8px 14px;background-color:#fff;color:#222;border-radius:70px;margin-bottom:10px;border:1px solid #ddd;     width: -webkit-fill-available; text-align: left;}
.clinic_list_box .clinic_list li > p {display: flex;vertical-align:middle;justify-content: flex-start;align-items: center;}
.clinic_list_box .clinic_list li .num {width: 40px; height: 40px; line-height: 40px; text-align: center; background-color: #1d2434; color:#fff; border-radius:50%; font-family: 'Montserrat'; font-weight:500; }
.clinic_list_box .clinic_list li .txt1 {width: calc(100% - 55px);padding-left: 55px;font-weight:500; width: -webkit-fill-available;}
.clinic_list_box .clinic_list li > p img {width:35px;position: absolute;display: inline-block; filter: sepia(1);} 



.table_tb {width: -webkit-fill-available; border-collapse: collapse;}
.table_tb th,
.table_tb td {padding: 15px 10px;border: 1px solid #ddd;  line-height: 1.5; text-align: center;}
.table_tb th {}
.table_tb td {font-size: 18px; vertical-align: middle; }


.icon_box { padding:140px 0; background-color:#0b1c2b;}
.icon_box_list {display: flex;flex-wrap:wrap;}
.icon_box_list li {width: 25%;padding: 20px 0;text-align: center;}
.icon_box_list li:after {content:'';display: block;width: 1px;height: 100%;background-color: #fff;position: absolute;opacity: .3;transition:.25s;top: 0;}
.icon_box_list li:first-child:after {display: none;}

.check_box {text-align: center;}
.check_box ul {display: flex; flex-wrap:wrap; align-items:stretch;}
.check_box li {width: calc(50% - 60px);margin: 20px 30px 0;position: relative;background-color: #f8f8f8;border-radius: 20px;}
.check_box .icon {position: absolute;top: 0;left: 50%;margin-top: -20px;transform:translateX(-50%);}
.check_box .txt_box {padding: 45px 15px 35px;}

.check_box1 {text-align: center;}
.check_box1 ul {display: flex; flex-wrap:wrap; align-items:stretch;}
.check_box1 li {width: calc(33.33% - 60px);margin: 20px 30px 0;position: relative;background-color: #f8f8f8;border-radius: 20px;}
.check_box1 .icon {position: absolute;top: 0;left: 50%;margin-top: -20px;transform:translateX(-50%);}
.check_box1 .txt_box {padding: 45px 15px 35px;}


.check_box4 {text-align: center;}
.check_box4 ul {display: flex; flex-wrap:wrap; align-items:stretch;}
.check_box4 li {width: calc(25% - 20px);margin: 20px 10px 0;position: relative;background-color: #f8f8f8;border-radius: 20px;}
.check_box4 .icon {position: absolute;top: 0;left: 50%;margin-top: -20px;transform:translateX(-50%);}
.check_box4 .txt_box {padding: 45px 15px 35px;}

.check_box3 {text-align: center;}
.check_box3 ul {display: flex; flex-wrap:wrap; align-items:stretch;}
.check_box3 li {width: calc(33.33% - 20px);margin: 20px 10px 0;position: relative;background-color: #fff;color: #222;border-radius: 150px;border: 7px solid #c1a28e; animation: borderColorChange 3s infinite;}
.check_box3 .icon {position: absolute;top: 0;left: 50%;margin-top: -20px;transform:translateX(-50%);}
.check_box3 .txt_box {padding: 30px 15px 30px;}

.check_box3 .num {
        color: #bc957d;
        font-style: italic;
        z-index:3;
        position: absolute;
        top: 0;
        left: 50%;
        margin-top: -22px;
        transform:translateX(-50%);
         -webkit-text-stroke: 20px transparent; 
         -webkit-background-clip: text; 
         background-clip: text; 
         background-image: linear-gradient(to bottom, #fff, #fff); 
        background-color: #fff;
        background-color: rgba(255, 255, 255, 1);
        border-radius: 30px;
        padding: 0 15px 0 12px;
        }


@keyframes borderColorChange {
  0%   { border-color:#a68571; }
  25%  { border-color:#daa761; }
  50%  { border-color:#eec792; }
  75%  { border-color:#d7ac70; }
  100% { border-color:#a86d4c; }
}


.h_title ul { display:flex; }
.h_title .tt {width: 70%; }
.h_title .no {width: 30%; padding-top:0; }



.con .left {/* position: absolute; */left: 50%;/* margin-left: -35%; */bottom: -29%;z-index: 0;}
.con .right {/* position: absolute; */right: 50%;/* margin-right: -38%; */bottom: -33%;z-index: 0;}



.box2 {position: relative; text-align:center;}
.box2  ul {width: -webkit-fill-available;text-align: center;font-size: 0;display: flex;position: relative;}
.box2  ul li {display: inline-block; vertical-align: top; width: calc(50% - 60px); margin: 0 30px 30px; /* padding:70px 15px 0; */border-radius:150px;background-color: #c1a28e;  color:#fff;  position: relative; height:150px; align-content: center;}
.box2  ul li:after {content:'';position: absolute;display: block; top: 33%;left: -15%; background-image: url('/assets/images/sub/cont_arrow.svg');width: 60px;height: 59px;margin-left: 0;transform: rotate(-90deg); scale:.8;}
.box2  ul li:first-child::after {content:""; background-image:none; }
.box2  ul li:nth-child(2n) {background-color: #a08275;}

.box3 {position: relative; text-align:center;}
.box3  ul {width: -webkit-fill-available;text-align: center;font-size: 0;display: flex;position: relative;}
.box3  ul li {display: inline-block; vertical-align: top; width: calc(50% - 60px); margin: 0 30px 30px; /* padding:70px 15px 0; */border-radius:15px;  position: relative; height:120px; align-content: center;}
.box3  ul li:after {content:'';position: absolute;display: block; top: 38%;left: -15%; background-image: url('/assets/images/sub/arrow1.png');width: 83px;height: 22px;margin-left: 0;transform: rotate(0deg); scale:.8;}
.box3  ul li:first-child::after {content:""; background-image:none; }
.box3  ul li:nth-child(2n) {}


.s_title2{display:flex; padding-bottom:30px; background-color:#f9f9f9; padding:50px 70px; border-radius:30px;}
.s_title2 .lt {width: 25%;}
.s_title2 .rt {width: 75%;}

.s_tab {width: 100%; margin-bottom:70px;font-size: 0;  position: sticky; text-align:center; top:0; z-index:999;}
.s_tab li {display: inline-block; vertical-align: top;  border-radius:60px;}
.s_tab li a {display: block; width: 300px; text-align: center; line-height:50px; font-size: 20px; margin:0 -1px;  border-radius:0;  border-right:1px solid #ddd; border-left:1px solid #ddd;   transition: .25s;}
.s_tab li a:hover {background-color: #888; color: #fff;  transition: .25s;}
.s_tab li a.active {background-color: #888; color: #fff;}


.check1 {position:relative;display: flex;align-items: center;justify-content: space-evenly; background-color: #f9f9f9; padding: 5px 20px;}
.check1 img { width:30px;}
.check1 .txt {padding-left: 12px;letter-spacing: 0 !important;}

.left_num {right: 0;font-weight: 700;color: #f9f9f9;font-size: 120px;position:absolute;margin-left: -180px;line-height:95%;top: 0;font-style: italic;}
.right_num {right: 0;font-weight: 700;color: #f9f9f9;font-size: 120px;position:absolute;margin-right: -150px;line-height:95%;top: 0;font-style: italic;}


.eye_05 .con2 { position: relative;  padding: 300px 0 0;  height: 375px;  background: url('/assets/images/sub/eye05_con2_bg.jpg') 50% 0% no-repeat fixed;  background-size: cover;  background-color: #cacdcf;  overflow: hidden;}
/* 왼쪽 마스크 */
.eye_05 .con2::before { content: ""; position: absolute;  top: 0; left: 0;  width: 50%;  height: 100%;  background-color: #cacdcf;  transform: scaleX(1);  transform-origin: left;  animation: maskLeft 3s ease-in-out forwards;  z-index: 1;  pointer-events: none;}
/* 오른쪽 마스크 */
.eye_05 .con2::after {  content: "";  position: absolute;  top: 0; right: 0;  width: 50%;  height: 100%;  background-color: #cacdcf;  transform: scaleX(1);  transform-origin: right;  animation: maskRight 3s ease-in-out forwards;  z-index: 1;  pointer-events: none;}
.eye_05 .con2 > * {  position: relative;  z-index: 2;}

.eye_051 .con2 { position: relative;  padding: 300px 0 0;  height: 375px;  background: url('/assets/images/sub/eye051_con2_bg.jpg') 50% 0% no-repeat fixed;  background-size: cover;  background-color: #d6d8da;  overflow: hidden;}
/* 왼쪽 마스크 */
.eye_051 .con2::before { content: ""; position: absolute;  top: 0; left: 0;  width: 50%;  height: 100%;  background-color: #d6d8da;  transform: scaleX(1);  transform-origin: left;  animation: maskLeft 3s ease-in-out forwards;  z-index: 1;  pointer-events: none;}
/* 오른쪽 마스크 */
.eye_051 .con2::after {  content: "";  position: absolute;  top: 0; right: 0;  width: 50%;  height: 100%;  background-color: #d6d8da;  transform: scaleX(1);  transform-origin: right;  animation: maskRight 3s ease-in-out forwards;  z-index: 1;  pointer-events: none;}
.eye_051 .con2 > * {  position: relative;  z-index: 2;}


.eye_051 .con6 .img_list li .txt_box:after {content:'';position: absolute;display: block;top: 38%;padding-top: 0%;left: 2%;background-image: url('/assets/images/sub/cont_arrow.svg');width: 60px;height: 59px;margin-left: 0;transform: rotate(-90deg);}




.middleage_01 .con2 { position: relative;  padding: 300px 0 0;  height: 375px;  background: url('/assets/images/sub/middleage01_con2_bg.jpg') 50% 0% no-repeat fixed;  background-size: cover;  background-color: #bfbcb8;  overflow: hidden;}
/* 왼쪽 마스크 */
.middleage_01 .con2::before { content: ""; position: absolute;  top: 0; left: 0;  width: 50%;  height: 100%;  background-color: #bfbcb8;  transform: scaleX(1);  transform-origin: left;  animation: maskLeft 3s ease-in-out forwards;  z-index: 1;  pointer-events: none;}
/* 오른쪽 마스크 */
.middleage_01 .con2::after {  content: "";  position: absolute;  top: 0; right: 0;  width: 50%;  height: 100%;  background-color: #bfbcb8;  transform: scaleX(1);  transform-origin: right;  animation: maskRight 3s ease-in-out forwards;  z-index: 1;  pointer-events: none;}
.middleage_01 .con2 > * {  position: relative;  z-index: 2;}




.middleage_01 .icon_box { padding:140px 0; background-color:#0b1c2b;}
.middleage_01 .icon_box_list {display: flex;flex-wrap:wrap;}
.middleage_01 .icon_box_list li {width: 25%;padding: 20px 0;text-align: center;}
.middleage_01 .icon_box_list li:after {content:'';display: block;width: 1px;height: 100%;background-color: #cecdcd;position: absolute;opacity: .3;transition:.25s;top: 0;}
.middleage_01 .icon_box_list li:first-child:after {display: none;}

.round_list_box {font-size: 0;}
.round_list_box .round_list li {padding: 10px;margin-bottom:10px;/*border-bottom: 1px solid #ddd;*/text-align:left;background-color:#f9f9f9;border-radius:50px;}
.round_list_box .round_list li > p {display: inline-block; vertical-align:middle; }
.round_list_box .round_list li .num {width: 100px;text-align: center;background-color:#a48472;color:#fff;border-radius:50px;border:2px solid #a48472;font-weight:500;font-size:18px;top: 0;margin: 0 auto;height: auto; line-height: 175%;}
.round_list_box .round_list li .txt {width: calc(100% - 100px);padding-left: 15px; padding-right:15px;font-weight:400;color:#222;text-align:left;letter-spacing:0;}


.qna_wrap {}
.qna_wrap .qna_list {}
.qna_wrap .qna_list {}
.qna_wrap .qna_list li {}
.qna_wrap .qna_list li .question {position: relative;cursor: pointer;padding: 15px 70px 15px 75px;background-color:#dcbca1;color:#fff;margin-bottom: 10px; border-radius:60px;}
.qna_wrap .qna_list li .question:after,
.qna_wrap .qna_list li .question:before {content:''; display: block;  position: absolute; top: 50%; right: 20px; margin-top: -15px; width: 30px; height: 30px; transition: 0.5s;}
.qna_wrap .qna_list li .question:after {border: 2px solid #fff; border-radius:50%;}
.qna_wrap .qna_list li .question:before {content:'+'; color: #fff; font-size: 26px; text-align: center;}
.qna_wrap .qna_list li.active .question:after {border-color: #fff;}
.qna_wrap .qna_list li.active .question:before {content:'-'; color: #fff;}
.qna_wrap .qna_list li .question .q {color: #fff;/* background-color:#796a56; */width:50px;height:50px;line-height:50px;text-align:center;border-radius:50px;position: absolute;top: 2px;left: 20px;font-family: 'Cinzel', serif;font-weight: 700;text-transform: math-auto;}
.qna_wrap .qna_list li .question .tit {font-weight: 500; word-break:keep-all; color:#fff;}
.qna_wrap .qna_list li.active  .question .tit {color:#fff;}
.qna_wrap .qna_list li .answer {display: none; padding:15px 70px 30px; color: #222; /*border-radius:0 0 35px 35px;  box-shadow:0 10px 10px rgba(0,0,0,.1);  box-shadow:0 90px 70px 0 rgba(0,0,0,0.02), 0 40px 35px 0 rgba(0,0,0,0.01), 0 25px 15px 0 rgba(0,0,0,0.01), 0 11px 7px 0 rgba(0,0,0,0.01), 0 2px 5px 0 rgba(0,0,0,0.01) */}
.qna_wrap .qna_list li .answer p {line-height: 1.7; word-break:keep-all;}
.qna_wrap .qna_list li .answer .txt_under {}
.qna_wrap .qna_list li .answer .txt_under{display: inline-block; font-weight: 600; color: #222; position: relative; z-index: 1;}
.qna_wrap .qna_list li .answer .txt_under:after {content:''; display: block; width: calc(100% + 10px); height: 13px; background-color: #f6ea9c; opacity: .45; position: absolute; left: -5px; bottom: 5px; z-index: -1;}





.s_tab1 {width: 100%; margin-bottom:70px;font-size: 0;  position: sticky; text-align:center; top:0; z-index:999;}
.s_tab1 li {display: inline-block; vertical-align: top; width: calc(33.33% - 6px); margin: 0 3px; padding:25px 0 0; border-radius:5px; border:1px solid #ddd;  transition: .25s;}
.s_tab1 li:hover { border:5px solid #a48472;}
.s_tab1 li a {display: block; width: 300px; text-align: center; line-height:50px; font-size: 20px; margin:0 -1px;  border-radius:0;  border-right:1px solid #ddd; border-left:1px solid #ddd;   transition: .25s;}
.s_tab1 li a:hover {background-color: #888; color: #fff;  transition: .25s;}
.s_tab1 li a.active {background-color: #888; color: #fff;}
.s_tab1 li img{ width: -webkit-fill-available;}



.middleage_02 .box3 {position: relative; text-align:center;}
.middleage_02 .box3  ul {width: -webkit-fill-available;text-align: center;font-size: 0;display: flex;position: relative;}
.middleage_02 .box3  ul li {display: inline-block;vertical-align: top;margin: 0 0 30px 0;padding: 20px 50px;border-radius:15px;position: relative;/* height:120px; */align-content: center;/* padding: 20px; */width: auto;}
.middleage_02 .box3  ul li:after {content:'';position: absolute;display: none;top: 38%;left: -15%;/* background-image: url('/assets/images/sub/arrow1.png'); */width: 83px;height: 22px;margin-left: 0;transform: rotate(0deg);scale:.8;}
.middleage_02 .box3  ul li:first-child::after {content:"";background-image:none;}
.middleage_02 .box3  ul li:nth-child(2n) {}






.reeye_02 .con2 { position: relative;  padding: 150px 0 0;  height: 375px;  background: url('/assets/images/sub/bg4.jpg') 50% 50% no-repeat; background-attachment:fixed;  background-size: cover;  background-color: #6ca1c0;  overflow: hidden;}
/* 왼쪽 마스크 */
.reeye_02 .con2::before { content: ""; position: absolute;  top: 0; left: 0;  width: 50%;  height: 100%;  background-color: #6ca1c0;  transform: scaleX(1);  transform-origin: left;  animation: maskLeft 3s ease-in-out forwards;  z-index: 1;  pointer-events: none;}
/* 오른쪽 마스크 */
.reeye_02 .con2::after {  content: "";  position: absolute;  top: 0; right: 0;  width: 50%;  height: 100%;  background-color: #6ca1c0;  transform: scaleX(1);  transform-origin: right;  animation: maskRight 3s ease-in-out forwards;  z-index: 1;  pointer-events: none;}
.reeye_02 .con2 > * {  position: relative;  z-index: 2;}
.w500 {max-width: 530px;margin: 0 auto;position: relative;padding: 0 15px;}
.reeye_02 .con2 .w500{margin-left: 70px;left: 50%;}



.reeye_04 .con2 { position: relative;  padding: 150px 0 0;  height: 425px;  background: url('/assets/images/sub/bg5.jpg') 50% 50% no-repeat; background-attachment:fixed;  background-size: cover;  background-color: #6ca1c0;  overflow: hidden;}
/* 왼쪽 마스크 */
.reeye_04 .con2::before { content: ""; position: absolute;  top: 0; left: 0;  width: 50%;  height: 100%;  background-color: #6ca1c0;  transform: scaleX(1);  transform-origin: left;  animation: maskLeft 3s ease-in-out forwards;  z-index: 1;  pointer-events: none;}
/* 오른쪽 마스크 */
.reeye_04 .con2::after {  content: "";  position: absolute;  top: 0; right: 0;  width: 50%;  height: 100%;  background-color: #6ca1c0;  transform: scaleX(1);  transform-origin: right;  animation: maskRight 3s ease-in-out forwards;  z-index: 1;  pointer-events: none;}
.reeye_04 .con2 > * {  position: relative;  z-index: 2;}
.w500 {max-width: 530px;margin: 0 auto;position: relative;padding: 0 15px;}
.reeye_04 .con2 .w500{margin-left: 70px;left: 50%;}









.tab {width: 100%;margin: 0 auto;text-align: center;font-size: 0; z-index:1;}
.tab li {display: inline-block; vertical-align: top; margin:0 0; }
.tab li a {display: block;  text-align: center; height:50px; line-height:50px; font-size: 18px; margin:0 -1px;  border-radius:0;  border-right:1px solid #ddd;  transition: .25s;}
.tab li:first-child a { border-left:1px solid  #ddd ;}
.tab li a::after {content: ''; background: #ddd; position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 0;  display: block;  z-index: -1;}
.tab li a.active,
.tab li a:hover{ background-color:#888; color: #fff; font-weight: 500; }
.tab_con > .con { display: none;  /* 기본적으로 모든 내용을 숨김 */}
.tab_con > .con.active {display: block;  /* active 클래스가 있을 때만 보이게 함 */}


.tab .col-1 li{width:calc(50% - 2px);}
.tab .col-2 li{width:calc(50% - 30px);}
.tab .col-3 li{width:calc(32% - 30px);}
.tab .col-4 li{width:calc(25% - 30px);}
.tab .col-5 li{width:calc(20% - 30px);}
.tab .col-6 li{width:calc(16.66% - 30px);}
.tab .col-7 li{width:calc(14.285% - 30px);}


.check2 {position:relative;display: inline-block;align-items: normal;justify-content: space-evenly;background-color: #f9f9f9;padding: 15px 15px;width: -webkit-fill-available;}
.check2 img { width:30px;}
.check2 .txt {padding-left: 12px;letter-spacing: 0 !important;}
.check2 p{ display: inline-block; padding: 0 20px 10px 0;}





.txt_round { background-color:#c1a28e; color:#fff; border-radius:50px; padding:15px 30px; display:inline-block; text-align:center; }




.num_list_box {font-size: 0;}
.num_list_box .num_list li {padding: 10px 10px; /*border-bottom: 1px solid #ddd;*/ text-align:left;}
.num_list_box .num_list li > p {display: inline-block; vertical-align:middle; }
.num_list_box .num_list li .num {width: 50px; height: 50px; line-height:50px; text-align: center; background-color:#a48472; color:#fff; border-radius:50px; font-weight:500; font-size:20px; font-weight:700; font-family: 'Cinzel', sans-serif;}
.num_list_box .num_list li .txt {width: calc(100% - 60px); padding-left: 30px; font-weight:400; color:#222; text-align:left; }


.s_tab {width: 100%;margin: 0 auto;text-align: center;font-size: 0; z-index:1;}
.s_tab li {display: inline-block; vertical-align: top; margin:0 5px; }
.s_tab li a {display: block;  text-align: center; height:50px; line-height:50px; font-size: 18px; font-weight: 400; color: #666; transition: .25s; border:1px solid #222; border-radius:60px;}
.s_tab li a::after {content: ''; background: #ddd; position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 0;  display: block;  z-index: -1;}
.s_tab li a.active,
.s_tab li a:hover{ background-color:#222; color: #fff; font-weight: 500; border-bottom:1px solid #222; }
.s_tab_con > .con { display: none;  /* 기본적으로 모든 내용을 숨김 */}
.s_tab_con > .con.active {display: block;  /* active 클래스가 있을 때만 보이게 함 */}




.reeye_03 .con4 { position: relative;  padding: 150px 0;  background: url('/assets/images/sub/eye_01_con04_bg.jpg') 50% 0% no-repeat; background-attachment:fixed;  background-size: cover; background-color: #75a8c4;  overflow: hidden;}
/* 왼쪽 마스크 */
.reeye_03 .con4::before { content: ""; position: absolute;  top: 0; left: 0;  width: 50%;  height: 100%;  background-color: #75a8c4;  transform: scaleX(1);  transform-origin: left;  animation: maskLeft 3s ease-in-out forwards;  z-index: 1;  pointer-events: none;}
/* 오른쪽 마스크 */
.reeye_03 .con4::after {  content: "";  position: absolute;  top: 0; right: 0;  width: 50%;  height: 100%;  background-color: #75a8c4;  transform: scaleX(1);  transform-origin: right;  animation: maskRight 3s ease-in-out forwards;  z-index: 1;  pointer-events: none;}
.reeye_03 .con4 > * {  position: relative;  z-index: 2;}
.reeye_03 .con4 .w700 {width:700px;left:50%;margin:0 auto;margin-left: 0;}
.reeye_03 .con4 .w700 .logo { position:relative; bottom:10px;}








@media all and (max-width:1800px){
	
}

@media all and (max-width:1430px){


}

@media all and (max-width:1230px){
.tt-section { bottom:0 !important}

}




@media all and (max-width:820px){
#sv_wrap {width: 140vw;border-radius: 0 0 100px 0;overflow: hidden;transform: translateX(-35vw);}
#sv {width: 100vw;position: relative;transform:translateX(35vw);height: 620px !important;}
#sv .sv_visual {width: 100%;height: 100vh;background-size:cover;background-position: 48% 50%;transform:scale(1.2);animation: sv-bg-change 5s infinite;height: 620px !important;}


#sv .sv_tit_wrap {position: absolute;top: 65%;text-align: left;transform:translateY(-50%);color: #fff;overflow: hidden;width: -webkit-fill-available;margin: 0 auto;left: 0;margin-left:6%;}
/* #sv .sv_tit_wrap > div {opacity: 0; animation:svTxt 0.7s 0.3s forwards;} */
#sv .sv_tit_wrap span {opacity: 0; animation:svTxt 0.7s 0.7s forwards; display: inline-block; padding: 3px 15px; background-color: rgba(0, 0, 0, .15); color:#e7d39c; border-radius:5px; letter-spacing:1px;}
#sv .sv_tit_wrap h3 {opacity: 0; animation:svTxt 0.7s 0.5s forwards; }
#sv .sv_tit_wrap p {opacity: 0; animation:svTxt 0.7s 0.3s forwards; }
#sv .sv_tit_wrap .en {letter-spacing: 4px;text-transform: uppercase;}	

#sv .wave{position:absolute;bottom: 10px;left:50%;transform:translate(-50%,0);z-index:20;width: 10px;}
#sv .wave svg{display:block;}
#sv .wave svg path{stroke-dasharray: 55px;stroke-dashoffset: 55px;}

 .more{margin: 50px auto 0; width:-webkit-fill-available;}

.s_tit_wrap {margin:0 0 50px;}
.s_tit_wrap .txt {letter-spacing: 3px;text-transform: uppercase;color:#c1a28e;margin-left:5px;font-size: 16px;}
.s_tit_wrap h4 {margin-bottom:20px;}

.pl100 { padding-left:0;}
.pl70 { padding-left:0;}
.pr70 {padding-right: 0;}
.pr30 { padding-right:0;}
.pl30 { padding-left:0;}
.pl150 { padding-left:0;}

.mt100{margin-top:50px !important;}
.mb100{margin-bottom:50px !important;}

.con {padding: 80px 0;}
.con1 {padding: 80px 0 0;}
.con1 .mt100 {margin-top:50px !important;}
	

.img_list { position:relative;}
.img_list li {display: inline-block;justify-content:space-between;align-items: center;}
.img_list li > div {width: -webkit-fill-available; }
.img_list li .img_box .img{transition:.25s;text-align:right;margin-top: 0;}
.img_list li .txt_box {padding-top: 30px;}
.img_list li .txt_box .txt {letter-spacing: 3px;text-transform: uppercase;color:#c1a28e;}

.img_list li .vertical_line {position: relative;top: 85%;left: 50%;transform:translateX(-50%);width: 1px;height: 0;background-color: #ddd;transition:0.75s 0.3s;display: block;}
.img_list li .move .vertical_line {height: 85px;}
.img_list li .txt_box .num  {display: block;vertical-align: middle;width: 80%;height: 45px;font-size:15px;text-align: center;line-height: 43px;border-radius:50px;background-color: #c1a28e;color: #fff;font-weight: 500;-webkit-transform:translateY(-2px);transform:translateY(-2px);top: -26px;left: 0;margin: 0 auto -30px;z-index: 1;position: relative;}

.round2  li {display: inline-block;vertical-align: top;width: -webkit-fill-available;margin: 0 5px 10px;/* padding:70px 15px 0; */position: relative;}
.round li:after {display:none;}


.w600 {max-width: 630px;margin: 0 auto;position: relative;padding: 0 15px;left: 0;margin-left: 0;}

.square_img_list2 li {display: inline-block;width: -webkit-fill-available;vertical-align: top;text-align:center;}
.square_img_list2 li .num  {display: block;vertical-align: middle;width: 80%;height: 40px;font-size: 15px;text-align: center;line-height: 40px;border-radius:50px;background-color: #7d6660;color: #fff;font-weight: 500;-webkit-transform:translateY(-2px);transform:translateY(-2px);top: -5px;left: 0;margin: 0 auto -30px;z-index: 1;position: relative;}


.square_img_list3 li {display: inline-block;width: -webkit-fill-available;margin: 0 15px 50px;vertical-align: top;text-align:center;background-color: #f6f6f6;border-radius: 20px;padding-bottom:50px; height: -webkit-fill-available !important;}


.square_img_list3 li .num  {display: block;vertical-align: middle;height: 40px;font-size: 16px;text-align: center;line-height: 40px;background-color: #c1a28e;color:#fff;border-radius:80px;-webkit-transform:translateY(-2px);transform:translateY(-2px);/* position: absolute; */top: 0;left: 0;margin: -22px auto 20px;}
.square_img_list4 li {display: inline-block;width: -webkit-fill-available;margin: 0 10px 50px;vertical-align: top;text-align:center;}
.square_img_list5 li {display: inline-block;width: -webkit-fill-available;margin: 0 8px 50px;vertical-align: top;text-align:center;}


.w1000 {max-width: 1030px;margin: 0 auto;position: relative;padding: 0 15px;}
.table_tb {width: -webkit-fill-available;}
.table_tb th,
.table_tb td {padding: 15px 5px;border-bottom: 1px solid #ddd;line-height: 1.5;text-align: center; word-break: keep-all; font-size:14px;}
.table_tb th {}
.table_tb td {font-size: 14px !important;vertical-align: middle; word-break: keep-all;}


.cont{display: block;}
.cont .lt {width: -webkit-fill-available;}
.cont .rt {width: -webkit-fill-available; padding-bottom:30px;}
.cont .en {letter-spacing:3px; text-transform: uppercase; color:#c1a28e;}


.recommend_list_box {font-size: 0;}
.recommend_list_box .recommend_list li {padding: 5px 0 0;justify-content: center;position: relative;align-content: center;align-items: center;display: flex;margin-bottom: 10px;}
.recommend_list_box .recommend_list li > p {display: inline-block; }
.recommend_list_box .recommend_list li .num {background-color:#aec3d0;color:#fff;font-weight:500;font-family: 'Libre Bodoni', serif;width: 45px;height: 50px;line-height: 50px;margin-bottom: 0;font-size: 18px;border-radius:50px;text-align: center;}
/*.recommend_list_box .recommend_list li .num:before {content:'';display: block;width: 1px;height: 20px;background-color: #c1a28e;position: relative;top: 26px;left: 42px;opacity: .6;transition:.25s;}*/
.recommend_list_box .recommend_list li .txt {width: calc(100% - 65px); padding-left: 15px;}
.recommend_list_box .recommend_list li .txt1 {width: calc(100% - 55px); padding-left: 50px;}


.video-container {position: relative;padding-bottom: 0; /* 16:9 */overflow: hidden;border-radius: 0 50px 0 50px;width: -webkit-fill-available;margin:0 auto;}
.video-container .video {position: relative;width: 100%;padding-top: 0;scale:1;}

.outline-text {
  /* 텍스트 내부 색상을 투명하게 설정 */
  color: transparent;
  -webkit-text-fill-color: transparent; /* 웹킷 기반 브라우저 지원 */

  /* 텍스트 윤곽선(두께와 색상) 설정 */
  -webkit-text-stroke-width: 1px; /* 윤곽선 두께 */
  -webkit-text-stroke-color: #fff; /* 윤곽선 색상 (흰색) */
  
  /* 표준 text-stroke 속성 (아직 모든 브라우저에서 완벽 지원되지는 않음) */
  text-stroke-width: 1px;
  text-stroke-color: #fff; margin:0 0 !important; word-break: keep-all; font-size: 20px;}



.box3 {position: relative; text-align:center;}
.box3  ul {width: -webkit-fill-available;text-align: center;font-size: 0;display: block;position: relative;}
.box3  ul li {display: inline-block;vertical-align: top;width: -webkit-fill-available;margin: 0 0px 30px;border-radius:15px;position: relative;height: auto;align-content: center;padding: 15px;}
.box3  ul li:after {content:'';position: absolute;display: block;top: -42px;left: 35%;background-image: url('/assets/images/sub/arrow1.png');width: 83px;height: 22px;margin-left: 0;transform: rotate(90deg);scale:.8;z-index: -1;}
.box3  ul li:first-child::after {content:""; background-image:none; }
.box3  ul li:nth-child(2n) {}

.eye_01 .con2 {position: relative;padding: 80px 0;background: url('/assets/images/sub/eye_01_con02_bg.jpg') 67% 100% no-repeat;background-attachment: inherit;background-size: 235%;background-color: #aa9180;overflow: hidden;}
/* 왼쪽 마스크 */
.eye_01 .con2::before { content: ""; position: absolute;  top: 0; left: 0;  width: 50%;  height: 100%;  background-color: #aa9180;  transform: scaleX(1);  transform-origin: left;  animation: maskLeft 3s ease-in-out forwards;  z-index: 1;  pointer-events: none;}
/* 오른쪽 마스크 */
.eye_01 .con2::after {  content: "";  position: absolute;  top: 0; right: 0;  width: 50%;  height: 100%;  background-color: #aa9180;  transform: scaleX(1);  transform-origin: right;  animation: maskRight 3s ease-in-out forwards;  z-index: 1;  pointer-events: none;}
.eye_01 .con2 > * {  position: relative;  z-index: 2;}


.eye_01 .con4 {position: relative;padding: 80px 0;background: url('/assets/images/sub/eye_01_con04_bg.jpg') 38% 100% no-repeat;background-attachment:inherit;background-size: 300%;background-color: #7dacc8;overflow: hidden;height: 565px;}
/* 왼쪽 마스크 */
.eye_01 .con4::before { content: ""; position: absolute;  top: 0; left: 0;  width: 50%;  height: 100%;  background-color: #7dacc8;  transform: scaleX(1);  transform-origin: left;  animation: maskLeft 3s ease-in-out forwards;  z-index: 1;  pointer-events: none;}
/* 오른쪽 마스크 */
.eye_01 .con4::after {  content: "";  position: absolute;  top: 0; right: 0;  width: 50%;  height: 100%;  background-color: #7dacc8;  transform: scaleX(1);  transform-origin: right;  animation: maskRight 3s ease-in-out forwards;  z-index: 1;  pointer-events: none;}
.eye_01 .con4 > * {  position: relative;  z-index: 2;}
.eye_01 .con4 .w700 {width: -webkit-fill-available;left: 0;margin:0 auto;margin-left: 0;}
.eye_01 .con4 .w700 .logo { position:relative; bottom:10px;}


.img_list4 {position:relative;display: inline-block; text-align:center;}
.img_list4 li {/* display: flex; *//* justify-content:space-between; *//* align-items: start; *//* padding:0 0; */width: 49%;display: inline-block;}
.img_list4 li > div {}
.img_list4 li .img_box .img {width: auto;background-size:auto;background-repeat:no-repeat;background-position: 50% 50%;overflow:hidden;border: none;border-radius: 20px;/* margin-top:85px; */}
.img_list4 li .img_box .img img{ width:-webkit-fill-available;  transition:.5s; }
.img_list4 li .img_box:hover  img {transform:scale(1.05);}
.img_list4 li .txt_box .img {width: auto;/* height: 100%; */background-size:auto;background-repeat:no-repeat;background-position: 50% 50%;overflow:hidden;border: none;margin: 0 0 0 -140px; border-radius: 20px;}
.img_list4 li .txt_box .img img{transition:.5s;}
.img_list4 li .txt_box:hover  img {transform:scale(1.05);}
.img_list4 li:nth-child(2) {transform: translateY(0px);}
.img_list4 li:nth-child(4) {transform: translateY(0px);}
.img_txt {position: absolute;z-index:2;margin: 0 auto;bottom: 19%;width: -webkit-fill-available;} 
.img_txt1 {position: absolute;z-index:2;margin: 0 auto;bottom: 7%;width: -webkit-fill-available;letter-spacing: 0;color:#efd38e;font-size: 22px;} 



.clinic_list_box {font-size: 0;width: -webkit-fill-available;}
.clinic_list_box .clinic_list li {padding: 8px 14px;background-color:#fff;color:#222;border-radius:70px;margin-bottom:10px;border:1px solid #ddd; width: -webkit-fill-available !important; margin:0 0 15px;}
.clinic_list_box .clinic_list li > p {display: flex;vertical-align:middle;justify-content: flex-start;align-items: center;}
.clinic_list_box .clinic_list li .num {width: 40px; height: 40px; line-height: 40px; text-align: center; background-color: #1d2434; color:#fff; border-radius:50%; font-family: 'Montserrat'; font-weight:500; }
.clinic_list_box .clinic_list li .txt1 {width: calc(100% - 55px);padding-left: 43px;font-weight:500;width: -webkit-fill-available;}
.clinic_list_box .clinic_list li > p img {width: 28px;position: absolute;display: inline-block;}


.box4 {position: relative; text-align:center;}
.box4  ul {width: -webkit-fill-available; text-align: center;font-size: 0;display: inline-block;position: relative;}
.box4  li {display: inline-block;vertical-align: top;width: -webkit-fill-available;margin: 0 15px 30px;/* padding:70px 15px 0; */border-radius:10px;background-color: #aec3d0;color:#fff;position: relative;}
.box4  li:nth-child(2n) {background-color: #8db5cd;}
.box4  li .txt_wrap {position: relative;left: 0;width: 100%; z-index: 1;display: block;padding:30px 0;}
.box4 ul li:after {content:'+';position: absolute;display: block;top: -36%;padding-top: 0%;left: 135px;color: #fff;z-index: 2;font-size: 46px;font-family: 'Montserrat';font-weight: 700;}
.box4 ul li:first-child::after {content:""; background-image:none; }

.con1 {padding: 80px 0 0;background: url('/assets/images/sub/bg1.jpg') 50% 0 no-repeat;background-attachment:fixed;z-index: -1;}
.con1 ul {position:relative;display: block;}
.con1 li:nth-child(1) {width: -webkit-fill-available;}
.con1 li:nth-child(2) {width: -webkit-fill-available;padding-top:50px;}
.con1 .tit-wrap{background-image: url('/assets/images/sub/bg1.jpg'); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; /*background-size: cover;*/ background-position-y: 70% 50%; background-attachment: fixed;}
.con1 .tit-wrap h3{font-size: 78px; line-height:1.2; }
.con1 .logo { position:relative; bottom:10px;}



.box {position: relative;}
.box ul {text-align: center;font-size: 0;display: block;position: relative;align-items: center;}
.box li {display: inline-block;vertical-align: top;width: -webkit-fill-available;margin: 0 10px 15px;border-radius:20px;background-color: #cba079;position: relative;}

.box li .txt_wrap {position: relative;left: 0;width: 100%;/* -webkit-transform: translateY(50%); *//* transform:translateY(-50%); */z-index: 1;display: block;padding: 5% 0;}
.box li .txt_wrap .num {display: block; font-family: 'Libre Bodoni'; line-height: 1; padding-bottom: 10px; letter-spacing:0;  margin:0 auto 15px; font-weight:700;  border-bottom: 1px solid rgba(255,255,255,0.5); width:25%; font-variant: lining-nums;}

.box33 {position: relative;}
.box33 ul {text-align: center;font-size: 0;display: block;position: relative;align-items: center;}
.box33 li {display: inline-block;vertical-align: top;width: -webkit-fill-available;margin: 0 10px 15px;border-radius:20px;background-color: #cba079;color:#fff;position: relative;}
.box33 li .txt_wrap {position: relative;left: 0;width: 100%;/* -webkit-transform: translateY(50%); *//* transform:translateY(-50%); */z-index: 1;display: block;padding: 5% 0;}
.box33 li .txt_wrap .num {display: block; font-family: 'Libre Bodoni'; line-height: 1; padding-bottom: 10px; letter-spacing:0;  margin:0 auto 15px; font-weight:700;  border-bottom: 1px solid rgba(255,255,255,0.5); width:25%; font-variant: lining-nums;}



.s_tit_wrap .box {background-color:#bdd0e2;color:#6b5a4a;height:50px;line-height:50px;border-radius:10px;width: 80%;margin:0 auto;}

.s_note {padding: 80px 0;background:#fbfbfb url('/assets/images/sub/s_note_bg.jpg') 50% 50% no-repeat;background-attachment:fixed;background-size:cover;}

.s_note_tab_wrap {display: flex;}
.dot_tab {width: -webkit-fill-available;position: relative;left: 0;margin-left: 0;top: 0;margin-bottom: 10px;padding: 015px;}
.dot_tab a {display: block;color: #666;font-size: 13px;line-height: 40px;height: 40px;font-weight: 500;padding: 0 20px;text-align:left;transition:.25s;position: relative;color:#fff;background-color:#b3b3b3;margin-bottom:5px;width: -webkit-fill-available;}
.dot_tab a:hover,
.dot_tab a.active {color:#fff; background-color:#6b5a4a;}
.dot_tab_con {width:100%;}

.case_list { position:relative;}
.case_list li {display: flex;justify-content:space-between; align-items: center;}
.case_list li:nth-child(even) {/*flex-direction: row-reverse;*/}
.case_list li > div {width: 100%; }
.case_list li .img_box .img {width: 100%; /*height: 100%;*/ background-size:auto; background-repeat:no-repeat; background-position: 50% 50%; overflow:hidden; /*border:3px solid #ddd; border-radius:10px;*/}
.case_list li .txt_box {/* padding: 0 40px 0; */background-color: transparent;position: relative;}
.case_list li .img_box .img img{ width:-webkit-fill-available;  transition:.5s; }
.case_list li .img_box:hover  img {transform:scale(1.15);}
.case_list li .txt_box .img {width: 100%;/* height: 100%; */background-size:auto;background-repeat:no-repeat;background-position: 50% 50%;overflow:hidden; /*border:3px solid #ddd; border-radius:10px;*/}
.case_list li .txt_box .img img{width:-webkit-fill-available;transition:.5s;}
.case_list li .txt_box:hover  img {transform:scale(1.15);}
.keyword_box {margin:0 0;text-align: center;display: inline-block;align-items: center;width: -webkit-fill-available;}
.keyword_box .box{/* z-index:1; */display: inline-block;width: 46%;height:40px;line-height:40px;background-color: #fff;color:#444;border-radius:50px;font-size: 15px;margin-left: 5px;display: inline-block;margin-bottom: 5px;}
.note_box {padding:30px 50px; text-align: left; background-color:#fff; margin-top:30px;}




.con2 {position: relative;padding: 80px 0;background: url('/assets/images/sub/reeye_01_con02_bg.jpg') 76% 100% no-repeat;background-attachment: inherit;background-size: cover;background-color: #745c46;overflow: hidden;}
/* 왼쪽 마스크 */
.con2::before { content: ""; position: absolute;  top: 0; left: 0;  width: 50%;  height: 100%;  background-color: #745c46;  transform: scaleX(1);  transform-origin: left;  animation: maskLeft 3s ease-in-out forwards;  z-index: 1;  pointer-events: none;}
/* 오른쪽 마스크 */
.con2::after {  content: "";  position: absolute;  top: 0; right: 0;  width: 50%;  height: 100%;  background-color: #745c46;  transform: scaleX(1);  transform-origin: right;  animation: maskRight 3s ease-in-out forwards;  z-index: 1;  pointer-events: none;}
.con2 > * {  position: relative;  z-index: 2;}

.con4 { position: relative;  padding: 80px 0;  background: url('/assets/images/sub/reeye_01_con04_bg.jpg') 50% 0% no-repeat; background-attachment: inherit;  background-size: cover; background-color: #aec3d0;  overflow: hidden;}
/* 왼쪽 마스크 */
.con4::before { content: ""; position: absolute;  top: 0; left: 0;  width: 50%;  height: 100%;  background-color: #aec3d0;  transform: scaleX(1);  transform-origin: left;  animation: maskLeft 3s ease-in-out forwards;  z-index: 1;  pointer-events: none;}
/* 오른쪽 마스크 */
.con4::after {  content: "";  position: absolute;  top: 0; right: 0;  width: 50%;  height: 100%;  background-color: #aec3d0;  transform: scaleX(1);  transform-origin: right;  animation: maskRight 3s ease-in-out forwards;  z-index: 1;  pointer-events: none;}
.con4 > * {  position: relative;  z-index: 2;}




.slowaging_01 .con2 { position: relative;  padding: 150px 0;  background: url('/assets/images/sub/bg3.jpg') 50% 0% no-repeat; background-attachment:inherit; background-size: cover; background-color: #cdb6b0;  overflow: hidden;}
/* 왼쪽 마스크 */
.slowaging_01 .con2::before { content: ""; position: absolute;  top: 0; left: 0;  width: 50%;  height: 100%;  background-color: #cdb6b0;  transform: scaleX(1);  transform-origin: left;  animation: maskLeft 3s ease-in-out forwards;  z-index: 1;  pointer-events: none;}
/* 오른쪽 마스크 */
.slowaging_01 .con2::after {  content: "";  position: absolute;  top: 0; right: 0;  width: 50%;  height: 100%;  background-color: #cdb6b0;  transform: scaleX(1);  transform-origin: right;  animation: maskRight 3s ease-in-out forwards;  z-index: 1;  pointer-events: none;}
.slowaging_01 .con2 > * {  position: relative;  z-index: 2;}





.reeye_02 .con2 {position: relative;padding: 130px 0 0;height: 410px;background: url('/assets/images/sub/bg4.jpg') 39% 76% no-repeat;background-attachment: inherit;background-size: 330%;background-color: #6ca1c0;overflow: hidden;}
/* 왼쪽 마스크 */
.reeye_02 .con2::before { content: ""; position: absolute;  top: 0; left: 0;  width: 50%;  height: 100%;  background-color: #6ca1c0;  transform: scaleX(1);  transform-origin: left;  animation: maskLeft 3s ease-in-out forwards;  z-index: 1;  pointer-events: none;}
/* 오른쪽 마스크 */
.reeye_02 .con2::after {  content: "";  position: absolute;  top: 0; right: 0;  width: 50%;  height: 100%;  background-color: #6ca1c0;  transform: scaleX(1);  transform-origin: right;  animation: maskRight 3s ease-in-out forwards;  z-index: 1;  pointer-events: none;}
.reeye_02 .con2 > * {  position: relative;  z-index: 2;}
.w500 {max-width: -webkit-fill-available;margin: 80px auto !important;position: relative;padding: 0 15px;}
.reeye_02 .con2 .w500{margin-left: 0;left: 0;}



.reeye_03 .con4 {position: relative;padding: 80px 0;background: url('/assets/images/sub/eye_01_con04_bg.jpg') 34% 130% no-repeat;background-attachment: inherit;background-size: 320%;background-color: #75a8c4;overflow: hidden;height: 618px;}
/* 왼쪽 마스크 */
.reeye_03 .con4::before { content: ""; position: absolute;  top: 0; left: 0;  width: 50%;  height: 100%;  background-color: #75a8c4;  transform: scaleX(1);  transform-origin: left;  animation: maskLeft 3s ease-in-out forwards;  z-index: 1;  pointer-events: none;}
/* 오른쪽 마스크 */
.reeye_03 .con4::after {  content: "";  position: absolute;  top: 0; right: 0;  width: 50%;  height: 100%;  background-color: #75a8c4;  transform: scaleX(1);  transform-origin: right;  animation: maskRight 3s ease-in-out forwards;  z-index: 1;  pointer-events: none;}
.reeye_03 .con4 > * {  position: relative;  z-index: 2;}
.reeye_03 .con4 .w700 {width: -webkit-fill-available;left: 0;margin:0 auto;margin-left: 0;}
.reeye_03 .con4 .w700 .logo { position:relative; bottom:10px;}



.reeye_04 .con2 {position: relative;padding: 80px 0 0;height: 410px;background: url('/assets/images/sub/bg5.jpg') 39% 76% no-repeat;background-attachment: inherit;background-size: 330%;background-color: #6ca1c0;overflow: hidden;}
/* 왼쪽 마스크 */
.reeye_04 .con2::before { content: ""; position: absolute;  top: 0; left: 0;  width: 50%;  height: 100%;  background-color: #6ca1c0;  transform: scaleX(1);  transform-origin: left;  animation: maskLeft 3s ease-in-out forwards;  z-index: 1;  pointer-events: none;}
/* 오른쪽 마스크 */
.reeye_04 .con2::after {  content: "";  position: absolute;  top: 0; right: 0;  width: 50%;  height: 100%;  background-color: #6ca1c0;  transform: scaleX(1);  transform-origin: right;  animation: maskRight 3s ease-in-out forwards;  z-index: 1;  pointer-events: none;}
.reeye_04 .con2 > * {  position: relative;  z-index: 2;}
.w500 {max-width: -webkit-fill-available;margin: 80px auto !important;position: relative;padding: 0 15px;}
.reeye_04 .con2 .w500{margin-left: 0;left: 0;}

.w600 {max-width: 630px;margin: 80px auto !important;position: relative;padding: 0 15px;left: 0;margin-left: 0;}

















.s_tab {width: -webkit-fill-available;margin-bottom: 0;/* font-size: 0; */position: sticky;text-align:center;top:0;z-index:999;}
.s_tab li {display: inline-block;vertical-align: top;width: 45%;}
.s_tab li a {display: block;  width: auto;text-align: center;line-height: 40px; height:45px;font-size: 14px;margin:0 -1px;border-radius:0;transition: .25s;}


.tab li a {display: block;text-align: center;height:40px;line-height:40px;font-size: 14px;margin:0 -1px;border-radius:0;border-right:1px solid #ddd;transition: .25s;}

.tab .col-1 li{width:calc(50% - 2px);}
.tab .col-2 li{width:calc(50% - 30px);}
.tab .col-3 li{width:calc(32% - 30px);}
.tab .col-4 li{width:calc(25% - 30px);}
.tab .col-5 li{width:calc(33.33% - 20px);}
.tab .col-6 li{width:calc(16.66% - 30px);}
.tab .col-7 li{width:calc(14.285% - 30px);}






@media all and (max-width:520px){
	
	
	

	
}