@charset "utf-8";


#main_visual {position:relative; overflow:hidden;}
#main_visual img {width:100%;}
#main_visual .swiper-pagination {position:relative; display:inline-block; bottom:auto; left:auto; margin:0;}
#main_visual .swiper-button-prev {position:absolute; top:50%; left:auto; right:29px; width:30px; height:30px; margin:0; margin-top:0px; background:url('../images/main/btn_visual_prev.png') no-repeat; background-size:cover;}
#main_visual .swiper-button-next {position:absolute; top:50%; right:0; width:30px; height:30px; margin:0; margin-top:0px; background:url('../images/main/btn_visual_next.png') no-repeat; background-size:cover;}
#main_visual .control {position:absolute; bottom:50px; right:8.33vw; z-index:100; width:150px;}
#main_visual .control * {vertical-align:middle;}
#main_visual .control span {margin-right:5px;}
#main_visual .swiper-pagination {position:absolute; top:0; left:0; bottom:auto; width:auto; font-size:15px; color:#c5c3be;}
#main_visual .swiper-pagination:after {position:absolute; top:50%; right:-24px; width:25px; height:1px; background:#a5a39e; content:'';}
#main_visual .swiper-pagination span:before {content:'0'}
#main_visual .swiper-pagination-current {font-size:23px; color:#bb594e;}
#main_visual .swiper-pagination-total {margin-left:3px;}



#m_doctor_img01 {position:relative;}
#m_doctor_img01 img {display:block; position:absolute; top:0; left:0; width:100%; opacity:0; transition:opacity 0.7s;}
#m_doctor_img01 img:first-child {position:relative;}
#m_doctor_img01 img.on {opacity:1;}
#m_doctor .tit {display:block; position:relative; z-index:2; width:100%; margin-top:-10.69%;}
#m_doctor_swiper {position:relative; padding:0 5.555% 11.1111%; background:url('../images/main/m_doctor_bg.jpg') no-repeat center top; background-size:100% auto;}
#m_doctor_swiper img {width:100%;}
#m_doctor_swiper .control {position:absolute; top:-50px; right:5.555%; width:59px; height:30px;}
#m_doctor_swiper .swiper-button-prev {position:absolute; top:0; left:0; width:30px; height:30px; margin:0; border:1px solid #e2e2e2; background:url('../images/main/m_doctor_prev.png') no-repeat center #fff; background-size:9px auto;}
#m_doctor_swiper .swiper-button-next {position:absolute; top:0; right:0; width:30px; height:30px; margin:0; border:1px solid #e2e2e2; background:url('../images/main/m_doctor_next.png') no-repeat center #fff; background-size:9px auto;}


#real_dentist {padding-bottom:6.9444%; background:#f1e3e1;}
#real_dentist_img {position:relative;}
#real_dentist_img .swiper-container {padding:11% 0;}
#real_dentist_img .swiper-slide > p {position:relative; transition:all 0.4s;}
#real_dentist_img .swiper-slide > p:before {position:absolute; top:0; left:0; right:0; opacity:0.3; padding-bottom:62.5%; transition:all 0.4s; background:rgba(0,0,0,0.5); content:'';}
#real_dentist_img .swiper-slide > p a {opacity:0; transition:all 0.4s;}
#real_dentist_img .swiper-slide-active,
#real_dentist_img .swiper-slide-duplicate-active {z-index:10;}
#real_dentist_img .swiper-slide-active > p,
#real_dentist_img .swiper-slide-duplicate-active > p  {transform:scale(1.5);}
#real_dentist_img .swiper-slide-active > p:before,
#real_dentist_img .swiper-slide-duplicate-active > p:before  {opacity:0;}
#real_dentist_img .swiper-slide-active > p a,
#real_dentist_img .swiper-slide-duplicate-active > p a  {opacity:1;}
#real_dentist_img .swiper-pagination {position:relative; bottom:0; margin-top:4.16%; font-size:0;}
#real_dentist_img .swiper-pagination-bullet {width:20px; height:20px; margin:0 5px; border-radius:10px; background:#cfa3a4; opacity:1; transition:all 0.4s;}
#real_dentist_img .swiper-pagination-bullet-active {width:45px; border-radius:10px; background:#a36d6b;}
#real_dentist_img .swiper-button-prev,
#real_dentist_img .swiper-button-next {position:Absolute; top:48.2%; width:45px; height:16px; margin:0; background:no-repeat center; background-size:contain;}
#real_dentist_img .swiper-button-prev {left:11.7%; margin-left:-23px; background-image:url('../images/main/real_dentist_prev.png');}
#real_dentist_img .swiper-button-next {right:11.7%; margin-right:-23px; background-image:url('../images/main/real_dentist_next.png');}
 
