/*///// css  공통/////*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300);
@import url(http://fonts.googleapis.com/css?family=Baumans);

html, body {
	margin:0px;
	padding:0px;
	width:100%;
	font-family:'Open Sans', 'Malgun Gothic', Verdana, Geneva, sans-serif;
}

body { 	background-color: #e1e1e1; } 

#container {
	margin: 0 auto 0 auto;
	width:1100px; 
	position: relative;
}

#container800 {
	margin: 0 auto 0 auto;
	width:800px; 
	position: relative;
}

div.clear {
	clear:both;
}

p.clear {
	clear:both;
}

.hidden { display:none; }




/****************** main *****************/

.main {
	background-color: white;
	position:relative;
	display:block;
	border:solid 1px #fff;	
}

/****************** footer *****************/
.footer {
	background-color: #676767;
	position:relative;
	display:block;
	border:solid 1px #fff;	
	height:80px;
	}
	
.footer_logo {	
	position: absolute;
	width:210px;
}
.footer img {
	border: none;
	padding: 5px 0px 0px 10px;
}
	
.footer_info {
	color: #ccc;
	font-size: 14px;
	margin-left: 250px;
	margin-right: 30px;
	margin-top : 5px;
}

#footer_email_img {
	position:absolute;
}
#footer_email {
	position:absolute;
	font-size: 16px;
	margin-top:10px;
	margin-left:60px;
}

#footer_addr_img {
	position:absolute;
	margin-top:30px;
	margin-left:0px;
}

#footer_addr {
	position:absolute;
	font-size: 16px;
	margin-top:40px;
	margin-left:50px;
}

#footer_tel_img {
	position:absolute;
	margin-left:240px;
}

#footer_tel {
	position:absolute;
	font-size: 16px;
	margin-top:10px;
	margin-left:290px;
}

#footer_copyright {
	position:absolute;
	font-size: 15px;
	margin-top:10px;
	margin-left:500px;
}


/*//////////////////// 여기서 부터 top menu 관련 css  //////////////////////*/
#menu {
	padding:0;
	margin-top:0px; /* 70px;  */
	width:50%;  /* 1200px; */
	height: 145px; /* 90px; */
	background-color: #e1e1e1;
}

#campaign {
	font:  1.2em 'Open Sans', sans-serif;
	font-weight: bold;
	padding:0;
	width:100%;  
	height: 37px; 
	margin-top:-1px; 
}

#campaign_left {
	font:  1.0em 'Open Sans', sans-serif;
  float: left;
	font-weight: bold;
	padding:0;
	width:50%;  
	height: 37px; 
	background-color: #F4EA3F; 
}

#campaign_right {
	font:  1.0em 'Open Sans', sans-serif;
  float: right;
	font-weight: bold;
	padding:0;
	width:50%;  
	height: 37px; 
	background-color: #3FF4E6;
}

#campaign_msg {
	margin-top:5px; 
  text-align: center;
}	
#campaign_msg_left {
	margin-top:5px; 
  text-align: center;
}	
#campaign_msg_right {
	margin-top:5px; 
  text-align: center;
}	

/*************** top header  **************/

#logo {
	position:absolute;
	margin-top:5px; /* -55px; */
	padding : 0;
	margin-left: 0px;
}
#logo img, #logo a, #logo a:active {
	border: none;
}

#country_display {
	position:absolute;
	font-size:17px;
	margin-top:37px;
	margin-left:320px;
	color:#009de6;
}	

#country_display_kr {
	position:absolute;
	font-size:17px;
	margin-top:20px;
	margin-left:320px;
	color:#009de6;
}	

#country_display_jp {
	position:absolute;
	font-size:17px;
	margin-top:45px;
	margin-left:320px;
	color:#009de6;
}	

a.redis_lang_link {
	color:#009de6;
	text-decoration:none;
}
a.redis_lang_link:hover {
	color:#009de6;
	font-weight:bold;
	text-decoration:none;
}

/*--------- Login ---------------*/
#logininfo {
	position:absolute;
	margin-top:10px; 
	width:98%;
	text-align:right;
	font:  1.0em Baumans, sans-serif;
	color:DarkGray;
	/* color:#e1e1e1; */
}
.login {
	cursor:pointer;
}
.login:hover {
	cursor:pointer;
	text-decoration:underline; 
}

.login_popup {
	position:relative;
	width:400px;
	background-color:White;
	border-radius:7px;
}

#login_popup { height:350px; }
#register_popup { height:420px; }

#login_email, #login_pwd, #register_email, #register_pwd1, #register_pwd2 
{
	height:25px;
	width:330px;
	font-size:110%;
	padding-left:5px;
}

input#login_email { margin-top:60px; margin-left:30px; }
input#login_pwd { margin-top:20px; margin-left:30px;  }

input#register_email { margin-top:40px; margin-left:30px; }
input#register_pwd1 { margin-top:20px; margin-left:30px; }
input#register_pwd2 { margin-top:20px; margin-left:30px; }

