@charset "utf-8";
/*-----------------------------------------------------------------

http://www.ybyin.com 
2018-03-02

-----------------------------------------------------------------*/

@media screen and (max-width: 768px) {

}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}


@media screen and (max-width: 992px) {
	.pc_b{display:none;}
}

@media (min-width: 992px) {
	.pd_b{display:none;}
}



/*-----------------------------------------------------------------

상단메뉴

-----------------------------------------------------------------*/


/*#time_img
{
	background		:	url('../img/menu/time_bg.jpg') center top ;
}*/


#time_img
{
	background-color:#d5b6a4;
}


#time_img .container
{
	position			:	relative;
}

#time_img .top_guan
{
	position			:	absolute;
	z-index			:	1;
	right				:	0px;
	top				:	0px;
}



#right
{
	position			:	fixed;
	z-index			:	1;
	left				:	50%;
	margin-left: 620px;
	top				:	350px;

}




.gnb
{
	border-bottom	:	1px solid #dddddd;
	background		:	#fff;
	
}

.gnb a
{
	font-family		:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	11px;
	color				:	#747474;
	line-height		:	30px;
	padding-left		:	5px;
	padding-right		:	5px;
}

.gnb .fl a
{
	padding-left		:	10px;
	background		:	url('../img/menu/gnb1_line.jpg') left 5px no-repeat;
}

.gnb a:first-child
{
	background		:	none;
}

h1
{
	float				:	left;
	
}

.gnb .span_1
{
	font-family		:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	11px;
	color				:	#fff;
	background		:	#1b1b1b;
	text-align			:	center;
	width				:	18px;
	height				:	18px;
	display			:	inline-block;
	line-height		:	18px;
	border-radius	:	10px;
}

.cha_gnb ,
.cha_gnb a
{
	font-family			: 'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			: 14px;
	color				:	#454545;
	font-weight			: 600;
	line-height			: 25px;
}




/*-----------------------------------------------------------------

상단메뉴

-----------------------------------------------------------------*/

.s_index_select
{
	position			:	relative;
	display			:	inline-block;
	width				:	100px;
	height				:	43px;
	float				:	left;
}

.s_index_select_btn a
{
	display			:	block;
	font-family		:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	13px;
	color				:	#282829;
	line-height		:	45px;
	padding-left		:	20px;
}

.s_index_select_ul
{
	position			:	absolute;
	top				:	45px;
	width				:	100%;
	border				:	1px solid #dddddd;
	border-bottom	:	0px;
	display			:	none;
}

.s_index_select_ul a
{
	display			:	block;
	font-family		:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	13px;
	color				:	#282829;
	text-align			:	left;
	padding-left		:	15px;
	line-height		:	28px;
	background		:	#fff;
	border-bottom	:	1px solid #dddddd;

}

.s_index_select_ul a:hover
{
	text-decoration	:	none;
	color				:	#282829;
	background		:	#e9e9e9;

}




.top_input
{
	float				:	left;
	width				:	595px;
	border				:	 2px solid #5c6066;
	
}

.top_input input
{
	font-family		:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	13px;
	color				:	#494949;
	font-weight		:	'';
	line-height		:	45px;
	width				:	70%;
	padding-left		:	20px;
	border				:	none;
	height:43px;
}




.top_input2
{
	width				:	300px;
	border				:	 1px solid #5c6066;
}

.top_input2 input
{
	font-family		:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	16px;
	font-weight		:	600;
	line-height		:	35px;
	width				:	60%;
	padding-left		:	20px;
	border				:	 none;
}



.top_input_btn a
{
	font-family		:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	13px;
	font-weight		:	600;
	color				:	#282829;
	line-height		:	20px;
	padding-left		:	10px;
	padding-right		:	8px;
	display			:	inline-block;
	background		:	url('../img/menu/top_input_btn_line.jpg') left center no-repeat;

}



.top_input_btn a:first-child
{
	background		:	none;
	padding-left		:	0px;
}








.index4_sousou
{
	position			:	relative;
	width				:	250px;
	float				:	right;
}

.index4_sousou_tit
{
	font-family		:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	12px;
	font-weight		:	600;
	color				:	#f2681f;
	line-height		:	30px;
	padding-left		:	10px;
	position			:	absolute;
	z-index			:	1;
}

.index4_sousou_bane
{
	font-family		:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	12px;
	font-weight		:	600;
	color				:	#747474;
	line-height		:	21px;
	padding			:	0 10px;
}

.index4_sousou_bane span
{
	background		:	#aaaaaa;
	display			:	inline-block;
	font-family		:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	10px;
	font-weight		:	600;
	color				:	#fff;
	text-align			:	center;
	width				:	16px;
	height				:	17px;
	line-height		:	17px;
	margin-right		:	10px;
}

