@charset "utf-8";

/* base */
body {font-size:0.75em; line-height:20px; position:relative;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{padding:0;margin:0;}
div, ul, li, table, td, select, span, p, h1, h2, h3, h4, dl, dt, dd{margin:0px; padding:0px;font-size:12px; font-family:Dotum,Dotumche,Verdana; color:#666666; }
ol, ul, li {list-style : none ;}
br {padding-top:4px;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:100%;}
form, fieldset, img {border:0;}
address, caption, em {font-weight:normal;font-style:normal;}

/* anchor */
/* a {selector-dummy: expression (this.hideFocus=true);} */
a {color:#555555;text-decoration:none;}
a:link, a:visited {color:#494949;text-decoration:none;}
a:hover, a:active {color:#3b6deb;text-decoration:none;}

/* accessibility */
#accessibility, .skip, hr, legend , summary {
	position : absolute ;
	width : 0 ; 
	height : 0 ; 
	font-size : 0 ; 
	line-height : 0 ;
	overflow : hidden ; 
	visibility : hidden ;
}

/* Class Selector */
textarea, input, form{margin:0px;padding:0px 0px 0px 3px;font-size:12px;color:#666666;}
/*input{height:18px;padding:0px 0px 0px 3px; border:1px solid #D6D2CE;font-size:12px;color:#666666; vertical-align:middle;} */
input{height:18px;padding:0px 0px 0px 3px; border:1px solid #D6D2CE;font-size:12px;color:#666666;}
form { margin:0; padding:0; }

.input_01{height:16px;border:1px solid #badaeb;background:#dceffb;}
.input_02{height:16px;border:1px solid #E1E1E1;background:#FFFFFF;}
.input_03{height:20px;border:1px solid #E1E1E1;background:#E1E1E1;}
.input_04{height:16px;border:1px solid #E1E1E1;background:#FFFFFF; }
.radio{width:12px;height:12px;margin:0px 3px 3px 0px;border:none; vertical-align:middle; }
.checkbox{width:14px;height:14px;margin:0px 3px 0px 0px;border:none; vertical-align:middle; }
.textarea_01{margin:0px;padding:3px;border:1px solid #cfcfcf;line-height:16px;}

/* //Class Selector */

/* layout */
body {font:.75em gulim, "", dotum, "", sans-serif;color:#494949; background:url(../images/com/bg_body.gif) left top repeat-x; position:relative;}
* HTML .cb {HEIGHT: 1%}

* html #body {
	height: 100%;}
html, body { height: 100%; margin: 0; padding: 0; }

#cb2_line{height:3px;clear:both;line-height:1px; border-bottom:1px solid #CFCFCF;}

/* wrapper */
#wrapper {width:993px; float:left;  margin: 0 0 -140px 0; min-height: 100%;  }
* html #wrapper {height: 100%;}


/* header auto */
#header {float:left; position:relative; display:inline; height:239px; width:993px; background:url(../images/com/bg_topimg.jpg) left top no-repeat; z-index:1; margin:0 auto; }
#header h1 {float:left; width:196px; height:52px; padding:0px; margin-top:24px;}
#header .lnb {position:absolute; top:0px; left:673px; width:320px; height:24px;  z-index:8; }
#header .lnb li {float:left; display:inline; padding:0px;}
/* #header #SUBHEADER_WRAPPER {float:left; height:52px; width:797px;} */

/*  wrapper */
#header .txtbox{left:750px; top:24px; position:absolute; z-index:10;}

/* topmenu */
#header .topmenu {float:left; width:797px; height:52px; margin-top:24px; z-index:9; }
#header .topmenu #mainMenu ul {float:left; display:inline; width:530px; height:29px;}
#header .topmenu #mainMenu li {float:left; display:inline; margin-top:0px;}

#mainMenu .submenu {float:left; display:inline; position:relative; height:25px; margin-top:4px;}

.submenu #submenu1 {float:left; display:inline; padding-left:10px; height:25px; margin:0px; padding-top:4px; }
.submenu #submenu2 {float:left; display:inline; padding-left:45px; height:25px; margin:0px; padding-top:4px; }
.submenu #submenu3 {float:left; display:inline; padding-left:180px; height:25px; margin:0px; padding-top:4px; }
.submenu #submenu4 {float:left; display:inline; padding-left:90px; height:25px; margin:0px; padding-top:4px; }
.submenu #submenu5 {float:left; display:inline; padding-left:290px; height:25px; margin:0px; padding-top:4px; }

.submenu .topsub {float:left; display:inline; height:25px; margin-top:0px; z-index:2; left:240px; }

/* header */
 .sub_top_img{float:right;position: absolute; width:753px; height:163px; left:240px; top:76px; z-index:-3; }


#header .snbtitle{position:absolute; width:438px; height:62px; left:210px; top:180px; z-index:4;}

.topsub a{position:relative;}

/* contents */ 
#container {float:left; display:inline; width:993px; padding: 0 0 149px 0;}

/* contents */
#content {width:797px; margin-top:0px; margin-left:196px; display:inline;}

/* snb */ 
#snb {float:left; display:inline; width:172px; padding:0px; margin:0px 20px 0 0; _margin-right:10px;}
#snb .btnbusiness{width:172px; height:42px; margin-left:14px; margin-top:4px; margin-bottom:0px; padding:0px;}
#snb .old{width:172px; height:30px; margin-left:14px; margin-top:1px; margin-bottom:4px; padding:0px;}


/* 팝업 */
#pop_header {float:left; margin:0 auto; width:100%; height:40px; background-color:#93daec; }
#pop_header .pop_title_image {position:relative; float:left; display:inline; width:100%; height:100%; background:url(../images/com/bg_popup_tit.gif) left top no-repeat; height:40px;}
#pop_header .pop_title_image .pop_title_text {margin-left:30px; margin-top:15px; font-size:1.2em; color:#FFFFFF; font-weight:bold;}

/* 글씨크기조절 */
#Header_TextsizeBox {width:210px; height:18px; margin:0px; float:left; }
#Header_TextsizeBox ul{ width:210px; height:18px;}
#Header_TextsizeBox li{float:left;height:18px;display:inline;  }


/* 왼쪽 bar */
#LeftWrapper {float:left; width:196px; padding:0px 0px 0px 0px; vertical-align:top; background-color:#FFF;}

#Left_Box {float:left; width:196px; height:162px; padding:0px 0px 0px 0px; background:url(../images/login/login_bg.gif) left top no-repeat; border:0;}

#Left_Login {float:left; width:172px; height:129px; padding:24px 0px 0px 14px; }


/*로그인 Box*/

/* input{boder:1px solid #aaa; border-style:inset;} */
.in_code{ background-color:#fff; background:url(../images/com/input_code.gif) no-repeat 5px 2px;}
.in_id{ background-color:#fff; background:url(../images/com/input_id.gif) no-repeat 5px 2px;}
.in_pw{ background-color:#fff; background:url(../images/com/input_pw.gif) no-repeat 5px 2px;}


#Left_Login li {float:left;  display:inline; padding:0px; margin:0px; line-height:0px; font-size:0px; }

#login_tab1{width:86px; height:23px; padding:0px; margin:0px;}
#login_tab2{height:23px; width:86px; padding:0px; margin:0px;}

#logintab{float:left; height:99px; width:172px; display:inline; padding:0px; margin:0px;}

#logintab #pubtxt1{float:left; background:url(../images/login/tab1_bg.gif); height:99px; width:172px;}
#logintab #pubtxt1 dl{ width:142px; height:99px; }
#logintab #pubtxt1 dt{float:left;width:66px; padding:30px 0px 0 15px;}
#logintab #pubtxt1 dd{float:left;padding-top:20px; padding-left:15px;}
#logintab #pubtxt1 dd.pubbtn{float:left;width:123px; padding-left:30px;}

#logintab #pubtxt2 {float:left; background:url(../images/login/tab2_bg.gif); height:99px; width:172px;}
#logintab #pubtxt2 li dl{width:80px; padding:5px 15px 0 10px;}
#logintab #pubtxt2 li dt{float:left; width:80px; height:0px; font-size :0px; line-height:0px; overflow:hidden; visibility:hidden;}
#logintab #pubtxt2 li dd{float:left; width:80px; margin-top:1px; }

#logintab #pubtxt2 li.logbt{float:left; width:53px; height:42px; padding-top:18px;}
#logintab #pubtxt2 li.codese{float:left; width:90px; display:inline; padding:10px 0px 0 10px;}
#logintab #pubtxt2 li.codese input{float:left; display:inline; padding:0px;}


/*로그인후 Box*/
#Left_Login .login { float:left; height:129px; width:172px; background:url(../images/login/bg_loginbox.gif) left top no-repeat; padding:0px;}
#Left_Login .login .narrow{float:left; width:172px; margin-top:24px; font-size:12px; text-align:center;}
#Left_Login .login .narrow .current{font-weight:bold;}
#Left_Login .login .narrow .non-current{vertical-align:middle;}
#Left_Login .login .slip{text-align:center;}
#Left_Login .login .mypage{float:left; display:inline; width:74px; height:18px; margin-top:12px; margin-left:14px;}
#Left_Login .login .logout{ float:left; display:inline; width:64px; height:18px; margin-top:12px; margin-left:4px;} 


/* footer
#footer_wrapper	{WIDTH: 100%;height:140px; clear: both;   position:relative;}
#footerw {BACKGROUND: url(../images/com/footer_bg.gif) repeat-x; WIDTH: 100%; HEIGHT: 140px; TEXT-ALIGN:left;}

#footer_wrapper .footer_menu {LEFT: 5px; POSITION: absolute; margin:30px 0px 0px 250px;}
#footer_wrapper .footer_menu UL {OVERFLOW: hidden}
#footer_wrapper .footer_menu UL LI {FLOAT: left; }
#footer_wrapper .bg_copylogo {float:left; BACKGROUND: url(../images/com/bg_copylogo.gif) no-repeat; width:234px; height:140px;}
#footer_wrapper .copylogo {float:left;width:177px;margin-right:25px;padding:40px 0px 0px 22px;}

#footer_wrapper .copyright .address {FLOAT: left; margin:50px 0px 0px 20px; position:relative; width:480px;}
#footer_wrapper .copyright .rss {position: absolute; left:310px; top:30px;}
.rss li {float:left; display:inline; padding-right:10px; }
#footer_wrapper .copyright .address img {margin:0px 0px 5px 0px;}

#footer_wrapper .copyright .family_site {FLOAT: left; padding:30px 0px 0px 30px; margin:0px;}
#footer_wrapper .copyright .family_site select {font-size:12px;}
#footer_wrapper .copyright .family_site .input_go {width:35px;height:18px;margin:0px;padding:0px;border:none;}
#footer_wrapper .copyright .family_site div {float:left;padding-left:5px;} */

/* new footer */
#footer-hwis {background:url(../images/com/bg_footer_new.gif) repeat-x 0 0;height:41px;clear:both;}
#footer-hwis .footer_area {float:left; background:url(../images/com/bg_footer_new.gif) repeat-x 0 0;width:993px;height:39px;margin:0 auto;position:relative;}
#footer-hwis .footer_area h2 {position:absolute;top:54px;left:60px;}
#footer-hwis .footer_link {position:absolute;top:13px;left:302px;}
#footer-hwis .footer_link li {float:left;}
#footer-hwis .footer_link .bg_none {background:none;}
#footer-hwis .viewer_down {position:absolute;top:12px;right:230px;width:180px;}
#footer-hwis .viewer_down h3 {position:absolute;top:0;left:0;}
#footer-hwis .viewer_down ul {margin-left:53px;}
#footer-hwis .viewer_down li {float:left;padding:0 8px 0 8px;background:url(../images/com/global_line.gif) no-repeat left 0;}
#footer-hwis .viewer_down .bg_none {background:none;padding-left:0;}
#footer-hwis address {position:absolute;top:52px;left:300px;}
#footer-hwis cite {position:absolute;top:84px;left:300px;}
#footer-hwis .family_site {position:absolute;top:12px;right:15px;width:220px;}
#footer-hwis .family_site select {font-size:12px;}
#footer-hwis .family_site .input_go {width:35px;height:18px;margin:0px;padding:0px;border:none;}
#footer-hwis .family_site div {float:left;padding-left:5px;}