.login_btn {
	background: #3498db;
	background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
	background-image: -moz-linear-gradient(top, #3498db, #2980b9);
	background-image: -ms-linear-gradient(top, #3498db, #2980b9);
	background-image: -o-linear-gradient(top, #3498db, #2980b9);
	background-image: linear-gradient(to bottom, #3498db, #2980b9);
	-webkit-border-radius: 6;
	-moz-border-radius: 6;
	border-radius: 6px;
	padding: 6px 20px 7px 20px;
	text-decoration: none;
	text-align:center;
	display:block;
	color: White;
	font-weight: bold;
	font-size: 17px;
}


.login_btn:hover {
	background: #3cb0fd;
	background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
	background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
}

#login_summit, #register_summit {
	margin-top:20px;
	margin-left:28px;
	width:340px;
}

#login_result, #register_result {
	margin-top:10px;
	margin-left:30px;
	padding-left:5px;
	color:DarkSlateGray;
}

div#register {
	position:absolute;
	color:DarkSlateGray;
	margin-top:30px;
	margin-left:35px;
}

div#register:hover {
	color:RoyalBlue;
	text-decoration:underline;
	cursor:pointer;
}

div#login_cancel, div#register_cancel {
	position:absolute;
	height:30px;
	width:30px;
	background-color:DodgerBlue;
	color:White;
	font: bold 130%  sans-serif;
	right:-7px;
	top:-7px;
	text-align:center;
	border-radius:3px;

}

div#login_cancel:hover, div#register_cancel:hover {
	color:LightGray;
	text-decoration:none;
	cursor:pointer;
}

p#noti_info {
	margin-top:10px;
	margin-left:30px;
}

/*------------------------------------------------------*/


div#nav {
	position:absolute;
	padding: 0px;
	margin-top:38px; 
	margin-left:350px; 
	list-style: none;
}

div#nav > ul > li { 	display: inline-block; } 

div#nav > ul > li > a {
	display:inline-block; 
	font:  1.5em Baumans, sans-serif;
	text-decoration: none;
	margin: 0;
	padding: 5px 30px;
	height:30px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}


