@charset "euc-kr";
#header {position:absolute; top:975px;}
/* ----------------------------- ¸ÞÀÎÆäÀÌÁö ½ºÅ¸ÀÏ ----------------------------- */
/* ¸ÞÀκñÁÖ¾ó */
#mainVisual {position:relative; overflow:hidden; z-index:8;}
#mainVisual .left_line {position:absolute; top:25%; left:80px; content:''; display:block; width:1px; height:0; z-index:100; transition:all 0.8s ease; animation-delay:1s; transition-delay:1s; -webkit-animation-delay:1s; -ms-transition-delay:1s;  background:#fff}
#mainVisual .logo {position:absolute; top:50px; left:40px; z-index:30; opacity:0; transition:all 0.3s ease; transition-delay:1s; animation-delay:1s; -webkit-transition-delay:1s; -ms-animation-delay:1s}
#mainVisual.active .logo {opacity:1}
#mainVisual .logo.opa {opacity:0}
#mainVisual.active .left_line {height:350px}
#mainVisual .sns_icon {position:absolute; bottom:50px; left:50px}
#mainVisual .sns_icon .sns_box {width:55px; height:55px; line-height:55px; border-left:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff; transition:all 0.3s ease; opacity:0}
#mainVisual .sns_icon .sns_box.sns1 {border-top:1px solid #fff; transition-delay:1s; animation-delay:1s; -webkit-transition-delay:1s; -ms-animation-delay:1s}
#mainVisual .sns_icon .sns_box.sns2 {transition-delay:1.1s; animation-delay:1.1s; -webkit-transition-delay:1.1s; -ms-animation-delay:1.1s}
#mainVisual .sns_icon .sns_box.sns3 {transition-delay:1.2s; animation-delay:1.2s; -webkit-transition-delay:1.2s; -ms-animation-delay:1.2s}
#mainVisual.active .sns_icon .sns_box {opacity:1}
body.scrollfix #mainVisual {margin-top:0}
#mainVisual {height:975px;background:url("../../img/main_visual1.jpg") no-repeat top center;background-size:cover;}
#mainVisual .swiper-container {width:100%;height:100%;}
#mainVisual .swiper-slide {background-position: center;background-size: cover;}
#mainVisual .swiper-slide .main_title {position:absolute;left:50%;padding-top:300px;margin-left:-573px;}
#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 {background:none !important;height:auto;}
 #mainVisual.active .logo {display:none;}
 #mainVisual.active .left_line {display:none;}
 #mainVisual.active .sns_icon .sns_box {display:none;}
 #mainVisual .swiper-slide {background:none !important;}
 #mainVisual .swiper-slide .swiper_text {display:none;}
 #mainVisual .swiper-button-next, #mainVisual .swiper-button-prev,#mainVisual .swiper-pagination-bullet  {display:none;}
 #mainVisual .swiper-slide a img {width:100%;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 .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) {
 
}
/* »ó´Ü ¿ÍÀÌµå ¹è³Ê */
#wideBanner {position:relative; margin:90px auto 0; height:380px; z-index:30; background:#f5f5f5; text-align:center}
#wideBanner h3 {padding-top:100px; font-size:55px;font-weight:normal;}
#wideBanner h3 span.gold {color:#cca865}
#wideBanner p {font-size:20px; color:#989898}
/* ¸ÞÀÎÆäÀÌÁö ¼½¼Ç °øÅë */
.section {position:relative}
.section > .innerContainer {position:relative; width:1200px; 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}
/* Before & After */
/*¼½¼Ç1 ½ºÅ¸ÀÏ*/
#section1 {width:100%; margin:auto}
#section1:after {display:block; clear:both; content:''}
/*¼½¼Ç1 left*/
#section1 .section1_left {width:50%; float:left}
#section1 .section1_left > .clinic {width:33.333334%; height:450px; float:left; padding:65px 65px 0 40px; overflow: hidden}
#section1 .section1_left > .bg_area {clear:both; width:100%; overflow:hidden}
#section1 .section1_left > .bg_area ul {overflow:hidden; position:relative}
#section1 .section1_left > .bg_area ul:after {clear:both; content:''; display:block}
#section1 .section1_left > .bg_area ul li {width:100%; float:left; height:550px; background-size:cover !important; background-position:100% 100% !important}
#section1 .section1_left > .bg_area ul li.middle_bg1 {background:url(../../img/section1_bg.jpg) center top no-repeat}
#section1 .section1_left > .bg_area ul li.middle_bg2 {background:url(../../img/section1_bg2.jpg) center top no-repeat}
#section1 .section1_left > .clinic.clinic_box1 {background:url(../../img/section1_box1.jpg) center top no-repeat;background-size:cover;}
#section1 .section1_left > .clinic.clinic_box2 {background:url(../../img/section1_box2.jpg) center bottom no-repeat;background-size:cover;}
#section1 .section1_left > .clinic.clinic_box3 {background:#ececec url(../../img/section1_box3.jpg) right bottom no-repeat;background-size:;}
#section1 .section1_right > .clinic.clinic_box4 {background:url(../../img/section1_box4.jpg) right bottom no-repeat;background-size:;}
#section1 .section1_right > .clinic.clinic_box5 {background:url(../../img/section1_box5.jpg) center top no-repeat;background-size:cover;}
#section1 .section1_left > .clinic .title, #section1 .section1_right > .clinic .title  {margin-bottom:25px}
#section1 .section1_left > .clinic .title h3, #section1 .section1_right > .clinic .title h3 {text-transform:uppercase; font-size:13px; font-weight:700; color:#cca865; letter-spacing:-1px; margin-bottom:20px}
#section1 .section1_left > .clinic .title h3.f_gold {color:#ffd88f;}
#section1 .section1_left > .clinic .title h4, #section1 .section1_right > .clinic .title h4 {font-size:28px; font-weight:300; color:#25221d; line-height:1.1; letter-spacing:-1px}
#section1 .section1_left > .clinic .title h4.white {color:#fff}
#section1 .section1_left > .clinic p {font-size:14px; line-height:1.2; color:#a1a1a1; padding-bottom:70px}
#section1 .section1_left > .clinic p, #section1 .section1_right > .clinic p {font-size:14px; line-height:1.2; color:#a1a1a1; padding-bottom:70px}
#section1 .section1_left > .clinic p.white {color:#fff; line-height:1.2}
#section1 .section1_left > .clinic .price-box, #section1 .section1_right > .clinic .price-box {font-size:14px}
#section1 .section1_left > .clinic .price-box:after {display:block; content:''; border-bottom:1px solid #b2b2b2; width:20%; height:1px}
#section1 .section1_left > .clinic.clinic_box2 .price-box:after {display:block; content:''; border-bottom:1px solid #fff; width:20%; height:1px}
#section1 .section1_left > .clinic .price-box strong, #section1 .section1_right > .clinic .price-box strong {font-size:20px}
#section1 .section1_left > .clinic .price-box.white {color:#fff}
/*¼½¼Ç1 right*/
#section1 .section1_right {width:50%; float:right}
#section1 .section1_right > .clinic_box4 {width:33.333334%; min-height:450px; float:left; padding:65px 55px 0 40px}
#section1 .section1_right > .clinic_box5 {width:66.66666%; min-height:450px; float:left; text-align:center; padding:65px 0 0}
#section1 .section1_right > .clinic .price-box:after {display:block; content:''; border-bottom:1px solid #b2b2b2; width:20%; height:1px}
#section1 .section1_right > .rolling {clear:both; position:relative; width:100%; height:550px; background:#8d7171; overflow:hidden}
#section1 .section1_right > .rolling ul.item {position:relative; width:2800px}
#section1 .section1_right > .rolling ul:after {clear:both; content:''; display:block}
#section1 .section1_right > .rolling ul.item li {float:left; width:960px; height:550px; text-align:center; padding:120px 0 0}
#section1 .section1_right > .rolling ul.item li .img-area {width:59px; margin:0 auto 40px}
#section1 .section1_right > .rolling ul.item li img {display:block; width:100%}
#section1 .section1_right > .rolling ul.item li .title {margin-bottom:25px}
#section1 .section1_right > .rolling ul.item li .title h3 {font-size:30px; font-weight:normal; color:#fff; line-height:1.1}
#section1 .section1_right > .rolling ul.item li .desc {}
#section1 .section1_right > .rolling ul.item li .desc p {font-size:20px; font-weight:normal; color:#c8bbbb; line-height:1.2}
/*end ¼½¼Ç 1 ½ºÅ¸ÀÏ */
/*¼½¼Ç2½ºÅ¸ÀÏ*/
#section2.section {background:#fff url(../../img/section2_bg.jpg) center top no-repeat; min-height:820px}
#section2 .inner {width:1400px; margin:0 auto}
#section2 .inner .solution {display:table; width:100%; height:100%}
#section2 .inner .solution .right {display:table-cell; height:100%; text-align:center; vertical-align: middle}
#section2 .inner .solution .right img {}
/*end ¼½¼Ç2½ºÅ¸ÀÏ*/
/*¼½¼Ç3 ½ºÅ¸ÀÏ*/
#section3 {width:100%; margin:auto}
#section3:after {clear:both; content:''; display:block}
#section3 .left {width:50%; height:550px; float:left; text-align:center; background:#cca865;}
#section3 .left .info-box {vertical-align: middle}
#section3 .left .info-box .icon-box {padding:75px 0 35px 0}
#section3 .left .info-box .icon-box img {}
#section3 .left .info-box .title {color:#fff}
#section3 .left .info-box .title h4 {font-size:20px; font-weight:300}
#section3 .left .info-box .title strong {font-size:30px; letter-spacing:-1px;}
#section3 .left .info-box .info-tel {margin:20px auto 10px}
#section3 .left .info-box .info-tel p {color:#fff}
#section3 .left .info-box .info-tel p span {font-size:14px; font-weight:normal}
#section3 .left .info-box .sns-area {position:relative}
#section3 .left .info-box .sns-area ul {padding:40px 0}
#section3 .left .info-box .sns-area ul:after {clear:both; content:''; display:block}
#section3 .left .info-box .sns-area ul li {display:inline-block; margin:0 5px; vertical-align:middle; text-align:left}
#section3 .left .info-box .sns-area ul li span {text-align:left; font-size:13px; font-weight:300; line-height:1.2; color:#fff}
#section3 .left .info-box .sns-area ul li a {display:inline-block; width:45px; height:45px; background:#fff; border-radius:50%; text-align:center; line-height:45px; transition:all 0.3s ease}
#section3 .left .info-box .sns-area ul li a:hover {background:#b39153}
#section3 .left .info-box .sns-area ul li a:hover i{color:#fff}
#section3 .left .info-box .sns-area ul li a i {font-size:25px; line-height:45px; color:#cca865; transition:all 0.3s ease}
#section3 .left .info-box .sns-area ul li.sns-kakao a {background:#fff20f}
#section3 .right {width:50%; min-height:550px; float:right}
/*end ¼½¼Ç3 ½ºÅ¸ÀÏ*/
/*°øÅ뽺ŸÀÏ*/
.section {}
.section .inner {width:1400px; margin:0 auto}
/*end °øÅ뽺ŸÀÏ*/
#section1 .inner {width:1400px; margin:0 auto}
#section1 .control-box {float:left; width:400px}
#section1 .control-box h2 {font-family:'Nanum Myeongjo'; font-size:60px; font-weight:normal; color:#cca865; line-height:1.16; margin-bottom:25px}
#section1 .control-box h2 span {color:#25221d}
#section1 .control-box h3 {font-family:'NBG'; font-size:19px; font-weight:600; color:#989898}
#section1 .control-box .btngroup {margin:40px 0 50px 0; font-size:0}
#section1 .control-box .btngroup > button {width:40px; height:40px; margin-right:1px; font-size:12px; color:#999; border:none; background:#ececec; cursor:pointer; outline:none}
#section1 .control-box .btngroup > button:hover {background:#dedede}
#section1 .control-box .tab-list li {position:relative; width:240px; height:40px; margin-bottom:10px; padding-left:30px; font-family:'NBG'; font-size:15px; color:#25221d; line-height:38px; border:1px solid #e0e0e0; cursor:pointer; transition:all .1s ease}
#section1 .control-box .tab-list li:after {position:absolute; right:30px; font-family:'Pe-icon-7-stroke'; font-size:20px; content:'\e684'; color:#b4b4b4}
#section1 .control-box .tab-list li.active, #section1 .control-box .tab-list li:hover {color:#be9356; border-color:#cca865}
#section1 .control-box .tab-list li .active:after, #section1 .control-box .tab-list li:hover:after {color:#be9356}
#rollingBox {position:relative; float:right; width:800px; overflow:hidden}
#rollingBox .rolling-box {display:none; position:relative; overflow:hidden}
#rollingBox .rolling-box.active {display:block !important}
#rollingBox .rolling-box > .imgList {position:relative; width:1000%}
#rollingBox .rolling-box > .imgList > li {float:left; width:800px}
#rollingBox .rolling-box > .imgList > li:after {clear:both; display:block; content:''}
#rollingBox .rolling-box > .imgList > li > div {position:relative}
#rollingBox .rolling-box > .imgList > li > div > img {display:block; width:100%}
#rollingBox .rolling-box > .imgList > li > div:after {position:absolute; display:inline-block; bottom:0; padding:12px 20px; font-size:18px; font-weight:500; color:#fff; z-index:20}
#rollingBox .rolling-box > .imgList > li .before {float:left; width:50%}
#rollingBox .rolling-box > .imgList > li .after {float:right; width:50%}
#rollingBox .rolling-box > .imgList > li .before:after {right:0; content:'BEFORE'; background:#25221d}
#rollingBox .rolling-box > .imgList > li .after:after {left:0; content:'AFTER'; background:#be9356}
/* ±×¸®µå ¹è³Ê ¼½¼Ç 1 */
#section4.section {padding:80px 0; background:#e3d7c3}
#section4 div[class^=grid] a img {display:block}
#section4 .grid-left {float:left; margin-right:32px}
#section4 .grid-right {float:right}
#section4 .grid-right .top {margin-bottom:33px}
#section4 .grid-right .top .left {float:left; margin-right:34px}
#section4 .grid-right .top .right {float:right}
/* ±×¸®µå ¹è³Ê ¼½¼Ç 2 */
#section5 {padding:55px 0 0 0}
#section5 .grid > li {float:left; margin:0 14px 12px 0}
#section5 .grid > li.right-end {margin-right:0}
#section5 .grid > li.grid-center {margin-right:13px}
#section5 .grid > li.item-contact {width:391px; height:344px; padding:55px 50px 0 50px; background:#2b2b2b}
#section5 .grid > li.item-contact h3 {font-size:20px; font-weight:600; color:#fff; letter-spacing:1.5px; text-transform:uppercase; margin-bottom:15px}
#section5 .grid > li.item-contact strong {display:block; font-size:30px; color:#cca865; margin-bottom:10px}
#section5 .grid > li.item-contact p {font-size:14px; color:#bbb; line-height:1.5; margin-bottom:20px}
#section5 .grid > li.item-contact .sns-list {font-size:0}
#section5 .grid > li.item-contact .sns-list li {display:inline-block; font-size: 14px; font-weight:600; color:#fff; line-height:1.28; margin-right:10px}
#section5 .grid > li.item-contact .sns-list li > a {display:block; width:36px; height:36px; font-size:23px; color:#2b2b2b; text-align:center; line-height:36px; border-radius:50%; background:#cca865}
#section5 .grid > li.item-contact .sns-list li > a:hover {background:#c6a25f}
#section5 .grid > li.item-contact .sns-list li.sns-kakao > a {background:#fff20f}
#section5 .grid > li.item-contact .sns-list li.sns-kakao > a:hover {background:#f5e800}
#section5 .grid > li.item-contact .sns-list li.sns-kakao > a img {vertical-align:middle}
#main_map {width:100%; height:550px}
#footer {margin-top:0px;}

