/* common */

/* Dots */
	.slick-dotted.slick-slider{margin-bottom: 30px;}
	.slick-dots{position: absolute;bottom: -50px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
	.slick-dots li{position: relative;display: inline-block;width: 20px;height: 20px;margin: 0 5px;padding: 0;cursor: pointer;}
	.slick-dots li button{font-size: 0;line-height: 0;display: block;width: 20px;height: 20px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}
	.slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
	.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity: 1;}
	.slick-dots li button:before{font-family: 'slick';font-size: 30px;line-height: 20px;position: absolute;top: 0;left: 0;width: 20px;height: 20px;content: '•';text-align: center;opacity: .25;color: white;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
	.slick-dots li.slick-active button:before{opacity: 1;color: #fff;}

/* background */
	.bg-black{background:#000;}

/* position */
	.p_r{position:relative;}
	.p_a{position:absolute;}

/* margin	*/

	.mg-10-0{margin:10px 0}
	.mg-20-0{margin:20px 0}
	.mg-30-0{margin:30px 0}
	.mg-40-0{margin:40px 0}
	.mg-50-0{margin:50px 0}

	.mg-t-10 {margin-top:10px;}
	.mg-t-20 {margin-top:20px;}
	.mg-t-30 {margin-top:30px;}
	.mg-t-40 {margin-top:40px;}
	.mg-t-50 {margin-top:50px;}

	.mg-b-10 {margin-bottom:10px;}
	.mg-b-20 {margin-bottom:20px;}
	.mg-b-30 {margin-bottom:30px;}
	.mg-b-40 {margin-bottom:40px;}
	.mg-b-50 {margin-bottom:50px;}

/* padding */

	.pd-10-0{padding:10px 0}
	.pd-20-0{padding:20px 0}
	.pd-30-0{padding:30px 0}
	.pd-40-0{padding:40px 0}
	.pd-50-0{padding:50px 0}
	.pd-60-0{padding:60px 0}
	.pd-100-0{padding:100px 0}

	.pd-t-10 {padding-top:10px;}
	.pd-t-20 {padding-top:20px;}
	.pd-t-60 {padding-top:60px;}

	.pd-t-100 {padding-top:100px;}
	.pd-t-130{padding-top:130px;}
	.pd-t-150{padding-top:150px;}

	.pd-t-200{padding-top:200px;}

	.pd-b-10 {padding-bottom:20px;}
	.pd-b-20 {padding-bottom:20px;}

	.pd-l-50  {padding-left:50px;}
	.pd-l-70  {padding-left:70px;}
	.pd-l-100 {padding-left:100px;}
	.pd-l-120 {padding-left:120px;}
	.pd-l-180 {padding-left:180px;}
	.pd-r-150 {padding-right:150px;}

/* float */

	.f-l {float:left;}
	.f-r {float:right;}

/* text-align */

	.text-center{text-align:center;}
	.text-left{text-align:left;}
	.text-right{text-align:right;}

/* width*/

	.w-10{width:10%;}
	.w-20{width:20%;}
	.w-30{width:30%;}
	.w-40{width:40%;}
	.w-45{width:45%;}
	.w-50{width:50%;}
	.w-60{width:60%;}
	.w-70{width:70%;}
	.w-80{width:80%;}
	.w-90{width:90%;}
	.w-100{width:100%;}


/* main_visual*/
	.main_visual_t{left:10%;top:20%;z-index:9;color:#fff;line-height:60px;}
	.main_visual_t p { text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);}
	.main_visual_t p:nth-child(1) {font-size:35px;}
	.main_visual_t p:nth-child(2),	.main_visual_t p:nth-child(3) {font-weight:bold;font-size:47px;}
	.main_visual {position: relative;}
	.main_visual .swiper-slide {overflow:hidden;text-align:left;}

	/* section01 고난이도 임상경험이 많은 전문의 */


	.section01{width:100%;height:200px;letter-spacing:-1.5px;}

	.sec1 {float:left;width:60%;margin-top:50px;text-align:center;font-size:50px;line-height:40px;font-weight:bold;}
	.sec1 span{font-size:20px;font-weight:500;}

	.sec2 {float:left;width:40%;margin-top:50px;text-align:center;font-size:50px;line-height:40px;font-weight:bold;}
	.sec2 div{width:calc(50%);margin:0 auto; text-align:right;}
	.sec2 span{font-size:20px;font-weight:500;}
	.sec2 .counter {font-weight:bold;font-size:50px !important;}


	/* section02 */
	.section02{background:#000;width:100%;height:500px;text-align:center;}
	.sec02_slick {left:50%;top:50%;transform:translate(-50%,-50%);width:400px;margin:0 auto;}

	/* sectio03 의료진 */
	.section03{background:url('/img/renew2/con02.jpg') center no-repeat ; height:1170px; position:relative;width:100%;}
	.sec03_slick {position:absolute;right:0;bottom:120px;width:calc(60%);}
	.sec03_slick div {position:relative;}
	.sec03_slick .view_btn {cursor:pointer;position:absolute !important; left:18%;top:40%; padding:15px 25px; border:1px solid #000; border-radius:20px; background:#fff;color:#000;font-weight:bold}
	.sec03_slick .view_btn:hover {background:#000;color:#fff;transition:0.5s;}
	.section03_ch{position:relative;display:none;}
	.section03_ch_bk{position:fixed;background:#000000b5;width:100%;height:100%;top: 0; left: 0;}
	.section03_ch_img_div{position:absolute;top:10%;left:50%;transform:translate(-50%);}
	.section03_ch_img_div img {display:none;}
	.section03_ch_img_div .active {display:block;}
	.sec03_slick .slick-arrow {display:none !important;}

	
	/* sectio04, sectio05, sectio06 치료비용 */
	.section04{background:#000; height:900px; width:100%;}
	.section05{background:#000; text-align:center; height:100px;line-height:140px;}
	.section06{background:#000; text-align:center; height:400px;line-height:400px; padding:200px 0;}
	.cost{cursor:pointer;}
	.box1, .box2, .box3{width:200px;background:#212121;color:#fff;height:50px;line-height:50px;border-radius:30px;text-align:left;font-size:15px;bottom: 100px;}
	.box1 span, .box2 span, .box3 span {margin-left:15px;}
	.box1	{left:330px;}
	.box2 {left:850px;}
	.box3 {left:1370px;}
	.box1::before, .box2::before,.box3::before {content: "+";position: absolute;right: 15px;background-color: #57D1FF;color: black;border-radius: 20px;font-size: 30px;width: 30px;height: 30px;line-height: 27px;text-align: center;top: 50%;transform: translateY(-50%);}

	/* section07 영상 영역 */
	.section07{width:1450px;margin:80px auto;}
	.section07 #vimeo-player{width: 100%;}
	.section07 #vimeo-player iframe{width: 100%; height: 100%;}
	.section07 .div_wrap {color:#fff;width: 100%;height: auto;top:40%;left:50%;transform:translate(-50%);}
	.section07 .div_div {font-family: 'JejuMyeongjo' ,serif; text-align: center;font-size: 37px;font-weight:500;line-height: 45px;display: flex;justify-content: center;align-items: center;}
	.section07 .div_div div {display:none;}
	.section07 .div_div div span{display:none;}

	/* section08,section09, 화이트드림치과 설명 */
	.section08{background:#fff; height:580px; width:100%;}
	.section08 div:nth-child(2) img, .section09 div:nth-child(2) img  {padding-top:50px;}
	.section09{background:#fff; height:900px; width:100%;}

	/* section10, section11 내부 이미지 */
	.section10{background:#000; height:1200px; width:100%; text-align:center;}
	
	.section11{background:#000; height:800px; width:100%; text-align:center;}
	.section11 video{width:calc(100%);}
	
	/* section12 진료시간, 찾아오시는길 */
	.section12{background:#000; height:800px; width:100%; text-align:center;}

	/* section13 야간 진료 */
	.section13{background:#000; height:1000px; width:100%; text-align:center;}

	/* section14 내부 둘러보기 */
	.section14{background:#000; height:400px; width:100%; text-align:center;}
	.section14 .roll div {text-align:center;}
	.section14 .slick-slide img {margin:0 auto;width:100%;}
	.section14 .slick-slide {margin:0 10px;}

	/* section15 장비 */

	.section15{ height:870px; position:relative;width:100%; background:#000;}
	.section15 .sec15_tit{top:35%;left:10%;transform:translate(-10%,-35%);}
	.sec15_slick {position:absolute;right:0;bottom:120px;width:calc(60%);}
	.sec15_slick div {position:relative;}
	.sec15_slick .slick-arrow {display:none !important;}


	/* section16 치료후기 */
	.section16{ height:870px; position:relative;width:100%; }
	.section16 .sec16_tit{top:35%;left:10%;transform:translate(-10%,-35%);}
	.sec16_slick {position:absolute;right:0;bottom:120px;width:calc(60%);}
	.sec16_slick div {position:relative;}
	.sec16_slick .slick-arrow {display:none !important;}

	.arrowSlider{position: absolute;top:80px; right: 170px;cursor:pointer;}
	.section16 .cate {right:640px;width:480px;top:80px;}
	.section16 ul li{width:130px;list-style:none;background:#000;color:#fff;display:inline-block; padding:5px;font-size:20px; border-radius:10px;cursor:pointer;text-align:center;}
	.section16 ul .active {background:#0071E3;color:#fff}
	.c1_btn, .c2_btn, .c3_btn {position: relative;}