html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
a, address, em, img, strong,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{margin: 0; padding:0; border:0; background:transparent;}

body{font-size:0.75em; line-height:160%; font-family:verdana, Dotum,AppleGothic,sans-serif; color:#666;}

table{border-spacing:0;}
img{border:none; vertical-align:top;}
address, em{font-style:normal;}
ol, ul{list-style:none;}
li,dt,dd{line-height:1em;}

fieldset{display:inline; border:none;}
input.btn{border:none;}
input{font-family:Dotum,AppleGothic,sans-serif; }
input, textarea, select{vertical-align:middle; font-family:inherit; font-size:1em; line-height:1.2em;}
textarea{color:#6d6767;}

hr{position:absolute; width:0; height:0; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; visibility:hidden;}

.blind{position:absolute; width:0; height:0; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; visibility:hidden;}

/* link */
a{color:#6d6767;text-decoration:none;}
a:visited{color:#6d6767;}
a:hover{text-decoration:underline; color:#6d6767;}
a.hwp{padding:1px 0 3px 22px;line-height:16px; background:url('/_ARCHIVES/img/sub/ico_hwp.gif') no-repeat; text-decoration:none;}

/* 인풋박스 */
input.textbox,
textarea.textbox{margin:1px 0; padding:3px; border:1px solid #abadb3; background:#ffffff;}

/* 글꼴, 문장 */
.fsize11{font-size:11px;}
.fwb{font-weight:bold !important;}
.fwn{font-weight:normal !important;}
.fl{float:left !important;}
.fr{float:right !important;}
.tal{text-align:left !important;}
.tar{text-align:right !important;}
.tac{text-align:center !important;}
.newline{display:block;}
.disp_ib{display:inline-block;}
.disp_bl{display:block;}
.vat{vertical-align:top !important;}
.vam{vertical-align:middle !important;}
.vab{vertical-align:bottom !important;}
.extension{height:100%;}
.extension:after{content:""; display:block; float:none; clear:both;}

/* 마진 */
.mgt0{margin-top:0 !important;}
.mgt5{margin-top:5px !important;}
.mgt10{margin-top:10px !important;}
.mgt15{margin-top:15px !important;}
.mgt20{margin-top:20px !important;}
.mgt25{margin-top:25px !important;}
.mgt30{margin-top:30px !important;}
.mgt35{margin-top:35px !important;}
.mgt40{margin-top:40px !important;}
.mgt45{margin-top:45px !important;}
.mgt50{margin-top:50px !important;}
.mgt55{margin-top:55px !important;}
.mgt60{margin-top:60px !important;}
.mgl5{margin-left:5px !important;}
.mgl6{margin-left:6px !important;}
.mgl7{margin-left:7px !important;}
.mgl8{margin-left:8px !important;}
.mgl9{margin-left:9px !important;}
.mgl10{margin-left:10px !important;}
.mgl15{margin-left:15px !important;}
.mgl20{margin-left:25px !important;}
.mgl30{margin-left:30px !important;}
.mgl35{margin-left:35px !important;}
.mgl40{margin-left:40px !important;}
.mgl45{margin-left:45px !important;}
.mgl50{margin-left:50px !important;}
.mgl55{margin-left:55px !important;}
.mgl60{margin-left:60px !important;}
.mgl65{margin-left:65px !important;}
.mgb10{margin-bottom:10px !important;}
.mgb20{margin-bottom:20px !important;}

/* 가로사이즈 */
.w10p{width:10% !important;}
.w15p{width:15% !important;}
.w20p{width:20% !important;}
.w25p{width:25% !important;}
.w30p{width:30% !important;}
.w35p{width:35% !important;}
.w40p{width:40% !important;}
.w45p{width:45% !important;}
.w50p{width:50% !important;}
.w55p{width:55% !important;}
.w60p{width:60% !important;}
.w65p{width:65% !important;}
.w70p{width:70% !important;}
.w75p{width:75% !important;}
.w80p{width:80% !important;}
.w85p{width:85% !important;}
.w90p{width:90% !important;}
.w95p{width:95% !important;}
.w100p{width:100% !important;}


/* layout */
#wrapper{background:#edeae6 url('/_ARCHIVES/img/main/wrapper_bg.gif') repeat-x;}
.subWrapper{background:#fff url('/_ARCHIVES/img/sub/wrapper_bg.gif') repeat-x !important;}
#container{height:100%;}
#container:after{content:""; display:block; float:none; clear:both;}
#header{position:relative; z-index:30; width:980px; height:145px; margin:0 auto; background:url('/_ARCHIVES/img/common/header_bg.gif') 0 40px no-repeat;}
#body{position:relative; z-index:20; width:980px; height:100%; margin:0 auto;}
#body:after{content:""; display:block; float:none; clear:both;}
#footer{position:relative; z-index:10; width:980px; margin:0 auto;}

/* header */
#header div.logo{padding:53px 0 0 56px;}
#header div.headInfo{position:absolute; right:0; top:0; width:100%;}
#header div.headInfo dl.site{position:absolute; right:0; top:0; height:35px; border-left:1px solid #50525c; border-right:1px solid #898994;}
#header div.headInfo dl.site dd{float:left; height:35px;}
#header div.headInfo div.util{position:absolute; display:inline; right:0; top:60px; width:695px;}
#header div.headInfo div.util dl{display:inline; float:right; margin:8px 0 0 0;}
#header div.headInfo div.util dl dd{display:inline; float:left; height:10px; margin:0 0 0 5px; padding:0 0 0 5px; border-left:1px solid #60463d;}
#header div.headInfo div.util dl dd.first{border-left:0;}

#header div.headInfo form.search{float:left;}
#header div.headInfo form.search input.textbox{width:282px; height:22px; margin:0; padding:0; line-height:22px; text-indent:5px; border:4px solid #352c25;}

div.mainMenu{position:absolute; left:0; top:110px; height:40px;}
#head_menu{}
#head_menu li{position:relative; z-index:999; float:left;}
#head_menu li div.submenu{position:absolute; left:0; top:0; display:none; left:0; top:40px; width:242px; margin:0; padding:10px 0;  background:url('/_ARCHIVES/img/common/submenu_bg.png'); border:1px solid #7a5e4b; border-top:0;}
#head_menu li div.submenu ul{height:100%; margin:0;}
#head_menu li div.submenu ul:after{content:""; display:block; float:none; clear:both;}
#head_menu li div.submenu ul li{width:100%; margin:0; padding:0;}
#head_menu li div.submenu ul li a{display:block; margin:0; padding:6px 0 4px 92px; line-height:16px; background:url('/_ARCHIVES/img/common/topmenu_li_bu.gif') 83px 10px no-repeat;} 



/* footer */
div.footerBg{width:100%; height:120px; margin:0 0 -120px 0; background:#f4f4f4; border-top:1px solid #ccc;}
#footer div.logo{position:absolute; left:20px; top:35px; width:150px;}
#footer div.guide{position:absolute; left:175px; top:25px; }
#footer div.guide ul{height:100%;}
#footer div.guide ul:after{content:""; display:block; float:none; clear:both;}
#footer div.guide ul li{float:left; margin:0 5px 0 0; padding:0 0 0 5px; line-height:14px; font-size:11px; background:url('/_ARCHIVES/img/common/guide_line.gif') 0 1px no-repeat;}
#footer div.guide ul li.first{padding:0; background:none;}
#footer div.guide ul li a{color:#666;}
#footer address{margin:7px 0 0 0; font-size:11px; color:#999;}
#footer p.copyright{font:11px tahoma; color:#999; letter-spacing:0;}
#footer div.etc{position:absolute; right:10px; top:20px;}
#footer div.etc img{display:inline; float:left; margin:0 0 0 5px;}



.shadow {
	-moz-box-shadow: 2px 2px 3px #cccccc;
	-webkit-box-shadow: 2px 2px 3px #cccccc;
	box-shadow: 2px 2px 3px #cccccc;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#cccccc')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#cccccc');
}

/* Button Reset */
.button,
.button a,
.button button,
.button input { position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; white-space:nowrap; background:url(http://may18.easesoft.kr/_KOR518/img/sub/button_white.gif) no-repeat; overflow:visible; color:#333; letter-spacing:-1px;}
.button { height:23px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}
.button a,
.button button,
.button input{ left:2px; vertical-align:top; cursor:pointer;}

/* Button Size */
.button { height:29px; background-position:left -30px; }
.button.xLarge { height:35px; background-position:left -65px; }
.button.small { height:18px; background-position:left -107px; }
.button a,
.button button,
.button input { height:30px; padding:0 10px 0 8px; font-size:12px; color:#666; font-weight:bold; line-height:29px; background-position:right -30px;}
.button.large a,
.button.large button,
.button.large input { height:30px; padding:0 10px 0 8px; font-size:12px; line-height:29px; background-position:right -30px;}
.button.xLarge a,
.button.xLarge button,
.button.xLarge input { height:35px; padding:0 20px 0 18px; font-size:12px; line-height:35px; background-position:right -65px;}
.button.small a,
.button.small button,
.button.small input { height:18px; padding:0 6px 0 4px; font-size:11px; line-height:18px; background-position:right -107px;}

/* Button Text Color */
.button.green,
.button.green a,
.button.green button,
.button.green input { background-image:url(http://naradesign.net/open_content/reference/button/img/buttonGreen.gif); color:#fff;}
.button.green *:hover,
.button.green *:active,
.button.green *:focus{ color:#ff0;}
.button.black,
.button.black a,
.button.black button,
.button.black input { background-image:url(http://may18.easesoft.kr/_KOR518/img/sub/button_black.gif); color:#fff !important;}
.button.black *:hover,
.button.black *:active,
.button.black *:focus{}
.button.orange,
.button.orange a,
.button.orange button,
.button.orange input { background-image:url(http://may18.easesoft.kr/_KOR518/img/sub/button_orange.gif);}
.button.orange *:hover,
.button.orange *:active,
.button.orange *:focus{}
.button.blue,
.button.blue a,
.button.blue button,
.button.blue input { background-image:url(http://naradesign.net/open_content/reference/button/img/buttonBlue.gif); color:#fff;}
.button.blue *:hover,
.button.blue *:active,
.button.blue *:focus{ color:#ff0;}

/* Button Text Strong */
.button.strong * { font-weight:bold !important;}