@charset "utf-8";
@import url('top.css');
@import url('middle.css');
@import url('footer.css');
@import url('bbs.css');
@import url(http://fonts.googleapis.com/earlyaccess/Nanum Gothic.css);
/*-----------------------------------------------------------------

http://www.ybyin.com 
2017-11-08

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

@font-face {   
	font-family: 'Nanum Gothic';

    src: local('Nanum Gothic'), url('../fonts/Nanum Gothic.eot'),
	url('../fonts/Nanum Gothic.ttf'),
	url('../fonts/Nanum Gothic.woff') format('truetype');
	
}
/*
* {font-family:'Nanum Gothic', '나눔고딕', 'dotum', 'Arial', 'sans-serif';}
.simhei {font-family:'simhei', 'sans-serif';}
.Arial {font-family:Arial, simhei, sans-serif;}
.YaHei {font-family:Microsoft YaHei, YaHei, sans-serif;}
*/

body
{
	margin				:	0px ; 
	padding			:	0px ;
	overflow-x		:	hidden ;
}

.container 
{
	position			:	relative ;
	width				:	1203px ;
	margin				:	0px auto ;
	
}

form , p , h1 , h2 , h3 , h4 , h5 , h6 , dl , dd , dt
{
	/*display 			:	inline ; */
	margin				:	0px ;
	border				:	0px ;
	padding			:	0px ;
}

img
{
	border				:	none ;
	vertical-align		:	middle ;
}

ul
{
	list-style-type	:	none ; 
	margin				:	0px ;
	border				:	0px ;
	padding			:	0px ;
}

table
{
	border-collapse	:	collapse ;
	width				:	100% ;
}

tr , td
{
	padding			:	0px;
}

input , select , label 
{
	vertical-align		:	middle ;
	margin				:	0px ;
}

input , button , select , textarea
{ /*  Google Chrome  인풋트  라인제거  */
		outline		:	none ;
		padding		:	0px ;
}

textarea
{
	resize				:	none ;
}

.hide ,caption
{
	display			:	none ;
}

ul.noline li
{
	font				:	0/0 arial ;
}

ul.ufl li
{
	float				:	left ;
}

a,
a:hover
{
	text-decoration	:	none ;
}




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

정렬 스타일

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

.al
{
	text-align			:	left!important ;
}

.ac
{
	text-align			:	center!important ;
}

.ar
{
	text-align			:	right!important ;
}

.vt
{
	vertical-align		: top!important ;
}

.vb
{
	vertical-align		: bottom!important ;
}

.fl
{
	float				:	left ;
}

.fr
{
	float				:	right!important ;
}

.cb
{
	clear				:	both ;
}



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

padding 스타일

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

.l03
{
	padding-left		:	3px ;
}

.l05
{
	padding-left		:	5px ;
}

.l10
{
	padding-left		:	10px ;
}

.l20
{
	padding-left		:	20px ;
}

.lm20
{
	margin-left		:	20px ;
}

.rm20
{
	margin-right		:	20px ;
}

.rm21
{
	margin-right		:	21px ;
}

.rm14
{
	margin-right		:	14px ;
}

.l30
{
	padding-left		:	30px ;
}

.l50
{
	padding-left		:	50px ;
}

.t03
{
	padding-top		:	3px ;
}

.t05
{
	padding-top		:	5px ;
}

.t10
{
	padding-top		:	10px ;
}

.t15
{
	padding-top		:	15px ;
}

.t20
{
	padding-top		:	20px ;
}

.t30
{
	padding-top		:	30px ;
}

.t40
{
	padding-top		:	40px ;
}

.t50
{
	padding-top		:	50px ;
}

.t100
{
	padding-top		:	100px ;
}

.t300
{
	padding-top		:	300px ;
}

.b10
{
	padding-bottom	:	10px ;
}

.b20
{
	padding-bottom	:	20px ;
}

.b50
{
	padding-bottom	:	50px ;
}

.r10
{
	padding-right		:	10px ;
}

.r20
{
	padding-right		:	20px ;
}


.ml15
{
	margin-left		:	15px ;
}

.ml20
{
	margin-left		:	20px ;
}

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

text color border 스타일

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

.brd1
{
	border				:	1px solid #cccccc ;
}

.brd1 img
{
	max-width			:	530px;
	max-height			:	530px;
}

.brd2
{
	border				:	2px solid #cccccc ;
}

.line1
{
	border-top		:	3px solid #c3c5c7 ;
}

.line2
{
	border-top		:	1px solid #d3d3d3 ;
}

.line3
{
	border-top		:	1px dashed #cccccc;
}
 
.red
{
	color				:	red ;
}

.clr1
{
	color				:	#0e74b2 ;
}

.clr2
{
	color				:	#4b8aff ;
}

.b
{
	font-weight		:	600!important ;
}