@charset "utf-8";

@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: normal;
  src: local('PT Sans'), local('PTSans-Regular'), url('https://themes.googleusercontent.com/font?kit=UFoEz2uiuMypUGZL1NKoeg') format('truetype');
}

/* Begin Typography & Colors */
body {
	margin:0;
	font-size:14px;
	font-family: 'PT Sans','lucida grande',tahoma,verdana,arial,'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic','NanumGothic','AppleGothic','Malgun Gothic','Dotum Regular',sans-serif;
	line-height:125%;
	color:#333;
}

a {
	color:black;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a.text {
	text-decoration:underline;
}

a.text:hover {
	color:#333;
}

a.image:hover {
	text-decoration:none;
}

p, h1, h2, h3, h4, h5, h6, ul, form {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

.cl {  
    display: inline-block;  
}

.cl:after {  
    content: "";  
    display: block;  
    clear: both;  
}

.textcenter {
	text-align: center;
}
.textright {
	text-align: right;
}
.blockcenter {
	margin: 0 auto;
}

div.no-data {
}
div.no-data h3 {
	text-align: center;
	color: #ccc;
	font-size: 24px;
	padding: 30px 0;
	font-weight: normal;
}

div.no-data p {
	text-align: center;
	color: #999;
	font-size: 13px;
}

/*
	Layout
*/

.wrap {
	width: 960px;
	margin: 0 auto;
    /*overflow:auto;*/
}

#main_contents div.wrap div#left {
	width: 195px;
	float: left;
}

#main_contents div.wrap div#main {
	width: 740px;
	float: right;
}

#footer {
	background: url(/resources/images/background/footer_bg.png);
	color: #F0EEE1;
	padding: 0px 0 5px 0;
	margin-top: 20px;
}

/*
	Header
*/
#header div#headline {
	background-color: #B7ADA4;
	background: url(/resources/images/background/top_bg.png) repeat-x;
	height: 35px;
	box-shadow: 0px 1px 4px #aaa;
	-moz-box-shadow: 0px 1px 4px #aaa;
	-webkit-box-shadow: 0px 1px 4px #aaa;
}

#header div#headline p#miniInfo {
	margin-top: 8px;
	font-weight: bold;
	float: left;
}

#header div#headline p#miniInfo span {
	color: #CA0C38;
}

#header div#headline div.topButtons {
	float: right;
	margin-right: 30px;

	-webkit-box-shadow: 6px 0 6px -6px rgba(0,0,0,0.7);
	-moz-box-shadow: 6px 0 6px -6px rgba(0,0,0,0.7);
	box-shadow: 6px 0 6px -6px rgba(0,0,0,0.7);
}

#header div#headline div.topButtons a, #header div#headline div.topButtons div#lang_pulldownl {
	display: block;
	float: left;
	text-decoration: none;	
	text-align: center;
	padding: 10px 0; /* 8px;*/
	height: 15px;
}

#header div#headline div.topButtons div#lang_pulldownl p {
	color: #300;
}

#header div#headline div.topButtons div#lang_pulldownl ul {
	position: absolute;
	z-index: 2;
	top: 34px;
	-webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
}

#header div#headline div.topButtons div#lang_pulldownl ul li {
	list-style: none;
}

#header div#headline div.topButtons div#lang_pulldownl ul li a {
	list-style: none;
	display: block;
	width: 118px;
	color: #300;
	background-color: #E2DDD4;
	border: 1px solid #ccc;
	border-top: 0;
}

#header div#headline div.topButtons div#lang_pulldownl ul li a:hover {
	color: #E2DDD4;
	background-color: #600;
	font-weight: bold;
	border: 1px solid #400;
	border-top: 0;
}

#header div#headline div.topButtons > a {
	color: white;
	text-shadow: #5C5651 1px 1px 0px;
}

#header div#headline div.topButtons > a#topLogoutBtn {
	background: url(/images/4rd/BG/BG_topareaBtn.png) no-repeat -121px 0; width:100px;
}

#header div#headline div.topButtons > a#topLogoutBtn:hover {
	background: url(/images/4rd/BG/BG_topareaBtn.png) no-repeat -121px -38px; width:100px;
}

