@charset "utf-8";
/* CSS Document */
/* master */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, 
address, big, cite, code, del, dfn, em, font, img, ins,
q, s, samp, small, strike, strong, sub, sup, tt, var, b,
u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
margin: 0; padding: 0; border: none 0; }
body{font:12px/normal Dotum,sans-serif; color:#666;}
ul li{list-style:none;}
img, fieldset{border:none;}
legend { display:none;}
address, em{font-style:normal;}
a{text-decoration:none; color:#666;}
a:hover{
	text-decoration: none;
	color:#000;
}
hr, label{display:none;}
h1, h2, h3, h4, h5, h6{font:12px/normal Dotum,sans-serif; color:#666;}
h2, h3 {
	border-style: none;
}
li{line-height:15px;}
em, address {font-style: normal;}
select{border:1px solid #ccc;}
.none { display:none;}

.floatClear:after { content:"."; overflow:hidden; display:block; clear:both; height:0;} /* float 컨테이너 해재 ie6, ie7 핵있음*/
* html .floatClear {height:1%}
*:first-child+html .floatClear {min-height:1px;}

scllbar-face-color{color:#fff}
scllbar-highlight-color{color:#fff}
scllbar-3dight-color{color:#fff}
scllbar-darkshadow-color{color:#cecece}
scllbar-track-color{color:#fff}
scllbar-arrow-color{color:#ff6600}


/* layout */
body{text-align: center; background:url(/mice/images/main_new/bg.gif) repeat-x left top; }
#wrapper{width: 910px; margin:0 auto; text-align:left;  }

/* header */
#header{float:left; position:relative; width:910px;  height:140px;}
#header .topMenu{float: right;	height:20px; width:910px; text-align: right; vertical-align:middle; line-height:20px; color:#ececec;}
#header .topMenu a{ padding:0 10px; font-size:0.9em; }
#header h1 img{float:left;  margin-right: 20px;  }
#header .rink{float: left;	width:500px; height:18px; text-align:right; margin-right:20px; margin-top:10px; }
#header .rink span{ padding-right:20px;	}

#header .search{float:left; height:25px;  width:192px; background:url(/mice/images/main_new/search_bg.gif) no-repeat left top; }
#header .search input.txtInput{float:left; padding-top:5px; padding-left:10px; height:20px; border:none; background-color:transparent;}
#header .search input.imgInput{float:right; }

/* menu /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*#menu{float:left; height:70px; width:910px; margin-top:12px; z-index:2;}
#menu #gnb{float:left;}
#menu #gnb li{float:left; margin:10px 22px; width:auto;}

#menu #gnb .pdl_none{margin-left:0;}
#menu #gnb .pdr_none{margin-right:0;}

#menu #gnb li ul{position:absolute; width:910px; top:109px; width:auto;letter-spacing:-1px; z-index:-2;}
#menu #gnb li ul li{ margin:0; padding:0; margin-right:10px; height:30px; line-height:30px; vertical-align:middle;}

#menu #gnb li ul li a{color:#006065; background:url(/mice/images/main_new/icon01.gif) no-repeat left 6px; padding-left:6px;} 
#menu #gnb li ul li a:hover { color:#000; text-decoration:none; } 

#depth-2-4{ height:30px;margin-left:-200px;}
#depth-2-5{ height:30px;margin-left:-470px;} 
#depth-2-7{ height:30px;margin-left:-180px;} 
#depth-2-8{ height:30px;margin-left:-30px;} */

.menu { position:absolute; left:0; top:58px; white-space:nowrap; overflow:visible; width:910px; height:70px; letter-spacing:-1px;}
.menu:after { display: block; clear: both; content: "" }
.menu .inset { background-color:#CCC;}
.menu .major { z-index:2; position:relative; float:left; }
.menu ul { float:left;}
.menu ul:after { display: block; clear: both; content: "" }
.menu li { position:relative; z-index:1; float:left; display:inline; margin:0 10px; height:40px;}
.menu li.pdr_none { margin:0}
.menu a { position:relative; float:left; overflow: hidden; padding:0 10px ; text-decoration:none;}

.menu .major .sub { position: absolute; margin: 2px 0px 0px; display:none; top:100%; }
.menu .major .sub ul { margin-top:-2px}
.menu .major li.active .sub { display: block; width:auto; height:30px;}
.menu .major li.active .sub li { margin:0 5px 0;}
.menu .major li.active .sub a { display:block; float:none; padding:5px 2px 5px 6px; color:#006065; background:url(/mice/images/main_new/icon01.gif) no-repeat left 11px;}
.menu .major li.active .sub a:hover { color:#000; text-decoration:none; } 
.menu .major li.active .sub li.red_b {
	font-weight: bold;
	color: #ff0066;
}

/* 하위메뉴 넓이와 위치*/
.menu .major ul li.m1 .sub { left:0; width:150px;}
.menu .major ul li.m2 .sub { left:-100px; width:500px;}
.menu .major ul li.m3 .sub { left:-10px; width:180px;}
.menu .major ul li.m4 .sub { left:-150px; width:650px;}
.menu .major ul li.m5 .sub { left:-430px; width:860px;}
.menu .major ul li.m6 .sub { left:-70px; width:250px;}
.menu .major ul li.m7 .sub { left:-160px; width:350px;}
.menu .major ul li.m8 .sub { left:-10px; width:100px;}


/*body /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.pt10{padding-top:10px;}
.mt10{margin-top:10px;}
.mt5{margin-top:5px;}
.mt2{margin-top:2px;}


#body{float:left; width:910px; margin-bottom:20px; margin-top:20px;}
	
	#top{float:left; width:910px; height:379px; float:left; padding-bottom:10px;}
	.top_wrap{float:left; width:640px; }
	.visual {
	float:left;
	margin-bottom:10px;
	height: 167px;
	width: 640px;
	border: 1px solid #e6e6e6;
}
	/*캘린더*/
	.calendar{float:left;width:640px; height:200px; background:url(/mice/images/main_new/bg01.gif) no-repeat left top; }
	.date{float:left; width:180px;}
	/*달력*/
	.date p{float:left; padding:15px 15px 0 15px; margin-left:7px;}
	.date p img{float:left; font-weight:bold; color:#000;}
	.date p em{float:left; height:13px; width:100px; text-align:center; font-weight:bold; color:#000;}
	
	.date ul{float:left; padding:27px 10px 0 15px; width:155px; height:120px;}
	.date ul li{float:left;}
	.date ul li a{float:left; width:22px; height:22px;line-height:22px; text-align:center; vertical-align:middle;}
	.date ul li a:hover{font-weight: bold;}
	.date ul li span {float:left; width:22px; height:22px;line-height:22px;}
	.date ul li span.sunday {color: #F20000;}
	.date ul li span.thisday {color: #ffffff; background:url(/mice/images/main_new/round.jpg) no-repeat left top;}
	.date ul li a.event_day {
	background:url(/mice/images/main_new/event_date.gif) no-repeat left top;
	height: 22px;
	width: 22px;
}
	
	 /* 캘린더 일정*/
	.calendar_list{float:left; width:420px; height:185px; margin-left:25px;}
	.calendar_list h2{
	float:left;
	padding:10px 10px 10px 0;
	border-style: none;
}

	 .calendar_list .more{
	float: right;
	padding-top:20px;
	padding-right:5px
}

     .calendar_list ul {
	clear:both;
	float:left;
	padding:0 10px 10px;
	margin-top: 15px;
} 
	 .calendar_list ul li{
	float:left;
	width:400px;
	line-height: 20px;
}	 
	 .calendar_list ul li a{float:left; background:url(/mice/images/main_new/icon02.gif) no-repeat left 7px; padding-left:6px;line-height:20px; }
	 .calendar_list ul li span{float:right; }
	 .calendar_list img{float:left; }


	.calendar_list2{
	float:left;
	width:420px;
	height:185px;
}
	.calendar_list2 h2{
	float:left;
	padding:10px 10px 10px 0;
	border-style: none;
}
	.calendar_list2 .more{
	float: right;
	padding-top:10px;
	padding-right:5px
}
	.calendar_list2 p{float:left; padding:10px 10px 10px 0;}
	
	.calendar_list2 ul {float:left; padding:10px;}
	.calendar_list2 ul li {
	float:left;
	width:380px;
	background:url(none);
	padding-left:6px;
	line-height:18px;
}
	.calendar_list2 ul li span {float:right; }
	
	/*특별 상품 이벤트*/
	.event{
	float:right;
	width:250px;
	background:url(/mice/images/main_new/bg04_1.gif) no-repeat 0px 0px;
	position: relative;
	height: 370px;
}
	.event h2{
	width:230px;
	padding:10px;
	border-style: none;
}


	.event ul {
	padding:10px;
	margin-top: 10px;
	width: 230px;
	height: 80px;
}

.event li  {
	line-height: 20px;
	width: 230px;
	float: left;
	letter-spacing: -0.05em;
	}
.event li span  {
	float: right;
	letter-spacing: 0em;
	}
	#left{float:left; width:185px;}
	
	/*바로가기*/
	.bookmark{float:left; width:185px; background:url(/mice/images/main_new/bg02.gif) no-repeat left top; margin-bottom:10px; }
	.bookmark h2{
	float:left;
	padding:10px;
	border-style: none;
}
	.bookmark ul li {
	width: 170px;
	float: left;
	margin: 0px;
	padding:0 10px 0 10px;
}
	.bookmark ul li img{float:left;}
	/*관련사이트*/
	.select{float:left; width:185px; background:url(/mice/images/main_new/bg02_1.gif) no-repeat left top; }
	.select h2{
	float:left;
	padding:10px 10px 20px 10px;
	width:165px;
	border-style: none;
}
	.select fieldset { margin-bottom:3px;}
	.select select {float:left;  width:129px; margin-left:10px; margin-bottom:2px;font-size:0.95em; padding:2px; height:22px; } 
	.select input {float:left;  margin-left:2px; margin-bottom:5px;} 
	.select p {padding-top:10px} 
	
	.messenger {float:left; padding-top:8px}

	
	#center{
	float:left;
	width:435px;
	margin:0 15px 0 20px;
}
	 /*알림마당*/
	 .notice{float:left; width:435px; margin-bottom:10px; line-height:20px; background:url(/mice/images/main_new/bg03.gif) no-repeat left top;}
	 .notice h2{
	float:left;
	padding:10px;
	width:415px;
	border-style: none;
}
	 
	 .notice h3{
	display:inline;
	float:left;
	padding:5px 0 0 18px;
	height:30px;
	line-height:30px;
	color:#000;
	font-weight:bold;
	border-style: none;
	margin: 0px;
	background: url(/mice/images/m_h3bul.gif) no-repeat 3px 14px;
}
	 .notice .more a img{float:right; padding:12px 15px 0 0;}

     .notice ul {clear:both; float:left; padding:0 10px 10px 10px; width:415px;} 
	 .notice ul li{float:left; width:410px; }	 
	 .notice ul li a{float:left; background:url(/mice/images/main_new/icon02.gif) no-repeat left 7px; padding-left:6px;line-height:20px; }
	 .notice ul li span{float:right; }
	 .notice img{float:left; }
	 /*venue안내*/
	 .venue{float:left; width:435px; line-height:20px; background:url(/mice/images/main_new/bg03_1.gif) no-repeat left top; }
	 .venue  h2{
	float:left;
	padding:10px;
	width:410px;
	border-style: none;
}
.venue  h2 span {
	float:right;
}
	 .venue dl{float:left; padding:10px 0 15px 15px; width:200px; }
 	 .venue dt{float:left; width:60px; padding-right:15px; }
	 .venue dt img {
		height: 50px;
		width: 65px;
	 }
  	 .venue dd{float:left; width:100px; line-height:15px; background:url(/mice/images/main_new/icon01.gif) no-repeat left 6px; padding-left:6px; }
	 .venue img{ float:left; }


	#right{
	float:right;
	width:250px;
}
	 /*공연정보*/
	 .concert{
	float:left;
	width:250px;
	background:url(/mice/images/main_new/bg04.gif) no-repeat left top;
	border-style: none;
}
	 .concert h2 {
	border-style: none;
	 }
	 .concert h2 img {
	float:left;
	padding:10px 10px 10px 0px;
	border-style: none;
}
	 .concert h2 a img {
	float: right;
	border-style: none;
}
	 
	 .concert ul {
	float:left;
	font-size:0.9em;
	padding:10px;
	border-style: none;
}
	 .concert ul li {float:left;  width:220px; }
	 .concert ul li a {float:left; background:url(/mice/images/main_new/icon02.gif) no-repeat left 7px;  padding-left:6px;}
	 .concert ul li a em {float:left; padding-right:5px; color:#006065;  }
	 .concert ul li span {
	float:right;
	padding-left:10px;
	border-style: none;
}
     .concert img{float:left; }

	 /*MICE 개최지안내*/
	 .micevenue{width:250px; height:90px; background:url(/mice/images/main_new/bg11.gif) no-repeat left top; margin-top:10px; }
	 .micevenue h2{ padding:15px 10px 5px 10px;  }
	 .micevenue select {float:left; width:110px; margin:10px 0 0 10px;font-size:0.95em; padding:2px; height:22px;   }
	 .micevenue input {float:left; margin:10px  0 0 0; }

	 
 	  /*배너*/
     .banner img{float:left; margin-top:2px; } 
	 
#footer{clear:both;  width:910px; background:url(/mice/images/intranet/bg08.gif) no-repeat left; height:125px; }
	.copyright { display:inline; float:left;width:850px;  margin: 30px 30px 0 40px; }
	.copyright p img{float:left;  }
	.copyright p .copylogo{float:left; margin-left:200px; }
    .copyright address{float:left; width:430px; margin:0 40px;}
	.copyright address a img{padding-right:20px;  }	 
	 


/* 3월17일 이하가  정연희 작업내용입니다 */
/* headerNew */
#headerNew{width:860px;  height:138px; margin-left:30px; position:relative;}
#headerNew .topMenu{float: right; height:20px; width:860px; text-align: right; vertical-align:middle; line-height:20px; color:#ececec;}
#headerNew .topMenu a{ padding:0 10px; font-size:0.9em; }
#headerNew h1 img{float:left;  margin-right: 20px;  }
#headerNew .rink{float: left;	width:480px; height:18px; text-align:right; margin-right:15px; margin-top:10px; }
#headerNew .rink span{ padding-right:20px;	}
#headerNew .rink2{float: right;	text-align:right; margin-right:200px; display:inline;}
#headerNew .rink2 span{ padding-right:20px;	}

#headerNew .search{float:left; height:25px;  width:192px; background:url(/mice/images/main_new/search_bg.gif) no-repeat left top; }
#headerNew .search input.txtInput{float:left; padding-top:5px; padding-left:10px; height:20px; border:none; background-color:transparent;}
#headerNew .search input.imgInput{float:right;border:0 !important;width:25px;height:24px}
#headerNew .logo{float:left}


#headerNew .menu { position:absolute; overflow:visible; width:860px; height:70px; top:68px; left:-24px;}
#headerNew .menu:after { display: block; clear: both; content: "" }
#headerNew .menu .inset { background-color:#CCC;}
#headerNew .menu .major { z-index:2; width:908px; height:70px}
#headerNew .menu ul { /*float:left;*/}
#headerNew .menu ul:after { display: block; clear: both; content: "" }
#headerNew .menu li { z-index:1; float:left; display:inline; margin:0 10px; height:40px;}
#headerNew .menu li.pdr_none { margin:0}
#headerNew .menu a { float:left; overflow: hidden; padding:0 10px ; text-decoration:none;}
#headerNew .menu li  li{margin:0}

body.grayLogo{background:url("/mice/images/main_new/bg.gif")  0 -2px repeat-x; _background: url(/mice/images/main_new/bg.gif) repeat-x}
#headerNew .menu .major .sub { margin: 7px 0px 0px; }
#headerNew .menu .major li.active .sub a { display:block; float:none; padding:0 10px; color:#006065; background:url(/mice/images/main_new/icon01.gif) 2px 6px no-repeat;}
/* 하위메뉴 넓이와 위치*/
#headerNew .menu .major ul li.m1 .sub { left:0; width:150px;}
#headerNew .menu .major ul li.m2 .sub { left:-100px; width:600px;}
#headerNew .menu .major ul li.m3 .sub { left:-10px; width:180px;}
#headerNew .menu .major ul li.m4 .sub { left:-250px; width:850px;}
#headerNew .menu .major ul li.m5 .sub { left:-430px; width:860px;}
#headerNew .menu .major ul li.m6 .sub { left:-70px; width:250px;}
#headerNew .menu .major ul li.m7 .sub { left:-160px; width:350px;}
#headerNew .menu .major ul li.m8 .sub { left:-10px; width:100px;}

#headerNew #quick {position: absolute;width: 65px;margin-left:-135px}


/* 이벤트 */
.sliderbutton {
	position: absolute;
	z-index: 1000;
}
.sliderbutton img {cursor:pointer}

#slider {
	float:left;
	position:relative;
	overflow:hidden;
	width:220px;
	height:215px;
	border:2px solid #fff;
	background:#fff;
	margin-left: 8px;
	margin-bottom: 8px;
	z-index: 900;
	padding: 0px;
}
#slider ul {
	position:absolute;
	list-style:none;
	top:-4px;
	left:0px;
	width: 220px;
	border-style: none;
	height: auto;
}
#slider li {
	padding-right:10px;
	overflow-x:hidden;
	float: left;
	border-style: none;
}
#slider img {
	height: 120px;
	width: 145px;
	margin-bottom: 15px;
}
#slider h3 {
	width:210px;
	border-bottom: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background: url(none);
	font: bold 13px "돋움";
	text-align: center;
	margin: 0px;
	padding: 10px 0px 0px;
	float: left;
	height: 40px;
}
	#slider dl{
	width:220px;
	height: 250px;
	border-style: none;
	background: url(none);
	float: left;
}
#slider dt{
	width:210px;
	height: 120px;
	border: 2px solid #FFF;
	background: #FFF url(none);
	text-align: center;
	margin: 15px 0px 20px;
	padding: 0px;
	float: left;
}
#slider dd {
	width:210px;
	padding:20px 0 20px 0px;
	line-height:16px;
	height: 100px;
	background: #FFF;
	border: 2px solid #FFF;
	float: left;
	margin: 0px;
}


.pagination {float:left; list-style:none; height:25px; margin:15px 0 0 32px}
.pagination li {float:left; cursor:pointer; padding:5px 8px; background:#666; border:1px solid #999; margin:0 4px 0 0; text-align:center; color:#222}
.pagination li:hover {background:#777; border:1px solid #bbb; color:#000}
li.current {border:1px solid #ccc; background:#888}


/* 이미지 슬라이드 */
.ad{
	width:640px;
	height:167px;
	position:relative;
	margin:0px;
	background-color:#FFF;
	padding: 0px;
	border-style: none;
}
.ad_1 img{
	width:32px;
	height:167px;
	position:absolute;
	border-style: none;
	margin: 0px;
	padding: 0px;
}
.ad_2 img{
	width:32px;
	height:167px;
	margin-left:0px;
	position:absolute;
	border-style: none;
}
.slice_1{left:0px;}
.slice_2{left:32px;}
.slice_3{left:64px;}
.slice_4{left:96px;}
.slice_5{left:128px;}
.slice_6{left:160px;}
.slice_7{left:192px;}
.slice_8{left:224px;}
.slice_9{left:256px;}
.slice_10{left:288px;}
.slice_11{left:320px;}
.slice_12{left:352px;}
.slice_13{left:384px;}
.slice_14{left:416px;}
.slice_15{left:448px;}
.slice_16{left:480px;}
.slice_17{left:512px;}
.slice_18{left:544px;}
.slice_19{left:576px;}
.slice_20{left:608px;}

.cvbLink{border:1px solid #dfdfdf;border-width:3px 3px;text-align:center;padding:9px 0 4px 0}
.cvbLink a{margin:0 3px;}
.cvbLink .youtube{background:url('../images/intranet/youtube.gif') no-repeat;width:40px;height:45px;display:inline-block;}
.cvbLink .flickr{background:url('../images/intranet/flickr.gif') no-repeat;width:40px;height:45px;display:inline-block;}
.cvbLink .twitter{background:url('../images/intranet/twitter.gif') no-repeat;width:40px;height:45px;display:inline-block;}
.cvbLink .facebook{background:url('../images/intranet/facebook.gif') no-repeat;width:40px;height:45px;display:inline-block;}

h1.rules { background: url("http://godo.visitkorea.or.kr/mice/images/m_h2bul.gif") no-repeat scroll 0 7px transparent; border-bottom:2px solid #7579B7; line-height: 25px; margin-bottom: 0; padding-left:20px }
h2.rules { background:#efefef url("http://k-mice.visitkorea.or.kr/convention/images/guide/guide_bullet01.gif") no-repeat scroll 10px 0 transparent; color:#555555; font-size:12px; font-weight: bold; line-height: 20px; margin:40px 0 20px 0; padding:0 0 5px 20px; }
h2.rules span { color: #000000; font-size: 14px; font-weight: bold; }
h3.rules { background:url("img/arrow5.gif") no-repeat scroll 0 4px transparent; margin:0 0 20px 0; padding:0 0 5px 25px; border-bottom:1px dotted #7579B7; color:#555555; font-size:12px; font-weight: bold; line-height: 20px; }
h4.rules { color:#666699; font-weight:bold; height: 23px; letter-spacing: 0; margin-top:25px; padding:0 0 7px 0; }
li { list-style: none outside none; }
#Content_Wrap #Content_Layer { paping: 40px 40px 45px; text-align: justify; }
#Content_Wrap #Content_Layer p, #Content_Wrap #Content_Layer li { line-height: 18px; position: relative; }
#Content_Wrap #Content_Layer h2.first { margin-top: 0; }
#Content_Wrap #Content_Layer .agreement ol { margin-left:15px; }
#Content_Wrap #Content_Layer .agreement ol li .first_letter { margin: 0 4px 0 -16px; padding-right:0px; }
#Content_Wrap #Content_Layer .agreement ul { paping-left: 10px; }
#Content_Wrap #Content_Layer .agreement ul li .first_letter { margin: 0 4px 0 -10px; }

/* 검색중입니다 */
.search_ing{position:absolute;top:80px;left:45%;z-index:1000;height:40px}
.search_ing:after{display:block;clear:both;content:''}
.search_ing .lft,.search_ing .rgt{float:left;width:11px;height:40px;font-size:0;ing-height:0}
.search_ing .lft{background:url(/mice/images/common/search_lft.png) no-repeat 0 0}
.search_ing .rgt{background:url(/mice/images/common/search_rgt.png) no-repeat 0 0}
.search_ing .cont{float:left;height:26px;padding:14px 20px 0 5px;background:url(/mice/images/common/search_cnt.png) repeat-x 0 0; color:#fff}
.search_ing .cont img{margin:-3px 9px 0 0;vertical-align:top}