@charset "utf-8"; 

/*
 * --------------------------------------------------------------------------
 * descript : 정직한, 임플란트 스타일
 * --------------------------------------------------------------------------
 * version	: 2.0.0
 * author	: Yoodaekyung
 * update	: 2018.11.06
 * email	: eorud0818@naver.com
 * --------------------------------------------------------------------------
 */
.obj em {font-weight: 700;}


/* 정직한, 임플란트 -> 라인업 임플란트 */
.pcode4501 .item{position:relative; box-sizing:border-box; height:400px; margin:25px 0;}
.pcode4501 .item .obj{position:absolute; box-sizing:border-box; width:50%; top:50%; padding:0 40px; transform:translate(0, -50%); -webkit-transform:translate(0, -50%);}
.pcode4501 .item .tit{font-size:24px; font-weight:700;}
.pcode4501 .item p{font-size:18px; margin-top:20px; line-height:1.5em; color:#555;}
.pcode4501 .item p em{color:#ff3e62;}


.pcode4501 .bg01{background:url(/assets/img/web/sub/theme/45_img_0101.jpg) no-repeat left center;}
.pcode4501 .bg02{background:url(/assets/img/web/sub/theme/45_img_0102.jpg) no-repeat right center;}
.pcode4501 .bg03{background:url(/assets/img/web/sub/theme/45_img_0103.jpg) no-repeat left center;}
.pcode4501 .bg04{background:url(/assets/img/web/sub/theme/45_img_0104.jpg) no-repeat right center;}
.pcode4501 .bg05{background:url(/assets/img/web/sub/theme/45_img_0105.jpg) no-repeat left center;}

.pcode4501 .bg01 .obj{right:0;}
.pcode4501 .bg02 .obj{left:0;}
.pcode4501 .bg03 .obj{right:0;}
.pcode4501 .bg04 .obj{left:0;}
.pcode4501 .bg05 .obj{right:0;}


.pcode4502{background:url(/assets/img/web/sub/theme/45_bg_02.jpg) no-repeat left center; color:#fff;}
.pcode4502 .item {position:relative; width: calc(25% - 10px); height:200px; float: left; margin:0 13px 13px 0; border:1px solid rgba(255,255,255,0.3); padding:25px 15px;  background:rgba(255, 255, 255, 0.1);  box-sizing:border-box;}
.pcode4502 .item::after {content:''; display:block; position:absolute; width:13px; height:1px; background:rgba(255,255,255,0.3); right:-14px; top:50%;}
.pcode4502 .item:nth-child(4) {margin-right:0;}
.pcode4502 .grid .item:nth-child(4)::after {content:none;}
.pcode4502 .grid .item:last-child::after {content:none;}
.pcode4502 .item em{font-size:20px; font-weight:700; line-height:1.3em; display:block; margin-bottom:15px;}
.pcode4502 .item p{font-size:16px;line-height:1.5em;}

.pcode4503 .grid {box-sizing:border-box; margin-bottom:40px;}
.pcode4503 .grid:last-child {margin-bottom:0;}
.pcode4503 .grid .img_wrap {overflow:hidden;}
.pcode4503 .grid p {font-size:20px; text-align:center; margin-top:20px; font-weight:700;}


.pcode4504{background:url(/assets/img/web/sub/theme/29_bg_02.jpg) no-repeat left center;color:#fff;overflow:hidden;}
.pcode4504 ul.rou {overflow:hidden; margin:0 120px;}
.pcode4504 ul.rou li {position:relative; width:200px; margin:0 20px; float:left; text-align:center;}
.pcode4504 ul.rou li::after {content:''; display:block; position:absolute; top:100px; right:-40px; width:50px; height:1px; background:#fff;}
.pcode4504 ul.rou li:last-child::after {content:none;}
.pcode4504 ul.rou li img {background:#fff; box-shadow:5px 5px 10px rgba(0,0,0,0.15); border-radius:100px;}
.pcode4504 ul.rou li p {margin-top:20px; line-height:1.5em; font-size:16px;}

.pcode4505 {height:600px;}
.pcode4505 .inner{background:url(/assets/img/web/sub/theme/45_img_0501.jpg) no-repeat left center;}
.pcode4505 .obj{position:absolute; width:50%; box-sizing:border-box; right:0; top:50%; padding-left:50px; transform:translate(0, -50%); -webkit-transform:translate(0, -50%);}
.pcode4505 .obj .tit{position:relative; font-size:40px; font-weight:700; margin-bottom:60px; line-height:1.3em;}
.pcode4505 .obj .tit em {color:#ff3e62;}
.pcode4505 .obj .tit::before{display:inline-block; width:100px; height:1px; background:#111; left:0; bottom:-25px;}
.pcode4505 .obj p{font-size:18px; font-weight:100; line-height:1.5em;}


.pcode4506 .inner {background:url(/assets/img/web/sub/theme/45_bg_06.png) no-repeat center center; height:220px; padding:50px; margin-bottom:50px; text-align:center;}
.pcode4506 .inner p {font-size:22px; font-weight:600; margin-top:20px; line-height:1.6em;}

.desc04 .obj {position:absolute; width:600px; box-sizing:border-box; right:0; top:50%; transform:translate(0, -50%); -webkit-transform:translate(0, -50%);}
.desc04 .tit{position:relative; font-size:40px; font-weight:700; margin-bottom:60px;}
.desc04 .tit::before{display:inline-block; width:100px; height:1px; background:#111; left:-20px; bottom:-25px;}
.desc04 p{font-size:18px; font-weight:100; line-height:1.5em;}

.check_bg0401 {position:relative;}
.check_bg0401 .obj{position:absolute; width:50%; box-sizing:border-box; top:50%; background:#fff; padding:90px 40px; transform:translate(0, -50%); -webkit-transform:translate(0, -50%);}
.check_bg0401 .obj::after{display:inline-block; right:0; top:0; border-top: 100px solid #efefef; border-left: 100px solid transparent;}
.check_bg0401 .obj .tit{position:relative; font-size:40px; font-weight:700; margin-bottom:60px; line-height:1.35em;}
.check_bg0401 .obj .tit::before{display:inline-block; width:100px; height:1px; background:#111; left:0; bottom:-25px;}
.check_bg0401 .obj p{font-size:18px; font-weight:100; line-height:1.5em;}

/* 정직한, 임플란트 -> 뼈이식 임플란트 */

.pcode4601 {height:500px; background:url(/assets/img/web/sub/theme/46_bg_01.jpg) no-repeat center center; color:#111;}

.pcode4602 {height:600px; background:url(/assets/img/web/sub/theme/46_bg_02.jpg) no-repeat center center; color:#111;} 
.pcode4602 .obj {left:0;}

.pcode4603{background:#434753;color:#111;}
.pcode4603 .item{float:left; width:380px; height:230px; margin:10px; margin-bottom:15px; background:#fff; padding:30px; box-sizing:border-box;}
.pcode4603 .item img {margin-bottom:20px;}
.pcode4603 .item:last-child {margin-right:0;}
.pcode4603 .item p{font-size:18px; color:#555555; line-height:1.5em;}
.pcode4603 .item em{display:block; line-height:50px; font-size:22px; font-weight:700; margin-left:60px; margin-bottom:30px;}

.pcode4604{background:#fff;color:#111;}
.pcode4604 .tbl {width:90%; margin:0 auto; text-align:center;}

.pcode4605 {background:url(/assets/img/web/sub/theme/29_bg_02.jpg) no-repeat center center;color:#111;}
.pcode4605 .item.step {width:calc(25% - 15px); height:430px; float:left; margin:0 7px; padding:20px; text-align:center; background:#fff; box-shadow:5px 5px 10px rgba(0,0,0,0.15); box-sizing:border-box;}
.pcode4605 .obj p {line-height:1.6em; font-size:16px; margin-top:20px; color:#777;}
.pcode4605 .obj em {display:block; font-size:20px; font-weight:700; margin-top:30px;}

.pcode4606{height:500px; background:url(/assets/img/web/sub/theme/46_bg_06.jpg) no-repeat center center; color:#111;}
.pcode4606 .obj {left:0;}

.pcode4607{height:580px; background:url(/assets/img/web/sub/theme/46_bg_07.jpg) no-repeat center center; color:#111;}
.pcode4607 .obj {right:0;}
.pcode4607 .obj::after{display:inline-block; right:0; top:0; border-top: 100px solid #efefef; border-left: 100px solid transparent;}

.pcode4608{background:#434753;color:#111;}
.pcode4608 .grid {margin-bottom:20px;}
.pcode4608 .item{float:left; width:380px; height:440px; margin-right:30px; padding-top:320px; box-sizing:border-box;}
.pcode4608 .obj {position:relative; height:120px; background:#fff; box-sizing:border-box; padding:50px 15px;}
.pcode4608 .obj span.number {top:-34px; left:15px;}
.pcode4608 .item:last-child {margin-right:0;}
.pcode4608 .item p{font-size:16px; color:#555555; line-height:1.5em;}

.pcode4608 .item.bg01{background:url(/assets/img/web/sub/theme/46_img_0801.jpg) no-repeat center top;}
.pcode4608 .item.bg02{background:url(/assets/img/web/sub/theme/46_img_0802.jpg) no-repeat center top;}
.pcode4608 .item.bg03{background:url(/assets/img/web/sub/theme/46_img_0803.jpg) no-repeat center top;}


.pcode4609 .inner {height:260px; background:url(/assets/img/web/sub/theme/46_bg_09.jpg) no-repeat center center; padding:50px; color:#111; margin-top:60px;}
.pcode4609 .tit {width: 29%; float:left; font-size:36px; font-weight:700; margin-top:50px; line-height:1.4em;}
.pcode4609 .tit::before {content:''; display:block; width:40px; height:40px; margin-top:-50px;background:url(/assets/img/web/sub/theme/ico_caution.png) no-repeat center center;}
.pcode4609 .tit::after {content:''; display:block; width:10px; height:140px; background:url(/assets/img/web/sub/theme/46_img_0901.png) no-repeat center top; margin:-135px 0 0 260px;}
.pcode4609 .cau {float:left;}
.pcode4609 .cau .check li {font-size:18px;}

/* 정직한, 임플란트 -> 원데이 임플란트 */

.pcode4701{height:500px; background:url(/assets/img/web/sub/theme/47_bg_01.jpg) no-repeat center center; color:#111;}

.pcode4702{height:600px; background:url(/assets/img/web/sub/theme/46_bg_02.jpg) no-repeat center center; color:#111;}
.pcode4702 .obj{left:0;}

.pcode4703{background:#434753;}
.pcode4703 .item{float:left; width:380px; height:370px; margin:10px; margin-bottom:15px; background:#fff; text-align:center; padding:30px; box-sizing:border-box;}
.pcode4703 .item img {margin-bottom:20px;}
.pcode4703 .item:last-child {margin-right:0;}
.pcode4703 .item p{font-size:18px; color:#555555; line-height:1.5em;}
.pcode4703 .item em{display:block; line-height:50px; font-size:24px; font-weight:700; margin-left:60px; margin-bottom:30px;}

.pcode4704 {background:url(/assets/img/web/sub/theme/29_bg_02.jpg) no-repeat center center; color:#111;}
.pcode4704 .item.step {width:calc(25% - 15px); height:440px; float:left; margin:0 7px; padding:20px; text-align:center; background:#fff; box-shadow:5px 5px 10px rgba(0,0,0,0.15); box-sizing:border-box;}
.pcode4704 .obj p {line-height:1.6em; font-size:16px; color:#777; margin-top:20px;}
.pcode4704 .obj em {display:block; font-size:20px; font-weight:700; margin-top:30px;}


/* 정직한, 임플란트 -> UV 임플란트 */

.pcode4801{height:500px; background:url(/assets/img/web/sub/theme/48_bg_01.jpg) no-repeat center center; color:#111;}
.pcode4801 .obj{right:0;}

.pcode4802{height:600px; background:url(/assets/img/web/sub/theme/48_bg_02.jpg) no-repeat center center; background-size:cover; color:#111;}
.pcode4802 .obj::after{display:inline-block; right:0; top:0; border-top: 100px solid #c1c6c4; border-left: 100px solid transparent;}


.pcode4803{background:#434753;}
.pcode4803 .item{float:left; width:380px; height:220px; margin:10px; margin-bottom:15px; background:#fff; padding:30px; box-sizing:border-box;}
.pcode4803 .item img {margin-bottom:20px;}
.pcode4803 .item:last-child {margin-right:0;}
.pcode4803 .item p{font-size:18px; color:#555555; line-height:1.5em;}
.pcode4803 .item em{display:block; line-height:50px; font-size:22px; font-weight:700; margin-left:60px; margin-bottom:20px;}

.pcode4804{background:#fff;color:#111;}
.pcode4804 .tbl {width:100%; margin:0 auto; text-align:center;}
.pcode4804 .tbl thead tr th {border:none;}
.pcode4804 .tbl thead th, .pcode4804 .tbl td {border:none;}
.pcode4804 .tbl thead th:first-child, .pcode4804 .tbl td:first-child {border-bottom:1px solid #ddd;}
.pcode4804 .tbl thead th:last-child, .pcode4804 .tbl td:last-child {border-bottom:1px solid #ddd;}
.pcode4804 .tbl thead tr th:first-child {background:#474753;}
.pcode4804 .tbl thead tr th:nth-child(2) {background:#fff;}
.pcode4804 .tbl tbody tr:first-child td:first-child {background:#efefef;}
.pcode4804 .tbl tbody tr:first-child td:last-child {background:#efefef;}
.pcode4804 .tbl tbody tr td:nth-child(2) {font-size:18px; font-weight:700;}

.pcode4805 {background:url(/assets/img/web/sub/theme/29_bg_02.jpg) no-repeat center center;}
.pcode4805 .item.step {width:calc(25% - 15px); height:480px; float:left; margin:0 7px; padding:20px; text-align:center; background:#fff; box-shadow:5px 5px 10px rgba(0,0,0,0.15); box-sizing:border-box;}
.pcode4805 .obj p {line-height:1.6em; font-size:16px; color:#777; margin-top:20px;}
.pcode4805 .obj em {display:block; font-size:20px; font-weight:700; margin-top:30px; line-height:1.5em;}


/* 정직한, 임플란트 -> 재수술 임플란트 */
.pcode4901{height:500px; background:url(/assets/img/web/sub/theme/49_bg_01.jpg) no-repeat center center; background-size:cover;  color:#111;}
.pcode4901 .obj{right:0;}

.pcode4902{background:url(/assets/img/web/sub/theme/49_bg_02.jpg) no-repeat center center;}
.pcode4902 .grid {box-sizing:border-box;}
.pcode4902 .grid .item {float:left; margin:0 20px; text-align: center;}
.pcode4902 .grid .item em {display:block; color:#fff; font-weight:700; font-size:18px; margin-top:20px;}
.pcode4902 .cau {background:url(/assets/img/web/sub/theme/49_img_0206.png) no-repeat center center; padding:40px; margin-top:50px;}
.pcode4902 .cau p {font-size:24px; color:#fff; text-align:center;}
.pcode4902 .cau p em {font-size:28px; color:#fff391; font-weight:700;}

.pcode4903{height:630px; background:url(/assets/img/web/sub/theme/46_bg_02.jpg) no-repeat center center;}
.pcode4903 .obj::after{display:inline-block; right:0; top:0; border-top: 100px solid #efefef; border-left: 100px solid transparent;}

.pcode4904{background:#434753;}
.pcode4904 .item{float:left; width:380px; height:210px; margin:10px; margin-bottom:15px; background:#fff; padding:30px; box-sizing:border-box;}
.pcode4904 .item:nth-child(3) {margin-right:0;}
.pcode4904 .item p{font-size:18px; color:#555555; line-height:1.5em;}
.pcode4904 .item em{display:block; line-height:50px; font-size:24px; font-weight:700; margin-left:60px; margin-bottom:20px;}

.pcode4905 { background:url(/assets/img/web/sub/theme/29_bg_02.jpg) no-repeat center center;}
.pcode4905 p {line-height:1.4em; font-size:20px; margin-top:20px; text-align:center; color:#fff;}


/* 정직한, 임플란트 -> 고난도 임플란트 */

.pcode5001{height:500px; background:url(/assets/img/web/sub/theme/50_bg_01.jpg) no-repeat center center;}
.pcode5001 .obj{right:0;}

.pcode5002 { background:url(/assets/img/web/sub/theme/29_bg_02.jpg) no-repeat center center;color:#111;}
.pcode5002 .item {width:calc(25% - 15px); height:380px; float:left; margin:0 7px; padding:20px; text-align:center; background:#fff; box-shadow:5px 5px 10px rgba(0,0,0,0.15); box-sizing:border-box;}
.pcode5002 .obj p {line-height:1.6em; font-size:16px; margin-top:20px; color:#777;}
.pcode5002 .obj em {display:block; font-size:20px; font-weight:700; margin-top:30px;}

.pcode5003{height:500px; background:url(/assets/img/web/sub/theme/50_bg_03.jpg) no-repeat center center; background-size:cover;  color:#111;}
.pcode5003 .obj{left:0;}







