@charset "utf-8"; 

/*
 * --------------------------------------------------------------------------
 * descript : 라인업소개 스타일
 * --------------------------------------------------------------------------
 * version	: 2.0.0
 * author	: Yoodaekyung
 * update	: 2018.11.06
 * email	: eorud0818@naver.com
 * --------------------------------------------------------------------------
 */


/* 라인업소개 -> 진료철학 */

.pcode1101{}
.pcode1101 .item{position:relative; box-sizing:border-box; height:400px; margin:25px 0;}
.pcode1101 .item .obj{position:absolute; box-sizing:border-box; width:50%; top:50%; padding-left:20px; transform:translate(0, -50%); -webkit-transform:translate(0, -50%);}
.pcode1101 .item .obj img {margin-bottom:20px;}
.pcode1101 .item .tit{font-size:24px; font-weight:700;}
.pcode1101 .item p{font-size:18px; margin-top:20px; line-height:1.4em; color:#777; font-weight:100;}
.pcode1101 .item p em{color:#ff3e62;}
.pcode1101 .item ul{margin-top:20px;}
.pcode1101 .item ul li{padding:5px 0; font-size:18px; line-height:1.35em; color:#555;}
.pcode1101 .item ul li em{font-weight:700; color:#111;}

.pcode1101 .bg01{background:url(/assets/img/web/sub/theme/11_bg_0101.jpg) no-repeat left center;}
.pcode1101 .bg02{background:url(/assets/img/web/sub/theme/11_bg_0102.jpg) no-repeat right center;}
.pcode1101 .bg03{background:url(/assets/img/web/sub/theme/11_bg_0103.jpg) no-repeat left center;}

.pcode1101 .bg01 .obj{right:0;}
.pcode1101 .bg02 .obj{left:0;}
.pcode1101 .bg03 .obj{right:0;}

.pcode1102{background:url(/assets/img/web/sub/theme/11_bg_02.jpg) no-repeat left center;color:#fff; overflow:hidden;}
.pcode1102 ul {position:relative; display:block; overflow:hidden; padding:0 40px;}
.pcode1102 ul li {position:relative; width:220px; height:220px; background:#fff; color:#000; border:10px solid rgba(255,140,140,0.7); padding:75px 0; border-radius:120px; float:left; box-sizing:border-box; margin:0 30px; font-size:28px; font-weight:700; text-align:center;}
.pcode1102 ul li span {font-size:14px; color:#bbb; display:block; margin-bottom:10px;}
.pcode1102 ul li:last-child {border:10px solid rgba(255,62,98,0.7); padding:50px 0;}

.pcode1102 ul li::after {content:''; display:block; position:absolute; top:84px; right:-60px; width:42px; height:42px; background:url(/assets/img/web/sub/theme/11_img_0202.png)no-repeat;}
.pcode1102 ul li:nth-child(3)::after {top:90px; height:30px;background:url(/assets/img/web/sub/theme/11_img_0203.png)no-repeat;}
.pcode1102 ul li:last-child::after {content:none;}

.pcode1102 p {text-align:center; line-height:1.4em; font-size:18px; margin-top:40px;}


/* 라인업소개 -> 의료진소개 */

.doctor .txt-group{width:50%; letter-spacing:-1px;}
.doctor .txt-group .txt01{font-size:20px; color:#555; margin-bottom:15px;}
.doctor .txt-group .txt02{position:relative; font-size:24px; color:#555; font-weight:100; z-index:1; margin-bottom:60px;}
.doctor .txt-group .txt02::before{display:inline-block; width:230px; height:1px; background:#eee; left:0; bottom:5px; z-index:-1;}
.doctor .txt-group .txt02 em{margin-right:10px; font-size:40px; font-weight:700; color:#111; letter-spacing:-2px;}
.doctor .txt-group .txt02 span{margin-left:75px; font-size:40px; font-weight:700; color:#ddd; letter-spacing:-2px; font-family: 'Nanum Myeongjo', sans-serif;}
.doctor .txt-group p {font-size:18px; padding-left:13px; margin-bottom:20px;}
.doctor .txt-group ul{}
.doctor .txt-group ul li{position:relative; font-size:16px; font-weight:100; color:#777; padding:7px 0 7px 30px;}
.doctor .txt-group ul li::before{display:inline-block; width:4px; height:4px; background:#999; left:15px; top:13px;}

.pcode1201 {position:relative; height:800px; background:url(/assets/img/web/sub/theme/12_bg_01.jpg) no-repeat center bottom;}
.pcode1202 {position:relative; height:950px; background:url(/assets/img/web/sub/theme/12_bg_02.jpg) no-repeat center bottom;}
.pcode1203 {position:relative; height:710px; background:url(/assets/img/web/sub/theme/12_bg_03.jpg) no-repeat center bottom;}
.pcode1204 {position:relative; height:710px; background:url(/assets/img/web/sub/theme/12_bg_04.jpg) no-repeat center bottom; margin-bottom:60px;}

.pcode1201 .txt-group{position:absolute; top:150px;}
.pcode1202 .txt-group{position:absolute; top:200px; right:0px;}
.pcode1203 .txt-group{position:absolute; top:150px;}
.pcode1204 .txt-group{position:absolute; top:160px;right:0px;}

/* 라인업소개 -> 병원소개 */
.pcode1301 h5 {margin-bottom:50px;}
.pcode1301 h5::before {content:none;}
.pcode1301 {background:url(/assets/img/web/sub/theme/13_bg_02.jpg) no-repeat center center;}
.pcode1301 .item {float:left; width:18%; margin:0 1%;}
.pcode1301 .item em {display:block; font-size:22px; font-weight:700; padding:20px 0; text-align:center; margin-bottom:20px; color:#fff; border-top:3px solid #ff3e62; border-bottom:1px solid rgba(255,255,255,0.3);}
.pcode1301 .item ul {width:100%;}
.pcode1301 .item ul li {text-align:center; font-size:16px; color:#fff; line-height:40px;}

/* 라인업소개 -> 찾아오시는 길 */

.pcode1401{ text-align:center; }
.pcode1401 .txt-group{position:relative;display:inline-block;width:100%;}
.pcode1401 .txt-group .txt01{font-size:40px; font-weight:700; color:#111; letter-spacing:-2px; margin-bottom:20px;}
.pcode1401 .txt-group .txt02{font-size:24px; font-weight:100; color:#555; letter-spacing:-1px;}

.pcode1401 .txt-group::before{display:inline-block; width:100%; height:10px; background:url(/assets/img/web/sub/theme/pattern01.png) repeat left top; left:50%; bottom:-60px; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0);}



.pcode1402{display:inline-block; width:100%;}
.pcode1402 .inner {overflow:hidden;}
.pcode1402 .lineup-time{float:left; width:52%; box-sizing:border-box;}
.pcode1402 .lineup-reserve{float:left; width:48%; box-sizing:border-box;}


.pcode1402 .lineup-time > em,
.pcode1402 .lineup-reserve > em{position:relative; display:block; margin-bottom:30px; font-size:24px; line-height:24px; font-weight:700; color:#111; padding-left:15px; box-sizing:border-box;}

.pcode1402 .lineup-time > em::before,
.pcode1402 .lineup-reserve > em::before{display:inline-block; width:5px; height:24px; left:0; top:0; background:#ff3e62;}

.pcode1402 .lineup-time{}
.pcode1402 .lineup-time > p{padding-left:5px; font-size:16px; color:#ff3e62; font-weight:100; margin-top:15px;}

.pcode1402 .lineup-time table{width:98%; color:#111; font-size:16px;}
.pcode1402 .lineup-time table caption{display:none;}
.pcode1402 .lineup-time table th, .pcode1402 .lineup-time table td {box-sizing:border-box; padding:6px; text-align:left; }
.pcode1402 .lineup-time table tr th{width:13%; font-weight:700; letter-spacing:-1px;}
.pcode1402 .lineup-time table tr td{font-weight:100;}

.pcode1402 .lineup-reserve{position:relative;}
.pcode1402 .lineup-reserve > a{font-size:44px; font-weight:100; color:#111;}
.pcode1402 .lineup-reserve > a em{font-weight:700; color:#ff3e62;}

.pcode1402 .lineup-reserve .btn-sns{position:absolute; right:0; top:0;}
.pcode1402 .lineup-reserve .btn-sns a{display:inline-block; box-sizing:border-box; width:140px; height:140px; padding-top:90px; float:left; text-align:center; font-size:18px;}
.pcode1402 .lineup-reserve .btn-sns a.naver{color:#fff; background:#4db61a url(/assets/img/web/sub/theme/btn_naver.png) no-repeat center 30px; background-size:50px;}
.pcode1402 .lineup-reserve .btn-sns a.kakao{color:#282517; background:#ffd800 url(/assets/img/web/sub/theme/btn_kakao.png) no-repeat center 30px; background-size:50px;; margin-left:10px;}

.pcode1403 .inner {padding:0; overflow:hidden;}
.pcode1403 .lineup-transport,
.pcode1403 .lineup-transport-image{float:left; width:50%; height:500px; box-sizing:border-box;}

.wrap_controllers, .map_border{display:none;}

.pcode1404 .inner {padding:20px 0; overflow:hidden;}
.pcode1404{width:100%;}
.pcode1404 li{float:left; width:50%; box-sizing:border-box; padding:25px 0 25px 100px; font-size:16px; line-height:1.4em; color:#777;}
.pcode1404 li em{display:block; font-size:22px; color:#111; font-weight:700; margin-bottom:10px;}

.pcode1404 li.bus{background:url(/assets/img/web/sub/theme/btn_bus.png) no-repeat left center; background-size:80px;}
.pcode1404 li.metro{background:url(/assets/img/web/sub/theme/btn_metro.png) no-repeat left center; background-size:80px;}



.pcode1405{width:100%; margin-bottom:60px;}
.pcode1405 .inner {padding:0; overflow:hidden;}
.pcode1405 .car-info,
.pcode1405 .car-map{float:left;height:300px; box-sizing:border-box;}

.pcode1405 .car-info{width:30%; background:#434753;}
.pcode1405 .car-info .txt-group{box-sizing:border-box; font-size:16px; font-weight:100; color:#fff; line-height:24px; padding:50px 35px;}
.pcode1405 .car-info .txt-group em{position:relative; display:block; font-size:24px; font-weight:500; line-height:1.4em; margin-bottom:50px; font-weight:700;}
.pcode1405 .car-info .txt-group em::before{display:inline-block; width:80px; height:1px; background:rgba(255,255,255,0.6); left:0; top:90px;}
.pcode1405 .car-map{width:70%;}