@charset "utf-8";
/* File Name: explore.css */

/* 특산물 */
.box_chart ol li .result_con	{width:230px; padding:4px; border:1px solid #cdcdcd;}
.box_chart ol li .result_con div	{overflow-x:hidden; overflow-y:auto; height:85px; *height:75px; padding:3px; line-height:18px;}

/* VR 답사체험 */
.list_vrexp ol li	{width:140px;}
.list_vrexp ol li.wt02	{width:358px;}
.down_area	{position:relative; margin-top:10px;}
.down_area .btn	{position:absolute; top:6px; right:10px;}
.down_area .btn2	{position:absolute; top:43px; right:10px;}
.vr_con	{padding:20px; border:1px solid #ececec;}
	.vr_con .img_expand	{margin-top:20px;}
	.vr_con .img_expand .view_area	{float:left; width:450px; height:250px; border:1px solid #bababa;}
	.vr_con .img_expand ul	{overflow-x:hidden; overflow-y:auto; float:left; width:205px; height:250px; border-top:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
	.vr_con .img_expand ul li	{margin-top:-1px; padding:5px 0 7px 27px; border-top:1px solid #e6e6e6;}
	.vr_con .img_expand ul li span	{display:block; margin-bottom:4px;}
	.vr_con .img_expand .txt_area	{overflow-x:hidden; overflow-y:auto; height:110px; margin-top:10px; padding:10px 15px; background-color:#f0f0f0; line-height:18px;}
	.vr_con .img_expand .txt_area strong	{display:block; margin-bottom:5px;}
	.vr_con dl	{overflow:hidden; width:100%; margin-top:5px;}
	.vr_con dl dt	{margin:15px 0 5px;}
	.vr_con dl dd	{padding:0 0 0 10px; background:url(/image/common/bul_txt_arw.gif) no-repeat 0 7px; line-height:18px;}
	.vr_con dl dd.img_list	{overflow:hidden; width:100%; padding:20px 0 5px; background:none;}
	.vr_con dl dd.img_list .btn_view	{display:block; float:left;}
	.vr_con dl dd.img_list ul	{overflow:hidden; float:left; width:585px; margin-left:8px;}
	.vr_con dl dd.img_list ul li	{float:left; width:110px; margin:0 7px 0 0;}
	.vr_con dl dd.img_list ul li span	{display:block; margin-top:10px; text-align:center; font-size:11px; line-height:12px;}

/* 토지이용 */
	.vr_con .vod_view	{overflow:hidden; width:100%;}
	.vr_con .vod_view .exp_area	{float:right; width:270px; height: 295px; position: relative; left: 5px;}

	/* 플레이어 */
	.player_area				{float: left; width: 360px; height: 275px; padding: 10px; background: url('/image/explore/bg_vod_player.gif');}
	.player_area .screen_area	{width: 356px; height: 244px; border: 1px solid #d4d4d4;}
	.player_area .button_area	{padding: 6px 0 5px 2px}
	.player_area .button_area button	{float: left; width: 23px; height: 23px; margin: 0 3px 0 0; cursor: pointer;}
	.player_area .button_area button span{visibility: hidden;}

	.player_area2				{float: left; width: 324px; height: 250px; padding: 10px; background: url('/image/explore/bg_vod_player2.gif');}
	.player_area2 .screen_area	{width: 320px; height: 214px; border: 1px solid #d4d4d4;}
	.player_area2 .button_area	{padding: 6px 0 5px 2px}
	.player_area2 .button_area button	{float: left; width: 28px; height: 28px; margin: 0 2px 0 0; cursor: pointer;}
	.player_area2 .button_area button span{visibility: hidden;}

	/* 2009-11-11 추가 */
	.support	{position: absolute; left: 0; bottom: 0; width: 270px; height: 86px; background: url('/image/explore/txt_online_222.gif') no-repeat left top;}
	.support p	{visibility: hidden;}
	.support a	{position: absolute; right: 10px; bottom: 10px;}

	.vr_con .land_history dt		{padding: 0 0 0 12px; background: url('/image/common/bul_txt_arw.gif') no-repeat left 4px;}
	.vr_con .land_history dd		{margin: 0 0 0 10px; padding: 0 0 0 7px; background: url('/image/common/bul_point_02.gif') no-repeat left 8px;}

	/* 2009-11-11 추가 */
	.img_list	{*zoom: 1;}
	.img_list:after	{content: ""; display: block; clear: both; height: 0; visibility: hidden;}	
	.img_list .btn_view	{display:block; float:left;}
	.img_list ul	{overflow:hidden; float:left; width:610px; margin-left:8px;}
	.img_list ul li	{float:left; width:115px; margin:0 7px 0 0;}
	.img_list ul li span	{display:block; margin-top:10px; text-align:center; font-size:11px; line-height:12px;}

	dl.cut dd	{background: none; padding: 0;}
	dl.cut ul	{*zoom: 1;}
	dl.cut ul:after	{content: ""; display: block; clear: both; height: 0; visibility: hidden;}
	dl.cut li	{float: left; padding: 0 27px 0 0;}
	dl.cut li.cut_no01	{background: url('/image/explore/txt_cut_01.gif') no-repeat 142px top;}
	dl.cut li.cut_no02	{background: url('/image/explore/txt_cut_02.gif') no-repeat 142px top;}
	dl.cut li.cut_no03	{background: url('/image/explore/txt_cut_03.gif') no-repeat 142px top;}
	dl.cut li.cut_no04	{background: url('/image/explore/txt_cut_04.gif') no-repeat 142px top;}

/* 지역별 답사정보 */
	.vr_con .img_view	{overflow:hidden; width:100%;}
	.vr_con .img_view .img_area	{float:left; width:303px; margin-right:20px; border:1px solid #bababa;}
	.vr_con .img_view .exp_area	{float:right; width:300px; height: 295px; line-height: 18px; position: relative;}
	.vr_con .img_view .exp_area p	{margin: 0 0 20px 0;}
	.vr_con .img_view .exp_area dl	{margin-top:-15px;}
	.vr_con .img_view .exp_area .btn_mt	{margin-top:20px;}
	.vr_con p	{margin-top:20px; line-height:18px;}
	.vr_con .fc_red	{margin: 30px 0 10px 0;}

/* Online 국토체험 - 한국의 소리 */
.tab_data.tab_img ul.tab_ttl li	{width:352px;}
.sch_view	{overflow:hidden; width:694px; margin-top:10px; border:3px solid #6a6a6a;}
	.sch_view .click_area	{position:relative; float:left; width:395px; height:370px; background:url(/image/explore/img_online_01.gif) no-repeat 22px 25px; border-right:1px solid #ececec;}
	.sch_view .click_area a	{position:absolute;}
	.sch_view .click_area a img	{width:63px; height:63px;}
	.sch_view .click_area .link_01	{top:26px; left:300px;}
	.sch_view .click_area .link_02	{top:90px; left:236px;}
	.sch_view .click_area .link_03	{top:140px; left:112px;}
	.sch_view .click_area .link_04	{top:195px; left:205px;}
	.sch_view .click_area .link_05	{top:240px; left:65px;}
	.sch_view .click_area .click_exp	{position:absolute; bottom:15px; left:0; width:100%; text-align:center;}
	.sch_view dl.view_area	{float:left; width:298px; height:370px;}
	.sch_view dl.view_area dt	{min-height:16px; _height:16px; padding:13px 0; background-color:#858585; text-align:center;}
	.sch_view dl.view_area dd	{overflow-x:hidden; overflow-y:auto; height:302px; padding:13px 15px; }
	.sch_view dl.view_area dd img.choice	{display:block; margin:125px auto 0;}
	.sch_view dl.view_area dd ol li	{line-height:18px;}

/* Online 국토체험 - 국토박물관 */
	.sch_view.bg02	{margin-top:20px;}
	.sch_view.bg02 .click_area	{height:423px; background:url(/image/explore/img_online_02.gif) no-repeat 17px 29px;}
	.sch_view.bg02 .click_area .link_01	{top:282px; left:78px;}
	.sch_view.bg02 .click_area .link_01 img	{width:120px; height:50px;}
	.sch_view.bg02 .click_area .link_02	{top:178px; left:53px;}
	.sch_view.bg02 .click_area .link_02 img	{width:105px; height:75px;}
	.sch_view.bg02 .click_area .link_03	{top:77px; left:123px;}
	.sch_view.bg02 .click_area .link_03 img	{width:77px; height:75px;}
	.sch_view.bg02 .click_area .link_04	{top:42px; left:270px;}
	.sch_view.bg02 .click_area .link_04 img	{width:92px; height:45px;}
	.sch_view.bg02 .click_area .link_05	{top:87px; left:207px;}
	.sch_view.bg02 .click_area .link_05 img	{width:89px; height:40px;}
	.sch_view.bg02 .click_area .link_06	{top:145px; left:240px;}
	.sch_view.bg02 .click_area .link_06 img	{width:83px; height:55px;}
	.sch_view.bg02 .click_area .link_07	{top:200px; left:220px;}
	.sch_view.bg02 .click_area .link_07 img	{width:83px; height:42px;}
	.sch_view div.view_area	{overflow-x:hidden; overflow-y:auto; height:397px; padding:13px 15px; line-height:18px;}
.sound_sort	{margin-top:10px; padding:15px; border-bottom:1px solid #ececec; line-height:18px;}
	.sound_sort img	{vertical-align:middle;}
	.sound_sort img.mg01	{margin-left:10px;}
	.sound_sort .btn	{bottom:10px;}
.indent_num	{padding-left:14px;}

/* 전문가 국토기행 */
.tar  {text-align:right; !important;}
.view_point	{}
.view_point li	{margin-bottom:1px; padding:5px 10px; background-color:#f6f6f6; font-weight:bold;}
.view_point li a:hover	{text-decoration:underline;}
.view_con p	{line-height:18px;}
.view_con p.txt_exp	{margin-top:20px; padding-top:10px; border-top:1px solid #d2d2d2; font-size:11px; line-height:16px;}
.view_con .btn_top	{margin-top:15px; text-align:right;}
	.view_con .btn_top a	{color:#434343; font-size:11px; font-weight:bold;}
	.view_con .btn_top img	{margin-right:0;}
.summary	{}
	.summary dt	{padding:30px 0 10px; border:none; color:#333; font-size:14px; font-weight:bold;}
	.summary dd	{overflow:hidden; width:630px; padding:15px; background:none; border:5px solid #f3f3f3;}
	.summary dd .img_area	{float:left; width:165px; margin-right:20px; text-align:center; font-weight:bold;}
	.summary dd .img_area img	{display:block; margin-bottom:5px;}