@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);

html,div,body,table,tr,td,th{
	border-collapse: collapse;
	margin:0px;
	padding:0px;
/*	font-family: '맑은 고딕', 'Malgun Gothic', 'Apple Gothic', sans-serif, Tahoma, Verdana;*/
	font-family: 'Nanum Gothic', serif, 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
}
/* placeholder only style */   
input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #aaa;
}

input:-ms-input-placeholder {
	color:#aaa;
}

#floating_bar{
	position:fixed;
	z-index:5;
	width:100%;
	height:55px;
	top:0px;
	display:none;
}


#floating_bar #block{
/*	background:white;*/
	background:#f8f8f8;
	height:50px;
	width:100%;
}
#floating_bar #shadow{
/*	height:5px;
	background:url(/img/floating_shadow.png);
*/
	height:0px;
	border-bottom:1px solid #aaa;
}

#floating_bar .wrap{
	width:1000px;
	height:45px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}
#floating_bar .wrap .logo{
	position:absolute;
	left:0px;
	top:17px;
	height:20px;
	line-height:20px;
	color:#222;
	font-size:12pt;
	font-weight:bold;
}
#floating_bar .wrap .logo span.blue{
	color:#2c6dab;

}


#floating_bar .wrap .favorite{
        position:absolute;
        right:0px;
        top:15px;
        height:20px;
        text-indent:30px;
        line-height:20px;
        color:#222;
        font-size:12pt;
	font-weight:bold;
        background: url(/img/favorite_color.png);
        background-size: 20px 20px;
        background-repeat: no-repeat;
}

#floating_bar .wrap .tel{
        position:absolute;
        top:11px;
	left:50%;
	margin-left:-160px;
        height:28px;
        line-height:29px;
/*        text-indent:38px;*/
        font-size:12pt;
        background: url(/img/phone_icon.png);
        background-size: 23px 23px;
	background-position:105px;
        background-repeat: no-repeat;
        font-weight:bold;
        color:#222;
}
#floating_bar .wrap .tel .num{
	font-size:13pt;
}

div#top_bar{
	background:#3d3d3d;
	cursor:pointer;
}

div#top_bar .wrap{
	width:1000px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

div#top_bar .wrap .favorite{
	position:absolute;
	right:0px;
	top:15px;
	height:20px;
	text-indent:30px;
	line-height:20px;
	color:white;
	font-size:11pt;

	background: url(/img/favorite_white.png);
	background-size: 20px 20px;
	background-repeat: no-repeat;
}

div#top_menu .wrap{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

div#top_menu{
	width:100%;
	height:100px;
	/*border-bottom:1px solid #b0b3b6;*/
	position:relative;
}


div#top_menu .logo{
	width:200px;
	position:relative;
	height:100px;
	cursor:pointer;
}


div#top_menu .logo img{
	position:relative; 
	top:40px;
	left:8px;
	width:32px;
	height:32px;	
}

div#top_menu .logo div.title1{
	position:absolute;
	display:block;
	left:55px;
	top:45px;
	font-size:0px;
}
div#top_menu .logo div.title1 span{
	font-size:18pt;
	font-weight:bold;
	color:#3d3d3d;
}

div#top_menu .logo div.title1 span.blue{
	color:#2c6dab;
}

div#top_menu .logo div.title2{
	font-size:14pt;
	position:absolute;
	display:block;
	left:160px;
	top:50px;
}


div#top_menu .msg{
	position:absolute;
	right:0px;
	top:7px;
	font-size:10.5pt;
}
div#top_menu .tel{
	position:absolute;
	right:0px;
	top:47px;
	height:28px;
	line-height:26px;
	text-indent:38px;
	font-size:17pt;
	background: url(/img/phone_icon.png);
	background-size: 28px 28px;
	background-repeat: no-repeat;
	font-weight:bold;
	color:#3d3d3d;
}


div#top_menu .menu_box{
	position:absolute;
	right:0px;
	top:0px;
	height:100%;
	border-top:solid 4px #688018;
	box-sizing:border-box;
}

div#top_menu .menu_box .menu_btn{
	display:inline-block;
	height:60px;
	line-height:60px;
	padding-left:7px;
	cursor:pointer;
	font-size:12px;
	color:#828587;
	font-weight:normal;
}

div#menu{
/*	background:#f8f4e7; */
}

div#menu .wrap{
	position:relative;
        width:1000px;
        margin-left:auto;
        margin-right:auto;
	border-bottom: 1px solid #aaa;
	background:#f5f5f5;
}

div.grad_left{
	position:absolute;
	left:0px;
	width:0px;
	height:100%;
	top:0px;
/*	background:url(/img/grad_left.png);
	background-repeat:repeat-y;
*/
	z-index:3;
	border-right:1px solid #aaa;
}

div.grad_right{
	position:absolute;
        right:0px;
        width:0px;
        height:100%;
        top:0px;
/*        background:url(/img/grad_right.png);
        background-repeat:repeat-y;
*/
	z-index:3;
	border-left:1px solid #aaa;
}

#menu_city{
	width:100%;
	text-align:center;
	height:50px;
	background:white;
	border-top:3px solid #aaa;
	position:relative;
}

