@charset "utf-8"; 
@import url('./common.css');
@import url('./layout.css');
@import url('./board.css');

/*Main random visual*/
div.visual1 #headerwrap {width:100%; height:325px;  background:#000 url('../images/common/index_header_visual01.jpg') no-repeat top center; }
div.visual2 #headerwrap {width:100%; height:325px;  background:#000 url('../images/common/index_header_visual02.jpg') no-repeat top center; }
div.visual3 #headerwrap {width:100%; height:325px;  background:#000 url('../images/common/index_header_visual03.jpg') no-repeat top center; }

body.index div.contents , body.index  div.contents  a  {font-size:.95em;}
#headerwrap div.header { width: 900px; margin: 0 auto; position: relative; height:100%; background:none; }
 div.messagewrap  {width: 900px; margin: 0 auto; position:relative;} 
div.messagewrap div.message {position: absolute; top: -40px; left:225px; text-indent:0; width: 460px; height:57px;  background: url("../images/common/index_header_masssge_bg.gif") no-repeat ; }
/*div.messagewrap div.message h2 {  position:relative;   width:400px;  font-weight:normal;  margin:18px; color: #fff799; font-size:.90em;  left:8px; top: 0; text-indent:0;  white-space:nowrap; overflow:hidden; }*/
div.messagewrap div.message h2 {  position:relative;   width:400px;  font-weight:normal;  margin:18px 95px 18px; color: #fff799; font-size:.90em;  left:8px; top: 0; text-indent:0;  white-space:nowrap; overflow:hidden; }
div.messagewrap div.message h2 a {color: #fff799; }

#bodywrap { width:100%; background: url('../images/common/index_bodywrap_bg.gif ') repeat-x top; padding-top:10px;  margin:0;  }
#bodywrap div.contents {float:none; width:900px; margin: 0 auto;  position:relative; z-index:10;}

div.contents h3 {clear:both;  font-size:1.2em; margin:15px 0px 10px; background: url('../images/common/index_h2_bullet.gif') no-repeat left 45%;color:#43495d;padding :0 0 2px 20px ;} /*title*/

div.left { float:left; width: 225px;}  /*layout left*/
div.conts {float:right; width: 655px;  background: url('../images/common/index_body_bg.gif') no-repeat  30px 80px ;} /*layout conts*/

/*Local event*/
div.map {overflow:hidden; width:100%; position:relative;}
div.map small img{ text-align:center; margin:8px 0 5px 30px;  }
div.map p {width:100%;text-align:center; }
div.map .popbn {z-index:9000;position:absolute;top:43px;left:0;width:212px;height:222px;background:#000;}
.popbn2 {z-index:9000;position:absolute;top:15px;left:234px;width:412px;height:140px;background:#fff;}

/*Travel information*/
div.info {clear:both; margin-top:252px;}
div.info dl {float: left; width:99%; padding: 0; margin:0 5px; display: inline;  }
div.info dt {font-weight:bold;  margin: 0;padding-bottom:8px; color: #f7941d; }
div.info dd {  padding-bottom:10px;  line-height: 1.4em; color: #666; }
div.info dl dd.thumb {float: left; margin-right:8px; padding:0;}
div.info strong { font-weight:bold; display: inline;  }

div.notice { float:left;  width:210px;}
div.news { float:left; width:210px;}
div.banner { float:left; margin-top:15px;  margin-left:10px;}
ul.list {   padding:3px 0 0 10px; }
ul.list li {padding:0px 0 3px 10px; font-size:1.1em;}

/* Mega Event */
div.mgevent ul			{ width: 100%; padding-top: 0px; clear:both; overflow: hidden;}
div.mgevent ul li		{ float: left; display:inline; ; margin-right:10px; width: 200px;  }
div.mgevent ul p		{ overflow: hidden; clear:both; width: 100%;  }
div.mgevent ul p.thumb			{  border: 1px solid #dadada; }
div.mgevent ul p.thumb img		{  overflow: hidden;  	}
div.mgevent ul h4			{ width: 200px;  float: left;  padding:9px 0; margin:0;	  font-size:1em; white-space:wrap; overflow:auto;}
div.mgevent ul p.text			{    margin: 0px 0;  line-height: 1.5em; }


/*  SP Event */
div.spevent  {clear:both; margin-bottom:15px; }
div.spevent #event  { height:205px; background: url('../images/common/index_spevent_bg.gif') no-repeat left top; padding: 3px 0px; }
div.spevent #event ul { width: 100%; padding: 10px 0;  overflow: hidden;   position:relative; font-size:.95em;}
div.spevent #event ul li { display:inline; }
div.spevent #event ul li a  {width:205px;   overflow:hidden; color:#787878;  padding:3px 0 4px 10px;  color: #000;  display: block; text-decoration: none;  }
div.spevent #event ul li a:hover,
div.spevent #event .active  a  {  color:#787878;  display: block; padding:3px 0 4px 10px;  color: #ff6600; background:#e5e5e5;   }

div.spevent #event li div{ display:none }
/*  활성 */
div.spevent #event ul li div.detail { position:absolute; display:none; right:0px; top:5px; width:450px; color:#fff;  }
div.spevent #event .active div.detail { display:block;  margin:0; padding:0;}
div.spevent #event div.detail  a  {  color:#787878;   color: #ff6600; background:#e5e5e5;   padding:3px 0 4px 10px;   }
div.spevent #event  div.detail  img {float: left;  display:inline; margin-right:8px;}
div.spevent #event  div.detail h4 { float: left; width:200px; padding:10px 0;  font-size:1em;  }
div.spevent #event  div.detail p {float: left;  width:200px; line-height: 1.5em; }
div.spevent #event  div.detail a ,div.spevent #event  div.detail a:hover {background:none; padding:0; display:inline; }

div.sponsor {width: 898px; clear:both; overflow: hidden; border:1px solid #e4e4e4; padding: 15px 0;  }
div.sponsor  ul		{ margin:0 0 0 40px;  clear:both; overflow: hidden;  white-space:nowrap; }
div.sponsor  ul li		{ float: left; display:inline; margin-right:30px; }

/* #footer		{border:none; } */


/* 오른쪽 PT schedule 임시용 - 후에 main.asp 파일에서도 div 전체 삭제 */
div.cont_quick {float:none; width:1100px; margin: 0 auto;  position:relative; z-index:10;}
#topbar{position:absolute; left:983px; _left:1003px; top:15px; z-index:20;overflow:hidden;}
 */
/* 팝업존 */
.popupzone {position:relative; width:225px; height:262px; clear:both;}
	.popupzone .header {overflow:hidden; padding-top:16px;}
		.popupzone .header .selected {float:left; background:url(../images/common/ico_black.gif) no-repeat; width:7px; height:7px; margin:5px 2px; cursor:pointer;float:left;}
		.popupzone .header .unselected {float:left; background:url(../images/common/ico_white.gif) no-repeat; width:7px; height:7px; margin:5px 2px; cursor:pointer; float:left;}
		.popupzone .header .btns {float:right; margin-top:1px}
	.popupzone .popupImg {position:absolute; top:42px; left:0; cursor:pointer; }
	.popupzone_tt {float:left;}




.sns {padding:6px 0 3px 0;}

	/* main popup */
#mainpopup {width:600px; position:absolute; left:340px; top:350px; z-index:9999;}
.mainpopup_top {width:600px; height:350px; border:0; margin:0; font-size:0; line-height:0;}
.mainpopup_bottom{width:600px; height:25px;background-color:black; overflow:hidden;}
.mainpopup_bottom_left {width:160px; float:right; text-align:left; padding-left:10px; overflow:hidden;}
.mainpopup_bottom_left input {line-height:0; font-size:0; float:left; margin-top:2px; border:0; padding:0;}
.mainpopup_bottom_left p{vertical-align:top;font-family:dotum; color:white; padding-top:5px; float:left; font-size: 0.75em;}
.mainpopup_bottom_right {width:50px; float:right; margin-right:13px;}
.mainpopup_bottom_right img {margin-top:6px;}

	/* main popup2 */
#mainpopup2 {width:400px; position:absolute; left:246px; top:1px;; z-index:1000;}
.mainpopup_top {width:400px; height:500px; border:0; margin:0; font-size:0; line-height:0;}
.mainpopup_bottom{width:400px; height:25px;background-color:black; overflow:hidden;}
.mainpopup_bottom_left {width:140px; float:right; text-align:left; padding-left:10px; overflow:hidden;}
.mainpopup_bottom_left input {line-height:0; font-size:0; float:left; margin-top:2px; border:0; padding:0;}
.mainpopup_bottom_left p{vertical-align:top;font-family:dotum; color:white; padding-top:5px; float:left; font-size: 1.05em}
.mainpopup_bottom_right {width:50px; float:right; margin-right:13px;}
.mainpopup_bottom_right img {margin-top:6px;}