@charset "euc-kr";

/*
Title   : EPS ÀÎÆ®¶ó³Ý 
Day     : 2009-07-06
*/

@import url("common.css");

/*-- Layout --*/

div#wrap {width:100%; margin:0 auto;}
div#header {height:20px; width:100%; background:url(../img/inc/top07_bg.gif) repeat-x left top;}
div#header div.first {height:20px; background:url(../img/inc/top07_first.gif) no-repeat left top;}
div.logo {width:247px; height: 55px; text-align:center; background:url(../img/inc/left07_bg_logo.gif) no-repeat left top;}
div.title {position:relative; clear:both; width:100%; height:55px; margig-left:47px; background:url(../img/inc/title07	_bg.gif) repeat-x left top;}
div.title ul.logo {float:left; width:302px; height:55px; background:url(../img/inc/left07_bg_logo.gif) no-repeat left top;}
div.title ul.logo li {text-align:center;}
#util {float:right; width:330px; height:55px; background:url(../img/inc/title07_end.jpg) no-repeat right top;}
#util ul {display:inline;}
#util ul li {float:left; margin:12px 5px 0 0;}
div#snb {width: 247px; overflow-x:hidden; overflow-y:auto;}
div#snb div.info {height: 54px; background:url(../img/inc/left07_bg_box1.gif) no-repeat left top;}
div#snb div.info ul {width: 200px; margin:0 auto;}
div#snb div.info ul li {padding:7px 0 0 20px; background:url(../img/inc/left07_ico_info.gif) no-repeat left 7px; color:#19384e; line-height:16px;}
div#snb div.info ul li img {vertical-align:middle; padding-left:3px;}
div#snb div.dir {height: 45px; padding-left:32px; background:url(../img/inc/left07_bg_box2.gif) no-repeat left top;}
div#snb div.menu1 {padding:0 15px; background:url(../img/inc/left07_bgbox1.gif) repeat-y left top;}
div#snb div.menu2 {padding:0 15px; background:url(../img/inc/left07_bgbox2.gif) repeat-y left top;}
div#snb div.end1 {height:85px; background:url(../img/inc/left07_bg_box3.gif) no-repeat left top;}
div#snb div.end2 {height:85px; background:url(../img/inc/left07_bg_box4.gif) no-repeat left top;}
div#snb div.end3 {padding:0 3px; repeat-y left top;}
div#snb div.btn1 {width:196px; height:23px; background:url(../img/inc/left07_btn1.gif) no-repeat left top;}
div#snb div.btn1 p {padding:6px 0 0 25px; font-size:12px; font-weight:bold; color:#2c728e;}
div#snb div.workList {width:194px; padding:5px 0 ; background:#fff; border-left:1px solid #9fc3de; border-right:1px solid #9fc3de; border-bottom:1px solid #9fc3de;}
div#snb div.workList ul li {padding:0 0 0 6px; margin:2px 0 3px 15px; font-size:11px; color:#64acca; background:url(../img/inc/dot.gif) no-repeat left center;}
div#snb div.workList ul li.title {margin:2px 0 3px 3px; font-size:11px; font-weight:bold; color:#222;  background:url(../img/blank.gif) no-repeat left center;}
div#snb div.workList ul li a {font-size:11px; color:#64acca;}
div#snb div.btn2 {width:196px; height:23px; background:url(../img/inc/left07_btn2.gif) no-repeat left top;}
div#snb div.btn2 p {padding:6px 0 0 25px; font-size:12px; font-weight:bold; color:#2c728e;}
div#content {width:95%; padding:15px 15px 20px 15px;}

/*-- Content --*/

