/* TOP AREA */
#topArea {width:100%; height:25px; background:#F9F9F9; border-bottom:1px solid #EBEBEB;}
#topArea .wrapper {position:relative;width:1138px} 

#topArea ul {padding-top:7px;}
#topArea li {float:left;}

#topArea dl {position:absolute; top:2px; right:0;}
#topArea dl * {vertical-align:middle;} 
#topArea dt {float:left; background:url('../images/icon/login.gif') no-repeat left center; font:normal 11px/20px dotum; padding-left:15px;  height:17px;}
#topArea dt button {border:0; width:51px; height:18px; margin:0 0 0 5px;}
#topArea dd {float:left; padding:6px 0 0 10px;}

#topArea fieldset {position:absolute; top:3px; right:5px; border:none;}
#topArea fieldset a {margin:0 15px 0 -15px;}
#topArea fieldset * {vertical-align:middle;}
#topArea fieldset legend, #topArea fieldset label {display:none;}
#topArea fieldset button {border:0; width:45px; height:19px; vertical-align:middle; margin:0 0 0 5px;}
#topArea fieldset button.idSave {width:58px; height:15px;}
#topArea fieldset input {width:80px; height:15px;}
#topArea fieldset input#id {background:#fff url('../images/txt_id.gif') no-repeat 5px center; border:1px solid #D1D1D1; height:16px;}
#topArea fieldset input#pw {background:#fff url('../images/txt_pw.gif') no-repeat 5px center; border:1px solid #D1D1D1; height:16px;}


/* HEADER */
#header {width:100%; height:57px;}
#header .wrapper {width:1138px; position:relative;}
#header h1 {padding:6px 0;}
#header p {position:absolute; top:20px; right:10px; text-align:right;}
#header p img {margin-left:10px;}
#header p.girMap {top:0;}
#header p.girMap img {margin:0;}


/* TARGET BAR */ 
#sub #targetBar {display:none; position:absolute; top:26px;}
#sub #targetBar .tIcon li.btn {display:none; background:none; width:51px; height:23px; position:absolute; top:322px; left:50%; margin-left:515px; text-indent:0; z-index:103;}
#sub #targetBar .tIcon li.btn button {border:0; width:51px; height:23px; cursor:pointer;}

#targetBar {width:100%; height:80px; background:#3989C3; z-index:100; position:relative; margin-bottom:30px;}
#targetBar > .wrapper {width:1138px; padding-left:20px }
#targetBar .tIcon {position:absolute; z-index:102;width:1138px }
#targetBar .tIcon li {float:left; background:url('../images/icon/targetBar2.gif') no-repeat; width:189px; height:80px; text-indent:-999em; cursor:pointer;}

#targetBar .tIcon li.t1 {background-position:0px top;}
#targetBar .tIcon li.t2 {background-position:-189px top;}
#targetBar .tIcon li.t3 {background-position:-378px top;}
#targetBar .tIcon li.t4 {background-position:-567px top;}
#targetBar .tIcon li.t5 {background-position:-756px top;}
#targetBar .tIcon li.t6 {background-position:-945px top;}
#targetBar .tIcon li.t1.on, #targetBar .tIcon li.t1:hover {background-position:0px bottom;}
#targetBar .tIcon li.t2.on, #targetBar .tIcon li.t2:hover {background-position:-189px bottom;}
#targetBar .tIcon li.t3.on, #targetBar .tIcon li.t3:hover {background-position:-378px bottom;}
#targetBar .tIcon li.t4.on, #targetBar .tIcon li.t4:hover {background-position:-567px bottom;}
#targetBar .tIcon li.t5.on, #targetBar .tIcon li.t5:hover {background-position:-756px bottom;}
#targetBar .tIcon li.t6.on, #targetBar .tIcon li.t6:hover {background-position:-945px bottom;}

