/*-------------------------------------------------
main Style Sheet
Version : 1.0
Author : myeong-hee park
Create date : 2014. 04. 21.
Last update : 2014. 04. 21.
-------------------------------------------------*/
@import url('/2014/common/css/font.css');
@import url('/2014/common/css/general.css');
@import url('/2014/common/css/layout.css');


/* ¸ÞÀÎ Layout STYLE */

#header {
	width: 980px;
	padding: 0 22px;
	}
#gnavigation {
	right: 0;
	} 
	
#body_area {
	width: 1024px;
	padding: 18px 0 0;
	background: #fff;
	}
#footer {	
	width: 980px;
	margin-left: -1px;
	border: none;
	} 
#visual {
	position: relative;
	width: 1024px;
	height: 400px;
	margin: auto;
	overflow: hidden;
	}
#visual .option_slide {
	display: block;
	position: absolute;
	top: 23px;
	right: 20px;
	}
#visual .option_slide a {
	float: left;
	margin-left: 2px;
	}

#visual .btn_left,
#visual .btn_right {
	position: absolute;
	top: 187px;
	}
#visual .btn_left {
	left: 15px;
	}
#visual .btn_right {
	right: 15px;
	}
#visual .main_quick {
	position: absolute;
	top: 65px;
	left: 62px;
	}
#visual .main_quick li {
	margin-bottom: 13px;
	}

.first_content,
.theme_tour {	
	display: block;
	overflow: hidden;
	}
.first_content {
	margin: 0 22px 25px;
	}
.theme_tour {
	}
/* ÃֱٰԽù° */
.notice_area,
.exhibit_area,
.edu_area,
.press_area  {
	position: relative;
	float: left;
	width: 212px;
	margin-left: 44px;
	padding-bottom: 20px;
	border-bottom: 3px solid #4b4c54;
	overflow: hidden;
	}
.notice_area {
	margin-left: 0;
	}
.first_content .news_list {
	width: 100%;
	height: 73px;
	margin-top: 15px;
	line-height: 1.6;
	font-size: 0.95em;
	overflow: hidden;
	}
.first_content .news_list li {
	float: left;
	width: 205px;
	padding-left: 7px;
	background: url(/2014/images/common/gray_dot.gif) no-repeat 0 7px;
	}
.first_content .news_list li a {
	position: relative;		
	float: left;
	width: 152px;
	color: #767676;
	letter-spacing:-0.1em;
	}
.first_content .news_list li .date {
	display: block;
	float: right;
	width: 50px;
	text-align: right;
	}
.first_content .news_list li .icon_new {
	display: block;
	position: absolute;
	right: 0;
	margin-left: 5px;
	}

/* 3°¡Áö Å׸¶ */
.theme_area {
	float: left;
	width: 490px;
	margin-left: 22px;
	}
.theme_list {
	position: relative;
	margin-top: 20px;
	}
.theme_list > li {
	float: left;
	width: 161px;
	}
.theme_list > li > img {
	display: block;
	} 
.theme_list > li .line {
	display: block;
	width: 162px;
	border-left: solid 1px #d2d2d2;
	}	
.theme_list > li.theme02 .line {
	}
.theme_list li .img_more {
	width: 161px;
	height: 31px;
	background: url(/2014/images/main/theme_view.gif) no-repeat 0 0;
	text-indent: -9999px;
	}
.theme_list li.on {
	}
.theme_list li.on .arrow {
	display: block;
	padding-bottom: 35px;
	background: url(/2014/images/main/layer_triangle.gif) no-repeat center bottom;
	}
.theme_list li .layer_theme {
	
	display: none;
	position:absolute;
	left: 0;
	width: 934px;
	margin: 0 0 0 -22px;
	padding: 35px 45px;
	background: #4b4c54;
	border-bottom: solid 1px #46494d;
	color: #fff;
	
	overflow: hidden;
	}
.theme_list li.on .layer_theme {
	display: block;
	}
.theme_list li.on.theme01,
.theme_list li.on.theme02,
.theme_list li.on.theme03  {
	height: 760px;
	}

/* °ü¶÷½Ã°£, Çà»çÀÏÁ¤, Ưº° ±âȹÀü STYLE */
.three_content {
	float: right;
	width: 465px;
	height: 340px;
	margin: 0 22px 25px 0;
	overflow: hidden;	
	}
.tourTime_area {/* °ü¶÷½Ã°£ */
	}
