@charset "utf-8";
@import url('middle.css');
/*-----------------------------------------------------------------

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

.simhei {font-family:'simhei', 'sans-serif';}
.Arial {font-family:'Arial', 'simhei', 'sans-serif';}
.YaHei {font-family:'Microsoft YaHei', 'YaHei', 'sans-serif';}
-----------------------------------------------------------------*/

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

기본 스타일

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

    src: local('NanumGothic'), url('../fonts/NanumGothic.eot'),
	url('../fonts/NanumGothic.ttf'),
	url('../fonts/NanumGothic.woff') format('truetype');
	
}

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

    src: local('malgun'), url('../fonts/malgun.eot'),
	url('../fonts/malgun.ttf'),
	url('../fonts/malgun.woff') format('truetype');
	
}

@font-face {   
	font-family: 'NanumSquareR';

    src: local('NanumSquareR'), url('../fonts/malgun.eot'),
	url('../fonts/NanumSquareR.woff.ttf'),
	url('../fonts/NanumSquareR.woff.ttf') format('truetype');
	
}
@import url(http://fonts.googleapis.com/earlyaccess/Nanum Gothic.css);
 
.NanumGothic
{
	font-family			:	'Nanum Gothic' , '나눔고딕' , 'dotum' , 'sans-serif' ;
}

.Malgun
{
	font-family			:	'Malgun Gothic' , '맑은고딕' , 'dotum' , 'sans-serif' ;
}

.NanumSquareR
{
	font-family			:	'NanumSquareR' , '나눔스퀘어' , 'dotum' , 'sans-serif' ;
}

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

.container 
{
	position		:	relative ;
	width				:	980px ;
	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% ;
}

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

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

textarea
{
	resize			:	none ;
}

.hide
{
	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 ;
}

.t03
{
	padding-top		:	3px ;
}

.t05
{
	padding-top		:	5px ;
}

.t10
{
	padding-top		:	10px ;
}

.t20
{
	padding-top		:	20px ;
}

.t30
{
	padding-top		:	30px ;
}

.t40
{
	padding-top		:	40px ;
}

.t50
{
	padding-top		:	50px ;
}

.t100
{
	padding-top		:	100px ;
}

.b10
{
	padding-bottom		:	10px ;
}

.b20
{
	padding-bottom		:	20px ;
}

.b50
{
	padding-bottom		:	50px ;
}

.r10
{
	padding-right		:	10px ;
}

.r20
{
	padding-right		:	20px ;
}


.r50
{
	padding-right		:	50px ;
}


.ml15
{
	margin-left			:	15px ;
}

.ml20
{
	margin-left			:	20px ;
}

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

text color border 스타일

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

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

.line1
{
	border-top	:	1px solid #e5e5e5 ;
}

 
.red
{
	color			:	red ;
}

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



.cont_tit3
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 500;
	font-size		: 18px;
	color			: #222222;
}


.play_relative
{
	position		: relative;
	width			: 560px;

}

.play_images
{
	position		: absolute;
	width			: 100%;
	height			: 100%;
	background		: url('../img/cent/play.png') center center no-repeat rgba(0,0,0, 0.5);
}


.table_01
{
	border-top		: 1px solid #24242c;
}

.table_01 > tbody > tr > th
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-size		: 15px;
	color			: #222222;
	font-weight		: 500;
	text-align		: left;
	line-height		: 75px;
	height			: 75px;
	border-bottom	: 1px solid #dadada;
	background		: #f9f9f9;
	padding-left	: 30px;
}

.table_01 > tbody > tr > td
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-size		: 15px;
	color			: #222222;
	text-align		: left;
	border-bottom	: 1px solid #dadada;
	padding-left	: 20px;
}

.table_01 > tbody > tr > td a
{
	color			: #555555;


}

.table_02
{
	border-top		: 1px solid #24242c;
}

.table_02 tbody th
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-size		: 15px;
	color			: #222222;
	font-weight		: 500;
	text-align		: center;
	line-height		: 26px;
	height			: 75px;
	border-bottom	: 1px solid #dadada;
	background		: #f9f9f9;
}

.table_02 tbody td
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-size		: 15px;
	color			: #222222;
	text-align		: left;
	border-bottom	: 1px solid #dadada;
	border-left	: 1px solid #dadada;
	padding	: 20px 10px;
}

.table_02 tbody td a
{
	color			: #555555;


}

.bord_none { border-left: none!important; }