/* 폰트 */
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css); 
@font-face {
	font-family: 'Pretendard-Regular';
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

/* 초기화 */
html,body {margin:0;padding:0;border:0; font-family:'Noto Sans KR'; background:transparent;-webkit-text-size-adjust:none; letter-spacing:-0.05em; word-break: keep-all; word-wrap: break-word;}
body{padding:0; margin:0; font-family:'Noto sans KR',sans-serif;overflow-x:hidden;  border:0;}
ul,li {padding:0;margin:0;}

fieldset {border: 0;}

.pc_view{display:block;}
.mo_view{display:none;}

#wrap {margin:0 auto; width:100%; text-align:center;position:relative;}
#copy {background:#000;color:#fff;padding:85px 0}

@keyframes blink-effect {
  50% {
    opacity: 0;
  }
}

/* width */
.width{margin:0 auto;}
.width750 {width:750px; margin:0 auto;}
.width850 {width:850px; margin:0 auto;}
.width_850 {width:850px;margin:0 auto;}

/* position */

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

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

/* margin*/
.mg-60-0{margin:120px 0;}
.mg-70-0{margin:70px 0;}

.mg-t-30{margin-top:30px;}
.mg-t-40{margin-top:40px;}
.mg-t-100{margin-top:100px;}
.mg-t-120{margin-top:120px;}
.mg-t-400{margin-top:400px;}

/* 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-b-60 {padding-bottom:60px;}

.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;}

/* main visual */
.main_visual{}

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

/* section02 대학병원 자부심 */
.section02{}

/* section03 컴퓨터분석 임플란트 */
.section03{}

/* section04 전체 임플란트 치료사례 */
.section04 > .center{width: 850px; position: absolute; right: 175px; bottom: 110px; z-index: 10;}
.section04 > .center span{font-size:50px; font-weight:bold; color: #ddd;cursor:pointer;}
.section04 > .center #prev { margin-right:45px} 
.top_16{top:20%;left:50%;transform:translate(-50%);}

/* section05 임플란트 치료비용 제도  */
.section05{}

/* section06 7인의 의료진 타이틀 */
.section06{}

/* .section07 7인 의료진 */
.section07{}
.subCon{width:850px; margin: 0 auto;}
.subCon{letter-spacing:-1px; line-height:1;}
.subCon > div > div{width:1400px; position:absolute; left:50%; margin-left:-700px; text-align:center; z-index:1;}
.subCon > div > div.doctor_popWrap{height:830px; position:absolute; top:50%; left:50%; margin:-415px 0 0 -700px; display:none; z-index:100;}
.doctor_popWrap > .black_bg{width:100%; height:100%; position:fixed; top:0; left:0; background:#000; opacity:0.67;}
.doctor_pop{position:relative;}
.doctor_pop img{width:50%; display:none;}
.doctor01{position:relative;}
.doctor01 > img{max-width:1700px; position:relative; left:50%; margin-left:-850px;}
.doctor01 > ul >  li {cursor: pointer; display:inline-block; margin:10px 10px}
.doctor01 > ul >  li:first-child{margin-left:16px;}

/* .section08 7인 의료진 하단 텍스트  */
.section08{}
.sec08_txt{left:50%;transform:translate(-50%);color:#fff;text-align:left;top:5%;font-size:30px;animation: blink-effect 1s step-end infinite;font-weight:bold;}

/* section09 커스텀 어버트먼트 */
.section09{}

/* section10 디지털진단장비 영상 */
.section10{width:850px;margin:0 auto;position:relative;}
.v_map{top:390px;width:100%;}
.video{width:850px;height:450px}

/* section11 직접 제작 */
.section11{}

/* section12 빠른 골 형성을 돕는 오스템 SOI */
.section12{}

/* section13 스트라우만 임플란트 */
.section13{}
.in16 {margin:0 auto;}


/* section14 3d 모르페우스 */
.section14{}

/* section15 내원 횟수 */
.section15{}


/* section16 공정위 표준약관 */
.section16{}


/* section17 둘러보기 */
.section17 {}
.section17 div img {margin:0 auto;}
/*.section17 {width:850px; margin:0 auto;}*/
.section17 .swiper-wrapper{height:100% !important;}
.browse {position:relative;padding-bottom:140px;}
.browse .swiper-pagination{bottom:80px;left:50%;transform:translate(-50%);}
.browse .swiper-pagination-bullet{width:12px;height:12px;margin:0 6px;background:#d8d8d8;opacity:1;}
.browse .swiper-pagination-bullet-active{background:#232077;}
.browse .swiper-button-prev{top:68%;left:-50px;background-image:url('/img/icon_prev.png');}
.browse .swiper-button-next{top:68%;right:-50px;background-image:url('/img/icon_next.png');}
.browse .swiper-tab-pagi {position:absolute; left:0;top:450px; width:100%;}
.browse .swiper-tab-pagi .swiper-wrapper div br {display:none;}
.browse .swiper-tab-pagi .swiper-wrapper div {position:relative;color:#d8d8d8; font-size:22px; line-height:1.3;text-align:center; cursor:pointer;}
.browse .swiper-tab-pagi .swiper-wrapper div:after {display:block; width:23px; height:23px; margin-left:46%; margin-top:20px; border:6px solid #d8d8d8; background-color:#fff; border-radius:100%; content:''; }
.browse .swiper-tab-pagi .swiper-wrapper .swiper-slide-thumb-active {color:#2f328d;}
.browse .swiper-tab-pagi .swiper-wrapper .swiper-slide-thumb-active:after {border:6px solid #2f328d;}
.browse .swiper-tab-pagi .slide-bar {position:absolute; left:12%; top:64px; width:80%; height:2px; background-color:#d8d8d8;}

#browse_tit{padding-bottom: 230px;}


/* section18 오시는길 타이틀  */
.section18 {}


/* section19 네이버 지도  */
.section19 {}

.section19{background:#000; height:400px; width:100%; text-align:center;}
.section19 .roll div {text-align:center;}
.section19 .slick-slide img {margin:0 auto;width:100%;}
.section19 .slick-slide {margin:0 10px;}


.map{width:850px;height:400px;margin:0 auto;}
.map-area {width: 100%; height: 300px; border: 1px solid #e6e1db;}
.map_marker{ border-radius:40px; -webkit-border-radius:40px; -moz-border-radius:40px; -ms-border-radius:40px; -o-border-radius:40px; padding:5px;}
.map_active.map_marker{border:1px solid transparent; background-color:#0475f4;}
.map_normal.map_marker{border:1px solid #0475f4; background-color:#fff;}
.map_marker:after{ content:''; position: absolute; width:7px; height:7px; bottom:-3px; left:18px; transform:rotate(45deg) ; -webkit-transform:rotate(45deg) ; -moz-transform:rotate(45deg) ; -ms-transform:rotate(45deg) ; -o-transform:rotate(45deg) ; }
.map_normal.map_marker:after{background: #fff; border-right:1px solid #0475f4; border-bottom:1px solid #0475f4}
.map_active.map_marker:after{background: #0475f4;}
.map_link {display: flex; align-items: center;}
.map_link_icon, .map_link_txt{vertical-align: middle; display: inline-block;}
.map_link_txt{font-weight: 700; margin: 0 0.5em;}
.map_normal .map_link_txt{font-size: 0.75rem;}
.map_normal .map_link_txt:hover{color: #0475f4;}

/* section20 진료시간 */
.section20 {}

.width_in15{overflow:hidden;width:850px;margin:0 auto;}
.width_in16{overflow:hidden;width:1920px;margin:0 auto; background:url('../_landding/imp/con09_bg.jpg') no-repeat 0 0;}
.width_in16 img{ display:block;}
.width_225 {width:100%;}
.in15 {width:1920px;  position: relative;left:50%;transform: translateX(-50%);} 


@media(max-width:850px){

	/* view */
	.pc_view{display:none;}
	.mo_view{display:block;}
	
	/* width */
	.w-10 {width:10% !important;}
	.w-15 {width:15% !important;}
	.w-20 {width:20% !important;}
	.w-30 {width:30% !important;}
	.w-40 {width:40% !important;}
	.w-50 {width:50% !important;}
	.w-60 {width:60% !important;}
	.w-70 {width:70% !important;}
	.w-80 {width:80% !important;}
	.w-90 {width:90% !important;}
	.w-95 {width:95% !important;}
	.w-100 {width:100% !important;}
	.width_850 {width:100%;}

	.width_225 {
    width: 225.9%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
	}

	/* padding */
	.m-pd-60-0{padding:60px 0 !important;}
	.m-pd-70-0{padding:70px 0 !important;}
	.m-pd-80-0{padding:80px 0 !important;}
	.m-pd-120-0{padding:120px 0 !important;}

	.m-pd-t-10{padding-top:10px;}
	.m-pd-t-20{padding-top:20px;}
	.m-pd-t-30{padding-top:30px;}
	.m-pd-t-40{padding-top:40px;}
	.m-pd-t-50{padding-top:50px;}
	.m-pd-t-60{padding-top:60px;}
	.m-pd-t-120{padding-top:120px;}


	.m-pd-b-10{padding-bottom:10px;}
	.m-pd-b-20{padding-bottom:20px;}
	.m-pd-b-30{padding-bottom:30px;}
	.m-pd-b-40{padding-bottom:40px;}
	.m-pd-b-50{padding-bottom:50px;}
	.m-pd-b-60{padding-bottom:60px;}


	/* margin*/
	.mg-60-0{margin:60px 0;}
	.mg-70-0{margin:70px 0 30px 0;}
	.mg-t-100{margin-top:35px;}

	/* 메인 비쥬얼  */
	.main_visual .mySwiper .swiper-wrapper {height:100vh;background:#000;}
	.swiper {width: 100%;height: 100%;}
	.slide01{background:url('/_landding/imp/220322/m_main01.gif') no-repeat; background-size: 100% ;}
	.slide02{background:url('/_landding/imp/220322/m_main02.jpg') no-repeat; background-size: 100% ;}
	.slide01 span{font-size:0.7em}
	.slide02 span{font-size:0.7em}

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

	/* section02 대학병원 자부심 */
	.section02{}

	/* section03 컴퓨터분석 임플란트 */
	.section03{}

	/* section04 전체 임플란트 치료사례 */
	.section04{}
	.section04 > .center { position: absolute; width:100%; right: 5%; bottom: 8%; z-index: 10; text-align:right;}
	.section04 > .center #prev {margin-right:15px;}
	.section04 > .center span {font-size:30px;}
	.bf_width{width:100%}
	.top_16{top:20%;width:100%}

	/* section05 임플란트 치료비용 제도  */
	.section05{}

	/* section06 7인의 의료진 타이틀 */
	.section06{}

	/* .section07 7인 의료진 */
	.section07{}
	.subCon{width:100%; margin: 0 auto;}
	.subCon{letter-spacing:-1px; line-height:1;}
	.doctor01{position:relative;}
	.subCon > div > div.doctor_popWrap{width:100%;height:830px; position:absolute; top:0; left:0; margin:0; display:none; z-index:100;}
	.subCon > div > div{position:absolute; left:50%;  text-align:center; z-index:1;}
	.doctor_popWrap > .black_bg{width:100%; height:100%; position:fixed; top:0; left:0; background:#000; opacity:0.67;}
	.doctor_pop{position:relative;}
	.doctor_pop img{ width: 100%;display:none;}
	.doctor01 > ul >  li {width:27%; display:inline; }
	.doctor01 > ul > li:first-child{margin-left:26px;}
	.doctor01 > ul > li:nth-child(2){margin-right:25px;}
	.doctor01 > ul >  li img  {width:100%; }
	.doctor01 > ul >  li {display:inline-block; margin:5px 5px}

	/* .section08 7인 의료진 하단 텍스트  */
	.section08{overflow:hidden}
	.sec08_txt{text-align:left;top:3%;font-size:18px;}

	/* section09 커스텀 어버트먼트 */
	.section09{}

	/* section10 디지털진단장비 영상 */
	.section10{}
	.v_map{width:100%;top:30%;}
	.video{width:100%;height:auto;}


	/* section11 직접 제작 */
	.section11{}

	/* section12 빠른 골 형성을 돕는 오스템 SOI */
	.section12{}

	/* section13 스트라우만 임플란트 */
	.section13{}
	.width_in16{width:100%;overflow:hidden;}
	.in16 {width: 100%;position: relative;left:50%;transform: translateX(-50%);}

	/* section14 3d 모르페우스 */
	.section14{}

	/* section15 내원 횟수 */
	.section15{}


	/* section16 공정위 표준약관 */
	.section16{}


	/* section17 둘러보기 */
	.section17 {}
	.section17 div .mo_view {width:90%;padding:10px;margin:0 auto;}
	.browse {padding-bottom:110px;}
	.browse .swiper-tab-pagi {top:55vw;}
	.browse .swiper-tab-pagi .swiper-wrapper div br {display:block;}
	.browse .swiper-tab-pagi .swiper-wrapper div {font-size: 17px;}
	.browse .swiper-tab-pagi .swiper-wrapper div .space {height:50px;border: 1px solid #fff;}
	.browse .swiper-tab-pagi .slide-bar {top:80px;}
	.browse .swiper-button-prev	{display:none	}
	.browse .swiper-button-next	{display:none	}
	.browse .swiper-tab-pagi .swiper-wrapper div:after {display:block; width:20px; height:20px; margin:20px auto; border:6px solid #d8d8d8; background-color:#fff; border-radius:100%; content:''; }
	.browse .swiper-pagination {bottom: 68px;}
	#browse_tit{padding: 20px 0 150px;}


	/* section18 오시는길 타이틀  */
	.section18 {}
	.section18  .mo_view img {width:90%;padding:10px;margin:0 auto;}

	/* section19 네이버 지도  */
	.section19 {height:auto;}

	.map{width:100%;height:300px;}


	/* section20 진료시간 */
	.section20 {}
	.width_in15{overflow:hidden;width:100%;margin: 55px auto 0 auto;}
	.in15 {width: 225.9%;position: relative;left:50%;transform: translateX(-50%);}


	#copy {background:#000;color:#fff;padding:50px 5%;height:200px;font-size:13px;letter-spacing:-1.5px;}
	.simply-scroll {position: absolute;top: 13vh;width: 100%;height: 218px;margin-bottom: 2em;}
	.simply-scroll .simply-scroll-clip {width: 100%;height: 200px;}
	.simply-scroll .simply-scroll-list li {float: left;width: 160px;}
	}