@charset "utf-8";
#header #logo img {vertical-align: middle; width:90%; display: none;}
#header #logo img:nth-child(2) {display: block;}
#header #gnb_wrap .dep1_con .dep1 {position: relative;display: inline-block;padding: 0 17px;font-size: 18px;color: #333;line-height: 90px;transition:.25s;font-family: 'Montserrat';font-weight:500;}
#header #gnb_wrap .dep1_con .dep1:hover{color:#b2977a; }
#header #gnb_wrap .dep1_con .dep1.active{color:#b2977a; }

#header.scrolled { background-color: rgba(255, 255, 255, .7);  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); }


#sv_wrap {width: 170vw; height:580px; background-color:#2c2f3c; border-radius: 0 0; overflow: hidden; transform: translateX(-35vw); z-index:0; }
#sv_wrap::before{ z-index:0; } 
#sv {width: 100vw; height:580px !important;  position: relative; z-index:1; transform:translateX(35vw); padding-top:170px;}
#sv .sv_visual {width: 100%; height:580px !important; background-size:cover; background-position: 50% 50%; transform:scale(1.1); animation: sv-bg-change 10s infinite;}
#sv .sv_tit_wrap {position: relative; text-align:center; width:100%;}
/* #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.3s forwards; display: inline-block;border-radius:50px; 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.7s forwards; }


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


.scroll_down span:after { background: #fdebd2;}



.con2 {padding: 160px 0;}
 
.gray_scroll_bg {width: 100%; height: 0; background-color: #f4f4f4; position: absolute; top: 0; left: 0; transition:1s .5s;}
.move .gray_scroll_bg { height: 725px; }


.page_top_wrap {}
.page_top_wrap .inner {display: flex; width: 100%; }
.page_top_wrap .txt_box {display: block;position: relative;height: 305px; width:40%}
.page_top_wrap .txt_box > div {width: 700px; padding:0 0;}
.page_top_wrap .img_box {width:60%;display: flex; bottom:165px;}
.page_top_wrap .img_bg {width: 500px;height: auto;background-repeat: no-repeat;background-position: 50% 50%;background-size:cover; display: inline-block; margin:0 20px; border-radius: 250px 250px 0 0; overflow:hidden;}
.page_top_wrap .img_bg:nth-child(2) { border-radius: 0 0 250px 250px;   position: relative; bottom: 50%;}





.video_wrap {position:relative;padding-top:56.25%;height:0;width:100%;  margin-top: -130px;  background: url('/assets/images/main/mov.jpg') 50% 50% no-repeat}
.video_wrap iframe {position:absolute;top:0;left:0;width:100%;height:100%;}


.mv_list_video {position:relative;padding-top:56.25%;height:0;width:100%;  margin-top: -130px;  background: url('/assets/images/main/mov.jpg') 50% 50% no-repeat }
.mv_list_video .mv_frame {position:absolute;top:0;left:0;width:100%;height:100%; filter: brightness(0.6); }
.mv_list_video .mv_frame_pc {}
.mv_list_video .mv_frame_m {display: none;}


.slider_wrap { display:flex;  border-top:1px solid #ddd;}
.slider_wrap .rt {width: 50%; margin: 0 auto;text-align: center;align-items: center;vertical-align: middle;position: relative;display: flex;}
.slider_wrap .lt {width: 50%; padding:0 0; background-repeat: no-repeat; background-position: 0 50%;   background-size: cover;}


/* 왼쪽 큰 이미지 */
.main_image { position: relative;  flex: 1;   height: 960px;  overflow: hidden;}
.main_image .slide {  position: absolute; top: 0; left: 0; width: 100%; height: 100%;  opacity: 0; transition: opacity 0.8s ease;}
.main_image .slide.active { opacity: 1; }
.main_image img {  width: 100%; height: 100%; object-fit: cover;}

