body, table, tr, td, p, br, div, font, a {font-family: 'Noto Sans KR'; font-stretch:condensed;}

.a_img{opacity:0;animation-delay:3s;animation-duration:6s;animation-name:slidein1;animation-iteration-count:infinite;animation-direction:alternate;}
.fix_event_wrap{position:absolute;top:180px;left:0;z-index:100;}
.fix_close_btn{position:absolute;top:0;left:153px;width:28px;height:28px;cursor:pointer;z-index:1002;}
.fix_event_content{left:0;top:0;position:absolute;width:0;height:0;overflow:hidden;z-index:1003;}
.fix_toggle_btn{cursor:pointer;width:153px;height:115px;display:block;}
.none{display:none;}
/*nav*/

nav{width:100%;position:fixed;text-align:center;font-size:0;z-index:200;height:180px;transition:0.3s;top:0;left:0;}
.navi_h02{height:235px;}
.navi_h03{height:285px;}
nav::after{content:'';position:absolute;z-index:-1;background:#fff;box-shadow:0 2px 5px #999;width:100%;height:100%;left:0;top:0;opacity:1;}
nav li{text-decoration:none;display:inline-block;text-align:center;}
nav g{width:1090px;position:relative;display:inline-block;}
.country{position:absolute;right:0;top:35px;text-align:right;}
.country a {background: url('/images/main/country.png') no-repeat; width: 40px; height: 40px; margin-left: 10px; display: inline-block;}
.country a:nth-child(2){background-position: -40px 0;}
.country a:nth-child(3){background-position: -80px 0;}
.g_login{position:absolute;right:0;top:85px;text-align:right;}
.g_login a{color:#fff;margin-left:10px;}
.g_login a:hover{color:#ff4a85;}

nav ul{min-width:1090px;position:absolute;margin:0;padding:0;}
.g_mnavi a{font-size:17px;font-weight:400;display:block;position:relative;transition:.3s;padding:20px; color:#000;}
.g_mnavi>li:hover>a, .g_mnavi>li.active>a{color:#ff4a85;}
.g_mnavi>li>a:after{content:'';border-bottom:2px solid #fff;display:inline-block;margin-top:0px;transition:.3s;opacity:0;width:1px;position:absolute;top:55px;left:10%;}
.g_mnavi>li:hover>a:after, .g_mnavi>li.active>a:after{border-bottom:2px solid #ff4a85;opacity:1;width:80%;}
.nav_step2,.nav_step3{display:none;}
.nav_step3{background:#e8e8e8;border-radius:50px;}
.nav_step2 li a{font-size:16px; padding: 20px 15px;}
.nav_step2 li:hover>a, .nav_step2 li.active>a{color:#ff4a85;}
.nav_step3 li{padding:8px 3px;}
.nav_step3 li a{font-size:15px;letter-spacing:-1px;padding:5px 10px; }
.nav_step3 li:hover a, .nav_step3 li.active a{background:#ff4a85;color:#fff;border-radius:30px;}
.g_mnavi li:hover > ul.nav_step2,ul.nav_step2 li:hover > ul.nav_step3{opacity:0;top:35px;left:0;z-index:-1;display:block;animation:s_menu .5s 0s;animation-fill-mode:forwards;margin-top: 10px;}
            
            
.navi_logo{width:150px;margin-top:20px;}
.nav_top{background:#000;height:120px;text-align:center;}
.nav_top h1{font-size:30px;color:#fff;position:absolute;top:40px;text-align:left;left:0;line-height:110%;margin:0;padding:0; font-weight: 500; }
.con_wrap {margin-top:180px; width: 100%; position: relative; overflow: hidden; text-align: center; height: 660px;}

.visual_con{ width: 1920px; height: 660px; position: absolute; top:0; left: 50%; margin-left:-960px;}
.visual_con .flickity-button {display: none;}
.visual_con .carousel-main{width:100%;position:relative;display:block;z-index:9;margin:0;padding:0;}
.visual_con .carousel-main li{width:100%;}
.visual_con .carousel-main li img {height:540px;}

.visual_con .carousel-nav{text-align:center;width:100%;display:block;margin:10px 0 0;padding:0;}
.visual_con .carousel-nav li{border:3px solid #dfdfdf;display:inline-block;border-radius:5px;box-sizing:border-box;transition:.3s;opacity:0.7; margin-right: 10px;}
.visual_con .carousel-nav li img {height:98px;}
.visual_con .carousel-nav .is-selected { opacity: 1; border-color:#ff99ba;}

.ac_slider {background:url(/images/main/ac_back_pc.jpg) no-repeat; padding: 60px 0; position: relative; cursor: pointer;}
.ac_slider .bx-wrapper {background: none; width:90%; margin:0 auto;}
.ac_slider div {display: table; width: 99%;}
.ac_slider div p {display: table-cell; width: 280px; color: #fff; font-size: 14px; text-align: center; line-height: 140%;}
.ac_slider div p img {margin-bottom: 10px;box-shadow:0 2px 5px #999;}
.slidenav {position: absolute; top:40%; z-index: 11;width: 100%;  display: block; opacity: 0.6;}
.slidenav span {right: 10px; position: absolute;}
.slidenav span:first-child{left: 10px;}
.ac_slider .slidenav i {font-size: 40px; color: #fff; font-weight: 200;}


.q_menu {POSITION: fixed; TOP:180px; right:0; z-index: 10; transition: 0.5s; text-align: right;}
.q_box { width:120px; background: #fff; box-shadow:0 0px 5px #999;}

.q_box span {background: #333; position: absolute; top:00px; left: -25px; width: 20px; height: 20px; padding: 5px 5px 5px 3px; box-shadow:0 0px 5px #999; z-index: -2; cursor: pointer;}

.q_box span i.act {display: block;}
.q_box a {display:block; font-weight:bold; font-size:15px; text-align:center; color: #000;}
.q_box a:hover i{background:#ff5aa0;}
.q_box i {text-align:center; color:#fff; display:inline-block; margin-bottom:5px; font-size:45px; background: #000; padding: 10px; border-radius: 100%; margin-top: 15px;}
.q_box span i {font-size: 20px; color: #fff; display: none; margin: 0; padding: 0; background: none;}
.q_box dl {text-align:center; padding: 0; margin: 20px 0 0 0;}
.q_box dt {background:#ff5aa0; padding:15px 0; color:#fff; font-size:14px;}
.q_box dt b {font-size:16px; display:block; margin-top:5px;}
.q_box dd {color:#fff; font-size:14px; padding:10px 0; margin:0; background:#333;}
.q_menu .q_top {padding: 5px 10px; color: #fff; font-size: 12px; display: inline-block; background: #000; right: 0; }
.q_menu .q_top i {margin-right: 5px;}

.g_smenu .g_mnavi{width: 190px; padding: 0; margin: 0;}
.g_smenu li {list-style: none; }
.g_smenu .g_mnavi>li {display: none;}
.g_smenu .g_mnavi>li>a {background: #000; padding: 60px 0px; font-size: 28px; position: relative; font-weight: 500; color: #fff; text-align: center; border-bottom: 5px solid #ff5aa0; }
.g_smenu .g_mnavi>li>a::after {display: none;}
.g_smenu .g_mnavi>li.active, .g_smenu .g_mnavi>li.active>ul {display: block; margin: 0;}
.g_smenu .g_mnavi li ul{padding: 0; }
.g_smenu ul.nav_step2>li>a {padding:15px 0;border-bottom: 1px solid #dfdfdf;}
.g_smenu .g_mnavi li:hover > ul.nav_step2 {opacity: 1; animation: none;}
.g_smenu .nav_step3{box-shadow:0 0px 5px #ccc inset;}
.g_smenu .nav_step3, .g_smenu .nav_step3 li:hover a, .g_smenu .nav_step3 li.active a {border-radius: 0;}
.g_smenu .nav_step3 li a {padding: 15px 10px; }
.g_smenu .nav_step3 li {padding: 0; border-bottom: 1px solid #dfdfdf;}
.g_smenu ul.nav_step2 li:hover > ul.nav_step3 {display: none;}
.g_smenu ul.nav_step2 li.active > ul.nav_step3 {opacity:0; display:block; animation:sub_menu .5s 0s;animation-fill-mode:forwards;  margin-top: -10px;}

.m_tit {text-align: center; font-size: 40px; color: #000; font-weight: 300; display: block; padding-bottom: 80px; position: relative; font-family: 'Roboto', sans-serif; text-transform: uppercase; }
.m_tit::after{content: ''; width: 100px; height: 3px; background: #000; position: absolute; bottom: 40px; left: 50%; margin-left: -50px;}
.m_tit span {font-family: 'Lora', serif; font-weight: 700;}
.main_list_title .m_tit {text-align: left; font-size: 17px; font-family: 'Noto Sans KR'; padding-bottom: 20px; font-weight: 400;}
.main_list_title .m_tit span {display: block; font-size: 40px; padding-bottom: 20px; }
.main_list_title .m_tit::after {right: 20px; background: #fff; color: #333; content: 'more'; text-align: center; padding: 0px 5px; font-size: 12px; width:inherit; height:inherit; left: inherit; bottom:25px; text-decoration: underline;}


.sub_top_wrap {height: 300px; width: 100%; position: relative; overflow: hidden;}
.sub_top_ban {margin: 0; padding: 0; width: 100%; display: block; box-shadow:0 0px 5px #000 inset;}
.sub_top_ban li {display: block; width: 100%; text-align: center;}
.sub_top_box {height: 300px; position: absolute; width: 2000px; top:0; left: 50%; margin-left: -1000px;}
.sub_top_box .slidenav span {right: 50%; margin-right: -600px;}
.sub_top_box .slidenav span:first-child{margin-right: 560px; left: auto;}
.sub_top_box .slidenav i {color: #fff; font-size: 40px; opacity: 0.3; background: #000; border-radius: 100%; }
.sub_top_box .slidenav i:hover {opacity: 1;}

.gio_gallery {width: 870px; position: relative;}
.gio_gallery ul {width: 100%; margin: 0; padding: 0;}
.gio_gallery .carousel-nav li {display: inline-block; margin-right: 10px; opacity: 0.3; }
.gio_gallery .flickity-button {display: none;}
.gio_gallery .carousel-nav {margin-top: 10px;}
.gio_gallery .carousel-nav img{width: 120px;border-radius: 5px;}
.gio_gallery .carousel-nav a {display: block;}
.gio_gallery .carousel-nav .is-selected { opacity: 1;}
.gio_gallery ul li::after {position: absolute; background: #333; padding: 3px 5px; color: #fff; font-size: 14px; content: '입구'; top:0; left: 0;}
.gio_gallery ul li:nth-child(2)::after {content: '대기실앞 출입구'}
.gio_gallery ul li:nth-child(3)::after {content: '대기실'}
.gio_gallery ul li:nth-child(4)::after {content: '주출입구 대기실'}
.gio_gallery ul li:nth-child(5)::after {content: '카운터'}
.gio_gallery ul li:nth-child(6)::after {content: '정수기장'}
.gio_gallery ul li:nth-child(7)::after {content: '락커룸'}
.gio_gallery ul li:nth-child(8)::after {content: '포토룸'}
.gio_gallery ul li:nth-child(9)::after {content: '상담실1'}
.gio_gallery ul li:nth-child(10)::after {content: '상담실2'}
.gio_gallery ul li:nth-child(11)::after {content: '상담실3'}
.gio_gallery ul li:nth-child(12)::after {content: '상담실4'}
.gio_gallery ul li:nth-child(13)::after {content: '대수술실'}
.gio_gallery ul li:nth-child(14)::after {content: '소수술실'}
.gio_gallery ul li:nth-child(15)::after {content: '수술실복도'}
.gio_gallery ul li:nth-child(16)::after {content: '외부테라스'}
.gio_gallery ul li:nth-child(17)::after {content: '1인실'}
.gio_gallery ul li:nth-child(18)::after {content: '2인실'}
.gio_gallery ul li:nth-child(19)::after {content: '처치실'}
.gio_gallery ul li:nth-child(20)::after {content: '피부관리실'}
.gio_gallery ul li:nth-child(21)::after {content: '파우더룸'}
.gio_gallery ul li:nth-child(22)::after {content: '카우치룸'}
.gio_gallery ul li:nth-child(23)::after {content: '복도'}


.flickity-enabled.is-fade .flickity-slider > * {
  pointer-events: none;
  z-index: 0;
}

.flickity-enabled.is-fade .flickity-slider > .is-selected {
  pointer-events: auto;
  z-index: 1;
}

/*animation*/
@keyframes slidein1 {0%,50%{opacity:0;} 60%,100%{opacity:1;}}
@keyframes s_menu {from {opacity: 0; top:35px; z-index: -1;} to {top:45px; opacity: 1; z-index: 2;}}
@keyframes sub_menu {from {opacity: 0; margin-top: -10px; } to {opacity: 1;margin-top: 0px;}}