@charset "utf-8";

/****************************************/
/* Name: DESIGN WAVE
/* PART: SUB CONTENTS STYLE
/* Version: 1.0
/* Author: Kim Bo Reum
/****************************************/

.imgWrap {width: 100%; position: relative;}
.imgWrap img {left: 50%; position: relative; transform: translate(-50%, 0); max-width: none;}


.ori-pic {}
.res-pic {display: none;}

@media all and (max-width:980px) {
    .ori-pic {display: none;}
    .res-pic {display: block;}
    .imgWrap img {width: 100%;}
}



/* 서브공통
========================================================================================== */
#eplus-subContents {overflow: hidden;}
.sub_contents {position: relative; max-width: 1200px; margin: 0 auto; height: 100%;}
.sub_contents .inner_wrap {width: 100%; position: relative; padding: 0 50px; box-sizing: border-box;}

.sub_section {position: relative; width: 100%; margin: 110px 0; box-sizing: border-box; background-size: cover;}
.sub_section .main_section-title {margin-bottom: 100px}
.sub_section .sect-title {z-index: 0;}

.page_title {}
.page_title h4 {text-align: center; font-weight: 700; color:#212121; }
.page_title h4::after {display: block; width: 50px; height: 2px; background: #a2814f; content: ''; margin: 25px auto;}
.page_title p {font-size: 18px; text-align: center; color: #5a5a5a}

.sub_section.non-visual {margin-top: 150px;}
.sub_section.has-bg {margin: 0; padding: 110px 0}
.sub_section.non-visual.has-bg {padding-top: 150px;}
.sub_section.logo_bg::after {background: url("/_img/sub/bg_logo.png") no-repeat center; display: block; width:1000px; height: 1100px; background-size: 100%; content: ''; position: absolute; top: -120px; right: 0; z-index: -1;}
.sub_section.has-bg .sect-title {top:110px}

.sub_section.eplus_special {padding: 230px 0; background-repeat: no-repeat; background-position: center; background-size: cover;}
.sub_section.eplus_special .main_section-title {margin-bottom: 0}
.sub_section.eplus_special .halfBox {width: 40%;}
.sub_section.row-revers .flex-wrap {flex-direction: row-reverse;}

.non-visual_subTitle {margin-bottom: 50px;}
.non-visual_subTitle h3 {color: #876f59; font-family:''; font-family: 'Noto Serif Display', serif; font-weight: 500;}
.non-visual_subTitle p {font-size: 18px; color: #444; line-height: 1.55; margin-top: 20px;}


.onlyPic_wrap {width: 100%; overflow: hidden;}
.onlyPic_wrap img {width: 100%}

ul.snb {display: flex; flex-wrap: wrap; justify-content: flex-start; margin-top: 40px;}
ul.snb li {position: relative; margin-right: 30px; font-size: 18px; }
ul.snb li:last-of-type {margin-right: 0}
ul.snb li a {position: relative; color: #555; padding: 10px 0}
ul.snb li a::after {position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #c4a675; content: ''; display: none;}
ul.snb li.on {font-weight: 600;}
ul.snb li.on a {color: #212121;}
ul.snb li.on a::after {display: block;}


ul.circle_list {display: flex;  flex-wrap: wrap; justify-content: center; margin-bottom: 150px;}
ul.circle_list li {margin: 0 20px;}
ul.circle_list li span {color: #fff; font-size: 27px; font-weight: 600; display: inline-block; padding: 40px 100px; border-radius: 80px;}
ul.circle_list li:nth-of-type(1) span {background-color: #1e2b36}
ul.circle_list li:nth-of-type(2) span {background-color: #876f59}
ul.circle_list li:nth-of-type(3) span {background-color: #c5ad7f}


.step_list {width: 100%; display: flex;  flex-wrap: wrap; justify-content: flex-start;}
.step_list .stepBox {width: 32%; margin-right: 2%; margin-bottom: 3%;}
.step_list .stepBox .pics {width: 100%; overflow: hidden;}
.step_list .stepBox .pics img {width: 100%;}
.step_list .stepBox .desc {font-size: 18px; color: #212121; background: #f1f1f1; text-align: center; padding: 20px 0; }
.step_list .stepBox .desc span {font-weight: 500; padding-right: 6px;}

.show-640 {display: none;}


@media all and (max-width:1400px ){
	.sub_section {margin: 100px 0; padding-left: 50px; padding-right: 50px;}
	.sub_section.has-bg {padding: 100px 50px}
}

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

@media all and (max-width:1200px ){
	.sub_contents .inner_wrap {padding: 0;}
	
	.sub_section .main_section-title {margin-bottom: 80px;}
	
	ul.circle_list li span {font-size: 23px; padding: 30px 90px;}
}

	
	
@media all and (max-width:980px){
	.sub_section {margin: 80px 0; padding-left: 40px; padding-right: 40px;}
	.sub_section.has-bg {padding: 80px 40px}
	.non-visual_subTitle p {font-size: 17px;}
	.sub_section.non-visual.has-bg {padding-top: 120px;}
	.sub_section.logo_bg::after {width: 500px; height: 600px; top: -100px}
	
	.sub_section .main_section-title {margin-bottom: 60px;}
	.sub_section.has-bg .sect-title {top: 80px;}
	.sub_section.eplus_special .halfBox {width: 50%;}
	
	ul.circle_list {justify-content: space-between; margin-bottom: 100px;}
	ul.circle_list li {width: 31%; margin: 0; text-align: center;}
	ul.circle_list li span {padding-left: 0; padding-right: 0; width: 100%; display: block; font-size: 19px;}
	
	ul.snb {margin-top: 30px;}
	ul.snb li {font-size: 16px; margin-right: 20px;}
	
	.step_list .stepBox .desc {font-size: 17px;}
    
    .page_title p {font-size: 16px;}
    .page_title h4::after {margin-top: 18px; margin-bottom: 18px;}
	
	
}

@media all and (min-width:768px){
	.step_list .stepBox:nth-of-type(3n) {margin-right: 0}
}

@media all and (max-width:768px){
	.sub_section {margin: 70px 0; padding-left: 30px; padding-right: 30px;}
	.sub_section.has-bg  {padding: 60px 30px}
	.non-visual_subTitle p {font-size: 16px;  margin-top: 15px;}
	.sub_section .main_section-title {margin-bottom: 50px;}
	.sub_section.has-bg .sect-title {top: 50px;}
	.sub_section.eplus_special .halfBox {width: 80%;}
	.sub_section.eplus_special.row-revers .flex-wrap {flex-direction: row !important}
	.sub_section.non-visual {margin-top: 120px;}
	ul.circle_list {margin-bottom: 80px}
	ul.circle_list li span {font-size: 17px; padding-top: 20px; padding-bottom: 20px;}
	
	ul.snb {margin-top: 20px;}
	ul.snb li {font-size: 14px; margin-right: 15px;}
	
	.step_list .stepBox {width: 49%;}
	.step_list .stepBox:nth-of-type(2n) {margin-right: 0}
	.step_list .stepBox .desc {font-size: 16px;}
    
    .page_title p {font-size: 14px;}
    .page_title h4::after {margin-top: 12px; margin-bottom: 12px; width: 30px;}
}


@media all and (max-width:640px ){
	.sub_section {margin: 30px 0; padding-left: 20px; padding-right: 20px;}
	.sub_section.has-bg  {padding: 40px 20px}
	.non-visual_subTitle p {font-size: 14px;  margin-top: 10px;}
	.sub_section .main_section-title {margin-bottom: 40px;}
	.sub_section.logo_bg::after {width: 300px; height: 400px; top: -50px}
	.sub_section.has-bg .sect-title {top: 20px;}
	.sub_section.non-visual {margin-top: 0}
    .sub_section.non-visual.has-bg {padding-top: 90px;}
	
	.show-640 {display: block !important;}
	
	ul.circle_list {margin-bottom: 70px;}
	ul.circle_list li span {font-size: 15px; padding-top: 16px; padding-bottom: 16px;}
	
	.step_list .stepBox {width: 100%; margin-right: 0; margin-bottom: 20px;}
	.step_list .stepBox .desc {font-size: 14px; padding-top: 10px; padding-bottom: 10px;}
	
	ul.snb li {font-size: 13px; margin-right: 12px;}
}



/* 서브비주얼
========================================================================================== */
.sub_visual {position: relative; width: 100%; height: 400px; display: table; background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #000;}
.sub_visual #ytbg {opacity: 0.9}
.sub_visual .visual_text {display: table-cell; vertical-align: middle; position: relative; z-index: 1;}
.sub_visual .visual_text h3 {color: #fff; text-align: center; line-height: 1.23; font-weight: 200; font-weight: 700; word-break: keep-all;}
.sub_visual .visual_text h3.langKr {font-weight: 500;}
.sub_visual .visual_text p {text-align: center; font-size: 18px; color: #fff; line-height: 1.65; margin-top: 25px; word-break: keep-all; opacity: 0.5}
.sub_visual#sub01_01-visual {background-image: url("/_img/sub/sub_visual0.jpg");}
.sub_visual#sub01_04-visual {background-image: url("/_img/sub/sub_visual0104.jpg");}
.sub_visual#sub02_01-visual {background-image: url("/_img/sub/sub_visual02.jpg");}
.sub_visual#sub03_01-visual {background-image: url("/_img/sub/sub_visual0301.jpg");}
.sub_visual#sub03_02-visual {background-image: url("/_img/sub/sub_visual0302.jpg");}
.sub_visual#sub03_03-visual {background-image: url("/_img/sub/sub_visual0303.jpg");}
.sub_visual#sub03_04-visual {background-image: url("/_img/sub/sub_visual0304.jpg");}


@media all and (max-width:980px){
    .sub_visual#sub01_01-visual {height: 56.25vw;}
	.sub_visual .visual_text {box-sizing: border-box; padding-left: 30px; padding-right: 30px;}
	.sub_visual .visual_text p {font-size: 15px; margin: 25px 0}
	.sub_visual .visual_text p br {display: none;}
	.sub_visual .visual_text h2 br {display: none;}
    
    .sub_visual#sub02_01-visual {background-image: url("/_img/sub/m-sub_visual02.jpg");}
    .sub_visual#sub03_01-visual {background-image: url("/_img/sub/m-sub_visual0301.jpg");}
    .sub_visual#sub03_02-visual {background-image: url("/_img/sub/m-sub_visual0302.jpg");}
    .sub_visual#sub03_04-visual {background-image: url("/_img/sub/m-sub_visual0304.jpg");}
}



/* 이플러스치과소개
========================================================================================== */
.eplus_intro {margin: 70px 0;}
.eplus_intro:nth-of-type(odd) .flex-wrap {flex-direction: row-reverse;}
.eplus_intro:nth-of-type(odd) .halfBox.pics {margin-right: -70px;}
.eplus_intro:nth-of-type(even) .halfBox.pics {margin-left: -70px;}

.halfBox {width: 50%;}
.halfBox.pics {width: 60%}
.halfBox.text {width: 40%}
.halfBox.text p {text-align: center; font-size: 18px; color: #555; line-height: 1.55;}
.halfBox.text p span {color: #876f59; font-size: 14px; font-weight: 500;}
.halfBox.text h5 {text-align: center; color: #212121; margin: 20px 0; font-weight: 700;}

#eplus_intro-sec5 {background: url("/_img/sub/eplus_intro-pic5.jpg") no-repeat center; background-size: cover; height: 800px; margin: 0}
#eplus_intro-sec5 p, #eplus_intro-sec5 h3 {text-align: center; color: #fff;}
#eplus_intro-sec5 h3 {line-height: 1.35; font-weight: 400;}
#eplus_intro-sec5 p {font-size: 18px; margin-top: 30px;}

.sub_contents.dadae_greeting {max-width: 1400px;}


@media all and (max-width:1400px){
	.halfBox.pics {overflow: hidden;}
}


@media all and (max-width:1200px){
	.halfBox.pics {width: 53%;}
	.halfBox.pics img{width: 100%;}
	.halfBox.text {width: 47%}	
	.halfBox.text p {font-size: 17px;}
	
	.eplus_intro:nth-of-type(odd) .halfBox.pics {margin-right: -60px;}
	.eplus_intro:nth-of-type(even) .halfBox.pics {margin-left: -60px;}
}

@media all and (max-width:980px){
	.halfBox.text p {font-size: 16px;}
	
	.eplus_intro {margin: 50px 0}
	.eplus_intro:nth-of-type(odd) .halfBox.pics {margin-right: -40px;}
	.eplus_intro:nth-of-type(even) .halfBox.pics {margin-left: 0px;}
	
	#eplus_intro-sec5 {height: 500px;}
	#eplus_intro-sec5 p {font-size: 17px; line-height: 1.65}
}

@media all and (max-width:768px){
	.halfBox.pics {width: 100%}
	.halfBox.text {width: 100%;}
	
	.eplus_intro .halfBox.text {margin-bottom: 20px;}
	
	.halfBox.text h5 {margin: 15px 0}
	.halfBox.text p {font-size: 15px;}
	#eplus_intro-sec5 p {font-size: 16px; margin-top: 20px;}
	
}

@media all and (max-width:640px){
	.halfBox.text h5 {margin: 10px 0}
	.halfBox.text p {font-size: 14px;}
	#eplus_intro-sec5 p {font-size: 15px; margin-top: 10px;}
}


/*의료진소개*/
#doctor_information {box-sizing: border-box;}
#doctor_information .flex-wrap { justify-content: space-between;}
#doctor_information #doctor_pics {width: 43%; position: absolute; left: 70px; bottom: 0; text-align: center; max-width: 670px;}
#doctor_information #doctor_pics img {width: 100%;}
#doctor_information .doctor_info {position: relative; width: 31%; border-radius: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.1); background: #fcfcfc; box-sizing: border-box; z-index: 1; padding: 30px;}
#doctor_information .doctor_info .vertical_align {z-index: 1; position: relative;}
#doctor_information .doctor_info p.say {font-size: 45px;}
#doctor_information .doctor_info p.say span {position: relative; color: #36302f; line-height: 1.3;}
#doctor_information .doctor_info p.say span::before, #doctor_information #doctor_info p.say span::after {display: block; width: 40px; height: 40px; position: absolute; content: ''; background-repeat: no-repeat; background-image: url("../_img/resource/mark.png"); background-size: auto 100%;}
#doctor_information .doctor_info p.say span::before {background-position:0 0; top: 0; left: -50px;}
#doctor_information .doctor_info p.say span::after {background-position:-40px 0; bottom: 0; right: -50px;}
#doctor_information .doctor_info p.name {font-weight: 300; color: #212121; margin: 40px 0; font-size: 35px;}
#doctor_information .doctor_info p.name span {font-size: 25px;}
#doctor_information .doctor_info ul {}
#doctor_information .doctor_info ul li {font-size: 18px; margin: 13px 0; position: relative; padding-left: 12px;}
#doctor_information .doctor_info ul li::before {position: absolute; top: 6px; left: 0; width: 5px; height: 5px; border-radius: 100%; background: #d7ccb9; content: '';}
#doctor_information .doctor_info ul li span {font-size:16px; display:block}

@media all and (max-width:1200px) {
	#doctor_information {height: auto;}
	#doctor_information #doctor_pics {left: 0; z-index: 1; }
	#doctor_information .doctor_info {padding: 80px 0; padding-right: 50px;}
	#doctor_information .doctor_info p.say {font-size: 45px;}
	#doctor_information .doctor_info p.say br {display: none;}
	#doctor_information .doctor_info p.name {font-size: 31px;}
	#doctor_information .doctor_info p.name span {font-size: 21px;}
}

@media all and (max-width:980px) {
    .doctor_intro#doctor_information {padding-top: 270px; height: auto !important}
	.doctor_intro#doctor_information #doctor_info {margin-top: -150px;}
    
    
	#doctor_information .doctor_info p.say {font-size: 34px;}
	#doctor_information .doctor_info p.name {font-size: 23px; margin: 30px 0}
	#doctor_information .doctor_info p.name span {font-size: 18px;}
	#doctor_information .doctor_info ul li {font-size: 16px; margin: 10px 0}
	#doctor_information .doctor_info p.say span::before, #doctor_information #doctor_info p.say span::after {width: 40px; height: 40px; background-size: auto 100%;}
	#doctor_information .doctor_info p.say span::before {left: -40px;}
	#doctor_information .doctor_info p.say span::after {background-position:-40px 0; right: -40px;}
	#doctor_information #doctor_pics {width: 60%; left: -40px;}
}

@media all and (max-width:768px) {
	#doctor_information .doctor_info p.say {font-size: 27px;}
	#doctor_information .doctor_info p.say span::before, #doctor_information #doctor_info p.say span::after {width: 30px; height: 30px;}
	#doctor_information .doctor_info p.say span::before {left: -30px;}
	#doctor_information .doctor_info p.say span::after {background-position:-30px 0; right: -30px;}
	#doctor_information .doctor_info p.name {font-size: 19px; margin: 20px 0}
	#doctor_information .doctor_info p.name span {font-size: 15px;}
	#doctor_information .doctor_info ul li {font-size: 14px; margin: 6px 0;}
}

@media all and (max-width:640px) {
    .doctor_intro#doctor_information {padding-top: 80px;}
	.doctor_intro#doctor_information #doctor_info {margin-top: -50px;}
	#doctor_information #doctor_pics {position: relative; left: auto; bottom: auto; width: 100%; text-align: center;}
	#doctor_information #doctor_pics img {width: 80%;}
	#doctor_information .doctor_info {width: 100%; background: #fff; padding: 20px 20px; box-sizing: border-box; margin: 15px 0}
    #doctor_information .doctor_info ul li span {font-size: 13px;}
	
}



/* 둘러보기
========================================================================================== */

.interior_slider, .interior_slider-thumb {position: relative; width: 100%; overflow: hidden}
.interior_slider img, .interior_slider-thumb img {width: 100%;}
.interior_slider .swiper-slide {position: relative;}
.interior_slider .swiper-slide p {font-size: 18px; color: #fff; width: 100%; padding: 25px 10px; box-sizing: border-box; text-align: center; background: rgba(0,0,0,0.5); position: absolute; bottom: 0;left: 0; z-index: 1;}
.interior_slider-thumb {margin-top: 15px;}
.interior_slider-thumb .swiper-slide {background: #000; cursor: pointer;}
.interior_slider-thumb .swiper-slide img {opacity: .3;}
.interior_slider-thumb .swiper-slide.swiper-slide-thumb-active img {opacity: 1;}
.interior_slider-btns {position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; background-color: #fff; border-radius: 100%; background-size: 60%; background-position: center; background-repeat: no-repeat; z-index: 1; cursor: pointer; transition: 0.3s}
.interior_slider-next {right: 30px; background-image: url('/_img/resource/arrow-next-b.svg');}
.interior_slider-next:hover {right: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.interior_slider-prev {left: 30px; background-image: url('/_img/resource/arrow-prev-b.svg');}
.interior_slider-prev:hover {left: 20px;  box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.interior_slider-pagination {position: absolute; top: 20px !important; right: 20px !important; left: auto !important; bottom: auto !important; z-index: 1; display: inline; width: 70px !important; height: 40px; background: rgba(0,0,0,0.5); border-radius: 5px; text-align: center; box-sizing: border-box; padding: 10px 0; color: #fff;}
.interior_slider-pagination span {color: #fff;}

@media all and (max-width:980px){
    .interior_slider .swiper-slide p {font-size: 16px; padding: 15px 10px;}
    .interior_slider-btns  {width: 25px; height: 25px; margin-top: -12px;}
    .interior_slider-prev {left: 5px;}
    .interior_slider-prev:hover {left: -5px;}
    .interior_slider-next {right: 5px;}    
    .interior_slider-next:hover {right: -5px;}
    
    .interior_slider-pagination {width: 50px; height: 30px; padding: 9px 0; right: 10px; top: 10px; font-size: 11px;}
}

@media all and (max-width:768px){
    .interior_slider .swiper-slide p {font-size: 14px; padding: 10px 5px;}
    .interior_slider-thumb {margin-top: 5px;}
}




/* 장비소개
========================================================================================== */
.equipment_list {}
.equipment_list .equipmentBox {width: 48%; margin-bottom: 5%; margin-right: 4%;}

.equipment_list .equipmentBox .pics {width: 100%; border: 1px solid #ededed;}
.equipment_list .equipmentBox .pics img {width: 100%;}
.equipment_list .equipmentBox .text { padding-top: 25px;}
.equipment_list .equipmentBox .text p {font-size: 16px; color: #555; line-height: 1.55;}
.equipment_list .equipmentBox .text p.name {font-size: 25px; color: #212121; margin-bottom: 6px}


@media all and (max-width:1200px){}

@media all and (max-width:980px){
	.equipment_list .equipmentBox .text{padding-top: 21px;}
	.equipment_list .equipmentBox .text p {font-size: 15px;}
	.equipment_list .equipmentBox .text p.name {font-size: 23px;}
}

@media all and (max-width:768px){
	.equipment_list .equipmentBox  {width: 100%; margin-right: 0; margin-bottom: 50px;}
	.equipment_list .equipmentBox .text {padding-top: 17px;}
	.equipment_list .equipmentBox .text p {font-size: 14px;}
	.equipment_list .equipmentBox .text p.name {font-size: 19px;}
}

@media all and (min-width:768px){
	.equipment_list .equipmentBox:nth-of-type(2n) {margin-right: 0}
}

@media all and (max-width:640px){
.equipment_list .equipmentBox  {margin-bottom: 40px;}
}


/* 진료시간안내& 오시는길
========================================================================================== */
#eplus_location {background:#f3f4f6; padding-bottom: 0}

#maps {position: relative; border: 1px solid #d4d4d4; margin-bottom: 60px;}
#maps .root_daum_roughmap {width: 100% !important;}
#maps .wrap_controllers.hide {display: none;}



#time_info {position: absolute; top: 0; left: 50%; margin-left: 270px; background: #fff; box-sizing: border-box; padding: 70px 50px; box-shadow: 0 0 10px rgba(0,0,0,0.2); z-index: 3; }
#time_info dl {margin-bottom: 70px;}
#time_info dl dt {font-size: 29px; color: #876f59; font-weight: 600; line-height: 1; margin-bottom: 15px;}
#time_info dl:last-of-type {margin-bottom: 0;}
#time_info dl dd {font-size: 18px; color: #5a5a5a; margin-bottom: 10px;}
#time_info dl dd strong {color: #212121; font-weight: 500; font-size:21px; color: #5a5a5a;}
#time_info dl dd ul {}
#time_info dl dd ul li {position: relative; box-sizing: border-box; padding-left: 80px; margin: 10px 0}
#time_info dl dd ul li span {position: absolute; top: 0; left: 0; }

#eplus_location-ver2 {}
#eplus_location-ver2 #time_info {position: relative; top: auto; left: auto; margin-left: 0; box-shadow: none; background: #f8f8f8; box-sizing: border-box; border: 1px solid #dfdfdf; border-left: 0;}


.half_layout {display: flex; flex-wrap: wrap; justify-content: space-between;}
.half_layout .halfBox {width: 50%;}
.half_layout .halfBox.pics {margin-left: 0 !important;}
.half_layout .halfBox.pics img {width: 100%; height: 100%; object-fit: cover;}


.time_list {width: 100%; margin: 60px 0}
.time_line {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 13px;}
.time_line .tit {width: 15%;}
.time_line .tit span {font-weight: 700; font-size: 23px; background: #876f59; color: #fff; border-radius: 50px; padding: 5px 20px; font-weight: 600;}
.time_line .time {width: 85%;}
.time_line .time p {font-size: 18px; line-height: 1.56; color: #333; margin-bottom: 10px;}

.parking {margin-top: 20px;}
.parking .parking_area {width: 48%; position: relative; margin-bottom: 4%;}
.parking .parking_area.one {width: 50%}
.parking .parking_area img {width: 100%;}
.parking .parking_area p {position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; font-size: 18px; color: #fff; background: rgba(0,0,0,0.7); padding: 10px ; box-sizing: border-box; margin-bottom: 0}




@media all and (max-width:980px) {
    .half_layout {display: block;}
    .half_layout .halfBox {width: 100%;}
    
    #eplus_location-ver2 #time_info {border-left:1px solid #e4e4e4; padding: 50px 30px;}
    
    #time_info dl dt {font-size: 21px;}
    #time_info dl dd {font-size: 16px;}
    #time_info dl dd strong {font-size:18px;}
    
    .time_line .tit {width: 100%; margin-bottom: 30px;}
    .time_line .tit span {font-size: 21px;}
    .time_line .time {width: 100%;}
    .time_line .time p {font-size: 16px;}
	
	#maps {margin-bottom: 40px;}
}



@media all and (max-width:768px) {
    #eplus_location-ver2 #time_info {border-left:1px solid #e4e4e4; padding: 40px 20px;}
    #time_info dl {margin-bottom: 40px;}
    #time_info dl dt {font-size: 18px;}
    #time_info dl dd {font-size: 14px;}
    #time_info dl dd strong {font-size:16px;}
    
    .time_line .tit {width: 100%; margin-bottom: 20px;}
    .time_line .tit span {font-size: 18px;}
    .time_line .time p {font-size: 14px;}
    
    .parking .parking_area {width: 100%;}
}

















p.alert {margin-top: 20px; line-height: 1;}
p.alert.left {text-align: left;}
p.alert span {background: url("/_img/resource/icon-alert.png"); background-repeat:  no-repeat; background-position: top 2px left; padding-left: 20px; margin-top: 30px; line-height: 1.5; font-size: 15px;}
p.alert strong {color: #111}
p.alert.red span {background-image: url("/common/img/sub/icon_alert_red.png") ;}
p.alert.gray span {background-image: url("/common/img/sub/icon_alert_gray.png") ;}
p.alert.big span {font-size: 18px; background-position: top 7px left;}


@media all and (max-width:980px){
    p.alert span {font-size: 13px; background-size: 14px; padding-left: 20px; background-position: top 3px left;}
    p.alert.big span {font-size: 16px; background-position: top 6px left;}
}

@media all and (max-width:768px){
    p.alert span {font-size: 12px; background-size: 12px; padding-left: 15px; background-position: top 4px left;}
    p.alert.big span {font-size: 14px; background-position: top 5px left;}
}



/* 임플란트
========================================================================================== */
#eplus_implant-sec2 {background: url("/_img/sub/implant-sec2-bg.jpg") no-repeat center; background-attachment: fixed; background-size: cover;}
#eplus_implant-sec3 {background: #f3f4f6;}

#eplus_implant-sec5 {background-image: url("/_img/sub/implant_special_bg1.jpg"); background-color:#faf9f7}
#eplus_implant-sec6 {background-image: url("/_img/sub/implant_special_bg2.jpg");}

#imaplant_jjinList {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
#imaplant_jjinList li {width: 49%; border: 1px solid #eee; box-sizing: border-box; overflow: hidden; text-align: center; padding: 5vh 20px; background: #fff;}


@media all and (max-width:980px) {
    #eplus_implant-sec2 {background-attachment: inherit;}
    #eplus_implant-sec5 {background-position: left -30px center;}
    #eplus_implant-sec5 .main_section-title {position: relative; z-index: 2;}
    #eplus_implant-sec5::before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #faf9f7; opacity: 0.55; content: ''; z-index: 0;}
	#imaplant_jjinList li img {width: 100%;}
}

@media all and (max-width:768px) {
	#imaplant_jjinList li {padding-top: 3.5vh; padding-bottom: 3.5vh;}
}

@media all and (max-width:640px) {
	#imaplant_jjinList li {padding:0 5px;  border: 0;}
}



/* 일반진료 - 충치치료
========================================================================================== */
#eplus_dentalClinic1-sec2 {background: url("/_img/sub/eplus-dentalClinic1-sec2-bg.jpg") no-repeat center; background-attachment: fixed; background-size: cover;}
#eplus_dentalClinic1-sec3 {background: #f3f4f6;}

#eplus_dentalClinic-special1 {background-image: url("/_img/sub/eplus-dentalClinic-specialBg1.jpg");}
#eplus_dentalClinic-special2 {background-image: url("/_img/sub/eplus-dentalClinic-specialBg2.jpg");}
#eplus_dentalClinic-special3 {background-image: url("/_img/sub/eplus-dentalClinic-specialBg3.jpg");}
#eplus_dentalClinic-special4 {background-image: url("/_img/sub/eplus-dentalClinic-specialBg4.jpg");}
#eplus_dentalClinic-special1 .main_section-title p.title {text-shadow: 0 0 10px rgba(255,255,255,0.7);}
#eplus_dentalClinic-special3 .main_section-title p.title {text-shadow: 0 0 10px rgba(255,255,255,0.7);}


.description_list {}
.description_list .descriptionBox {margin-bottom: 70px;}
.description_list .descriptionBox:last-of-type {margin-bottom: 0}
.description_list .descriptionBox .pics {width: 40%; position: relative; overflow: hidden; padding-bottom: 30%;}
.description_list .descriptionBox .pics img {width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0}
.description_list .descriptionBox .text {width: 60%;  background: #fff; box-sizing: border-box; padding: 50px 70px;}
.description_list .descriptionBox .text dl {width: 100%; height: 100%;}
.description_list .descriptionBox .text dl dt {font-size: 25px; color: #212121; font-weight: 500; margin-bottom: 15px;}
.description_list .descriptionBox .text dl dd {color: #5a5a5a; font-size: 18px; line-height: 1.65; word-break: keep-all;}

@media all and (max-width:980px) {
    #eplus_dentalClinic1-sec2 {background-attachment: inherit;}
	.description_list .descriptionBox .text {padding-left: 50px; padding-right: 50px;}
	.description_list .descriptionBox .text dl dt {font-size: 21px; margin-bottom: 12px;}
	.description_list .descriptionBox .text dl dd {font-size: 16px;}
}

@media all and (max-width:768px) {
	.description_list .descriptionBox {display: block; margin-bottom: 60px;}
	.description_list .descriptionBox .pics {width: 100%; display: block; padding-bottom: 0}
	.description_list .descriptionBox .pics img {position: relative; top: auto; left: auto; height: auto;}
	.description_list .descriptionBox .text {padding: 30px; width: 100%; display: block;}
	.description_list .descriptionBox .text dl dt {font-size: 19px}
	.description_list .descriptionBox .text dl dd {font-size: 15px;}
	
	#eplus_dentalClinic-special1 {background-position: center right -100px;}
	#eplus_dentalClinic-special3 {background-position: center right -100px;}
	#eplus_dentalClinic-special2 {background-position: center left -100px;}
	#eplus_dentalClinic-special4 {background-position: center left -100px;}
}

@media all and (max-width:768px) {
	.description_list .descriptionBox {margin-bottom: 30px}
	.description_list .descriptionBox .text {padding:30px 20px;}
	.description_list .descriptionBox .text dl dt {font-size: 17px; margin-bottom: 5px;}
	.description_list .descriptionBox .text dl dd {font-size: 14px; }
}



/* 일반진료 - 신경치료
========================================================================================== */
#eplus_dentalClinic2-sec2 {background: url("/_img/sub/eplus-dentalClinic1-sec2-bg.jpg") no-repeat center; background-attachment: fixed; background-size: cover;}


/* 일반진료 - 잇몸치료
========================================================================================== */
#eplus_dentalClinic3-sec1 {background: #f3f4f6;}


/* 일반진료 - 사랑니발치
========================================================================================== */
#eplus_dentalClinic4-sec2 {background: #f3f4f6;}
#eplus_dentalClinic4-sec3 {background: url("/_img/sub/eplus-dentalClinicr-sec3-bg.jpg") no-repeat center; background-attachment: fixed; background-size: cover;}

.simplePics_slider .swiper-slide img {width: 100%;}
#eplus_dentalClinic4-sec3 .eplus_sdlier-controler {position: absolute; bottom: 20px; left: 0; z-index: 1; width: 100%;}

@media all and (max-width:768px) {
	#eplus_dentalClinic4-sec3 .eplus_sdlier-controler {bottom: 5px;}
}

/* 이플러스의특별함
========================================================================================== */
.section {position: absolute; width: 100%; height: 100vh; overflow: hidden; clip: rect(0, auto, auto, 0);}
.section .fixed { overflow: hidden; position: fixed; top: 0; left: 0; width: 100%;}
.section .white {color: #fff;}

.section:nth-child(1) {top: 0; z-index: 10;}
.section:nth-child(2) {top: 100vh; z-index: 20;}
.section:nth-child(3) {top: 200vh; z-index: 30;}
.section:nth-child(4) {top: 300vh; z-index: 40;}
.section:nth-child(5) {top: 400vh; z-index: 50;}

.eplus_specialThing {height: 100vh}
.eplus_specialThing .inner_wrap {height: 100%}
.sub_section.eplus_specialThing {padding: 0;}
.sub_section.eplus_specialThing .video-container {height: 100%; padding: 0;}
.sub_section.eplus_specialThing .video-container video {left: 50%; top: 50%; transform: translate(-50%, -50%); object-fit: cover;}

#eplus_specialThing1 {background-image: url("/_img/sub/eplus_specialThing1-bg.jpg")}
#eplus_specialThing2 {background-image: url("/_img/sub/eplus_specialThing2-bg.jpg")}
#eplus_specialThing3 {background-image: url("/_img/sub/eplus_specialThing3-bg.jpg")}
#eplus_specialThing4 {background-image: url("/_img/sub/eplus_specialThing4-bg.jpg")}
#eplus_specialThing5 {background-image: url("/_img/sub/eplus_specialThing5-bg.jpg")}



@media all and (max-width:1400px){
	.sub_section.eplus_specialThing {padding-left: 70px; padding-right: 70px;}
}

@media all and (max-width:1200px){
	.sub_section.eplus_specialThing {padding-left: 50px; padding-right: 50px;}
	
}


@media all and (max-width:980px){
    .section {position: relative; top: auto !important;}
    .section .fixed {position:relative;}
	.sub_section.eplus_specialThing {padding-left: 40px; padding-right: 40px;}
	
}


@media all and (max-width:768px){
	.sub_section.eplus_specialThing {padding-left: 30px; padding-right:30px;}
	.main_section-title p.category img {width: 120px}
	
	#eplus_specialThing1 {background-image: url("/_img/sub/m-eplus_specialThing1-bg.jpg")}
	#eplus_specialThing2 {background-image: url("/_img/sub/m-eplus_specialThing2-bg.jpg")}
	#eplus_specialThing3 {background-image: url("/_img/sub/m-eplus_specialThing3-bg.jpg")}
	#eplus_specialThing4 {background-image: url("/_img/sub/m-eplus_specialThing4-bg.jpg")}
	#eplus_specialThing5 {background-image: url("/_img/sub/m-eplus_specialThing5-bg.jpg")}
}



.sub_section#before_after {display: none;}