#advanced_dentistry {position:relative; padding:0 5.556vw 11.11vw; background:url('../images/main/advanced_dentistry_bg.jpg') no-repeat; background-size:cover}
#advanced_dentistry img {width:100%;}
#advanced_dentistry .inbox {}
#advanced_dentistry .list {padding:5.556vw 5.556vw 4.167vw; background:url('../images/main/advanced_dentistry_list_bg.jpg') no-repeat center; background-size:cover}
#advanced_dentistry .list li {position:relative; margin-bottom:0.555vw; padding-left:13px;}
#advanced_dentistry .list li:before {position:absolute; top:2.08vw; left:0; width:0.972vw; height:1px; background:#fff; content:''} 
#advanced_dentistry .list li a {display:block; padding-right:10px;}
#advanced_dentistry .list .stit {margin-bottom:4.86vw; width:15.694vw;}
#advanced_dentistry .list .t01 {font-size:3.889vw; color:#fff; font-weight:300;}
#advanced_dentistry .list .t02 {margin-top:2px; font-family:'Gotham book','Noto Sans KR', '돋움'; font-size:2.5vw; color:#fff; font-weight:300; letter-spacing:-0.025em;}
#advanced_dentistry .list a {display:inline-block;}
#advanced_dentistry .swiper-container {margin-top:5.556vw; margin-right:-2.7%;}
#advanced_dentistry .swiper-slide {position:relative; text-align:center;}
#advanced_dentistry .swiper-slide .txt {}
#advanced_dentistry .control {position:relative; height:30px; margin-top:6.94vw;}
#advanced_dentistry .swiper-button-prev {top:auto; left:0; width:30px; height:30px; margin-top:0;  background:url('../images/main/btn_visual_prev.png') no-repeat center; background-size:cover}
#advanced_dentistry .swiper-button-next {top:auto; left:29px; right:0; width:30px; height:30px; margin-top:0; background:url('../images/main/btn_visual_next.png') no-repeat center; background-size:cover}
#advanced_dentistry .swiper-slide:hover .ovr {height:552px; opacity:1;}
#advanced_dentistry .swiper-slide:hover .on_txt {top:0;}
#advanced_dentistry .swiper-pagination {top:50%; left:70px; right:0; height:7px; margin-top:-4px; margin-right:-7.556vw; border-radius:0; background:#f4eff0;}
#advanced_dentistry .swiper-pagination-progressbar-fill {background:#a36d6b;}
/*
#advanced_dentistry .swiper-scrollbar {bottom:20px; left:130px; height:10px; -webkit-border-radius:0;  border-radius:0; background:#f4eff0;}
#advanced_dentistry .swiper-scrollbar-drag {-webkit-border-radius:0;  border-radius:0; background:#a36d6b;}
*/

