/* 
@font-face{
	font-family: 'NanumGothicWeb';
	font-style: normal;
	font-weight: normal;
	src: url('/font/NanumGothic.eot'); 
	src: local(''), url('/font/NanumGothic.woff') format('woff'), url('/font/NanumGothic.ttf') format('truetype');
}
@font-face{
	font-family: 'NanumGothicBold';
	font-style: normal;
	font-weight: normal;
	src: url('/font/NanumGothicBold.eot'); 
	src: local(''), url('/font/NanumGothicBold.woff') format('woff'), url('/font/NanumGothicBold.ttf') format('truetype');
}
@font-face{
	font-family: 'NanumMyeongjoWeb';
	font-style: normal;
	font-weight: normal;
	src: url('/font/NanumMyeongjo.eot'); 
	src: local(''), url('/font/NanumMyeongjo.woff') format('woff'), url('/font/NanumMyeongjo.ttf') format('truetype');
}
 */
³ª´®°íµñ ºÒ·¯¿À±â
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/*

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@font-face {
 font-family: 'NanumGothicWeb';
 src: url('NanumGothic.eot') format('eot'),  IE9 Compat Modes : ¶ó°í ³ª¿ÍÀÖ±ä ÇÏÁö¸¸ ~Àͽº8±îÁö ¸ðµÎ Àû¿ëµÊ 
      url('NanumGothic.woff') format('woff'),  Modern Browsers : Ãֽźê¶ó¿ìÁ®¿¡ Àû¿ë. ÁÖ·Î Àͽº9 ÀÌ»ó ¹öÁ¯ÀÏ°æ¿ì Àû¿ëµÊ 
      url('NanumGothic.ttf')  format('truetype');   Safari, Android, iOS : ±× ¿Ü »çÆĸ®, ÆÄÀ̾îÆø½º, Å©·Ò µî¿¡¼­ Àû¿ëµÊ
 }
* {font-family:NanumGothicWeb, NanumGothic,'³ª´®°íµñ','µ¸¿ò','±¼¸²',Dotum, Helvetica, AppleGothic, Arial, Verdana, sans-serif; }

*/





/* CSS Document */

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */

/* simply add the clearfix class to any containter that must enclose floated elements */

/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {

content: ".";              /* the period is placed on the page as the last thing before the div closes */

display: block;          /* inline elements don't respond to the clear property */ 

height: 0;                  /* ensure the period is not visible */

clear: both;               /* make the container clear the period */

visibility: hidden;      /* further ensures the period is not visible */

}


/* a.clearfix {display: inline-block;}    fix for IE Mac */

 

/* next a fix for the dreaded Guillotine bug in IE6 */

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */ 
/* end of "no-extra-markup" clearing method */ 



