@charset "UTF-8";
@import url(common.css);

body.ovh{overflow:hidden}

.text-point{color:#1475d9 !important}
.text-gray{color:#4f5c6f !important}
.text-strong-point{color:#0092e5 !important}
.text-coral{color:#f38c6c !important}
.lt-s-1{letter-spacing:-1px !important}
.element-animate{opacity:0;visibility:hidden}
.font-weight-thin {font-weight:100;}
.font-weight-medium {font-weight:500;}


/* PC reszing */
@media (min-width:1200px){
    .container,
    .container-fluid {max-width:1360px;padding:0}
}

/* Tablet reszing */
@media (max-width:991px) {
    header .navbar{background:white !important;padding-top:.5rem;padding-bottom:.5rem}
    .navbar-brand{padding-top:1.5rem;padding-bottom:1.5rem;margin:0 auto !important}
    .navbar-brand img{max-height:35px !important}
    .pc_top_gnb{display:none}
}
@media (min-width:1200px) and (max-width:1390px){
    .pc_top_gnb{right:1rem !important}
}

/* Mobile reszing */
.navbar-toggler{left:0 !important;top:0 !important;border:0px}
.navbar-toggler .navbar-toggler-icon{background-image:url('/resources/images/m_menu_ico.png')}
.navbar .tel {right:10px;font-size:2rem;}

/* Header */
/* Util Menu  */
.pc_top_gnb{position:absolute;width:100%;top:0;right:0;z-index:5;padding-top:27px}
.top_menu{float:right;/* top:50%;*/ margin:0;display:inline-block;position:relative;top:-9px}
.top_menu li{position:relative;float:left;margin-left:20px}
.top_menu li:before{position:absolute;content:'';left:-10px;top:11px;width:1px;height:12px;background:#5e6077}
.top_menu li:first-child:before{content:none}
.top_menu li a{color:#575757;font-size:0.8rem}

@media (min-width:992px) and (max-width:1199px) {
    header .navbar > .container-fluid {padding:0;padding-top:60px !important;}
    .pc_top_gnb {padding-top:1rem;}
    .navbar-brand {position:absolute;left:50%;top:0;transform:translateX(-50%);padding-top:1rem;}
    .navbar-brand img {max-height:40px;}
}

/* PC GNB */
header .navbar{position:relative;padding-top:0;padding-bottom:0;background:#fff ! important}
header .navbar .nav-link{padding:1.1rem 1rem;text-align:center;color:#000 !important;outline:none !important;font-size:1.1rem;line-height:1.3em;}
.navbar-expand-lg .navbar-nav .nav-link{padding-left:28px;padding-right:28px}
header .navbar .nav-link:after{display:none}
header .navbar .nav-link.active{color:#ff4a99 !important}
header .navbar .dropdown-menu{font-size:14px;min-width:185px;background-color:#e8ecf1;margin:0;border-radius:0px;border:none;-webkit-box-shadow:0 2px 20px -5px rgba(0, 0, 0, 0.1);box-shadow:0 2px 20px -5px rgba(0, 0, 0, 0.1)}
header .navbar .dropdown-menu .dropdown-item.active, header .navbar .dropdown-menu .dropdown-item:hover, header .navbar .dropdown-menu .dropdown-item:active{color:#40aef4 !important;background:transparent}
header .navbar .dropdown-menu a{padding-top:7px;padding-bottom:7px;color:#36395b}
header .navbar-brand{z-index:999}
@media (min-width:992px) {
    .navbar-nav {}
    .navbar-nav .nav-item {display:flex;-webkit-box-align: center!important;-ms-flex-align: center!important;align-items: center!important;}
}

/* MOBILE SIDEBAR */
#sidebar{width:100%;position:fixed;top:-81%;left:0;height:80%;z-index:999;background:rgba(60, 120, 221, .9);color:#fff;transition:all 0.3s;overflow-y:scroll;box-shadow:3px 3px 3px rgba(0, 0, 0, 0.2)}
#sidebar.active{top:0}
#dismiss{width:35px;height:35px;line-height:35px;text-align:center;background:transparent;position:absolute;top:10px;right:10px;cursor:pointer;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;font-size:1.7rem}
#dismiss:hover{background:transparent;color:#fff}
.overlay{display:none;position:fixed;width:100vw;height:100vh;background:rgba(0, 0, 0, 0.6);z-index:998;opacity:0;transition:all 0.5s ease-in-out}
.overlay.active{display:block;opacity:1}
#sidebar ul.components{padding:50px 0 20px 0}
#sidebar ul li a{padding:10px;font-size:1.1rem;display:block;text-align:center;background:transparent;border-bottom:1px solid #fff;color:#fff;font-weight:300}
#sidebar ul li a:hover{opacity:.9;color:#fff;background:transparent}
#sidebar ul li.active>a, #sidebar a[aria-expanded="true"]{color:#fff}
a[data-toggle="collapse"]{position:relative}
.dropdown-toggle::after{display:block;position:absolute;top:50%;right:20px;transform:translateY(-50%)}
#sidebar ul ul{border-bottom:1px solid #fff;padding:1rem 0 2rem 0}
#sidebar ul ul a{padding:5px;font-size:0.9em !important;font-weight:300;background:transparent;border-bottom:none !important}
#sidebar .login-menu {text-align:center;}
#sidebar .login-menu li{display:inline-block;border-radius:25px;border:1px solid #f6f6f6;width:auto;opacity:.6;margin:0 1px}
#sidebar .login-menu li a{border-bottom:0;color:#f6f6f6;padding:5px 15px;font-size:14px}


/* sitemap */
.sitemap_bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, .59);z-index:12}
.sitemap-wrap{padding-top:15rem}
.sitemap-wrap>ul{float:left;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:end;justify-content:flex-end;padding:0;margin-bottom:40px}
.sitemap-wrap>li>ul{display:inline-block}
.sitemap-wrap li li a{line-height:2rem;color:#7a7a7a;font-size:0.9rem}
.sitemap-wrap .sitemap_tit{display:block;height:60px;font-size:1.3rem;color:#313131;margin-bottom:13px;line-height:1.3em;}

/* sitemap open button */
#sitemap-btn {border:0;background:none;outline:none;cursor:pointer;z-index:99;position:relative;float:right}
#sitemap-btn i{display:block;width:18px;height:3px;margin-bottom:2px;background:#7cccff;transition:all .3s ease-in-out}
#sitemap-btn.open .bar1{transform:translateY(5px) rotate(45deg)}
#sitemap-btn.open .bar2{opacity:0;transform:translateX(60px)}
#sitemap-btn.open .bar3{transform:translateY(-5px) rotate(-45deg)}

/* Sitemap FullDown  */
#sitemap {width:100%;height:100vh;position:absolute;top:0;left:0;overflow-y:auto;text-align:center;background:#ffffff;transition:all .3s ease-in-out;display:none}
#sitemap.open{top:0 !important; z-index:15;display:block}

/* main slider */

.main-slider .item {height:774px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.main-slider .item .inner {max-width:1436px;padding:0 100px;text-align:center;position: relative;;}
.main-slider .item .inner h2.main-slider01-position {position:absolute;left:50%;margin:150px 0 0 -133px;}
.main-slider .item .inner .main-slider01-position01 {position:absolute;left:50%;margin:345px 0 0 -336px;}
.main-slider .item .inner h2 img {width:auto !important;}
.main-slider .item .inner .main-slider01-position01  {width:auto !important;}
.main-slider .item .inner .main_slider_txtbox_bg {background:#000;opacity:0.4;width:588px;height:183px;position:absolute;left:50%;margin:425px 0 0 -294px;}
.main-slider .item .inner .main_slider_txtbox {position:absolute;left:50%;margin:438px 0 0 -227px;}
.main-slider .item .inner .main_slider_txtbox li {list-style:none;text-align:left;color:#fff;margin-top:8px;}
.main-slider .item .inner .icon_type01 {background:url('/resources/images/main/check_icon01.png') 0 3px no-repeat;padding-left:30px;}
.main-slider .item .inner .icon_type01.color1 {background:url('/resources/images/main/check_icon02.png') 0 3px no-repeat;}

@media (min-width: 992px) {
    .main-slider .item .inner {}
    .main-slider .item .inner .img-text {text-align:center;}
}
@media (max-width: 991px) {
    .main-slider .item {height:auto;background:none;background-image:none !important;}
    .main-slider .item .inner {padding:0;}
}

.main-slider .owl-nav .owl-prev, .main-slider .owl-nav .owl-next{position:absolute;width:33px;height:69px;top:50%;margin-top:-34.5px;z-index:99}
.main-slider .owl-nav .owl-prev{left:2%;background:url('/resources/images/main/main_slider_arrL.png') no-repeat center top !important}
.main-slider .owl-nav .owl-next{right:2%;background:url('/resources/images/main/main_slider_arrR.png') no-repeat center top !important}
.main-slider .owl-nav .ion-chevron-left:before,.main-slider .owl-nav .ion-chevron-right:before{content:none !important}
.main-slider .owl-dots{position:relative;width:100%;bottom:2.3rem;text-align:center}
.main-slider .owl-dots .owl-dot{width:.8rem;height:.8rem;margin:0.3rem;border-radius:50%;background:#cfced5}
.main-slider .owl-dots .owl-dot.active{background:#fff}

/* clinic slider */
.left-top-0{left:0 !important;top:0 !important}
.js-carousel-1 .media{width:100%;overflow:hidden}
.js-carousel-1 .media:hover{-webkit-box-shadow:1px 1px 10px 1px rgba(0, 0, 0, 0.2);box-shadow:1px 1px 10px 1px rgba(0, 0, 0, 0.2)}
.js-carousel-1 .media:hover img{transition:all 1s;transform:scale(1.1)}
.js-carousel-1 .media .hp-more{position:absolute;bottom:2em;left:2em;transition:all .5s}
.js-carousel-1 .media .hp-more:hover{opacity:.8}
.js-carousel-1 .media-body h3 span{font-size:50%}
.js-carousel-1{position:relative}
.js-carousel-1 .owl-prev, .js-carousel-1 .owl-next{position:absolute;top:50%;margin-top:-33px;width:66px;height:66px;line-height:66px;background-color:#f8f8f8 !important;border:1px solid #d3d3d3 !important}
.js-carousel-1 .owl-prev{left:-33px}
.js-carousel-1 .owl-next{right:-33px}
.js-carousel-1 .owl-dots{position:relative;width:100%;bottom:-.5rem;text-align:center}
.js-carousel-1 .owl-dots .owl-dot{width:.8rem;height:.8rem;margin:0.3rem;border-radius:50%;background:#ddd}
.js-carousel-1 .owl-dots .owl-dot.active{background:rgba(0, 0, 0, .5)}
@media (max-width:1200px) {
    .js-carousel-1 .media-body h3{font-size:1.4rem}
}

/* main section 02 */
.sec-02{height:452px;background:url('/Resources/images/main/main_cover_img.jpg') no-repeat center top;background-size:cover}
.sec-02 .text-indent{text-indent:-1.5em;margin-left:1.5em}
.sec-02 .ico-che{width:13px;height:14px;background:url('/Resources/images/main/chevon_ico.png') no-repeat left center}
.sec-02 .system-ico{display:inline-block;width:100%;margin:0 2% 4% 2%;padding-top:22%;text-align:center;color:#fff;background:transparent;border:8px solid #fff;border-radius:50%;cursor:pointer;font-size:14px;line-height:1.3}
.sec-02 .system-ico span{display:block;width:69px;height:65px;margin:0 auto .8em;background:url('/resources/images/main/skin02_ico.png')}
.sec-02 .system-ico .ico01{background-position:0 5px}
.sec-02 .system-ico .ico02{background-position:-95px 5px}
.sec-02 .system-ico .ico03{background-position:-195px 0px}
.sec-02 .system-ico .ico04{background-position:-295px 0px}
.sec-02 .system-ico:hover .ico01{background-position:0 -95px}
.sec-02 .system-ico:hover .ico02{background-position:-95px -95px}
.sec-02 .system-ico:hover .ico03{background-position:-195px -100px}
.sec-02 .system-ico:hover .ico04{background-position:-295px -100px}
.sec-02 .system-ico:hover{background:#fff;color:#48c4be}
.sec-02 .system-ico:hover span{transition:all .2s}
.sec-02 p {font-size:16px;font-weight:400;letter-spacing:-0.02em;line-height:1.3em;}
.sec-02 p em {color:#7cccff;font-style:normal;}
.sec-02 p h2 + p {font-size:15px;line-height:22px;}
.sec-02 .circle-list > div {padding:0 1.5%;}
@media (min-width:768px) {
    .sec-02 .container {height:100%;position:relative;}
    .sec-02 .container > .row {position:absolute;width:100%;left:0;top:50%;transform:translateY(-50%);}
    .sec-02 p {font-size:21px;}
    .sec-02 p h2 + p {font-size:17px;line-height:27px;}
}
@media (max-width:1200px) {
    .sec-02 .system-ico{padding-top:15% !important}
    .sec-02 .system-ico span{margin:0 auto;width:51.75px;height:51.75px;background-size:300px auto !important}
    .sec-02 .system-ico .ico01{background-position:0 4px}
    .sec-02 .system-ico .ico02{background-position:-71.25px 3px}
    .sec-02 .system-ico .ico03{background-position:-146.25px 0}
    .sec-02 .system-ico .ico04{background-position:-221.25px 0}
    .sec-02 .system-ico:hover .ico01{background-position:0 -71px}
    .sec-02 .system-ico:hover .ico02{background-position:-71.25px -72px}
    .sec-02 .system-ico:hover .ico03{background-position:-146.25px -75px}
    .sec-02 .system-ico:hover .ico04{background-position:-221.5px -75px}
}
@media (min-width:768px) and (max-width:991px) {
    .sec-02 .system-ico{padding-top:20% !important}
}
@media (max-width:767px) {
    .sec-02{height:auto !important}
    .sec-02 .system-ico{width:70%}
}
@media (min-width:415px) and (max-width:500px) {
    .sec-02 .system-ico{padding-top:11% !important}
}
@media (max-width:414px) {
    .sec-02 .system-ico{padding-top:17% !important;width:100%}
}
@media (max-width:350px) {
    .sec-02 .system-ico{padding-top:13% !important;font-size:12px}
    .sec-02 .system-ico span{margin:0 auto -5px}
}

/* main section 03 */
.sec-03{background:#e8ecf1}
.sec-03 .row div{margin-left:0 !important;margin-right:0 !important;padding-left:0 !important;padding-right:0 !important}
.sec-03 .btn-rounded{position:absolute;font-size:0.938rem;font-weight:normal;bottom:1.5rem;left:3%;border-radius:1rem;background:transparent;border:1px solid #fff;color:#fff}
@media (max-width:767px) {

}
@media (max-width:350px) {
    .sec-03.pt-5 {padding-top:3rem !important}
    .sec-03 .btn-rounded.pl-3 {padding-left:0.5rem !important}
    .sec-03 .btn-rounded.pr-3 {padding-right:0.5rem !important}
}
h2.font-size-1-5 {font-size:1.5em}



/* main section 04 */
.sec-04 .round-icons{background-color:#f38c6c;width:1.3rem;height:1.3rem;border-radius:50%;font-size:1rem;color:#fff;text-align:center;margin-right:0.5rem;line-height:1.3rem !important;font-weight:300 !important}
.sec-04 .reserve_form .form-control{border-radius:0 !important}
.sec-04 .reserve_form input[type="text"], .sec-04 .reserve_form select{height:56px !important;line-height:56px;padding:0 1rem;background:#e8ecf1;border:0}
@media (max-width:767px) {
    .sec-04 dt {width:100% !important;}
    .sec-04 .reserve_form input[type="text"], .sec-04 .reserve_form select{height:45px !important;line-height:45px}
}
.sec-04 .reserve_form select{background:#e8ecf1 url('/Resources/images/main/selectbox-ico.png') no-repeat 97% center}
.sec-04 .reserve_form select:focus{background:#e8ecf1}
.sec-04 .reserve_form .btn{background:#0092e5;color:#fff}
.sec-04 .kakao-consult-btn{display:block;width:100%;padding:5% 0 5% 15%;background:#ffe900 url(/Resources/images/main/kakao_bg.png) no-repeat 10% 50%;background-size:20%;text-align:center;color:#411a1d;font-weight:900}
    @media (min-width:524px) and (max-width:1199px) {
        .sec-04 .kakao-consult-btn{padding:3.5% 0 3.5% 15%;background-size:15%;background-position:15% 50%}
    }
.check-privacy {font-weight:300; line-height: 1.2;}
.check-privacy input, .check-privacy span, .check-privacy a{display: inline-block;vertical-align: middle;}
.check-privacy input[type="checkbox"]{width:15px;height:15px;border: 1px solid #d6d6d6;background-color:#0092e5}
.check-privacy .cta-btn {margin-left:2px;padding:0 5px 2px 5px;background:#efefef;color:#525252}
#modalAppointment .modal-content{border-radius:0;border:none}
#modalAppointment .modal-body, #modalAppointment .modal-footer{padding:40px}
/* Footer */
.site-footer{padding-bottom:4em;background:#36395b;color:rgba(199, 198, 204, 0.9)}

.site-footer .fa{color:rgba(199, 198, 204, 0.9);font-size:22px}
@media (max-width:991px) {
	.site-footer h2 {font-size:16.5px}
}

@media (max-width:576px) {
	.site-footer h2 {font-size:16.5px}
}
.site-footer .footer-link li{line-height:1.3;margin-bottom:15px;display:inline-block;border-left:1px solid rgba(255, 255, 255, 0.1);padding-left:0.5rem;margin-left:0.5rem}
.site-footer .footer-link li a{font-size:13px;color:rgba(199, 198, 204, 0.9)}
.site-footer .footer-link li:first-child{border-left:0px}
.site-footer .copyright{font-size:14px}

/* quickMenu */
.quick_menu{top:10%;right:0;z-index:4}