@charset "utf-8";
/* ----------------------------- 메인페이지 스타일 ----------------------------- */
/* 메인비주얼 */
#mainVisual {position:relative; /*overflow:hidden; z-index:8;*/}
body.scrollfix #mainVisual {}
#mainVisual {height:700px;}
#mainVisual .swiper-container {width:100%;height:100%;}
#mainVisual .swiper-slide {background-position: center;background-size: cover;}
#mainVisual .swiper-container-horizontal>.swiper-pagination-bullets, #mainVisual .swiper-pagination-custom, #mainVisual .swiper-pagination-fraction {position:absolute; bottom:150px; left:50%; width:1200px; margin-left:-600px; text-align:left;font-size:0; z-index:30}
#mainVisual .swiper-pagination-white .swiper-pagination-bullet-active {background:#531371;width:37px;border-radius:50px;}
#mainVisual .swiper-pagination-bullet {width:17px;height:17px;background:#fff;border-radius:30px;transition:all .3s ease;opacity:1;}
#mainVisual .swiper-slide a.first img {position:relative;left:50%;margin-left:-288px;top:30%;}
#mainVisual .swiper-slide a.second img {position:relative;left:50%;margin-left:-215px;top:40%;}
#mainVisual .swiper-button-next, #mainVisual .swiper-button-prev {left:50%;top:55%;margin-top:-100px;width:70px;height:70px;border-radius:70px;background:none;text-align:center;padding-top:17px;border:solid 1px rgba(255,255,255,0.5);}
#mainVisual .swiper-button-next i, #mainVisual .swiper-button-prev i {color:#fff;font-size:35px;opacity:0.5;}
#mainVisual .swiper-button-next:hover, #mainVisual .swiper-button-prev:hover {border:solid 1px rgba(255,255,255,1);}
#mainVisual .swiper-button-next:hover i, #mainVisual .swiper-button-prev:hover i {opacity:1;}
#mainVisual .swiper-button-next {margin-left:720px;}
#mainVisual .swiper-button-prev {margin-left:-800px;}
#mainVisual .swiper_text {display:none;}
#mainVisual .swiper-container.websre_main .swiper-slide .swiper_text_add {margin-left:-420px;opacity: 0;position:absolute;left:50%;top:470px;transition:all 0.3s ease;}
#mainVisual .swiper-container.websre_main .swiper-slide-active .swiper_text_add {opacity: 1;margin-top:40px;-webkit-transition: all 1.0s;-moz-transition: all 1.0s;-ms-transition: all 1.0s;-o-transition: all 1.0s;transition: all 1.0s;}
.move {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s}
@media screen and (max-width:1200px) {
	#mainVisual .swiper-container-horizontal>.swiper-pagination-bullets {left:20px;margin-left:auto;}
	#mainVisual .swiper-slide a img {/*width:100%*/}
}
@media screen and (max-width:1024px) {
	
	#mainVisual .swiper-slide {background:none !important;}
	#mainVisual .swiper-button-next, #mainVisual .swiper-button-prev,#mainVisual .swiper-pagination-bullet  {display:none;}
	#mainVisual .swiper-slide a img {width:80%;left:0px;margin-left:0px;}
	#mainVisual .swiper-slide a.first img {position:relative;left:0px;margin-left:0px;top:20%;margin:0px auto;}
	#mainVisual .swiper-slide a.second img {width:60%;position:relative;left:0px;margin-left:0px;top:30%;margin:0px auto;}
	#mainVisual .swiper-container.websre_main .swiper-slide .swiper_text_add {display:none;}
}
@media screen and (max-width:768px) {
	#mainVisual {height:600px;}
	#mainVisual .swiper-slide a.first img {top:30%;margin:0px auto;position:absolute;left:50%;margin-left:-40%;}
	#mainVisual .swiper-slide a.second img {top:35%;position:absolute;left:50%;margin-left:-30%;}
}
@media screen and (max-width:480px) {
	#mainVisual {height:500px;}
}
#mainVisual .visual_wave_box {
 width:100%;
 height:0;
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 background:#fff;
}
#mainVisual .visual_wave {
 background: url('../img/wave.svg') repeat-x;
 position:absolute;
 top:-100px;
 width:6400px;
 height:100px;
 animation: wave 14s cubic-bezier(0.36,0.45,0.63,0.53) infinite;
 transform: translate3d(0,0,0);
 z-index:999;
}
@keyframes wave {
 0% {
  margin-left: -1600px;
 }
 100% {
  margin-left:0px;
 }
}

