@charset "utf-8";
/* CSS Document */
/* reset */
html, body, div, span, p, a, font, img, tt, dl, dt, dd, ol, ul, li, table, tr, td {
	margin:0px;
	padding:0px;
	border:0px;
}
html,body {
 	font-family: 'PT Sans', sans-serif;
	width:100%;
	height:100%;
	background-image:url(../images/bg.gif);
	background-repeat:repeat;
	background-attachment:fixed;
	-webkit-text-size-adjust:none;
	min-width:1080px;
	min-height:700px;
	position:relative;
	overflow:hidden;
}
.fixPNG {
	_behavior: url("css/iepngfix.htc");
}

p {
	text-align:justify;
}

a:link, a:visited{
	color:#FFFFFF;
	text-decoration:underline;
}

a:hover{
	color:#FFFFFF;
	text-decoration:none;
}

.red{
	color:#ff143f;
}

/* body content */
.sub_gnb{
	position:absolute;
	left:50%;
	top:60%;
	z-index:2001;
	margin-left:0px;
}
.backdrop{
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	width:100%;
	height:100%;
}

.main_menu{
 	position:absolute;
	z-index:5000;
	top:20px;
	left:0;
	text-align:left;
}
.main_menu li{
	font-size:20px;
	line-height:34px;
	color:#2cbef7;
	font-weight:bold;
	width:170px;
}
.main_menu a:link, .main_menu a:visited{
	text-decoration: none;
	color:#2cbef7;
	padding-left:30px;
}
.main_menu li.on{ 	
	height:34px;
	width:140px!important;
	display:block;
	background-image:url(../images/bg_menu.png);
	background-repeat:no-repeat;
	background-position:0px 3px;
	-webkit-transition: all 0.5s ease;
}

.main_menu .on a{
	color:#FFFFFF;
	cursor:default;
}

.main_menu a:hover{
	color:#FFFFFF;
}

.main_menu li#m1, .main_menu li#m2, .main_menu li#m3, .main_menu li#m4, .main_menu li#m5, .main_menu li#m6, .main_menu li#m7{
	margin-left:-150px;
}

.envatologo{
	position:absolute;
	top:0%;
	left:50%;
	width:257px;
	height:140px;
	margin-left:-128px;
	margin-top:-150px;
	z-index:1000;
}

/******************************
 Background
*******************************/


.bg01{
	width:247px;
	height:491px;
	background-image:url(../images/bg01.png);
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	margin-left:-250px;
}

.bg02{
	width:229px;
	height:114px;
	background-image:url(../images/bg02.png);
	background-repeat:no-repeat;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-1550px;
	margin-top:0px;
}

.bg03{
	width:590px;
	height:589px;
	background-image:url(../images/bg03.png);
	background-repeat:no-repeat;
	position:absolute;
	top:100%;
	left:0;
	margin-left:-600px;
	margin-top:0px;
}

#bg04{
	behavior:url(css/-ms-transform.htc);
	background-image:url(../images/bg04.png);
	background-position:10px 10px;
	z-index:0;
	position:absolute;
    top: 50%;
	left: 50%;
	margin-left: -550px;
	margin-top: 0px;
	width: 5000px;
	height: 950px;
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
}

.bg04a{
	background-image:url(../images/bg04a.png);
	width:100%;
	height:34px;
}

.bg04b{
	background-image:url(../images/bg04b.png);
	width:100%;
	height:34px;
	position:absolute;
	bottom:0;
}

#bg05{
	behavior:url(css/-ms-transform.htc);
	background-image:url(../images/bg04.png);
	background-position:10px 10px;
	z-index:0;
	position:absolute;
    top: 50%;
	left: 50%;
	margin-left: -1050px;
	margin-top: 500px;
	width: 5000px;
	height: 950px;
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
}
#copyright{
	position:absolute;
	z-index:110;
	width:398px;
	height:10px;
	top:100%;
	margin-top:-30px;
	left:50%;
	margin-left:-199px;
	background-image:url(../images/copyright.png);
	background-repeat:no-repeat;
}
#btn_visual{
	position:absolute;
	z-index:500;
	width:143px;
	height:52px;
	top:100%;
	left:100%;
	margin-left:0px;
	margin-top:-59px;
}