@charset "euc-kr";

* {margin:0; padding:0; font-family:Dotum, Gulim, AppleGothic, Sans-serif;}
img, fieldset, button {border:none;}
hr, button img {display:none;}
li {list-style:none;}
a {text-decoration:none; color:#666;}
a:hover, a:active, a:focus {color:#666; text-decoration:none;}
textarea {overflow:auto;}
caption, th {text-align:left;}
table {border-collapse:collapse; border-spacing:0; text-align:center;}
form  {margin:0; padding:0;}
td {vertical-align:middle;}
img {vertical-align:top;}
legend  {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}

a, :focus {outline:0}
a, img, input {selector-dummy:expression(this.hideFocus=true)} // ~IE6.x, IE7.x ~ compatibles

.spanClear {display:block; overflow:hidden; clear:both; height:1px;}

body {background:#000; color:#b0b0b0; font-size:12px; line-height:18px; overflow-y:scroll; overflow-y:none;}

#wrap {position:relative; width:1020px;height:1400px; margin:0 auto;z-index:0; }
#wrap #header {position:relative; height:40px; padding:0 10px; background:url(/kr/images/main/new/common/header_bg.gif) 10px 0 no-repeat;}
#wrap #container {position:absolute;top:40px; height:400px; padding:0; z-index:-1;}
#wrap .main_ad1 {position:absolute;top:730px; height:110px; padding:30px 0 30px 10px;}
#wrap #footer {position:absolute;top:900px; height:120px; padding:0 0 10px 0; margin:0 auto; background:url(/kr/images/main/new/common/footer_bg.gif) 0px 0px  no-repeat;}

#header h1 {float:left; height:60px; padding-top:20px;}
#header .menu {float:right; z-index:999;}
#header ul.topmenu {float:left;}
#header ul.topmenu li {float:left; background:url(/kr/images/main/new/common/top_menu_bar.gif) right 38px no-repeat; padding:33px 2px 0 1px;}
#header ul.topmenu li.ed {background:none;}
#header ul.familymenu {float:left; width:275px; padding:23px 0 0 28px; background:url(/kr/images/main/new/common/family_menu_bg.gif) right top no-repeat;}
#header ul.familymenu li {float:left;}

#gnb {width:1000px; position:relative; height:294px;}
#gnb .gnb_off {height:40px}

#gnb .gnb_off ul {clear:both; }
#gnb .gnb_off li {float:left;}
#gnb .gnb_on {position:absolute; top:40px; left:0px; height:200px; border-bottom:2px #c0012a solid; background:url(/kr/images/main/new/common/gnb_bg.gif) repeat; z-index:999}
#gnb .dep {float:left; width:143px}
#gnb .dep ul {margin:0; padding:0;}
#gnb .dep.ed {width:142px;}
#gnb .dep li {padding:0 0 4px 10px;}


.title_text01 {position:absolute; top:75px; left:640px;}
.title_text02 {position:absolute; top:96px; left:640px;}
.title_text03 {position:absolute; top:159px; left:640px;}
.title_text04 {position:absolute; top:175px; left:640px;}

.img_tab {position:absolute; top:224px; left:642px;}
.img_tab .tab_menu li {float:left;}
.img_tab .title_event {clear:both; padding-top:10px;}

#contents {padding:48px 10px 0 0; margin:0; width:1020px; height:270px; background:url(/kr/images/main/new/main/contents_bg.gif) no-repeat;}

#title_img {width:1000px;height:372px; margin:0;clear:both}
#main_banner1 {width:1000px;height:372px}
#main_banner1 .main_banner { position:relative; width:1000px;height:372px; height:134px; padding:0 0 16px 10px;}
#main_banner1 .window {position:relative; overflow:hidden; width:1000px;height:372px;}
#main_banner1 .window .image_reel {position: absolute; top:0; left:0;}
#main_banner1 .window .image_reel img {float:left; width:1000px; height:372px}
#main_banner1 .paging {background:black; text-align:center; height:18px; padding:10px; margin:0 auto;}
#main_banner1 .paging a {width:16px;height:16px; padding:0 4px 5px 0; margin:0; background:url('/kr/images/main/new/main/mainad_off.gif') no-repeat; }
#main_banner1 .paging a:hover {background:url('/kr/images/main/new/main/mainad_on.gif') no-repeat;}
#main_banner1 .paging a.active {background:url('/kr/images/main/new/main/mainad_on.gif') no-repeat;}
#main_banner2 {float:left; width:268px;}
#main_banner2 .main_banner { position:relative; width:238px; height:134px; padding:0 0 16px 10px; background:url('/kr/images/main/new/main/banner.gif') 10px 0 no-repeat;}
#main_banner2 .window {position:relative; overflow:hidden; width:238px; height:134px;}
#main_banner2 .image_reel {position: absolute; top:0; left:0;}
#main_banner2 .image_reel img {float:left;}
#main_banner2 .paging {position:absolute; top:3px; left:3px; width:200px; height:10px; margin:0 auto; z-index:100;}
#main_banner2 .paging a {display:block; float:left; width:19px;height:20px; margin-right:1px; color:#fff; font-size:12px; line-height:22px; font-weight:bold; text-align:center; text-decoration:none; background:url('/kr/images/main/new/main/mainad2_00_off.png') no-repeat;}
#main_banner2 .paging a:hover {background:url('/kr/images/main/new/main/mainad2_00_on.png') no-repeat; color:#2f5505;}
#main_banner2 .paging a.active {background:url('/kr/images/main/new/main/mainad2_00_on.png') no-repeat; color:#2f5505;}

.main_ui_wrap {float:left; width:486px; height:240px;}
.main_ui_wrap li {position:relative; float:left; width:95px; height:110px; padding:0 2px 20px 0;}
.main_ui_wrap li div {position:absolute; top:0; left:0;}

.main_pers_login {float:right; position:relative; left:-10px; width:216px; height:211px; padding:12px; background:url(/kr/images/main/new/main/main_personal_login_bg3.gif) no-repeat; color:#d6d6d6; font-size:11px; letter-spacing:-1px;}
.main_pers_login_wrap dt { display:none;}
.main_pers_login_wrap input.input_type {height:11px; padding:3px; background:#232323; border:1px solid #3e3e3e; color:#d6d6d6; font-size:11px;}
.main_pers_login_wrap input.checkbox_type {width:13px; height:13px; vertical-align:top;}
.main_pers_login_wrap .input01 {position:absolute; top:44px; left:80px;}
.main_pers_login_wrap .input02 {position:absolute; top:66px; left:80px;}

.main_pers_login_wrap .check01 {position:absolute; top:47px; left:178px; width:32px; height:11px; padding-right:40px;}
.main_pers_login_wrap .check02 {position:absolute; top:67px; left:178px; width:37px; height:11px; padding-right:40px;}
.main_pers_login_wrap .check01 span, .main_pers_login_wrap .check02 span { display:none;}


.main_pers_login .btn {position:absolute; top:98px; left:32px;}
.main_pers_login .btn li {float:left; padding-right:1px;}
.main_pers_login .text dt {display:none;}
.main_pers_login .text dd.btn1 {float:left; position:absolute; top:200px; left:103px;}
.main_pers_login .text dd.btn2 {float:left; position:absolute; top:200px; left:166px;}
.main_pers_login .text dd.btn3 {float:left; position:absolute; top:200px; left:142px;}



.main_pers {float:right; left:-10px; position:relative; width:216px; height:240px; padding:12px; background:url(/kr/images/main/new/main/main_personal_bg.gif) no-repeat; color:#d6d6d6; font-size:11px; letter-spacing:-1px;}
.pers_name span {color:#80ad23; font-weight:bold;}
.pers01 li {float:left; padding:0 8px; background:url(/kr/images/main/new/main/main_pers_bar.gif) left 3px no-repeat;}
.pers01 li.fir {padding-left:0px; background:none;}

div.pers_state {padding:7px 0 0 0; text-align:center; color:#fff; font-weight:bold;}
div.pers_state div {cursor:hand}
div.pers_state div.state01 {float:left; width:100px}
div.pers_state div.state02 {}

.per_imfor {padding:7px 0 0 0; width:217px;}
.per_imfor table {width:100%;}
.per_imfor caption {display:none;}
.per_imfor img {vertical-align:bottom;}
.per_imfor th {height:12px; padding:4px 0 5px 0; background:url(/kr/images/main/new/main/main_personal_line.gif) 0 bottom repeat-x; line-height:12px;}
.per_imfor td {heor {color:#80ad23; font-weight:bold}
ight:12px; padding:4px 0 5px 0; background:url(/kr/images/main/new/main/main_personal_line.gif) 0 bottom repeat-x; line-height:12px; font-weight:bold; text-align:left;}
.per_imfor td a.color {color:#80ad23; font-weight:bold}
.per_imfor td col
.main_pers .btn01 {position:absolute; bottom:33px; left:185px;}
.main_pers .btn02 {position:absolute; top:13px; left:173px;}

div.main_ad1 ul li {float:left}

input.korFrst {ime-mode:active}
input.engFrst {ime-mode:inactive}
input.engOnly {ime-mode:disabled}
textarea.korFrst {ime-mode:active}
textarea.engFrst {ime-mode:inactive}
textarea.engOnly {ime-mode:disabled}

#newTop td {text-align:center; color:#fff; font-size:9pt; padding:0 5px; text-decoration:none;}
#newTop td a {color:#fff}
#newTop td a:hover {text-decoration:underline;}
#newTop td span {color:#ccc}
#newTop td.top_log {padding-left:15px}

A:active, A:link, A:visited {text-decoration:none;}
A:hover {color: #fff;font-size:9pt; font-weight:normal;}
.off{background:#000;color:#808080;font-size:9pt;text-align:center;}
.on{background:url(/kr/images/main/new/main/contents_bg_link.gif) left 0px no-repeat;color:#fff;font-size:9pt;text-align:center; font-weight:bold}


.ta_c { text-align: center; }
.ti_L10 { text-indent: -10px; }
.ml_10 { margin-left: 10px; }
.ml_15 { margin-left: 15px; }
#gnb .gnbDepth2Con .lvl1 { clear:both; display:none;position:absolute;top:40px; z-index: 990; padding: 0 8px 8px 8px; background: url(/kr/images/main/menu/newGnb_bg_menuCon.png ) 0 0 no-repeat; }
#gnb .gnbDepth2Con .lvl2 { float:left; height: 239px; }
#gnb .gnbDepth2Con .gnbDepth2_1 { left: 82px; }
#gnb .gnbDepth2Con .gnbDepth2_2 { left: 212px; }
#gnb .gnbDepth2Con .gnbDepth2_3 { left: 107px; }
#gnb .gnbDepth2Con .gnbDepth2_4 { left: 237px; }
#gnb .gnbDepth2Con .gnbDepth2_5 { left: 367px; }
#gnb .gnbDepth2Con .gnbDepth2_6 { left: 263px; }
#gnb .gnbDepth2Con .gnbDepth2_7 { left: 392px; width:600px; }

#gnb .gnbDepth2Con .gnbDepth2_1 .gnbSection { background: url(/kr/images/main/menu/newGnb_bg_section1.gif ) no-repeat 0 0; }
#gnb .gnbDepth2Con .gnbDepth2_2 .gnbSection { background: url(/kr/images/main/menu/newGnb_bg_section2.gif ) no-repeat 0 0; }
#gnb .gnbDepth2Con .gnbDepth2_3 .gnbSection { background: url(/kr/images/main/menu/newGnb_bg_section3.gif ) no-repeat 0 0; }
#gnb .gnbDepth2Con .gnbDepth2_4 .gnbSection { background: url(/kr/images/main/menu/newGnb_bg_section4.gif ) no-repeat 0 0; }
#gnb .gnbDepth2Con .gnbDepth2_5 .gnbSection { background: url(/kr/images/main/menu/newGnb_bg_section5.gif ) no-repeat 0 0; }
#gnb .gnbDepth2Con .gnbDepth2_6 .gnbSection { background: url(/kr/images/main/menu/newGnb_bg_section6.gif ) no-repeat 0 0; }
#gnb .gnbDepth2Con .gnbDepth2_7 .gnbSection { background: url(/kr/images/main/menu/newGnb_bg_section7.gif ) no-repeat 0 0; }

#gnb .gnbDepth2Con div.gnbSection { width: 180px; padding: 15px 0 0 20px; }
#gnb .gnbDepth2Con div.gnbSection .section_title { margin-bottom: 15px; color: #fefefe; font-weight: bold; }
#gnb .gnbDepth2Con div.gnbSection .section_list > li { padding: 3px 0; background: url(/kr/images/main/menu/newGnb_line_01.png) no-repeat 0 100%;  line-height: 13px; }
#gnb .gnbDepth2Con div.gnbSection .section_list > li > a { display: block; padding: 4px 0 1px 9px; /*margin-bottom: 7px;*/ background: url(/kr/images/main/menu/newGnb_bullet_01.png ) no-repeat 0 50%; color: #fefefe; }

#gnb .gnbDepth2Con div.gnbContents_txt { width: 180px; padding: 15px 0 0 20px; }
#gnb .gnbDepth2Con div.gnbContents_txt .contents_title { margin-bottom: 20px; color: #676767;; font-weight: bold; }
#gnb .gnbDepth2Con div.gnbContents_txt .contents_list { margin-left: 10px; }
#gnb .gnbDepth2Con div.gnbContents_txt .contents_list > li { margin-bottom: 12px; text-indent: -18px; line-height: 13px; }
#gnb .gnbDepth2Con div.gnbContents_txt .contents_list > li a { color: #004f98; }
#gnb .gnbDepth2Con div.gnbContents_txt .contents_list > li .num { color: #444; }

#gnb .gnbDepth2Con div.gnbHotissue_txt { position: relative; width: 184px; padding: 15px 7px 0 9px; }
#gnb .gnbDepth2Con div.gnbHotissue_txt .hotissue_title{ margin-bottom: 10px; color: #676767;; font-weight: bold; }
#gnb .gnbDepth2Con div.gnbHotissue_txt .hotissue_img { margin-bottom: 5px; }
#gnb .gnbDepth2Con div.gnbHotissue_txt .hotissue_subject { margin-bottom: 15px; color: #004f98; line-height: 14px; }
#gnb .gnbDepth2Con div.gnbHotissue_txt .hotissue_content { font-size: 11px; color: #666; line-height: 14px; }
#gnb .gnbDepth2Con div.gnbHotissue_txt .hotissue_btn { position: absolute; left: 99px; bottom: 11px; }
#gnb .gnbDepth2Con div.gnbHotissue_txt .hotissue_btn2 { position: absolute; left: 14px; bottom: 10px; }
#gnb .gnbDepth2Con div.gnbHotissue_txt .hotissue_btn3 { position: absolute; left: 14px; bottom: 10px; }

#gnb .gnbDepth2Con .gnbDepth2_5 .gnbHotissue_txt { padding: 0; width: 200px; height: 254px; }
#gnb .gnbDepth2Con .gnbDepth2_5 .gnbHotissue_txt .hotissue_content { width: 170px; }
#gnb a:link, #gnb a:visited, #gnb a:active, #gnb a:hover {text-decoration:none}
