@charset "utf-8";
#sv_wrap {width: 170vw;height: 960px; border-radius: 0 0 50% 50%;overflow: hidden;transform: translateX(-35vw);background-color:#a9855d;}
#sv {width: 100vw; position: relative; transform:translateX(35vw);}
#sv .sv_visual {width: 100%;height: 960px !important;background-size:cover;background-position: 50% 50%;transform:scale(1.2);animation: sv-bg-change 5s infinite;}

#sv .sv_tit_wrap {position: absolute; top: 47%; 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:svTxt 1s 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:svTxt1 1.3s 1.6s 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 1.6s 1.9s forwards; display: inline-block; /*letter-spacing:5px; left: 15%;text-align: left;position: absolute; top: 95px;*/}
#sv .sv_tit_wrap .logo img {width:215px;}

#sv .s_title {display:flex;padding-bottom:30px;width: 900px;margin:0 auto;justify-content: center;align-items: center;}
#sv .s_title .lt {width: 25%;}
#sv .s_title .lt .tit { width: -webkit-fill-available;background-color:#bf915f; border-radius:50px; padding: 15px 0; text-align:center;}
#sv .s_title  .rt {width: 75%; padding-left:20px; text-align:left;}

.scroll_down{position: absolute;bottom:0;left:50%;transform:translate(-47%);cursor:pointer; z-index: 1; }
.scroll_down span{display: block;position: relative;font-size:14px;color:#fff;font-weight:500;padding-bottom:75px;letter-spacing:0.02em; text-transform: uppercase;}


@keyframes scroll{
	0%{bottom:50%;}
	50%{bottom:7%;}
	100%{bottom:50%;}
}


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

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

#sv_wrap .wave svg path{animation: wave 2s 1s linear infinite;}






.flex_con{display:flex;}

.nose-media1{position:relative; bottom:40px}
.nose-media2{margin-top:100px}
@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(-30px);
        opacity:0;
    }
    100% {
        transform:translateY(0);
        opacity:1;
    }
}

@keyframes svTxt1 {
    0% {
        transform:translateY(30px);
        opacity:0;
    }
    100% {
        transform:translateY(0);
        opacity:1;
    }
}
@keyframes svTxt2 {
    0% {
        transform:translateY(-30px);
        opacity:0;
    }
    100% {
        transform:translateY(0);
        opacity:1;
    }
}
 
.s_tit_wrap {margin:0 0 70px;}
.s_tit_wrap .txt { text-transform:uppercase; letter-spacing:7px; color:#c2c2c2;}
.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:7%; margin:0 auto; font-family: 'Montserrat', 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;}
.pr20 { padding-right:20px;}
.pl20 { padding-left:20px;}

