/* body, td, p, input, button, textarea, select, .c1 { font-family:Tahoma,굴림; font-size:9pt; color:#222222; } form { margin:0px; } img {border:0px;} a:link, a:visited, a:active { text-decoration:none; color:#466C8A; } a:hover { text-decoration:underline; } a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#454545; } a.menu:hover { text-decoration:none; } .member {font-weight:bold;color:#888888;} .guest {font-weight:normal;color:#888888;} .lh { line-height: 150%; } .jt { text-align:justify; } .li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; } .ul { list-style-type:square; color:#66AEAD; } .ct { font-family: Verdana, 굴림; color:#222222; } .ed { border:1px solid #CCCCCC; } .tx { border:1px solid #CCCCCC; } .small { font-size:8pt; font-family:돋움; } .cloudy, a.cloudy {color:#888888;} /* 흐림 */ input.ed { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; } input.ed_password { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; font:10px Tahoma; } textarea.tx { border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px; }h */ html, body {width: 100%;height:100%;margin: 0;padding: 0;} body {-webkit-text-size-adjust:none;margin:0;padding:0;font-size:0.75em;line-height:1.5;color:#878787; word-spacing:-1px;height:100%;font-family:NanumGothic, "나눔고딕";} /* inline */ img {display:inline-block;border:0 none;} a, cite, code, dfn, del, em, ins, label, q, span, strong {display:inline-block;vertical-align:middle;} cite, em, dfn {font-style:normal;} sub {vertical-align:bottom;font-family:helvetica;} sup {vertical-align:top;font-family:helvetica;} hr {display:none;} /* block */ h1, h2, h3, h4, h5, h6 {margin:0;font-size:1em;} address {font-style:normal;} blockquote, p {margin:0;} pre {margin:0;font-size:1em;} /* table */ table {border-collapse:separate;border-spacing:0;border-collapse:collapse;} caption {display:none;} th, td {padding:0;vertical-align:top;text-align:left;font-weight:normal;} /* opara height=18px */ /* list */ dd, dl, ol, ul {margin:0;padding:0;} li {list-style-type:none;} /* form */ form {margin:0;} fieldset {margin:0;padding:0;border:0 none;} legend {display:none;} input {vertical-align:middle;font-size:12px;} input.text {font-size:12px;height:18px;line-height:1;border:1px solid #cccccc;} input.check, input.radio {width:13px;height:13px;margin:2px 7px 0 0;padding:0;border:0;} .msie6 input.text, .msie7 input.text {margin:0 0 -1px 0;} @charset "euc-kr"; body {background: #ffffff;} /* layout */ #wrapper {width:100%;clear:both;} #header {width:100%;position:relative;} #footer {background: url(/images/bg_repeat2.gif) repeat-x; width:100%; height:182px;clear:both;} .top-area {height:61px;width:900px;margin:0 auto;position:relative;} .main_banner01 {width:290px; height:190px; background: url(/images/main_banner_bg.jpg) no-repeat;} .gnb-area {position:absolute;top:27px;right:0px;} .gnb-area .gnb li {float:left;margin-right:16px;font-size:0;line-height:0;} .submenu-area {position:relative;} .submn-area {clear:both;width:100%; background:url(http://img.engdangi.com/images/common/bg_repeat_x2.gif) repeat-x top;z-index:3; height:30px; padding-top:10px;} .submn-area .member-area {float:left;width:272px; } /* 우측 서브메뉴가 와 나누어서 사용되는 영역 로그인 영역... */ /*.submn-baciearea .sub-gnb {width:500px;float:right;position:relative;}*/ .submn-baciearea .sub-gnb {width:518px;float:right;position:relative; font-weight:bold;} .submn-baciearea .sub-gnb .nav {float:right;padding-top:0px; margin-right:355px; display:inline; *padding-top:0px;} .submn-baciearea .sub-gnb .nav li {float:left;margin-right:10px;position:relative;letter-spacing:-0.02em;font-weight:bold;line-height:140%; margin-top:-2px; *padding:0px 0px 17px 0px; *margin-top:-9px;} .submn-baciearea .sub-gnb .nav li a {color:#fff;display:inline-block; height:12px; padding:0px 8px 16px 8px; margin-top:-3px; *margin-top:0px; *padding:24px 8px 16px 8px; z-index:500; } .submn-baciearea .sub-gnb .nav li a.active {background: url(http://img.engdangi.com/images/common/bg_sgnb_on.gif) no-repeat center top; margin-top:-25px; height:12px; padding:22px 8px 16px 8px; *margin-top:-1px; } .submn-baciearea .sub-gnb .nav li a.active_p {background: url(http://img.engdangi.com/images/common/bg_sgnb_on2.gif) no-repeat center top; margin-top:-24px; height:12px; padding:22px 8px 16px 8px; *margin-top:0px; } .submn-baciearea .sub-gnb {width:518px;float:right;position:relative; font-weight:bold;} .submn-baciearea .sub-gnb .nav1 {float:right;padding-top:0px; margin-right:60px; display:inline; *padding-top:0px;} .submn-baciearea .sub-gnb .nav1 li {float:left;margin-right:10px;position:relative;letter-spacing:-0.02em;font-weight:bold;line-height:140%; margin-top:-2px; *padding:0px 0px 17px 0px; *margin-top:-9px;} .submn-baciearea .sub-gnb .nav1 li a {color:#fff;display:inline-block; height:12px; padding:0px 8px 16px 8px; margin-top:-3px; *margin-top:0px; *padding:24px 8px 16px 8px; z-index:500; } .msie6 .submn-baciearea .sub-gnb .nav1 li a.active_p {background: url(http://img.engdangi.com/images/common/bg_sgnb_on2.gif) no-repeat center top; margin-top:-25px;height:12px; padding:0px 0px 0px 0px; } .submn-baciearea .sub-gnb .nav2 {float:right; padding-top:17px; *padding-top:0px;} .submn-baciearea .sub-gnb .nav2 li {float:left;margin-right:3px;position:relative;letter-spacing:-0.02em;font-weight:bold;line-height:140%; margin-top:-2px; *padding:0px 0px 17px 0px; *margin-top:-9px; } .submn-baciearea .sub-gnb .nav2 li a {color:#fff;display:inline-block; height:12px; padding:0px 8px 16px 8px; margin-top:-3px; *margin-top:0px; *padding:24px 8px 16px 8px; z-index:500; } .submn-baciearea .sub-gnb .nav2 li a.active {background: url(http://img.engdangi.com/images/common/bg_sgnb_on.gif) no-repeat center top; margin-top:-25px; height:12px; padding:22px 8px 16px 8px; *margin-top:-1px;} .submn-baciearea .sub-gnb .nav2 li a.active_p {background: url(http://img.engdangi.com/images/common/bg_sgnb_on2.gif) no-repeat center top; margin-top:-24px; height:12px; padding:22px 8px 16px 8px; *margin-top:0px;} /*.submn-baciearea .sub-gnb .nav3 {float:right; padding-top:17px; width:567px;} width가 들어가면서 우측정렬된것이 좌측으로 밀린다. */ .submn-baciearea .sub-gnb .nav3 {float:right; padding-top:17px; *padding-top:0px;} .submn-baciearea .sub-gnb .nav3 li {float:left;margin-right:0px;position:relative;letter-spacing:-0.02em;font-weight:bold;line-height:140%; margin-top:-2px; *padding:0px 0px 17px 0px; *margin-top:-9px; } .submn-baciearea .sub-gnb .nav3 li a {color:#fff;display:inline-block; height:12px; padding:0px 2px 16px 8px; margin-top:-3px; *margin-top:0px; *padding:24px 2px 16px 8px; z-index:500; } .submn-baciearea .sub-gnb .nav3 li a.active {background: url(http://img.engdangi.com/images/common/bg_sgnb_on.gif) no-repeat center top; margin-top:-25px; height:12px; padding:22px 8px 16px 8px; *margin-top:-1px; } .submn-baciearea .sub-gnb .nav3 li a.active_p {background: url(http://img.engdangi.com/images/common/bg_sgnb_on2.gif) no-repeat center top; margin-top:-24px; height:12px; padding:22px 8px 16px 8px; *margin-top:0px;} /*.submn-baciearea .sub-gnb .nav4 {float:right;padding-top:17px; width:567px; z-index:100;}*/ .submn-baciearea .sub-gnb .nav4 {float:right;padding-top:17px; *padding-top:0px;} .submn-baciearea .sub-gnb .nav4 li {float:left;margin-right:0px;position:relative;letter-spacing:-0.02em;font-weight:bold;line-height:140%; margin-top:-2px; *padding:0px 0px 17px 0px; *margin-top:-9px; } .submn-baciearea .sub-gnb .nav4 li a {color:#fff;display:inline-block; height:12px; padding:0px 5px 16px 5px; margin-top:-3px; *margin-top:0px; *padding:24px 2px 16px 8px; z-index:500;} .submn-baciearea .sub-gnb .nav4 li a.active {background: url(http://img.engdangi.com/images/common/bg_sgnb_on.gif) no-repeat center top; margin-top:-25px; height:12px; padding:22px 5px 16px 5px; *margin-top:-1px;} .submn-baciearea .sub-gnb .nav4 li a.active_p {background: url(http://img.engdangi.com/images/common/bg_sgnb_on2.gif) no-repeat center top; margin-top:-24px; height:12px; padding:22px 5px 16px 5px; *margin-top:0px;} .point_arrow1 {background: url(http://img.engdangi.com/images/common/bg_sgnb_point.gif) no-repeat center top; position:absolute; right:302px; top:-9px; width:11px; height:9px; } .point_arrow2 {background: url(http://img.engdangi.com/images/common/bg_sgnb_point.gif) no-repeat center top; position:absolute; right:235px; top:-9px; width:11px; height:9px; } .point_arrow3 {background: url(http://img.engdangi.com/images/common/bg_sgnb_point.gif) no-repeat center top; position:absolute; right:160px; top:-9px; width:11px; height:9px; } .point_arrow4 {background: url(http://img.engdangi.com/images/common/bg_sgnb_point.gif) no-repeat center top; position:absolute; right:95px; top:-9px; width:11px; height:9px; z-index:1; } .point_arrow5 {background: url(http://img.engdangi.com/images/common/bg_sgnb_point.gif) no-repeat center top; position:absolute; right:25px; top:-9px; width:11px; height:9px; } .member-area .login-after {padding-top:0px;} .member-area .login-after li {margin-right:8px;font-size:12px;} .member-area .login-after li.msg {padding-top:0px;} .member-area .login-after li.name {color:#ffffff;padding-top:0px; } .member-area .login-after li.txt_ccc a {color:#cccccc;margin-top:-4px; margin-top:-7px;} .member-area .login-after li a {padding-top:0px;margin-top:0px;} .submn-extendarea {z-index:500;width:100%;margin:-10px auto;height:50px;background: url(http://img.engdangi.com/images/common/bg_extend2.gif) repeat-x bottom; *margin:0px auto;} .submn-extendarea .join-area {float:left;width:400px;height:25px;position:absolute;z-index:500;} .submn-extendarea .join-area .id {width:120px;height:25px;background: url(http://img.engdangi.com/images/common/bg_input_box.gif) no-repeat;z-index:500;} .submn-extendarea .join-area .id input {float:left;border:0px;background: none;width:90%;margin:2px 0 0 2px;height:16px;z-index:500;} .submn-extendarea .join-area .pw {width:120px;height:25px;background: url(http://img.engdangi.com/images/common/bg_input_box.gif) no-repeat;margin-left:8px;} .submn-extendarea .join-area .pw input {float:left;border:0px;background: none;width:90%;margin:2px 0 0 2px;height:16px;} .submn-extendarea .join-area .btn {margin-left:7px;padding-top:2px;} .submn-extendarea .login-helptxt {position:absolute;z-index:500;right:0px;top:2px;letter-spacing:-0.02em;font-weight:bold;} .submn-extendarea .login-helptxt a {color:#999;} .submn-extendarea .login-helptxt .idpw_vline {width:5px; height:8px; border-right:1px solid #5c5a5a; margin-right:5px;} .bottom-joinform {clear:both;position:relative;height:20px;z-index:1000;width:800px;margin:0 auto;} /* New GNB by Kusac. 2012-01-31 15:36 */ #header {width:100%;position:relative; background:url(/images/bg_repeat.gif) repeat-x top;} #gnb_ie6 {display:none;} #gnb_standard .top-area {width:900px; height:58px; margin:0 auto;position:relative;} #gnb_standard .gnbmenu {float:left; width:900px; height:22px; margin:0px 0 0px 0; position:relative; margin:0; z-index:100; text-align:right;} #gnb_standard .gnbmenu ul {padding:0; margin:0; list-style-type: none; float:left; } #gnb_standard .gnbmenu ul li {float:left; text-align:left; _width:71px;} #gnb_standard .gnbmenu ul li a, .menu ul li a:visited {display:block; text-decoration:none; } #gnb_standard .gnbmenu table {border-collapse:collapse; margin:0; padding:0; font-size:1em;} #gnb_standard .gnbmenu ul li ul {visibility:hidden; position:absolute; top:20px; right:0; height:100px; float:left;} #gnb_standard .gnbmenu ul li ul.nav1 {padding-right:640px;} #gnb_standard .gnbmenu ul li ul.nav2 {padding-right:440px;} #gnb_standard .gnbmenu ul li ul.nav3 {padding-right:345px;} #gnb_standard .gnbmenu ul li ul.nav4 {padding-right:27px;} #gnb_standard .gnbmenu ul li ul.nav5 {padding-right:20px;} #gnb_standard .gnbmenu ul li ul.nav6 {padding-right:0px;} #gnb_standard .gnbmenu ul li ul li {padding-top:10px; padding-left:10px; height:40px; _padding-top:10px; _padding-right:0px; _height:30px; _width:65px;} #gnb_standard .gnbmenu ul li:hover a, .gnbmenu ul li a:hover {color:#999999;} #gnb_standard .gnbmenu ul li:hover ul, .gnbmenu ul li a:hover ul {visibility:visible; color:#999999; z-index:500;} #gnb_standard .gnbmenu ul li a img {display:block;} #gnb_standard .gnbmenu ul li a img.rollover {display:none;} #gnb_standard .gnbmenu ul li:hover img, .gnbmenu ul li a:hover img {display:none;} #gnb_standard .gnbmenu ul li:hover img.rollover, .gnbmenu ul li a:hover img.rollover {display:block;} #gnb_standard .gnbmenu ul .nav1 li a img {display:block;} #gnb_standard .gnbmenu ul .nav1 li a img.rollover {display:none;} #gnb_standard .gnbmenu ul .nav1 li :hover img, .gnbmenu ul .nav1 li a:hover img {display:none;} #gnb_standard .gnbmenu ul .nav1 li :hover img.rollover, .gnbmenu ul .nav1 li a:hover img.rollover {display:block;} #gnb_standard .gnbmenu ul .nav2 li a img {display:block;} #gnb_standard .gnbmenu ul .nav2 li a img.rollover {display:none;} #gnb_standard .gnbmenu ul .nav2 li :hover img, .gnbmenu ul .nav1 li a:hover img {display:none;} #gnb_standard .gnbmenu ul .nav2 li :hover img.rollover, .gnbmenu ul .nav1 li a:hover img.rollover {display:block;} #gnb_standard .gnbmenu ul .nav3 li a img {display:block;} #gnb_standard .gnbmenu ul .nav3 li a img.rollover {display:none;} #gnb_standard .gnbmenu ul .nav3 li :hover img, .gnbmenu ul .nav1 li a:hover img {display:none;} #gnb_standard .gnbmenu ul .nav3 li :hover img.rollover, .gnbmenu ul .nav1 li a:hover img.rollover {display:block;} #gnb_standard .gnbmenu ul .nav4 li a img {display:block;} #gnb_standard .gnbmenu ul .nav4 li a img.rollover {display:none;} #gnb_standard .gnbmenu ul .nav4 li :hover img, .gnbmenu ul .nav1 li a:hover img {display:none;} #gnb_standard .gnbmenu ul .nav4 li :hover img.rollover, .gnbmenu ul .nav1 li a:hover img.rollover {display:block;} #gnb_standard .gnbmenu ul .nav5 li a img {display:block;} #gnb_standard .gnbmenu ul .nav5 li a img.rollover {display:none;} #gnb_standard .gnbmenu ul .nav5 li :hover img, .gnbmenu ul .nav1 li a:hover img {display:none;} #gnb_standard .gnbmenu ul .nav5 li :hover img.rollover, .gnbmenu ul .nav1 li a:hover img.rollover {display:block;} #gnb_standard .gnbmenu ul li a:hover, #gnb_standard .gnbmenu ul li a.active, #gnb_standard .gnbmenu ul li a.active_p {color:#ffffff;} #gnb_standard .gnbmenu ul .icSelected ul {visibility:visible; color:#999999;} #gnb_standard .gnbmenu ul .icSelected a img {display:none;} #gnb_standard .gnbmenu ul .icSelected a img.rollover {display:inline;} #gnb_standard .gnbmenu a {color:#999999;z-index:10000;display:inline; font-size:12px; font-weight:bold;} /* .submn-baciearea .sub-gnb {width:510px;float:right;position:relative;} .submn-baciearea .sub-gnb .nav {float:right;padding-top:17px; } .submn-baciearea .sub-gnb .nav li {float:left;margin-right:5px;position:relative;letter-spacing:-0.02em;font-weight:bold;line-height:140%; } .submn-baciearea .sub-gnb .nav li a {color:#fff;display:inline-block; height:12px; padding:0px 2px 16px 2px; margin-top:-3px; } .submn-baciearea .sub-gnb .nav1 {float:right;margin-right:100px; _ margin-right:53px;} .submn-baciearea .sub-gnb .nav1 li {float:left;margin-right:10px;position:relative;letter-spacing:-0.02em;font-weight:bold;line-height:140%; } .submn-baciearea .sub-gnb .nav1 li a {color:#fff;display:inline-block; height:13px; padding:20px 8px 18px 8px;_padding:30px 8px 12px 8px; } .submn-baciearea .sub-gnb .nav1 li a.active {display:inline-block;background: url(http://img.engdangi.com/images/common/bg_sgnb_on.gif) no-repeat center bottom; height:11px;_13px;padding:20px 8px 18px 8px; _padding:30px 8px 12px 8px; } .submn-baciearea .sub-gnb .nav1 li a.active_p {display:inline-block;background: url(http://img.engdangi.com/images/common/bg_sgnb_on2.gif) no-repeat center bottom; height:11px;_13px; padding:20px 8px 18px 8px;_padding:30px 8px 12px 8px; } .submn-baciearea .sub-gnb .nav2 {float:right;margin-right:0px; } .submn-baciearea .sub-gnb .nav2 li {float:left;margin-right:10px;position:relative;letter-spacing:-0.02em;font-weight:bold;line-height:140%; } .submn-baciearea .sub-gnb .nav2 li a {color:#fff;display:inline-block; height:13px; padding:20px 8px 18px 8px;_padding:30px 8px 12px 8px; } .submn-baciearea .sub-gnb .nav2 li a.active {display:inline-block;background: url(http://img.engdangi.com/images/common/bg_sgnb_on.gif) no-repeat center bottom; height:11px;_13px;padding:20px 8px 18px 8px; _padding:30px 8px 12px 8px; } .submn-baciearea .sub-gnb .nav2 li a.active_p {display:inline-block;background: url(http://img.engdangi.com/images/common/bg_sgnb_on2.gif) no-repeat center bottom; height:11px;_13px; padding:20px 8px 18px 8px;_padding:30px 8px 12px 8px; } .submn-baciearea .sub-gnb .nav3 {float:right;width:495px;_width:515px; } .msie6 .submn-baciearea .sub-gnb .nav3 {float:left;margin-left:-20px; } .submn-baciearea .sub-gnb .nav3 li {float:left;margin-right:5px;_margin-right:0px;position:relative;letter-spacing:-0.02em;font-weight:bold;line-height:140%; } .submn-baciearea .sub-gnb .nav3 li a {color:#fff;display:inline-block; height:13px; padding:20px 8px 18px 8px;_padding:30px 12px 12px 12px; } .submn-baciearea .sub-gnb .nav3 li a.active {display:inline-block;background: url(http://img.engdangi.com/images/common/bg_sgnb_on.gif) no-repeat center bottom; height:11px;_13px;padding:20px 10px 18px 8px; _padding:30px 12px 12px 12px; } .submn-baciearea .sub-gnb .nav3 li a.active_p {display:inline-block;background: url(http://img.engdangi.com/images/common/bg_sgnb_on2.gif) no-repeat center bottom; height:11px;_13px; padding:20px 8px 18px 8px;_padding:30px 8px 12px 8px; } .submn-baciearea .sub-gnb .nav4 {float:right;width:497px;} .msie6 .submn-baciearea .sub-gnb .nav4 {float:left;margin-left:-15px;width:497px;} .submn-baciearea .sub-gnb .nav4 li {float:left;margin-right:10px;_margin-right:0px;position:relative;letter-spacing:-0.02em;font-weight:bold;line-height:140%; } .submn-baciearea .sub-gnb .nav4 li a {color:#fff;display:inline-block; height:13px; padding:20px 8px 18px 8px;_padding:30px 14px 12px 14px; } .submn-baciearea .sub-gnb .nav4 li a.active {display:inline-block;background: url(http://img.engdangi.com/images/common/bg_sgnb_on.gif) no-repeat center bottom; height:11px;_13px;padding:1px 8px 18px 8px; _padding:30px 8px 12px 8px; } .submn-baciearea .sub-gnb .nav4 li a.active_p {display:inline-block;background: url(http://img.engdangi.com/images/common/bg_sgnb_on4.gif) no-repeat left bottom; height:11px;_13px; padding:20px 8px 18px 8px;_padding:30px 8px 12px 8px; }