@charset "utf-8";
/* crom-design.com */
body {margin:0;	padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; color: #FBEFF5; background-color:#FFFFFF;}
a:link, 
a:visited { color: #ce7b9c; text-decoration: none; } 
a:active, 
a:hover { color: #dcc275; text-decoration: none;}
hr { border: 1px dotted #333333; border-top-width: 1px; clear: both; height: 0; }
.clearBoth{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.clearBothfix:after{clear:both; content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0; }
.clearBothfix{display:inline-block; } * html .clearBothfix{height:1%; }.clearBothfix{display:block;}

/* 2차메뉴 위치수정 (첫 번째 메뉴는 좌측 고정) */

#subMenu_1 {}
#subMenu_2 {margin-left:20px; }
#subMenu_3 {margin-left:130px;}
#subMenu_4 {margin-left:300px; }
#subMenu_5 {margin-left:340px; }
#subMenu_6 {}
#subMenu_7 {}


/* 2depth menu */

.subMenu{float:left; height:26px; overflow:hidden; background:#222; padding-top:8px; }
.subMenu a:link, 
.subMenu a:visited { color: #7D7A7A; text-decoration: none; margin:0 8px;} 
.subMenu a:active, 
.subMenu a:hover { color: #dcc275; text-decoration: none; margin:0 8px;}

.subMenu .on a:link, 
.subMenu .on a:visited { color: #ce7b9c; margin:0 8px;} 
.subMenu .on a:active, 
.subMenu .on a:hover { color: #dcc275; margin:0 8px;}


/* container */

#top {width: 1000px; margin: auto; padding:10px 0;}
.fullBox {	width: 100%; clear:both;}

/* head */

.logoBox {float:left; width:220px; padding-top:40px; height:105px; overflow:hidden; margin:0; display:inline; }
.logo {float:left; width:160px; height:80px; overflow:hidden; margin:0; }

/* login button */

.loginBox { float:left; display:inline; width: 780px; padding:0; height:62px;}
.loginMenubox {float:right;  display:inline; overflow:hidden; }
.loginMenu { font-size:11px; clear:both; overflow:hidden; padding:3px 7px; line-height:17px; margin-left:5px; background:#333333; text-align:center;}
.loginBtn a:link, 
.loginBtn a:visited { color: #ce7b9c; text-decoration: none; } 
.loginBtn a:active, 
.loginBtn a:hover { color: #dcc275; text-decoration: none; }

.signupBtn a:link, 
.signupBtn a:visited { color: #85b0c9; text-decoration: none; } 
.signupBtn a:active, 
.signupBtn a:hover { color: #dcc275; text-decoration: none; }

/* 1depth navigation */

.menuBox {float:left; width: 780px;	overflow:hidden; display:inline; border-top: 1px dotted #333333;  background:url(image/bg_dot.gif) repeat-x;}
.menu{	float: left; padding:3px 0 0 0; margin:0px; }
.menu ul {	margin: 0px;	padding-left: 1px;	list-style: none; text-align: center;}
.menu li{	display: inline; }
.menu li a{ display:block;	float: left;	padding: 8px 25px;	font-weight: bold;	text-align: center;	text-decoration: none;	color: #ECC954; overflow:hidden; 	height:20px;	margin:0;}
.menu li a:hover, 
.menu li .current{	color: #dcc275; background-position:bottom;}
.menu li.on ul { display:block;}
.menu li.on a{ color:#dcc275;}
.menu li.on a:hover{	color: #dcc275;}


/* 2depth navigation */

.leftBox {float:left; display:inline; width:220px; margin:18px 0 30px 0; min-height:500px;}
.leftNav { display:block; position:relative; width:210px; }


.navTitle {width:162px; font-weight:bold; background:#333; padding:5px;}
.navTitle a{ 	color: #85b0c9; }
.navTitle a:active, 
.navTitle a:hover {	color: #dcc275; }


.lsubMenu {margin:0; padding:0; width:170px; }
.lsubMenu li { float:left; list-style:none; padding-bottom:1px; padding-left:0px; border-top: 1px dotted #333333;}
.lsubMenu li a { padding:5px;  width:160px; display:block; color:#EEE; position:relative; z-index:99; text-decoration:none;}
.lsubMenu li a:hover,
.lsubMenu li a:focus { color:#dcc275; font-weight:bold;}
.lsubMenu li.on a { color:#ce7b9c;  font-weight:bold;}
.lsubMenu li.on a:hover,
.lsubMenu li.on a:focus { color:#dcc275;   }
.lsubMenu li ul { margin-left:0px; display:block; width:166px; padding:0; position:relative; overflow:hidden;}
.lsubMenu li.on ul { display:block;  }
.lsubMenu li ul li {  background:url(./image/arrow2.gif) no-repeat; float:left; padding:0; position:relative; }
.lsubMenu li ul li a { font-weight:normal !important; padding:6px 5px 6px 15px; color:#707070 !important; background:none !important; }
.lsubMenu li ul li a:hover,
.lsubMenu li ul li a:focus { font-weight:bold !important; color:#dcc275 !important;}
.lsubMenu li.on ul li.on a {font-weight:bold !important; color:#ce7b9c !important;}
.lsubMenu li.on ul li.on a:hover,
.lsubMenu li.on ul li.on a:focus {  color:#dcc275 !important; }

/* local location */

.location {float:left; width: 780px; overflow:hidden; display:inline; border-bottom: 1px dotted #333333; height:20px;}
.location ul {	margin:0;	padding:0;	list-style:none; float:right; text-align:right;}
.location ul li { background:url(./image/arrow.gif) no-repeat;	float:left;	padding-left:18px; padding-right:2px; font-size:11px;}
.location ul li a:link, 
.location ul li a:visited { color: #999; text-decoration: none;} 
.location ul li a:active, 
.location ul li a:hover {color: #dcc275 !important; text-decoration: none;}


/* body */

.contentbody { float:left; width: 780px; display:inline;}
.contentBanner { clear:both; width: 100%; padding-top:20px; margin:0;}
.visualBox { clear:both; width:100%; overflow:hidden; color:#FBEFF5; *zoom:1;}
.visualBox a:link, 
.visualBox a:visited {color: #ce7b9c;	}
.visualBox a:active, 
.visualBox a:hover { color: #dcc275;	}

/* global navigation */
.globalBox { float:left; display:inline; width: 600px; padding:0;  height:25px;}
.globalMenubox {float:left;  display:inline; overflow:hidden; }
.globalMenu { font-size:11px; clear:both; overflow:hidden; padding:0 15px 0 1px; line-height:17px; text-align:center;}
.globalMenu a:link, 
.globalMenu a:visited { color: #464749; text-decoration: none; } 
.globalMenu a:active, 
.globalMenu a:hover { color: #dcc275; text-decoration: none; }

/* foot */

.topBtn { display:inline; float:right; height:25px; margin:0; padding-right:3px;}
.footBox { clear:both; display:block; margin-bottom:15px; padding:15px 0; color:#656565; font-size:11px; line-height: 19px;  border-top: 1px dotted #333333; border-bottom: 1px dotted #333333; overflow:hidden;}
.footText{clear:both; width: 600px; float:left; display:inline;}
.copyright {float:left; display:inline; width: 397px;	overflow:hidden; margin:0 3px 0 0; color:#656565; text-align:right;}
.crom {clear:both; display:block; font-size:11px; width: 100%; padding:0; margin-bottom:15px; color:#656565;}

/* border */

#tb, #lb, #rb, #bb {	position: fixed;	z-index: 10;	background: #333333;	display: block;}
#tb {	height: 10px;	left: 0;	right: 0;	top: 0;}
#bb {	height: 10px;	left: 0;	right: 0;	bottom: 0;}
#lb {	width: 10px;	left: 0;	bottom: 0;	top: 0;}
#rb {	width: 10px;	top: 0;	right: 0;	bottom: 0;}