*{max-height: 1000000px;}
html{-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;
-webkit-touch-callout:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-user-select:none;}
a{text-decoration:none;}
body{width:100%; max-width:720px; margin:0px; padding:0; margin:0 auto; font-family:'NanumBarunGothic',sans-serif; font-weight:400;}
/* ======================================================================================================= */
/* 전화상담 TOP */
.top_logo_8 {height:56px; background-color:#3970B7; position:relative;}
.top_logo_left {position:absolute; top:0px; left:0px;}
.top_logo_right {position:absolute; top:0px; right:0px;}
.top_back {
	width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
}
.arrow {
    position: relative;
	flex: 1;
}
.arrow::after {
    position: absolute;
	left: 30%;
    top: -0.5rem;
    content: '';
    width: 0.7rem;
    height: 0.7rem;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    transform: rotate(-135deg);
}

/* ======================================================================================================= */
/* ======================================================================================================= */
/* 전화상담 TOP menu */
.call_menu {width:100%; text-align:center;  height:54px; line-height:54px; font-size:16px; padding-top:3px; display:block; clear:both;}
.call_menu_on {float:left; width:25%; border-bottom:3px solid #3970B7; color:#3970B7;}
.call_menu_off {float:left; width:25%; color:#ccc;}
.call_menu_on2 {float:left; width:25%; border-bottom:3px solid #FF5FA8; color:#FF5FA8;}
.call_menu_on3 {float:left; width:25%; border-bottom:3px solid #00cdcf; color:#00cdcf;}

/* 전화상담 TOP banner */
.call_img {position:relative;}
.call_img_txt {
	position:absolute;
	bottom:12px;
	left:16px;
	color:#fff;
	border-left:3px solid red;}
.call_img_txt_01 {margin-left:12px; font-size:17px; line-height:24px; padding-top:4px;}
.call_img_txt_02 {margin-left:12px; font-size:14px; font-weight:300; line-height:18px;}


/* ======================================================================================================= */
/* ======================================================================================================= */
/* 전화상담 사진+설명 */
.p_box {border-bottom:1px solid #eee; padding:22px 0px 25px 0px; margin:0px 16px 0px 16px; }
.p_box img {float:left; display:block; border-radius:6px;}
.p_say {padding-top:4px; font-size:14px; font-weight:300;  margin-left:108px; line-height:18px; color:#777;
			 overflow:hidden;
			 text-overflow:ellipsis; 
			 display:-webkit-box;
			 -webkit-line-clamp:2;
			 -webkit-box-orient:vertical;
			 word-wrap:break-word;}

.p_name1 {margin-left:108px; display:block; font-size:17px; padding-top:4px; color:#e9714e;} /* 상담가능*/
.p_name2 {margin-left:108px; display:block; font-size:17px; padding-top:4px; color:#3e8627;} /* 상담 중*/
.p_name0 {margin-left:108px; display:block; font-size:17px; padding-top:4px; color:#666;}    /* 부재 중*/
.p_name3 {margin-left:108px; display:block; font-size:17px; padding-top:4px; color:#FF5FA8;}
.p_name4 {margin-left:108px; display:block; font-size:17px; padding-top:4px; color:#00cdcf;}


/* ======================================================================================================= */
/* 전화상담 버튼*/
.p_btn {padding-top:5px; font-size:15px;}

.p_btn_box {display:inline-block; border:1px solid #ccc; padding:9px 4px 7px 4px; font-size:14px; background-color:#f9f9f9; text-align:center; border-radius:6px; margin-left:15px; width:70px; color:#242424;}  /* 프로필보기 */
.p_btn_box1 {display:inline-block; border:1px solid #e9714e; padding:9px 4px 7px 4px; font-size:14px; background-color:#e9714e; text-align:center; border-radius:6px; margin-left:4px; width:70px; color:#fff;} /* 상담가능 */
.p_btn_box2 {display:inline-block; border:1px solid #459a2a; padding:9px 4px 7px 4px; font-size:14px; background-color:#459a2a; text-align:center; border-radius:6px; margin-left:4px; width:70px; color:#fff;} /* 상담 중 */
.p_btn_box0 {display:inline-block; border:1px solid #666; padding:9px 4px 7px 4px; font-size:14px; background-color:#666; text-align:center; border-radius:6px; margin-left:4px; width:70px; color:#fff;}       /* 부재 중 */
.p_btn_box3 {display:inline-block; border:1px solid #FF5FA8; padding:9px 4px 7px 4px; font-size:14px; background-color:#FF5FA8; text-align:center; border-radius:6px; margin-left:4px; width:70px; color:#fff;} /* 상담가능 */
.p_btn_box4 {display:inline-block; border:1px solid #00cdcf; padding:9px 4px 7px 4px; font-size:14px; background-color:#00cdcf; text-align:center; border-radius:6px; margin-left:4px; width:70px; color:#fff;} /* 상담가능 */

.p_field {padding-top:18px; display:block; clear:both;}
.p_field span {padding:4px 4px 2px 4px; font-size:15px; background-color:#eee; color:#555; font-weight:300;}


/* ======================================================================================================= */
/* ======================================================================================================= */
/* 전화상담 선생님 상세페이지*/

.p_photo {border-radius:6px; display:block; margin:0 auto; margin-top:35px}

.p_details {text-align:center; margin-top:20px;}

.p_details_name1 {font-size:17px; color:#e9714e; line-height:32px; font-weight:bold;}
.p_details_name2 {font-size:17px; color:#459a2a; line-height:32px; font-weight:bold;}
.p_details_name0 {font-size:17px; color:#666; line-height:32px; font-weight:bold;}
.p_details_name3 {font-size:17px; color:#FF5FA8; line-height:32px; font-weight:bold;}
.p_details_name4 {font-size:17px; color:#00cdcf; line-height:32px; font-weight:bold;}

.p_details_how {font-size:16px; color:#555; font-weight:300;}


.p_point1 {color:#e9714e; font-weight:400;}
.p_point2 {color:#3e8627; font-weight:400;}
.p_point0 {color:#666; font-weight:400;}
.p_point3 {color:#FF5FA8; font-weight:400;}
.p_point4 {color:#00cdcf; font-weight:400;}


.p_details_btn {text-align:center; margin-top:10px; padding:20px; display:block; clear:both;}

.p_details_btn1 {display:block; margin:0 auto; width:220px; border:1px solid #e9714e; padding:16px 0px 15px 0px; background-color:#e9714e; color:#fff; font-size:17px; border-radius:6px;}
.p_details_btn2 {display:block; margin:0 auto; width:220px; border:1px solid #459a2a; padding:16px 0px 15px 0px; background-color:#459a2a; color:#fff; font-size:17px; border-radius:6px;}
.p_details_btn0 {display:block; margin:0 auto; width:220px; border:1px solid #666; padding:16px 0px 15px 0px; background-color:#666; color:#fff; font-size:17px; border-radius:6px;}
.p_details_btn3 {display:block; margin:0 auto; width:220px; border:1px solid #FF5FA8; padding:16px 0px 15px 0px; background-color:#FF5FA8; color:#fff; font-size:17px; border-radius:6px;}
.p_details_btn4 {display:block; margin:0 auto; width:220px; border:1px solid #00cdcf; padding:16px 0px 15px 0px; background-color:#00cdcf; color:#fff; font-size:17px; border-radius:6px;}

.space_80px {height:80px;}
.space_40px {height:40px;}

.profile {display:block; clear:both; margin:0px 16px 0px 16px;}
.profile p {border-bottom:1px solid #eee; padding-bottom:8px; color:#555;}

.profile_01 {display:block; clear:both; margin:60px 16px 0px 16px;}
.profile_01 p {border-bottom:1px solid #eee; padding-bottom:8px; color:#555;}

.profile_02 {display:block; clear:both; margin:50px 16px 0px 16px;}
.profile_02 p {border-bottom:1px solid #eee; padding-bottom:8px; color:#555;}

.profile_03 {display:block; clear:both; background-color:#f9f9f9; border-top:solid 1px #eee; padding:26px 16px 26px 16px; margin-top:60px;}
.profile_03 p {border-bottom:1px solid #eee; padding-bottom:8px; color:#777; font-size:14px;}

.profile_field {padding-top:18px;}
.profile_field span {padding:4px 4px 3px 4px; font-size:16px; background-color:#eee; color:#555; font-weight:300;}

.profile_field_text {color:#555; font-size:16px; line-height:26px; padding-top:12px; font-weight:300;}
.profile_field_text01 {color:#777; font-size:14px; line-height:24px; padding-top:12px; font-weight:300;}
.point {color:#e9714e;font-weight:400;}








/* ======================================================================================================= */
/* ======================================================================================================= */
/* ======================================================================================================= */
/* 전화상담 안내 팝업창 */
.popup_bg {
    display: none; 
    position: fixed; 
    z-index: 1; 
    padding-top: 60px; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.8); }

.popup-content {
    background-color: #fff;
	border-radius:3px;
    margin: auto;
    width: 92%; }

.popup-content2 {
	position: absolute;
	width: 85%;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
	border-radius: 3px;
    margin: auto;
}

.popup_close { 
	border-top:1px solid #eee; 
	border-radius:0px 0px 3px 3px;
	height:60px;
	line-height:60px;
	text-align:center;
	background-color:#f9f9f9;
	font-size:16px;
	font-weight:bold;
	color:#222; }

.popup_close2 {
	display: flex;
	justify-content: space-evenly;
	margin: 6% 0 5% 0;
	font-size: 17px;
    align-items: center;
}
.popup_close2 .close {
	width: 40%;
    text-align: center;
    padding: 4% 0;
    background-color: #eee;
    border-radius: 5px;
    border: 1px solid #b4b4b4;
}
.popup_close2 .call {
	width: 40%;
	text-align: center;
	padding: 4% 0;
	color: #fff;
    background-color: #FF5FA8;
	border-radius: 5px;
	border: 1px solid #FF5FA8;
}

/* 사업자정보(푸터영역) */
.biz_box {background-color:#262626; color:#ccc; text-align:center; padding:24px 0px 24px 0px; line-height:16px; font-size:11px; font-weight:300;}


/* 상단 네비게이션 영역 (20-04-02 추가) */
.box_width {margin:0 auto;}
.out {display:none;}
#headerWrap {
	display:inline-block;
}
#header {
	height:auto;
	position:relative;
}
#gnb {
	position:relative;
	float:left;
	max-width: 720px;
}
.logo img {
	max-width:100%;
	height:auto;
}
.t_back {
	position:absolute;
	z-index:1;
	width:15%;
	height:100%;
	display:none;
}

.t_back a {
	display:block;
	width:100%;
	height:100%;
}
.t_back img {
	max-width:100%;
	height:auto;
	position:absolute;
	top:30%;
	left:30%;
}
.gnb {
	position:relative;
	float:left;
}
.gnb li {
	float:left;
	width:20%;
	text-align:center;
}

.gnb li a {
	display:block;
	position:relative;
	width:100%;
	height:auto;
}
.gnb li a img {
	max-width:100%;
}


@media screen and (max-width:500px) {
	.t_back img {
		width:19px;
	}
}

@media screen and (max-width:400px) {
	.t_back img {
		width:17px;
	}
}

@media screen and (max-width:360px) {
	.t_back img {
		width:15px;
	}
}