#targetBar .tIcon li.btn {display:none; background:none; width:27px; height:26px; position:absolute; top:296px; left:50%; margin-left:517px; text-indent:0; z-index:103;}
#targetBar .tIcon li.btn button {border:0; width:27px; height:26px; cursor:pointer;}
#targetBar .tIcon li ul {display:none; position:absolute; top:80px; height:191px; background:#fff url('../images/target_bg2.gif') no-repeat 1px 25px; z-index:102; padding:25px}
#targetBar .tIcon li ul li {float:none; background:none; width:189px; height:24px; text-indent:0; margin:0;}
#targetBar .tIcon li.t1 ul {left:0;}
#targetBar .tIcon li.t2 ul {left:189px;}
#targetBar .tIcon li.t3 ul {left:378px;}
#targetBar .tIcon li.t4 ul {left:567px;}
#targetBar .tIcon li.t5 ul {left:756px;}
#targetBar .tIcon li.t6 ul {left:945px;}

#targetBarBg {width:100%; height:246px; position:absolute; top:80px; z-index:100;}
#targetBarBg .bg {width:100%; height:242px; background:#fff;}
#targetBarBg .gradation {width:100%; height:4px; background:url('../images/target_bg.png') repeat-x left bottom;}


/* TOP NAVIGATION */
#topNavi {background:#3989C3; border-top:1px solid #2873A9; border-bottom:1px solid #2873A9; height:39px; position:relative;}
#topNavi .gradation {width:100%; height:4px; background-color:none; background:url('../images/topNavi_bg.png') repeat-x left top; position:absolute; bottom:-40px; display:none;}

#topNavi h2 {width:1000px; height:39px; background:url('../images/flag.gif') no-repeat right top; position:absolute; top:0; right:50%; margin-right:375px;}
#topNavi h2 span {display:block; width:96px; height:21px; background:url('../images/topNavi_tit.gif') no-repeat left top; text-indent:-999em; float:right; margin:7px 60px;}

#topNavi ul.navi {width:890px; height:39px; position:absolute; top: 12px; left:50%; margin-left:-289px;}
#topNavi ul.navi div {width:100%; height:36px; position:absolute; top: 27px; left: -290px; display:none; background:#fff; border-top:1px solid #2873A9;}
#topNavi ul.navi li {float:left; margin:0 38px 0 0; padding:0 0 0 40px; background:url('../images/navi_line.gif') no-repeat left 1px;}
#topNavi ul.navi li:first-child{margin:0 38px 0 0; padding:0 0 0 0; background:none;}
#topNavi ul.navi li a {display:block; height:39px; font-size:14px; letter-spacing:-1px; color:#fff; font-weight:bold; /*background:url('../images/menu.gif') no-repeat; text-indent:-999em;*/}
/*
#topNavi ul.navi li.m1 a {width:107px; background-position:0 top;}
#topNavi ul.navi li.m2 a {width:137px; background-position:-108px top;}
#topNavi ul.navi li.m3 a {width:161px; background-position:-251px top;}
#topNavi ul.navi li.m4 a {width:116px; background-position:-414px top;}
#topNavi ul.navi li.m5 a {width:143px; background-position:-530px top;}
#topNavi ul.navi li.m1 a.on, #topNavi ul.navi li.m1 a:hover {background-position:0 bottom;}
#topNavi ul.navi li.m2 a.on, #topNavi ul.navi li.m2 a:hover {background-position:-108px bottom;}
#topNavi ul.navi li.m3 a.on, #topNavi ul.navi li.m3 a:hover {background-position:-251px bottom;}
#topNavi ul.navi li.m4 a.on, #topNavi ul.navi li.m4 a:hover {background-position:-414px bottom;}
#topNavi ul.navi li.m5 a.on, #topNavi ul.navi li.m5 a:hover {background-position:-530px bottom;}
*/

