@charset "euc-kr";

/*** CMS Common Style ***/
/** Login **/
.login{width:275px; margin:100px auto 0;}
.login h1{margin:0; padding:0; background:none; border:0; font-size:14px;}
.inp_info{position:relative; margin-top:10px; font-size:14px; font-weight:bold;}
.inp_info label{position:absolute; top:12px; left:13px; color:#999;}
.inp_area{display:block; width:270px; height:43px; border:1px solid #b1b1b1; border-radius:3px;}
.inp_on .inp_area {border-color:#5994fd; background-color:#f6f9ff;}
.inp_area input{width:250px; height:18px; margin:13px 0 0 12px; font-size:14px; font-weight:bold; line-height:18px; border:0; background:none; outline:0;}
.btn_login{width:273px; height:43px; margin:10px auto 0; border:1px solid #4b7ed7; border-radius:3px; background:#508bf4; font-size:14px; font-weight:bold; color:#fff; cursor:pointer;}
.btn_login2{display:inline-block; width:273px; margin:10px auto 0; padding:0 0 5px; border-radius:5px; background:#1e50ac;}
.btn_login2 input{width:273px; height:43px; border:0; border-radius:5px; background:#508bf4; font-size:14px; font-weight:bold; color:#fff; cursor:pointer;}
.copy{margin:15px 0 0; padding:10px 0 0 0; border-top:1px solid #ddd; text-align:center; font-size:11px; color:#999;}

/** Top **/
#cms_top{background:#43474E; font-family:"¸¼Àº °íµñ"; color:#A4A5A6;}
#cms_top .nav_top{height:19px; padding:5px 10px; border-bottom:1px solid #25272C; background:#2E3137; color:#A4A5A6; text-align:right;}
#cms_top .nav_top a{color:#A4A5A6;}
#cms_top .date_area{position:absolute; top:35px; right:10px;}
#cms_top .gnb{float:left; height:50px;}
#cms_top .gnb li{float:left;}
#cms_top .gnb li a{float:left; height:50px; padding:0 30px; line-height:50px; border-left:1px solid #25272C; font-size:14px; font-weight:bold; color:#fff;}
#cms_top .gnb li:first-child a{width:100%; padding:0; background:none !important; box-shadow:none !important; text-align:center;}
#cms_top .gnb li a.on,
#cms_top .gnb li a:hover,
#cms_top .gnb li a:focus{background:#2E3137; color:#3DAEE6; box-shadow:0 0 10px #222222 inset;}

/** Left **/
#cms_left{background:#FBFBFB;}
#cms_left h2{padding:10px; border-bottom:1px solid #4b7ed7; background:#508bf4; font-family:"¸¼Àº °íµñ"; font-size:14px; color:#fff;}
#cms_left .lst{padding:10px 0; border-bottom:1px solid #e8e8e8;}
#cms_left .lst li{}
#cms_left .lst li a{display:block; padding:5px 0 5px 10px;}
#cms_left .lst li a.on,
#cms_left .lst li a:hover,
#cms_left .lst li a:focus{background:#f0f0f0; font-weight:bold; color:#508BF4; letter-spacing:-1px;}

/** Main **/
#cms_main{padding:0 10px 10px;}
/** Common **/
.tal{text-align:left !important;}
.tac{text-align:center !important;}
.tar{text-align:right !important;}
.valt{vertical-align:top !important;}
.valm{vertical-align:middle !important;}

#cms_main h1{margin:0 0 20px; padding:10px; border-bottom:2px solid #444;}
#cms_main .lst_head{margin:0 0 10px; padding:5px 5px 5px 10px; border:1px solid #E4E5E7;}
/* Table */
#cms_main table{border-collapse:collapse; border:0; width:100%; margin:10px 0; border:1px solid #E4E5E7;}
#cms_main table th{padding:5px 8px; border:1px solid #E4E5E7; background:#F9F9F9;}
#cms_main table td{padding:4px 5px 3px; border:1px solid #F1F1F1}
/* CMS ¿¡µðÅÍ */

/* CMS ¿¡µðÅÍ End */

/* Button */
#cms_main .button{height:20px; padding:0 8px; border:1px solid #ccc; border-radius:3px; background:#F6F6F6; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f6f6f6)); vertical-align:middle; cursor:pointer;}
#cms_main a.button{display:inline-block; height:18px; line-height:19px;}
/*
#cms_main .button:hover,
#cms_main .button:focus{border-color:#96A0CB; background:#E5E9FA; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#F2F5FF), to(#E5E9FA));}
*/
/* ¸Þ´º¸í ºñÈ°¼º */
#cms_main .button strike{color:#999;}
/* ¼û±è,º¸ÀÓ */
#cms_main .button[href*="state="]{position:relative; overflow:hidden; height:20px; padding:0 20px 0 10px; border:0; border-radius:10px; background:#508bf4; color:#fff;}
#cms_main .button[href*="state=Y"]{padding:0 10px 0 20px; background-color:#fff; box-shadow:inset 0px 0px 0px 2px #e0e0e0; color:#ccc;}
#cms_main .button[href*="state="]:before{content:'ON'; display:block; width:100%; height:100%; font-family:aril; font-size:12px;}
#cms_main .button[href*="state=Y"]:before{content:'OFF';}
#cms_main .button[href*="state="]:after{content:''; display:inline-block; position:absolute; top:2px; right:2px; width:16px; height:16px; border-radius:50%; box-shadow:-3px 0 3px rgba(0,0,0,.1); background:#fff;}
#cms_main .button[href*="state=Y"]:after{left:2px; box-shadow:3px 0 3px rgba(0,0,0,.15);}
/* Fieldset */
#cms_main input[type=text],
#cms_main input[type=password]{height:18px; padding:0 0 0 5px; border:1px solid #ddd; border-top-color:#ccc; border-left-color:#ccc; vertical-align:middle;}
#cms_main input[type=file]{height:19px; padding:1px; border:1px solid #ddd; border-top-color:#ccc; border-left-color:#ccc; vertical-align:middle;}
#cms_main textarea{border:1px solid #ddd; border-top-color:#ccc; border-left-color:#ccc;}
#cms_main input[type=checkbox],
#cms_main input[type=radio]{vertical-align:middle;}
#cms_main select{height:20px; margin-top:1px; padding:1px; border:1px solid #ccc; vertical-align:middle;}
/* ±×·¡ÇÁ */
#cms_main .graph{position:relative; height:14px; margin:0 55px 0 0; background:#ebeff6;}
#cms_main .graph .g_bar{position:absolute; top:0; left:0; min-width:2px; height:14px; background:#8ED9FF; text-align:right;}
#cms_main .graph .g_bar span{position:absolute; top:0; right:-55px; width:50px; height:14px; font-family:Tahoma, Geneva, sans-serif; font-size:11px; line-height:14px; text-align:left;}
#cms_main .graph2{position:relative; height:14px; margin:0 65px 0 0; background:#ebeff6;}
#cms_main .graph2 .g_bar{position:absolute; top:0; left:0; min-width:2px; height:14px; background:#8ED9FF; text-align:right;}
#cms_main .graph2 .g_bar span{position:absolute; top:0; right:-65px; width:60px; height:14px; font-family:Tahoma, Geneva, sans-serif; font-size:11px; line-height:14px; text-align:left;}

/* Cms Menu */
.tbl_cms_menu .mnD2{position:relative;}
.tbl_cms_menu .mnD2:before{content:'2'; position:absolute; top:0; right:10px; font-family:tahoma; font-size:10px; line-height:10px; color:#f00;}
.tbl_cms_menu .mnD3{position:relative;}
.tbl_cms_menu .mnD3:before{content:'3'; position:absolute; top:0; right:10px; font-family:tahoma; font-size:10px; line-height:10px; color:#080;}
.tbl_cms_menu .mnD4{position:relative;}
.tbl_cms_menu .mnD4:before{content:'4'; position:absolute; top:0; right:10px; font-family:tahoma; font-size:10px; line-height:10px; color:#00f;}
.tbl_cms_menu .mnD5{position:relative;}
.tbl_cms_menu .mnD5:before{content:'5'; position:absolute; top:0; right:10px; font-family:tahoma; font-size:10px; line-height:10px; color:#00f;}
.tbl_cms_menu .mnD6{position:relative;}
.tbl_cms_menu .mnD6:before{content:'6'; position:absolute; top:0; right:10px; font-family:tahoma; font-size:10px; line-height:10px; color:#00f;}

/* ´Þ·Â ÀԷ»óÀÚ ¿À¸¥ÂÊ ¿©¹é */
input.datepicker { margin-right:5px; }