@charset "utf-8"; 



/*----------------------------------------------------------
								CSS init (CSS 초기화)
---------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/*----------------------------------------------------------
								Basic style sheet
---------------------------------------------------------- */
a {color:#333; text-decoration:none; outline:none; cursor:pointer}
a:link {color:#333; text-decoration:none;}
a:visited {color:#333; text-decoration:none;}
a:hover {color:#333; text-decoration:underline;}
a:active {color:#333; text-decoration:none; }



h1 {
	font-size: 11px;
	text-transform:uppercase;
	/*background-color: #E0A3B7;*/
	background-color: #efefef;
	border-top:1px solid #564b47;
	border-bottom:1px solid #564b47;
	padding:5px 15px;
	margin:0px
}

h2 {
	/*
	font-size:16px;
	font-weight: normal;
	padding: 5px 10px;
	margin:0px;
	*/
	font-size:16px;
	border-left:15px solid #212121; border-bottom:1px solid #a6a6a6;
	padding:0 0 5px 10px; color: #191919;
}

img.download {vertical-align:middle;}

/*
input, textarea, select {
	margin: 0;
	padding: 1px;
	height: 18px;
	font:normal 12px dotum, "돋움", sans-serif;
	font-size: 12px;
	line-height: 22px;
	border-style:solid; border-width:1px; background-color:#ffffff; border-color:#000;
}
*/

/* ie에서 작동안됨 */
/*
select { 
	border: 1px solid black;
}
*/

/*
input.text {
	font:normal 12px dotum, "돋움", sans-serif;
	border: 1px solid black;
	height: 20px;
}

input.butt {
	font:normal 12px dotum, "돋움", sans-serif;
	height: 20px;
	border-style:solid; border-width:1px; background-color:#ffcccc; border-color:#000;
}
*/

select {height:20px; text-align:left; font:normal 12px dotum, "돋움", sans-serif; color:#000; /*border:#707070 1px solid*/}
textarea {font:normal 12px dotum, "돋움", sans-serif;}

/*
input:focus {
	border: 1px solid blue;
}
*/

input.error {
	border: 1px solid red;
}

input, textarea, select {
	margin: 0;
	padding: 1px;
}

input[type=text] {height:16px; border:#707070 1px solid; font:normal 12px dotum, "돋움", sans-serif;}
input[type=file] {height:20px; border:red 0px solid; font:normal 12px dotum, "돋움", sans-serif;}
input[type=radio] {margin:0; padding:0; vertical-align:middle; border:0px; vertical-align:-2px}
input[type=checkbox] {margin:0px 1px 1px -2px; vertical-align: middle; border:0px}

img {border: none;}

/*kdh*/
.blind {overflow:hidden; width:0; height:0; position:absolute; left:0; top:0; font-size:0; line-height:0; }


/********************************************************************************************************************/
/*work setting*/


.font12{font-size:12px;line-height:19px;}
.font14{font-size:14px; line-height:21px;}
.font16{font-size:16px;line-height:23px;}
.font18{font-size:18px; line-height:25px;}

.font20{font-size:20px;word-spacing:-3px; line-height:27px;}
.font24{font-size:24px;word-spacing:-3px; line-height:31px;}
.font28{font-size:28px;word-spacing:-4px; line-height:35px;}
.font32{font-size:32px;word-spacing:-4px; line-height:39px;}
.font36{font-size:36px;word-spacing:-5px; line-height:43px;}
.font40{font-size:40px;word-spacing:-5px; line-height:47px;}



.white{color:#ffffff;}
.black{color:#333333;}

.grey5{color:#555555;}
.grey8{color:#888888;}
.greya{color:#aaaaaa;}
.greyc{color:#cccccc;}
.greyd{color:#dddddd;}
.greye{color:#eeeeee;}
.greyef{color:#efefef;}


.navy_{color:#484f69;}/*전용 칼라설정*/
.yello_{color:#ffef3a;}/*전용 칼라설정*/
.red_{color:#e01622;}/*전용 칼라설정*/
.grey_{color:#e6e9f2;}/*전용 칼라설정*/
.blue_{color:#00a8bb}/*전용 칼라설정*/
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc0000+0,ff0000+49,cc0000+100 */
.redg_{
background: #cc0000; /* Old browsers */
background: -moz-linear-gradient(left, #cc0000 0%, #ff0000 49%, #cc0000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #cc0000 0%,#ff0000 49%,#cc0000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to left, #cc0000 0%,#ff0000 49%,#cc0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */}
/********************************************************************************************************************/