@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css); 


	html,body{margin:0;padding:0;overflow-x:hidden;font-family:'Noto Sans KR';}
	#wrap {text-align:center;}

	/* common */
	.animated {	-webkit-animation-duration: 1s;	animation-duration: 1s;	-webkit-animation-fill-mode: both;	animation-fill-mode: both;}
	@-webkit-keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translateY(20px);transform: translateY(20px);}100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}}
	@keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}}
	.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}

	/* 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: #000;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: #aaa;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
	.slick-dots li.slick-active button:before{opacity: 1;color: #000;}

	/* 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%;}

	/* view */
		.pc{display:block;}
		.mo{display:none;}

	/* 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;}

	/* 임플란트 랜딩 */

	/* section01 고난이도 임상경험이 많은 전문의 */
	.i_con1{width:100%;height:200px;letter-spacing:-1.5px;background:#fff;color:#000;}
	.i_con1 .sec1 {float:left;width:60%;margin-top:85px;text-align:center;font-size:50px;line-height:40px;font-weight:900;}
	.i_con1 .sec1 span{font-size:20px;font-weight:500;}
	.i_con1 .sec2 {float:left;width:40%;margin-top:85px;text-align:center;font-size:50px;line-height:40px;font-weight:bold;}
	.i_con1 .sec2 div{width:calc(50%);margin:0 auto; text-align:right;}
	.i_con1 .sec2 span{font-size:20px;font-weight:500;}
	.i_con1 .sec2 .counter {font-weight:bold;font-size:50px !important;}
	.i_con13 .video_wrap{top:25%;left:50%;transform: translate(-50%);}
	.i_con13 video{width:850px;}

	/* 치아교정 랜딩 */

	.o_con1{}
	.o_con2{}
	.o_con3{}
	.o_con4{}
	.o_con5{}
	.o_con6{}
	.o_con7{}
	.o_con8{}
	.o_con9{}
	.o_con10{height:1200px;}
	.o_con11{ height:870px; position:relative;}
	.o_con11 .o_con11_tit{top:35%;left:10%;transform:translate(-10%,-35%);}
	.o_con11_slick {position:absolute;right:0;bottom:120px;width:calc(60%);}
	.o_con11_slick div {position:relative;}
	.o_con11_slick .slick-arrow {display:none !important;}
	.o_con12{background: #000;height: 800px;}
	.o_con13{}
	.o_con17{height:800px;}
	.o_con17 img {text-align:center;margin:0 auto;}
	.o_con18{height: 1000px;}
	.o_con19{height:400px; width:100%; text-align:center;}
	.o_con19 .roll div {text-align:center;}
	.o_con19 .slick-slide img {margin:0 auto;width:100%;}
	.o_con19 .slick-slide {margin:0 10px;}


	.bt_popup{width:fit-content;position:fixed;bottom:110px;right:200px;z-index:10;}
	.bt_popup .cancle{right:0;top:0;width:20%;z-index:11;position:absolute;height:50px;}

	.ld_logo{height:70px;line-height:70px; background:#000;}
	.ld_logo img{vertical-align:middle;margin-left:100px;}






	@media(max-width:700px){
		#wrap div img {width:100%;}
		.o_con10 {height:fit-content;}
		.o_con10 img {width:90% !important;padding:50px 0}
		.o_con11{ height:fit-content; position:relative;width:100%; }
		.o_con11 .equip .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;height: fit-content;}
		.o_con11 .equip .swiper-slide img {display: block;width: 150% !important;height: auto;object-fit: cover;}
		.o_con11 .equip {overflow-x:hidden;}
		.o_con12{height:fit-content;padding-bottom:50px;}
		.o_con12 img {width:90% !important;padding:50px 10px;}
		.o_con12 video {width:calc(95%);}
		.o_con17 {height:fit-content;}
		.o_con17 img{width:90% !important;margin:0 auto;}
		.o_con18{height:fit-content;padding:30px 0;}
		.o_con18 img{width:90% !important;margin:0 auto;}
		.o_con19{height:fit-content;}
		.o_con19 .slick-prev, .r_section16 .slick-next{display:none !important;}
		.bt_popup{right:0;bottom:10%;}
		.bt_popup img {width:90% !important;}

		.pc{display:none;}
		.mo{display:block;}

		.m_bfix {display: flex !important;position:fixed;width:100%;background:#000;height:80px;z-index:9999;bottom:0;color:#fff;}
		.m_bfix div{width:25%;text-align:center;vertical-align:middle}
		.m_bfix div img {width:35% !important;margin-top:20px;}



}



	
	@media(max-width:490px){

		#wrap div img {width:100%;}
	
		.i_con1{position:relative;overflow:hidden;width:100%;height:127px;letter-spacing:-2px;}
		.i_con1 .counter {font-weight:bold;font-size:35px !important;color:#000;position:absolute;right:10%;top:20%;}


		.i_con13 .video_wrap{top:30%;left:0;transform: none;}
		.i_con13 video{width:100% !important;}

		.o_con11{ height:fit-content; position:relative;width:100%; }
		.o_con11 .equip .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;}
		.o_con11 .equip .swiper-slide img {display: block;width: 220% !important;height: auto;object-fit: cover;}
		.o_con11 .equip {overflow-x:hidden;}

		.o_con12 {height:fit-content;}
		.o_con12 img {width:90% !important;padding:5px 0}
		.o_con12 video {width:calc(95%);}


		.o_con10 img {width:90% !important;padding:5px 0}
		.o_con17 {height:fit-content;}
		.o_con17 img {width:90% !important;}

		.o_con18 {height:fit-content;}
		.o_con18 img {width:90% !important;}

		
		.o_con10{height:fit-content;}
		.o_con19{height:fit-content;}


		.bt_popup{right:0;bottom:15%;}
		.bt_popup img {width:90% !important;}

		.pc{display:none}
		.mo{display:block }

		.m_bfix div img {width: 50% !important;margin-top:20px;}

	}		


	@media(max-width:430px){
	/* view */
		.pc{display:none;}
		.mo{display:block;}
		
		#wrap div img {width:100%;}

		/* 임플란트 */
		.i_con1{position:relative;overflow:hidden;width:100%;height:127px;letter-spacing:-2px;}
		.i_con1 .counter {font-weight:bold;font-size:35px !important;color:#000;position:absolute;right:10%;top:20%;}
		.i_con6 img {width:90% !important; padding:25px 0; }
		.i_con13 .video_wrap{top:25%;left:0;transform: none;}
		.i_con13 video{width:100% !important;}


		/* 치아교정 */
		.o_con10 {height:fit-content;}
		.o_con10 img {width:90% !important;padding:5px 0}
		.o_con11{ height:665px; position:relative;width:100%; }
		.o_con11 .equip .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;height: fit-content;}
		.o_con11 .equip .swiper-slide img {display: block;width: 240% !important;height: auto;object-fit: cover;}
		.o_con11 .equip {overflow-x:hidden;}
		.o_con12{height:fit-content;padding-bottom:50px;}
		.o_con12 img {width:90% !important;padding:50px 10px;}
		.o_con12 video {width:calc(95%);}
		.o_con17 img{width:90% !important;margin:0 auto;}
		.o_con18{height:fit-content;padding:30px 0;}
		.o_con18 img{width:90% !important;margin:0 auto;}
		.o_con19{height:260px;}
		.o_con19 .slick-prev, .r_section16 .slick-next{display:none !important;}


		.m_bfix div img {width: 50% !important;margin-top:20px;}

		.bt_popup{right:0;bottom:10%;}
		.bt_popup img {width:90% !important;}

		.ld_logo{text-align:center;}
		.ld_logo img{margin-left:0;}
	}