/* 메인페이지 섹션 공통 */
.section {position:relative}
.section > .innerContainer {position:relative; width:1400px; margin:auto}
.section > .innerContainer:after {clear:both; display:block; content:''}
.section .section-tit {margin-bottom:40px; text-align:center}
.section .section-tit h2 {font-family:'Nanum Myeongjo'; font-size:30px; font-weight:normal; color:#989898; margin-bottom:5px}
.section .section-tit h3 {font-size:18px; font-weight:600; color:#cca865; letter-spacing:4px; text-transform:uppercase}
.section .section-tit h3 span {color:#25221d}

/*메인대표진료*/
#section0 {position:relative;width:100%;padding:50px 0px 140px;}
#section0 .title {text-align:center;}
#section0 .title h1 {font-size:120px;font-family:'Nanum Myeongjo';font-weight:600;color:#f4f2f1;position:relative;top:50px;z-index:-1;}
#section0 .title span {font-size:40px;color:#353535;z-index:9}
#section0 .title span p {font-size:40px;display:inline-block;font-weight:600;}
#section0 ul{position:relative;margin-top:55px;}
#section0 ul li{float:left;position:relative;width:23.5%;margin-right:2%;height:390px;text-align:center;overflow:hidden;transition:.3s;border-radius:20px;}
#section0 ul li:last-child {margin-right:0px;}
/*#section0 ul li:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2);}*/
#section0 ul li:nth-child(1){background:#cbd8c2;}
#section0 ul li:nth-child(2){background:#c7d6e1;}
#section0 ul li:nth-child(3){background:#e8e4d7;}
#section0 ul li:nth-child(4){background:#e6e4f0;}
#section0 ul li.over:nth-child(1){background:url('../img/repre_img1.jpg') no-repeat top center;background-size:cover;}
#section0 ul li.over:nth-child(2){background:url('../img/repre_img2.jpg') no-repeat top center;background-size:cover;}
#section0 ul li.over:nth-child(3){background:url('../img/repre_img3.jpg') no-repeat top center;background-size:cover;}
#section0 ul li.over:nth-child(4){background:url('../img/repre_img4.jpg') no-repeat top center;background-size:cover;}
#section0 ul li .txt{position:relative;top:50%;margin-top:-75px;z-index:1;opacity:1;}
#section0 ul li .txt span{display:block;}
#section0 ul li .txt p{font-size:25px;color:#000;font-weight:400;margin-top:20px;}
#section0 ul li .txt_ov{position:absolute;width:100%;top:50%;margin-top:-60px;z-index:1;opacity:0}
#section0 ul li .txt_ov h3{font-size:25px;color:#000;font-weight:400;margin-top:-70px;opacity:0;transition:.3s;}
#section0 ul li .txt_ov .line{margin:-10px auto 20px;width:45px;height:1px;background:#000;opacity:0;transition:.3s;}
#section0 ul li .txt_ov > p{font-size:18px;font-weight:300;color:#000;margin-top:-30px;opacity:0;transition:.3s;}
#section0 ul li .txt_ov .more{margin:0 auto;opacity:0;transition:.3s;}
#section0 ul li .txt_ov .more a {border:solid 1px #000;padding:8px 20px;display:inline-block;transition:.3s;color:#000;}
#section0 ul li.over:before{background:rgba(0,0,0,0)}
#section0 ul li.over .txt{opacity:0;margin-top:-300px;}
#section0 ul li.over .txt_ov{opacity:1;}
#section0 ul li.over .txt_ov h3{margin-top:-40px;opacity:1;}
#section0 ul li.over .txt_ov .line{margin-top:20px;opacity:1;}
#section0 ul li.over .txt_ov > p{margin-top:0px;opacity:1;}
#section0 ul li.over .txt_ov .more{margin-top:35px;opacity:1;}


/*메인5개롤링*/
#section1 {height:840px; background:url("../img/doc_bg.jpg") no-repeat center top;background-size:cover; position:relative;}
#section1 .swiper5 {
 /*overflow:visible;*/
 padding:220px 0 80px;
}
#section1 .swiper5 .swiper-slide {
 width:390px;
 font-size:0;
 margin:0 25px;
 text-align:center;
 -webkit-transition:all 0.5s;
 -moz-transition:all 0.5s;
 -ms-transition:all 0.5s;
 -o-transition:all 0.5s;
 transition:all 0.5s;
}
#section1 .swiper5 .swiper-slide-active {
 margin-top:-100px;
}
#section1 .swiper5 .swiper-slide img {
 border-radius:60px;
 -webkit-transition:all 0.5s;
 -moz-transition:all 0.5s;
 -ms-transition:all 0.5s;
 -o-transition:all 0.5s;
 transition:all 0.5s;
}
#section1 .swiper5 .swiper-slide-active a img {
 box-shadow:0 20px 40px 1px rgba(0,0,0,0.2);
 -webkit-box-shadow:0 20px 40px 1px rgba(0,0,0,0.2);
}
#section1 .swiper5 .swiper-slide .slide_txt {
 opacity:0;
 text-align:center;
 -webkit-transition:all 0.3s;
 -moz-transition:all 0.3s;
 -ms-transition:all 0.3s;
 -o-transition:all 0.3s;
 transition:all 0.3s;
}
#section1 .swiper5 .swiper-slide .slide_txt .slide_txt_title {
 font-size:18px;
 font-weight:400;
 color:#555;
 line-height:28px;
}
#section1 .swiper5 .swiper-slide .slide_txt .slide_txt_title b {
 font-size:40px;
 font-weight:700;
 color:#1547a5;
 line-height:50px;
 display:block;
 margin-bottom:20px;
}
#section1 .swiper5 .swiper-slide .slide_txt .slide_txt_title b span{
 font-size:20px;
 color:#07296a;
 
}