#menu_city img.link{
	position:absolute;
}

#menu_city td.active{
	border-top:3px solid #2c6dab;
}


#menu_city td:hover{
	background:#695b56;
/*      color:#87d475;*/
        cursor:pointer;
	color:white;
}


#menu_desktop{
	width:100%;
	text-align:center;
}

#menu_desktop td{
	vertical-align:top;
	width:20%;
}

#menu_desktop .head{
	background:#2c6dab;
	font-size:12pt;
	line-height:35px;
	color:white;
}
#menu_desktop .head:hover{
	background:#695b56;
/*	color:#87d475;*/
	cursor:pointer;
}

#menu_desktop .sub{
	line-height:32px;
	font-size:11pt;
}

#menu_desktop .sub:hover{
	color:white;
	background:#695b56;
	cursor:pointer;
}

#menu_mobile{
	display:none;
	text-align:center;
}
#menu_mobile .head{
	width:100%;
	background:#2c6dab;
        font-size:16px;
        line-height:37px;
        color:white;
	border-bottom:1px solid white;
}
#menu_mobile .head:hover{
        background:#695b56;
        cursor:pointer;
}

#menu_mobile .sub_container{
	display:none;
}
#menu_mobile .sub{
	line-height:30px;
	border-bottom:1px solid #eee;
}
#menu_mobile .sub:hover{
        color:white;
        background:#695b56;
        cursor:pointer;
}


div#footer{
	color:rgb(134,134,134);
/*	background:rgb(57,60,66);*/
	font-size:12px;
	width:100%;
}

div#footer .menu{
	border-top:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	font-size:14px;
	line-height:38px;
	text-align:center;
}
div#footer .menu .wrap span{
	padding-left:14px;
}


div#footer .wrap{
	position:relative;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	border-top:1px solid #e1e1e1;
	padding-top:10px;
}


div#footer .copyright{
	padding-top:10px;
	padding-bottom:50px;
}

div#footer .copyright .logo{
	width:180px;
	height:66px;
	border-left:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
	position:absolute;
	left:0px;
	top:0px;
} 

div#footer .copyright .box_wrap{
	padding-left:0px;
} 
div#footer .copyright .black{
	color:black !important;
}
div#footer .copyright .box_wrap .line{
	line-height:22px;
	font-size:13px;
}
div#footer .copyright .box_wrap .line span{
	margin-left:10px;
}

@media screen and (max-width:1000px)
{
	#floating_bar .wrap{
		width:100%;
	}
	#floating_bar .wrap .logo{
		left:20px;
	}
	#floating_bar .wrap .logo span.dark:last-child{
		display:none;
	}
	#floating_bar .wrap .favorite{
		right:20px;
	}

	.grad_left,.grad_right{
		display:none;
	}
	div#top_menu{
		height:auto;
	}
	div#top_menu .wrap{
		width:100%;
	}
/*	div#top_menu .logo{
		position:relative;
		left:-30px;
		width:100%;
		text-align:center;
		text-indent:0px;
	}
*/
	div#top_menu .wrap .msg{
		right:10px;
	}
	div#top_menu .wrap .tel{
		right:10px;
	}
	div#top_menu .menu_box{
		position:relative;
		width:100%;
		height:60px;
		display:none;
	}
	div#menu .wrap{
		width:100%;
	}

	div#footer .wrap{
		width:100%;
	}
	div#footer .copyright .logo{
		position:relative;
		width:100%;
		border:0px;
		text-align:center;
		border-bottom:1px solid #e1e1e1;
	}
	div#footer .copyright .box_wrap{
		padding:10px;
	}
	
	div#footer .copyright .box_wrap .line{
		text-align:center;
	}
	div#footer .copyright .box_wrap .line span{
	}
	
	div#top_bar .wrap{
		width:100%;
	}
	
	div#top_bar .wrap .favorite{
		left:50%;
		margin-left:-80px;
		right:auto;
	}
}
@media screen and (max-width:750px)
{
	#floating_bar .wrap .favorite{
		display:none;
	}
}
@media screen and (max-width:550px)
{
        #floating_bar .wrap .logo{
		display:none;
	}
}
@media screen and (max-width:650px)
{

	div#menu .wrap{
		width:100%;
	}	
	#menu_desktop{
		display:none;
	}
	#menu_mobile{
		display:block;
	}


}
@media screen and (max-width:600px)
{
	#top_menu .wrap .logo img{
		display:none;
	}
	#top_menu .wrap .logo .title1{
		left:13px;
		top:35px;
	}
	#top_menu .wrap .logo .title2{
		left:13px;
		top:65px;
	}
	#top_menu .wrap .tel{
		right:20px;
		top:35px;
		text-indent:0px;
		background-size:22px 22px;
		background-position:12px 2px;
	}
	#top_menu .wrap .tel .tel1{
		font-size:14pt;
		display:block;
		margin-left:40px;
	}
	#top_menu .wrap .tel .tel2{
		font-size:16pt;
	}
	#top_menu .wrap .msg{
		width:100%;
		right:auto;
		left:0px;
		font-size:10pt;
		text-align:center;
	}

}