.tourTime_area .stitle {
	}	
.tourTime_info {
	margin: -18px 0 0 75px;
	}
.tourTime_area .tourTime_list {
	clear: both;
	margin: 18px 0 45px;
	padding-top: 14px;
	border-top: solid 1px #d2d2d2;
	overflow: hidden;
	}
.tourTime_area .tourTime_list li {
	float: left;
	margin-left: 8px;
	}
.tourTime_area .tourTime_list li:frist-child {
	margin-left: 0px;
	} 
.schedule_area {/* Çà»çÀÏÁ¤ */
	position: relative;	
	float: left;
	width: 215px;
	overflow: hidden;
	}
.schedule_area .date_area {
	position: relative;	
	width: 190px;
	margin: 14px auto 5px;
	text-align: center;	
	line-height: 1;
	font-weight: bold;
	font-family:  Arial, Tahoma, Verdana, sans-serif;
	}
.schedule_area .date_area .btn_prev,
.schedule_area .date_area .btn_next {
	position: absolute;
	top: 36px;
	}
.schedule_area .date_area .btn_prev {
	left: 0;
	}
.schedule_area .date_area .btn_next {
	right: 0;
	}
.date_area .day_week {
	margin-bottom: 16px;
	color: #ee6656;
	overflow: hidden;
	}
.date_area .day_week .day {	
	display: block;
	color: #333;
	font-size: 5.85em;
	}
.schedule_list .date {
	margin-right: 10px;
	color: #ee6656;
	}
.schedule_list {
	margin: auto;
	width: 190px;
	font-size: 0.95em;
	}
.special_area {/* Ưº° ±âȹÀü */
	position: relative;	
	float: right;
	font-size: 0.95em;
	}


.special_area .link_thumb {	
	margin-top: 0px;
	}
.special_area .link_thumb .txt_desc {
	display: block;
	margin-top: 12px;
	line-height: 1.3;
	}
.special_area .link_thumb .date {
	display: block;
	margin-top: 2px;
	}

article.special_area p.txt_more a {
	float:left; margin-left:3px
	}

div.link_thumb {
	width:216px; height:178px; overflow:hidden; position:relative;
	} 
div.link_thumb div{
	position:absolute; width:216px; height:178px; left:0px; top:0px;
	} 
div.link_thumb div a{
	margin-bottom:4px; display:block
	}
div.link_thumb div a img{
	width:216px; height:87px;
	}

article.special_area p.txt_more  {
	float:left; top:-22px
	}


.first_content .txt_more,
.schedule_area .txt_more,
.special_area .txt_more {
	position: absolute;
	top: 0;
	right: 0;
	}
.first_content .txt_more a,
.schedule_area .txt_more a,
.special_area .txt_more a {	
	display: block;
	}	


/* ¸µÅ© ¼­ºñ½º */
.main_link {
	clear: both;
	width: 980px;
	padding: 0 22px 18px;
	background: #36393e;
	overflow: hidden;
	}
.main_link .txt_link {
	float: left;
	margin-top: 23px;
	}
.main_link .txt_link li {
	float: left;
	}
.main_link .icon_sns {
	float: right;
	margin-top: 20px;
	}
.main_link .icon_sns img {
	margin-left: 5px;
	}
