/* CSS Document */
@charset "utf-8";

* {padding:0px; margin:0px;}
body, html{
		
	font-family:'돋움','NSimSun','dotum','verdana','Tahoma','Helvetica','Arial';
	margin:0;
	padding:0;
	background:#FFFFFF;
	font-size:12px;
	color:#666666;	
	margin-right: auto; 
    margin-left: auto;
}
a:link { color:#808080; text-decoration:none }
a:active { color:#00a2b1; text-decoration:none }
a:visited { color:#808080; text-decoration:none }
a:hover { color:#00a2b1; text-decoration:none }

/* 폼필드에 사용되는 스타일 시트 */
.form { height:21; background-color:#FFFFFF; color:#666666; font-size:9pt; text-align:left; text-valign: middle;}
.input_field { border: 1px #d7d7d7 solid; height:22px; background-color:#FFFFFF; color:#000000; font-size:9pt; text-align:left; text-valign: middle;}
.text_field { border: 1px #d7d7d7 solid; background-color:#FFFFFF; color:#000000; font-size:9pt; text-align:left; }
.input_button { border: 1px #8ba83d solid; height:22px; background-color:#CCCCCC; color:#000000; font-size:9pt; text-align:center; text-valign: middle;}
.button_green { border: 1px #8ba83d solid; height:22px; background-color:#009966; color:#FFFFFF; font-size:9pt; text-align:center; text-valign: middle;}

.button_yell { border: 2px #9db363 solid; height:22px; background-color:#d9ebaa; color:#000000; font-size:12px; text-align:center; line-height:18px;}
.input_button_bold { border: 2px #9db363 solid; height:22px; background-color:#d9ebaa; color:#000000; font-size:12px; text-align:center; line-height:18px; padding:3 10 0 10; }
.input_button_menu { border: 2px #9db363 solid; height:22px; background-color:#d9ebaa; color:#000000; font-size:12px; text-align:center; line-height:18px; padding:3 10 0 10; }

.input_button_time { border: 2px #4e4e4e solid; height:23; line-height: 18px; background-color:#FFFFFF; color:#000000; font-size:12px; text-align:center; font-weight:bold; padding:0 10 0 10;}

.input_button_1 { border: 1px #9d9c9c solid; height:22px; line-height:20px; background-color:#dfdddd; color:#3e3e3d; font-size:12px; text-align:center; padding:0 10px 0 10px; cursor:pointer; }
.input_button_2 { border: 1px #000000 solid; height:22px; line-height:20px; background-color:#4a4a4a; color:#ffffff; font-size:12px; text-align:center; padding:0px 10px 0px 10px; cursor:pointer; }
.input_button_3 { border: 1px #000000 solid; height:22px; line-height:20px; background-color:#4a4a4a; color:#ffffff; font-size:12px; text-align:center; padding:0px 10px 0px 10px; cursor:pointer; }

/* 백그라운드 */
.top_bg1 { background-color:"e6f2c6"; width:80}/* 검색 필드명 */
.top_bg2 { background-color:"FFFFFF";}/* 검색 필드 백그라운드 */
.bottom_bg1 { background-color:"e6f2c6";}/* 검색 레코딩 백그라운드 */
.f_right {float: right;}
.f_left {float: left;}
.top_20 {margin-top:15px;}
.right_10 {margin-right:15px;}
.time_color1{background-color:ffffff;}
.time_color2{background-color:2982d8;}

.login_m {
padding-top:150px;
}

body, p, h1, h2, h3, ul, li , table, td{ margin:0; }
#header {
top:auto;
}

#menu {
width:130px;
float:left;
margin-left:0px;
margin-top:0px; 
}
#list {
width:900px;
float:right;
margin-top:0px;
}

#container {
width:1035px;
float:left;
azimuth:right
}

/* 텍스트 */
.login { 
         azimuth:center;
		 height:328;
		 width:517;
}

/* 테이블 */
.box{
     background-color: #f1f1f1;
	 }
.table_s{
     background-color: #cecece;
	 }
.table_tit{
	 text-align:center;
	 azimuth:center;
	 font-family: '돋움','NSimSun','dotum','verdana','Tahoma','Helvetica','Arial';
	 font-size:12px;
	 color:#000000;
	 height:36px;
	 background-color: #f3f3f3;
}

.table_u{
     background-color: #e1e1e1;
	 }

.tr_s{
     background-color:#ffffff;
	 text-align:center;
	 font-family: '돋움','NSimSun','dotum','verdana','Tahoma','Helvetica','Arial';
	 font-size:12px;
	 color:#808080;
	 height:34px;
	}
.tr_s_view{
     background-color:#ffffff;
	 padding-bottom:4px;
	}
.user_menu{
	 text-align:left;
	 padding-left:10px;
	 font-family: '돋움','NSimSun','dotum','verdana','Tahoma','Helvetica','Arial';
	 font-size:12px;
	 color:#6a6663;
	 font-weight:bold;
	}
.new_user{
	 text-align:left;
	 padding-left:10px;
	 font-family: '돋움','NSimSun','dotum','verdana','Tahoma','Helvetica','Arial';
	 font-size:12px;
	 color:#6a6663;
	 font-weight:bold;
	 height:26px;
	}
.user{
	 text-align:right;
	 padding-right:5px;
	 padding-left:10px;
	 font-family: '돋움','NSimSun','dotum','verdana','Tahoma','Helvetica','Arial';
	 font-size:12px;
	 color:#6a6663;
	 font-weight:bold;
	 height:26px;
	}
.user1{
	 text-align:left;
	 padding-left:0px;
	 font-family: '돋움','NSimSun','dotum','verdana','Tahoma','Helvetica','Arial';
	 font-size:12px;
	 color:#6a6663;
	 height:23px;
	}
.user1_1{
	 text-align:left;
	 padding-left:0px;
	 font-family: '돋움','NSimSun','dotum','verdana','Tahoma','Helvetica','Arial';
	 font-size:11px;
	 color:#6a6663;
	 height:23px;
	}
.user2{
	 text-align:center;
	 font-family: '돋움','NSimSun','dotum','verdana','Tahoma','Helvetica','Arial';
	 font-size:16px;
	 color:#6a6663;
	 font-weight:bold;
	 height:40px;
	}
.user2_1{
	 text-align:center;
	 font-family: '돋움','NSimSun','dotum','verdana','Tahoma','Helvetica','Arial';
	 font-size:12px;
	 color:#6a6663;
	 height:26px;
	}
.userm_1{
	 text-align:center;
	 font-family: '돋움','NSimSun','dotum','verdana','Tahoma','Helvetica','Arial';
	 font-size:12px;
	 color:#6a6663;
	 height:100px;
	}
.tit{
	 text-align:left;
	 padding-left:10px;
	 font-family: '돋움','NSimSun','dotum','verdana','Tahoma','Helvetica','Arial';
	 font-size:14px;
	 height:40px;
	 color:#848484;
	 font-weight:bold;
	 line-height:40px;

	}
.user_l{
	 text-align:center;
	 font-family: '돋움','NSimSun','dotum','verdana','Tahoma','Helvetica','Arial';
	 font-size:12px;
	 color:#6a6663;
	 font-weight:bold;
	 background-color:#f9f9f9;
	}
.u_s{
     background-color:#ffffff;
	 text-align:center;
	 font-family: '돋움','NSimSun','dotum','verdana','Tahoma','Helvetica','Arial';
	 font-size:12px;
	 color:#808080;
	}
			

.bu {
      align:right;
	  padding:0px 0px 0px 750px;
	  }	
/* inputbox */		
.input {input type: text; border: #d7d7d7 1px solid; background-color: #ffffff; font-size: 12px; width: 165px;  }
.input2 {input type: text; border: #d7d7d7 1px solid; background-color: #ffffff; font-size: 12px; width: 120px;  }
.textarea
{
	font-size:12px;
	border: #cacaca 1px solid;
	BACKGROUND-COLOR:#FFFFFF;
}
.select {border: #cacaca 1px solid; background-color: #ffffff; font-size: 12px; height:22px;}
.select2 {border: #cacaca 1px solid; background-color: #ffffff; font-size: 12px; height:22px;}
.select3 {border: #cacaca 1px solid; background-color: #ffffff; font-size: 12px; height:22px;}

/* tab_course */
.tab_course { margin-top:16px; }
ul.tab_button { height:61px; list-style:outside none none; margin:0; padding:0; width:100%; }
ul.tab_button li { background-color:#4c4c4c; color:#fff; cursor:pointer; float:left; font-size:16px; height:50px; letter-spacing:-0.025em; line-height:50px; margin-left:2px; overflow:hidden; padding:0; position:relative; text-align:center; width:285px; }
ul.tab_button li.quicktab { background-color:#4c4c4c; color:#fff; cursor:pointer; float:left; font-size:18px; height:61px; letter-spacing:-0.025em; line-height:61px; margin-left:2px; overflow:hidden; padding:0; position:relative; text-align:center; width:16.433%; }
ul.tab_button li.quicktab.first { width:139px; }
ul.tab_button li.quicktab:hover, ul.tab_button li.quicktab.sct { background-color:#226ebe; background-image:none; margin-bottom:0; padding-bottom:0; }
ul.tab_button li.onetap { width:100%; }
ul.tab_button li.twotap { width:49.66%; }
ul.tab_button li.threetap { width:33%; }
ul.tab_button li.fourtap { width:25%; }
ul.tab_button li.fivetap { width:19.700%; }
ul.tab_button li.sixtap { width:16.333%; }
ul.tab_button li.eighttap { width:12.133%; }
ul.tab_button li.seven {}
ul.tab_button li:firstc-hild { margin-left:0; }
ul.tab_button li:hover { background:#226ebe url(/images/tab_arrow.png) no-repeat 50% 50px; margin-bottom:-7px; padding-bottom:7px; }
ul.tab_button li.sct { background:#226ebe url(/images/tab_arrow.png) no-repeat 50% 50px; margin-bottom:-7px; padding-bottom:7px; }
ul.tab_button li.coupon { background-color:#e7e6e1; color:#666; cursor:pointer; float:left; font-size:18px; height:50px; letter-spacing:-0.025em; line-height:50px; margin-left:2px; overflow:hidden; padding:0; position:relative; text-align:center; width:49.75%; }
ul.tab_button li.coupon:first-child { margin-left:0; }
ul.tab_button li.coupon:hover { background:#5e5e5e url(/images/tab_arrow2.png) no-repeat 50% 50px; margin-bottom:-7px; padding-bottom:7px; color:#fff; }
ul.tab_button li.coupon.sct { background:#5e5e5e url(/images/tab_arrow2.png) no-repeat 50% 50px; margin-bottom:-7px; padding-bottom:7px; color:#fff; }
.tab_container { background:none repeat scroll 0 0 #fff; border-top:medium none; clear:both; float:left; overflow:auto; width:100%; }
.tab_content { display:none; }
ul.tab_button2 { height:50px; list-style:outside none none; margin:0; padding:0; width:100%; border-bottom:solid 1px #4c4c4c; }
ul.tab_button2 li { margin-left:2px; }
ul.tab_button2 li:first-child { margin-left:0px; }
ul.tab_button2 li a { background-color:#e7e6e0; color:#5e5e5e; cursor:pointer; float:left; font-size:18px; height:50px; letter-spacing:-0.025em; line-height:50px; overflow:hidden; padding:0; position:relative; text-align:center; width:150px; }
ul.tab_button2 li a.sct { background-color:#4c4c4c; color:#fff; }
ul.tab_button3 { height:61px; list-style:outside none none; margin:0 0 -20px; padding:40px 0 0 0; width:100%; }
ul.tab_button3 li { background-color:#e7e6e1; color:#464646; cursor:pointer; float:left; font-size:16px; height:50px; letter-spacing:-0.025em; line-height:50px; margin-left:2px; overflow:hidden; padding:0; position:relative; text-align:center; width:14.00%; }
{ background-color:#4c4c4c; color:#fff; }
ul.tab_button3 li:hover, ul.tab_button3 li.sct { background-color:#4c4c4c; color:#fff; }