#topNavi ul.navi ul {width:675px; height:36px; position:absolute; top:10px; left:286px;}
#topNavi ul.navi ul li{margin:0 20px 0 0; padding:0px; background:none;}
#topNavi ul.navi ul li:first-child{margin:0 20px 0 0; padding:0px;}
#topNavi ul.navi ul li a{display:block; height:15px; padding:0 0 0 5px; font-size:13px; color:#9d9d9d; font-weight:normal; /*background:url('../images/menu_sub.gif') no-repeat;*/}
#topNavi ul.navi ul li a:hover{color:#134a73; background:url('../images/bul_navi.gif') no-repeat left 5px;}
/*
#topNavi ul.navi ul li.n1 a {width:125px; background-position:0 top;}
#topNavi ul.navi ul li.n2 a {width:64px; background-position:-125px top;}
#topNavi ul.navi ul li.n3 a {width:64px; background-position:-189px top;}
#topNavi ul.navi ul li.n4 a {width:133px; background-position:-252px top;}
#topNavi ul.navi ul li.n5 a {width:86px; background-position:-385px top;}
#topNavi ul.navi ul li.n6 a {width:40px; background-position:-471px top;}
#topNavi ul.navi ul li.n1 a.on, #topNavi ul.navi ul li.n1 a:hover {background-position:0 bottom;}
#topNavi ul.navi ul li.n2 a.on, #topNavi ul.navi ul li.n2 a:hover {background-position:-125px bottom;}
#topNavi ul.navi ul li.n3 a.on, #topNavi ul.navi ul li.n3 a:hover {background-position:-189px bottom;}
#topNavi ul.navi ul li.n4 a.on, #topNavi ul.navi ul li.n4 a:hover {background-position:-252px bottom;}
#topNavi ul.navi ul li.n5 a.on, #topNavi ul.navi ul li.n5 a:hover {background-position:-385px bottom;}
#topNavi ul.navi ul li.n6 a.on, #topNavi ul.navi ul li.n6 a:hover {background-position:-471px bottom;}
*/


/* LNB AREA */
#lnbArea {width:160px; min-height:100px; float:left; margin-right:0px; margin-top:55px; position:relative;}
#lnbArea.hide .lnbWrap {display:none;}
#lnbArea.hide {width:20px; margin-right:30px;}

/* #lnbArea .lnbWrap {border-bottom:2px solid #003878;border-top:2px solid #003878;width:150px;margin-top: 20px;} */
#lnbArea .lnbWrap {border-top:2px solid #003878;width:150px;margin-top: 20px;}
#lnbArea .lnbWrap h2 {padding:0 0 10px 8px;}
#lnbArea .lnbWrap li {white-space:nowrap; overflow:hidden; border-bottom:1px solid #eaeaea; width:150px; position:relative;}
#lnbArea .lnbWrap li a {display:block; font:bold 12px dotum; color:#666666; line-height:270%; padding-left:10px;}
#lnbArea .lnbWrap li a span {display:block; text-indent:-999em; background:url('../images/bullet/bl_12.gif') no-repeat left top; width:8px; height:4px; position:absolute; top:12px; right:10px;}
/* #lnbArea .lnbWrap > ul > li.on > a {background:url('../images/lnb_active_bg.gif') 0 0 no-repeat; height:29px; color:#fff;} */
#lnbArea .lnbWrap li.on a span {background-image:url('../images/bullet/bl_11.gif');}
#lnbArea .lnbWrap li.on ul {padding:10px 0;}
#lnbArea .lnbWrap li.on li {border:none; }
#lnbArea .lnbWrap li.on li a {background:url('../images/bullet/bl_10.gif') no-repeat 8px 8px; padding:0 0 0 15px; font-weight:normal; color:#888888; min-height:20px; line-height:20px;}
#lnbArea .lnbWrap li.on li a:hover, #lnbArea .lnbWrap li.on li.on a {background:url('../images/bullet/bl_9.gif') no-repeat 8px 8px; color:#134a73;}