/* title*/
div.subtitleA {width:100%;}
div.subtitleA h2 {height:32px; padding-left:30px; font-size:16px; font-weight:bold; background:url(/comm/img/bu_contit01.gif) no-repeat left top ;}
div.subtitleA ul {margin-bottom:10px; padding:10px 5px 5px 5px;}
div.subtitleA ul li {margin:0 0 5px 0; padding:0 0 0 8px;line-height:16px; background:url(/comm/img/bu_contit02.gif) no-repeat left 5px;}
div.subtitleB {}
div.subtitleB h3 {height:24px; padding-left:20px; font-size:14px; font-weight:bold; background:url(/comm/img/bu_contit03.gif) no-repeat left top;}
div.subtitleB h3 a {font-size:14px; font-weight:bold; }
div.subtitleB p.right {float:right; margin:-24px 6px 0 0; font-size:12px;}
div.subtitleB a.btn_more {float:right; margin:-24px 6px 0 0;}
div.subtitleC {width:100%;}
div.subtitleC h4 {height:18px; background:url(/comm/img/bu_contit04.gif) no-repeat 7px 5px ; margin:10px 0 5px 0; padding-left:16px; color:#222222; font-size:12px; font-weight:bold; line-height:16px;}
div.subtitleC p.right {float:right; margin:-24px 6px 0 0; font-size:12px;}
div.subtitleC a.btn_more {float:right; margin:-24px 6px 0 0;}
div.subimgA {margin-bottom:10px;}
div.subimgA dl {display:inline; float:left; width:50%; padding-bottom:10px;}
div.subimgA dl dt {float:left; margin-right:20px;}
div.subimgA dl dd {text-align:left; padding:2px 0 6px 12px; line-height:12px; background:url(/comm/img/bu_contit02.gif) no-repeat 126px 4px;}
div.subimgA dl dd a {color:#222222;}
div.subimgB {width:99%; border:1px dotted #aec0cb; margin-bottom:10px; padding-bottom:5px;}
div.subimgB h5 {padding-left:5px;}
div.subimgB ul {display:inline; float:left; width:49%;}
div.subimgB ul li {padding:0 0 0 5px; line-height:16px; background:url(/comm/img/bu_contit02.gif) no-repeat 12px center;}
/* location */
ul.location {display:inline; float:left; padding:5px 0 10px 23px;}
ul.location li {float:left; color:#a1a1a1; font-size:12px;}
ul.location li a {color:#a1a1a1;}
ul.location li.first {padding:0 0 0 18px; background:url(/comm/img/ico_location_home.gif) no-repeat left 0;}
ul.location li.bar {margin:0 0 0 6px; padding:0 0 0 12px; background:url(/comm/img/ico_location_space.gif) no-repeat left 1px;}
/* round box */
table.rboxB {width:100%;}
table.rboxB td {margin:0; padding:0; font-size:0;}
table.rboxB td.con {padding:3px 10px; background:url(/comm/img/rbox_typeB_bgcon.gif) repeat-x left bottom;}
table.rboxB td.lt {width:6px; height:3px; background:url(/comm/img/rbox_typeB_tl.gif) no-repeat left top;}
table.rboxB td.bgT {height:3px; background:url(/comm/img/rbox_typeB_bgT.gif) repeat-x left top;}
table.rboxB td.rt {width:7px; height:3px; background:url(/comm/img/rbox_typeB_tr.gif) no-repeat right top;}
table.rboxB td.bgR {background:url(/comm/img/rbox_typeB_bgR.gif) repeat-y right top;}
table.rboxB td.lb {background:url(/comm/img/rbox_typeB_bl.gif) no-repeat left bottom;}
table.rboxB td.bgL {width:6px; background:url(/comm/img/rbox_typeB_bgL.gif) repeat-y left top;}
table.rboxB td.rb {width:7px; height:9px; background:url(/comm/img/rbox_typeB_br.gif) no-repeat right bottom;}
table.rboxB td.bgB {height:9px; background:url(/comm/img/rbox_typeB_bgB.gif) repeat-x left bottom;}
/* popup*/
table.popupA {width:100%; height:100%;}
table.popupA td {background:#ffffff;}
table.popupA td.con {padding-bottom:10px; background:#ffffff;}
table.popupA td.lt {background:url(/comm/img/popA_lt.gif) no-repeat left top;}
table.popupA td.bgT {height:21px; background:url(/comm/img/popA_bgT.gif) repeat-x left top;}
table.popupA td.rt {width:24px; height:21px; background:url(/comm/img/popA_rt.gif) no-repeat right top;}
table.popupA td.bgR {width:24px; height:100%; background:url(/comm/img/popA_bgR.gif) repeat-y right top;}
table.popupA td.lb {width:24px; height:24px; background:url(/comm/img/popA_lb.gif) no-repeat left bottom;}
table.popupA td.bgL {width:24px; height:100%; background:url(/comm/img/popA_bgL.gif) repeat-y left top;}
table.popupA td.rb {width:24px; height:24px; background:url(/comm/img/popA_rb.gif) no-repeat right bottom;}
table.popupA td.bgB {height:24px; background:url(/comm/img/popA_bgB.gif) repeat-x left bottom;}
table.popupA_title {width:100%;}
table.popupA_title td.ico {width:35px; height:40px; background:url(/comm/img/popA_title_left.gif) no-repeat left top;}
table.popupA_title td {height:40px; background:url(/comm/img/popA_title_bg.gif) repeat-x left top;}
table.popupA_title td.tit {height:28px; padding:0 0 8px 2px; color:#fff; font-size:14px; font-weight:bold;}
/* tooltip */
a.tt:link {color:#3355cc; font-size:12px; text-decoration:underline; font-weight:bold;}
a.tt:visited {color:#3355cc; font-size:12px; text-decoration:underline; font-weight:bold;}
a.tt:hover {color:#ffffff; font-size:12px; background:#3355cc; text-decoration:none; font-weight:bold;}
a.tt:active {color:#3355cc; font-size:12px; text-decoration:none; font-weight:bold;}
/* layer */
.QuickSelect {position:relative; clear:both; margin:7px 0 0 0;}
.Selectbox {display:block; padding:5px 0 1px 6px; background:url(/comm/img/btn_drop.gif) no-repeat right 3px; border:1px solid #d2d2d2; color:#5a5a5a;}
.Selectcon {position:absolute; clear:both; padding:4px 2px 3px 2px; white-space:nowrap; line-height:21px; background:#fff; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}

/*--Board --*/

/* list */
table.board_list {width:100%; border-top:2px solid #80b0cf;}
table.board_list thead th {padding:2px 6px; border:1px solid #d8d8d8; color:#327ca6; font-size:12px; text-align:center; font-weight:bold; line-height:16px; background:#f0f5f5;}
table.board_list tbody td {padding:2px 6px; border:1px solid #d8d8d8; font-size:12px; text-align:center; line-height:16px;}
table.board_list tbody td.left {padding-left:5px; text-align:left;}
table.board_list tbody td a:hover {color:#327ca6;}
table.board_list tfoot td {padding:2px 6px; border:1px solid #d8d8d8; font-size:12px; text-align:center; font-weight:bold; line-height:16px; background:#f4f4f4;}
/* view */
table.board_view {width:100%; border-top:2px solid #80b0cf;}
table.board_view thead th {padding:2px 6px; color:#327ca6; font-size:12px; text-align:left; font-weight:bold; line-height:16px; background:#ecf3f7 url(/comm/img/Board_th_dotline.gif) repeat-x left bottom;}
table.board_view thead td {padding:2px 6px; font-size:12px; line-height:16px; background:url(/comm/img/Board_th_dotline.gif) repeat-x left bottom;}
table.board_view tbody td.file {text-align:right;}
table.board_view tbody td.file img {margin:0 6px 0 0; vertical-align:middle;}
table.board_view tbody td.left {padding-left:5px; text-align:left;}
table.board_view tbody td.left img {margin:-2px 5px -2px 5px;}
table.board_view tbody td a:hover {color:#327ca6;}
/* application */
table.application {width:100%; border-top:2px solid #80b0cf;}
table.application th {padding:2px 6px; border:1px solid #d8d8d8; color:#327ca6; font-size:12px; text-align:left; font-weight:bold; line-height:16px; background:#f0f5f5;}
table.application th.typeA {background:#fafaf8;}
table.application td {padding:2px 6px; border:1px solid #d8d8d8; font-size:12px; line-height:16px;}
table.application td.typeA {background:#f4f4f4;}
table.application td img {margin:2px 5px 0 2px; vertical-align:middle;}
table.application td input {margin:3px 0 0; vertical-align:middle;}
table.application td span {color:#5993c1;}
table.application td p {margin:5px 0 0 0;} /* 090811 ¼öÁ¤ */
/*table.application td p {margin:5px 0 0 0; color:#6d7678;}*/
table.application td ul li {float:left; padding:5px 0 0 0;}
table.application td dl dd {display:inline; float:left; margin:0 5px 0 0;}
/* noline */
table.noline {width:100%;}
table.noline th {padding:2px 6px; font-size:12px; text-align:left; font-weight:bold; line-height:16px; background:#f4f4f4;}
table.noline td {padding:2px 6px; font-size:12px; line-height:16px;}
table.noline td img {vertical-align:middle;}
table.noline td input {margin:3px 0 0; vertical-align:middle;}
table.noline td.end {font-size:0px;}
/* search : default */
table.search {width:100%; border:1px solid #96c2de;}
table.search th {padding:3px 6px; border-bottom:1px solid #b1d2e8; color:#fff; font-size:12px; text-align:left; font-weight:bold; background:#80b0cf;}
table.search td {padding:3px 6px; font-size:12px; border:1px solid #b1d2e8;}
table.search td.Tline {border-top:1px solid #b1d2e8;}
table.search td.noline {padding:2px 6px; border:0;}
/* search : roundbox Ò® */
table.search_noline {width:100%;}
table.search_noline th {padding:0 0 0 12px; color:#327ca6; font-size:12px; text-align:left; font-weight:bold; line-height:16px; background:url(/comm/img/Ico_dotA.gif) no-repeat center left;}
table.search_noline td {padding:2px 6px; font-size:12px; line-height:16px;}
table.search_noline td img {margin:2px 5px 0 5px; vertical-align:middle;}
table.search_noline input {margin:3px 0 0; vertical-align:middle;}
table.search_noline p {margin:5px 0 0 0; color:#6d7678;}
/* search : roundbox Ò® µÎ¹ø° tableºÎÅÍ Àû¿ë */
table.search_noline2 {width:100%; margin-top:7px; border-top:1px dotted #b1d2e8;}
table.search_noline2 th {padding:5px 0 0 12px; color:#327ca6; font-size:12px; text-align:left; font-weight:bold; line-height:16px; background:url(/comm/img/Ico_dotA.gif) no-repeat center left;}
table.search_nolin2e td {padding:2px 6px; font-size:12px; line-height:16px;}
table.search_noline2 td img {margin:2px 5px 0 2px; vertical-align:middle;}
table.search_noline2 input {margin:3px 0 0; vertical-align:middle;}
table.search_noline2 p {margin:5px 0 0 0; color:#6d7678;}
/* Prev, Next */
table.board_view_prevnext {width:100%; border-top:2px solid #80b0cf; border-bottom:2px solid #80b0cf;}
table.board_view_prevnext th, table.board_view_prevnext td {padding:7px 0 7px 15px; font-size:12px;}
table.board_view_prevnext th.line {color:#327ca6; text-align:left; background:url(/comm/img/Board_th_dotline.gif) repeat-x left bottom;}
table.board_view_prevnext th.nobg {color:#327ca6; text-align:left; border-bottom:1px solid #ffffff;}
table.board_view_prevnext th img {margin:0 6px 0 10px; vertical-align:middle;}
table.board_view_prevnext td.line {padding-left:15px; background:url(/comm/img/Board_th_dotline.gif) repeat-x left bottom;}
table.board_view_prevnext td.nobg {padding-left:15px; border-bottom:1px solid #ffffff;}
table.board_view_prevnext td a:hover {color:#327ca6;}
/* paging */
div.paging {padding:15px 0; text-align:center;}
div.paging a {padding:0 0 0 6px; font:11px Tahoma;}
div.paging a.select {color:#ff6600; font-weight:bold; font:11px Tahoma;}
div.paging a img {margin-bottom:2px; vertical-align:middle; _vertical-align:top;}
div.paging a img.btn1 {margin-left:-5px; padding-right:2px;}
div.paging a img.btn2 {margin-left:-5px; padding-left:7px;}
div.paging a img.btn3 {margin-left:-5px;}
/* search : roundbox Ò® µÎ¹ø° tableºÎÅÍ Àû¿ë Ãß°¡ 2009-08-28*/
table.search_noline3 {width:100%;}
table.search_noline3 th {color:#327ca6; font-size:12px; font-weight:bold; line-height:16px;}

/* -- Button -- */

/* Default */
span.button, span.button a, span.button button {position:relative; margin:0; display:inline-block; text-decoration:none !important; border:0; font:12px Sans-serif; white-space:nowrap; background:url(/comm/img/btn_whiteBG.gif) no-repeat; vertical-align:middle; overflow:visible;}
span.button {height:23px; padding:0; margin-right:2px; margin-bottom:2px; background-position:left top; overflow:visible;}
span.button a, span.button button {left:2px;}
/* Button */
span.button button {height:23px; padding:0 10px 0 8px; line-height:24px; background-position:right top; cursor:pointer;}
/* Strong */
span.button.strong * {font-weight:bold !important;}
/* Icon */
span.button .icon {position:relative; left:0px; margin-right:5px; _margin-top:6px; vertical-align:middle; border:0; z-index:2;}
span.button .iconR {position:relative; left:5px; margin-left:5px; _margin-top:6px; vertical-align:middle; border:0; z-index:3;}
/* Color */
span.button.blue, span.button.blue a, span.button.blue button {background-image:url(/comm/img/btn_blueBG.gif); color:#fff;}
span.button.cyan, span.button.cyan a, span.button.cyan button {background-image:url(/comm/img/btn_cyanBG.gif); color:#fff;}