#section1 .swiper5 .swiper-slide-active .slide_txt {
 opacity:1;
 padding-top:55px;
 -webkit-transition:all 0.8s;
 -moz-transition:all 0.8s;
 -ms-transition:all 0.8s;
 -o-transition:all 0.8s;
 transition:all 0.8s;
}
#section1 .swiper5 .swiper-slide-active .slide_txt.program_btn {padding-top:20px;position:relative;}
#section1 .swiper5 .swiper-slide-active .slide_txt.program_btn a {font-family:"Montserrat";color:#999;font-size:15px;font-weight:bold;}
#section1 .swiper5 .swiper-slide-active .slide_txt.program_btn:before {content:'';width:10px;height:2px;position:absolute;left:50%;margin-left:-50px;top:30px;background:#999;}
#section1 .swiper5 .swiper-slide-active .slide_txt.program_btn:after {content:'';width:10px;height:2px;position:absolute;left:50%;margin-left:40px;top:30px;background:#999;}
#section1 .swiper5 .swiper-scrollbar {
 position:absolute;
 width:1280px;
 left:0;
 right:0;
 margin:0 auto;
 bottom:0;
 background:#e5e5e5;
 border-radius:0;
 height:1px;
}
#section1 .swiper5 .swiper-scrollbar-drag {
 width:100%;
 position:relative;
 background:#ff3d44;
 border-radius:0;
 left:0;
 top:-2px;
 height:3px;
}

/* 메인숫자카운팅 */
#section2 {padding:100px 0px 150px;position:relative;width:100%;text-align:cetner;z-index:8;}
#section2:before {position:absolute;content:'';left:0px;bottom:0px;width:100%;height:500px;background:#1547a5;z-index:-1;} 
#section2 .count-title  span {text-align:center;font-size:140px;font-style:italic;font-weight:800;display:inline-block;width:100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#542aaf+0,2a2daf+100 */
background: #542aaf; /* Old browsers */
background: -moz-linear-gradient(top,  #542aaf 0%, #2a2daf 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #542aaf 0%,#2a2daf 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #542aaf 0%,#2a2daf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#542aaf', endColorstr='#2a2daf',GradientType=0 ); /* IE6-9 */
-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #section2 .count-title  span{background: none;color:#542aaf;}
}

