@charset "utf-8";

/* CSS Document */



@import url('default.css');



#wrap {width:100%; position:relative; min-width:1200px;}

#header {width:100%; height:110px; background-color:#e9e9e9; position:relative; }

#container {width:100%; position:relative; margin-top:30px;}

#footer {width:100%; height:100px; border-top:1px #ccc solid; position:relative; margin-top:70px; text-align:center; line-height:50px; color:#999;}



/* 로그인 페이지 */

#login_wrap{ width:100%; position:relative; margin:0; padding:0; }

#login_wrap:after { content:""; display:block; clear:both; }

#login_wrap p.logo{display:block;margin:0;padding:188px 0 30px 0;width:900px;margin:0 auto}

#login_wrap #login_bgbox{width:100%;height:223px;background-color:#4c4c4c;}

.loginbox{ position:relative; width:900px; height:223px; margin:0 auto; background-image: url(../images/login_back.jpg); background-repeat: no-repeat; background-position: 50px bottom; }

.loginbox .lf_box{position:absolute;top:0;right:0;width:435px;height:223px;background-color:#acae22;}/* Point BG Color */

.loginbox .lf_box p.txt{display:block;padding:40px 0 0 45px;}

.loginbox .lf_box .loginform { position:absolute; right:40px; top:110px; width:350px; }/*login form*/

.loginbox .lf_box .loginform li.fo {width:250px; float:left; list-style:none; outline:none;}

.loginbox .lf_box .loginform li.bt{width:98px;text-align:right;float:left;list-style:none; outline:none;}

.loginbox .lf_box .loginform dl { width:350px;padding:0;margin:0; }

.loginbox .lf_box .loginform dt { float:left; width:45px; height:30px;line-height:30px;color:#fff;}

.loginbox .lf_box .loginform dd { float:left; width:300px; height:30px;}

.loginbox .lf_box .loginform input.login{width:200px; border:none; background-color:#fff; height:26px; padding:0; line-height:26px; margin:0; border-color:#000;}

.png24 {tmp:expression(setPng24(this));} 



/* header */

.top {width:1200px; height:70px; position:relative; }

.top .logo {width: 173px; height: 19px; position: absolute; top: 25px; left: 50%; margin-left: -86px;}



/* navigation */

#header .gnb_wrap {width:100%; height:45px; position:relative;  background-color:#383838;}

#header .gnb_wrap .gnb {width:1200px; height:45px; position:relative; color:#fff;}

#header .gnb_wrap .gnb .menu { width:550px; height:20px; position:absolute; top:10px; right:0px; text-align:right;}

#header .gnb_wrap .gnb ul {width:530px; position:absolute; top:2px; left:0;}

#header .gnb_wrap .gnb li {width:130px; height:12px; float:left; border-right:1px #666 solid; margin-top:15px;}

#header .gnb_wrap .gnb li:first-child {height:12px; border-left:1px #666 solid; margin-top:15px;}

#header .gnb_wrap .gnb ul a {font:12px "돋움", dotum; color:#fff; font-weight:bold; line-height:14px; text-align:center; display:block; }

#header .gnb_wrap .gnb ul a:hover { color:#3FF;}







/* contents */

.contents {width:1200px; position:relative;}

.title {width:100%; height:30px; font:12px "돋움", dotum; color:#666; position:relative; margin-bottom:10px;}

.title h2 {color:#333; position:absolute; bottom:0; left:0;}

.title p {width:300px; position:absolute; bottom:0; right:0; text-align:right;}





/* input */

select {height:22px; border:1px #ccc solid; font:12px "돋움", dotum; vertical-align:middle;}

textarea {border:1px #ccc solid; }



input[type=text] {height:20px; border:1px #ccc solid; font:12px "돋움", dotum; vertical-align:middle; line-height:20px;}

input[type=checkbox] {vertical-align:-2px;}

input[type=radio] {vertical-align:-2px;}

/*textfield { height:20px; border:1px #ccc solid; font:12px "돋움", dotum; vertical-align:middle; line-height:20px;}

.checkbox {vertical-align:-2px;}*/



.btn { display:inline-block; background-color:#fff; color:#333; font:12px "돋움", dotum; border:1px #aaa solid; text-align:center; line-height:25px;}

.btn2 { display:inline-block; background-color:#383838; color:#fff; font:12px "돋움", dotum; text-align:center; line-height:24px; vertical-align:middle;}

.btn3 {display:inline-block; font:12px "돋움", dotum; color:#fff; text-align:center; line-height:25px;}



/* search */

.search {width:100%; border-top:2px #333 solid; border-bottom:1px #999 solid; position:relative;}

.search:after {content:""; display:block; clear:both;}



.search table {margin:0;}

.search table th {text-align:left; line-height:30px;}



.search .list_box {width:100%; padding-top:15px; }

.search .list_box .box {width:1160px; height:25px; position:relative;}



.search .list_box2 {width:100%; border-top:1px #ccc solid; padding-top:15px; }

.search .list_box2 ul {width:1160px; padding-left:20px;}

.search .list_box2 li {width:145px; height:22px; float:left; line-height:22px;}





.type01 {position:absolute; top:0; left:0; line-height:25px;}

.type02 {position:absolute; top:0; right:0; line-height:25px; }







/* board */

.board {width:100%; position:relative; margin-top:20px;}

.board:after { content:""; display:block; clear:both; }



.board .board_top { width:100%; height:25px; position:relative; line-height:25px;}

.board .board_top .selectbox {position:absolute; top:0; right:0;}



.board .textbox {width:100%; background-color:#c1efee; border-top:2px #333 solid; border-bottom:1px #999 solid; position:relative; text-align:center;}



.board .paging {width:100%; height:20px; position:relative; margin-top:30px; text-align:center; line-height:20px;}

.board .right_btn {width:100%; height:25px; position:relative; margin-top:20px; text-align:right;}

.board .center_btn {width:100%; position:relative; margin-bottom:50px; text-align:center;}



.board .left {text-align:left; padding-left:10px;}



/* board_01 */

.board_01 {width:1200px; border-top:1px #999 solid; margin-top:5px;}

.board_01 th {background-color:#eee; color:#333; border-bottom:2px #666 solid; padding:13px 0;}

.board_01 td { font:11px "돋움", dotum; padding:13px 0 13px 15px; }

.board_01 .line {border-bottom:1px #ccc solid;}



.board_01 .list_01 {text-align:center;}

.board_01 .list_02 td {color:#df6e00; padding-left:25px;}





/* board_02 (기본table) */

.board_02 {width:1200px; border-top:1px #999 solid;}

.board_02 th {background-color:#eee; color:#333; border-bottom:2px #666 solid; text-align:center; padding:12px 0; }

.board_02 td { font:12px "돋움", dotum; border-bottom:1px #ccc solid; text-align:center;  padding:12px 0;}

.board_02 .left {text-align:left; padding-left:10px;}





/* board_03 (관리자) */

.board_03 {width:450px; border-top:2px #999 solid; margin-top:30px;}

.board_03 th {background-color:#eee; color:#333; border-bottom:1px #ccc solid; padding:15px 0;}

.board_03 td { font:12px "돋움", dotum; border-bottom:1px #ccc solid; text-align:left; padding:15px 0 15px 15px;}



/* board_04 */

.board_04 {width:1200px; border-top:2px #999 solid; margin-top:30px;}

.board_04 th { background-color:#eee; color:#333; border-bottom:1px #ccc solid; padding:15px 0;}

.board_04 td { font:12px "돋움", dotum; border-bottom:1px #ccc solid; text-align:left; padding:15px 0 15px 15px;}

.board_04 .text { padding:12px 0 12px 15px; }



/* board_05 */

.board_05 {width:585px; margin-top:30px; position:relative; float:left;}







.board_05 .list { border:1px #ccc solid; padding:20px 20px; margin:0 auto; }

.board_05 .list:after { content:""; display:block; clear:both; }





.board_05 .list .list_num {float:left; margin-right:6px;}

.board_05 .list .list_num li {font-size:16px; font-weight:bold; text-align:center; padding:51px 12px; border:1px #ddd solid; margin:5px 0;}

.board_05 .list .list_num li:first-child {margin-top:0;}

.board_05 .list .sortable .list_box:last-child {margin-bottom:0;}



.board_05 .list .sortable {width:500px; margin:0; padding:0; float:left; }

.board_05 .list .sortable .list_box {margin:5px 0; font-size:16px;}

.board_05 .list .sortable .list_box:first-child {margin-top:0;}

.board_05 .list .sortable .list_box:last-child {margin-bottom:0;}

.board_05 .list .sortable .list_box .item {display:block; height:100px; padding:10px 0 10px 10px; border:1px #ddd solid; background-color:#f0f0f0;}

.board_05 .list .sortable .list_box .item span,

.board_05 .list .sortable .list_box .item img,

.board_05 .list .sortable .list_box .item input {float:left; display:inline-block;}

.board_05 .list .sortable .list_box input[type=checkbox] {width:15px; height:15px;}

.board_05 .list .sortable .list_box .item .name {width:200px; margin-left:30px; padding:41px 0; font-weight:bold; }

.board_05 .list .sortable .list_box .item .btn_box {padding:40px 0;}



/* board_07 */

.board_07 {width:1200px; border-top:2px #333 solid; margin-top:20px;}

.board_07 th {background-color:#eee; color:#333; border-bottom:1px #ccc solid; line-height:40px;}

.board_07 td { font:12px "돋움", dotum; border-bottom:1px #ccc solid; text-align:left; padding:10px 0 10px 25px;}

.board_07 .text { padding:12px 0 12px 25px; }

.board_07 .right_btn {width:100%; height:25px; position:relative; margin-top:20px; text-align:right;}

.board_07 .left {text-align:left; padding-left:15px;}



.edit_pop {width:100%; position:relative;}

.edit_pop:after {content:""; display:block; clear:both;}

.edit_pop .bg {width:100%; height:1000px; overflow:hidden; position:absolute; top:0; left:0; background-color:#000; filter:progid:DXImageTransform.Microsoft.alpha(opacity=80); opacity: 0.6; z-index:9;}

.edit_pop .close {width:50px; height:50px; position:absolute; top:100px; left:50%; margin-left:350px; z-index:11;}

.edit_pop .edit {width:600px; z-index:10; position:absolute; top:100px; left:50%; margin-left:-330px; background-color:#fff; padding:40px 40px 30px; }

.edit_pop .edit .edit_btn {width:100%; text-align:center;}

.edit_pop .edit .edit_table {width:600px; }

.edit_pop .edit .edit_table table { border-top:2px #666 solid;}

.edit_pop .edit .edit_table th {background-color:#eee; color:#333; border-bottom:1px #ccc solid; text-align:center; line-height:40px;}

.edit_pop .edit .edit_table td {color:#333; border-bottom:1px #ccc solid; text-align:left; padding-left:20px; }