@media screen and (max-width:1400px) {
#section1 .section1_left > .clinic {width:50%;}
#section1 .section1_left > .clinic.clinic_box3 {width:100%;}
#section1 .section1_right > .clinic_box4 {width:100%;}
#section1 .section1_right > .clinic_box5 {width:100%;}
#section2.section {}
#section2 .inner {width:100%;}
#section2 .inner img {width:100%;}
}
@media screen and (max-width:1280px) {

#section2.section {background-size:cover; min-height:620px}
}

@media screen and (max-width:1024px) {
#mainVisual {/*height:auto;*/}
body.scrollfix #mainVisual {margin-top:0px;}
 #wideBanner {height:auto;padding:100px 20px;margin:0px;}
 #wideBanner h3 {font-size:30px;padding:0px;}
 #wideBanner p {font-size:12px;}
 
 #section1 .section1_left > .clinic .title h4, #section1 .section1_right > .clinic .title h4 {font-size:20px;}
 
 #section2 .inner {width:40%;margin:30px 30px;float:right;}
 #section2.section {background-size:cover; min-height:420px}
} 
@media screen and (max-width:768px) {
 #section1 .clinic {width:100% !important;height:380px !important;min-height:380px !important;}
 #section1 .section1_left {width:100% }
 #section1 .section1_right {width:100% }
 #section1 .section1_left > .bg_area ul li {height:380px;}
 #section1 .section1_right > .rolling {height:380px;}
 #section1 .section1_right > .rolling ul.item li {height:380px;padding-top:60px;}
 #section1 .section1_right > .rolling ul.item li .title h3 {font-size:20px;}
 #section1 .section1_right > .rolling ul.item li .desc p {font-size:14px;}
 .bx-pager {bottom:40px;}
 #section2.section {background-size:cover; min-height:320px}
 
 #section3 .left {width:100%;height:350px;}
 #section3 .right {width:100%;height:250px;min-height:250px;}
 #main_map {height:250px;}
 #main_map > iframe {height:250px;}
 
 #section3 .left .info-box .icon-box {padding:20px 20px 20px;}
 #section3 .left .info-box .icon-box img {width:20px;}
 #section3 .left .info-box .title h4 {font-size:15px;}
 #section3 .left .info-box .title strong {font-size:20px;}
 #section3 .left .info-box .info-tel p span {font-size:12px;}
 #section3 .left .info-box .sns-area ul {padding:20px 0px;}
 #section3 .left .info-box .sns-area ul li a {width:35px;height:35px;line-height:35px;}
 .btn-area .btn-lg {width:50%;height: 35px !important;line-height: 33px !important;font-size:13px;}
}
@media screen and (max-width:480px) {
.mb02{width:300px}
div.before span.caption, div.after span.caption{bottom:20px;width:1px;font-size:20px;}
#section2.section {background-size:cover; min-height:220px}
}