@charset "utf-8";

#sv_wrap {width: 170vw; border-radius: 0 0; overflow: hidden; transform: translateX(-35vw);}
#sv {width: 100vw; position: relative; transform:translateX(35vw);}
#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; width:100%; transform:translateY(-50%); color: #fff;  /*overflow: hidden; */width: 1200px; left: 50%; margin-left: -600px;}
/* #sv .sv_tit_wrap > div {opacity: 0; animation:svTxt 0.7s 0.3s forwards;} */
#sv .sv_tit_wrap h3 {opacity: 0;animation:svTxt1 3s 1s forwards;padding-left: 15%;text-align: left;position: absolute;transform: translateY(-50%);/* z-index: 6; */position: relative;top: -125px;}
#sv .sv_tit_wrap span {opacity: 0; animation:svTxt 2.3s 1.3s forwards; display: inline-block; letter-spacing:8px; left: 70%;text-align: left;position: absolute; text-transform: uppercase;top: 50px;}
#sv .sv_tit_wrap p {opacity: 0; animation:svTxt 2.3s 1.3s forwards; display: inline-block; letter-spacing:5px; left: 70%;text-align: left;position: absolute; top: 95px;}
#sv .sv_tit_wrap .logo{opacity: 0; animation:svTxt 2.3s 1.3s forwards; display: inline-block; letter-spacing:5px; left: 15%;text-align: left;position: absolute; top: 95px;}
#sv .sv_tit_wrap .logo img {width:215px;}

.flex_con{display:flex;}

@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(-70px);
        opacity:0;
    }
    100% {
        transform:translateX(0);
        opacity:1;
    }
}

@keyframes svTxt1 {
    0% {
        transform:translateX(70px);
        opacity:0;
    }
    100% {
        transform:translateX(0);
        opacity:1;
    }
}
@keyframes svTxt2 {
    0% {
        transform:translateX(-70px);
        opacity:0;
    }
    100% {
        transform:translateX(0);
        opacity:1;
    }
}
 
