@charset "utf-8";

/****************************************/
/* Name: DESIGN WAVE (WAVELABS)
/* PART: MAIN STYLE
/* Version: 1.0
/* Author: Kim Bo Reum
/****************************************/

#eplus-contents {width:100%; overflow: hidden;}


/*슬라이더 공통 컨트롤러*/
.eplus_sdlier-controler {position: relative; display: flex; flex-wrap: wrap; justify-content:flex-start;}
.eplus_sdlier-controler .eplus_slider-progress {position: relative !important; height: 1px !important; background: #e1e1e1;}
.eplus_sdlier-controler .eplus_slider-progress .swiper-pagination-progressbar-fill {background: #876f59;}
.eplus_slider-btns {text-indent: -9999px; cursor: pointer; width: 30px; height: 30px; background-repeat: no-repeat; background-size:auto; background-position: center;}
.eplus_slider-btns.eplus_slider-next {background-image: url("../_img/resource/slider-arrow-next.png");}
.eplus_slider-btns.eplus_slider-prev {background-image: url("../_img/resource/slider-arrow-prev.png");}
.eplus_slider-btns.eplus_slider-next.white {background-image: url("../_img/resource/slider-arrow-next-w.png");}
.eplus_slider-btns.eplus_slider-prev.white {background-image: url("../_img/resource/slider-arrow-prev-w.png");}

.eplus_sdlier-controler .eplus_slider-fraction {width: 185px; position: relative; color: transparent; margin-top: 10px; margin-right: 10px;}
.eplus_sdlier-controler .eplus_slider-fraction::after {width: 130px; height: 1px; background: #d6d6d6; content: ''; position: absolute; top: 50%; margin-top: 5px; left: 50%; margin-left: -65px; display: block;}
.eplus_sdlier-controler .eplus_slider-fraction span {position: absolute; top: 0;  font-family: 'Montserrat', sans-serif; font-size: 15px; color: #212121; font-weight: 500; line-height: 30px;}
.eplus_sdlier-controler .eplus_slider-fraction span::before {content: '0'}
.eplus_sdlier-controler .eplus_slider-fraction span.swiper-pagination-current {left: 0;} 
.eplus_sdlier-controler .eplus_slider-fraction span.swiper-pagination-total {right: 0;} 

.eplus_sdlier-controler .eplus_slider-pagination {width: 100%; text-align: center;}
.eplus_sdlier-controler .eplus_slider-pagination span {margin: 0 10px !important; width: 10px; height: 10px; background: #c5ad7f; cursor: pointer;}


@media all and (max-width:768px){
	.eplus_sdlier-controler .eplus_slider-fraction {width: 120px; margin-top: 7px;}
	.eplus_sdlier-controler .eplus_slider-fraction span {font-size:14px; }
	.eplus_sdlier-controler .eplus_slider-fraction::after {width: 70px; margin-left: -35px;}
	.eplus_slider-btns {width: 25px; height: 25px; background-size: 30%;}
	.eplus_sdlier-controler .eplus_slider-pagination span {width: 6px; height:6px; margin: 0 4px;}
}



/* 메인비주얼
========================================================================================== */
#main_visual {width: 100%; height: 100vh;}
#main_visual .main_visual_slider {width:100%; height: 100%;}
#main_visual .main_visual_slider .swiper-slide {background-position: center; background-repeat: no-repeat; background-size: cover; display: table; width: 100%; height: 100%; background-color: #000;}
#main_visual .main_visual_slider .swiper-slide#mv1 {background-image: url("../_img/main/main_visual1.jpg");}
#main_visual .main_visual_slider .swiper-slide#mv2 {background-image: url("../_img/main/main_visual2.jpg?ver=221026");}
#main_visual .main_visual_slider .swiper-slide#mv3 {background-image: url("../_img/main/main_visual3.jpg");}
#main_visual .main_visual_slider .swiper-slide .visual_text {position: relative; z-index: 10; display: table-cell; vertical-align: middle; opacity: 0; transition: all .4s; padding-top: 5rem;}
#main_visual .main_visual_slider .swiper-slide .visual_text h2 {color: #fff; text-align: center; line-height: 1.23; font-family: 'Nanum Myeongjo'}
#main_visual .main_visual_slider .swiper-slide .visual_text h2 strong {color: #d6bca4; font-weight: 600;}
#main_visual .main_visual_slider .swiper-slide .visual_text p {text-align: center; font-size: 18px; color: #fff; line-height: 1.65; margin: 40px 0; opacity: .7;}
#main_visual .main_visual_slider .swiper-slide .visual_text p.deco {text-transform: uppercase; opacity: 0.4;}

#main_visual .eplus_sdlier-controler {position: absolute; top: 50%; left: 50%; transform: translate(-50%, 480%); z-index: 99;}
#main_visual .eplus_sdlier-controler .eplus_slider-fraction::after {background: #fff; opacity: 0.4;}
#main_visual .eplus_sdlier-controler span {color: #fff;}

#main_visual #ytbg {opacity: 0.5}

#main_visual .main_visual_slider .swiper-slide.swiper-slide-active .visual_text {opacity: 1;}
.main_visual_slider-pagination {position: absolute; bottom: 50px !important; left: 0; text-align: center; z-index: 1;}
.main_visual_slider-pagination span {width: 10px; height: 10px; border-radius: 0;}
.main_visual_slider-pagination span.swiper-pagination-bullet-active {background: #d6bca4;}

@media all and (max-width:980px){
	#main_visual .main_visual_slider .swiper-slide .visual_text p {font-size: 16px;}
    #main_visual .main_visual_slider .swiper-slide#mv1 {background-image: url("../_img/main/m-main_visual1.jpg");}
    #main_visual .main_visual_slider .swiper-slide#mv2 {background-image: url("../_img/main/m-main_visual2.jpg");}
    #main_visual .main_visual_slider .swiper-slide#mv3 {background-image: url("../_img/main/m-main_visual3.jpg");}
}

@media all and (max-width:768px){
	#main_visual .main_visual_slider .swiper-slide .visual_text p {font-size: 15px; margin: 20px 0}
}


/* 더보기 버튼
========================================================================================== */
a.more {display: block; margin-top: 40px;}
a.more span.text {font-size: 14px; color: #212121; font-weight: 400; transition: all .2s;}
.the-arrow {position: relative; width: 40px; transition: all 0.2s; top: -3px; padding-left: 10px; display: inline-block;}
.the-arrow::after {display: block; width: 45px; height: 45px; border-radius: 100%; border: 1px solid #a6a6a6; content: ''; box-sizing: border-box; position: absolute; top: -22px; right: -22px;}
.the-arrow.-right > .shaft {width: 40px; /*transition-delay: 0.2s;*/}
.the-arrow.-right > .shaft:before, .the-arrow.-right > .shaft:after {width: 5px; transition-delay: 0.3s; transition: all 0.5s;}
.the-arrow.-right > .shaft:before {transform: rotate(40deg);}
.the-arrow.-right > .shaft:after {transform: rotate(-40deg);}
.the-arrow > .shaft {background-color: #a6a6a6; display: block; height: 1px; position: relative; transition: all 0.2s; transition-delay: 0; will-change: transform;}
.the-arrow > .shaft:before, .the-arrow > .shaft:after { background-color: #a6a6a6; content: ""; display: block; height: 1px; position: absolute; top: 0; right: 0; transition: all 0.2s; transition-delay: 0;}
.the-arrow > .shaft:before {transform-origin: top right;}
.the-arrow > .shaft:after {transform-origin: bottom right;}

a.more:hover span.text  {color: #876f59}
a.more:hover .the-arrow > .shaft {margin-left: 7px; /*background-color:#876f59*/ }

@media all and (max-width:980px){
	a.more {margin-top: 25px;}
	.the-arrow::after {width: 40px; height: 40px; top: -19px; right: -19px;}
}


@media all and (max-width:768px){
	a.more {margin-top: 19px;}
	a.more span.text {font-size: 13px;}
	.the-arrow::after {width: 30px; height: 30px; top: -14px; right: -4px;}
	.the-arrow.-right > .shaft {width: 30px;}
}



/* 메인 컨텐츠
========================================================================================== */
.main_section {position: relative; width: 100%; padding: 120px 0; box-sizing: border-box;}
.main_section .main_contents {position: relative; width: 1160px; margin: 0 auto; height: 100%;}

.inner_contents {position: relative;}
.flex-wrap {display: flex; flex-wrap: wrap; justify-content: space-between;}
.table-wrap {display: table; width: 100%;}
.vertical_align_wrap {display: table; width: 100%; height: 100%;}
.vertical_align {display: table-cell; vertical-align: middle;}





/*공통타이틀*/
.main_section-title {}
.main_section-title p {font-size: 18px; color: #5a5a5a; line-height: 1.65; margin-bottom: 30px;}
.main_section-title p.title {font-size: 42px; color:#212121; margin: 30px 0; line-height: 1.3; font-weight: 300;}
.main_section-title p.title span.col-brown {color:#876f59;}
.main_section-title p.category {font-size: 20px; color:#876f59;}
.main_section-title p.category span {border-bottom: 1px solid #876f59; padding: 6px 0;}
.main_section-title p.notice {font-size: 14px; color: #757575; margin-top: 30px}
.main_section-title p.notice img {width: 20px; padding-right: 5px}

.sect-title { right: 0; top: -10px; z-index: -1;  position: absolute; }
.sect-title p {color: #f1f1f1; font-size: 12.5vw; font-weight: 500; line-height: .8; letter-spacing: -1.2rem;}
.sect-title.col-black p {color: rgba(0,0,0,0.2);}
.sect-title.col-white p {color: #fff;}
.main_section-title.col-white p {color: #fff;}


@media all and (max-width:1400px ){
	.main_section {padding: 100px 50px}
}

@media all and (max-width:1300px ){
	.main_section {padding-top:90px; padding-bottom: 90px;}
}

@media all and (max-width:1200px ){
	.main_section-title p {font-size: 16px;}
	.main_section-title p.title {font-size: 34px; margin: 25px 0}
	.main_section-title p.category {font-size: 18px;}
}

@media all and (max-width:1160px ){
    .main_section .main_contents {width: 100%;}
}

@media all and (max-width:980px){
	.main_section {padding: 60px 30px}
	
	.sect-title p {letter-spacing: -1px; font-size: 15.5vw}
}


@media all and (max-width:768px){
	.main_section {padding: 50px 20px}
	.main_section-title p {font-size: 14px;}
    
	.main_section-title p.title {font-size: 25px; margin: 17px 0}
	.main_section-title p.category {font-size: 13px; margin-top: 15px;}
	.main_section-title p.notice {font-size: 12px; margin-top: 15px;}
}


@media all and (max-width:640px ){
	.main_section {padding: 40px 15px}
}



/*진료과목소개*/
#main_clinic_intro .main_section-title {position: absolute; top: 50px; left: 50%; margin-left: -700px; z-index: 3;}
#main_clinic_intro .main_section-title .eplus_sdlier-controler {}


#mainClinic_slider-wrapepr {width:100%; box-sizing: border-box; padding-left: 40%; overflow: hidden;}
.mainClinic_slider {width: 135%; overflow: hidden;}
.mainClinic_slider .swiper-slide {}
.mainClinic_slider .swiper-slide .pics {position: relative; width: 100%; overflow: hidden; transition: all .3s; min-height: 180px; padding-bottom: 30%}
.mainClinic_slider .swiper-slide .pics img {position: absolute; height: 100%; object-fit: cover; top: 0; left: 0;  width: 100%;transition: all .3s;}
.mainClinic_slider .swiper-slide .text {padding: 35px 0}
.mainClinic_slider .swiper-slide .text p.clinic_name {font-size: 31px;  color: #212121;}
.mainClinic_slider .swiper-slide .text p.clinic_name strong {font-weight: 500;}
.mainClinic_slider .swiper-slide .text p.clinic_desc {font-size:16px; color: #4a4a4a; line-height: 1.5; padding-top: 20px;}
.mainClinic_slider .swiper-slide:hover .pics {box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.mainClinic_slider .swiper-slide:hover .pics img {transform: scale(1.1, 1.1);}


@media all and (max-width:1400px) {
	#main_clinic_intro {padding-right: 0 !important}
	#main_clinic_intro .main_section-title {margin-left: 0; left: 50px;}
	#mainClinic_slider-wrapepr {padding-left: 550px;}
}

@media all and (max-width:1200px) {
	.mainClinic_slider .swiper-slide .text {padding: 28px 0}
	.mainClinic_slider .swiper-slide .text p.clinic_name {font-size: 28px;}
	
	#main_clinic_intro .main_section-title {left: 0;}
	#mainClinic_slider-wrapepr {padding-left: 430px;}
}


@media all and (max-width:980px) {
	#main_clinic_intro .main_section-title {position: relative; top: auto; left: auto;}
	#mainClinic_slider-wrapepr {padding-left: 0; margin-top: 40px;}
	
    
	.mainClinic_slider .swiper-slide .text p.clinic_name {font-size: 25px;}
	.mainClinic_slider .swiper-slide .text p.clinic_desc {font-size: 15px}
}

@media all and (max-width:768px) {
    .mainClinic_slider {width: 165%}
	.mainClinic_slider .swiper-slide .text {padding: 21px 0 7px 0;}
	.mainClinic_slider .swiper-slide .text p.clinic_name {font-size: 21px;}
	.mainClinic_slider .swiper-slide .text p.clinic_desc {font-size: 0.7em !important; padding-top: 7px; word-break: keep-all;}
	.mainClinic_slider .swiper-slide .text p.clinic_desc br {display: none;}
    .mainClinic_slider .swiper-slide .text a.more {transform: scale(0.9); float: left; padding-bottom: 5px}
	#main_clinic_intro .main_section-title br {display: block !important}
	
}



/*배너소개*/
#main_section2 {background: #f7f7f7;}
#main_bannerTabs {display: flex; flex-wrap: wrap; justify-content: center; margin: -150px auto 0 auto;}
#main_bannerTabs li {width: 300px; height: 60px; text-align: center; line-height: 60px; font-size:16px; color: #333; border: 1px solid #e4e4e4; margin: 0 -1px; background: #fff; cursor: pointer;}
#main_bannerTabs li.on {color: #fff; background: #d6bca4; border-color:#d6bca4;}

.tab_contents .main_section-title {padding: 70px 0}
.tab_contents .main_section-title p.title {text-align: center; font-family: 'Nanum Myeongjo'; color: #333; line-height: 1.3; font-weight: 600;}
.tab_contents .main_section-title p.title span {color: #876f59; font-weight: 400;}

@media all and (max-width:1200px){
    #main_bannerTabs {width: 100%; margin-top: 0}
    #main_bannerTabs li {width: 33.3%;}
    .tab_contents .main_section-title {padding: 55px 0}
}


@media all and (max-width:980px){
    #main_bannerTabs li {height: 45px; font-size: 14px; line-height: 43px;}
    .tab_contents .main_section-title { padding: 50px 0 30px 0}
    .one_pics img {width: 100%;}
}


/**/
#main_section3 {background: url("../_img/main/main_sec3-bg.jpg?ver=221109") no-repeat bottom center; background-size: cover; background-color: #f4eee7;}
#main_section3 .main_section-title {margin-bottom: 250px;}
#main_section3 .main_section-title p.title {position: relative;}
#main_section3 .main_section-title p.title::before {display: block; width: 40px; height: 4px; background: #876f59; content: '';margin-bottom: 20px;}

@media all and (max-width:980px){
    #main_section3 .main_section-title {margin-bottom: 150px;}
}


#main_section4 {}
#main_section4 .main_section-title p {text-align: center;}
#main_section4 .main_contents {width: 1400px;}
#special_slider_wrap {position: relative; box-sizing: border-box; width: 100%; padding-left: 290px;}
#special_slider_wrap .dadae_special_slider-pager {position: absolute; top: 0; left: 0; width: 290px; height: 100%;}
#special_slider_wrap .dadae_special_slider-pager span {width: 100%; height: 33.3%; background-color: #d6bca4; background-size: contain; background-position: center; background-repeat:  no-repeat; border-radius: 0; text-indent: -99999px; opacity: 1; border-bottom: 1px solid rgba(255,255,255,0.3);}
#special_slider_wrap .dadae_special_slider-pager span:nth-of-type(1) {background-image: url("../_img/main/special_bn_btn1.jpg");}
#special_slider_wrap .dadae_special_slider-pager span:nth-of-type(2) {background-image: url("../_img/main/special_bn_btn2.jpg");}
#special_slider_wrap .dadae_special_slider-pager span:nth-of-type(3) {background-image: url("../_img/main/special_bn_btn3.jpg");}
#special_slider_wrap .dadae_special_slider-pager span.swiper-pagination-bullet-active{background-color: #333;}
#special_slider_wrap .dadae_special_slider-pager span.swiper-pagination-bullet-active:nth-of-type(1) {background-image: url("../_img/main/special_bn_btn1-on.jpg");}
#special_slider_wrap .dadae_special_slider-pager span.swiper-pagination-bullet-active:nth-of-type(2) {background-image: url("../_img/main/special_bn_btn2-on.jpg");}
#special_slider_wrap .dadae_special_slider-pager span.swiper-pagination-bullet-active:nth-of-type(3) {background-image: url("../_img/main/special_bn_btn3-on.jpg");}
#special_slider_wrap .dadae_special_slider {width: 100%; overflow: hidden;}
#special_slider_wrap .dadae_special_slider img {width: 100%; height: 100%; object-fit: cover;}


@media all and (max-width:1400px){
    #main_section4 .main_contents {width: 100%;} 
}

@media all and (max-width:980px){
    #special_slider_wrap {padding-left: 0}
    #special_slider_wrap .dadae_special_slider-pager {position: relative; width: 100%; height: auto;}
    #special_slider_wrap .dadae_special_slider-pager span {width: 33.3%; height: 100px; margin: 0;}
}




 

/*커뮤니티*/
#community {}
#community .main_section-title p , #community .main_section-title {text-align: center;}
#community .main_section-title a.more {position: absolute; top: 0; right: 0; }

.thumbNotice_list {display: flex; justify-content:flex-start; margin-top: 50px; flex-wrap: wrap;}
.thumbNotice_list .noticeBox {width: 23.5%; margin-right: 2%}

.thumbNotice_list .noticeBox .thumb {width: 100%; padding-bottom: 100%; overflow: hidden; position: relative; transition: all .3s;} 
.thumbNotice_list .noticeBox .thumb img {position:absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: all .3s;}
.thumbNotice_list .noticeBox .text {font-size: 16px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; color: #212121; padding: 15px 0 10px 0}
.thumbNotice_list .noticeBox .text span {font-weight: 500; padding-right: 7px;}
.thumbNotice_list .noticeBox .date {font-size: 14px; color: #999; }
.thumbNotice_list .noticeBox .date span {padding-right: 13px}
.thumbNotice_list .noticeBox:hover .thumb {box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.thumbNotice_list .noticeBox:hover .thumb img {transform: scale(1.1,1.1);}

@media all and (min-width:980px) {
	.thumbNotice_list .noticeBox:nth-of-type(4n) {margin-right: 0}
}

@media all and (max-width:980px) {
	.thumbNotice_list .noticeBox {width: 48%; margin-bottom: 5%; margin-right: 4%;}
	.thumbNotice_list .noticeBox .text {font-size: 15px;}
	.thumbNotice_list .noticeBox:nth-of-type(2n) {margin-right: 0}
	.thumbNotice_list .noticeBox:nth-of-type(3),.thumbNotice_list .noticeBox:nth-of-type(4) {margin-bottom: 0;}
}

@media all and (max-width:768px) {
	.thumbNotice_list .noticeBox .text {font-size: 14px; padding-top: 7px;}
}


/*이벤트*/
.sub_section .thumbNotice_list .noticeBox {margin-bottom: 3%;}

/*전후사진*/
.thumbNotice_list.lang2 .noticeBox {width: 48%}
.thumbNotice_list.lang2 .noticeBox:nth-of-type(2n) {margin-right: 0}
.thumbNotice_list.lang2 .noticeBox .thumb {padding-bottom: 50%;}
.thumbNotice_list.lang2 .noticeBox .text {text-align: center}


@media all and (max-width:768px) {
	.thumbNotice_list.lang2 .noticeBox {width: 100%; margin-right: 0; margin-bottom: 25px}
}