@charset "utf-8"; 

/* main visual */
#main_visual{overflow:hidden; position:relative; z-index:1; height:calc(910rem); color:#fff; text-align:center;}
#main_visual .bx-wrapper{height:100%; margin-bottom:0; background:transparent; border:0; box-shadow:none;}
#main_visual .bx-viewport{height:100% !important;}
#main_visual .slider{height:100%;}
#main_visual .roll{}
#main_visual .roll_txt{ width:1400rem; margin:0 auto; text-align:right; }
#main_visual .roll_img{z-index:-1; position:absolute; left:0; top:0; width:100%;height:100%; background-size:cover; background-position:50%;  animation: imagescale 5s infinite; -webkit-animation: imagescale 5s infinite; -moz-animation: imagescale 5s infinite; -o-webkit-animation: imagescale 5s infinite;}
#main_visual .roll01{background-image:url(../img/main/visual01.jpg);}
#main_visual .roll02{background-image:url(../img/main/visual02.jpg);}
#main_visual .roll03{background-image:url(../img/main/visual03.jpg);}
#main_visual .roll{height:100%;}
#main_visual h2{ line-height:1.3; font-weight:300; font-size:55rem; }
#main_visual h2 b{display:block; font-weight:bold;}
#main_visual p{line-height:1.4; margin:400rem 0 10rem 0; font-size:15rem; letter-spacing:10rem; font-weight:800; text-transform:uppercase;}
#main_visual .btn_more{margin-top:50rem}
#main_visual .roll_txt2{display:inline-block; margin-right:80rem; text-align:left;}
#main_visual .bx-controls{ z-index:100; width:100%; text-align:center;}
#main_visual .bx-controls-direction{}
#main_visual .bx-pager{display:inline-block; vertical-align:middle;}
#main_visual .bx-pager > div{display:inline-block;}
#main_visual .bx-pager a{display:inline-block; width:12rem; height:12rem; margin:0 5rem; border:2px solid #fff; font-size:0; text-indent:-9000px; border-radius:50%;}
#main_visual .bx-pager a.active{background:#fff;}
#main_visual .bx-controls-auto{display:inline-block; vertical-align:middle;}
#main_visual .bx-controls-auto > div{display:inline-block;}
#main_visual .bx-controls-auto a{display:inline-block; width:20px; height:20px; margin:0 5px; background-position:center; font-size:0; color:#fff; text-indent:-9000px; background-repeat:no-repeat;}
#main_visual .bx-controls-auto a.bx-start{background-image:url(../img/btn_play.png);}
#main_visual .bx-controls-auto a.bx-stop{background-image:url(../img/btn_pause.png);}
#main_visual .bx-controls-auto a.active{display:none;}

/* 이전다음버튼일때 */
#main_visual .bx-default-pager{display:none; position: absolute; left:0; width: 100%;bottom:30rem;z-index: 60;}
#main_visual .bx-controls-direction{position: absolute; left:0; width: 100%;top:48%;z-index: 60;}
#main_visual .bx-controls-direction a.bx-prev:After{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
#main_visual .bx-controls-direction a:hover{}
#main_visual .bx-controls-direction a{display:block; position:absolute; overflow:hidden; width:28rem; height:46rem; text-indent:-9999px; transition:all 0.2s ease-out 0s;}
#main_visual .bx-controls-direction a:after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/layout/icon_btn_arrow.svg) no-repeat 50% 50%;}
#main_visual .bx-controls-direction a.bx-next{right:100rem;}
#main_visual .bx-controls-direction a.bx-prev{left:100rem;}

@keyframes imagescale {
  0% {
    transform: scale(1.2)  rotate(.001deg);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
  }

  100% {
    transform: scale(1)  rotate(.001deg);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
  }
}

/* main content */
.main-content{}
.main-content *{}

