@charset "utf-8"; 

/*
 * --------------------------------------------------------------------------
 * descript : 상담/예약 스타일
 * --------------------------------------------------------------------------
 * version	: 2.0.0
 * author	: Yoodaekyung
 * update	: 2018.11.06
 * email	: eorud0818@naver.com
 * --------------------------------------------------------------------------
 */

/* 상담/예약 -> 카카오톡상담 */

#linup-kakao .inner {padding-top:30px; padding-bottom:30px;}
#linup-kakao .linup-kakao01{width:100%; padding:30px 0 220px; box-sizing:border-box; text-align:center; background:url(/assets/img/mobile/sub/theme/linup_kakao01_bg.jpg) no-repeat center bottom #ffdb31; background-size:100%;}
#linup-kakao .linup-kakao01 img{display:inline-block; width:50px;}
#linup-kakao .linup-kakao01 em{display:block; margin:15px 0 20px 0; font-size:28px; line-height:1.4em; font-weight:700; color:#412424; letter-spacing:-2px;}
#linup-kakao .linup-kakao01 a{display:inline-block; width:260px; height:50px; line-height:50px; border-radius:50px; background:#412424; color:#fff; font-size:16px; text-align:center;}


#linup-kakao .linup-kakao02{position:relative; width:100%; box-sizing:border-box; background:url(/assets/img/mobile/sub/theme/linup_kakao02_bg.jpg) no-repeat center bottom #efefef; background-size:100%;}
#linup-kakao .linup-kakao02 .txt-group{padding:30px 0;}
#linup-kakao .linup-kakao02 .txt-group .txt01{font-size:20px; font-weight:700; text-align:center; margin-bottom:35px; line-height:1.4em;}
#linup-kakao .linup-kakao02 .txt-group ul{display:inline-block; width:100%;}
#linup-kakao .linup-kakao02 .txt-group ul li{float:left; width:calc(50% - 5px); box-sizing:border-box; padding:10px; text-align:center;}
#linup-kakao .linup-kakao02 .txt-group ul li em{position:relative; display:inline-block; width:150px; height:150px; border-radius:200px; padding-top:110px; margin-bottom:15px;  background:#fff; text-align:center; box-sizing:border-box; font-size:18px; color:#111; font-weight:700;}

#linup-kakao .linup-kakao02 .txt-group ul li em::before{display:inline-block; width:100%; height:200px; left:0; top:0;}

#linup-kakao .linup-kakao02 .txt-group ul li.kakao01 em::before{background:url(/assets/img/web/sub/theme/btn_kakao01.png) no-repeat center 10px; background-size:100px;}
#linup-kakao .linup-kakao02 .txt-group ul li.kakao02 em::before{background:url(/assets/img/web/sub/theme/btn_kakao02.png) no-repeat center 15px; background-size:100px;}
#linup-kakao .linup-kakao02 .txt-group ul li.kakao03 em::before{background:url(/assets/img/web/sub/theme/btn_kakao03.png) no-repeat center 10px; background-size:100px;}

#linup-kakao .linup-kakao02 .txt-group ul li span{font-size:15px; line-height:1.4em; color:#555;}

#linup-kakao .linup-kakao02 .txt-group p{clear:both; width:94%; height:40px; line-height:40px; border-radius:40px; background:#fff; margin:20px auto 0 auto; text-align:center; font-size:13px; color:#777;}


#linup-kakao .linup-kakao03{padding:30px 0; text-align:center; background:#ffdb31; text-align:center;}
#linup-kakao .linup-kakao03 em{font-size:20px; line-height:1.5em; font-weight:700; color:#412424; letter-spacing:-2px;}

/* 상담/예약 -> 네이버톡상담 */

#linup-naver .inner {padding-top:30px; padding-bottom:30px;}
#linup-naver .linup-naver01{text-align:center; width:100%; box-sizing:border-box; padding:30px 0 220px 0; background:url(/assets/img/mobile/sub/theme/linup_naver01_bg.jpg) no-repeat center bottom #49c25e; background-size:100%;}
#linup-naver .linup-naver01 img{display:inline-block; width:80px;}
#linup-naver .linup-naver01 em{display:block; margin:15px 0 20px 0; font-size:28px; line-height:1.4em; font-weight:700; color:#fff; letter-spacing:-2px;}
#linup-naver .linup-naver01 a{display:inline-block; width:260px; height:50px; line-height:50px; border-radius:50px; background:#fff; color:#38c763; font-size:16px; text-align:center;}

#linup-naver .linup-naver02{position:relative; width:100%; box-sizing:border-box; background:url(/assets/img/mobile/sub/theme/linup_kakao02_bg.jpg) no-repeat center bottom #efefef; background-size:100%;}
#linup-naver .linup-naver02 .txt-group{padding:30px 0;}
#linup-naver .linup-naver02 .txt-group .txt01{font-size:20px; font-weight:700; text-align:center; margin-bottom:35px; line-height:1.4em;}
#linup-naver .linup-naver02 .txt-group ul{display:inline-block; width:100%;}
#linup-naver .linup-naver02 .txt-group ul li{float:left; width:calc(50% - 5px); box-sizing:border-box; padding:10px; text-align:center;}
#linup-naver .linup-naver02 .txt-group ul li em{position:relative; display:inline-block; width:150px; height:150px; border-radius:200px; padding-top:110px; margin-bottom:15px;  background:#fff; text-align:center; box-sizing:border-box; font-size:18px; color:#111; font-weight:700;}