#section2 .count-txt {text-align:center;font-weight:normal;letter-spacing:-3px;}
#section2 .count-txt h1 {font-size:40px;line-height:1.5;color:#666;}
#section2 .count-txt strong {color:#000;font-weight:bold;}
#section2 .count-txt span {font-size:19px;text-align:center;margin:20px 0px;display:block;letter-spacing:-1px;}
#section2 .count-content {padding:50px 0px;margin:0px auto;}
#section2 .count-content ul {font-size:0px;}
#section2 .count-content ul li {display:inline-block;}
#section2 .visual_wave_box {
 width:100%;
 height:0;
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 background:#fff;
}
#section2 .visual_wave {
 background: url('../img/wave.svg') repeat-x;
 position:absolute;
 top:-370px;
 width:6400px;
 height:100px;
 animation: wave 14s cubic-bezier(0.36,0.45,0.63,0.53) infinite;
 transform: translate3d(0,0,0);
 transform:rotate(-180deg);
 z-index:-1;
}
@keyframes wave {
 0% {
  margin-left: -1600px;
 }
 100% {
  margin-left:0px;
 }
}
#section2 .price {position:relative;width:100%;font-size:0px;}
#section2 .price .box {display:inline-block;width:32%;margin-right:2%;background:#fff;padding:30px;border-radius:20px;text-align:center;}
#section2 .price .box:last-child {margin-right:0px;} 
#section2 .price .box h1 {font-size:25px;font-family:Gmarket Sans;}
#section2 .price .box h2 {font-size:19px;color:#555;}
#section2 .price .box.first h1 {color:#1547a5}
#section2 .price .box.second h1 {color:#b3bd45}
#section2 .price .box.third h1 {color:#d28728}
#section2 .price .box .won {margin-top:20px;}
#section2 .price .box .won > div {font-size:20px;font-family:Gmarket Sans;display:inline-block;color:#b8b8b8;}
#section2 .price .box .won > div strong {font-size:80px;position:relative;}
#section2 .price .box .won > div strong:before {height:1px;width:120px;content:'';position:absolute;left:0px;top:38px;background:#b8b8b8;}
#section2 .price .box.second .won > div strong:before {width:155px;}
#section2 .price .box.third .won > div strong:before {width:170px;}
#section2 .price .box .won > div.sale strong:before {display:none;}
#section2 .price .box.first .won > div.sale {color:#4b84ed}
#section2 .price .box.second .won > div.sale {color:#c1cb50}
#section2 .price .box.third .won > div.sale {color:#eda64b}
/* 메인숫자카운팅 끝 */


/*빅배너*/
#section5 {height:410px; }
#section5 .be_left {width:50%; height:410px; float:left; background:url(../img/main_long_be1.jpg) no-repeat center top; position:relative;}
#section5 .be_left .text_area {position:relative; right:80px; top:100px; text-align:right;}
#section5 .be_left .text_area h1{font-size:35px; color:#333333; letter-spacing:-1px; font-wight:bold;}
#section5 .be_left .text_area h1 span{font-size:15px; color:#aab8c1; letter-spacing:7px;}
#section5 .be_left .text_area p{color:#666666; font-size:17px; margin-top:15px;}
#section5 .be_left .text_area a.more{color:#888888; font-size:13px; margin-top:15px; border:1px solid #cccccc; margin-top:20px; display:inline-block; padding:10px 30px;}


#section5 .be_right {width:50%; height:410px; float:left; background:url(../img/main_long_be2.jpg) no-repeat center top;}
#section5 .be_right .text_area {position:relative; padding-left:80px; top:100px; text-align:left;}
#section5 .be_right .text_area h1{font-size:35px; color:#333333; letter-spacing:-1px; font-wight:bold;}
#section5 .be_right .text_area h1 span{font-size:15px; color:#aab8c1; letter-spacing:7px;}
#section5 .be_right .text_area p{color:#666666; font-size:17px; margin-top:15px;}
#section5 .be_right .text_area a.more{color:#888888; font-size:13px; margin-top:15px; border:1px solid #cccccc; margin-top:20px; display:inline-block; padding:10px 30px;}