/* 오른쪽 썸네일 */
.thumbnails {display: inline-block;flex-direction: column;gap: 10px;width: 700px;  margin: 0 auto;}
.thumb {height: 185px;cursor: pointer;overflow: hidden;border-radius: 0;  width: calc(50% - 22px); margin: 0 10px 20px; display: inline-block;}
.thumb img {  width: 100%; height: 100%; object-fit: cover;  opacity: 0.6; transition: 0.25s; border:3px solid transparent; }
.thumb.active img,
.thumb:hover img { opacity: 1; border: 3px solid #b2977a; }

/* 썸네일 텍스트 - 항상 보이도록 고정 */
.thumb_text {  position: absolute; bottom: 0; left: 0; right: 0; text-align: center;  font-size: 14px; font-weight: 600;  color: #fff;  background: rgba(0,0,0,0.5);  padding: 3px 0;}


 
.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; }
.con2 {padding: 120px 0; background-color:#f4f4f4}
.con3 {padding: 160px 0;}

.con4 {padding:0 0; height:auto; background: url('/assets/images/main/m4_bg.jpg') 50% 50% repeat;} 
.con4 .title { left: 50%; position: absolute; z-index: 1; margin-left: -620px; margin-top: 5%;     filter: contrast(0.5);}

.con5 {padding:160px 0; height:auto; background: url('/assets/images/main/m4_bg.jpg') 50% 50% repeat;} 
.con6 {margin: -50px 0 160px;}


.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;}


.img_list { position:relative;}
.img_list li {display: flex;justify-content: flex-start;align-items:flex-start;padding: 0 0;}
.img_list li > div {}
.img_list li .img_box { width:50%;}
.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 .img_box:hover  img {transform:scale(1.05);}

.img_list li .txt_box  { padding-top:100px;}
.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);}
.img_list li .txt_box .num { margin-left:-155px; 
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  /* 골드 그라데이션 */
  background: linear-gradient(105deg,
    #3e2b13 36%,
	 #ffe9a8 50%,
    #d4b056 64%,
    #8b6a3a 82%,
	#d8b15a 0%,
    #8b6a3a 18%,
    #3e2b13 100%);
    background-clip: text;
  -webkit-background-clip: text;      /* Safari/Chrome */
  color: transparent;
  -webkit-text-fill-color: transparent;/* Safari */
  /* 살짝의 광택감 
  text-shadow: 0 1px 6px rgba(0,0,0,.25);}  */}

.img_list li .txt_box .num1 {}





.blue_tb {width: -webkit-fill-available; border-top: 2px solid #222; border-bottom: 2px solid #222; border-collapse: collapse;}
.blue_tb th {padding: 15px 30px; border-right:1px solid #ddd;   border-bottom:1px solid #ddd; line-height: 1.7;}
.blue_tb td {padding: 15px 30px;  border-bottom:1px solid #ddd; line-height: 1.7;}
.blue_tb th {font-size: 18px; vertical-align: middle; color: #222; font-weight:400;}
.blue_tb td {font-size: 18px; vertical-align: middle; color: #222;  font-weight:500; text-align:left; word-break:keep-all;}


.txt_wrap .hours {display: flex; flex-wrap:wrap; align-items: center;}
.txt_wrap .hours dt,
.txt_wrap .hours dd {margin-bottom:0;}
.txt_wrap .hours dt {width: 100px;}
.txt_wrap .hours dd {width: calc(100% - 100px); font-family: 'Montserrat'; font-weight: 500;}

.map_btn {position: relative;bottom: 0;left: 0;z-index: 1;width: -webkit-fill-available;display: flex; padding:30px}
.map_btn a {display: inline-block;padding: 15px 0;line-height: 1.33;font-size: 16px;transition:.25s;width: 50%;text-align: center;}
.map_btn .map_btn_naver {background-color: #6c6463; color: #fff;}
.map_btn .map_btn_daum {background-color: #d6a45b; color: #fff;}
.map_btn a:hover {background-color: #2c303b; color: #fff;}


.subway_list_box {font-size: 0;}
.subway_list_box .subway_list li {padding: 10px 10px 0; /*border-bottom: 1px solid #ddd;*/ text-align:left;}
.subway_list_box .subway_list li > p {display: inline-block; vertical-align:middle; }
.subway_list_box .subway_list li .line {width: 100px; height: 40px; line-height: 40px; text-align: center; background-color: transparent; color:#127864; border-radius:50px; font-weight:500; font-size:16px; }
.subway_list_box .subway_list li .txt {width: calc(100% - 100px); padding-left: 25px; font-weight:400; color:#222; text-align:left; }



.box1 {position: relative; text-align:center; border:1px solid #ddd; padding:30px 70px; background-color:#fff;}
.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:after{content:'';display: block;width: 1px;height:80%;background-color: #ddd;position: absolute; top:20%; left:-10px;}
.box1 li:first-child::after{ display:none; }
.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;}


.chk_txt p {position: relative;padding-left: 22px;line-height: 1.5;word-break:keep-all;margin-bottom: 10px;}
.chk_txt p:after {content:'';display: block;width: 4px;height: 4px;background-color: #a18360;position: absolute;top: 11px;left:5px;opacity: .5;}

.icon_txt { width:50%; position:relative; display:inline-block; vertical-align:top;}
.icon_txt p {position: relative;display: block;word-break:keep-all;margin-bottom: 10px;align-items: center;justify-content: flex-start;}
.icon_txt img {margin-right: 20px; filter: opacity(0.5);}



.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:0;}
/*.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 0;  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_list3 li .num1 {width: 78px; height: 30px; line-height: 30px; text-align: center; background-color:#b29779; color:#fff; border-radius:50px; font-weight:500; font-size:20px; font-family: 'Montserrat', sans-serif; margin:30px auto 20px;}
.square_img_list3 li .home {width:100%;padding:12px 0;text-align:center;margin-top:20px;background-color:#2c2f3c;color:#fff;display: flex;justify-content: center;/* height: 50px; */align-content: center;align-items: center;  transition:.25s;}
.square_img_list3 li .home img {margin-left: 7px;width: 20px;height: fit-content;}

.square_img_list3 li .home:hover {background-color:#b29779;color:#fff;}



.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% 크기로 */
      }
    }



.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);}





.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);}






.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;}



.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%;}




.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;}








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

@media all and (max-width:1630px){
#header #gnb_wrap .dep1_con .dep1 {position: relative;display: inline-block;padding: 0 12px;font-size: 16px;color: #333;line-height: 90px;transition:.25s;font-family: 'Montserrat';font-weight:500;}


}

@media all and (max-width:1230px){
.mv_list_video {position:relative;padding-top: 175.25%;height:0;width: -webkit-fill-available;margin-top: 0;background: url('/assets/images/main/mov.jpg') 50% 50% no-repeat}
.mv_list_video .mv_frame {position:absolute;top:0;left:0;width: -webkit-fill-available;height:100%;filter: brightness(0.6);}
.mv_list_video .mv_frame_pc {display: none;}
.mv_list_video .mv_frame_m {display: block;}

}




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

#header #logo img {vertical-align: middle;width:90%;display: none;padding: 10px 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); padding-top:125px;}


#sv .sv_tit_wrap p img { width:40px;}
#sv .sv_tit_wrap .mt30 { margin-top:20px !important;}
#sv .sv_tit_wrap .mb50 { margin-bottom:30px !important;}

.pl70 { padding-left:0;}
.pr70 { padding-right:0;}
.pl50 { padding-left:0;}
.pl30 { padding-left:0;}


.con1 {padding: 80px 0 0;}

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


.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);}
  


.con2 {padding: 80px 0;}
 
.gray_scroll_bg {width: 100%; height: 0; background-color: #f4f4f4; position: absolute; top: 0; left: 0; transition:1s .5s;}
.move .gray_scroll_bg {height: 380px;}


.page_top_wrap {}
.page_top_wrap .inner {display: flex; width: 100%; }
.page_top_wrap .txt_box {display: block;position: relative;height: 305px; width:40%}
.page_top_wrap .txt_box > div {width: 700px; padding:0 0;}
.page_top_wrap .img_box {width:60%;display: flex; bottom:165px;}
.page_top_wrap .img_bg {width: 500px;height: auto;background-repeat: no-repeat;background-position: 50% 50%;background-size:cover; display: inline-block; margin:0 20px; border-radius: 250px 250px 0 0; overflow:hidden;}
.page_top_wrap .img_bg:nth-child(2) { border-radius: 0 0 250px 250px;   position: relative; bottom: 50%;}


.video_wrap {position:relative;padding-top:56.25%;height:0;width:100%;margin-top: 0;background: url('/assets/images/main/mov.jpg') 50% 50% no-repeat}
.video_wrap iframe {position:absolute;top:0;left:0;width:100%;height:100%;}


.con3 {padding: 80px 0;}

.con4 .title {left: 0;position: absolute;z-index: 1;margin-left: 5%;margin-top: 5%;font-size: 28px;}
.slider_wrap {display: block;border-top:1px solid #ddd;}
.slider_wrap .rt {width: -webkit-fill-available;margin: 0 auto;text-align: center;align-items: center;vertical-align: middle;position: relative;display: block;}
.slider_wrap .lt {width: -webkit-fill-available;padding:0 0;background-repeat: no-repeat;background-position: 50% 50%;background-size: contain;margin-bottom: 50px;}


/* 왼쪽 큰 이미지 */
.main_image {position: relative;flex: 1;height: 350px;overflow: hidden;}
.main_image .slide {  position: absolute; top: 0; left: 0; width: 100%; height: 100%;  opacity: 0; transition: opacity 0.8s ease;}
.main_image .slide.active { opacity: 1; }
.main_image img {  width: 100%; height: 100%; object-fit: cover;}

/* 오른쪽 썸네일 */
.thumbnails {display: inline-block;flex-direction: column;gap: 10px;width: -webkit-fill-available;margin: 0 auto;padding: 0 20px 50px;}
.thumb {height: 90px;cursor: pointer;overflow: hidden;border-radius: 0;width: calc(50% - 22px);margin: 0 10px 20px;display: inline-block;}
.thumb img {  width: 100%; height: 100%; object-fit: cover;  opacity: 0.6; transition: 0.25s; border:3px solid transparent; }
.thumb.active img,
.thumb:hover img { opacity: 1; border: 3px solid #b2977a; }

/* 썸네일 텍스트 - 항상 보이도록 고정 */
.thumb_text {  position: absolute; bottom: 0; left: 0; right: 0; text-align: center;  font-size: 14px; font-weight: 600;  color: #fff;  background: rgba(0,0,0,0.5);  padding: 3px 0;}

.square_img_list2 {font-size: 0; display:block;  }
.square_img_list2 li {display: inline-block;width: -webkit-fill-available;margin: 0 10px 30px;vertical-align: top;text-align:center;}


.blue_tb {width: -webkit-fill-available; border-top: 2px solid #222; border-bottom: 2px solid #222; border-collapse: collapse;}
.blue_tb th {padding: 10px 10px;border-right:1px solid #fff;border-bottom:1px solid #ddd;line-height: 1.7;}
.blue_tb td {padding: 10px 10px;border-bottom:1px solid #ddd;line-height: 1.7;}
.blue_tb th {font-size: 14px;vertical-align: middle;color: #222;font-weight:400;}
.blue_tb td {font-size: 14px;vertical-align: middle;color: #222;font-weight:500;text-align:left;word-break:keep-all;}

.txt_wrap .hours {display: block;flex-wrap:wrap;align-items: center;}
.txt_wrap .hours dt,
.txt_wrap .hours dd {margin-bottom: 0;}
.txt_wrap .hours dt {width: -webkit-fill-available;}
.txt_wrap .hours dd {width: -webkit-fill-available;font-family: 'Montserrat';font-weight: 500;margin-bottom: 5px;}


.con5 {padding: 80px 0;}
.map_btn {position: relative;bottom: 0;left: 0;z-index: 1;width: -webkit-fill-available;display: flex;padding: 20px 0;}
.map_btn a {display: inline-block;padding: 15px 0;line-height: 1.33;font-size: 14px;transition:.25s;width: 50%;text-align: center;}

.subway_list_box {font-size: 0;}
.subway_list_box .subway_list li {padding: 10px 10px 0; /*border-bottom: 1px solid #ddd;*/ text-align:left;}
.subway_list_box .subway_list li > p {display: inline-block; vertical-align:middle; }
.subway_list_box .subway_list li .line {width: -webkit-fill-available;height: 40px;line-height: 40px;text-align: center;background-color: transparent;color:#127864;border-radius:50px;font-weight:500;font-size:16px;margin-bottom: 10px;}
.subway_list_box .subway_list li .txt {width: -webkit-fill-available;padding-left: 25px;font-weight:400;color:#222;text-align:left;}



.square_img_list3 li {display: inline-block;width: -webkit-fill-available;margin: 0 15px 30px;vertical-align: top;text-align:center;}
.square_img_list3 li .num1 {width: 78px;height: 30px;line-height: 30px;text-align: center;background-color:#b29779;color:#fff;border-radius:50px;font-weight:500;font-size: 18px;font-family: 'Montserrat', sans-serif;margin:30px auto 20px;}


.box1 {position: relative;text-align:center;border:1px solid #ddd;padding: 30px 20px;background-color:#fff;}
.box1 ul {width: -webkit-fill-available;text-align: center;font-size: 0;display: block;}
.box1 li {display: inline-block;vertical-align: top;width: -webkit-fill-available;margin: 0 10px 30px;position: relative;}
.box1 li:after{content:'';display: block;width: -webkit-fill-available;height: 1px;background-color: #ddd;position: absolute;top: -20px;left: 0;}
.box1 li:first-child::after{ display:none; }
.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;}

.chk_txt p {position: relative;padding-left: 22px;line-height: 1.5;word-break:keep-all;margin-bottom: 10px;}
.chk_txt p:after {content:'';display: block;width: 4px;height: 4px;background-color: #a18360;position: absolute;top: 8px;left:5px;opacity: .5;}

.icon_txt {width: -webkit-fill-available;position:relative;display:inline-block;}
.icon_txt p {position: relative;display: block;word-break:keep-all;margin-bottom: 10px;align-items: center;justify-content: flex-start;}
.icon_txt img {margin-right: 20px; filter: opacity(0.5);}

.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);}
  
.con6 {margin: -100px 0 80px;}




}
@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){
	
}