#menu .subbg {
/*	width: 1200px; */
	width: 100%;
	height: 50px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin-top:94px; 
	position:absolute;
}
.subbg#subbg_redisgate {
	background: #009de6;
	background: -moz-linear-gradient(top, #009de6 0%, #0e6eb8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009de6), color-stop(100%, #0e6eb8));
	background: -webkit-linear-gradient(top, #009de6 0%, #0e6eb8 100%);
	background: -o-linear-gradient(top, #009de6 0%, #0e6eb8 100%);
	background: -ms-linear-gradient(top, #009de6 0%, #0e6eb8 100%);
	background: linear-gradient(to bottom, #009de6 0%, #0e6eb8 100%);
}
.subbg#subbg_redis {
	background: #d70303;
	background: -moz-linear-gradient(top, #d70303 0%, #ac0000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d70303), color-stop(100%, #ac0000));
	background: -webkit-linear-gradient(top, #d70303 0%, #ac0000 100%);
	background: -o-linear-gradient(top, #d70303 0%, #ac0000 100%);
	background: -ms-linear-gradient(top, #d70303 0%, #ac0000 100%);
	background: linear-gradient(to bottom, #d70303 0%, #ac0000 100%);
}

.subbg#subbg_redisday {
	background: #d70303;
	background: -moz-linear-gradient(top, #d70303 0%, #ac0000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d70303), color-stop(100%, #ac0000));
	background: -webkit-linear-gradient(top, #d70303 0%, #ac0000 100%);
	background: -o-linear-gradient(top, #d70303 0%, #ac0000 100%);
	background: -ms-linear-gradient(top, #d70303 0%, #ac0000 100%);
	background: linear-gradient(to bottom, #d70303 0%, #ac0000 100%);
}

#topmenu1_redisgate > a, #topmenu1_redisgate > a:focus {
	text-shadow: 0px -1px 1px #333;
	color: #009de6;	
	background: #555;
	background: -moz-linear-gradient(top, #777777 0%, #555555 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #777777), color-stop(100%, #555555));
	background: -webkit-linear-gradient(top, #777777 0%, #555555 100%);
	background: -o-linear-gradient(top, #777777 0%, #555555 100%);
	background: -ms-linear-gradient(top, #777777 0%, #555555 100%);
	background: linear-gradient(to bottom, #777777 0%, #555555 100%);
}
#topmenu1_redisgate > a:hover, #topmenu1_redisgate > a.actmenu {
	text-shadow: 0px -1px 1px #005780;
	color: #fff; 
	background: #009de6;  
	background: -moz-linear-gradient(top, #34b1eb 0%, #009de6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #34b1eb), color-stop(100%, #009de6));
	background: -webkit-linear-gradient(top, #34b1eb 0%, #009de6 100%);
	background: -o-linear-gradient(top, #34b1eb 0%, #009de6 100%);
	background: -ms-linear-gradient(top, #34b1eb 0%, #009de6 100%);
	background: linear-gradient(to bottom, #34b1eb 0%, #009de6 100%);
}

#topmenu1_redis > a, #topmenu1_redis > a:focus {
	text-shadow: 0px -1px 1px #333;
	color: #d70303;
	background: #555; 
	background: -moz-linear-gradient(top, #777777 0%, #555555 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #777777), color-stop(100%, #555555));
	background: -webkit-linear-gradient(top, #777777 0%, #555555 100%);
	background: -o-linear-gradient(top, #777777 0%, #555555 100%);
	background: -ms-linear-gradient(top, #777777 0%, #555555 100%);
	background: linear-gradient(to bottom, #777777 0%, #555555 100%);
}

#topmenu1_redis > a:hover, #topmenu1_redis > a.actmenu {
	text-shadow: 0px -1px 1px #770000;
	color: #fff;
	background: #d70303;
	background: -moz-linear-gradient(top, #e13333 0%, #d70303 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e13333), color-stop(100%, #d70303));
	background: -webkit-linear-gradient(top, #e13333 0%, #d70303 100%);
	background: -o-linear-gradient(top, #e13333 0%, #d70303 100%);
	background: -ms-linear-gradient(top, #e13333 0%, #d70303 100%);
	background: linear-gradient(to bottom, #e13333 0%, #d70303 100%);
}

#topmenu1_redisday > a, #topmenu1_redisday > a:focus {
	text-shadow: 0px -1px 1px #333;
	color: gray;
	background: #555; 
	background: -moz-linear-gradient(top, #777777 0%, #555555 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #777777), color-stop(100%, #555555));
	background: -webkit-linear-gradient(top, #777777 0%, #555555 100%);
	background: -o-linear-gradient(top, #777777 0%, #555555 100%);
	background: -ms-linear-gradient(top, #777777 0%, #555555 100%);
	background: linear-gradient(to bottom, #777777 0%, #555555 100%);
}

#topmenu1_redisday > a:hover, #topmenu1_redisday > a.actmenu {
	text-shadow: 0px -1px 1px #770000;
	color: gray;
	background: #d70303;
	background: -moz-linear-gradient(top, #e13333 0%, #d70303 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e13333), color-stop(100%, #d70303));
	background: -webkit-linear-gradient(top, #e13333 0%, #d70303 100%);
	background: -o-linear-gradient(top, #e13333 0%, #d70303 100%);
	background: -ms-linear-gradient(top, #e13333 0%, #d70303 100%);
	background: linear-gradient(to bottom, #e13333 0%, #d70303 100%);
}

/*****************  sub menu   **********/

#subbg_redisgate > ul { margin-left:230px; }
#subbg_redis > ul { margin-left:195px; }
#subbg_redisday > ul { margin-left:300px; }

.subbg  > ul {
	position: absolute;
	display: block;
	height: 45px;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
}

.subbg  > ul > li {
	display: inline-block
}

.subbg  > ul > li > a {
	float: left;
	line-height: 20px;
	color: White;  /* #fff;  Top 2nd menu */
	text-decoration: none;
	margin: 0 30px 0 0;
	padding: 0;
}

.subbg  > ul > li > a:hover, .subbg > ul > li > a.actmenu {
	color: LightGray; /* #ddd; Top 2nd menu */
	text-decoration: underline ; /*  */
}

/*------------- 2015.4.24(Fri) Charlie Kwon --------------------------------------------*/
/* sidemenu and contents */

div.sidemenu { float:left; } 

div#contents { 
	position:relative;  
	margin-left:240px;  
	background-color:White; 
	width:850px;
}
/* sidemenu 없는 page */
div#contents_a { 
	position:relative;  
	margin: 0 auto 0 70px;
	background-color:White; 
	width:1000px; 
}

div#contents_b { 
	position:relative;  
	margin: 0 auto 0 70px;
	background-color:White; 
	width:800px; 
}

pre {
    display: block;
		font-family:'Open Sans', 'Malgun Gothic', Verdana, Geneva, sans-serif;
    white-space: pre;
    margin: 1em 0;
}

.edu_info {
	color: #ccc;
	font-size: 16px;
	margin-left: 0px;
	margin-right: 30px;
	margin-top : 5px;
}

#edu_msg {
	position:absolute;
	font-size: 16px;
	margin-top:5px;
	margin-left:20px;
}

table.dailyview {
	width:90%;
}

table.dailyview td:nth-child(n) {
	text-align:right;
}

table.dailyview td:nth-child(1) {
	text-align:left;
}

.octo_info {
	color: #ccc;
	font-size: 18px;
	margin-left: 0px;
	margin-right: 30px;
	margin-top : 5px;
}

#octo_msg {
	position:absolute;
	font-size: 16px;
	margin-top:8px;
	margin-left:20px;
}

.cloud_service {
	color: #ccc;
	font-size: 18px;
	margin-left: 0px;
	margin-right: 30px;
	margin-top : 5px;
}

#cloud_msg {
	position:absolute;
	font-size: 16px;
	margin-top:8px;
	margin-left:20px;
}

#cloud_msg_top {
	position:absolute;
	font-size: 16px;
	margin-top:0px;
	margin-left:20px;
}

.news {
  position:absolute;
  margin-top:16px; margin-left:1040px;
  font-weight: bold;
  color:yellow;
  cursor:pointer;
}