/* 전후사진 */
#section6 {position:relative;width:100%;background:url("../img/main_before_bg.jpg") no-repeat center;background-size:cover;padding:80px 0px 150px;}
#section6 .title {text-align:center;}
#section6 .title  h1 {font-size:70px;color:#333;}
#section6 .title  h1 span {color:#1547a5;}
#section6 .title  p{font-size:19px;color:#333;margin-bottom:50px;}
.mb02{position:relative;width:1200px;margin:0 auto;}
/*드래그*/
.beforeandafter{width:1200px;height:600px;margin:0 auto;}
div.beforeandafter{overflow: hidden;position: relative;}
div.beforeandafter img{max-width: none !important;}
div.before, div.after{height: 100%;	left: 0;overflow: hidden;position: absolute;top: 0;transition: width 0.4s ease-in-out;width: 100%;z-index: 100;}
div.after{z-index: 1;}
div.drag{background: #1c1c1c;cursor: col-resize;display: block;height: 100%;left: 100%;position: absolute;top: 0;transition: left 0.4s ease-in-out;width: 2px;z-index: 1001;}
div.drag div.draghandle{background: url("../img/drag_btn.png");height: 40px;position: absolute;text-align: center;width: 80px;}
div.drag div.draghandlea{background: url("../img/drag_btn.png");height: 40px;position: absolute;text-align: center;width: 80px;}
div.before span.caption, div.after span.caption{bottom:50px;color:#fff;display:block;padding:5px;position: absolute;width:150px;font-size:40px;text-align:center;transform:translateX(150%);left:50%;font-style:italic;}
div.before span.caption{transform:translateX(-50%);}
#section6 .slick-dots {text-align:center;margin-top:20px;}
#section6 .slick-dots li {display:inline-block;width:20px;height:20px;background:#cfcfcf;border-radius:20px;margin:0px 5px;cursor:pointer;}
#section6 .slick-dots li.slick-active {background:#1547a5;} 
#section6 .slick-dots li button {text-indent:-9999px;border:0px;background:none;}


/* 메인하단 공지사항추출/컨텍츠/상담창 */
#section3 > .innerContainer {position:relative; width:1200px; margin:auto}
#section3 {padding:80px 0 0 0}
#section3 .grid {font-size:0px;}
#section3 .grid > li {position:relative;display:inline-block;margin-right:15px;width:390px;height:487px;padding:60px 50px;background:#f6f6f6;box-sizing:border-box;}
#section3 .grid > li:last-child {margin-right:0px;}
#section3 .grid > li h1 {color:#25221d;font-size:15px;font-weight:normal;font-family: Gmarket Sans;}
#section3 .grid > li > span > a {width:50px;height:50px;position:absolute;right:0px;bottom:0px;color:#fff;text-align:center;padding-top:14px;background:#1547a5;font-size:16px;}
#section3 .grid > li .content {padding-top:80px;}
#section3 .grid > li.banner1 .content .hp001 {width:100% !important;background:none !important;}
#section3 .grid > li.banner1 .content .hp001 li {display:block;width:100%;text-align:left !important;}
#section3 .grid > li.banner1 .content .hp001 li a {font-size:30px;color:#000;} 
#section3 .grid > li.banner1 .content .hp001 li .add-content {font-size:17px;color:#555;margin-top:30px;}
#section3 .grid > li.banner1 .content .hp001 li span.lt_date {font-size:17px;color:#969696;margin-top:50px;display:inline-block;}
#section3 .grid > li.banner2 {background:url(../img/main_customer_img.jpg) no-repeat center top;background-size:cover;}
#section3 .grid > li.banner2 .content {}
#section3 .grid > li.banner2 .content h2 {color:#1547a5;font-size:50px;line-height:1;}
#section3 .grid > li.banner2 .content p {color:#555;font-size:17px;margin-top:20px;}
#section3 .grid > li.banner2 .content span {margin-top:20px;display:inline-block;}
#section3 .grid > li.banner2 .content span a {display:inline-block;margin-left:10px;font-size:24px;color:#b2b2b2}
#section3 .grid > li.banner2 .content span a:first-child {margin-left:0px;}
#section3 .grid > li.banner3 .content {width:100% !important;background:none !important;}
#section3 .grid > li.banner3 .content input {padding:14px 20px;background:#fff;border:0px;font-size:15px;margin-bottom:10px;width:100%;}
#section3 .grid > li.banner3 .content input[name="name"] {width:100%;}
#section3 .grid > li.banner3 .content textarea {padding:14px 20px;background:#fff;border:0px;font-family:Montserrat;font-size:15px;margin-bottom:10px;box-sizing:border-box;width:100%;height:65px;}
#section3 .grid > li.banner3 .content .main_form_btn input {width:100%;padding:20px;background:#000;color:#fff;display:inline-block;margin-top:20px;text-align:center;font-size:17px;}

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

/* ----------------------------- 메인페이지 스타일 ----------------------------- */
/* 메인페이지 섹션 공통 */
.section > .innerContainer {width:100%;padding:0px 20px;}
#wrapper {width:100%;min-width:auto;}

#section2 .count-content ul li {width:14.28%;}
#section2 .count-content ul li.two {width:28.56%;} 
#section2 .count-content ul li img {width:100%;}
#section2 .price .box {padding:25px;}
#section2 .price .box h1 {font-size:20px;}
#section2 .price .box h2 {font-size:15px;}
#section2 .price .box .won > div {font-size:20px;}
#section2 .price .box .won > div strong {font-size:60px;}

/* 메인하단 공지사항추출/컨텍츠/상담창 */
#section3 > .innerContainer {width:100%;}
#section3 {padding:80px 0 0 0}
#section3 .grid {font-size:0px;}
#section3 .grid > li {margin-right:2%;width:32%;height:487px;}

}

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

#section2:before {} 
#section2 .count-title  span {font-size:80px;}
#section2 .count-txt h1 {font-size:30px;line-height:1.2;}
#section2 .count-txt span {letter-spacing:-1px;font-size:15px;}

#section2 .price .box {padding:22px;}
#section2 .price .box h1 {font-size:18px;}
#section2 .price .box h2 {font-size:13px;}
#section2 .price .box .won > div {font-size:15px;}
#section2 .price .box .won > div strong {font-size:40px;}
#section2 .price .box .won > div strong:before {width:60px;content:'';top:20px;}
#section2 .price .box.second .won > div strong:before {width:80px;}
#section2 .price .box.third .won > div strong:before {width:90px;}

#section6 {padding:80px 20px 150px;}
.mb02{width:1000px}
.beforeandafter{width:1000px;height:500px;}

}

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

