@charset "utf-8"; 

/*
 * --------------------------------------------------------------------------
 * descript : 예방관리 스타일
 * --------------------------------------------------------------------------
 * version	: 2.0.0
 * author	: Yoodaekyung
 * update	: 2018.11.06
 * email	: eorud0818@naver.com
 * --------------------------------------------------------------------------
 */

/* 예방관리 -> 라인업, 구강관리 */

.pcode5701{height:1000px; padding:20px 0; background:url(/assets/img/web/sub/theme/57_bg_01.jpg) no-repeat center center; box-sizing:border-box;}

.pcode5701 h6{ text-align:center;}
.pcode5701 h6 span{font-size:32px; font-weight:100;}
.pcode5701 h6 em{font-size:40px; display:block;}
.pcode5701 h6 em strong{color:#ff3e62}
.pcode5701 h6 + p{text-align:center; font-size:18px; line-height:26px;}

.pcode5701 .txt-group{position:relative; width:100%;}
.pcode5701 .txt-group .txt{position:absolute; width:250px; font-size:20px; font-weight:100; color:#111; line-height:30px;}
.pcode5701 .txt-group .txt em{display:block; font-weight:700;}
.pcode5701 .txt-group .txt01{text-align:right; left:35px; top:165px;}
.pcode5701 .txt-group .txt02{right:35px; top:165px;}
.pcode5701 .txt-group .txt03{text-align:right; left:35px; top:390px;}
.pcode5701 .txt-group .txt04{right:35px; top:390px;}
.pcode5701 .txt-group .txt05{text-align:center; left:50%; top:650px; transform:translate(-50%, 0);}


.pcode5702 .item{position:relative; box-sizing:border-box; height:400px; margin:25px 0;}
.pcode5702 .item .obj{position:absolute; box-sizing:border-box; width:50%; top:50%; padding:0 40px; transform:translate(0, -50%); -webkit-transform:translate(0, -50%);}
.pcode5702 .item .tit{font-size:24px; font-weight:700; line-height:1.35em; }
.pcode5702 .item .tit em{color:#ff3e62;}
.pcode5702 .item p{font-size:18px; color:#555; margin-top:15px; line-height:1.5em; }
.pcode5702 .item p em{color:#ff3e62;}

.pcode5702 .bg01{background:url(/assets/img/web/sub/theme/57_img_0201.jpg) no-repeat left center;}
.pcode5702 .bg02{background:url(/assets/img/web/sub/theme/57_img_0202.jpg) no-repeat right center;}

.pcode5702 .bg01 .obj{right:0;}
.pcode5702 .bg02 .obj{left:0;}

.pcode5703{height:760px;background:url(/assets/img/web/sub/theme/57_bg_03.jpg) no-repeat center center; background-size:cover; color:#111;}
.pcode5703 .obj{position:absolute; width:50%; box-sizing:border-box; right:0; top:50%; background:#fff; padding:50px 40px; transform:translate(0, -50%); -webkit-transform:translate(0, -50%);}
.pcode5703 .obj::after{display:inline-block; right:0; top:0; border-top: 100px solid #eceef4; border-left: 100px solid transparent;}
.pcode5703 .obj .tit{position:relative; font-size:40px; line-height:58px; font-weight:700; margin-bottom:60px; letter-spacing:-2.5px;}
.pcode5703 .obj .tit::before{display:inline-block; width:100px; height:1px; background:#111; left:0; bottom:-25px;}
.pcode5703 .obj p{font-size:18px; font-weight:100; line-height:1.5em;}


.pcode5704{ background:#434753;}
.pcode5704 .item {position:relative; float:left; width:calc(33.33333333% - 10px); height:530px; margin-right:15px; margin-bottom:15px; background:#fff; padding:20px; box-sizing:border-box; font-size:18px; line-height:1.5em;}
.pcode5704 .item:nth-child(3n){margin-right:0;}
.pcode5704 .item img{width:100%; margin-bottom:20px;}

.pcode5704 .item em {display:block; margin-left:60px; line-height:50px; font-size:22px; font-weight:700; margin-bottom:20px;}
.pcode5704 .item:nth-child(2) em, .pcode5704 .item:nth-child(5) em, .pcode5704 .item:nth-child(8) em {line-height:1.4em;}
.pcode5704 .item p, .pcode5704 .item ul {font-size:16px; line-height:1.4em; color:#777;}
.pcode5704 .item .fw600 {color:#333;}
.pcode5704 .item li {line-height:1.5em; margin-bottom:10px;}

.pcode5705{background:url(/assets/img/web/sub/theme/29_bg_02.jpg) no-repeat center center; background-size:cover; color:#fff; overflow:hidden; text-align:center;}
.pcode5705 .item {position:relative; background:#fff; padding:25px; box-sizing:border-box; width:calc(33.3333333% - 15px); height:420px; margin:0 20px 20px 0; float:left; box-shadow:5px 5px 10px rgba(0,0,0,0.2); color:#111;}
.pcode5705 .item:nth-child(3n) {margin-right:0;}
.pcode5705 .item img {background:#efefef; border-radius:100px;}
.pcode5705 .item em{display:block; font-weight:700; font-size:20px; margin-top:30px; line-height:1.4em;}
.pcode5705 .item p{margin-top:20px; line-height:1.5em; font-size:16px; color:#555;}