#aging {position:relative; padding:0 5.556vw 12.5%; background:url('../images/main/aging_bg.jpg') no-repeat center top; background-size:cover;}
#aging img {width:100%;}
#aging .cbox {position:relative; margin-top:5.556vw; padding:0 1.388vw ;}
#aging .swiper-container {position:relative; z-index:3;}
#aging .swiper-wrapper {}
#aging .swiper-slide .img {padding:0 1.388vw;}
#aging .control {position:relative; margin-top:5.556vw; margin-right:2.778vw;}
#aging .swiper-button-prev,
#aging .swiper-button-next {top:auto;}
#aging .swiper-button-prev {left:auto; right:30px; width:30px; height:30px; background:url('../images/main/btn_prev.png') no-repeat center; background-size:cover;}
#aging .swiper-button-next {left:auto; right:0; width:30px; height:30px; background:url('../images/main/btn_next.png') no-repeat center; background-size:cover;}



#bna {padding:0 5.556vw 11.11vw; background:url('../images/main/bna_bg.jpg') no-repeat center; background-size:cover;}
#bna img {width:100%;}
#bna .cbox {position:relative; margin-top:0; font-size:0;}
#bna .menu {overflow:hidden; border-left:1px solid #cccccc; border-top:1px solid #cccccc;}
#bna .menu li {overflow:hidden; float:left; width:33.333%;}
#bna .menu li.half {width:50%;}
#bna .menu li+li {}
#bna .menu li a {position:relative; display:block; margin-left:-1px;margin-top:-1px; font-size:3.888vw; color:#c2c2c2; font-weight:bold; text-align:center; line-height:2.5; border:1px solid #cccccc; background:#fff;}
#bna .menu li.on a {color:#fff; background:#bb4e5b;}
#bna .tbox {margin-top:3.75vw;}
#bna .tbox .img {}
#bna .tbox a {}
#dragstage_area {position:relative; margin-top:5.556vw;}
.dragstage {}
.dragstage img {display:block; width:100%;}
.dragstage .stageimage {position:absolute;top:0;left:0; width:100%; height:100%;}
.dragstage .stageimage img {opacity:0;}
.dragstage .coverimage {overflow:visible !important; position:absolute;top:0;left:0;  width:100%; height:100%; max-width:none;}
.dragstage .coverimage img {position: absolute; width: 100%; max-width:none; clip: rect(0px, 385px, auto, 0px);}
.dragstage .coverimage:hover{cursor:e-resize;}
.dragstage .active .handle {position:absolute; top:0; right:0; width:10px; bottom:0; z-index:102; transition: opacity .4s; -webkit-transition: opacity .4s;}
.dragstage .active .handle:before {position:absolute; top:0; right:0; width:2px; height:100%; content:'';}
.dragstage .active .handle:after {position:absolute; top:50%; left:50%; width:29.16vw; height:29.16vw; margin-top:-14.58vw; margin-left:-14.58vw; background:url('../images/main/icon_mouse.png') no-repeat; background-size:contain; content:''; transition: opacity .4s; -webkit-transition: opacity .4s;}
.dragstage .active .handle.on {opacity:1;}
.dragstage .active .handle > span {display:block;font-size:12px; color:#fff; margin-top:90px;text-align:Center}
.dragstage .active .handle.drag_start:after {opacity:1;}


#media {position:relative; padding:0 5.556vw 11.11vw; background:url('../images/main/media_bg.jpg') no-repeat center bottom; background-size:cover;}
#media img {width:100%;}
#media .inbox {position:relative;}
#media .video_box {overflow:hidden; }
#media .video_box .screen {position:relative; padding-bottom:56.25%;}
#media .video_box .screen iframe {position:absolute; top:0; left:0; widtH:100%; height:100%;}
#media .video_box .tbox {}
#media .swiper-container {position:relative; margin-top:2.778vw;}
#media .swiper-slide {}
#media .swiper-slide a {position:relative; display:block;} 
#media .swiper-slide a:before {position:absolute; top:0; left:0; bottom:0; right:0; border:0 solid #ffa5ab; content:'';}
#media .swiper-slide.active a:before {border-width:5px;} 
#media .control {position:relative;}