#lnbArea button {position:absolute; top:0; right:12px; padding:0; border:0; width:18px; height:23px;}
@-moz-document url-prefix() { #lnbArea button {right:2px;}}

.cal_wrap{width:186px; background:#fdfdfd;}
.cal_wrap .date_info{position:relative; overflow:hidden; padding:9px 0; font-size:14px; font-weight:bold; color:#666; font-family:Verdana; border-top:1px solid #dedede; border-bottom:1px solid #dedede;}
.date_info dt{float:left; padding:0 12px; background:url('../images/bg_cal_line.gif') no-repeat right 4px;}
.date_info dd{float:left; margin:0 0 0 10px;}
.cal_date{margin:15px 0 10px 0; text-align:center;}
.cal_date span{padding:0 7px; vertical-align:top; font-size:16px; color:#252525; font-weight:bold; font-family:Verdana;}
.cal_table{width:100%; border-collapse:collapse}
.cal_table caption{position:absolute; left:-9999; top:-9999; font-size:0px; line-height:0px;}
.cal_table th{padding:0 0 5px 0; color:#000; border-bottom:1px solid #eaeaea; }
.cal_table td{padding:3px 0; text-align:center; color:#000; background:#efefef; border-bottom:1px solid #eaeaea; font-size:11px}
.cal_table td.sel{background:#058ad0; color:#ffffff}
.cal_table .last{ background:#efefef;}
.cal_table .sun{color:#f79898;}

.cal_table .np_sun{color:#f79898; background:#ffffff}
.cal_table .np_date{color:#989898; background:#ffffff}
.schedule {height:83px; overflow:auto; border-bottom:1px solid #dedede }
.schedule li {padding:3px 0 3px 20px }
.schedule li.even {}
.schedule li.odd {background-color:#e2ecee; padding-left:20px }
h3.lnb_work {margin:24px 0 10px 0;}
.work_status { border:1px solid #c8cfd4; }
.work_status .status_top {padding:9px 17px; background:#f4f8fc url('../images/mypage/bg-lnbline.gif') 0 100% repeat-x;}
.work_status > li:first-child .status_top {padding:9px 17px; }
.work_status .status_top h4 {background:#f4f8fc url('../images/bullet/icon_up.gif') 100% 3px no-repeat; }
.work_status .status_top h4.close {background:#f4f8fc url('../images/bullet/icon_down.gif') 100% 3px no-repeat; }
.work_status .status_top .number {float:left; font-size:11px; overflow:hidden; margin-top:10px; width:88px} 
.work_status .status_top .dday {float:right; width:60px; overflow:hidden; background:url('../images/mypage/icon_cal.gif') 0 0 no-repeat; text-indent:20px; font-size:11px; margin:10px 0 0 0px}
.work_status strong{color:#003878}
.work_status .status_detail {padding:14px 17px 4px 17px; background:url('../images/mypage/bg-lnbline.gif') 0 100% repeat-x;}
.work_status .status_detail li {background:url('../images/bullet/bl_13.gif') 0 5px no-repeat; color:#404040; padding-left:10px; letter-spacing:-1px; margin-bottom:10px; }

/* CONTENTS */
#container {height:100%; background:url('../images/line.gif') repeat-y 164px top;  margin-bottom:-14px;}
#container.wide {background-position:left top;}
#iframeCont {width:942px; margin-top:42px;}
#iframeCont.wide {width:1024px}
     #contents {width:942px;}
     #contents.wide {width:1024px;}

#myContainer.my_wrapper { width:1138px; margin:0 auto; padding:50px 0 0 0}
#mycontents {width:922px;}
#myContainer > #lnbArea {width:186px; overflow:hidden; margin:0}
#myContainer > .my_contents {float:left; width:922px; margin-left:30px; padding-bottom:50px}

/* COMPACT SERVICE */
#compact {width:100%; height:175px; clear:both; background:#F0F0F0; border-top:1px solid #CFCFCF;}
#compact button {border:0; margin:-24px 0 0 385px; position:absolute; left:50%; width:163px; height:24px;}
#compact .left {float:left; padding:35px 0 0 130px;}
#compact .right {float:right; padding:35px 48px 0 0;}
#compact ul {width:465px; margin-top:5px;}
#compact li {float:left; border:1px solid #E6E6E6; background:#fff; margin-right:-1px; margin-bottom:-1px;}

#compact.hide {background:none; border:none; height:14px;}
#compact.hide .wrapper {display:none;}


.wrapper {width:1138px; margin:0 auto;}
#main .wrapper { width:1138px; margin:0 auto}