@charset "utf-8";

/* 서울한강체M */
@font-face {
	font-family:'shm';
	src:url('../font/SeoulHangangM.eot');
	src:url('../font/SeoulHangangM.eot?#iefix') format('embedded-opentype'),
  		url('../font/SeoulHangangM.woff') format('woff');
}

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,
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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video, select { margin: 0; padding: 0; border: 0 none; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1.2; font-family:"Arial", "simsun", "맑은 고딕", "Malgun Gothic", "돋움", Dotum,"돋움체", Dotumche, "굴림", "새굴림", "굴림체", Gulim, New Gulim, Gulimche, "Helvetica Neue", Arial, Helvetica, sans-serif;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

hr {display:none;}
ul li img {vertical-align:top;}

input, select, form {font-family:"Arial", "simsun", "맑은 고딕", "Malgun Gothic", "돋움", Dotum,"돋움체", Dotumche, "굴림", "새굴림", "굴림체", Gulim, New Gulim, Gulimche, "Helvetica Neue", Arial, Helvetica, sans-serif;}

a:link, a:visited, a:active, a:focus { color: #666; text-decoration:none;}
a:hover { color: #666; text-decoration:underline;}


body {font-size:12px; color:#505050;}

.left {float:left;}
.clear, .fix {clear:both;}
.hide {display:none;}
.for-reader {overflow:hidden; height:0px; position:absolute; left:-10000px; line-height:0px; top:0px; width:0px}

#skip-navigation { }
#skip-navigation a { display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center; color:#000; white-space:nowrap;}
#skip-navigation a:focus,
#skip-navigation a:active { height:auto; width:100%; padding:5px; margin-bottom:10px;}

div.container {z-index:10; position:relative; width:1000px; margin:0 auto;}



.header-bg {float:left; width:100%; height:90px; background:#FFF;}
#header {z-index:1000; position:relative; width:1000px; margin:0 auto;}

#header .util {position: absolute; right: 0; top: 15px;}
#header .util li {float: left;  background:url(../images/common/util_line.jpg) no-repeat right 2px; padding: 0 10px; font-family:"돋움",dotum; font-size: 12px;}
#header .util li.last {padding-right: 0; background: none;}

	#header h1 {z-index:10; position:absolute; top:0; left:0;}

	#topmenu {z-index:100; position:absolute; top:48px; right:0px;}
	#topmenu h3 {float:left; font-family:'Arial', 'simsun', 'shm', "맑은 고딕"; font-size:17px;}
	#topmenu h3 a {display:inline-block; height:42px; padding:0 22px; color:#000;}
	#topmenu h3 a.over { height:37px; border-bottom:5px solid #FFBA00; text-decoration:none;}
	#topmenu div.sub-menu {position:absolute; top:42px; left:-319px; width:1000px; height:285px; background:url(../images/common/menu_box.jpg) no-repeat; display: none;}
	#topmenu div.sub-menu ul {float:right; width:770px;}
	#topmenu div.sub-menu ul a:hover {color:#FFBA00;}
	#topmenu div.sub-menu ul li {float:left; width:740px; padding: 15px 0 15px 30px; line-height:120%; border-bottom:1px solid #6A6967;}
	#topmenu div.sub-menu ul li a {float:left; display:inline-block; width:160px; padding:5px 0; font-size:14px; color:#FFF;}
	#topmenu div.sub-menu ul li ul {float:left; width:580px; background:url(../images/common/s_line.jpg) no-repeat 0 6px;}
	#topmenu div.sub-menu ul li ul li {float:left; width:auto; padding:5px 20px; border-bottom:0 none; background:url(../images/common/s_line.jpg) no-repeat right 6px;}
	#topmenu div.sub-menu ul li ul li a {width:auto; padding:0; font-size:14px; color:#CBCBCB;}
	#topmenu div.sub-menu ul li.none {border-bottom:0 none;}
	#topmenu div.sub-menu p.txt {float:left; width:200px; padding:10px 0 0 30px;}
	#topmenu div.sub-menu p.txt strong {line-height:120%; font-size:20px; font-weight:normal; color:#FFF;}
	#topmenu div.sub-menu p.txt img {margin:20px 0 13px 0;}
	#topmenu div.sub-menu p.txt a {display:block; width:170px; font-size:12px; color:#FFF;}
	#topmenu div.sub-menu p.txt2 {position:absolute; bottom:25px; left:260px;}
	#topmenu div.sub1 ul li a {width:200px;}
	#topmenu div.sub5 p.txt a {background-position:right 3px;}

	#header .search-btn {z-index:100; position:absolute; top:40px; right:0;}





#allmenu {display:none; z-index:1000; position:absolute; top:133px; left:0; float:left; width:100%; height:282px; background:url(../images/common/menu_bg.gif) repeat-x 0 0 #000;}
#allmenu div.menu {position:relative; width:1000px; height:282px; margin:0 auto;}
#allmenu div.menu div {float:left; width:156px;}
#allmenu h3 {width:100%; height:52px; border-right:1px solid #999; text-align:center;}
#allmenu ul {width:100%; height:220px; padding-top:10px; border-right:1px solid #333;}
#allmenu ul li {padding-left:20px;}
#allmenu div.menu div.sub1 h3 {border-left:1px solid #999;}
#allmenu div.menu div.sub1 ul {border-left:1px solid #333;}
#allmenu div.menu div.sub1, #allmenu div.menu div.sub5, #allmenu div.menu div.sub6 {width:157px;}
#allmenu ul li a {color:#FFF; font-size:14px; line-height:40px;}
#allmenu .menu-close {z-index:100; position:absolute; top:0; right:0;}




#footer {clear:both; width:100%; height:145px; padding-top:35px; background:#484745; color:#BBB; font-size:14px;}
#footer div {z-index:10; position:relative; width:1000px; margin:0 auto;}
#footer ul {float:left; padding-bottom:22px;}
#footer ul li {float:left; padding:0 10px; background:url(../images/main/tap_line.png) no-repeat 0 3px;}
#footer ul li.none {background:none; padding-left:0;}
#footer ul li a {color:#FFF;}
#footer address {clear:both; font-style:normal; font-size: 14px;}