#header div#headline div.topButtons > a#topSuggestBtn {
	background: url(/images/4rd/BG/BG_topareaBtn.png) no-repeat -221px 0; width:100px;
}

#header div#headline div.topButtons > a#topSuggestBtn:hover {
	background: url(/images/4rd/BG/BG_topareaBtn.png) no-repeat -221px -38px; width:100px;
}

/*
	Top menu
*/

#header .wrap #top_menu {
	border-bottom: 1px solid #B7ADA4;
}

#header .wrap #top_menu a#logo {
	display: block;
	float: left;
	margin: 12px 0 0 10px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 14px;
	left: 0;
}

#header .wrap #top_menu .menu {
	margin-top: 43px;
	margin-right: 10px;
	padding-bottom: 5px;
	float: right;
}

#header .wrap #top_menu .menu a {
	color: #5C5651;
}

#header .wrap #top_menu .menu a:hover {
	color: black;
}

#header .wrap #top_menu .menu em {
	font-size: small;
	font-style: normal;
	color: #ddcfc2;
}

/*
	Main Contents
*/
#main_contents div.wrap {
	padding-bottom: 5px;
}

#main_contents div.wrap div#main {
}

#main_contents div.wrap div#main div#pointExpirationAlert {
	background-color: white;
	padding: 20px;
	
	background: #FAFAFA;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #FAFAFA), to(#F2F2F2));
	background: -moz-linear-gradient(top, #FAFAFA 50%, #F2F2F2);
	zoom: 1;

	font-weight: bold;
	font-size: 12px;
	
	border: 2px solid white;
	cursor: pointer;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0px 0px 8px #666;
	-moz-box-shadow: 0px 0px 8px #666;
	-webkit-box-shadow: 0px 0px 8px #666;
	z-index: 1;
}

#main_contents div.wrap div#main div#pointExpirationAlert p {
	font-weight: normal;
	line-height: 180%;
}



/*
	Left
*/

#main_contents div.wrap div#left div#main_icons {
	margin-left: 1px;
}

#main_contents div.wrap div#left div#main_icons a.old-fashion {
	display: inline-block;
	position: relative;
	width: 90px;
	border: 1px solid #e0e0e0;
	text-align: center;
	text-decoration: none;
	font-size: 10px;
	padding: 10px 0 5px 0;
	margin-bottom: 5px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#main_contents div.wrap div#left div#main_icons a.old-fashion:hover {
	border: 1px solid #999;

   -moz-box-shadow:inset 0 0 5px #999;
   -webkit-box-shadow:inset 0 0 5px #999;
   box-shadow:inset 0 0 5px #999;
}

#main_contents div.wrap div#left div#main_icons a.old-fashion:active {
	border: 1px solid #666;

   -moz-box-shadow:inset 0 0 8px #666;
   -webkit-box-shadow:inset 0 0 8px #666;
   box-shadow:inset 0 0 8px #666;
}

#main_contents div.wrap div#left div#main_icons a.pastel img {
	width: 80px;
}
#main_contents div.wrap div#left div#main_icons a.pastel {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
	background-color: #ccc;
	text-align: center;
	text-decoration: none;
	
	margin-right:  3px;
	margin-bottom: 3px;

	border: 5px solid #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

   -moz-box-shadow:1px 1px 0 0 #f0f0f0;
   -webkit-box-shadow:1px 1px 0 0 #f0f0f0;
   box-shadow:1px 1px 0 0 #f0f0f0;
}

