@charset "utf-8";

/* C00320 365¿£¾¾Ä¡°úÀÇ¿ø */

/* ========================================================================================================================================= */
/* Å°ºñÁÖ¾ó */
body .TopVisual{width:100%; position:relative; overflow:hidden;}
body .TopVisual .wrap{width:100%; position:relative;}
body .TopVisual .back img{width:100%;}
body .TopVisual .mainTitle{width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:100; text-align:center;}
body .TopVisual .mainTitle h6{display:block; width:100%; margin:0 auto; overflow:hidden; height:150px; position:relative;}
body .TopVisual .mainTitle h6 span{display:block; position:absolute; left:50%; top:150px; transform:translate(-50%,0); width:100%;}
body .TopVisual .mainTitle h3{display:block; width:100%; margin:0 auto; margin-top:20px; overflow:hidden; height:60px; position:relative;}
body .TopVisual .mainTitle h3 span{font-size:40pt; font-weight:600; color:#fff; display:block; position:absolute; left:50%; top:60px; transform:translate(-50%,0); width:100%;}
	/*¾Ö´Ï¸ÞÀ̼Ç*/
	body .TopVisual .keyAni1 span{animation:keyAni1_1 2s ease; animation-fill-mode:forwards;}
	@keyframes keyAni1_1{ 0%{top:150px;} 100%{top:0;} }
	body .TopVisual .keyAni2 span{animation:keyAni1_2 2s ease; animation-fill-mode:forwards; animation-delay: 1s;}
	@keyframes keyAni1_2{ 0%{top:60px;} 100%{top:0;} }

/*¾î¹Ù¿ô*/
body .aboutWrap .Inner{width:1400px; min-width:1400px;}
body .aboutWrap .Company_Area{display:none;}
body.ActiveFixed{overflow:hidden;}

/* ========================================================================================================================================= */
/* ¾î¹Ù¿ô-ÀÇ·áÁø¼Ò°³ */
body .About_DoctorArea .mdTxt{width:100%; text-align:center; padding-top:150px;}
body .About_DoctorArea .mdTxt span{display:block; width:150px; height:6px; margin:0 auto; background:#965b58;}
body .About_DoctorArea .mdTxt h6{font-size:36pt; font-weight:600; margin-top:35px;}
	/*À̹ÌÁö ¿µ¿ª*/
	body .About_DoctorArea .ModalArea{margin-top:80px; padding-bottom:150px;}
	body .About_DoctorArea .ModalArea ul{width:100%; display:flex; flex-wrap:wrap; align-items:start;}
	body .About_DoctorArea .ModalArea ul li{width:30%; margin-right:5%; cursor:pointer;}
	body .About_DoctorArea .ModalArea ul li:nth-child(3n){margin-right:0;}
	body .About_DoctorArea .ModalArea ul li:nth-child(n+4){margin-top:80px;}
	body .About_DoctorArea .ModalArea ul li .ImgBox{width:100%; overflow:hidden;}
	body .About_DoctorArea .ModalArea ul li .ImgBox img{width:100%; transition:0.4s;}
	body .About_DoctorArea .ModalArea ul li:hover .ImgBox img{scale:1.05;}
	body .About_DoctorArea .ModalArea ul li .TextBox{margin-top:20px; width:100%; display:inline-flex; align-items:center; justify-content:space-between;}
	body .About_DoctorArea .ModalArea ul li .TextBox div{font-size:20pt; font-weight:600;}
	body .About_DoctorArea .ModalArea ul li .TextBox p{font-size:16pt; font-weight:400;}
	/*¸ð´Þ*/
	body .About_DoctorArea .ModalCont .CloseBtn{position:absolute; right:50px; top:20px;  font-size:16pt; line-height:1; cursor:pointer; border-radius:6px; background-color:#eee; width:40px; height:40px; display:flex; justify-content:center; align-items:center; transition:background-color 300ms ease; z-index:2;}
	body .About_DoctorArea .ModalCont .CloseBtn:hover{background-color:#ccc;}
	body .About_DoctorArea .ModalCont{width:100vw; height:100vh; position:fixed; top:0; left:0; background:#fff; z-index:999; opacity:0; visibility:hidden;}
	body .About_DoctorArea .ModalCont.Active{opacity:1; visibility:visible;}
	body .About_DoctorArea .ModalCont .Cont{width:100%; display:inline-flex; align-items:center;}
	body .About_DoctorArea .ModalCont .Cont .ImgBox{width:45%; overflow:hidden;}
	body .About_DoctorArea .ModalCont .Cont .ImgBox img{height:100%; float:right;}
	body .About_DoctorArea .ModalCont .Cont .TextBox{width:55%; height:100vh; padding-left:110px; background:url('/img/C00320/about_doctor01_back.jpg')no-repeat; background-size:cover; background-position:bottom;}
	body .About_DoctorArea .ModalCont .Cont .TextBox .txtWrap{width:65%;}
	body .About_DoctorArea .ModalCont .Cont .TextBox .topTxt{width:100%; display:inline-flex; align-items:end; justify-content:space-between; margin-top:180px;}
	body .About_DoctorArea .ModalCont .Cont .TextBox .topTxt .txtInner{width:50%;}
	body .About_DoctorArea .ModalCont .Cont .TextBox .topTxt .txtInner .name{display:inline-block; vertical-align:middle; font-size:32pt; font-weight:700;}
	body .About_DoctorArea .ModalCont .Cont .TextBox .topTxt .txtInner .major{display:inline-block; vertical-align:middle; font-size:18pt; font-weight:500; margin-left:10px; padding-top:10px;}
	body .About_DoctorArea .ModalCont .Cont .TextBox .topTxt em{display:block; font-size:14pt; font-weight:400; font-family: "Amiri", serif;}
	body .About_DoctorArea .ModalCont .Cont span.line{display:block; width:100%; height:1px; background:#464646; margin:25px 0;}
	body .About_DoctorArea .ModalCont .Cont .bottomTxt h6 p{font-size:20pt; font-weight:700; color:#965b58;}
	body .About_DoctorArea .ModalCont .Cont .bottomTxt .carrer{margin-top:20px;}
	body .About_DoctorArea .ModalCont .Cont .bottomTxt .carrer p{font-size:15pt; font-weight:400; line-height:2;}

/* ========================================================================================================================================= */
/* ¾î¹Ù¿ô-¿À½Ã´Â±æ */
body .aboutMapArea .mdTxt{width:100%; text-align:center; padding-top:150px;}
body .aboutMapArea .mdTxt span{display:block; width:150px; height:6px; margin:0 auto; background:#965b58;}
body .aboutMapArea .mdTxt h6{font-size:36pt; font-weight:600; margin-top:35px;}
	/*1¹ø¿µ¿ª*/
	body .aboutMapArea .aboutSection01{width:100%; position:relative; overflow:hidden; padding:80px 0;}
	body .aboutMapArea .aboutSection01 .contWrap{width:100%; display:table;}
	body .aboutMapArea .aboutSection01 .contWrap .leftSection{width:57%; display:inline-table; vertical-align:middle;}
	body .aboutMapArea .aboutSection01 .contWrap .leftSection #aboutmap{width:100%; height:450px;}
	body .aboutMapArea .aboutSection01 .contWrap .rightSection{width:43%; display:inline-table; vertical-align:middle; padding-left:60px;}
	body .aboutMapArea .aboutSection01 .contWrap .rightSection h6{font-size:28pt; font-weight:400; font-family: "Amiri", serif; line-height:1; margin-bottom:20px;}
	body .aboutMapArea .aboutSection01 .contWrap .rightSection .location p{font-size:16pt; font-weight:400; line-height:1.6;}
	body .aboutMapArea .aboutSection01 .contWrap .rightSection .Tel{margin-top:60px;}
	body .aboutMapArea .aboutSection01 .contWrap .rightSection a p{color:#6e3931; font-size:28pt; font-weight:800;}
	/*2¹ø¿µ¿ª, 3¹ø¿µ¿ª °øÅë*/
	body .aboutMapArea .infoSection{width:100%; position:relative; overflow:hidden; padding:60px 0; padding-bottom:150px;}
	body .aboutMapArea .infoSection .infoTitle{width:100%; border-bottom:1px solid #353535; padding-bottom:30px;}
	body .aboutMapArea .infoSection .infoTitle span{display:inline-block; vertical-align:middle;}
	body .aboutMapArea .infoSection .infoTitle h4{display:inline-block; vertical-align:middle; font-size:28pt; font-weight:600; margin-left:15px;}
	body .aboutMapArea .infoSection .contWrap{margin-top:30px;}
		/*2¹ø¿µ¿ª*/
		body .aboutMapArea .aboutSection02 .contWrap{width:100%; display:inline-flex; align-items:start; justify-content:space-between;}
		body .aboutMapArea .aboutSection02 .contWrap .contSection{width:48%;}
		body .aboutMapArea .aboutSection02 .contWrap .contSection .contTitle{background:#965b58; width:200px; border-radius:500px; padding:10px 0; text-align:center;}
		body .aboutMapArea .aboutSection02 .contWrap .contSection .contTitle p{color:#fff; display:inline-block; vertical-align:middle; font-size:18pt; font-weight:500;}
		body .aboutMapArea .aboutSection02 .contWrap .contSection .contTitle span{display:inline-block; margin:0 15px; vertical-align:middle; width: 0; height: 0; border-style: solid; border-width: 8px 0px 8px 12px; border-color: transparent transparent transparent #6e3931;}
		body .aboutMapArea .aboutSection02 .contWrap .contSection .contBox{background:#eeeeee; border-radius:15px; margin-top:25px; width:100%; padding:50px;}
		body .aboutMapArea .aboutSection02 .contWrap .contSection .contBox h6{font-size:18pt; font-weight:500;}
		body .aboutMapArea .aboutSection02 .contWrap .contSection .contBox p{font-size:15pt; font-weight:400; line-height:1.8; margin-top:25px;}
		body .aboutMapArea .aboutSection02 .contWrap .contSection .contBox span{display:block; font-size:15pt; font-weight:600; color:#965b58; margin-top:15px;}
		/*3¹ø¿µ¿ª*/
		body .aboutMapArea .aboutSection03 .contWrap h5{font-size:18pt; font-weight:500;}
		body .aboutMapArea .aboutSection03 .contWrap .park{margin-top:40px;}
		body .aboutMapArea .aboutSection03 .contWrap .park .parkTt span{display:inline-block; vertical-align:middle;}
		body .aboutMapArea .aboutSection03 .contWrap .park .parkTt h6{display:inline-block; vertical-align:middle; font-size:18pt; font-weight:600; margin-left:10px; color:#965b58;}
		body .aboutMapArea .aboutSection03 .contWrap .park p{margin-top:15px; font-size:15pt; font-weight:500; color:#6b6b6b; line-height:1.5;}
		body .aboutMapArea .aboutSection03 .contWrap .mapEnd{width:60%; margin:0 auto; margin-top:70px; background:#e2e2e2; border-radius:500px; padding:15px 0; text-align:center;}
		body .aboutMapArea .aboutSection03 .contWrap .mapEnd p{font-size:16pt; font-weight:500; color:#6d6d6d;}

/* ========================================================================================================================================= */
/*¼­ºê*/
body .clinicInfoWrap .Inner{width:1400px; min-width:1400px;}
body .clinicInfoWrap .Company_Area{display:none;}
	/*¹öÆ°¿µ¿ª*/
	body .clinicInfoWrap .btnSection{width:100%; padding:130px 0; position:relative; overflow:hidden; background:url('/clinicInfo365nc/img/implant_implant02_back.jpg')no-repeat; background-size:cover;}
	body .clinicInfoWrap .btnSection .contWrap{width:100%; display:inline-flex; align-items:start; justify-content:center;}
	body .clinicInfoWrap .btnSection .contWrap .contBox{width:18.5%; margin-right:1.8%; overflow:hidden; border-radius:20px;}
	body .clinicInfoWrap .btnSection .contWrap .contBox:last-child{margin-right:0;}
	body .clinicInfoWrap .btnSection .contWrap .contBox:hover{animation:sub_btn_ani 1s ease; animation-fill-mode:forwards;}
	@keyframes sub_btn_ani{ 0%{transform:translateY(0);} 25%{transform:translateY(-30px);} 100%{transform:translateY(0);} }
	body .clinicInfoWrap .btnSection .contWrap .contBox a{display:block; width:100%; height:100%; position:relative;}
	body .clinicInfoWrap .btnSection .contWrap .contBox a span{display:block; width:100%; height:100%; position:absolute; background:rgba(0,0,0,0.6); top:0; left:0; transition-duration:400ms;}
	body .clinicInfoWrap .btnSection .contWrap .contBox img{width:100%;}
	body .clinicInfoWrap .btnSection .contWrap .contBox a:hover span{top:-100%;}
/* ========================================================================================================================================= */
/* ¼­ºê-ÀÓÇöõÆ® */
body .implantWrap .subSection07{width:100%; position:relative; overflow:hidden;}
body .implantWrap .subSection07 .Inner{width:100%; min-width:100%;}
body .implantWrap .subSection07 .contWrap{width:100%; display:inline-flex;}
body .implantWrap .subSection07 .contWrap .txtBox{width:42%; background:#a3adc0; text-align:left; padding:140px 0; padding-left:16%;}
body .implantWrap .subSection07 .contWrap .txtBox p{font-size:13pt; font-weight:400; color:#d0d4dc; font-family: "Amiri", serif; }
body .implantWrap .subSection07 .contWrap .txtBox h3{font-size:28pt; font-weight:400; line-height:1.2; color:#fff; margin-top:15px;}
body .implantWrap .subSection07 .contWrap .txtBox h3 b{font-weight:700; line-height:1.2; color:#fff;}
body .implantWrap .subSection07 .contWrap .txtBox h5{color:#fff; font-size:14pt; font-weight:400; line-height:1.8; margin-top:50px;}
body .implantWrap .subSection07 .contWrap .videoWrap{width:58%; position:relative; overflow:hidden;}
body .implantWrap .subSection07 .contWrap .videoWrap .back{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%;}
body .implantWrap .subSection07 .contWrap .videoWrap .back img{width:100%;}
body .implantWrap .subSection07 .contWrap .videoWrap .Movie_IframArea{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}

/* ========================================================================================================================================= */
/* °Ô½ÃÆÇ */
body .boardWrap #contents{padding:80px 0;}
body .contactWrap #contents{padding:80px 0;}