/* default style line-height:140%;  font-family:¸¼Àº°íµñ, Dotum, Arial, Verdana, sans-serif; */
html { overflow:scroll; overflow-x:auto; padding:0; margin:0;}
body { height:100%; margin:0; padding:0; color:#666666; font-size:14px; letter-spacing: -1px; font-family:NanumGothicWeb, Nanum Gothic,'³ª´®°íµñ','µ¸¿ò','±¼¸²',Dotum, Helvetica, AppleGothic, Arial, Verdana, sans-serif; font-weight: normal;}
td { margin:0; padding:0; border-collapse: collapse; border-spacing:0;  }
p{margin:0; padding:0; letter-spacing: -1pt;}
ol, ul, li{margin:0; padding:0; list-style:none;}
dl, dt, dd{margin:0; padding:0;}
a:link, a:visited{color:#555; text-decoration:none;}
a:hover, a:active, a:focus{color:#000; text-decoration:none; background:none;}
h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-weight: normal;}

/* table {border-collapse:collapse; border-spacing:0; border:0; line-height:1.8em;}
textarea{padding:10px; font-size:100%;}
.input_text {font-family:µ¸¿ò; font-size:9pt; color:#5E5E5E; margin-top:0; margin-bottom:0;  border: 1px solid #D0D0D0; padding-left:3; line-height:125%; height:20px;}
*/


fieldset{margin:0; padding:0; border:0;}
img{border:0; }
hr, legend{display:none;}

caption { visibility:hidden; text-align:left;}
.skip{position:absolute; top:0; left:-9000px; width:0; height:0; font-size:0; line-height:0;}
.blind {position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; z-index:-1; visibility:hidden;} 


/*.skip a{width:1px; height:1px; margin:-1px 0 0 -1px; line-height:0; font-size:0;}
.skip a:hover,
.skip a:active,
.skip a:focus{width:200px; height:50px; margin:0; line-height:1.2em; font-size:75%;}

input, textarea { border:1px solid #d8d8d8;}
*/

.left { float:left;}
.right { float:right;}
.clear { clear:both;} 





/* ---------- È«ÀÍ °øÅë·¹À̾ƿô------------*/

/* header border:1px solid red; */
#header_wrap { position:absolute; top:0; width:100%; min-width:1120px; height:141px; background:url(../images/common/bg_header.png) repeat-x 0 bottom;}
#header_wrap01 { position:absolute; top:0; width:100%; min-width:1120px; height:74px; background:url(../images/common/bg_header.png) repeat-x 0 top;}
#header {position:relative; width:1004px; margin:0 auto; }
#header h1 { position:absolute; left:50%; margin-left:-109px; top:15px;}

#gnb { overflow:hidden; padding-top:23px; } 
.bookmark { float:left; width:200px;}
.bookmark a {font-weight: bold; letter-spacing: -1px; FONT-WEIGHT: bold; font-family: "Dotum", "Dotumche", "Gulim"; font-size:11px; display:block; background:url(../images/common/bookmark.gif) no-repeat 7px 6px; padding:9px 30px; color:#989898;}
.gnb { overflow:hidden; float:right; font-size:12px; }
.gnb li { font-weight: bold; float:left; background:url('../images/common/line_gnb.gif') no-repeat left 8px;}
.gnb li.first_child { background:none; padding-left:0;}
ul.gnb li a {display:block; padding:5px 10px; color:#ab9d89; } 
ul.gnb li a:hover {display:block; padding:5px 10px; color:#eee; } 

	/* pop_sitemap ¿Ã¸Þ´º */
#pop_sitemap_in { position:relative; width:960px; overflow:hidden; border:2px solid #000; background:#fff; z-index:5000; padding:20px 20px 7px 20px; }	
#pop_sitemap .site_ul { width:790px; overflow:hidden;}
#pop_sitemap .site_ul li { overflow:hidden; float:left; width:180px; height:200px; margin-right:15px;}
div.sitemap_tm { background:#f6f6f6; letter-spacing: -1pt; text-align:center; }
div.sitemap_tm a {color:#fff; font-size:15px; font-weight:bold; display:block; padding:8px 12px 7px 13px;}

#pop_sitemap .site_ul li ul.sitemap_sm li { margin:0; height:32px; cursor:pointer; font-weight:bold; border-bottom:1px dashed #eee;}
.sitemap_sm li a { display:block; padding:10px 0 8px 18px; color:#555; }
.sitemap_sm li a:hover { color:#000; }

#pop_sitemap .site_ul li.pop_sitemap_member { position:absolute; right:4px; top:20px; height:400px;}
#pop_sitemap .site_ul li.pop_sitemap_member .sitemap_tm { background:#bbb; border-bottom:1px solid #bcbcbc;}

.btn_close { position:absolute; right:0; bottom:2px;}
.btn_close a {text-align:center; display:block; width:60px; padding:7px 0 5px 0; font-size:13px; font-weight:bold; color:#000; background:#fefefe;}


	/* ¸Þ´º */
#tnb { float:left; margin-top:20px; position:relative; width:100%;}
.quick_page { position:absolute; top:0; right:0; width:235px; height:40px; margin-top:0px;}
.quick_page p { padding-top:10px; float:left; text-align:center;}
.quick_page p a {font-size:15px;}
#tnb ul.menu { float:left; padding:0 0 0 38px;}
#tnb ul.menu li { float:left; display:block; position:relative; background:url('../images/common/line_tnb.gif') no-repeat left 20px;}
#tnb ul.menu li.first_child { background:none;}
#tnb ul.menu li .jq_tm a { letter-spacing: -1pt; display:block; padding:20px 22px 18px 22px; font-size:18px; color:#191919;}
#tnb ul.menu li .jq_tm a:hover {letter-spacing:-1pt; color:#744519;}

#tnb ul.menu li ul.jq_sm{
	position: absolute;
	left: -20px; 
	top: 48px;
	display: none;
	z-index:3000;
	padding:10px;
}


#tnb ul.menu li ul.jq_sm li {
min-width:136px; display:block; cursor:pointer; font-weight:bold; background:none;}

ul.jq_sm li a{
	display:block; padding:6px 8px 4px 8px; color:#fff; font-size:14px; 
	}

ul.jq_sm li a:hover{
color:#333;
}

.board { font-family:'µ¸¿ò', 'Dotumche',Dotum,dotum; font-size:12px; border: 1px solid #fff; letter-spacing:-1px; }




/* footer */
#footer_wrap { position:relative; width:100%; min-width:1120px; clear:both; padding:0 0 20px 0; background:#dddddd; }
.f_btn { width:100%; height:44px; background:#3a3a3a; border-bottom:1px solid #686868;}
.f_btn ul { overflow:hidden; padding-top:6px; width:380px; margin:0 auto;}
.f_btn li { float:left; background:url('../images/common/line_gnb.gif') no-repeat left 13px; }
.f_btn li a { display:block; padding:10px 10px; color:#ffffff;}
.f_btn li.first_child { background:none; padding-left:0;}

.footer { position:relative; width:1004px; overflow:hidden; margin:0 auto; height:50px; padding:24px 0; }
.logo_footer { float:left; display:block; padding:8px 0 0 16px;}
.address_wrap { position:absolute; right:0; top:27px; width:745px; display:inline-block; font-size:13px; }
.address_wrap address{ font-style:normal; line-height:140%; letter-spacing:-1px; }
.address_wrap address span { margin-left:16px;}