@charset "euc-kr";

/**********************************************************
* dafault
***********************************************************/
* {margin:0; padding:0;}

body {
	top repeat-x #FFFFFF;
	}

div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, table, td, th {margin:0; padding:0; font-family:'Nanum Gothic','Malgun Gothic',  dotum, "µ¸¿ò"; font-size:12px; color:#000000; line-height:150%;}
/*tr {vertical-align:top}*/
img {border:0 none;}

a:link , a:visited, a:active {color:#336699; text-decoration:none;font-weight: bold}, a:hover {color:#4664a2; text-decoration:none;font-weight: bold}


/**********************************************************
* left
***********************************************************/
.leftmenu{
	font-weight: normal!important;
	color:#666666 !important;
	}	


/**********************************************************
* top
***********************************************************/
.topmenu{
	color: #ffffff !important;
	vertical-align: middle;
	font-weight: bold;
	margin:20px;
	}	
.topmenu2{
	color: yellow !important;
	vertical-align: middle;
	font-weight: bold;
	margin:20px;
	}	
.topmenu_bar{
	color: gray !important;
	}	


/**********************************************************
* contents
***********************************************************/
.contents{
	vertical-align: top;
	text-align:left;
	}
	
.title_con{
    padding-top: 15px;
	padding-bottom:10px;
	font-weight: bold;
	font-size:14px;
	color:#354b78;
	height:30px
	}
	
/**********************************************************
* bottom
***********************************************************/
#copyright{
	color: #CCCCCC;
	font-family:verdana;
	font-size:8pt;
	}	


a.normal:link {  text-decoration: none}
a.normal:active {  text-decoration: none}
a.normal:visited {  text-decoration: none}
a.normal:hover {  text-decoration: underline}



/* --------------------------------------------
 * ·Î±×ÀÎ
/* ------------------------------------------ */
input{box-sizing:border-box;   }/*-webkit-appearance: none;  -moz-appearance: none;*/
input, select, textarea{transition:border 0.3s ease-out; }
input:focus,  textarea:focus{background:#fff; transition:border 0.3s ease-out; } /*border-color:#666;*/


#wrap_bkoff { width:100%; background:url(../img/bg_bkoff.gif) top center repeat-x; padding:9.5% 0;}
.admin_box { width:920px; height:540px; padding:15px; background:#fff; border-radius:10px; box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; margin:0 auto}
.admin_img { width:570px; margin-bottom:10px; float:left}
.admin_cts { width:275px; margin:10px 30px 15px 45px ; float:left}
.admin_cts ul {list-style:none; padding:0; margin:0}
.admin_cts li {margin-bottom:10px; overflow:hidden;  }
.admin_cts li:nth-child(1) {background:url(../img/ico_id.png)5% center no-repeat !important; border:1px solid #e5e5e5; border-radius:5px; line-height:45px;  padding-left:40px; }
.admin_cts li:nth-child(2) {background:url(../img/ico_pw.png)5% center no-repeat !important; border:1px solid #e5e5e5; border-radius:5px; line-height:45px;  padding-left:40px; }

.admin_tit { width:100%; font-size:30px; color:#444; font-family: 'Nanum Gothic'; font-weight:800; letter-spacing:-1px; line-height:100%; text-align:center; margin:30px 0; float:left}
.admin_tit span {font-size:30px; color:#4160ae; font-family: 'Nanum Gothic'; font-weight:800; letter-spacing:-1px;  line-height:150%;}
.admin_tit p {font-size:14px; color:#999; margin-bottom:5px;}

.input_admin {width:90%; font-weight:600; font-size:13px; line-height:47px;  background:none; border:0;}
.input_admin:focus {background:#fff; border:0; transition:border 0.3s ease-out; }

.submit_admin a { width:100%; background:#5e86ec; text-align:center; color:#fff; font-size:15px; line-height:50px; font-weight:600; border:0; border-radius:5px; display:block}

.admin_txt {width:100%;  float:left}
.admin_txt p {margin:5px 0; color:#666; font-size:13px; padding-left:8px;  position:relative;}
.admin_txt p:before {position:absolute; left:0; top:8px; display:block; content:""; width:3px; height:3px; background:#999;}