#mainVisual {/*height:auto;*/}
body.scrollfix #mainVisual {margin-top:0px;}

/*메인대표진료*/
#section0 {padding:0px 0px 80px;}
#section0 .title h1 {font-size:40px;top:20px;}
#section0 .title span {font-size:25px;}
#section0 .title span p {font-size:25px;}
#section0 ul{position:relative;margin-top:25px;}
#section0 ul li{width:49%;margin-right:2%;height:250px;margin-bottom:10px;}
#section0 ul li:nth-child(even) {margin-right:0px;}
#section0 ul li:last-child {margin-right:0px;}
#section0 ul li:nth-child(1){background:url('../img/repre_img1.jpg') no-repeat top center;background-size:cover;}
#section0 ul li:nth-child(2){background:url('../img/repre_img2.jpg') no-repeat top center;background-size:cover;}
#section0 ul li:nth-child(3){background:url('../img/repre_img3.jpg') no-repeat top center;background-size:cover;}
#section0 ul li:nth-child(4){background:url('../img/repre_img4.jpg') no-repeat top center;background-size:cover;}
#section0 ul li .txt{opacity:0;}
#section0 ul li .txt_ov{top:50%;margin-top:-70px;z-index:1;opacity:1}
#section0 ul li .txt_ov h3{font-size:20px;margin-top:0px;opacity:1;}
#section0 ul li .txt_ov .line{margin:10px auto 10px;width:45px;opacity:1;}
#section0 ul li .txt_ov > p{font-size:14px;margin-top:0px;opacity:1;padding:0px 20px;}
#section0 ul li .txt_ov .more{margin:20px auto;opacity:1;}
#section0 ul li .txt_ov .more a {padding:5px 15px;}

/*메인5개롤링*/
#section1 {height:640px;}
#section1 .swiper5 {padding:180px 0px 40px;}
#section1 .swiper5 .swiper-slide .slide_txt .slide_txt_title b {font-size:25px;margin-bottom:10px;line-height:1.5;}
#section1 .swiper5 .swiper-slide-active .slide_txt {padding-top:30px;}
#section1 .swiper5 .swiper-slide .slide_txt .slide_txt_title {font-size:15px;line-height:1.5;}
#section1 .swiper5 .swiper-slide img {width:80%;}

/* 메인숫자카운팅 */
#section2 {padding:50px 0px;}
#section2:before {height:500px;} 
#section2 .count-title  span {font-size:50px;}
#section2 .count-txt {letter-spacing:-1px;}
#section2 .count-txt h1 {font-size:20px;}
#section2 .count-txt span {font-size:15px;margin:20px 0px;}
#section2 .count-content {padding:0px 0px;}

#section2 .visual_wave {top:-450px;}

#section2 .count-content ul li {width:33.3333333333333%;}
#section2 .count-content ul li.two {width:66.66666666666666666%;} 
#section2 .count-content ul li.mobile-style {display:inline-block !important;}