.index4_sousou_bane font
{
	float				:	right;
	font-family		:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	12px;
	color				:	#747474;
}



.index4_sousou_pup
{
	position			:	absolute;
	display			:	none1;
	width				:	248px;
	height				:	260px;
	border				:	1px solid #dddddd;
	background		:	#fff;
	

}

.index4_sousou_pup_btn1
{
	font-family		:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	11px;
	color				:	#747474;
	line-height		:	30px;
	padding-right		:	10px;

}





















/*								index3.html  상단메뉴   ***/
.top_input_btn2 a
{
	font-family		:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	15px;
	font-weight		:	600;
	color				:	#282829;
	padding-left		:	14px;
	padding-right		:	10px;
	display			:	inline-block;
	background		:	url('../img/menu/top_input_btn_line.jpg') left center no-repeat;

}

.top_input_btn2 a:first-child
{
	background		:	none;
	padding-left		:	0px;
}



.top_input_btn4
{
	border-radius	:	5px;
	background		:	#ff9900;
	width				:	300px;
	height				:	33px;
	border				:	1px solid #ff6600;

}

.top_input_btn4 a
{
	font-family		:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	12px;
	font-weight		:	'';
	color				:	#fff;
	line-height		:	30px;
	
	padding-left		:	12px;
	padding-right		:	8px;
	display			:	inline-block;
	background		:	url('../img/menu/top_input_btn4_line.jpg') left 10px no-repeat;

}

.top_input_btn5
{
	border-radius	:	5px;
	background		:	#247b4b;
	width				:	'';
	height				:	33px;
	border				:	1px solid #1e6b41;

}

.top_input_btn5 a
{
	font-family		:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	12px;
	font-weight		:	'';
	color				:	#fff;
	line-height		:	30px;
	
	padding-left		:	12px;
	padding-right		:	8px;
	display			:	inline-block;
	background		:	url('../img/menu/top_input_btn5_line.jpg') left 10px no-repeat;

}

.top_input_btn5 a:first-child
{
	background		:	none;
}


.top_input_btn6
{
	border-radius	:	5px;
	background		:	#fff;
	width				:	'';
	height				:	33px;
	border				:	1px solid #1e6b41;

}

.top_input_btn6 a
{
	font-family		:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	12px;
	font-weight		:	'';
	color				:	#1e6b41;
	line-height		:	30px;
	
	padding-left		:	12px;
	padding-right		:	8px;
	display			:	inline-block;

}


.top_input_btn4	a:hover,
.top_input_btn5	a:hover
{
	color				:	#fff;
	text-decoration	:	none;

}

.top_input_btn4 a:first-child
{
	background		:	none;
}



header
{
	position			:	relative;
	z-index			:	100;
}

nav,
.nav
{
	border-top		:	1px solid #d4d4d4;
	border-bottom	:	1px solid #ff4f00;
	width				:	100%;
	background		:	#fff;

}






.manNav > li > a
{
	font-family		:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	15px;
	color				:	#282829;
	font-weight		:	600;
	line-height		:	55px;
	padding-left		:	35px;
	padding-right		:	35px;
	display			:	inline-block;
}




/*								index2.html  상단메뉴   ***/

.manNav_1 > li > a
{
	font-family		:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	15px;
	color				:	#282829;
	font-weight		:	600;
	line-height		:	55px;
	padding-left		:	45px;
	padding-right		:	45px;
	display			:	inline-block;
	background		:	url('../img/menu/top_input_btn_line.jpg') left center no-repeat;
}

.manNav_1 > li:first-child > a
{
	background		:	none;
}




.manNav li
{
	position			:	relative;
	z-index			:	1;

}

.manNav .dropMenu
{
	width				:	180px;
	position			:	absolute;
	left				:	50%;
	margin-left		:	-80px;
	display			:	none;
	background		:	#fff;
	border				:	1px solid #cccccc;

}




.manNav .dropMenu  ul ,
.manNav .dropMenu  li 
{
	width				:	100%;
	display			:	block;
}

.manNav .dropMenu  li > a
{
	font-family		:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	14px;
	color				:	#000;
	text-align			:	center;
	line-height		:	34px;
	display			:	block;
}






/*-----------------------------------------------------------------

전체 카테고리

	background		:	url('../img/menu/menu_off.jpg') left top no-repeat;
-----------------------------------------------------------------*/






.manNav2 > a
{
	font-family		:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	15px;
	color				:	#282829;
	font-weight		:	600; 
	line-height		:	55px;
	padding-left		:	30px;
	padding-right		:	20px;
	display			:	inline-block;
}

/*								index2.html  상단메뉴   ***/

