@charset "euc-kr";
/* CSS Document */

/* default */
body {margin:0;padding:0;font:13px Malgun Gothic, Dotum, µ¸¿ò, sans-serif; color:#686868}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{margin:0; padding:0}
input[type=text],textarea, select, filefield {border:solid 1px #CCC; padding:3px}
a {color:#686868; text-decoration:none}
a:hover {color:#000;}
ul,ol,dl {list-style:none}
img {border:0}
table {border-collapse:collapse; border-spacing:0}
thead {vertical-align:middle}
tfoot {vertical-align:middle}

#wrapper { width:1700px; margin:0 auto; overflow:hidden}
#top {background:url(../img/main-bg.png) repeat-x; width:100%; height:141px}
#left {width:220px; float:left}
#contents {width:1700px; margin:0 auto; min-height:500px}
#addListcontents {width:100%; margin:0 auto; min-height:500px}
#right {width:106px; float:right; position:relative}
#footer {clear:both; width:100%; background:url(../img/copyright_bg.gif) repeat-x top; margin:20px 0}


/* ·Î±×ÀÎ */
.login {width:820px; margin:0 auto; position:relative; margin-top:100px; margin-bottom:20px}
.login div.visual {float:left}
.login table {float:right; margin-top:40px}
.login table input {width:150px; height:28px; line-height:28px; font-size:16px; border:solid 1px #ccc}


/* ¸Þ?? */
.logo {width:1700px; margin:0 auto; padding:15px 0 10px 0; position:relative}
.logo div.membership { position:absolute; right:0; top:30px}

.location {color:#4c4c4c; text-align:right; font-size:11px; margin:20px 0 10px 0}
.location span {background:url(../img/ico_home.gif) no-repeat; padding-left:20px}
.location span.mark {color:#000; background:none; padding:0}

.subTitle {background:#f3f3f3; border:solid 1px #e1e1e1; height:35px; line-height:35px; padding:0 10px; padding:5px 15px; color:#4c4c4c; position:relative}
.subTitle h1 {font-size:20px; float:left; margin-right:20px}
.subTitle div.process {font-size:11px}
.subTitle div.process img {vertical-align:middle}
.subTitle div.btns {position:absolute; right:15px; top:10px}
/* .subTitle div.btns span {float:left; line-height:24px; padding:0 2px}  2024.03.18 */
.subTitle div.btns span {float:left; line-height:14px; padding:0 2px}
.subTitle div.btns select {float:left; margin-left:5px; height:26px}

.copyright {width:1700px; margin:0 auto; text-align:center; padding:20px 0}

/* ¹öÆ° */
   .buttonStyle
      {
         border         : #c8ced4 1px solid;
         /*
         border-bottom  : #c8ced4 1px solid;
         border-left    : #c8ced4 1px solid;
         border-top     : #c8ced4 1px solid;
         border-right   : #c8ced4 1px solid;
         */
         padding-bottom : 0px;
         padding-left   : 5px;
         padding-top    : 0px;
         padding-right  : 5px;
         //display        : block;
         font           : 12px Malgun Gothic, Dotum, µ¸¿ò, sans-serif;
         background     : url(/img/btn_bg.gif) repeat-x;

         vertical-align : middle;

         height         : 24px;
         color          : #000;
         /*
         float          : left;
         margin-left    : 5px;
         */
      }

input.button {float:left; margin-left:5px; display:block; background:url(../img/btn_bg.gif) repeat-x; border:solid 1px #c8ced4; line-height:26px; height:26px; color:#000; padding:0 5px; font:13px Malgun Gothic, Dotum, µ¸¿ò, sans-serif}
input.button:hover {background:#e0e0e0}

input.buttonSearch {background:url(../img/btn_bg2.gif) repeat-x; border:0; line-height:24px; height:24px; color:#fff; font:12px Malgun Gothic, Dotum, µ¸¿ò, sans-serif}
input.buttonSearch:hover {background:#e0e0e0}

input.word {float:left; height:18px; line-height:18px}

select.list {float:left; height:26px; line-height:26px; margin-left:5px}

input.del {float:left; height:26px; line-height:26px; margin-right:5px}

input.search {float:left; margin-left:5px; display:block; background:url(../img/btn_bg2.gif) repeat-x; border:solid 1px #c8ced4; line-height:26px; height:26px; color:#fff; padding:0 10px; font:13px Malgun Gothic, Dotum, µ¸¿ò, sans-serif}

.btnRight {float:right; margin-right:15px; width:auto}
.btnRight input.word {float:left; height:18px; line-height:18px; border:solid 1px #c8ced4; line-height:24px; height:24px; padding:0 5px}
.btnRight select {float:left; }
.btnRight input.search {float:left; margin-left:5px; display:block; background:url(../img/btn_bg2.gif) repeat-x; border:solid 1px #c8ced4; line-height:24px; height:24px; color:#fff; padding:0 10px; font:13px Malgun Gothic, Dotum, µ¸¿ò, sans-serif}
.btnRight input.button1 {float:left; margin-left:5px; display:block; background:url(../img/btn_bg.gif) repeat-x; border:solid 1px #c8ced4; line-height:24px; height:24px; color:#000; padding:0 5px; font:12px Malgun Gothic, Dotum, µ¸¿ò, sans-serif}
.btnRight input.button1:hover {background:#e0e0e0}
.btnRight input.button1BG {float:left; margin-left:5px; display:block; border:solid 1px #c8ced4; line-height:24px; height:24px; color:#000; padding:0 5px; font:12px Malgun Gothic, Dotum, µ¸¿ò, sans-serif}
.btnRight input.button1BG:hover {background:#e0e0e0}
.btnRight input.button2 {float:left; margin-left:5px; display:block; background:url(../img/btn_bg.gif) repeat-x; border:solid 1px #c8ced4; line-height:24px; height:24px; color:#000; padding:0 5px; font:12px Malgun Gothic, Dotum, µ¸¿ò, sans-serif}
.btnRight input.button2:hover {background:#e0e0e0}

/* Å×À̺í */

table.bbsStyle {width:100%; margin-top:20px}
table.bbsStyle th {background:#dfe8fc; border-top:solid 1px #abc3f6; border-bottom:solid 1px #abc3f6; height:21px; line-height:21px; color:#437cd3}
table.bbsStyle th span.arrows {margin-left:5px}
table.bbsStyle th span.arrows img {vertical-align:middle}
table.bbsStyle td {border-bottom:solid 1px #ccdbfa; height:21px; line-height:21px; text-align:center}
table.bbsStyle tr:hover {background:#fdf3f3}
table.bbsStyle tr.on:hover {background:#fdf3f3}
table.bbsStyle tr.on {background:#f5f5f5}

table.bbsStyle tr.pink {background:#fdf3f3}
table.bbsStyle tr.gray {background:#f5f5f5}
table.bbsStyle tr.white {background:#fff}

table.bbsStyle1 {width:100%; margin-top:20px; font-size:13px}
table.bbsStyle1 th {background:#dfe8fc; border:solid 1px #abc3f6; height:32px; line-height:32px; color:#437cd3}
table.bbsStyle1 th.bold{border-top:solid 2px #437cd3; border-right:solid 2px #437cd3; border-left:solid 2px #437cd3}
table.bbsStyle1 td.bold{border-right:solid 2px #437cd3; border-left:solid 2px #437cd3}
table.bbsStyle1 th span.arrows {margin-left:5px}
table.bbsStyle1 th span.arrows img {vertical-align:middle}
table.bbsStyle1 td {border-bottom:solid 1px #ccdbfa; border-left:solid 1px #ccdbfa; height:30px; line-height:30px; text-align:center; border-right:solid 1px #ccdbfa; padding:0 5px}
table.bbsStyle1 td.last {border-bottom:solid 1px #ccdbfa; height:30px; line-height:30px; text-align:center; border-right:solid 0px #ccdbfa}
table.bbsStyle1 tr:hover {background:#fdf3f3}
table.bbsStyle1 tr.on:hover {background:#fdf3f3}
table.bbsStyle1 tr.on {background:#f5f5f5}

table.bbsStyle2 {width:100%; margin-top:20px; font-size:13px}
table.bbsStyle2 th {background:#dfe8fc; border-top:solid 1px #abc3f6; border-bottom:solid 1px #abc3f6; height:32px; line-height:32px; color:#437cd3; border-right:solid 1px #abc3f6}
table.bbsStyle2 th span.arrows {margin-left:5px}
table.bbsStyle2 th span.arrows img {vertical-align:middle}
table.bbsStyle2 td {border-bottom:solid 1px #abc3f6; height:30px; line-height:30px; border-right:solid 1px #abc3f6; padding:0 5px}
table.bbsStyle2 td.last {border-bottom:solid 1px #abc3f6; height:30px; line-height:30px; border-right:solid 0px #ccdbfa}
table.bbsStyle2 tr:hover {background:#fdf3f3}
table.bbsStyle2 tr.on:hover {background:#fdf3f3}
table.bbsStyle2 tr.on {background:#f5f5f5}

table.bbsStyle3 {width:100%; margin-top:20px; font-size:13px}
table.bbsStyle3 th {background:#dfe8fc; border-top:solid 1px #abc3f6; border-bottom:solid 1px #abc3f6; height:32px; line-height:32px; color:#437cd3; border-right:solid 1px #abc3f6}
table.bbsStyle3 th span.arrows {margin-left:5px}
table.bbsStyle3 th span.arrows img {vertical-align:middle}
table.bbsStyle3 td {border-bottom:solid 1px #abc3f6; height:30px; line-height:30px; border-right:solid 1px #abc3f6; padding:0 5px}
table.bbsStyle3 td.last {border-bottom:solid 1px #abc3f6; height:30px; line-height:30px; border-right:solid 0px #ccdbfa}
table.bbsStyle3 tr:hover {background:#fdf3f3}
table.bbsStyle3 tr.on:hover {background:#fdf3f3}
table.bbsStyle3 tr.on {background:#f5f5f5}

table.defaultStyle {width:100%; margin-top:0px; font-size:13px}
table.defaultStyle th {background:#dfe8fc; border-top:solid 0px #abc3f6; border-bottom:solid 0px #abc3f6; height:32px; line-height:32px; color:#437cd3; border-right:solid 0px #abc3f6}
table.defaultStyle th span.arrows {margin-left:5px}
table.defaultStyle th span.arrows img {vertical-align:middle}
table.defaultStyle td {border-bottom:solid 0px #abc3f6; height:30px; line-height:30px; border-right:solid 0px #abc3f6; padding:0 5px}
table.defaultStyle td.last {border-bottom:solid 0px #abc3f6; height:30px; line-height:30px; border-right:solid 0px #ccdbfa}
table.defaultStyle tr:hover {background:#fdf3f3}
table.defaultStyle tr.on:hover {background:#fdf3f3}
table.defaultStyle tr.on {background:#f5f5f5}

table.defaultAddStyle {width:100%; margin-top:0px; font-size:13px}
table.defaultAddStyle th {background:#dfe8fc; border-top:solid 1px #abc3f6; border-bottom:solid 1px #abc3f6; height:21px; line-height:21px; color:#437cd3}
table.defaultAddStyle th span.arrows {margin-left:5px}
table.defaultAddStyle th span.arrows img {vertical-align:middle}
table.defaultAddStyle td {border-bottom:solid 1px #ccdbfa; height:21px; line-height:21px; text-align:center}
table.defaultAddStyle td.last {border-bottom:solid 0px #abc3f6; height:30px; line-height:30px; border-right:solid 0px #ccdbfa}
table.defaultAddStyle tr:hover {background:#fdf3f3}
table.defaultAddStyle tr.on:hover {background:#fdf3f3}
table.defaultAddStyle tr.on {background:#f5f5f5}

.pink {background:#fdf3f3}
.gray {background:#f5f5f5}
.white {background:#fff}


/* ÆäÀÌ¡ */
.paging { margin:20px 0}
.paging span.pagerContainer {display:block; text-align:center; height:21px;	width:100%;}
.paging a.pager,a.pager:visited,a.pager:active,span.pager { display:inline-block; margin-left:3px; padding:3px 5px; border:1px solid #c2c7d5; font-size:10px; color:#212121; text-decoration:none;}
.paging a.pager:hover {background:#437cd3; color:#fff}
.paging a.pagerOn {background:#437cd3; color:#fff; display:inline-block; margin-left:3px; padding:3px 5px; border:1px solid #c2c7d5; font-size:10px}

/* ¾÷ü¼öÁ¤ */
.popModifyDefault h1 {background:#437cd3; color:#fff; text-align:center; height:40px; line-height:40px; font-size:18px; font-weight:bold; margin-bottom:10px}
.popModifyDefault table {width:100%; margin-top:10px; font-size:12px; border-collapse:collapse; border-top:solid 1px #abc3f6;; }
.popModifyDefault table th {background:#dfe8fc;  height:32px; line-height:32px; color:#437cd3; border-bottom:solid 1px #abc3f6; _width:33% }
.popModifyDefault table td {border-bottom:solid 1px #abc3f6;; height:30px; line-height:30px; background:#fff; padding:3px 5px}
.popModifyDefault table td input {line-height:24px; height:24px; padding:0 5px}
.popModifyDefault table input.price {text-align:right; width:70px; padding:0 3px}

/* ¾÷ü¼öÁ¤ */
.popModify h1 {background:#437cd3; color:#fff; text-align:center; height:40px; line-height:40px; font-size:18px; font-weight:bold; margin-bottom:10px}
.popModify table {width:100%; margin-top:10px; font-size:12px; border-collapse:collapse; border-top:solid 1px #abc3f6;; }
.popModify table th {background:#dfe8fc;  height:32px; line-height:32px; color:#437cd3; border-bottom:solid 1px #abc3f6; width:33% }
.popModify table td {border-bottom:solid 1px #abc3f6;; height:30px; line-height:30px; background:#fff; padding:3px 5px}
.popModify table td input {line-height:24px; height:24px; padding:0 5px}
.popModify table input.price {text-align:right; width:70px; padding:0 3px}

/* ¼öÁ¤ */
.popModify1 h1 {background:#437cd3; color:#fff; text-align:center; height:40px; line-height:40px; font-size:18px; font-weight:bold; margin-bottom:10px}
.popModify1 table {width:100%; margin-top:10px; font-size:12px; border-collapse:collapse; border-top:solid 1px #abc3f6;; }
.popModify1 table th {background:#dfe8fc;  height:32px; line-height:32px; color:#437cd3; border-bottom:solid 1px #abc3f6}
.popModify1 table td {border-bottom:solid 1px #abc3f6;; height:30px; line-height:30px; background:#fff; padding:3px 5px}
.popModify1 table td input {line-height:24px; height:24px; padding:0 5px}
.popModify1 table input.price {text-align:right; width:70px; padding:0 3px}

/* ¾÷ü°Ë»ö */
.pop_list {z-index:999;visibility:hidden;width:250px;height:400px; margin:10px; background:#fff; border:solid 3px #437cd3; position:absolute; top:100px; left:20px}
.pop_list h1 {height:30px; background:#437cd3; line-height:30px; position:relative; color:#fff; font-size:18px; padding:0 10px; width:250px}
.pop_list h1 span {position:absolute; right:7px; top:5px}
.pop_list h1 p {position:absolute; left:10px}
.pop_list ul li {padding:5px 10px; border-bottom:solid 1px #eee}

.list_view {overflow-x:hidden;overflow-y:scroll;width:250px; height:370px}

.pop_list_place {z-index:999;visibility:hidden;width:250px;height:400px; margin:10px; background:#fff; border:solid 3px #3f3f3f; position:absolute; top:100px; left:20px}
.pop_list_place h1 {height:30px; background:#3f3f3f; line-height:30px; position:relative; color:#fff; font-size:18px; padding:0 10px}
.pop_list_place h1 span {position:absolute; right:10px; top:2px}
.pop_list_place h1 p {position:absolute; left:10px}
.pop_list_place ul li {padding:5px 10px; border-bottom:solid 1px #eee}

.list_view_place {overflow-x:hidden;overflow-y:scroll;width:250px; height:370px}

.codeform table {width:95%; margin:0 auto; border:solid 1px #c5c4c4;}
.codeform table th {background:#eee; border-bottom:solid 1px #c5c4c4; border-right:solid 1px #c5c4c4}
.codeform table td {border-bottom:solid 1px #c5c4c4; padding:5px}

table.sheetinfo {border:solid 1px #abc3f6}
table.sheetinfo th {width:60px; border-bottom:solid 1px #abc3f6; padding:3px 10px; background:#dfe8fc}
table.sheetinfo td {border-bottom:solid 1px #ccdbfa; padding:3px 10px}

.tabMenu {margin-top:10px}
.tabMenu span a {float:left; display:block; padding:5px 10px; background:#fff; border-top:solid 1px #abc3f6; border-bottom:solid 1px #abc3f6; border-left:solid 1px #abc3f6; border-right:solid 1px #abc3f6; margin-right:2px; font-weight:bold}
.tabMenu span a:hover {background:#437cd3; border-top:solid 1px #437cd3; color:#fff}
.tabMenu span a.on {background:#437cd3; border-top:solid 1px #437cd3; color:#fff}

.event {float:left; width:45%; margin-top:20px}
.event h1 {font-size:14px; background:url(/img/ico_round.gif) no-repeat 0 50%; padding-left:15px; color:#0e58b2}
.event table {margin-top:10px}

.order {float:right; width:53%; margin-top:20px}
.order h1 {font-size:14px; background:url(/img/ico_round.gif) no-repeat 0 50%; padding-left:15px; color:#0e58b2 position:relative; height:23px}
.order h1 input {position:absolute; right:0px;}
.order table {margin-top:10px}

.orderFile {float:right; width:100%; margin-top:20px}
.orderFile h1 {font-size:14px; background:url(/img/ico_round.gif) no-repeat 0 50%; padding-left:15px; color:#0e58b2; position:relative; height:23px}
.orderFile h1 span {position:absolute; right:0px;}
.orderFile table {margin-top:10px}

.orderUser {width:100%; margin-top:20px; }
.orderUser h1 {font-size:14px; background:url(/img/ico_round.gif) no-repeat 0 50%; padding-left:15px; color:#0e58b2; height:23px; position:relative;}
.orderUser h1 div {position:absolute; right:0}
.orderUser table {margin-top:10px}

.member {margin-top:20px}
.member h1 {font-size:14px; background:url(/img/ico_round.gif) no-repeat 0 50%; padding-left:15px; color:#0e58b2; position:relative}
.member h1 input {position:absolute; right:0}
.member table {margin-top:10px}