.main-menu__list{display:grid; justify-content:center; align-items:center; text-align:center; grid-template-columns:repeat(4, 1fr);}
.main-menu__list > li{position:relative; background:#fafafa; background-size:cover;}
.main-menu__list > li a:before{opacity:0; content:''; position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:#654423;  transition:0.3s}
.main-menu__list > li :hover:before{opacity:0.3; transition:0.3s}
.main-menu__list > .main-menu__item01{background-image: url(../img/main/img_mainbg01.jpg); color:#fff;}
.main-menu__list > .main-menu__item03{background-image: url(../img/main/img_mainbg02.jpg); color:#fff;}
.main-menu__list > .main-menu__item06{background-image: url(../img/main/img_mainbg03.jpg); color:#fff;}
.main-menu__list > .main-menu__item08{background-image: url(../img/main/img_mainbg04.jpg); color:#fff;}
.main-menu__list > .color_white > *,
.main-menu__list > .color_white p{color:#fff;}
.main-menu__list > li a{display:flex;align-items:center;padding: 80rem 0rem;flex-direction:column;font-style:normal;}
.main-menu__list > li a *{font-style:normal;}
.main-menu__list > li i{font-size: 12rem;display: block;margin-top: 25rem;}
.main-menu__list > li strong{margin:24rem 0 10rem 0; font-weight:600; font-size:23rem;}
.main-menu__list > li p{font-weight:300; font-size:17rem; word-break:keep-all; color:#666;}
.main-menu__list img{height:75rem;}

.main-company{padding:100rem 0; background:url(../img/main/img_logobg.jpg) no-repeat 85% 15%;}
.main-company .main-company__inner{display:flex; align-items: center;}
.main-company .main-company__img{width:50%; margin-right:5%}
.main-company .main-company__text{width:45%}
.main-company .main-company__text h3{margin-bottom:30rem; font-size:30rem; font-weight:600}
.main-company .main-company__text h3 span{color:#c5a56e}
.main-company .main-company__text p{line-height:1.8; color:#666}

.main-facilities{overflow:hidden; background:#f8f8f8; padding:100rem 0}
.main-facilities__inner{float:right; width:1650rem;}
.main-facilities__slide .swiper-pagination{position:static; margin-top:30rem;}
.main-facilities__slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#c5a56e}
.main-facilities__slide img{width:100%}
.main-facilities__text{width:320rem; float:left; margin-top:60rem}
.main-facilities__text h3{font-size:30rem; font-weight:bold;}
.main-facilities__text p{margin:20rem 0 30rem 0; color:#666}


.main-board{margin:100rem 0}
.main-board h3{font-size:30rem; font-weight:bold}
.main-board__inner{display:flex;}
.main-board__title{display:flex;margin-bottom:20rem;align-items: center;}
.main-board__title img{height:28rem; margin-right: 10rem;}
.main-board__contact{width:calc(100% - 985rem)}
.main-board__contact > a{font-size:45rem;font-weight:bold;line-height: 1;}
.main-board__contact p{margin-top:10rem; color:#8b8b8b;}
.main-board__contact p b{color:#111;}
.main-board__contact ul{display:flex;justify-content: space-between; margin-top:25rem;}
.main-board__contact ul li{width:48%; background:#c5a56e; text-align:center; transition:0.3s}
.main-board__contact ul li:last-child{background:#46300a;}
.main-board__contact ul li a{display:block; width:100%; padding:15rem 0; color:#fff; font-size:15rem}
.main-board__contact ul li:hover{background:#333; transition:0.3s}

.main-board__notice{position:relative; width:900rem; margin-right:85rem;}
.main-board__notice .pic_li_lt .lt_more{top:15rem; background: url(../img/layout/icon_btn_b.svg) no-repeat center;}
.main-board__notice .pic_li_lt .lt_more:hover{transform: rotate(0deg);}
.main-board__notice li a{}
.main-board__notice .pic_li_lt{border-top:2rem solid #111;}
.main-board__notice .pic_li_tit *{font-weight:300}
.main-board__notice .pic_li_lt li .pic_li_tit:hover{color:#c5a56e;}
.main-board__notice .pic_li_lt li .pic_li_tit{font-weight:300;font-size:17rem;padding: 0 0rem;line-height: 1;}
.main-board__notice .pic_li_lt li{position:relative; padding:20rem 0rem; margin-bottom:0; border-bottom:1rem solid #e2e2e2;}


@media (max-width:1700px){
	.main-facilities__inner{width:100%; padding-left:30rem;}
	
	#main_visual .bx-controls-direction a.bx-prev{left:20rem;}
	#main_visual .bx-controls-direction a.bx-next{right:20rem;}
}

@media (max-width:1480px){
	#main_visual .roll_txt{width:80%;}
	
	.main-board__notice{width:65%; margin-right:5%;}
	.main-board__contact{width:30%;}
}

@media (max-width:1023px) {
	#main_visual{margin-top:80rem;}
	#main_visual h2{font-size:40rem}

	.main-content{display:block;}
	.wrap{width:100%; padding:0 20rem}	
	
	.main-company .main-company__img{width:45%; margin-right:5%;}
	.main-company__text{width:50%;}	

	.main-menu__list{grid-template-columns: repeat(2, 1fr);}
	.main-menu__list > .main-menu__item04,
	.main-menu__list > .main-menu__item07{background:#f1e9e1;}

	.main-facilities__text{margin-top:0}

	.main-board__notice{width:50%;}
	.main-board__contact{width:45%;}

}


@media (max-width:860px){
	#main_visual .bx-default-pager{display:block;}
	#main_visual .bx-controls-direction{display:none;}

	.main-company{padding:60rem 0; background:url(../img/main/img_logobg.jpg) no-repeat 50% 5%;}
	.main-company .main-company__inner{flex-direction: column;}
	.main-company .main-company__img{width:100%; margin-right:0}
	.main-company .main-company__img img{width:100%;}
	.main-company .main-company__text{width:100%; margin-top:30rem; text-align:center;}

	.main-menu__list img{height:60rem;}
	.main-menu__list > li a{padding:50rem 5rem}
	
	.main-facilities{padding:60rem 0}
	.main-facilities__text{ float:none; width:100%; margin-bottom:30rem; text-align:center;}
	.main-facilities__inner{padding:0 20rem;}

	.main-board{margin:60rem 0}
	.main-board__inner{ display:block;}
	.main-board__notice{width:100%; margin-right:0}
	.main-board__contact{width:100%; margin-top:30rem;}


}

@media (max-width:540px) {
	#main_visual{margin-top:80rem; height:300rem}
	#main_visual .roll{padding-top:0}
	#main_visual p{margin:120rem 0 10rem; font-size:10rem; letter-spacing:3rem;}
	#main_visual .btn_more{margin-top:25rem}
	
	.main-company{padding:30rem 0}
	.main-company .main-company__text h3{margin-bottom:15rem; font-size:22rem; word-break: keep-all;}
	
	.main-board__notice{margin-top:25rem}
	.main-facilities{padding:30rem 0}
	.main-facilities__text h3{font-size:22rem}
	.main-facilities__text p{margin:10rem 0 15rem 0}
	.main-board__contact strong{font-size:30rem}
	
	.main-menu__list{display:flex;flex-wrap: wrap;align-items: stretch;}
	.main-menu__list > li a:before{display:none;}
	.main-menu__list > li{width:50%}
	.main-menu__list > li a{padding:50rem 15rem}
	.main-menu__list > li strong{font-size:20rem; font-weight:bold; margin: 15rem 0 10rem 0}
	#main_visual .roll{    background-position: 40%;}

	.main-menu__list img{height:40rem;}
	.main-menu__list > li p{font-size:14rem;}
	
	.main-board{margin:30rem 0}
	h3.main-board__title{margin-bottom:10rem; font-size:22rem;font-weight: bold;}
	.main-board__notice .pic_li_lt .lt_more{top:7rem}
	.main-board__contact > a{font-size:30rem}
	.main-board__contact ul li a{font-size:12rem}
}

.inner{width:100%;max-width:1660rem;padding:0 20rem;margin:0 auto}

@media (max-width:1660px){
	.inner{width:100%;max-width:100%;padding:0 20rem;margin:0 auto}
}

.mainimplant{margin:0 auto;padding:145rem 0 160rem;background:url("../img/main/main_implant_bg.jpg") center top no-repeat;}
.mainimplant .main__category{font-family: 'GmarketSansMedium'; font-size:12rem; color:#093f68; }
.mainimplant .main__title{margin-top:0rem; font-size:40rem; font-weight:500; color:#000;}
.mainimplant .main__title b {font-weight:800;}
.mainimplant__wrap{display:grid;grid-template-columns:1fr 906px;gap:60rem 0;position:relative;margin-left:150rem;}
.mainimplant__item{z-index:1;}
.mainimplant__item:nth-child(1){grid-column:1/2;grid-row:1/2;}
.mainimplant__item:nth-child(2){grid-column:2/3;grid-row:1/3;display:flex;align-items:flex-end;}
.mainimplant__img-wrap{display:flex;align-items:center;justify-content:flex-end;position:relative;}
.mainimplant__img{max-width:100%;z-index:1;}
.mainimplant__title-wrap {padding-top:40rem;}
.mainimplant__title{font-weight:800;line-height:1.4; font-size:30rem; color:#000;}
.mainimplant__title span {color:#093f68;}
.mainimplant__text{margin:0rem 0 10rem;color:#000; font-size:20rem; }

.mainimplant__bt {margin-top:40rem;}
.mainimplant__bt li {display:inline-block; width:220rem; height:60rem; line-height:60rem; }
.mainimplant__bt *:before,
.mainimplant__bt *:after {  z-index: -1;}

[class^=btn-] {  position: relative;  display: block;  overflow: hidden;  width: 100%; padding:0 20rem; font-weight:600;  text-transform: uppercase;  border: 1px solid #e2e2e2;}

.btn-0 {  color: #000;}
.btn-0:before {  content: "";  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  background-color: #093f68;  transform: translateX(-100%);}
.btn-0:hover {  color: #fff;}
.btn-0:hover:before {  transform: translateX(0);}

@media (max-width:1600px){
	.mainimplant{background-position:center;}
	.mainimplant__wrap{margin-left:0;}
	.mainimplant__wrap::after{transform:translate(0, 50%);}
}
@media (max-width:1280px){
	.mainimplant{padding:120rem 0;}
	.mainimplant__wrap{gap:70px;}
	.mainimplant__wrap::before{left:auto;right:0px;height:75%;}
	.mainimplant__wrap::after{transform:translate(30px, 50%);}
	.mainimplant__item:nth-child(3){flex-direction:column;margin:0 0 0 30px;}
	.mainimplant__text{margin-bottom:0;}
}
@media(max-width:1024px){
	.mainimplant{padding:100px 0;}
	.mainimplant__wrap{grid-template-columns:initial;gap:50px;padding:0 20px 40px;}
	.mainimplant__wrap::before{height:54%;left:-20px;right:auto;}
	.mainimplant__wrap::after{width:30px;height:45px;background-size:cover;}
	.mainimplant__item.title{text-align:center;}
	.mainimplant__item:nth-child(1){grid-column:1/3;grid-row:1/2;}
	.mainimplant__item:nth-child(2){grid-column:2/3;grid-row:2/3;justify-content:flex-end;}
	.mainimplant__item:nth-child(3){grid-column:1/2;grid-row:2/3;flex-direction:column;justify-content:center;margin-left:0;}
}
@media(max-width:640px){
	.mainimplant{padding:70rem 0 30rem; background:url("../img/main/main_implant_bg_m.jpg") center top no-repeat;}
	.mainimplant__wrap{grid-template-columns:100%;}
	.mainimplant .mainimplant__item{grid-column:initial;grid-row:initial;}
	.mainimplant__item:nth-child(2){justify-content:center;transform:translateX(10px);}
	.mainimplant__item:nth-child(3){align-items:center;}

	.mainimplant .main__title{font-size:30rem;}

	.mainimplant__title-wrap {padding-top:0rem;}
	.mainimplant__title{font-size:25rem;}
	.mainimplant__text{font-size:17rem; margin-top:20rem;}

	.mainimplant__bt li {width:135rem; height:60rem; line-height:60rem; font-size:13rem;}
	[class^=btn-] {  padding:0 10rem; }
}

.flex-wrap {display:flex; justify-content:space-between;}
.main-vision {padding:50rem 0 100rem; background:url("../img/main/gbt_bg.jpg") no-repeat bottom center;}
.main-vision .flex-wrap {align-items:flex-start;}
.main-vision__title-wrap {position:relative; margin-top:60px; z-index:5;}
.main-vision__title-wrap::before {content:"GANGSEO NATURE Dental Clinic"; position:absolute; top:calc(100% - 30px); left:-80rem; width:150%; letter-spacing:-1rem; opacity:.03; font-family: 'GmarketSansMedium'; font-size:100rem; line-height:.9; z-index:-1;}
.main-vision__title-wrap h5 {font-size:12rem; color:#093f68; font-family: 'GmarketSansMedium'; letter-spacing:0.5rem;}
.main-vision__title-wrap h3 {font-size:40rem; color:#093f68; padding:10rem 0;}
.main-vision__title-wrap h3 b {font-weight:800;}
.main-vision__title-wrap h4 {font-size:20rem;}
.main-vision .on-the-box {position:relative; z-index:10;}
.main-vision .on-the-box__item {cursor:pointer;}
.main-vision .on-the-box__item:last-child {margin-top:50rem;}

@media (max-width:1640px) {
	.main-vision__title-wrap::before {left:0; font-size:90rem;}
}

@media (max-width:1280px) {

	/* Main Vision */
	.main-vision {padding:120px 0 80px;}
	.main-vision__title-wrap {width:100%; margin-top:0; text-align:center;}
	.main-vision .flex-wrap {flex-direction:column;}
	.main-vision__title-wrap::before {display:none;}
	.main-vision .on-the-box {margin:60px auto 0;}

}

@media (max-width:850px) {
	.main-vision__title-wrap h3 {font-size:30rem; }
	.main-vision__title-wrap h4 {font-size:15rem;}
	.main-vision .on-the-box__item:last-child {margin-top:0rem;}
}

.on-the-box {}
.on-the-box__wrap {}
.on-the-box__item {width:100%; }
.on-the-box__inner {position:relative;}
.on-the-box__img-wrap {display:flex; align-items:center; justify-content:center; overflow:hidden;}
.on-the-box__img {max-width:100%; height:auto;}
.on-the-box__text-box {width:86%; padding:30px 20px; background-color:#fff; transform:translateY(-40px);}
.on-the-box__category {font-family: 'GmarketSansMedium'; font-size:12rem; color:#093f68; line-height:1;}
.on-the-box__text-box.flex-wrap .on-the-box__category {flex-shrink:0; width:80px;}
.on-the-box__text-wrap {width:100%; margin-top:-3px;}
.on-the-box__title {margin-top:10rem; font-size:25rem; line-height:1.3;}
.on-the-box__title b {font-weight:800;}
.on-the-box__title:first-child {margin-top:0;}
.on-the-box__text {margin-top:10rem; font-size:16rem; color:#444;}

@media (max-width:640px) {
	.on-the-box__wrap {flex-direction:column;}
	.on-the-box__item {width:100%;}
	.on-the-box__img-wrap {height:300rem;}
	.on-the-box__img {width:100%;}
	.on-the-box__category {font-size:10rem; }
	.on-the-box__title {margin-top:5rem; font-size:20rem; }
}



.flex_box {display:flex; flex-wrap:wrap; }
.overview_ico_wrap {justify-content: space-between; margin:0rem auto 0; background: #f7f7f7; }
.overview_box {width:25%; margin-bottom:10rem; padding:40rem 20rem; display:flex; gap:25rem; align-items: center; }

@media screen and (max-width: 800px){
	.overview_box {width:50%; padding:10rem;}
}



.news_title {text-align:center; padding:70rem 0 40rem;}
.news_title h5 {font-size:12rem; color:#093f68; font-family: 'GmarketSansMedium'; letter-spacing:0.5rem;}
.news_title h3 {font-size:40rem; color:#093f68; padding:10rem 0;}
.news_title h3 b {font-weight:800;}
.news_title h4 {font-size:20rem;}

@media screen and (max-width: 1023px) {
    .news_title h3 {font-size:30rem;}
	.news_title h4 {font-size:16rem;}
}



.root_daum_roughmap { width:100% !important; border:0 !important; height:600rem !important; padding:0 !important }
.wrap_map{width: 100% !important; height: 100% !important;}
.wrap_controllers {display: none !important;}

#main_location{padding: 100rem 0 0; background-image: linear-gradient(to right,#eff3f6 45% , #fff 45%); display: flex; align-items: center; flex-wrap: wrap; position: relative;}
#main_location .mapArea{width: 50%; }
#main_location .textArea{padding: 0 30rem 0 120rem; width: 40%; } 
#main_location .textArea .main_location_info .flex{display: flex; gap: 70rem; align-items: flex-start;}
#main_location .textArea .main_location_info .flex + .flex{margin-top: 40rem;}
#main_location .textArea .main_location_info .flex > .title{display: flex; gap: 1rem; align-items: center;}
#main_location .textArea .main_location_info .flex > .title p{font-size: 20rem; line-height: 1.4; white-space: nowrap; font-weight: 600; color: #1d1d1d;}
#main_location .textArea .main_location_info .contents li{display: flex; gap: 30rem; margin-bottom:5rem;}
#main_location .textArea .main_location_info .contents li .title{font-size: 18rem; line-height: 1.4; color: #4b4b4b; font-weight: 500; width: 150rem;}
#main_location .textArea .main_location_info .contents li .title2{font-size: 18rem; line-height: 1.4; color: #1c2d63; font-weight: 800; }
#main_location .textArea .main_location_info .contents li .info{font-size: 18rem; line-height: 1.4; color: #4b4b4b; width: calc(100% - 150rem - 30rem);}
#main_location .textArea .main_location_info .contents li .info2{font-size: 20rem; line-height: 1.4; color: #4b4b4b; width: 100%; font-weight:600;}
#main_location .textArea .main_location_info .contents li .info3{font-size: 16rem; line-height: 1.7; color: #4b4b4b; width: 100%; font-weight:600; margin-top:10rem;}
#main_location .textArea .main_location_info .contents li .info3 i.green {color:#55b62b;}
#main_location .textArea .main_location_info .contents li .info3 i.blue {color:#2b5cb6;}
#main_location .textArea .main_location_info .contents h4{font-size: 40rem; line-height: 1; color: #093f68; font-family: 'GmarketSansMedium';}
#main_location .textArea .main_location_info .contents span{display:block; font-size: 16rem; color:#919191; font-weight: 400; padding-top:20rem;}

@media (max-width:1780px){
    #main_location .textArea{padding: 0 30rem;}
}
@media (max-width:1240px){
    .root_daum_roughmap { width:100% !important; border:0 !important; height:200rem !important; padding:0 !important }
	
	#main_location{padding: 0rem 0 0; background-image: linear-gradient(to right,#fff 45% , #fff 45%); display: flex; align-items: center; flex-wrap: wrap; position: relative;}
	#main_location .textArea .main_location_info .flex{gap: 30rem;}


}
@media (max-width:1024px){
    #main_location .mapArea{width: 100%;}
    #main_location .textArea{width: 100%; padding: 40rem 20rem 50rem;}
	#main_location .textArea .main_location_info .flex > .title p{font-size: 14rem;}
	#main_location .textArea .main_location_info .contents li .title{font-size: 13rem; width: 70rem;}
	#main_location .textArea .main_location_info .contents li .info{font-size: 13rem; width: calc(100% - 70rem - 10rem);}
	#main_location .textArea .main_location_info .contents li .info2{font-size: 15rem; margin-left:20rem;}
	#main_location .textArea .main_location_info .contents h4{font-size: 20rem;}
	#main_location .textArea .main_location_info .contents h4 span{font-size: 11rem;}
}