@charset "utf-8";
@import "table.css";
@import "popup.css";

/************************************************************************
 * 파일명      : admin.css
 * 설명         : 관리자_공통
 * 작성자      : (주)스마일웹 디자인팀
 * 작성일      : 2009.04.02
************************************************************************/

/* basic */
* {margin:0; padding:0;}
html {height:100%; font-family:dotum, Gulim; background:#fff;}
body {line-height:150%; font-size:0.75em;}
div, ul, ol, dl, p, td, th, input, textarea, select {font-family:dotum, Gulim; color:#777; font-family:dotum, Gulim;}
div, p, input, textarea, select, h1, h2, h3, h4, em, address, fieldset, form, iframe, object {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0; width:100%; font-family:dotum, Gulim; font-size:12px;}
fieldset,img {border:0; vertical-align:middle;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
abbr,acronym {border:0;}
hr, legend {display:none;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;}
input,select,option {font-size:11px; font-family:돋움;border:0 solid cccccc; vertical-align:middle;}
ul, ol, li, dl, dt, dd {list-style:none; margin:0; padding:0;}
.png24 {tmp:expression(setPng24(this))}

table a:link, table a:visited {color:#777;}
table a:hover, table a:active {color:#3e88bf; text-decoration:none;}
a {text-decoration:none; color:#777;}
a:hover, a:active, a:focus {color:#3e88bf; text-decoration:none;}
a,img,input {outline:none; selector-dummy:expression(this.hideFocus=true);} 

/* layout */
#wrap {min-width:1000px; margin:0 auto; background-color:#fff; _margin-left:1000px;}
#wrap2 {position:relative; _margin-left:-1000px;}
html #wrap {height:1px;}
html #wrap2 {height:1px;}
#header {overflow:hidden; position:relative;} 
#container {height:auto !important; height:300px; min-height:300px; margin:10px 10px 40px 10px;}
#content {height:auto !important; height:300px; min-height:300px; margin-left:213px;}
#footer {clear:both; height:28px; background-color:#efefef; text-align:right; padding:13px 10px 0 0;}

/* header */
.gnb1 {position:relative; margin:0px; height:60px;}
.gnb2 {clear:both; height:40px; background:#1461a8 url('/adminnew/images/main/bg_tmu.gif') repeat-x 0 0;}
.logo {width:200px; position:absolute; top:7px; left:0; margin-left:13px;}
.utill {position:absolute; top:37px; right:0;}
.utill li {display:inline; margin:0; padding:2px; white-space:nowrap;}
.utill li a:hover {color:#687a8b; text-decoration:none;}
.utill .mu {padding-left:0px; font-weight:bold;}
.utill .bar {font-size:11px; font-family:dotum,돋움,sans-serif; color:#e2e2e2;}
.today{padding: 12px 0 0 13px; width:200px; height:20px; font-weight:bold; color:#FFFFFF;}
.tmu {position:absolute; margin:9px 0 0 205px; top:63px; left:15px; height:28px; overflow:hidden; background:url('/adminnew/images/main/bg_tmu_c.gif');}
.tmu li {display:inline; float:left;}
.tmu  .mu {padding:8px 15px 0px 15px;}
.tmu .mu a {color:#679acb; font-size:12px; font-family:돋움,dotum;  font-weight:bold;}
.tmu .mu a:hover {color:#3372b3; text-decoration:none;}
.tmu .bar {padding:8px 0 0 0; font-size:11px; color:#b2cce5;}

.nav {padding:6px; text-align:right; background-color:#efefef; font-size:11px;}
.nav strong {color:#777;}

/* menu */
.snb {width:200px; float:left; padding-bottom:20px;}
.snb h1 {padding-top:12px; padding-bottom:12px; font-size:15px; color:#FFF; font-weight:bold; text-align:center;  background:url('/adminnew/images/main/bg_lmu.gif') no-repeat 0 0;}
.lmu {padding:20px; margin-bottom:20px; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.lmu .h2 {height:20px; font-size:12px; color:#2c557b; font-weight:bold; text-align:left; border-bottom:#e4e4e4 1px solid; background:#fff; padding:0;}
.lmu ul {margin:10px 0;}
.lmu li {line-height:18px;}

/* form */
select,input {vertical-align:middle; font-size:11px;}
input.text {height:15px; border:1px solid #ccc; padding:2px 6px; display:inline-block; background:#F8F8F8;}
textarea.textarea {font-family: Dotum, Gulim; border:1px solid #ccc; padding:5px; font-size:1em; color:#888; line-height:1.5; width:98%; height:100px;}
textarea.textarea2 {font-family: Dotum, Gulim; border:1px solid #ccc; padding:5px; font-size:1em; color:#888; line-height:1.5; width:98%; height:200px;}
textarea.mail_textarea {font-family: Dotum, Gulim; border:1px solid #ccc; padding:5px; font-size:1em; color:#888; line-height:1.5; width:740px; height:300px;}

/* title & bullet & button */
h1 {font-size:15px; background:url('/adminnew/images/icon/bu_square_blue.gif') no-repeat 0px 30%; text-align:left; padding:0 0 6px 14px; font-weight:bold; color:#333;}
h2 {margin-bottom:4px; font-size:11px; background:url('/adminnew/images/icon/bu_square_orange.gif') no-repeat 0px 45%; text-align:left; padding:0px 0 0 12px; font-weight:bold;} 
.bu_square_orange {background:url('/adminnew/images/icon/bu_square_orange1.gif') no-repeat 5px 60%; text-align:left; padding:2px 0 0 15px; font-size:11px;} 
.bu_square_orange2 {background:url('/adminnew/images/icon/bu_square_orange1.gif') no-repeat 0 60%; text-align:left; padding:2px 0 0 18px; font-size:11px; margin:0;} 
.bu_circle_gray {background:url('/adminnew/images/icon/bu_dot_gray.gif') no-repeat 4px 50%; text-align:left; padding-left:15px; font-size:11px;} 
.bu_arrow_blue {background:url('/adminnew/images/icon/bu_arrow_blue.gif') no-repeat 0px 50%; text-align:left; padding-left:12px;} 
.btn {text-align:center; padding:20px 0;}
.btn_simg {padding:2px;}

/* color */
.f_orange {color:#fc732e;} 
.f_orange1 {color:#ff9303;}
.f_orange2 {color:#f46317;}
.f_blue {color:#2c63b3;} 
.f_blue1 {color:#6390c8;}
.f_blue2 {color:#2e4362;} 
.f_gray {color:#777;}
.f_gray1 {color:#4b4b4b;}
.f_gray2 {color:#999;} 

/* size */
.f_11px {font-size:11px;}
.f_12px {font-size:12px;}
.f_16px {font-size:16px;}

/* style */
.f_bold {font-weight:bold;}

/* align & float */
.ta_l {text-align:left;}
.ta_c {text-align:center;}
.ta_r {text-align:right;}
.float_l {float:left;}
.float_c {float:center;}
.float_r {float:right;}

/* padding & margin & line-height */
.pd_l10 {padding-left:10px;}
.pd_b10 {padding-bottom:10px;}
.pd_a80 {padding:80px;}
.pd_tb20 {padding:20px 0;}
.mg_l390 {margin-left:390px;}
.mg_lr10 {margin:0 10px 0 10px;}
.mg_rt20 {margin:20px 20px  0 0;}
.mg_r20 {margin-right:20px;}
.mg_t10 {margin-top:10px;}
.mg_t20 {margin-top:20px;}
.mg_tl10 {margin:10px 0 0 10px;}
.mg_tb10 {margin:10px 0 10px 0;}
.f_lh90 {line-height:90%;}

/* paging */
.paging {text-align:center; padding:20px 0;}
.paging li {display:inline;padding:0 3px; white-space:nowrap;vertical-align:top;}
.paging li.gap {color:#ddd;font-size:11px;}
.paging a:hover {color:#3e88bf; text-decoration:none;}
.paging a:active {color:#3e88bf; text-decoration:none; font-weight: bold;}

/* box & line & list & login */
.bx_scroll {verflow-x:hidden; overflow-x:auto; overflow-y:scroll; height: 158px; border: 1px solid #ccc; margin-top: 2em; padding:10px;}
.bx_scroll li {display:inline; float:left; text-align:center;}
.bx_scroll li a {color:#679acb; font-size:12px; font-family:돋움,dotum;  font-weight:bold;}

.line_h_dot {height:1px; background:url('/adminnew/images/icon/line_h_dot.gif') repeat-x 0 0; margin-top:40px;} 
.line_h_dot2 {height:1px; background:url('/adminnew/images/icon/line_h_dot.gif');}
.line_gray_a {border:1px #e6e6e6 solid;}
.line_gray_t {border-top:1px #e6e6e6 solid;}

.nolist {text-align:center; padding-top:15px; height:35px; font-weight:bold; border-bottom:1px solid #ddd;}

.admin_login {position:relative; width:100%; height:257px; background:url('/adminnew/images/main/adminlogin_bg.gif') repeat-x 0 0; margin-top:150px; text-align:center;}
.admin_login .a_login {position:relative; margin-left:auto; margin-right:auto; width:508px; height:257px; background:url('/adminnew/images/main/adminlogin_bg2.gif');}
.admin_login .write {position:absolute; left:150px; top:138px;}
.admin_login .write input.text {height:20px; border:1px solid #ccc; margin-bottom:2px; display:inline-block; background:#F8F8F8;}
.admin_login .btn {position:absolute; left:360px; top:120px;}