@charset "utf-8";

/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
@font-face { 
	font-family:'NanumGothic';
	font-weight:normal;
	font-style:normal;
	src:url('../fonts/NanumGothic.eot');
	src:url('../fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NanumGothic.woff') format('woff'),
	 	url('../fonts/NanumGothic.ttf') format('truetype');
	
}
 
@font-face { 
	font-family:'NanumGothicBold';
	src:url('../fonts/NanumGothicBold.eot');
	src:url('../fonts/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NanumGothicBold.woff') format('woff'),
		url('../fonts/NanumGothicBold.ttf') format('truetype');
}

/* basic Selector */
html {}
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, thead, tbody, tr, th, td, form, fieldset, legend, input, textarea, button {margin:0; padding:0; font-weight:normal;}
body, input, select, div, textarea, table, button {font-size:12px; font-family:나눔고딕, NanumGothic, dotum, Tahoma, arial; color:#454545;}
table {width:100%; border:0; border-spacing:0px; border-collapse:collapse;}
html:first-child select {padding-right:6px; height:20px;} /* Opera 9 & Below Fix */
option {vertical-align:middle;  padding:3px 0;} /* Firefox Fix */
legend {display:none; visibility:hidden;}
img, fieldset, button {vertical-align:middle; border:0;}
ul, ol {list-style:none;}
em, address {font-style:normal;}
hr {display:none; visibility:hidden;}
caption {visibility:hidden; overflow:hidden; top:0; left:0; width:0; height:0; font-size:0; line-height:0;}
input, textarea, button {line-height: 1.2; /* 입력폼에서 춤추지 않는 최소 줄간 1.2 */ vertical-align: middle;}
/*input*/
input[type=text], input[type=password] {background:#ffffff; width:126px; height:17px; padding:4px 0 1px 0; color:#454545; text-indent:7px; vertical-align:middle; border:1px solid #e0e0e0;}
input[type=text], input[type=password] {/* *width:119px; *text-indent:0; *padding-left:6px; */}
textarea {background:#ffffff; width:100%; height:100px; padding:4px 0 1px 0; color:#454545; /* text-indent:7px; *text-indent:0; */ vertical-align:middle; border:1px solid #e0e0e0;}
input[type=text]:hover, input[type=password]:hover, textarea:hover {border:1px solid #89b4d3;}
select {border:1px solid #e0e0e0; height:24px; padding:3px 3px 3px 4px; vertical-align: middle; line-height:24px;}
input[type="file"] {vertical-align:middle; height:22px; width:80%; margin-right:6px;}
input[type="checkbox"],input[type="radio"] { margin:0; padding:0; vertical-align:middle; width:13px; height:13px; line-height:13px;}
label {cursor:pointer;}
a {text-decoration:none;color:#454545;}
a:hover, a:active, a:focus{text-decoration:none;}

/****************************/
/* Common Style             */
/****************************/
.hide {position:absolute; overflow:hidden; top:-9999px; left:-9999px; width:0; height:1px; font-size:0; line-height:0; text-indent:-10000px;}
.blind {position:absolute; left:-1000%; top:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;}
.ir_desc {position:absolute; top:0; left:0; z-index:-1;} /* image replacement */
.fixed {table-layout:fixed;} /* table사이즈를 고정 */
.txt_break {
	/* word-break:break-all !important;word-wrap:break-word !important; */
	word-wrap: break-word !important; /* Internet Explorer 5.5+ */
	white-space: pre-wrap !important; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap !important; /* Opera 4-6 */
	white-space: -o-pre-wrap !important; /* Opera 7 */
	
	} /* td 안에 텍스트 줄바꿈을 시켜줍니다 */

.txt_nowrap {white-space:nowrap;} /* 줄바꿈 없음 */
.ls_m01 {letter-spacing:-1px;} /* Letter spacing */
.ls_nm {letter-spacing:normal !important;}
	
/* clear class */
.clear {clear:both !important;}
.clfix:after {content:'.'; display:block; height:0px; clear:both; visibility:hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* hides from ie-mac */
.clfix {zoom:1;} /*for ie 5.5-7*/

/* skip to content - 메뉴 건너뛰기 */
#skipToContent {position:absolute; width:100%; height:0; z-index:1000;} 
#skipToContent a {display:block; width:1px; height:1px; margin-bottom:-1px; overflow:hidden; text-align:center; color:#000; white-space:nowrap; background:#ed1c24; color:#fff; font-weight:bold; font-size:14px;} 
#skipToContent a:focus, 
#skipToContent a:active {height:auto; width:100%; padding:5px;}

/* custom style */
body {}
#wrap {position:relative; min-width:1024px; margin:0 auto; overflow:hidden;}
#header {position:absolute; width:100%; text-align:center; padding-top:60px; z-index:10;}
#accordion {*zoom:1; overflow:hidden;}
#accordion:after {content:""; display:block; clear:both;}
#accordion li {position:relative; float:left; clear:right; width:33%; left:0; /*overflow:hidden;*/}
#accordion li, #accordion li .bg {background:#80C0E5;}
#accordion li+li, #accordion li+li .bg {background:#B9D31E;}
#accordion li+li+li, #accordion li+li+li .bg {background:#AFB5BE;}
#accordion li .cover {position:absolute; background:#000; /* left:0; right:0; */ width:845px; height:100%; 
opacity:0.4;
-ms-filter:"alpha (opacity=40)"; /*// IE8*/
filter:alpha(opacity = 40); /*// IE6,7*/
-moz-opacity:0.4; /*// Firefox 1.5*/
-khtml-opacity:0.4; /*// Safari 1.x*/
zoom:1;}
#accordion li a {display:block; cursor:pointer;}
#accordion li span {color:#fff;}
#accordion li .bg {position:absolute;}
#accordion li .copyDsc {position:absolute; top:50%; left:40px;}
#accordion li .copyDsc > span {position:relative; display:block; top:0; margin-bottom:10px;}
#accordion li .copyDsc div {position:relative;}
#accordion li .copyDsc div span.mu {font-size:18px;}
#accordion li .copyDsc div dl.on {display:block; position:absolute; top:0; left:0; width:250px;
opacity:0;
-ms-filter:"alpha (opacity=0)"; /*// IE8*/
filter:alpha(opacity = 0); /*// IE6,7*/
-moz-opacity:0; /*// Firefox 1.5*/
-khtml-opacity:0; /*// Safari 1.x*/
zoom:1;}
#accordion li .copyDsc div dl.on dt {font-size:34px; color:#fff;}
#accordion li .copyDsc div dl.on dd {font-size:18px; color:#fff;}
#content .news {position:absolute; width:100%; min-width:1024px; bottom:60px; background:#191919;}
#content .news .news_wrap {max-width:1130px; margin:0 auto; padding:40px 50px;}
#content .news ul {*zoom:1; min-width:1100px;}
#content .news ul:after {content:""; display:block; clear:both;}
#content .news ul li {display:block; float:left; width:14.66%; margin:0 1%; *width:14.5%;}
#content .news ul li .tmb {background:url(../img/tmb_box.png) 0 0 no-repeat; display:block; width:165px; height:76px; text-align:center; margin-bottom:10px;}
#content .news ul li .tmb img {max-width:100%; vertical-align:middle;}
#content .news ul li .date {display:block; margin-bottom:3px; font-family:'Arial'; font-size:11px; color:#666;}
#content .news ul li:hover .date {color:#a0a0a0;}
#content .news ul li p {font-family:'Arial'; font-size:11px; color:#a0a0a0;}

#content .news ul li strong {color:#fff;}
#content .news ul li .qdn {margin-top:10px;}
#content .news ul li .qdn li {background:url(../img/ico_ar_red.gif) 0 50% no-repeat; float:none; width:100%; padding:5px 5px 5px 8px;}
#content .news ul li .qdn li a {color:#999;}
#content .news ul li .qdn li:hover a {color:#fff;}