@charset "utf-8"; 
@import url('./common.css');
@import url('./layout.css');
@import url('./board.css');

#headerwrap div.header { border:none;   }
#headerwrap div.header { background: url('../images/common/header_visual.jpg') no-repeat top left; }

#bodywrap div.contents {width: 910px; float:none ;  margin: 0 ;  border-left: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4;  border-bottom: 1px solid #e4e4e4; background: url('../images/common/index_bg_body.gif') repeat-y top left;}

div.contents h3 { clear:both;   font-size:1.1em;  text-align:middle;   margin:  15px 0px 10px;  background: url('../images/common/index_h2_bullet.gif') no-repeat left 45%;  color:#000;	font-weight:normal; padding :0 0 2px 15px ;} /*title*/
div.left { float:left; width: 210px; ; padding:2px  10px 30px 10px; min-height:400px; }  /*layout left 홍진희수정 20100803*/
/*div.left { float:left; width: 210px; ; padding:10px  10px 30px 10px; min-height:400px; }*/  /*layout left*/

div.left  div.head {  padding:3px 0 5px 7px; width:211px; background: url('../images/common/index_h2_head.gif') no-repeat left 50%; } 

div.conts { width: 664px; float:right;  } /*layout conts*/

/*Local event*/
div.map {width:211px;position:relative;}
div.map small {  margin:10px 0 10px 13px;  font-size:1.2em; }
div.map p {width:100%; text-align:center; }
div.map .popbn {z-index:90;position:absolute;top:2px;left:0;width:212px;height:222px;background:#000;}
.cfmovie {z-index:90;position:absolute;top:250px;left:11px;width:212px;height:222px;background:#f4f4f4;}
.popbn2 {z-index:2000;position:absolute;top:1px;left:490px;width:413px;height:140px;background:#fff;}

/*Travel information*/
div.info {overflow:hidden; }
div.info dl { padding: 0; margin-top:10px;  }
div.info dt {  margin-left:76px; padding-bottom:5px; color: #000; }
div.info dt  a {color: #000;}
div.info dd {  color: #666;  font-size:.95em; padding-left:5px;  line-height: 1.5em;}
div.info dd.thumb { margin:-25px 8px 3px 0; padding:0; float: left;}
div.info dd.thumb  img {float: left; padding: 3px; border: 1px solid #d9e0e6;}

div.info strong { font-weight:bold; display: inline;  }

div.notice { float:left;  width:210px; margin-top:15px;}
div.banner { float:left; margin-top:15px; }

ul.list {   padding:0px 0 0 5px; }
ul.list li {padding:3px 0 3px 12px; padding-left:9px;  font-size:.95em;  background: url('../images/common/bl_graydot.gif')  no-repeat left 8px;}
/*메인비쥬얼*/
div.intro  {width:654px;  height:215px;  margin:5px 0 10px ;padding-top:20px; background: url('../images/common/index_img_intro.jpg') no-repeat ;  text-align:right;}
div.intro  p {margin:8px 10px 0 0;}
/* Mega Event */
div.mgevent				{ margin-left:10px;  }
div.mgevent ul			{   width: 100%;  clear:both;   }
div.mgevent ul li		{ float: left; display:inline; ; margin-right:7px; width: 210px; ;  }
div.mgevent ul p		{  clear:both; width: 100%;  }
div.mgevent ul p.thumb img		{  overflow: hidden; width:208px; height:75px;  border: 1px solid #dadada;	}
div.mgevent ul h4			{ width: 200px;  float: left;  font-weight:normal; padding:9px 0; margin:0;	 white-space:wrap; overflow:auto; color:#000;}
div.mgevent ul h4 a {color:#000;}
div.mgevent ul p.text			{    margin: 0px 0;  font-size:.95em; line-height: 1.5em;  }


/*  SP Event */
div.spevent  {clear:both; margin:15px 0 20px 10px;}

div.spevent #event  { height:205px; background: url('../images/common/index_spevent_bg.gif') no-repeat left top; padding: 3px 0px;font-size:.95em;  }
div.spevent #event ul { width: 100%; padding: 5px 0;  overflow: hidden;   position:relative; font-size:.95em; height:205px;}
div.spevent #event ul li { display:inline; }
div.spevent #event ul li a  {width:181px;   overflow:hidden; color:#484b91;  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: #484b91; 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; }


/*  SP Event */
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:1200px; margin: 0 auto;  position:relative; z-index:10;}
#topbar{position:absolute; left:1055px; top:18px; z-index:20;overflow:hidden;}

	/* main popup */
#mainpopup {width:500px; position:absolute; left:320px; top:130px; z-index:9999;}
.mainpopup_top {width:500px; height:300px; border:0; margin:0; font-size:0; line-height:0;}
.mainpopup_bottom{width:500px; 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:0px; top:0px;; z-index:10000;}
 .mainpopup2_top {width:400px; height:165px; border:0; margin:0; font-size:0; line-height:0;}
.mainpopup2_bottom{width:400px; height:25px;background-color:black; overflow:hidden;}
.mainpopup2_bottom_left {width:140px; float:left; text-align:left; padding-left:0px; overflow:hidden;}
.mainpopup2_bottom_left input {line-height:0; font-size:0; float:left; margin-top:0px; border:0; padding:0;}
.mainpopup2_bottom_left p{vertical-align:top;font-family:dotum; color:white; padding-top:5px; float:left; font-size: 1.05em}
.mainpopup2_bottom_right {width:50px; float:right; margin-right:13px;}
.mainpopup2_bottom_right img {margin-top:6px;}

/* main popup3 */
#mainpopup3 {width:400px; position:absolute; left:250px; top:1px;; z-index:1002;}
 .mainpopup_top3 {width:400px; height:500px; border:0; margin:0; font-size:0; line-height:0;}
.mainpopup_bottom3{width:400px; height:25px;background-color:black; overflow:hidden;}
.mainpopup_bottom_left3 {width:140px; float:right; text-align:left; padding-left:10px; overflow:hidden;}
.mainpopup_bottom_left3 input {line-height:0; font-size:0; float:left; margin-top:2px; border:0; padding:0;}
.mainpopup_bottom_left3 p{vertical-align:top;font-family:dotum; color:white; padding-top:5px; float:left; font-size: 1.05em}
.mainpopup_bottom_right3 {width:50px; float:right; margin-right:13px;}
.mainpopup_bottom_right3 img {margin-top:6px;}

/* 팝업존 */
.popupzone {position:relative; width:211px; height:235px}
	.popupzone .header {overflow:hidden;}
		.popupzone .header .selected {float:left; background:url(../images/common/ico_black.gif) no-repeat; width:7px; height:7px; margin:4px 2px; cursor:pointer;float:left;}
		.popupzone .header .unselected {float:left; background:url(../images/common/ico_white.gif) no-repeat; width:7px; height:7px; margin:4px 2px; cursor:pointer; float:left;}
		.popupzone .header .btns {float:right; margin-top:1px}
	.popupzone .popupImg {position:absolute; top:16px; left:0; cursor:pointer; }
	.popupzone_tt {float:left;}



.sns {padding:6px 0 3px 0;}
