@charset "utf-8"; 

/*
 * --------------------------------------------------------------------------
 * descript : 일반진료 스타일
 * --------------------------------------------------------------------------
 * version	: 2.0.0
 * author	: Yoodaekyung
 * update	: 2018.11.06
 * email	: eorud0818@naver.com
 * --------------------------------------------------------------------------
 */

.desc05 .obj {position:absolute; width:500px; box-sizing:border-box; top:50%; transform:translate(0, -50%); -webkit-transform:translate(0, -50%);}
.desc05 .obj .tit{position:relative; font-size:40px; font-weight:700; margin-bottom:60px;}
.desc05 .tit::before{display:inline-block; width:100px; height:1px; background:#111; left:-20px; bottom:-25px;}
.desc05 p {font-size:18px; font-weight:100; line-height:1.5em;}

.check_bg0501 .obj{position:absolute; width:50%; box-sizing:border-box; right:0; top:50%; background:#fff; padding:90px 40px; transform:translate(0, -50%); -webkit-transform:translate(0, -50%);}
.check_bg0501 .obj .tit{position:relative; font-size:40px; font-weight:700; margin-bottom:60px;}
.check_bg0501 .obj .tit::before{display:inline-block; width:100px; height:1px; background:#111; left:0; bottom:-25px;}
.check_bg0501 .obj p{font-size:18px; font-weight:100; line-height:1.5em;}

/* 일반진료 -> 충치치료 */
.pcode5101{height:500px; background:url(/assets/img/web/sub/theme/51_bg_01.jpg) no-repeat center center;}
.pcode5101 .obj{right:0;}


.pcode5102{background:#082a44;}
.pcode5102 .item{float:left; width:calc(25% - 10px); height:560px; margin-right:13px; padding-top:330px; box-sizing:border-box;}
.pcode5102 .item:last-child{margin-right:0;}

.pcode5102 .bg01{background:url(/assets/img/web/sub/theme/51_img_0201.jpg) no-repeat center top;}
.pcode5102 .bg02{background:url(/assets/img/web/sub/theme/51_img_0202.jpg) no-repeat center top;}
.pcode5102 .bg03{background:url(/assets/img/web/sub/theme/51_img_0203.jpg) no-repeat center top;}
.pcode5102 .bg04{background:url(/assets/img/web/sub/theme/51_img_0204.jpg) no-repeat center top;}

.pcode5102 .obj{position:relative; height:230px; background:#fff; box-sizing:border-box; padding:50px 15px;}
.pcode5102 .obj > em{display:block; margin-bottom:15px; font-size:20px; font-weight:700;}
.pcode5102 .obj p{font-size:16px; line-height:1.5em; color:#777;}
.pcode5102 .obj p em{color:#ff3e62;}
.pcode5102 .obj span.number{left:15px; top:-34px;} /* position 값만 작성 */

.pcode5103{height:580px; background:url(/assets/img/web/sub/theme/51_bg_03.jpg) no-repeat center center;}
.pcode5103 .obj::after{display:inline-block; right:0; top:0; border-top: 100px solid #ecebf0; border-left: 100px solid transparent;}

.pcode5104{background:#434753;}
.pcode5104 .item{float:left; width:calc(33.33333333% - 10px); height:560px; margin-right:15px; margin-bottom:15px; background:#fff; border-top:3px solid #ff3e62; padding:40px 20px; box-sizing:border-box;}
.pcode5104 .item:last-child{margin-right:0;}

.pcode5104 .item .tit{font-size:24px; font-weight:700; margin-bottom:15px;}
.pcode5104 .item p{height:120px; font-size:18px; color:#555555; line-height:1.5em;}

.pcode5104 .item em{display:block; width:60px; height:35px; line-height:35px; font-size:18px; text-align:center; color:#fff; font-weight:700; margin-bottom:15px; box-sizing:border-box;}
.pcode5104 .item em.strong{background:#ff3e62;}
.pcode5104 .item em.weak{background:#777777;}

.pcode5104 .ect{background:#fff; text-align:center; font-size:18px; color:#555; padding:50px 0;}
.pcode5104 .ect em{font-size:29px; font-weight:700; color:#111; display:inline-block; margin-right:25px;}

.pcode5106{height:500px; background:url(/assets/img/web/sub/theme/51_bg_06.jpg) no-repeat center center;}
.pcode5106 .obj{left:0;}

.pcode5107{height:580px; background:url(/assets/img/web/sub/theme/51_bg_07.jpg) no-repeat center center;}
.pcode5107 .obj::after{display:inline-block; right:0; top:0; border-top: 100px solid #f8f8f8; border-left: 100px solid transparent;}


.pcode5108{background:#434753;}
.pcode5108 .grid {overflow:hidden;}
.pcode5108 .item {width:calc(33.3333333% - 15px); margin-right:20px; margin-bottom:20px; height:230px; float:left; background:#fff; padding:25px; box-sizing:border-box;}
.pcode5108 .item:nth-child(3n) {margin-right:0;}
.pcode5108 .item em {display:block; line-height:50px; font-size:20px; font-weight:700; margin-left:60px; margin-bottom:20px;}
.pcode5108 .item p {font-size:16px; color:#555; line-height:1.4em;}
.pcode5108 .item .txt-small{font-size:16px; color:#999; display:block; margin-top:15px;}

/* 일반진료 -> 치주질환 */

.pcode5201{height:500px; background:url(/assets/img/web/sub/theme/52_bg_01.jpg) no-repeat center center; }
.pcode5201 .obj {right:0;}

.pcode5202 {background:#082a44;}

.pcode5202 .bg01{background:url(/assets/img/web/sub/theme/52_img_0201.jpg) no-repeat center top;}
.pcode5202 .bg02{background:url(/assets/img/web/sub/theme/52_img_0202.jpg) no-repeat center top;}
.pcode5202 .bg03{background:url(/assets/img/web/sub/theme/52_img_0203.jpg) no-repeat center top;}
.pcode5202 .bg04{background:url(/assets/img/web/sub/theme/52_img_0204.jpg) no-repeat center top;}
.pcode5202 .bg05{background:url(/assets/img/web/sub/theme/52_img_0205.jpg) no-repeat center top;}
.pcode5202 .bg06{background:url(/assets/img/web/sub/theme/52_img_0206.jpg) no-repeat center top;}

.pcode5202 .item{float:left; width:380px; height:470px; margin: 0 30px 30px 0; padding-top:370px; box-sizing:border-box;}
.pcode5202 .item:nth-child(3n) {margin-right:0;}
.pcode5202 .item span {top:-30px;}
.pcode5202 .item p {font-size:16px; color:#555; line-height:1.4em;}

.pcode5202 .obj{position:relative; height:100px; background:#fff; box-sizing:border-box; padding:40px 20px;}
.pcode5202 .obj p{font-size:16px; line-height:1.5em; text-align:center;}

.pcode5203{height:580px; background:url(/assets/img/web/sub/theme/52_bg_03.jpg) no-repeat center center;}
.pcode5203 .obj{right:0;}
.pcode5203 .obj::after{display:inline-block; right:0; top:0; border-top: 100px solid #eef1f8; border-left: 100px solid transparent;}

.pcode5204{background:#efefef;}
.pcode5204 .item{position:relative; margin-bottom:20px;}
.pcode5204 .item em {cursor:pointer; display:block; width:100%; background:#fff; border-bottom:1px solid #ddd; padding:20px; box-sizing:border-box;font-size: 24px; font-weight:700; line-height:40px; padding-left:80px;}
.pcode5204 .item em::before {content:'Q'; display:block; font-size:36px; line-height:36px; color:#ff3e62; margin-left:-50px;}
.pcode5204 .item p {display:none; width:100%; background:#fff; padding:20px; box-sizing:border-box;font-size: 18px; line-height:1.8em; padding-left:80px;  margin-top:10px;}
.pcode5204 .item p::before {content:'A'; display:block; font-size:32px; line-height:36px; color:#000; margin-left:-45px; font-weight:700;}

.on_a {display:block !important;}

.pcode5205 {background:#434753;}
.pcode5205 .item.step {width:calc(25% - 15px); height:440px; float:left; margin:0 7px; padding:20px; text-align:center; background:#fff; border:1px solid #ddd; box-sizing:border-box;}
.pcode5205 .obj p {margin-top:30px; line-height:1.6em; font-size:16px; color:#555;}
.pcode5205 .obj p em {color:#555;}


/* 일반진료 -> 사랑니 */
.pcode5301 .item {position:relative; height:450px; margin-bottom:20px;}
.pcode5301 .item.bg01 {background:url(/assets/img/web/sub/theme/53_img_0101.jpg) no-repeat left center;}
.pcode5301 .item.bg02 {background:url(/assets/img/web/sub/theme/53_img_0102.jpg) no-repeat right center;}
.pcode5301 .bg01 .obj {right:0;}
.pcode5301 .bg02 .obj {left:0;}

.pcode5302{height:600px; background:url(/assets/img/web/sub/theme/53_bg_02.jpg) no-repeat center center;}
.pcode5302 .obj {left:0;}
.pcode5302 .obj::after{display:inline-block; right:0; top:0; border-top: 100px solid #eff4f6; border-left: 100px solid transparent;}

.pcode5303 {background:#434753;}
.pcode5303 .item.step {width:calc(25% - 15px); height:500px; float:left; margin:0 7px; padding:20px; text-align:center; background:#fff; border:1px solid #ddd; box-sizing:border-box;}
.pcode5303 .obj p {line-height:1.6em; font-size:16px; color:#555; margin-top:20px;}
.pcode5303 .obj em {display:block; font-size:20px; font-weight:700; margin-top:30px; text-align:center;}

.pcode5304{background:#efefef;}
.pcode5304 .item{float:left; width:calc(33.33333333% - 10px); height:200px; margin-right:15px; margin-bottom:15px; background:#fff; padding:25px; box-sizing:border-box;}
.pcode5304 .item:last-child{margin-right:0;}
.pcode5304 .item p{font-size:16px; color:#555555; line-height:1.5em;}
.pcode5304 .item em{display:block; line-height:50px; font-size:22px; font-weight:700; margin-left:60px; margin-bottom:30px;}

.pcode5305{height:650px; background:url(/assets/img/web/sub/theme/53_bg_05.jpg) no-repeat center center;}
.pcode5305 .obj{position:absolute; width:50%; box-sizing:border-box; right:0; top:50%; background:#fff; padding:90px 40px; transform:translate(0, -50%); -webkit-transform:translate(0, -50%);}
.pcode5305 .obj::after{display:inline-block; right:0; top:0; border-top: 100px solid #0c121a; border-left: 100px solid transparent;}
.pcode5305 .obj .tit{background:url(/assets/img/web/sub/theme/53_ico_0501.png) no-repeat top left; padding-top:40px; position:relative; font-size:40px; font-weight:700; margin-bottom:60px; line-height:1.4em;}
.pcode5305 .obj .tit::before{display:inline-block; width:500px; height:1px; background:#111; left:0; bottom:-25px;}
.pcode5305 .obj p{font-size:18px; font-weight:100; line-height:1.5em;}

.pcode5306 .inner {height:360px; background:url(/assets/img/web/sub/theme/53_bg_06.jpg) no-repeat center center; box-sizing:border-box; padding:60px; margin-top:60px;}
.pcode5306 .tit {width: 29%; float:left; font-size:36px; font-weight:700; margin-top:50px; line-height:1.4em;}
.pcode5306 .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;}
.pcode5306 .tit::after {content:''; display:block; width:10px; height:240px; margin:-150px 0 0 260px;background:url(/assets/img/web/sub/theme/46_img_0901.png) no-repeat center center;}
.pcode5306 .cau {float:left;}
.pcode5306 .cau .check li {font-size:18px;}


/* 일반진료 -> 치아미백 */
.pcode5401 .item {position:relative; height:450px; margin-bottom:20px;}
.pcode5401 .item.bg01 {background:url(/assets/img/web/sub/theme/54_img_0101.jpg) no-repeat left center;}
.pcode5401 .item.bg02 {background:url(/assets/img/web/sub/theme/54_img_0102.jpg) no-repeat right center;}
.pcode5401 .bg01 .obj {right:0;}
.pcode5401 .bg02 .obj {left:0;}

.pcode5402{height:560px; background:url(/assets/img/web/sub/theme/54_bg_02.jpg) no-repeat center center;}
.pcode5402 .obj{left:0;}
.pcode5402 .obj::after{display:inline-block; right:0; top:0; border-top: 100px solid #eff4f6; border-left: 100px solid transparent;}

.pcode5403 {text-align:center; background:#fff; }
.pcode5403 h5 span {color:#ff3e62;}
.pcode5403 p {margin-top:20px; line-height:1.6em; font-size:18px;}
.pcode5403 p em {font-weight:700; font-size:20px;}


.pcode5404{background:#434753;}
.pcode5404 .item{float:left; width:calc(33.33333333% - 10px); height:450px; margin-right:15px; margin-bottom:15px; background:#fff; padding:30px; box-sizing:border-box;}
.pcode5404 .item img {margin-bottom:20px;}
.pcode5404 .item:last-child {margin-right:0;}
.pcode5404 .item p{font-size:16px; color:#555555; line-height:1.5em;}
.pcode5404 .item em{display:block; line-height:50px; font-size:22px; font-weight:700; margin-left:60px; margin-bottom:30px;}

.pcode5405 .inner {height:360px; background:url(/assets/img/web/sub/theme/53_bg_06.jpg) no-repeat center center; box-sizing:border-box; color:#111; padding:60px; margin-top:60px;}
.pcode5405 .tit {width: 29%; float:left; font-size:36px; font-weight:700; margin-top:50px; line-height:1.5em;}
.pcode5405 .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;}
.pcode5405 .tit::after {content:''; display:block; width:10px; height:240px; margin:-155px 0 0 260px;background:url(/assets/img/web/sub/theme/46_img_0901.png) no-repeat center center;}
.pcode5405 .cau {float:left; width:71%;}
.pcode5405 .cau .check li {font-size:18px;}



/* 일반진료 -> 치아성형 */
.pcode5501{height:500px; background:url(/assets/img/web/sub/theme/55_bg_01.jpg) no-repeat center center;}
.pcode5501 .obj {right:0;}

.pcode5502{height:600px; background:url(/assets/img/web/sub/theme/55_bg_02.jpg) no-repeat center center;}
.pcode5502 .obj {left:0;}
.pcode5502 .obj::after{display:inline-block; right:0; top:0; border-top: 100px solid #e9eceb; border-left: 100px solid transparent;}

.pcode5503{background:#434753;}
.pcode5503 .item{float:left; width:calc(25% - 10px); height:480px; margin-right:13px; background:#fff; padding:20px; box-sizing:border-box;}
.pcode5503 .item img {margin-bottom:20px;}
.pcode5503 .item:last-child {margin-right:0;}
.pcode5503 .item span {display:block;}
.pcode5503 .item p{font-size:16px; color:#555555; line-height:1.5em;}
.pcode5503 .item em{display:block; line-height:50px;; font-size:22px; font-weight:700; margin-left:60px; margin-bottom:20px;}
.pcode5503 .item:first-child em {line-height:1.4em;}

.pcode5504 .inner {height:360px; background:url(/assets/img/web/sub/theme/53_bg_06.jpg) no-repeat center center; box-sizing:border-box; color:#111; padding:60px; margin-top:60px;}
.pcode5504 .tit {width: 29%; float:left; font-size:36px; font-weight:700; margin-top:50px; line-height:1.5em;}
.pcode5504 .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;}
.pcode5504 .tit::after {content:''; display:block; width:10px; height:240px; margin:-160px 0 0 260px;background:url(/assets/img/web/sub/theme/46_img_0901.png) no-repeat center center;}
.pcode5504 .cau {float:left; width:71%;}
.pcode5504 .cau .check li {font-size:18px;}



/* 일반진료 -> 턱관절장애 */
.pcode5601{height:500px; background:url(/assets/img/web/sub/theme/56_bg_01.jpg) no-repeat center center; background-size:cover; color:#111;}
.pcode5601 .obj{right:0;}

.pcode5602{height:580px; background:url(/assets/img/web/sub/theme/56_bg_02.jpg) no-repeat center center;}
.pcode5602 .obj{left:0;}
.pcode5602 .obj::after{display:inline-block; right:0; top:0; border-top: 100px solid #f2eff1; border-left: 100px solid transparent;}

.pcode5603{background:#434753;}
.pcode5603 .item{float:left; width:calc(33.33333333333% - 10px); height:260px; margin-right:15px; margin-bottom:15px; background:#fff; padding:30px; box-sizing:border-box; border-top:3px solid #ff3e62;}
.pcode5603 .item:nth-child(3) {margin-right:0;}
.pcode5603 .item:nth-child(4) {width:calc(66.66666666666% - 5px);}
.pcode5603 .item:last-child {margin-right:0;}
.pcode5603 .item p{font-size:16px; color:#555555; line-height:1.5em;}
.pcode5603 .item em{display:block; font-size:22px; font-weight:700; margin-bottom:20px;}