#linup-naver .linup-naver02 .txt-group ul li em::before{display:inline-block; width:100%; height:200px; left:0; top:0;}

#linup-naver .linup-naver02 .txt-group ul li.naver01 em::before{background:url(/assets/img/web/sub/theme/btn_kakao01.png) no-repeat center 10px; background-size:100px;}
#linup-naver .linup-naver02 .txt-group ul li.naver02 em::before{background:url(/assets/img/web/sub/theme/btn_kakao02.png) no-repeat center 15px; background-size:100px;}
#linup-naver .linup-naver02 .txt-group ul li.naver03 em::before{background:url(/assets/img/web/sub/theme/btn_kakao03.png) no-repeat center 10px; background-size:100px;}

#linup-naver .linup-naver02 .txt-group ul li span{font-size:15px; line-height:1.4em; color:#555;}

#linup-naver .linup-naver02 .txt-group p{clear:both; width:94%; height:40px; line-height:40px; border-radius:40px; background:#fff; margin:20px auto 0 auto; text-align:center; font-size:13px; color:#777;}


#linup-naver .linup-naver03{padding:30px 0; text-align:center; background:#49c25e; text-align:center;}
#linup-naver .linup-naver03 em{font-size:20px; line-height:1.5em; font-weight:700; color:#fff; letter-spacing:-2px;}




/* 상담/예약 -> 리얼모델지원 */

#real-model .inner {padding-top:30px;}
#real-model .obj-group{background:url(/assets/img/mobile/sub/theme/real_model.jpg) no-repeat center top #efefef; background-size:100%; padding:30px 10px; letter-spacing:-1px;}

#real-model .real-model-title{font-size:28px; line-height:1.4em; color:#111;}
#real-model .real-model-title em{display:block; font-size:48px; line-height:1.0em; font-weight:100; color:#ff3e62; font-family: 'Playfair Display', serif;}

#real-model .real-model-help{position:relative; width:100%; padding:50px 0; margin:50px 0;}
#real-model .real-model-help::before{display:inline-block; width:100%; height:5px; background:url(/assets/img/web/sub/theme/pattern01.png) repeat left top; left:0; top:0;}
#real-model .real-model-help::after{display:inline-block; width:100%; height:5px; background:url(/assets/img/web/sub/theme/pattern01.png) repeat left top; left:0; bottom:0;}

#real-model .real-model-help ul{}
#real-model .real-model-help ul li{position:relative; box-sizing:border-box; padding-left:15px; margin-bottom:20px;}
#real-model .real-model-help ul li::before{display:inline-block; width:4px; height:18px; left:0; top:-2px; background:#ff3e62;}
#real-model .real-model-help ul li:last-child{clear:both; float:none; width:100%; margin-bottom:0;}
#real-model .real-model-help ul li > em{display:block; font-size:18px; font-weight:700; color:#111; margin-bottom:10px;}
#real-model .real-model-help ul li span{font-size:15px; font-weight:100; line-height:1.4em;}
#real-model .real-model-help ul li span em{color:#ff3e62;}


#real-model .real-model-process em{position:relative; display:block; font-size:18px; font-weight:700; color:#111; margin-bottom:15px; padding-left:15px;}
#real-model .real-model-process em::before{display:inline-block; width:4px; height:18px; left:0; top:-2px; background:#ff3e62;}
#real-model .real-model-process ul{margin-top:30px;}

#real-model .real-model-process li{position:relative; width:100%; height:150px; padding-bottom:30px; box-sizing:border-box; background:url(/assets/img/mobile/sub/theme/process_arrow.png) no-repeat center 130px;}
#real-model .real-model-process li:last-child{background:none; height:120px; padding-bottom:0;}
#real-model .real-model-process li::before{display:inline-block; width:100%; height:120px; border-radius:200px; background:#fff; border:6px solid #f2b8b8; box-sizing:border-box; left:0; top:0;}

#real-model .real-model-process li.process01::after{display:inline-block; width:150px; height:120px; background:url(/assets/img/web/sub/theme/process01.png) no-repeat center 8px; left:0; top:0; z-index:1;}
#real-model .real-model-process li.process02::after{display:inline-block; width:150px; height:120px; background:url(/assets/img/web/sub/theme/process02.png) no-repeat center 8px; left:0; top:0; z-index:1;}
#real-model .real-model-process li.process03::after{display:inline-block; width:150px; height:120px; background:url(/assets/img/web/sub/theme/process03.png) no-repeat center 8px; left:0; top:0; z-index:1;}
#real-model .real-model-process li.process04::after{display:inline-block; width:150px; height:120px; background:url(/assets/img/web/sub/theme/process04.png) no-repeat center 8px; left:0; top:0; z-index:1;}

#real-model .real-model-process li span{position:relative; display:block; margin-bottom:30px; font-size:16px; line-height:120px; z-index:1; padding-left:140px;}


.real-model-apply{display:block; margin:30px auto; width:300px; line-height:60px; border-radius:70px; background:#ff3e62; text-align:center;}
.real-model-apply a {color:#fff; font-size:18px; }