#main_contents div.wrap div#left div#main_icons a.orange {
	background: #ecaf42;
	background-image: -webkit-gradient(linear,left bottom,left top,from( #ecaf42),to( #d9a13c));
	background-image: linear-gradient( #ecaf42, #d9a13c);
	background-image: -moz-linear-gradient( #ecaf42, #d9a13c);
	background-image: -webkit-linear-gradient( #ecaf42, #d9a13c);	
}
#main_contents div.wrap div#left div#main_icons a.orange:hover {
	background: #d9a13c;
	background-image: none;
}
#main_contents div.wrap div#left div#main_icons a.orange:active {
	background: #bc8c36;
	background-image: none;
}

#main_contents div.wrap div#left div#main_icons a.green {
	background: #a8bb28;
	background-image: -webkit-gradient(linear,left bottom,left top,from( #a8bb28),to( #92a224));
	background-image: linear-gradient( #a8bb28, #92a224);
	background-image: -moz-linear-gradient( #a8bb28, #92a224);
	background-image: -webkit-linear-gradient( #a8bb28, #92a224);	
}
#main_contents div.wrap div#left div#main_icons a.green:hover {
	background: #92a224;
	background-image: none;
}
#main_contents div.wrap div#left div#main_icons a.green:active {
	background: #82911f;
	background-image: none;
}

#main_contents div.wrap div#left div#main_icons a.blue {
	background: #6f9ec3;
	background-image: -webkit-gradient(linear,left bottom,left top,from( #6f9ec3),to( #638cad));
	background-image: linear-gradient( #6f9ec3, #638cad);
	background-image: -moz-linear-gradient( #6f9ec3, #638cad);
	background-image: -webkit-linear-gradient( #6f9ec3, #638cad);	
}
#main_contents div.wrap div#left div#main_icons a.blue:hover {
	background: #638cad;
	background-image: none;
}
#main_contents div.wrap div#left div#main_icons a.blue:active {
	background: #547893;
	background-image: none;
}

#main_contents div.wrap div#left div#main_icons a.red {
	background: #cd6142;
	background-image: -webkit-gradient(linear,left bottom,left top,from( #cd6142),to( #b5563b));
	background-image: linear-gradient( #cd6142, #b5563b);
	background-image: -moz-linear-gradient( #cd6142, #b5563b);
	background-image: -webkit-linear-gradient( #cd6142, #b5563b);	
}
#main_contents div.wrap div#left div#main_icons a.red:hover {
	background: #b5563b;
	background-image: none;
}
#main_contents div.wrap div#left div#main_icons a.red:active {
	background: #9f4c34;
	background-image: none;
}

#main_contents div.wrap div#left a.block {
	display: block;
	margin-top: 10px;
}

#main_contents div.wrap div#left div#leftMenuBar {
	margin: 10px 0 5px 0;
}

#main_contents div.wrap div#left ul#leftMenu li a {
	display: block;
	text-decoration: none;
	padding: 6px;
	margin-right: 30px;
	font-size: 13px;
	color: #570026;
	border: 1px solid white;
}

#main_contents div.wrap div#left ul#leftMenu li a:hover {
	background-color: #fff6d9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #300;
	border: 1px solid #e4cb7a;
}

#main_contents div.wrap div#left ul#leftMenu li a img {
	vertical-align: text-top;
}

#main_contents div.wrap div#left div#QRcode {
	margin-top: 10px;
	border-top: 1px dashed #ccc;
	padding-top: 10px;
	overflow: auto;
	margin-right: 20px;
}

#main_contents div.wrap div#left div#QRcode img {
	float: left;
	margin: 0 5px 5px 0;
}

#main_contents div.wrap div#left div#QRcode h3 {
	font-size: 16px;
}

#main_contents div.wrap div#left div#QRcode p {
	font-size: 12px;
	margin-top: 5px;
}

#main_contents div.wrap div#main h2 {
	/* border-bottom: 1px solid #B7ADA4; */
	/*padding: 8px 0 10px 0;*/
}

/*
	Footer
*/

#footer div.wrap > span.divider {
	display: block;
	float: left;
	width: 0px;
	height: 120px;
	margin: 30px 60px;
	border-left: 1px solid #322f2f;
/*	border-right: 1px solid #4f4d4d;*/
}

#footer div.wrap > ul {
	float: left;
}

#footer div.wrap > ul li {
	list-style: none;
	margin-bottom: 5px;
}

#footer div.wrap > ul li:first-child {
	list-style: none;
	margin-bottom: 10px;
}

#footer div.wrap > ul li span {
	color:#fffcec;
	font-size:15px;
	font-weight:bold;
	text-shadow: 1px 1px 2px #000;
}

#footer div.wrap > ul li a {
	color: #F0EEE1;
	font-size: 13px;
}

#footer div.wrap > ul li a:hover {
	color: #3196e1;
}

#footer div.wrap > ul li a + span {
	font-size: 9px;
	color: #999;
	font-weight:normal;
	text-shadow:0 0 0 white;
}

p#copyright {
	padding-top: 30px;
	clear: both;
}