/*2014-12-30Ãß°¡*/
.layer_theme_wrap{display:inline-block;position:relative;width:934px;background:#4b4c54}
.layer_theme_wrap h3{float:left;width:234px;height:100%;padding:8px 0;background:url(/2014/images/main/theme_content_bar.png) no-repeat 100% 0}
.layer_theme_wrap h3 span{display:block;width:234px;height:215px;background:no-repeat 50% 0;font-size:0;line-height:0}
.layer_theme_wrap h3 span.title01{background-image:url(/2014/images/main/theme_content01_title.png)}
.layer_theme_wrap h3 span.title02{background-image:url(/2014/images/main/theme_content02_title.png)}
.layer_theme_wrap h3 span.title03{background-image:url(/2014/images/main/theme_content03_title.png)}
.layer_theme_wrap .layer_theme_list{float:left;width:670px;padding:0 5px 0 25px}
.layer_theme_list .stats{float:left;width:140px;margin-top:10px}
.layer_theme_list .stats .stat{display:block;width:100%;height:13px;margin-bottom:7px;background:url(/2014/images/main/min_theme_stats.png) no-repeat;font-size:0;line-height:0}
.layer_theme_list .stats .stat.no1{background-position:0 0}
.layer_theme_list .stats .stat.no2{background-position:0 -20px}
.layer_theme_list .stats .stat.no3{background-position:0 -40px}
.layer_theme_list .stats .stat.no4{background-position:0 -60px}
.layer_theme_list .layer_theme_course{float:right;position:relative;width:530px;padding:25px 0;background:url(/2014/images/main/theme_content_dotline.png) repeat-x 0 0}
.layer_theme_list .layer_theme_course.first{padding-top:0;background:none}
.layer_theme_list .layer_theme_course h4{float:left;width:184px;margin-top:8px}
.layer_theme_list .layer_theme_course h4 span{display:block;width:100%;min-height:65px;background:no-repeat 0 0;font-size:0;line-height:0}
.layer_theme_list .layer_theme_course h4 span.title01_1{background-image:url(/2014/images/main/theme_content01_subtit01.png)}
.layer_theme_list .layer_theme_course h4 span.title01_2{background-image:url(/2014/images/main/theme_content01_subtit02.png)}
.layer_theme_list .layer_theme_course h4 span.title01_3{background-image:url(/2014/images/main/theme_content01_subtit03.png)}
.layer_theme_list .layer_theme_course h4 span.title02_1{background-image:url(/2014/images/main/theme_content02_subtit01.png)}
.layer_theme_list .layer_theme_course h4 span.title02_2{background-image:url(/2014/images/main/theme_content02_subtit02.png)}
.layer_theme_list .layer_theme_course h4 span.title02_3{background-image:url(/2014/images/main/theme_content02_subtit03.png)}
.layer_theme_list .layer_theme_course h4 span.title03_1{background-image:url(/2014/images/main/theme_content03_subtit01.png)}
.layer_theme_list .layer_theme_course h4 span.title03_2{background-image:url(/2014/images/main/theme_content03_subtit02.png)}
.layer_theme_list .layer_theme_course h4 span.title03_3{background-image:url(/2014/images/main/theme_content03_subtit03.png)}
.layer_theme_list .layer_theme_course .graph{float:left;width:156px;height:80px;margin:0;padding:0;font-family:Tahoma, Geneva, sans-serif}
.layer_theme_list .layer_theme_course .graph:after{display:block;clear:both;content:""}
.layer_theme_list .layer_theme_course .graph li{display:inline;float:left;position:relative;width:30px;height:62px;margin:0 11px;background:#d6c2ad;text-align:center;white-space:nowrap}
.layer_theme_list .layer_theme_course .graph .g_term{display:inline-block;position:relative;width:100%;height:18px;margin:0 -100% -18px 0;padding:62px 0 0 0;font-weight:bold;color:#fff;line-height:1.5em;vertical-align:bottom}
.layer_theme_list .layer_theme_course .graph .g_bar{display:inline-block;position:relative;width:100%;margin:0;background:no-repeat 0 100%;vertical-align:bottom}
 .layer_theme_list .layer_theme_course .graph .g_bar.patt01{background-image:url(/2014/images/main/theme_content_graph_bg01.gif)}
 .layer_theme_list .layer_theme_course .graph .g_bar.patt02{background-image:url(/2014/images/main/theme_content_graph_bg02.gif)}
 .layer_theme_list .layer_theme_course .graph .g_bar.patt03{background-image:url(/2014/images/main/theme_content_graph_bg03.gif)}
.layer_theme_list .layer_theme_course .space{float:left;width:150px;margin-left:40px}
.layer_theme_list .layer_theme_course .space .km{display:block;margin:5px 0 8px;font-size:2.083em;font-family:Tahoma;line-height:1em;color:#95d0f2}
.layer_theme_list .layer_theme_course .space .desc{display:block;font-size:1.167em;line-height:1.15em;color:#fff;letter-spacing:-0.1em}
.layer_theme_list .layer_theme_course .graph_shape{position:absolute;top:25px;left:184px;width:156px;height:62px;background:url(/2014/images/main/theme_content_graph.png) no-repeat 0 0}
.layer_theme_list .layer_theme_course.first .graph_shape{top:0}
.layer_theme_wrap .more{position:absolute;top:185px;left:0;width:234px}
.layer_theme_wrap .more a{display:block;width:106px;height:26px;margin:0 auto;background:url(/2014/images/main/min_theme_btnmore.png) no-repeat;font-size:0;line-height:0}