.manNav2 > a.cur
{
	font-family		:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	15px;
	color				:	#282829;
	font-weight		:	600; 
	line-height		:	55px;
	padding-left		:	40px;
	padding-right		:	20px;
	display			:	inline-block;
	background		:	url('../img/menu/menu_2off.jpg') left top no-repeat#e5e5e5;
}




.quan_guan
{
	position			:	absolute;
	right				:	0px;
	bottom			:	0px;
	padding			:	20px;
}

.quan_mm 
{
	position			:	absolute;
	top				:	0px; 
	width				:	147px; 
	z-index			:	1; 
	top				:	55px;
	background		:	rgba(25,37,52, 0.8);
	border-left		:	none;
	display			:	none1; 
}

.quan_mm .section 
{
}

.quan_mm .section a
{
	font-family		:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	13px ; 
	color				:	#fff;
	line-height		:	52.3px; 
	text-align			:	center;
	display			:	block;
	border-bottom	:	1px solid #616866;
}















.quan_guan2
{
	position			:	absolute;
	right				:	0px;
	bottom			:	0px;
	padding			:	20px;
}

.quan_mm2
{
	position			:	absolute;
	top				:	0px; 
	width				:	100%; 
	top				:	40px;
	background		:	#fff;
	border				:	1px solid #cccccc;
	border-left		:	none;
	display			:	none;
	z-index:3!important ;
}

.quan_mm2 .section 
{
	padding-bottom	:	40px;
	width				:	16.584%;
	height				:	400px;
	border-left		:	1px solid #cccccc;
	float				:	left;
}


.quan_mm2 .section h2
{
	font-family		:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	13px ; 
	color				:	#000;
	font-weight		:	600;
	line-height		:	60px; 
	padding-left		:	20px;
	display			:	block;
	background		:	#dfdfdf;
	margin-bottom	:	10px;

}

.quan_mm2 .section a
{
	font-family		:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	13px ; 
	color				:	#000;
	line-height		:	40px; 
	padding-left		:	20px;
	font-weight		:	normal;
}










.quan_mm3
{
	position			:	absolute;
	top				:	0px; 
	width				:	100%; 
	z-index			:	2; 
	top				:	55px;
	background		:	#fff;
	border				:	1px solid #cccccc;
	border-left		:	none;
	display			:	none; 
}

.quan_mm3 section 
{
	padding-bottom	:	40px;
	width				:	16.584%;
	height				:	400px;
	border-left		:	1px solid #cccccc;
	float				:	left;
}


.quan_mm3 section h2
{
	font-family		:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	13px ; 
	color				:	#000;
	font-weight		:	600;
	line-height		:	60px; 
	padding-left		:	20px;
	display			:	block;
	background		:	#dfdfdf;
	margin-bottom	:	10px;

}

.quan_mm3 section a
{
	font-family		:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	14px ; 
	color				:	#000;
	line-height		:	40px; 
	padding-left		:	20px;
}









/*-----------------------------------------------------------------

index4.html 메뉴

.header
{
	position			:	relative;
	z-index			:	100;
	height				:	50px;
	background		:	#f26822;

}

#qmenu
{
	position			:	absolute;
	left				:	50%;
	margin-left		:	610px;
	top				:	215px;

}



.header .manNav2 > a
{
	font-family		:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	15px;
	color				:	#fff;
	font-weight		:	600; 
	line-height		:	50px;
	padding-left		:	40px;
	padding-right		:	20px;
	display			:	inline-block;
	background		:	url('../img/menu/menu_off2.jpg') left top no-repeat;
	height				:	50px;
}


.header .manNav2 > a.cur
{
	font-family		:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	15px;
	color				:	#fff;
	font-weight		:	600; 
	line-height		:	50px;
	padding-left		:	40px;
	padding-right		:	20px;
	display			:	inline-block;
	background		:	url('../img/menu/menu_on2.jpg') left top no-repeat#e5e5e5;
	height				:	50px;
}




.header .manNav > li > a
{
	font-family		:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	15px;
	color				:	#fff;
	font-weight		:	600;
	line-height		:	50px;
	padding-left		:	28px;
	padding-right		:	28px;
	display			:	inline-block;
}




.header .quan_mm2
{
	position			:	absolute;
	top				:	0px; 
	width				:	100%; 
	z-index			:	2; 
	top				:	50px;
	background		:	#fff;
	border				:	1px solid #cccccc;
	border-left		:	none;
	display			:	none; 
}

-----------------------------------------------------------------*/

.gnb2
{
}





.manNav4 > li > a
{
	font-family		:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	15px;
	color				:	#282829;
	font-weight		:	600;
	line-height		:	55px;
	padding-left		:	45px;
	padding-right		:	45px;
	display			:	inline-block;
}

.manNav5 > li > a
{
	font-family		:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	15px;
	color				:	#282829;
	font-weight		:	600;
	line-height		:	55px;
	padding-left		:	30px;
	padding-right		:	30px;
	display			:	inline-block;
}