.s_tit_wrap {margin:0 0 70px;}
.s_tit_wrap .txt { text-transform:uppercase; letter-spacing:7px; color:#c1a28e;}
.s_tit_wrap h4 {}
.s_tit_wrap .title_logo {position: relative; padding: 0 10px 0 20px; bottom: 3px;}
.s_tit_wrap .num { border:1px solid #c3c3c3; background-color:#fff; padding:10px 0; border-radius:70px; width:17%; margin:0 auto; font-family: 'Barlow', sans-serif;}

.highlighter {/* display: inline-block; */font-weight: 600; position: relative; z-index: 1;}
.highlighter:after {content:'';display: block;width: calc(100% + 2px);height: 100%;background-color: #fbe7bc;opacity: .55;position: absolute;left: -2px;bottom: 0;z-index: -1;}

.pl70 { padding-left:70px;}
.pr70 { padding-right:70px;}
.pl50 { padding-left:50px;}
.pl30 { padding-left:30px;}


.con1 {padding: 160px 0 0; }
.title_box {position: relative; background-color:#c1a28e;color:#fff;padding: 15px 5px 15px 75px;border-radius:50px;margin-left:-5%;width: -webkit-fill-available;display: flex;justify-content: left;align-items: center; margin-right: 5%;}
.title_box .q{padding: 0 9px;position: absolute;display: flex;left: 0;}


.con2 {padding: 160px 0; background-color:#f8f2ee;}

.img_list { position:relative;}
.img_list li {display: flex;justify-content:space-between;align-items: start;padding:0 48px;}
.img_list li > div {}
.img_list li .img_box .img {width: auto;background-size:auto;background-repeat:no-repeat;background-position: 50% 50%;overflow:hidden;border: none;border-radius: 20px;}
.img_list li .img_box .img img{ width:-webkit-fill-available;  transition:.5s; }
.img_list li .img_box:hover  img {transform:scale(1.05);}
.img_list li .txt_box .img {width: auto;/* height: 100%; */background-size:auto;background-repeat:no-repeat;background-position: 50% 50%;overflow:hidden;border: none;margin: 85px 0 0 -140px; border-radius: 20px;}
.img_list li .txt_box .img img{transition:.5s;}
.img_list li .txt_box:hover  img {transform:scale(1.05);}
  
.con3 {padding: 160px 0;}
.con4 {padding: 160px 0; background-color:#f4f7f6;}


.square_img_wrap2 {}
.square_img_list2 {font-size: 0; display:block;  }
.square_img_list2 li {display: inline-block;  width: calc(50% - 50px); margin: 0 25px 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: 200px;height: 55px;font-size:20px;text-align: center;line-height: 53px; border-radius:50px; background-color: #fff; border:2px solid  #9e7e66;  color: #9e7e66 ;font-weight: 500;-webkit-transform:translateY(-2px);transform:translateY(-2px);top: 0;left: 0; margin: 0 auto -30px; z-index: 1; 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;}
.square_img_list3 li .square_img {position: relative; overflow:hidden;}
.square_img_list3 li .num  {display: block;vertical-align: middle; font-family: 'Barlow', sans-serif;width: 50px;height: 50px;font-size:20px;text-align: center;line-height: 47px;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_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 0; vertical-align: top; text-align:center; }
.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: 'Barlow', sans-serif;width: 50px;height: 50px;font-size:20px;text-align: center;line-height: 47px;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 .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 0; 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: 'Barlow', sans-serif;width: 50px;height: 50px;font-size:20px;text-align: center;line-height: 47px;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_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;}




.bg {padding: 160px 0 0;    background:#695f5c url('/assets/images/sub/bg.jpg') 50% 50% no-repeat fixed; /* 배경 이미지 설정 */
      background-size: 0% 100%; /* 처음에는 이미지 크기를 0%로 설정 */
      background-position: left center; /* 배경 이미지의 시작 위치를 왼쪽으로 설정 */
      background-repeat: no-repeat; /* 반복되지 않도록 설정 */
      animation: growBackground 3s forwards; /* 5초 동안 애니메이션 효과 적용 */}

 @keyframes growBackground {
      0% {
        background-size: 0% 100%; /* 처음에는 이미지가 0% 크기로 시작 */
      }
      100% {
        background-size: 100% 100%; /* 끝날 때는 이미지가 100% 크기로 */
      }
    }

.chk_txt1 p {position: relative;padding: 0 0;line-height: 1.7;word-break:keep-all;width:725px;margin: 0 auto 12px;color: #fff;}
.chk_txt1 .txt {background-color: #c1a28e;color:#fff;width: 22%;border-radius:50px;position: relative;padding: 7px 10px 7px 55px;margin-right: 18px;display: inline-grid;} 
.chk_txt1 .txt .num {left: 5px;background-color:#6c6463;color:#fff;width: 38px;height: 38px;line-height: 33px;border-radius:30px;position: absolute;text-align: center;top: 4px;font-size: 28px;}


.con5 {padding: 160px 0; background-color:#d9e1e2;}
.con6 {padding: 160px 0; }
.con7 {padding: 160px 0; background-color:#f4f7f6;}

.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 클래스가 있을 때만 보이게 함 */}



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

.s_tab1 {width: 100%;margin: 0 auto;text-align: center;font-size: 0; z-index:1;}
.s_tab1 li {display: inline-block; vertical-align: top; margin:0 5px; }
.s_tab1 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_tab1 li a::after {content: ''; background: #ddd; position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 0;  display: block;  z-index: -1;}
.s_tab1 li a.active,
.s_tab1 li a:hover{ background-color:#222; color: #fff; font-weight: 500; border-bottom:1px solid #222; }
.s_tab_con1 > .con1 { display: none;  /* 기본적으로 모든 내용을 숨김 */}
.s_tab_con1 > .con1.active {display: block; padding:0 25px;  /* active 클래스가 있을 때만 보이게 함 */ }

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


.s_tab2 {width: 100%;margin: 0 auto;text-align: center;font-size: 0; z-index:1;}
.s_tab2 li {display: inline-block; vertical-align: top; margin:0 5px; }
.s_tab2 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_tab2 li a::after {content: ''; background: #ddd; position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 0;  display: block;  z-index: -1;}
.s_tab2 li a.active,
.s_tab2 li a:hover{ background-color:#222; color: #fff; font-weight: 500; border-bottom:1px solid #222; }
.s_tab_con2 > .con2 { display: none; /* 기본적으로 모든 내용을 숨김 */}
.s_tab_con2 > .con2.active {display: block;   padding:0 25px; background-color:transparent !important; /* active 클래스가 있을 때만 보이게 함 */ }

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


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



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



.con8 {padding: 160px 0; }

.con8 .square_img_list4 li .square_img {position: relative;overflow:hidden;border-radius: 0;}
.con8 .square_img_list4 li:hover .square_img img {transform:scale(1); transform: rotate(7deg);}

.s_bf {padding: 160px 0; background-color:#f4f7f6;}
.s_bf .inner {display: flex; align-items:flex-start; }
.s_bf .lt {width: 50%;}
.s_bf .rt {width: 50%;}
.s_bf .slick-dots { position: absolute; bottom: -50px; display:none !important;}
.s_bf .slick-dots li button:before {font-size: 12px;}
.s_bf .con .box4 {position:absolute;display:block;z-index:2;width:300px;height:405px; background: rgba(0,0,0, .4) url('/skin/board/beaf2/img/btn_thumb_login1.png') 50% 50% no-repeat; text-indent: -9999px;  z-index: 1; cursor:pointer;}
.s_bf .con1 .box4 {position:absolute;display:block;z-index:2;width:300px;height:405px; background: rgba(0,0,0, .4) url('/skin/board/beaf2/img/btn_thumb_login1.png') 50% 50% no-repeat; text-indent: -9999px;  z-index: 1; cursor:pointer;}
.s_bf .con2 .box4 {position:absolute;display:block;z-index:2;width:300px;height:405px; background: rgba(0,0,0, .4) url('/skin/board/beaf2/img/btn_thumb_login1.png') 50% 50% no-repeat; text-indent: -9999px;  z-index: 1; cursor:pointer;}
.s_bf .con .box5 {position:absolute;display:block;z-index:2;width:600px;height:202px; background: rgba(0,0,0, .4) url('/skin/board/beaf2/img/btn_thumb_login1.png') 50% 50% no-repeat; text-indent: -9999px;  z-index: 1; cursor:pointer;}

.s_bf .con1 .box5 {position:absolute;display:block;z-index:2;width:600px;height:222px; background: rgba(0,0,0, .4) url('/skin/board/beaf2/img/btn_thumb_login1.png') 50% 50% no-repeat; text-indent: -9999px;  z-index: 1; cursor:pointer;}
.s_bf .con2 .box5 {position:absolute;display:block;z-index:2;width:600px;height:222px; background: rgba(0,0,0, .4) url('/skin/board/beaf2/img/btn_thumb_login1.png') 50% 50% no-repeat; text-indent: -9999px;  z-index: 1; cursor:pointer;}
.s_bf .txt1 {position: relative; margin: 0 auto;  width: -webkit-fill-available; background-color:#f4f7f6; z-index:9; height:60px; line-height:60px;}


.s_bf .more{width:255px;font-family: 'Italiana', sans-serif;margin: 0 auto;cursor: pointer;/*background:linear-gradient(to right, #333 40%, transparent 0%); background-size:400% 100%; background-position: right bottom; transition:all 0.75s ease-out; border-radius:300px;  background-color: transparent; border:1px solid #fff;*/position: relative;opacity:1;padding-top: 0;}
.s_bf .more p{display:flex;align-items:center;justify-content:center;height: 100%;letter-spacing:-0.02em;color: #222;text-align: center;/*text-transform: uppercase;*/transition:.75s;}
.s_bf .more p span{margin-left: 20px;filter: invert(1); transition:.25s;}
.s_bf .more:hover{/* background: #1a3369; */ border-color:#333; background-position:left bottom; }
.s_bf .more:hover p {color: #c1a28e;}
.s_bf .more:hover p span{margin-left: 30px;filter: invert(.5);}




.box1 {position: relative; text-align:center;}
.box1  ul {width: -webkit-fill-available; text-align: center;font-size: 0;display: flex;}
.box1  li {display: inline-block; vertical-align: top; width: calc(50% - 20px); margin: 0 10px 30px;  position: relative;}
.box1  li .txt_wrap {position: relative;left: 0;width: 100%; z-index: 1;display: block;padding:15px 0; background-color: #c1a28e;  color:#fff;  border-radius:50px;}


.img_list1 { position:relative; background-color:#c1a28e; border-radius:20px;}
.img_list1 li {display: flex;justify-content:space-between; align-items: center;}
.img_list1 li:nth-child(even) {/*flex-direction: row-reverse;*/}
.img_list1 li > div {width: 50%; }
.img_list1 li .img_box .img {width: 100%; /*height: 100%;*/ background-size:auto; background-repeat:no-repeat; background-position: 50% 50%; z-index:1; border-radius:20px; }
.img_list1 li .txt_box {/* padding: 0 40px 0; */background-color: transparent;position: relative; z-index:1}
.img_list1 li .txt_box .num {display: inline-block;vertical-align: middle;font-family: 'Italiana', sans-serif;width: 80px;height: 80px;font-size:38px;text-align: center;line-height: 78px;background-color: #c1a28e;color:#fff;border-radius:80px; margin-right: 15px;}


.img_list1 li .img_box .img img{ width:-webkit-fill-available;  transition:.25s;  /*box-shadow: 0px 1px 20px 10px rgba(0, 0, 0, 0.1);  border-radius: 20px;*/ }

.img_list1 li .img_box .img  {position: relative; overflow:hidden;}
.img_list1 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_list1 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_list1 li .img_box .img{transition:.25s;}
.img_list1 li .img_box .img:hover{border-radius:30px 0 30px 0;}
.img_list1 li .img_box:hover img {transform:scale(1.05);}
.img_list1 li .txt_box .img {width: 100%;background-size:auto;background-repeat:no-repeat;background-position: 50% 50%;}
.img_list1 li .txt_box .img img{width:-webkit-fill-available;transition:.5s;}
.img_list1 li .txt_box:hover  img {transform:scale(1);}
.img_list1 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_list1 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;}



 
.num_list_box {font-size: 0;}
.num_list_box .num_list li {/*border-bottom: 1px solid #ddd;*/ text-align:left;  justify-content: left; margin-bottom:10px;}
.num_list_box .num_list li > p {display: inline-block; vertical-align:middle; }
.num_list_box .num_list li .num {width: 50px; height: 40px; line-height: 35px; text-align: center; background-color:#c1a28e; color:#fff; border-radius:50px; font-weight:600; font-size:20px;font-family: 'Italiana', sans-serif; }
.num_list_box .num_list li .txt { padding-left:0; font-weight:400; color:#fff; text-align:left; }

.gray_box_list3 {display: flex;flex-wrap:wrap;}
.gray_box_list3 li {width: 33.33%;background-color: #fff;border:1px solid #eff1f1;text-align: center; margin-right:-1px; margin-top:-1px;}

.gray_box_list3 li :before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	z-index: 1;
    border-radius:0; 
	border :1px solid rgba(76,90,106,0);
	-webkit-transition:border-width .5s ease,border-color .5s ease; 
	-moz-transition:border-width .5s ease,border-color .5s ease; 
	-o-transition:border-width .5s ease,border-color .5s ease; 
	transition:border-width .5s ease,border-color .5s ease
}

.gray_box_list3 li :hover:before {
	border-width :8px; /* Change this line */
	border-color :rgba(212,174,133,0.7);/* Change this line */
	-webkit-transition:border-width .5s ease,border-color .5s ease; 
	-moz-transition:border-width .5s ease,border-color .5s ease; 
	-o-transition:border-width .5s ease,border-color .5s ease; 
	transition:border-width .5s ease,border-color .5s ease
}

.gray_box_list3 li:nth-child(odd) {background-color: #f9f9f9;}
.gray_box_list3 li h4 {display: block;position: relative; padding: 35px 25px;}
.gray_box_list3 li h4 .num {display: block;vertical-align: middle;font-family: 'Italiana', sans-serif;width: 38px;height: 38px;font-size:22px;text-align: center;line-height: 38px;background-color: #c1a28e;border-radius:50%;color: #fff;font-weight: 500;-webkit-transform:translateY(-2px);transform:translateY(-2px);/* position: absolute; */top: 0;left: 0;margin: 0 auto 20px;}

.chk_txt p {position: relative;padding-left: 42px;line-height: 1.7;word-break:keep-all;margin-bottom: 10px;}
.chk_txt p:after {content:'';display: block;width:30px;height: 26px;background: url('/assets/images/sub/i_chk.png') 0 0 no-repeat;position: absolute;top: 3px;left: 0;}

.chk_txt2 p {position: relative; padding-left: 25px; line-height: 1.7; word-break:keep-all; margin-bottom: 5px;}
.chk_txt2 p:after {content:''; display: block; width: 7px; height: 7px; background-color:#c1a28e;  position: absolute; top: 12px; left:5px;}

.chk_list {width:-webkit-fill-available;position:relative;}
.chk_list li {font-weight: 500;position: relative;word-break:keep-all;border-radius: 80px;background-color: #c1a28e;color:#fff;padding: 12px 0;text-align:center;width: calc(50% - 5px);margin: 0 1px 10px;display: inline-block;}

.con4 .square_img_list2 li {display: inline-block;  width: calc(50% - 20px); margin: 0 10px 30px !important;  vertical-align: top; text-align:center;}
.con4 .square_img_list2 li .square_img img {width: 100%;transition:.5s}



.round { border:1px solid #c3c3c3;  padding:10px 0; border-radius:70px; width:170px; margin:0; font-family: 'Barlow', sans-serif; text-align:center;}

 .half li {width: calc(50% - 22px);margin: 0 10px;position: relative;transition:.5s;display: inline-block;}
 .half li p {line-height: 1.5;display: block;}
 .half li .txt_box {position: absolute;padding-left: 54%;align-items: center;padding-top: 10%;top: 0;}
 .half li .txt_box h3 {display: inline-block;position: relative; font-weight: 500; padding:20px 0 0 48%;    }
 .half li .txt_box p{}
 .half li img {}

.round4 {position: relative;text-align:center;width: 620px;display: inline-block;}
.round4  ul {width: -webkit-fill-available;text-align: center;font-size: 0;display: flex;position: relative;}
.round4  li {display: inline-block;vertical-align: top;width: 165px;height:150px;margin: 0 -5px 20px;padding:0 0 !important;border-radius:200px;border:1px solid #d6b9a3;color:#222;position: relative;text-align: center;align-items: center;justify-content: center;display: flex;position: relative;}
.round4  li:nth-child(2n)  {}
.round4  li .txt_wrap {position: relative;width: max-content;z-index: 1;margin: 0 auto;background-color: transparent;color: #c1a28e; font-weight:500; padding: 0 0;}


.round3 {position: relative; text-align:center;}
.round3  ul {width: -webkit-fill-available;text-align: center;font-size: 0;display: block;position: relative;}
.round3  li {display: inline-block;vertical-align: top;width: calc(33.33% - 20px);margin: 0 10px 20px;/* padding:70px 15px 0; */border-radius:100px;background-color: #c1a28e;color:#fff;position: relative;text-align: center;}
.round3  li:nth-child(2n)  {background-color: #d6b9a3;}
.round3  li .txt_wrap {position: relative;width: max-content;z-index: 1;height: 100px;display: flex;align-items: center;margin: 0 auto;}

.round33 {position: relative; text-align:center; margin-top:-50px;}
.round33  ul {width: -webkit-fill-available;text-align: center;font-size: 0;display: block;position: relative;}
.round33  li {display: inline-block;vertical-align: top;width: calc(25% - 20px);margin: 0 10px 20px;/* padding:70px 15px 0; */border-radius:100px;background-color: #c1a28e;color:#fff;position: relative;text-align: center;}
.round33  li:nth-child(2n)  {background-color: #d6b9a3;}
.round33  li .txt_wrap {position: relative;width: max-content;z-index: 1;height: 100px;display: flex;align-items: center;margin: 0 auto;}



.round1 {position: relative; text-align:center; width:80%; margin:0 0;}
.round1  ul {width: -webkit-fill-available;text-align: center;font-size: 0;display: block;position: relative;}
.round1  li {display: inline-block;vertical-align: top;width: -webkit-fill-available;margin: 0 0 10px; padding:7px 15px; border-radius:100px;background-color: transparent ;color:#fff;position: relative;text-align: center; border:1px solid #d6b9a3;}
.round1  li .txt_wrap {position: relative;width: max-content;z-index: 1;display: flex;align-items: center;margin: 0 auto;}

.implant_01 .round4  li {display: inline-block;vertical-align: top;width: 220px;height:130px;margin: 0 -5px 20px;padding:0 0 !important;border-radius:200px;border:1px solid #d6b9a3;color:#222;position: relative;text-align: center;align-items: center;justify-content: center;display: flex;position: relative;}


.s_title{display:flex; padding-bottom:70px;}
.s_title .lt {width: 25%;}
.s_title .rt {width: 75%;}


.cosmetic_01 .con3 { padding-top:100px;}
.cosmetic_01 .round3  li .txt_wrap {position: relative;width: max-content;z-index: 1;height: 70px;display: flex;align-items: center;margin: 0 auto;}
.cosmetic_01 .round3  li {margin: 0 20px 10px 0;}
.cosmetic_01 .num {display: inline-block;vertical-align: middle;font-family: 'Italiana', sans-serif;width: 80px;height: 80px;font-size:38px;text-align: center;line-height: 78px;background-color: #c1a28e;color:#fff;border-radius:80px; margin-right: 15px;}


.item_box {position: relative; text-align:center; margin:0 auto;}
.item_box  ul {text-align: center;font-size: 0;position: relative; display: flex;}
.item_box  li {display: inline-block ;vertical-align: top;width: calc(33.33% - 20px); margin: 0 10px 30px; padding:50px 15px; background-color: #f8f2ee; /*border:1px solid #c1a28e;*/ border-radius:30px; position: relative;}
.item_box  li:nth-child(2n) {background-color: #f6eae2;}
.item_box  li .txt_wrap {position: relative;left: 0;width: 100%;/* -webkit-transform: translateY(50%); *//* transform:translateY(-50%); */z-index: 1;display: block;}
.item_box  li .txt_wrap .num1 {display: block; font-weight:600;  line-height: 1; padding-bottom: 20px; letter-spacing:0; font-size:24px; margin:0 auto 20px;  border-bottom: 1px solid rgba(0,0,0,0.3) !important; width:80%;}
.item_box  li .txt_wrap .txt {display: block;  padding-bottom: 10px; margin:0 auto 15px; border-bottom: 1px solid rgba(0,0,0,0.7); width:60%;}

.case_title { background-color:#f8f3ee; width:20%; border-radius:50px; padding:8px 0; text-align:center; color:#9e7e66; margin:0 auto 50px;}


.num_img1{margin: 120px 0 0;}
.num_img1 ul { font-size: 0; text-align: center; display: flex;}
.num_img1  ul:after,
.num_img1  ul:before {content:''; display: block; position: absolute;}
.num_img1  ul:after {width: 300%; height: 2px;  background-image: linear-gradient(140deg, #d5b7a3 10%, #c1a28e 85%); left: -150%; z-index:0;}
.num_img1 ul li {width:calc(33.33% - 15px);margin-right:20px;display:inline-block;vertical-align:top;position:relative;/*border-top:2px solid #222; border-left:2px solid #222; border-right:2px solid #222; */background-color:#fff;margin-top: 80px;z-index:1;}
.num_img1 ul li:last-child{margin-right:0;}
.num_img1 ul li span{z-index:1;display:block;position:absolute;left:calc(50% - 35%);top: -110px;width:75%;height:55px;line-height:55px;background-color:#c1a28e;border-radius:100px;color: #fff;}
.num_img1 ul li i{ z-index:2; display:block;  text-align:center; font-size:22px; color:#ffff; font-weight:500; font-style:normal;}
.num_img1 ul li .text{ padding:30px 50px 30px; box-sizing:border-box;  text-align:left;}
.num_img1 ul li .text img { width:-webkit-fill-available;}
.num_img1 ul li  .round { padding:15px 0; background-color:#222; color:#fff; font-size:16px; margin:20px 0 30px; border-radius:50px;}
.num_img1 ul li span:after,
.num_img1 ul li span:before {content:''; display: block; position: absolute; left: 50%;}
.num_img1 ul li span:after {width: 1px;height: 55px;background-color: #c9b5a9;}

.square_img_list2 li .txt2 {background-color:#cacaca;}


.feature-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 80px 60px;
  margin: 0 auto;
  position: relative;
}

.feature-item {
  padding: 20px;
  text-align: center;
}

.feature-item h3 {
  font-family: 'Italiana', serif;
  color: #c1a28e;
}



/* 중앙 십자선: 여백 주기 위해 양쪽 나눠서 50%씩만 */
.cross-line-horizontal-left,
.cross-line-horizontal-right,
.cross-line-vertical-top,
.cross-line-vertical-bottom {
  position: absolute;
  background-color: #d4c3b9;
}

.cross-line-horizontal-left {
  top: 50%;
  left: 0;
  width: calc(50% - 30px);
  height: 1px;
  transform: translateY(-50%);
}

.cross-line-horizontal-right {
  top: 50%;
  right: 0;
  width: calc(50% - 30px);
  height: 1px;
  transform: translateY(-50%);
}

.cross-line-vertical-top {
  top: 0;
  left: 50%;
  height: calc(50% - 30px);
  width: 1px;
  transform: translateX(-50%);
}

.cross-line-vertical-bottom {
  bottom: 0;
  left: 50%;
  height: calc(50% - 30px);
  width: 1px;
  transform: translateX(-50%);
}



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

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


}

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


}




@media all and (max-width:820px){
.feature-section{gap:10px}
.feature-item{padding:20px 0}
.pl70 { padding-left: 0;}
.pr70 { padding-right: 0;}

#sv_wrap {width: 170vw;height:650px;border-radius: 0 0;overflow: hidden;transform: translateX(-35vw);}
#sv {width: 100vw;height: 650px !important;position: relative;transform:translateX(35vw);}

#sv .sv_tit_wrap {position: absolute;top: 55%;text-align:center;width:100%;transform:translateY(-50%);color: #fff;/*overflow: hidden; */width: -webkit-fill-available;left: 7%;margin-left: 0;}
/* #sv .sv_tit_wrap > div {opacity: 0; animation:svTxt 0.7s 0.3s forwards;} */
#sv .sv_tit_wrap h3 {opacity: 0;animation:svTxt1 3s 1s forwards;padding-left: 0;text-align: left;position: absolute;transform: translateY(-50%);/* z-index: 6; */position: relative;top: 0;}
#sv .sv_tit_wrap span {opacity: 0;animation:svTxt 2.3s 1.3s forwards;display: inline-block;letter-spacing: 5px;left: 0;text-align: left;position: absolute;text-transform: uppercase;top: 118px;}
#sv .sv_tit_wrap p {opacity: 0;animation:svTxt 2.3s 1.3s forwards;display: inline-block;letter-spacing:5px;left: 0;text-align: left;position: absolute;top: 145px;}
#sv .sv_tit_wrap .logo{opacity: 0;animation:svTxt 2.3s 1.3s forwards;display: inline-block;letter-spacing:5px;left: 0;text-align: left;position: absolute;top: 125px;}
#sv .sv_tit_wrap .logo img {width: 38%;}

.s_tit_wrap .title_logo img { width:100px;}

.con1 {padding: 80px 0 0;}

.s_tit_wrap {margin: 0 20px 50px;}
.s_tit_wrap .txt {text-transform:uppercase;letter-spacing: 3px;color:#c1a28e;}
.s_tit_wrap .num {border:1px solid #c3c3c3;background-color:#fff;padding:10px 0;border-radius:70px;width: 50%;margin:0 auto;font-family: 'Barlow', sans-serif;}
.s_tit_wrap .title_logo {position: relative;padding: 0 10px 0 0;bottom: 3px;}


.title_box {padding: 15px 5px 15px 65px; margin-right: 0;}
.title_box .q img { width:85%;}
.con2 {padding: 80px 0;}

.img_list { position:relative;}
.img_list li {display: block;justify-content:space-between;align-items: start; padding:0 10px;}
.img_list li > div {}
.img_list li .img_box .img {width: -webkit-fill-available;background-size:auto;background-repeat:no-repeat;background-position: 50% 50%;overflow:hidden;border: none;border-radius: 20px;}
.img_list li .img_box .img img{ width:-webkit-fill-available;  transition:.5s; }
.img_list li .txt_box .img {width: auto;/* height: 100%; */background-size:auto;background-repeat:no-repeat;background-position: 50% 50%;overflow:hidden;border: none;margin: 20px 0;border-radius: 20px;}
.img_list li .txt_box .img img{transition:.5s;}
.img_list li .txt_box:hover  img {transform:scale(1.15);}
  
.con3 {padding: 80px 0;}
.con4 {padding: 80px 0; background-color:#f4f7f6;}

.bg {padding: 80px 0 0;}

.img_list1 { position:relative; background-color:#c1a28e; border-radius:20px;}
.img_list1 li {display: block;justify-content:space-between;align-items: center;}
.img_list1 li:nth-child(even) {/*flex-direction: row-reverse;*/}
.img_list1 li > div {width: -webkit-fill-available;}
.img_list1 li .img_box .img {width: 100%; /*height: 100%;*/ background-size:auto; background-repeat:no-repeat; background-position: 50% 50%; z-index:1; border-radius:20px; }
.img_list1 li .txt_box {/* padding: 0 40px 0; */background-color: transparent;position: relative; z-index:1; padding-top:30px;}

.img_list1 li .img_box .img:hover{border-radius:10px 0 10px 0;}

.gray_box_list3 {display: block;flex-wrap:wrap;}
.gray_box_list3 li {width: -webkit-fill-available;background-color: #fff;border:1px solid #eff1f1;text-align: center;margin-right:-1px;margin-top:-1px;}


.con5 {padding: 80px 0;}
.con6 {padding: 80px 0;}

.square_img_list2 li {display: inline-block;width: -webkit-fill-available;margin: 0 5px 30px;vertical-align: top;text-align:center;}
.con4 .square_img_list2 li {display: inline-block;width: -webkit-fill-available;margin: 0 5px 30px !important;vertical-align: top;text-align:center;}
.square_img_list3 li {display: inline-block;width: -webkit-fill-available;margin: 0 5px 30px;vertical-align: top;text-align:center;}
.square_img_list4 li {display: inline-block;width: -webkit-fill-available;margin: 0 5px 30px;vertical-align: top;text-align:center;}
.square_img_list5 li {display: inline-block;width: -webkit-fill-available;margin: 0 5px 30px;vertical-align: top;text-align:center;}


.con7 {padding: 80px 0;}
.con8 {padding: 80px 0;}



.s_tab_con1 > .con1.active {display: block;padding:0;  /* active 클래스가 있을 때만 보이게 함 */width: 100%;position: relative;height: 100%;}
.s_tab_con2 > .con2.active {display: block;padding:0;  /* active 클래스가 있을 때만 보이게 함 */width: 100%;position: relative;height: 100%;}
.s_tab1 li a {display: block;text-align: center;height:35px;line-height:35px;font-size: 14px;font-weight: 400;color: #666;transition: .25s;border:1px solid #222;border-radius:60px;}
.s_tab2 li a {display: block;text-align: center;height:35px;line-height:35px;font-size: 14px;font-weight: 400;color: #666;transition: .25s;border:1px solid #222;border-radius:60px;}


.s_bf {padding: 80px 0 50px; background-color:#f4f7f6;}
.s_bf .inner {display: block;align-items:flex-start;}
.s_bf .lt {width: -webkit-fill-available;}
.s_bf .rt {width: -webkit-fill-available;}
.s_bf .slick-dots { position: absolute; bottom: -50px; display:none !important;}
.s_bf .slick-dots li button:before {font-size: 12px;}
.s_bf .con .box4 {position:absolute;display:block;z-index:2;width:300px;height:405px; background: rgba(0,0,0, .4) url('/skin/board/beaf2/img/btn_thumb_login1.png') 50% 50% no-repeat; text-indent: -9999px;  z-index: 1; cursor:pointer;}
.s_bf .con1 .box4 {position:absolute;display:block;z-index:2;width: 50%;background: rgba(0,0,0, .4) url('/skin/board/beaf2/img/btn_thumb_login1.png') 50% 50% no-repeat;text-indent: -9999px;z-index: 1;cursor:pointer;height: 100%;}
.s_bf .con2 .box4 {position:absolute;display:block;z-index:2;width: 50%;background: rgba(0,0,0, .4) url('/skin/board/beaf2/img/btn_thumb_login1.png') 50% 50% no-repeat;text-indent: -9999px;z-index: 1;cursor:pointer;height: 100%;}


.s_bf .con1 .box4 {position:absolute;display:block;z-index:2;width:50%;height:100%; background: rgba(0,0,0, .4) url('/skin/board/beaf2/img/btn_thumb_login1.png') 50% 50% no-repeat; text-indent: -9999px;  z-index: 1; cursor:pointer; background-size:57%}
.s_bf .con2 .box4 {position:absolute;display:block;z-index:2;width:50%;height:100%; background: rgba(0,0,0, .4) url('/skin/board/beaf2/img/btn_thumb_login1.png') 50% 50% no-repeat; text-indent: -9999px;  z-index: 1; cursor:pointer; background-size:57%}
.s_bf .con .box5  {position:absolute;display:block;z-index:2;width:-100%;height:55%; background: rgba(0,0,0, .4) url('/skin/board/beaf2/img/btn_thumb_login1.png') 50% 50% no-repeat; text-indent: -9999px;  z-index: 1; cursor:pointer; background-size:57%; width:30%;}

.s_bf .con1 .box5 {position:absolute;display:block;z-index:2;width:100%;height:55%; background: rgba(0,0,0, .4) url('/skin/board/beaf2/img/btn_thumb_login1.png') 50% 50% no-repeat; text-indent: -9999px;  z-index: 1; cursor:pointer; background-size:30%}
.s_bf .con2 .box5 {position:absolute;display:block;z-index:2;width:100%;height:55%; background: rgba(0,0,0, .4) url('/skin/board/beaf2/img/btn_thumb_login1.png') 50% 50% no-repeat; text-indent: -9999px;  z-index: 1; cursor:pointer; background-size:30%}


.s_bf .con1 .box4,
.s_bf .con2 .box4 { position: absolute; top: 0;  left: 0;  width: 50%;    /* 부모 기준 꽉 채움 */  height: auto;  aspect-ratio: 4/6; /* 비율 유지 (예: 600x400) */  background: rgba(0, 0, 0, .4) url('/skin/board/beaf2/img/btn_thumb_login1.png') center center no-repeat ; background-size:50%;    /* 이미지 크기 */  z-index: 2;  cursor: pointer; text-indent: -9999px;}

.s_bf .con1 .box4.
.s_bf .con1 .box5 {position: absolute;  top: 0;  left: 0;  width: 100%;  height: 55%; /* aspect-ratio: 4/6; */ background: rgba(0, 0, 0, .4) url('/skin/board/beaf2/img/btn_thumb_login1.png') center center no-repeat;  background-size: 30%;  z-index: 2;  cursor: pointer;  text-indent: -9999px;}




.s_tab1 .col-3 li{width:calc(32% - 30px);}
.s_tab2 .col-3 li{width:calc(32% - 30px);}

.s_bf .more{width: -webkit-fill-available;font-family: 'Italiana', sans-serif;margin: 0 auto 30px;cursor: pointer;/*background:linear-gradient(to right, #333 40%, transparent 0%); background-size:400% 100%; background-position: right bottom; transition:all 0.75s ease-out; border-radius:300px;  background-color: transparent; border:1px solid #fff;*/position: relative;opacity:1;padding-top: 0;scale: .8;}

.s_bf .txt1 {position: relative; margin: 0 auto;  width: -webkit-fill-available; background-color:#fff; z-index:9; height:42px; line-height:42px;}


.chk_txt1 p {position: relative;padding: 0 0;line-height: 1.7;word-break:keep-all;width: -webkit-fill-available;margin: 0 auto 17px;color: #fff;}
.chk_txt1 .txt {background-color: #c1a28e;color:#fff;width: -webkit-fill-available;border-radius:50px;position: relative;padding: 0 10px 0 55px;margin-right: 0;display: inline-grid;height: -webkit-fill-available; margin-bottom:10px; height:45px; line-height:45px;} 
.chk_txt1 .txt .num {left: 5px;background-color:#6c6463;color:#fff;width: 38px;height: 38px;line-height: 33px;border-radius:30px;position: absolute;text-align: center;top: 4px;font-size: 28px;}

.s_tab li a {display: block;text-align: center;height: 35px;line-height: 35px;font-size: 15px;font-weight: 400;color: #666;transition: .25s;border:1px solid #222;border-radius:60px;margin-bottom: 5px;}
.s_tab .col-5 li {width: calc(33.33% - 10px);}
.mt70{margin-top:30px !important;}

.s_tab_con  .img_list1 li .txt_box {padding: 50px 20px;}




.num_img1{margin: 120px 0 0;position: relative;}
.num_img1 ul {font-size: 0;text-align: center;display: block;}
.num_img1  ul:after,
.num_img1  ul:before {content:''; display: none; position: absolute;}
.num_img1  ul:after {}
.num_img1 ul li {width: -webkit-fill-available;margin-right: 0;display:inline-block;vertical-align:top;position:relative;/*border-top:2px solid #222; border-left:2px solid #222; border-right:2px solid #222; */background-color:#fff;margin-top: 0;z-index:1;margin-bottom: 130px;}
.num_img1 ul li:last-child{margin-right:0; margin-bottom:0;}
.num_img1 ul li span{z-index:1;display:block;position:absolute;left:calc(50% - 35%);top: -91px;width:75%;height:55px;line-height:55px;background-color:#c1a28e;border-radius:100px;color: #fff;}
.num_img1 ul li i{z-index:2;display:block;text-align:center;font-size: 15px;color:#ffff;font-weight:500;font-style:normal;}
.num_img1 ul li .text{padding:30px 50px 30px;box-sizing: border-box;text-align:left;}
.num_img1 ul li .text img { width:-webkit-fill-available;}
.num_img1 ul li  .round { padding:15px 0; background-color:#222; color:#fff; font-size:16px; margin:20px 0 30px; border-radius:50px;}
.num_img1 ul li span:after,
.num_img1 ul li span:before {content:''; display: block; position: absolute; left: 50%;}
.num_img1 ul li span:after {width: 1px;height: 55px;background-color: #c9b5a9;}


.num_list_box .num_list li .num {width: 50px !important; height: 35px !important; line-height: 33px !important; text-align: center; background-color:#c1a28e; color:#fff; border-radius:50px; font-weight:500; font-size:18px !important;font-family: 'Italiana', sans-serif;  margin-right: 5px !important;}


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

.chk_list {width:-webkit-fill-available;position:relative;}
.chk_list li {font-weight: 500;position: relative;word-break:keep-all;border-radius: 80px;background-color: #c1a28e;color:#fff;padding: 12px 0;text-align:center;width: -webkit-fill-available;margin: 0 1px 10px;display: inline-block;}


.ss_tab li a {display: block;text-align: center;height: 35px;line-height: 35px;font-size: 15px;font-weight: 400;color: #666;transition: .25s;border-bottom:3px solid #c3c2c2;}
.ss_tab .col-3 li{width:calc(33.33% - 10px);}

.half li {width: -webkit-fill-available;margin: 0 10px 30px;position: relative;transition:.5s;display: inline-block;}
.half li p {line-height: 1.5;display: block;text-align: center;}
.half li .txt_box {position: relative;padding-left:0;align-items: center;padding-top: 7%;top: 0;}
 
.round1 {position: relative; text-align:center; width:-webkit-fill-available; margin:0 0;}
 
.round4 {position: relative;text-align:center;width: -webkit-fill-available;display: inline-block;}
.round4  ul {width: -webkit-fill-available;text-align: center;font-size: 0;display: block;position: relative;}
.round4  li {display: inline-block;vertical-align: top;width: -webkit-fill-available;height: 55px;margin: 0 -5px 20px;padding:0 0 !important;border-radius:200px;border:1px solid #d6b9a3;color:#222;position: relative;text-align: center;align-items: center;justify-content: center;display: flex;position: relative;}
.round4  li:nth-child(2n)  {}
.round4  li .txt_wrap {position: relative;width: max-content;z-index: 1;margin: 0 auto;background-color: transparent;color: #c1a28e; font-weight:500; padding: 0 0;}

.round3  ul {width: -webkit-fill-available;text-align: center;font-size: 0;display: block;position: relative;}
.round3  li {display: inline-block;vertical-align: top;width: -webkit-fill-available;margin: 0 10px 20px;/* padding:70px 15px 0; */border-radius:100px;background-color: #c1a28e;color:#fff;position: relative;text-align: center; }
.round3  li .txt_wrap {position: relative;width: max-content;z-index: 1;height: auto;display: flex;align-items: center;margin: 0 auto;padding: 12px 0; }

.round33 {position: relative;text-align:center;margin-top: 0;}
.round33  ul {width: -webkit-fill-available;text-align: center;font-size: 0;display: block;position: relative;}
.round33  li {display: inline-block;vertical-align: top;width: -webkit-fill-available;margin: 0 10px 20px;/* padding:70px 15px 0; */border-radius:100px;background-color: #c1a28e;color:#fff;position: relative;text-align: center;}
.round33  li .txt_wrap {position: relative;width: max-content;z-index: 1;height: auto;display: flex;align-items: center;margin: 0 auto;padding: 12px 0;}



.implant_01 .round4  li {display: inline-block;vertical-align: top;width: -webkit-fill-available;height: 75px;margin: 0 0 20px;padding:0 0 !important;border-radius:200px;border:1px solid #d6b9a3;color:#222;position: relative;text-align: center;align-items: center;justify-content: center;display: flex;position: relative;}

.s_title{display: block;padding-bottom: 70px;}
.s_title .lt {width: -webkit-fill-available;}
.s_title .rt {width: 75%;}


.case_title {background-color:#f8f3ee;width: 55%;border-radius:50px;padding:8px 0;text-align:center;color:#9e7e66;margin:0 auto 50px;}

.img_list1 li .txt_box .num {display: inline-block;vertical-align: middle;font-family: 'Italiana', sans-serif;width: 55px;height: 55px;font-size: 36px;text-align: center;line-height: 53px;background-color: #c1a28e;color:#fff;border-radius:80px;margin-right: 15px;}

.cosmetic_01 .round3  li {margin: 0 0 10px 0;}
.item_box {position: relative; text-align:center; margin:0 auto;}
.item_box  ul {text-align: center;font-size: 0;position: relative;display: block;}
.item_box  li {display: inline-block;vertical-align: top;width: -webkit-fill-available;margin: 0 5px 30px;padding:50px 15px;background-color: #f8f2ee;/*border:1px solid #c1a28e;*/border-radius:30px;position: relative;}
item_box li .txt_wrap .num1 {font-size: 18px;}

.cosmetic_01 .con3 {padding-top: 50px;}
.s_tab_con .s_tit_wrap {  margin: 0 0 50px;}
.cosmetic_01 .round3 li .txt_wrap { height:55px;}


}
@media all and (max-width:768px){
.scrollx_768 { overflow-x: auto;  margin-top: 0;  padding-top: 30px; padding-bottom:50px;  background: url('/assets/images/sub/bg_hand.gif') 0 0 no-repeat; min-width: 620px;}



}

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