.con {padding: 150px 0;}
.bg{padding:150px 0 0; background:#132527 url('/assets/images/sub/bg.jpg') 50% 50% no-repeat; background-attachment:fixed; background-size:cover;}
.bg .txt {position: relative;z-index:2;margin: 0 auto;bottom: 0%;width: -webkit-fill-available; letter-spacing:20px; color:#fff; opacity:.2; padding-top:100px; padding-left:20px;} 




.img_list { position:relative;}
.img_list li {display: flex;justify-content:space-between;align-items: center;padding:0;}
.img_list li > div { width:50%}
.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; }

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

.bg1 { padding:150px 0; background-image: linear-gradient(to bottom, #bf915f, #338785);}
.bg1 .box {position: relative; display: flex; justify-content: space-between;}
.list_box {font-size: 0;}
.list_box .list li {padding: 30px 20px;border-top:1px solid #fff;align-content: center;align-items: center;color: #fff;}
.list_box .list li > p {display: inline-block; }
.list_box .list li .num {color:#fff; font-weight:500; font-family: 'Montserrat', serif; width:30px; }
.list_box .list li .txt {width: calc(100% - 54px); padding-left:20px;}
.list_box .list li .txt1 {width: calc(100% - 55px); padding-left: 20px;}
.list_box .list li:last-child {border-bottom:1px solid #fff;}


.img_list1 { position:relative;}
.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 .txt_box {/* padding: 0 40px 0; */background-color: transparent;position: relative; z-index:1}

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




.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; text-align:center;}
.img_list1 li .img_box .img:hover{border-radius:0 0 50px 0; overflow:hidden;}
.img_list1 li .img_box:hover img {transform:scale(1.05);}
.img_list1 li .txt_box .img {width:;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;}
.img_list1 li .txt_box .num  {display: block;vertical-align: middle;width: 100%;height: 45px;font-size:18px;text-align: center;line-height: 45px;border-radius:50px;background-color: #7d6660;color: #fff;font-weight: 500;-webkit-transform:translateY(-2px);transform:translateY(-2px);top: -26px;left: 0;margin: 0 auto -30px;z-index: 1;position: relative;}


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



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


.bg2 {padding: 150px 0; background:#f0e7de url('/assets/images/main/m2_bg.jpg') 50% 50% no-repeat; background-attachment:fixed; background-size:cover;}

.chk_txt1 p {position: relative;padding: 0 0;line-height: 1.7;word-break:keep-all;width:725px;margin: 0 auto 12px; background-color:#fff; border-radius:50px; overflow:hidden;}
.chk_txt1 .txt {background-color: #bf915f;color:#fff;width: 22%;border-radius:50px;position: relative;padding: 7px 0;margin-right: 18px;display: inline-grid;text-align: center;} 
.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;}


.more{width:185px;height: 50px;margin: 0 auto;box-sizing:border-box;cursor: pointer;background:linear-gradient(to right, #be9971 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 #222;z-index:999;position: absolute;font-family:'Montserrat', serif;right: 0;bottom:0;left: auto;}
.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; }
.more p span{margin-left: 20px;}
.more:hover{/* background: #1a3369; */ border-color:#5baefe; background-position:left bottom; }
.more:hover p {color: #fff;}


.round5 {position: relative; text-align:center;}
.round5  ul {width: -webkit-fill-available; text-align: center;font-size: 0;}
.round5  li {display: inline-block;vertical-align: top;width: calc(20% - 20px);margin: 0 10px 30px;position: relative;height: 210px;background-color: #f9f9f9;border-radius: 100%;align-content: center;}
.round5  li .txt_wrap {position: relative;width: 100%;z-index: 1;}


.num_box {position: relative; display: flex;    justify-content: flex-start;    align-items: flex-start;    width: -webkit-fill-available; margin-top: 10px;}
.num_box h4 {position: relative;display: flex;}
.num_box h4 .num1 {display: block;vertical-align: middle;font-family: 'Montserrat', sans-serif;width: 40px;height: 40px;font-size:22px;text-align: center;line-height: 40px;background-color: #bf915f;border-radius:50%;color: #fff;font-weight: 500;-webkit-transform:translateY(-2px);transform:translateY(-2px);/* position: absolute; */top: 0;left: 0;margin: 0 0;text-align: center;margin-right: 10px;}


.s_title1{display:flex; }
.s_title1 .lt {width:55%;}
.s_title1 .rt {width:45%;}

.navy_box { background-color:#072f4c; color:#fff; padding:10px 20px; width:fit-content; margin:50px 0 20px;  text-transform: uppercase; }

.s_title2{display:flex; }
.s_title2 .lt {width:50%; margin:0 20px}
.s_title2 .rt {width:50%; margin:0 20px}

.doctors_con { padding: 15px 10px 15px;    overflow: hidden;    overflow-y: auto;    height: 320px;    width: 600px;}

.doctors_con1 { padding: 15px 10px 15px;    overflow: hidden; width: 600px;}


.bg3 {padding: 150px 0; background:#003756 url('/assets/images/sub/bg1.jpg') 50% 50% no-repeat; background-attachment:fixed; background-size:cover;}
.bg4 {padding: 150px 0; background:#071f21 url('/assets/images/sub/bg2.jpg') 50% 50% no-repeat; background-attachment:fixed; background-size:cover;}
.bg5 {padding: 150px 0; background:#306a82 url('/assets/images/sub/bg3.jpg') 50% 50% no-repeat; background-attachment:fixed; background-size:cover;}
.bg6 {padding: 150px 0; background:#131e17 url('/assets/images/sub/bg4.jpg') 50% 50% no-repeat; background-attachment:fixed; background-size:cover;}
.bg7 {padding: 150px 0; background:#7d726d url('/assets/images/sub/info02_con2_1.jpg') 50% 50% no-repeat; background-attachment:fixed; background-size:cover;}



.box1 {position: relative; text-align:center;}
.box1 ul {width: -webkit-fill-available; text-align: center;font-size: 0;display: inline-block;position: relative;}
.box1 ul li:after {content:'';position: absolute;display: block; top:38%;padding-top: 0%;left: -17%; background-image: url('/assets/images/sub/arrow1.png'); width:47px; height:34px }
.box1 ul li:first-child::after {content:""; background-image:none; }
.box1 li {display: inline-block; vertical-align: top; width: calc(33.33% - 70px); margin: 0 35px 30px; padding:30px 20px; position: relative;  background-color: #d4ae85;  color:#fff; border-radius:15px;}
/*.box1 li:nth-child(2n) {background-color: #ae978b;}
.box1 li:nth-child(3n) {background-color: #896e60;}*/
.box1 li .txt_wrap {width: -webkit-fill-available;margin: 0 auto;align-items: center;justify-items: center;display:block;text-align: center;}

.box1 .txt { padding:10px 0; color:#222; border:1px solid #d6b9a3}

.bg2 .vertical_line {position: relative;top: 55%;left: 50%;transform:translateX(-50%);width: 1px;height: 0;background-color: #be9971;transition:0.75s 0.3s;display: block; opacity:.7}
.bg2 .move .vertical_line {height: 105px;}


.round_list { width:85%; margin-left:1%; position:relative; z-index:2;}
.round_list li {font-weight: 500;position: relative;word-break:keep-all;border-radius: 80px;background-color: #fff; color:#222;padding: 15px 30px; text-align:center; border:2px solid #ead6c0; display: block;}

.round_list:after {content:'';position: absolute;display: block;top: 41%;padding-top: 0%;left: 110%;background-image: url('/assets/images/sub/cont_arrow.svg');width: 60px;height: 59px;margin-left: 0;transform: rotate(-90deg);}

.round_list1 {width: -webkit-fill-available; display: flex;}
.round_list1 li {padding: 0;margin-bottom:10px;/*border-bottom: 1px solid #ddd;*/text-align:left;background-color:#f9f9f9;border-radius:50px;display: flex;align-items: center; width: calc(50% - 50px); margin: 0 25px;  vertical-align: top; text-align:center;}
.round_list1 li > p {display: inline-block; vertical-align:middle; }
.round_list1 li .num {width: 160px;text-align: center;background-color:#d4ae85;color:#fff;border-radius:50px;border:2px solid #d4ae85;font-weight:500;font-size:20px;top: 0;margin: 0 0 ;height: auto;line-height: 175%; padding:15px 0}
.round_list1 li .txt {width: calc(100% - 170px);padding-left: 15px; padding-right:15px;font-weight:600;color:#222;text-align:left;letter-spacing:0;}


.box5 {position: relative; text-align:center;}
.box5  ul {width: -webkit-fill-available;text-align: center;font-size: 0;display: flex;position: relative;align-content: center;/* align-items: center; *//* position: relative; */}
.box5  li {display: inline-block;vertical-align: top;width: calc(20% - 20px);margin: 0 10px 30px;/* padding:70px 15px 0; */border-radius:0;background-color:#072f4c;color:#fff;position: relative;align-content: top;}
.box5  li:nth-child(2n) {background-color: #0f4b76;}
.box5  li .txt_wrap {position: relative;left: 0;width: 100%; z-index: 1;display: block;padding:30px 0;}
.box5  li .txt_wrap .num { border-bottom:1px solid rgb(255,255,255,0.3); padding:10px; width:35%;  margin:0 auto 20px; }



.box4 {position: relative; text-align:center;}
.box4  ul {width: -webkit-fill-available;text-align: center;font-size: 0;display: flex;position: relative;align-content: center;/* align-items: center; *//* position: relative; */}
.box4  li {display: inline-block;vertical-align: top;width: calc(25% - 20px);margin: 0 10px 30px;/* padding:70px 15px 0; */border-radius:0;background-color:#fff;position: relative;align-content: top; border:2px solid #f9f9f9; transition:.25s;}
.box4  li:nth-child(2n) {background-color: #fff;}
.box4  li .txt_wrap {position: relative;left: 0;width: 100%; z-index: 1;display: block;padding:50px 20px;}
.box4  li .txt_wrap .num { border-bottom:1px solid rgb(0,0,0,0.3); padding:20px 0 10px; width:20%;  margin:0 auto 20px; }
.box4  li:hover {border:5px solid #d4ae85; transform: translateY(-10px);}

.title1 {display: flex; align-items: center;}
.title1 .num {width: 80px; height: 60px; line-height:60px; text-align: center; background-color:#b79480; color:#fff; border-radius:50px; font-weight:500; font-size:24px; font-family: 'Montserrat', sans-serif; margin-right:15px}
.stxt_box {padding:30px 50px; text-align:left; border:1px solid #b79480; border-radius:5px;}


.ear_01 .s_title2{display: block;}
.ear_01 .s_title2 .lt {width: -webkit-fill-available;margin:0 0 50px!important;}
.ear_01 .s_title2 .rt {width: -webkit-fill-available;margin:0 0 !important;}









.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: 70%;height: 55px;font-size:20px;text-align: center;line-height: 50px;border-radius:50px;background-color: #072f4c;border:2px solid  #072f4c;color: #fff;font-weight: 500;-webkit-transform:translateY(-2px);transform:translateY(-2px);top: -25px;left: 0;margin: 0 auto;z-index: 1;position: relative;}
.square_img_list2 li .num2  {display: block;vertical-align: middle;width: 70%;height: 55px;font-size:20px;text-align: center;line-height: 50px;border-radius:50px;background-color: #072f4c;border:2px solid  #072f4c;color: #fff;font-weight: 500;-webkit-transform:translateY(-2px);transform:translateY(-2px);top: -55px;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;width: 100%;height: 55px;font-size:20px;text-align: center;line-height: 50px;border-radius:50px;background-color: #072f4c;border:2px solid  #072f4c;color: #fff;font-weight: 500;-webkit-transform:translateY(-2px);transform:translateY(-2px);top: -25px;left: 0;margin: 0 auto;z-index: 1;position: relative;}
.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  .title {background-color: #d4ae85;width: -webkit-fill-available;color: #fff;height:80px;line-height:130%;display: block;justify-content: center;align-items: center;align-content: center; border-radius:100px;}




.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;}
.square_img_list4 li .num  {display: block;vertical-align: middle;font-family: 'Montserrat', sans-serif; font-weight:500;width: 120px;height: 45px;font-size:18px;text-align: center;line-height: 45px;background-color: #fff; border:2px solid #d4ae85; color:#d4ae85; 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: 'Montserrat', 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;}


.round_title {position: relative;text-align: left;margin-left: 0;}
.round_title  ul {width: -webkit-fill-available;text-align: center;font-size: 0;display: block;position: relative;text-align: start;}
.round_title  li {display: inline-block;vertical-align: top;width: -webkit-fill-available;margin: 0 0 10px;/* padding:70px 15px 0; */border-radius:100px; color:#666;position: relative;text-align: left;border: 1px solid #bf915f;}
.round_title  li:nth-child(2n)  {background-color: transparent;}
.round_title  li .txt_wrap {position: relative;width:auto;z-index: 1;display: block;align-items: center;margin: 0 0;justify-content: center;padding: 7px 20px;}

.gray_box{position: relative;border:1px solid #ddd;border-radius:50px;padding: 50px 50px 50px;width: -webkit-fill-available;margin: 100px auto 0;}
.gray_box .title {position: absolute;top: -100px;text-align: center;background-color:#bf915f;color:#fff;border-radius:50px;display: flex;width: 37%;height: 70px;line-height: 70px;justify-items: center;justify-content: center;left: 50%;margin-left: -18.5%;}



.clinic_feature_wrap {}
.clinic_feature_list {  display: flex;  justify-content: space-between;  align-items: center;  list-style: none;  margin: 0;  padding: 0 30px;}
.clinic_feature_list li {position: relative;  text-align: center;  padding: 0 30px;  white-space: nowrap;}
.clinic_feature_list li::after {  content: "";  position: absolute;  top: 50%;  right: -50px;  width: 10px; height: 10px;  margin-top: -3px;  border-radius: 50%;background-color: #f1ece6;}
.clinic_feature_list li:last-child::after { display: none;}
.feature_top {  font-size: 14px;  line-height: 1.4;  color: #555;}
.feature_bottom {  margin-top: 4px;  font-size: 22px;  line-height: 1.4;  font-weight: 700;}

/* 반응형 예시 – 모바일에서 줄바꿈 필요하면 */
@media (max-width: 820px) {
 .clinic_feature_wrap .mt50 { margin-top:20px !important;}
 .clinic_feature_list {display: block;justify-content: space-between;align-items: center;list-style: none;margin: 0;padding: 0;}
 .clinic_feature_list { flex-wrap: nowrap; row-gap: 0;}
 .clinic_feature_list li { padding: 15px 0 15px; width: 49%;  display: inline-block; background-color: #f9f9f9; margin-bottom: 5px;}
 .clinic_feature_list li::after { display: none;}
}


.face_01 .img_list1 li .img_box .img img{ width:-webkit-fill-available; }
.face_02 .img_list1 li .img_box .img img{ width:-webkit-fill-available; }

.disease_01 .img_list1 li .img_box .img img{ width:-webkit-fill-available; }
.disease_08 .img_list1 li .img_box .img img{ width:-webkit-fill-available; }



.tri_item { display: flex;  align-items: center;  margin-bottom: 20px;}
.tri_item:last-child {  margin-bottom: 0;}



.box_list_box {font-size: 0; padding: 0 0;}
.box_list_box .box_list li { width: calc(25% - 10px); display:inline-block; margin:0 5px 20px; padding: 17px 0; background-color:#7d6660; color:#fff; border-radius:30px; text-align:center;}
.box_list_box .box_list li:nth-child(2n)  {background-color: #d3a67a;}


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




.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 15px; }
.s_tab li a {display: block;  text-align: center; line-height:45px; font-size: 18px; font-weight: 400; color: #666; transition: .25s; border-bottom:2px solid #ddd; }
.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{ color: #896e60; font-weight: 500; border-bottom:2px solid #896e60; }

.s_tab_con > .con  h4{ position:relative;}

.s_tab_con > .con { display: none;  /* 기본적으로 모든 내용을 숨김 */ padding:50px 0 0 !important; overflow:hidden;}
.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);}






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





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



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

.nose-flex{
  display:flex; align-items:center; justify-content:space-between;
  gap:40px;
}
.nose-media{
  flex:1 1 31%;
  border-radius:18px; overflow:hidden;
  box-shadow:0 6px 24px rgba(0,0,0,.08);
  background:#f8f8f8;
}
.nose-media img{ width:100%; height:auto; display:block; object-fit:cover; }

/* 중앙 텍스트 */

.septum-wrap{
  background: var(--bg);
  padding: 48px 0 60px;
}
.septum-wrap .inner{
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 24px;
}

.section-title{
  margin: 0 0 22px;
}

.panel-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: start;
}

.panel-card{
  margin: 0;
  background: #f7f2ec;
  border-radius: 22px;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
  overflow: hidden;
  aspect-ratio: 16 / 10; /* 왜: 원본과 유사 비율 고정 */
}
.panel-card img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.panel-caption{
  text-align: center;
}
.panel-desc{
  margin: 0;
  text-align: center;
}


@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;}
.pl20 {padding-left:0;}
.pl30 {padding-left:0;}
.pl50 {padding-left:0;}


#sv_wrap {width: 170vw;height: 520px;overflow: hidden;transform: translateX(-35vw);}
#sv {width: 100vw;height: 520px !important;position: relative;transform:translateX(35vw);}
#sv .sv_visual {width: 100%;height: 520px !important;background-size:cover;background-position: 45% 50%;transform:scale(1.2);animation: sv-bg-change 5s infinite;}
	
#sv .sv_tit_wrap {position: absolute;top: 30%;text-align:center;width:100%;transform: translateY(0%);color: #fff;/*overflow: hidden; */width: -webkit-fill-available;left: 0;margin-left: 0; padding: 0 20px;}
/* #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: center;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: 0;left: 0;text-align: center;position: relative;top: 10px;line-height: 150%;}
#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%;}

#sv .sv_tit_wrap p {opacity: 0; animation:svTxt1 1.3s 1.6s forwards; display: inline-block; padding:0 0; /*letter-spacing:5px; left: 70%;text-align: left;position: absolute; top: 95px;*/}
#sv .sv_tit_wrap .logo{opacity: 0; animation:svTxt 1.6s 1.9s forwards; display: inline-block; /*letter-spacing:5px; left: 15%;text-align: left;position: absolute; top: 95px;*/}
#sv .sv_tit_wrap .logo img {width:215px;}

#sv .s_title {display: block;padding: 0 10px 30px;width: -webkit-fill-available;margin:0 auto;justify-content: center;align-items: center;}
#sv .s_title .lt {width: -webkit-fill-available;}
#sv .s_title .lt .tit {width: -webkit-fill-available;background-color:#bf915f;border-radius:50px;padding: 10px 0;text-align:center;margin-bottom: 5px;}
#sv .s_title  .rt {width: -webkit-fill-available;padding-left: 0;text-align: center;}


.scroll_down{position: absolute;bottom:0;left:50%;transform:translate(-47%);cursor:pointer;z-index: 1;}
.scroll_down span{ font-size:13px;}


.con1 {padding: 80px 0 0;}

.s_tit_wrap {margin: 0 10px 50px;}
.s_tit_wrap .txt {text-transform:uppercase;letter-spacing: -1px;}
.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 { width:-webkit-fill-available;}
.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);}
  



.img_list1 { position:relative;}
.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;  margin-bottom: 10px;}
.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:0; }
.img_list1 li .txt_box {/* padding: 0 40px 0; */background-color: transparent;position: relative; z-index:1; padding-top:0; margin-left:0 !important;  margin-top: 30px;}
.img_list1 li .txt_box .num  {display: block;vertical-align: middle;width: 100%;height: 45px;font-size: 16px;text-align: center;line-height: 45px;border-radius:50px;background-color: #7d6660;color: #fff;font-weight: 500;-webkit-transform:translateY(-2px);transform:translateY(-2px);top: 0;left: 0;margin: 0 auto 0;z-index: 1;position: relative;}

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

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


.bg2 {padding:80px 0; background:#f0e7de url('/assets/images/main/m2_bg.jpg') 50% 50% no-repeat; background-attachment: inherit; background-size:cover;}


.box1 {position: relative; text-align:center;}
.box1 ul {width: -webkit-fill-available; text-align: center;font-size: 0;display: inline-block;position: relative;}
.box1 ul li:after {content:'';position: absolute;display: block;top: -43px;padding-top: 0%;left: 44%;background-image: url('/assets/images/sub/arrow1.png');width:47px;height:34px;  transform: rotate(90deg);}
.box1 ul li:first-child::after {content:""; background-image:none; }
.box1 li {display: inline-block;vertical-align: top;width: -webkit-fill-available;margin: 0 0 50px;padding:30px 20px;position: relative;background-color: #d4ae85;color:#fff;border-radius:15px;}
/*.box1 li:nth-child(2n) {background-color: #ae978b;}
.box1 li:nth-child(3n) {background-color: #896e60;}*/
.box1 li .txt_wrap {width: -webkit-fill-available;margin: 0 auto;align-items: center;justify-items: center;display:block;text-align: center;}

.num_box h4 .num1 {display: block;vertical-align: middle;font-family: 'Montserrat', sans-serif;width: 32px;height: 32px;font-size: 18px;text-align: center;line-height: 32px;background-color: #bf915f;border-radius:50%;color: #fff;font-weight: 500;-webkit-transform:translateY(-2px);transform:translateY(-2px);/* position: absolute; */top: 0;left: 0;margin: 0 0;text-align: center;margin-right: 10px;}

.square_img_wrap3 {}
.square_img_list3 {font-size: 0;text-align:center;display: block !important;}
.square_img_list3 li {display: inline-block;width: -webkit-fill-available !important;margin: 0 0 50px !important;vertical-align: top;text-align:center;padding: 0 0;}
.square_img_list3 li .square_img {position: relative; overflow:hidden;}
.square_img_list3 li .num  {display: block;vertical-align: middle;width: 100%;height: 45px;font-size: 16px;text-align: center;line-height: 45px;border-radius:50px;background-color: #072f4c;border:2px solid  #072f4c;color: #fff;font-weight: 500;-webkit-transform:translateY(-2px);transform: translateY(0px);top: -25px;left: 0;margin: 0 auto;z-index: 1;position: relative;}


.square_img_wrap2 {}
.square_img_list2 {font-size: 0; display:block;  }
.square_img_list2 li {display: inline-block;width: -webkit-fill-available;margin: 0 0 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: 70%;height: 45px;font-size:16px;text-align: center;line-height: 45px;border-radius:50px;background-color: #072f4c;border:2px solid  #072f4c;color: #fff;font-weight: 500;-webkit-transform:translateY(-2px);transform:translateY(-2px);top: -25px;left: 0;margin: 0 auto;z-index: 1;position: relative;}
.square_img_list2 li .num2  {display: block;vertical-align: middle;width: 70%;height: 45px;font-size: 16px;text-align: center;line-height: 45px;border-radius:50px;background-color: #072f4c;border:2px solid  #072f4c;color: #fff;font-weight: 500;-webkit-transform:translateY(-2px);transform:translateY(-2px);top: -55px;left: 0;margin: 0 auto -30px;z-index: 1;position: relative;}
.square_img_list2 li:last-child { margin-bottom:0 !important;}


.square_img_wrap4 {}
.square_img_list4 {font-size: 0; text-align:center;}
.square_img_list4 li {display: inline-block;width: -webkit-fill-available;margin: 0 0 50px;vertical-align: top;text-align:center;}
.square_img_list4 li .square_img {position: relative; overflow:hidden;}
.square_img_list4 li .num  {display: block;vertical-align: middle;font-family: 'Montserrat', sans-serif;font-weight:500;width: 120px;height: 45px;font-size: 16px;text-align: center;line-height: 45px;background-color: #fff;border:2px solid #d4ae85;color:#d4ae85;border-radius:80px;-webkit-transform:translateY(-2px);transform:translateY(-2px);/* position: absolute; */top: 0;left: 0;margin: -22px auto 20px;}

.round_list {width: -webkit-fill-available;margin-left:1%;position:relative;z-index:2;}
.round_list li {font-weight: 500;position: relative;word-break:keep-all;border-radius: 80px;background-color: #fff; color:#222;padding: 12px 30px; text-align:center; border:2px solid #ead6c0; display: block;}

.round_list:after {content:'';position: relative;display: block;top: 5px;padding-top: 5px;left: 45%;background-image: url('/assets/images/sub/cont_arrow.svg');width: 40px;height: 39px;margin-left: 0;transform: rotate(-0deg);background-size: cover;}

.round_list1 {width: -webkit-fill-available;display: block;}
.round_list1 li {padding: 0;margin-bottom:10px;/*border-bottom: 1px solid #ddd;*/text-align:left;background-color:#f9f9f9;border-radius:50px;display: flex;align-items: center;width: -webkit-fill-available;margin: 0 0 10px;vertical-align: top;text-align:center;}
.round_list1 li > p {display: inline-block; vertical-align:middle; }
.round_list1 li .num {width: 160px;text-align: center;background-color:#d4ae85;color:#fff;border-radius:50px;border:2px solid #d4ae85;font-weight:500;font-size: 16px;top: 0;margin: 0 0;height: auto;line-height: 175%;padding: 8px 0;}
.round_list1 li .txt {width: calc(100% - 170px);padding-left: 15px; padding-right:15px;font-weight:600;color:#222;text-align:left;letter-spacing:0;}


.box5 {position: relative; text-align:center;}
.box5  ul {width: -webkit-fill-available;text-align: center;font-size: 0;display: block;position: relative;align-content: center;/* align-items: center; *//* position: relative; */}
.box5  li {display: inline-block;vertical-align: top;width: -webkit-fill-available;margin: 0 0 20px;/* padding:70px 15px 0; */border-radius:0;background-color:#072f4c;color:#fff;position: relative;align-content: top;}
.box5  li:nth-child(2n) {background-color: #0f4b76;}
.box5  li .txt_wrap {position: relative;left: 0;width: 100%;z-index: 1;display: block;padding: 20px 0;}
.box5  li .txt_wrap .num {border-bottom:1px solid rgb(255,255,255,0.3);padding:10px;width:35%;margin: 0 auto 10px;}

.title1 {display: block;align-items: center;}
.title1 .num {width: 80px;height: 45px;line-height: 45px;text-align: center;background-color:#b79480;color:#fff;border-radius:50px;font-weight:500;font-size: 16px;font-family: 'Montserrat', sans-serif;margin-right: 7px;/* padding: 10px 15px; */display: block;margin-bottom: 5px;}
.stxt_box {padding:30px 20px; text-align:left; border:1px solid #b79480; border-radius:5px;}



.round5 {position: relative; text-align:center;}
.round5  ul {width: -webkit-fill-available; text-align: center;font-size: 0;}
.round5  li {display: inline-block;vertical-align: top;width: calc(50% - 20px);margin: 0 10px 30px;position: relative;height: 152px;background-color: #f9f9f9;border-radius: 100%;align-content: center;}
.round5  li .txt_wrap {position: relative;width: 100%;z-index: 1;}
.round5  li .txt_wrap .icon img { width:40%;}
.round5  .mt20 { margin-top:10px !important;}


.s_title1{display: block;}
.s_title1 .lt {width: -webkit-fill-available;}
.s_title1 .rt {width: -webkit-fill-available;}
.s_title1 .logo { top:0 !important; }
.s_title1 .logo img { width:30%;}


.bg3 {padding: 80px 0;background:#003756 url('/assets/images/sub/bg1.jpg') 50% 50% no-repeat;background-attachment: inherit;background-size:cover;}
.bg4 {padding: 80px 0; background:#071f21 url('/assets/images/sub/bg2.jpg') 50% 50% no-repeat; background-attachment: inherit; background-size:cover;}
.bg5 {padding: 80px 0; background:#306a82 url('/assets/images/sub/bg3.jpg') 80% 50% no-repeat; background-attachment: inherit; background-size:cover;}
.bg6 {padding: 80px 0; background:#131e17 url('/assets/images/sub/bg4.jpg') 90% 50% no-repeat; background-attachment: inherit; background-size:cover;}
.bg7 {padding: 80px 0; background:#7d726d url('/assets/images/sub/info02_con2_1.jpg') 50% 50% no-repeat; background-attachment: inherit; background-size:cover;}


.chk_txt1 p {position: relative;padding: 0 15px 20px;line-height: 1.7;word-break:keep-all;width: -webkit-fill-available;margin: 0 auto 12px;background-color:#fff;border-radius: 20px;overflow:hidden;}
.chk_txt1 .txt {background-color: #bf915f;color:#fff;width: -webkit-fill-available;border-radius:50px;position: relative;padding: 7px 0;margin-right: 0;display: inline-grid;text-align: center;margin-bottom: 10px; margin-top:15px;} 
.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;}


.chk_txt { position: relative; width: -webkit-fill-available !important; display: inline-block;    vertical-align: top;}
.chk_txt p {font-size: 14px !important;line-height:1.5;color:#333;}


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



.round_title {position: relative;text-align: left;margin-left: 0;padding: 0 25px 30px;}
.round_title  ul {width: -webkit-fill-available;text-align: center;font-size: 0;display: block;position: relative;text-align: start;}
.round_title  li {display: inline-block;vertical-align: top;width: -webkit-fill-available;margin: 0 0 10px !important;/* padding:70px 15px 0; */border-radius:100px; color:#666;position: relative;text-align: left;border: 1px solid #bf915f; }
.round_title  li:nth-child(2n)  {background-color: transparent;}
.round_title  li .txt_wrap {position: relative;width:auto;z-index: 1;display: block;align-items: center;margin: 0 0;justify-content: center;padding: 7px 20px;}

.con {padding: 80px 0;}
.bg{padding: 80px 0 0;background:#132527 url('/assets/images/sub/bg.jpg') 50% 50% no-repeat;background-attachment: inherit;background-size:cover;}
.bg .txt {position: relative;z-index:2;margin: 0 auto;bottom: 0%;width: -webkit-fill-available;letter-spacing: 0;color:#fff;opacity:.2;padding-top: 50px;padding-left: 0;} 


.bg1 {padding: 80px 0;background-image: linear-gradient(to bottom, #bf915f, #338785);}
.bg1 .box {position: relative;display: block;justify-content: space-between;}
.bg1 .box p { margin-bottom:10px;}


.list_box .list li {padding: 30px 20px;border-top:1px solid #fff;align-content: flex-start;align-items: flex-start;color: #fff;display: inline-flex;}


.s_title2{display: block;}
.s_title2 .lt {width: -webkit-fill-available;margin:0 10px 30px;}
.s_title2 .rt {width: -webkit-fill-available;margin:0 10px}
.s_title2 .mt50 { margin-top:10px !important;}

.doctors_con {padding: 15px 10px 15px;overflow: hidden;overflow-y: auto;height: 216px;width: -webkit-fill-available;}

.tri_item .tri_circle { margin-right:10px} 
.tri_item .tri_txt p{word-break:keep-all;}

.box_list_box {font-size: 0; padding: 0 0;}
.box_list_box .box_list li {width: -webkit-fill-available;display:inline-block;margin: 0 5px 10px;padding: 15px 5px;background-color:#7d6660;color:#fff;border-radius:30px;text-align:center;}
.box_list_box .box_list li  p{word-break:keep-all;}

.ear_03 .round_title {position: relative;text-align: left;margin-left: 0;padding: 0 0 30px;}
.disease_01 .round_title {position: relative;text-align: left;margin-left: 0;padding: 0 0 30px;}
.disease_02 .round_title {position: relative;text-align: left;margin-left: 0;padding: 0 0 30px;}
.disease_04 .round_title {position: relative;text-align: left;margin-left: 0;padding: 0 0 30px;}
.disease_05 .round_title {position: relative;text-align: left;margin-left: 0;padding: 0 0 30px;}
.disease_06 .round_title {position: relative;text-align: left;margin-left: 0;padding: 0 0 30px;}
.disease_07 .round_title {position: relative;text-align: left;margin-left: 0;padding: 0 0 30px;}
.disease_08 .round_title {position: relative;text-align: left;margin-left: 0;padding: 0 0 30px;}


.box4 {position: relative; text-align:center;}
.box4  ul {width: -webkit-fill-available;text-align: center;font-size: 0;display: block;position: relative;align-content: center;/* align-items: center; *//* position: relative; */}
.box4  li {display: inline-block;vertical-align: top;width: -webkit-fill-available;margin: 0 10px 30px;/* padding:70px 15px 0; */border-radius:0;background-color:#fff;position: relative;align-content: top;border:2px solid #f9f9f9;transition:.25s;}
.box4  li:nth-child(2n) {background-color: #fff;}
.box4  li .txt_wrap {position: relative;left: 0;width: 100%; z-index: 1;display: block;padding:50px 20px;}
.box4  li .txt_wrap .num { border-bottom:1px solid rgb(0,0,0,0.3); padding:20px 0 10px; width:20%;  margin:0 auto 20px; }
.box4  li:hover {border:5px solid #d4ae85; transform: translateY(-10px);}

.doctors_con1 {padding: 15px 10px 15px;overflow: hidden;width: -webkit-fill-available;}

















.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;line-height: 40px;font-size: 14px;font-weight: 400;color: #666;transition: .25s;border-bottom:2px solid #ddd;}
.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{ color: #896e60; font-weight: 500; border-bottom:2px solid #896e60; }

.s_tab_con > .con  h4{ position:relative;}

.s_tab_con > .con { display: none;  /* 기본적으로 모든 내용을 숨김 */ padding:50px 0 0 !important; overflow:hidden;}
.s_tab_con > .con.active {display: block;  /* active 클래스가 있을 때만 보이게 함 */}

.s_tab .col-1 li{width:calc(50% - 1px);}
.s_tab .col-2 li{width:calc(50% - 10px);}
.s_tab .col-3 li{width:calc(50% - 10px);}
.s_tab .col-4 li{width:calc(50% - 10px);}
.s_tab .col-5 li{width:calc(50% - 10px);}
.s_tab .col-6 li{width:calc(50% - 10px);}
.s_tab .col-7 li{width:calc(50% - 10px);}





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














}
@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:320px){
#sv_wrap {width: 170vw;height: 480px;overflow: hidden;transform: translateX(-35vw);}
#sv {width: 100vw;height: 480px !important;position: relative;transform:translateX(35vw);}
#sv .sv_tit_wrap {top: 28%;}
	
}