#section2 .price {margin-top:20px;}
#section2 .price .box:first {}
#section2 .price .box {width:100%;margin-right:0px;background:#fff;padding:30px;margin-bottom:20px;box-shadow:0 20px 40px 1px rgb(0 0 0 / 20%);}
#section2 .price .box h1 {font-size:20px;}
#section2 .price .box h2 {font-size:15px;}

#section2 .price .box .won > div {font-size:15px;}
#section2 .price .box .won > div strong {font-size:40px;}
#section2 .price .box .won > div strong:before {width:55px;top:18px;}
#section2 .price .box.second .won > div strong:before {width:75px;}
#section2 .price .box.third .won > div strong:before {width:85px;}


/*빅배너*/
#section5 {height:456px;width:100%;display:inline-block;}
#section5 .be_left {width:100%; height:230px; background:#e8e7e3 url(../img/main_long_be1.jpg) no-repeat center top; background-size:120%; position:relative; background-position:0px 101px;}
#section5 .be_left .text_area {position:relative; top:30px; left:0%; text-align:center;}
#section5 .be_left .text_area h1{font-size:20px; color:#333333; letter-spacing:-1px; font-wight:bold;}
#section5 .be_left .text_area h1 span{font-size:11px; color:#aab8c1; letter-spacing:7px;}
#section5 .be_left .text_area p{color:#666666; font-size:13px; margin-top:10px;}
#section5 .be_left .text_area a.more{color:#fff; font-size:13px; margin-top:15px; background:rgba(0, 0, 0, .8); margin-top:17px; display:inline-block; padding:10px 30px; border:none;}


#section5 .be_right {width:100%; height:230px; background:url(../img/main_long_be2.jpg) no-repeat center top;}
#section5 .be_right .text_area {position:relative; top:30px; padding-left:0%; text-align:center;}
#section5 .be_right .text_area h1{font-size:20px; color:#333333; letter-spacing:-1px; font-wight:bold;}
#section5 .be_right .text_area h1 span{font-size:11px; color:#aab8c1; letter-spacing:7px;}
#section5 .be_right .text_area p{color:#666666; font-size:13px; margin-top:10px;}
#section5 .be_right .text_area a.more{color:#fff; font-size:13px; margin-top:15px; background:rgba(0, 0, 0, .8); margin-top:17px; display:inline-block; padding:10px 30px; border:none;}

/* 전후사진 */
#section6 {padding:40px 0px 80px;}
#section6 .title  h1 {font-size:40px;}
#section6 .title  h1 span {}
#section6 .title  p{font-size:15px;margin-bottom:30px;}
.mb02{width:400px}
.beforeandafter{width:400px;height:200px;}
div.before span.caption, div.after span.caption{bottom:20px;width:50px;font-size:20px;}
div.before span.caption{transform:translateX(-50%);}
#section6 .slick-dots li {width:10px;height:10px;margin:0px 2px;}

/* 메인하단 공지사항추출/컨텍츠/상담창 */
#section3 {padding-top:20px;}
#section3 .grid > li {margin-right:0px;width:100%;height:auto;padding:40px 30px;margin-bottom:20px;}
#section3 .grid > li h1 {font-size:13px;}
#section3 .grid > li > span > a {width:30px;height:30px;padding-top:6px;font-size:14px;}
#section3 .grid > li .content {padding-top:30px;}
#section3 .grid > li.banner1 .content .hp001 li a {font-size:20px;} 
#section3 .grid > li.banner1 .content .hp001 li .add-content {font-size:14px;margin-top:15px;}
#section3 .grid > li.banner1 .content .hp001 li span.lt_date {font-size:14px;margin-top:20px;}
#section3 .grid > li.banner2 .content h2 {font-size:30px;}
#section3 .grid > li.banner2 .content p {font-size:14px;margin-top:20px;}
#section3 .grid > li.banner2 .content span a {font-size:20px;}
#section3 .grid > li.banner3 .content table.main_form td input {padding:8px 10px;font-size:13px;}
#section3 .grid > li.banner3 .content table.main_form td input[name="name"] {width:100%;}
#section3 .grid > li.banner3 .content table.main_form td select {width:100%;padding:8px 10px;font-size:13px;-webkit-appearance: none;-webkit-border-radius: 0;}
#section3 .grid > li.banner3 .content .main_form_btn a {margin-top:20px;font-size:15px;padding:10px;}

}

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

}

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

.mb02{width:300px}
.beforeandafter{width:300px;height:150px;}
div.before span.caption, div.after span.caption{bottom:20px;width:1px;font-size:20px;}

}