@charset "utf-8";

/* intro */
@import url("../css/font.css");
@import url("../css/reset.css");
@import url("../css/lpop.css");

/* layout */
body{background:url(../images/main/bg.gif) repeat-y 50% 0}
#container	{ position:relative; width:1080px; margin:0 auto;background:url(../images/main/bg.gif) repeat-y 50% 0 }
h1.logo 		{ position:absolute; left:40px; top:25px; z-index:10}
h1.logo span{position:absolute; right:-150px; top:20px; font-size:0.88em}
p.homeBtn 	{ position:absolute; right:10px; top:565px; z-index:10}

/* 상단 메인 롤링 */
.uxPlanRolling {position: relative; width:880px; height:825px; background-color:#fff} 
.uxPlanRolling:after{clear:both;	display:block;}
.uxPlanRolling .event_pic {position:relative; width:880px; height:710px; overflow:hidden; }
.uxPlanRolling .event_pic ul {position:relative; width:880px;}
.uxPlanRolling .event_pic li {position:absolute; left:0; top:0; width:880px; height:710px }
.uxPlanRolling .event_pic li span { visibility:hidden}

.uxPlanRolling .arrow a {display:block; position:absolute; width:41px; height:41px; background:url('../images/main/arr_big.png') repeat-x 0 0;}
.uxPlanRolling .arrow a span {position:absolute; top:-5000px; left:-5000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
.uxPlanRolling .arrow .next {top:280px; left:40px; background-position:0 0; z-index:2;}
.uxPlanRolling .arrow a.next:hover {background-position:0 -50px;}
.uxPlanRolling .arrow .prev {top:280px; right:40px; background-position:-55px 0; z-index:2;}
.uxPlanRolling .arrow a.prev:hover {background-position:-55px -50px;}

.uxPlanRolling .rolling_btn {position:absolute; left:400px; top:525px; margin:0 auto;overflow:hidden; z-index:3;}
.uxPlanRolling .rolling_btn li { float:left; margin:1px; list-style:none; cursor:pointer;}
.uxPlanRolling .rolling_btn li a { padding:1px}

.loginBox { position:absolute; left:40px; top:540px; background-color:#fff; border:1px solid #b2b2b2; width:758px; height:268px;  overflow:hidden; z-index:10}
.loginBox .boxLeft { float:left; width:335px; margin:30px 0 0 40px; letter-spacing:-1px; }
.loginBox fieldset { float:left; width:340px; height:210px; border:1px solid #cccccc; background-color:#f7f9fb; margin-top:30px; padding:0; overflow:hidden}

.loginBox .boxLeft h3 { color:#000; font-size:30px; font-weight:normal; margin-bottom:20px; }
.loginBox .boxLeft h3 span { display:block; font-weight:bold}
.loginBox .boxLeft p { margin-bottom:15px; padding-right:40px;line-height:1.4; color:#8b8d96;font-size:.95em; }
.loginBox .boxLeft p a {color:#f68b1f; font-weight:bold;}
.loginBox .boxLeft ul{ width: 285px;}
.loginBox .boxLeft li { float:left; padding:0 8px 0 7px; margin-bottom:7px; background:url(../images/common/bul_util.gif) no-repeat 0 50%}
.loginBox .boxLeft li:first-child { padding-left:0; }
.loginBox .boxLeft li a { display:block; font-weight:bold }
.loginBox .boxLeft li.mn01{ margin-right:10px; padding-left:14px; background:url(../images/main/ico_join.gif) no-repeat 0 50%; }
.loginBox .boxLeft li.mn02{ width:200px; *width:180px; padding-left:18px; background:url(../images/main/ico_application.gif) no-repeat 0 50%;}
.loginBox .boxLeft li.mn03 { background:none; padding-left:0}

.loginBox .login_area { padding:20px 40px 0; }
.loginBox .login_area p {font-size:1.13em;  color:#898b98; margin-bottom:10px}
.loginBox .login_area .field {margin:5px 0; }
.loginBox .login_area .action { }
.loginBox .login_area .check{  color:#666666; font-size:.95em;margin-top:8px; letter-spacing:-1px}
.loginBox .login_area .field input[type="text"],
.loginBox .login_area .field input[type="password"] { height:32px; width:100%}

.loginBox .login_area button.btn_login {height:34px; width:100%;text-decoration: none}
.btn {	display: inline-block;	padding: 6px 0;	margin-bottom: 0;	font-size: 14px;	font-weight: 400;	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: #436cb4;
	border: 1px solid #2e6da4;
	border-radius: 2px;
	color: #fff;	
}
.btn:focus, .btn:active:focus, .btn.active:focus {	outline: thin dotted;	outline: 5px auto -webkit-focus-ring-color;	outline-offset: -2px}
.btn:hover, 
.btn:focus, 
.btn:active {	color: #fff;	background-color: #335a9e;	border-color: #254681;	outline: 0;	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);	box-shadow: inset 0 3px 5px rgba(0,0,0,.125)}

/* footer */
.footer{ clear:both; position:relative; color:#888; font-size:.95em; width:1080px; height:60px; margin:0 auto; letter-spacing:-1px}
.footer p.ci{ position:absolute; left:40px; top:0 } 
.footer address { font-style:normal; padding:5px 0;margin-left:165px }
.footer .copyright { margin-left:165px}
.footer address strong { color:#436cb4}
.footer span { padding:0 7px; color:#ddd}
.footer a { color:#436cb4}
.footer a:hover, #footer a:active, #footer a:focus{ color:#436cb4; }