@charset "utf-8";
/* css by OOparts */


/* 메뉴 start ----------------------------------------------------------------------------------------------- */

#quick_menu {
 position: fixed;
 right: 30px; top: 28%; padding: 6px;
 min-width: 80px;
 z-index: 50;
 transition: all 0.3s;
 border-radius: 10px;
}
#quick_menu .menu_area li {
	/*height:110px;*/
	text-align:center;
	margin-bottom: 20px; border-radius: 10px;
}
#quick_menu .menu_area li a {
	display: block; padding: 52px 12px 12px 12px; font-size: 12px; text-align: center;
}
#quick_menu .menu_area li #qm_online{background: url(../img/quick_b.png) no-repeat 50% -33px;}
#quick_menu .menu_area li #qm_appo{background: url(../img/quick_b.png) no-repeat 50% -124px;}
#quick_menu .menu_area li #qm_kaka{background: url(../img/quick_b.png) no-repeat 50% -211px;}
#quick_menu .menu_area li #qm_blog{background: url(../img/quick_b.png) no-repeat 50% -302px;}

#quick_menu .menu_area li:hover {
	background: rgba(0, 0, 0, 0.2);
}

#quick_menu .menu_area li:hover #qm_online{background: url(../img/quick_w.png) no-repeat 50% -33px;}
#quick_menu .menu_area li:hover #qm_appo{background: url(../img/quick_w.png) no-repeat 50% -124px;}
#quick_menu .menu_area li:hover #qm_kaka{background: url(../img/quick_w.png) no-repeat 50% -211px;}
#quick_menu .menu_area li:hover #qm_blog{background: url(../img/quick_w.png) no-repeat 50% -302px;}


#quick_menu .menu_area p {

}

/* 내용 */
#quick_content {
	position:relative;
	float:left;
	width:446px;
	height:100%;
	/*min-height:935px;*/
	padding-top:50px;
	background:#fff;
	border-left:1px solid #ccc;
	padding:50px 10px 10px;
}
#quick_content .close {
	position:absolute;
	top:10px;
	right:20px;
}
#quick_content .title {
    font-size: 1.5em;
    margin-bottom: 20px;
    position: relative;
    text-align: left;
}
#quick_content .title strong {
    font-weight: 600;
}
#quick_content ul li p {
	text-align:center;
}

/* 카카오상담 */
#quick_content #kakao > p {
	text-align:center;
}

/* 오시는길 */
#quick_content .map_wrap {
	width:100%;
	max-width:900px;
	height:100%;
	max-height:533px; 
	color:#333; 
	position:relative;
	margin:0 auto 50px;
}
#quick_content .map_wrap .map_img {
	height:100%;
	max-height:500px; 
}

#quick_content .map_wrap .map_bottom {
	border-left:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
	box-sizing:border-box;
	box-sizing:border-box;
	background-color:#f9f9f9;
	position:absolute;
	left:0px;
	bottom:-33px;
	max-width:900px;
	width:100%;
	height:33px;
	margin:0 auto;
}
#quick_content .map_wrap .map_icon {
	position:absolute;
	left:12px;
	bottom:-25px;
}
#quick_content .map_wrap .map_btn {
	color: #333;
	font:normal normal 400 12px;
	line-height:15px;
	position:absolute;
	left:28px;
	bottom:-25px;
}