.manNav5_2 > li > a
{
	font-family		:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	15px;
	color				:	#282829;
	font-weight		:	600;
	line-height		:	55px;
	padding-left		:	22px;
	padding-right		:	22px;
	display			:	inline-block;
}

.manNav5_2 .dropMenu
{
	width				:	150px;
	position			:	absolute;
	left				:	50%;
	margin-left		:	-75px;
	display			:	none;
	background		:	#fff;
	border				:	1px solid #cccccc;

}



.index5_btn
{
	font-family		:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	15px;
	color				:	#fff;
	font-weight		:	600; 
	text-align			:	center;
	line-height		:	55px;
	width				:	160px;
	display			:	inline-block;
	background		:	#5c6066;
}


.manNav5_3
{
	font-family		:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	15px;
	color				:	#28282a;
	font-weight		:	600; 
	text-align			:	center;
	line-height		:	55px;
	width				:	270px;
	display			:	inline-block;
	background		:	#f1f1f1;


}



.index4_top
{
	border				:	1px solid #e7e7e7;
	border-radius	:	0px 5px 5px 0;
	
	font-family		:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	12px;
	color				:	#3d3d3d;
	line-height		:	16px;
	text-align			:	right;
	padding			:	4px 13px;
	background		:	#fff;
}


.index4_top font
{
	display			:	inline-block;
	width				:	78px;
}

.index4_top strong
{
	color				:	#fc5300;
	font-weight		:	normal;
}





.index4_top_text
{
	font-family		:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	12px;
	color				:	#3d3d3d;
	line-height		:	16px;
	padding			:	14px 10px 0 14px;
	background		:	#e7e7e7;
	height				:	30px;
	border-radius	:	5px 0 0 5px;
}













/*								s_index.html  상단메뉴   ***/

.manNav_s1 > li > a
{
	font-family		:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	15px;
	color				:	#282829;
	font-weight		:	600;
	line-height		:	55px;
	width				:	201px;
	padding			:	0	0px;
	text-align			:	center;
	display			:	inline-block;
}








.s_quan_mm2
{
	position			:	absolute;
	top				:	0px; 
	width				:	100%; 
	z-index			:	2; 
	top				:	55px;
	background		:	#fff;
	border				:	1px solid #cccccc;
	display			:	none; 
}

.s_quan_mm2 section 
{
	padding-bottom	:	40px;
	width				:	201px;
	height				:	300px;
	float				:	left;
	
}

.s_quan_mm2_w
{
	width				:	190px!important;
	
}

.s_quan_mm2 section a
{
	font-family		:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	14px ; 
	color				:	#000;
	line-height		:	40px; 
}







/*-----------------------------------------------------------------

QUICK  MENU

-----------------------------------------------------------------*/
.quick_menu
{
	position			:	fixed;
	z-index			:	5555557;
	right				:	0px;
	top				:	0px;
	width				:	360px;
	height				:	100%;
	background		:	#fff;
	box-shadow		:	0px 0px 10px #888888;
	display				:none;
}


.quick_menu .container
{
	width				:	auto;
	padding			:	0 30px;
}

.right_guan_div
{
	position			:	absolute;
	left				:	-45px;
	top				:	45%;
	width				:	45px;
}

.right_guan
{
	display			:	block;
	width				:	45px;
	height				:	180px;
	background		:	url('../img/qmenu/btn2.jpg') left center no-repeat#4d4d4d;
}

.right_guan_cur
{
	background		:	url('../img/qmenu/btn1.jpg') left center no-repeat#4d4d4d;
	width				:	45px;
	height				:	180px;
}






.quick_tit
{
	font-family		:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	13px;
	color				:	#313131;
	background		:	url('../img/qmenu/quick_tit_line.jpg') left center repeat-x;
}

.quick_tit span
{
	padding-right		:	10px;
	background		:	#fff;
}

.quick_text
{
	font-family		:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	12px;
	color				:	#494949;
	text-align			:	center;
	line-height		:	25px;
}

.quick_radius_img
{

	border-radius	:	5px;
	border				:	1px solid #cccccc;
}



.quick_btn1
{
	font-family			:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	14px;
	color				:	#fff;
	text-align			:	center;
	line-height			:	50px;
	height			:	50px;
	width: 136px;
	background			: #217346;
	display				: inline-block;

}

.quick_btn2
{
	font-family			:	'Malgun Gothic', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	14px;
	color				:	#fff;
	text-align			:	center;
	line-height			:	50px;
	height			:	50px;
	width: 156px;
	background			: #5c6066;
	display				: inline-block;

}
.quick_btn1:hover,
.quick_btn2:hover
{
	color				:	#fff;

}