@charset "utf-8";

/*
================================================================================
검색결과
================================================================================

*/


#section		{ width: 75%; float: left; background: #fff; }
#section:before	{ content: ""; display: block; position: absolute; top: 0; bottom: 0; width: 75%; background: #fff; z-index: -1; }

#side			{ width: 25%; float: left; background: #fff; }
/* #side:before	{ content: ""; display: block; position: absolute; top: 0; bottom: 0; width: 1px; background: #fff; } */

#section > div		{ padding: 30px 10px; box-sizing: border-box; }



/**************************************************************************************
	Body Style
***************************************************************************************/
/* #body			{ position: relative; max-width: 1100px; margin: 0 auto; min-height: 700px; }
#body:after		{ content: ""; display: block; clear: both; } */

#section		{ width: 75%; float: left; }
#section:before	{ content: ""; display: block; position: absolute; top: 0; bottom: 0; width: 75%; background: #fff; z-index: -1; }

#side			{ width: 25%; float: left; background: #fff; }
/* #side:before	{ content: ""; display: block; position: absolute; top: 0; bottom: 0; width: 1px; background: #fff; } */

#section > div		{ padding: 0px 10px 30px 10px; box-sizing: border-box; }

.bs-mobile	{ display: none !important; }

.content-box				{ position: relative; padding: 20px; background: #fff; margin-bottom: 10px; border: 1px solid #ddd; box-sizing: border-box; }
.content-box:after			{ content: ""; display: block; clear: both; }
.content-box h2				{ margin: 0; font-size: 16px; color:#333; font-weight:500;}
.content-box h2 strong		{ color: #1f62be; font-weight:500; background:#FF9;}
.content-box h2 em			{ font-style: normal; color: #e63333; }
.content-box h2 span		{ font-size: 12px; color: #555555; margin-left: 10px; }

.content-box h3 a			{ text-decoration: underline; }

.content-box hr				{ display: block; clear: both; height: 1px; background: #fff; margin: 20px 0; border: none; padding: 0; }

.content-box .webzine li				{ position: relative; }
.content-box .webzine li h3				{ font-size: 15px; margin-top: 30px; margin-bottom: 8px; }
.content-box .webzine li h3 a			{ color: #1f62be; text-decoration: none; }
.content-box .webzine li h3 span		{ color: #777777; font-size: 9pt; margin-left: 15px; }
.content-box .webzine li div			{ margin-bottom: 8px; }
.content-box .webzine li a				{ color: #8d8cb3; }
.content-box .webzine li.has-thumb		{ padding-left: 140px; min-height: 80px; }
.content-box .webzine li.has-thumb img	{ position: absolute; left: 0; top: 0; width: 120px; height: 80px; }

.content-box .gallery li				{ display: block; position: relative; width: 20%; float: left; box-sizing: border-box; }
.content-box .gallery li a				{ display: block; position: relative; }
.content-box .gallery li img			{ display: block; clear: both; width: 150px; max-width: 95%; height: 100px; margin: 0 auto; }
.content-box .gallery li em				{ display: block; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 10px 20px 10px 10px; font-style: normal; color: #0000cc; }
.content-box .gallery li a em			{ text-decoration: underline; }
.content-box .gallery li span			{ display: block; position: relative; clear: both; color: #000000; margin: 0 20px 5px 10px; }

.content-box .board h3					{ font-size: 15px; margin-top: 30px; }
.content-box .board h3 span				{ font-size: 14px; color: #787878; margin-left: 10px; }
.content-box .board div					{ line-height: 1.5em; }

.content-box table						{ width: 100%; border-top: 2px solid #60646d; margin-top: 20px; }
.content-box table thead th				{ background: #f6f6f8; padding: 18px; }
.content-box table tbody td				{ border-bottom: 1px solid #dddddd; padding: 20px 15px; text-align: center; line-height: 1.6em; }
.content-box table tbody td.txt-left	{ text-align: left; }

.content-box .link-site					{ margin-top: 30px; }
.content-box .link-site li				{ margin-bottom: 15px; clear: both; overflow: hidden; }
.content-box .link-site li h3			{ float: left; margin: 0 20px 0 0; }
.content-box .link-site li h3 > a		{ color: #0300cd; font-size: 14px; }
.content-box .link-site li a			{ float: left; color: #009102; }
.content-box .link-site li.has-thumb	{ position: relative; width: 50%; float: left; clear: none; box-sizing: border-box; padding-left: 135px; min-height: 42px; margin-top: 10px; margin-bottom: 0; }
.content-box .link-site li em			{ display: block; position: absolute; width: 120px; height: 40px; overflow: hidden; left: 0; top: 0; border: 1px solid #ccc; }
.content-box .link-site li em img		{ width: 100%; height: 100%; }
.content-box .link-site li.has-thumb h3	{ padding: 5px 0; }

.content-box .link-site.type2 h3		{ margin-bottom: 5px; }
.content-box .link-site.type2 li		{ margin-bottom: 0; margin-top: 15px; }

.content-box .tab-sns					{ position: relative; margin-top: 30px; min-height: 300px; }
.content-box .tab-sns > li				{ float: left; }
.content-box .tab-sns > li > h3				{ height: 40px; line-height: 40px; color: #58595d; background: #e3e4e6; font-size: 15px; margin: 0 2px 0 0; background-repeat: no-repeat; background-position: 15px 50%; }
.content-box .tab-sns > li > h3 > a			{ display: block; padding-left: 40px; padding-right: 17px; text-decoration: none; color: #58595d; }
.content-box .tab-sns > li.on > h3			{ background-color: #3a589e; }
.content-box .tab-sns > li.on > h3 > a		{ color: #fff; }
.content-box .tab-sns > li > div			{ display: none; position: absolute; top: 40px; left: 0; right: 0; height: 260px; border-top: 1px solid #dddddd; padding: 20px 0; box-sizing: border-box; }
.content-box .tab-sns > li.on > div			{ display: block; }
.content-box .tab-sns > li div.content-box	{ padding: 0; border: none; }
.content-box .tab-sns > li div.content-box li:first-child h3 { margin-top: 0; }

.content-box .btn-more					{ display: block; position: relative; float: right; margin-top: 40px; color: #cc2633; padding-right: 20px; margin-right: 10px;  }
.content-box .btn-more:after			{ content: ""; display: block; position: absolute; width: 0; height: 0; top: 50%; right: 0; margin-top: -5px; border: 5px solid transparent; border-left-color: #cc2633; }
.content-box .btn-more:before			{ content: ""; display: block; position: absolute; width: 0; height: 0; top: 50%; right: 3px; margin-top: -5px; border: 5px solid transparent; border-left-color: #ffffff; z-index: 1; }

.list-box					{ padding: 0px 0; border:solid 1px #ddd; margin-bottom:10px; }
.list-box h2				{ position: relative; color: #3c529d; font-size: 15px; padding-left: 20px; height:38px; font-weight:400; line-height:38px; padding-left:20px; background:#f2f2f2; border-bottom:solid 1px #ddd; border-top:solid 1px #5672ba;}
.list-box h2:before			{ content: ""; display: block; position: absolute; left: 0; top: 50%;  }

.order-list ul				{ margin-top: 16px; padding: 0 20px; font-size:13px}
.order-list li				{ position: relative; padding: 0px 0px 0px 28px; margin-bottom: 8px; line-height: 20px;}
.order-list li:before		{ content: attr(data-order); display: block; position: absolute; left: 0; top: 0; font-weight: 500; font-size: 8.5pt; color: #888; background: #f7f7f7; border: 1px solid #dbdfe2; width: 18px; line-height: 18px; text-align: center; }
.order-list li a			{ color: #010101; vertical-align: middle; }

.list-box .tab-box						{ position: relative; margin-top: 30px; min-height: 340px; padding: 0 20px; }
.list-box .tab-box > div				{ float: left; width: 25%; }
.list-box .tab-box > div h3				{ margin: 0 3px 0 0; line-height: 28px; background: #f5f5f5; color: #777777; box-sizing: border-box; border: 1px solid #d0d3dc; text-align: center; }
.list-box .tab-box > div h3 a			{ display: block; font-size: 14px; color: #777777; }
.list-box .tab-box > div.on h3			{ background: #2ab8a2; border-color: #2ab8a2; }
.list-box .tab-box > div.on h3 a		{ color: #fff; }
.list-box .tab-box > div ul				{ display: none; position: absolute; top: 30px; left: 0; right: 0; font-size:12px}
.list-box .tab-box > div.on ul			{ display: block; font-size:13px}

.list-box .tab-box1						{ position: relative; margin-top: 30px; min-height: 340px; padding: 0 20px; }
.list-box .tab-box1 > div				{ float: left; width: 25%; }
.list-box .tab-box1 > div h3				{ margin: 0 3px 0 0; line-height: 28px; background: #f5f5f5; color: #777777; box-sizing: border-box; border: 1px solid #d0d3dc; text-align: center; }
.list-box .tab-box1 > div h3 a			{ display: block; font-size: 12px; color: #777777; }
.list-box .tab-box1 > div.on h3			{ background: #6c80bd; border-color: #485b93; }
.list-box .tab-box1 > div.on h3 a		{ color: #fff; }
.list-box .tab-box1 > div ul				{ display: none; position: absolute; top: 30px; left: 0; right: 0; }
.list-box .tab-box > div.on ul			{ display: block; }

.list-box .update-list li.new:after	{ content: "NEW"; display: block; position: absolute; right: 5px; top: 0; color: #e6332f; font-weight: 500; font-size: 7pt; width: 40px; text-align: center; }
.list-box .update-list li.up:after	{ content: attr(data-update); display: block; position: absolute; top:0; right: 5px; color: #898989; font-size: 8pt; padding-left: 10px; background: url('../img/ico_up.png') no-repeat 0 50%; height: 20px; line-height: 22px; width: 25px; }
.list-box .update-list li.down:after	{ content: attr(data-update); display: block; position: absolute; top:0; right: 5px; color: #898989; font-size: 8pt; padding-left: 10px; background: url('../img/ico_down.png') no-repeat 0 50%; height: 20px; line-height: 22px; width: 25px; }
.list-box .update-list li.none:after	{ content: "-";  display: block; position: absolute; top:0; right: 5px; color: #898989; font-size: 8pt; width: 20px; text-align: center; }
.list-box .update-list li a				{ display: block; padding-right: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.list-box .time-list li span			{ position: absolute; right: 0; top: 0; color: #767676; font-size: 8pt; }
.list-box .time-list li a				{ display: block; padding-right: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.delete-list li a.btn-del	{ display: inline-block; margin-left: 10px; border: 1px solid #dadee1; border-radius: 2px; width: 15px; height: 15px; color: #6f7279; overflow: hidden; text-indent: -999px; }
.delete-list li a.btn-del:before	{ content: "x"; display: block; text-align: center; line-height: 15px; font-size: 8.5pt; text-indent: 0px; }



/** Title */
#search_result					{ border-width: 2px; border-color: #5672ba; }
#search_result dl				{ display: block; position: relative; margin: 20px 0; border-top: 1px solid #dddddd; border-width: 1px 0px 1px 0px; padding: 15px 0 15px 100px; }
#search_result dt				{ display: block; position: absolute; width: 90px; top: 20px; left: 0; box-sizing: border-box; padding-left: 10px; font-weight: 500; }
#search_result dt:before		{ content: ""; display: block; position: absolute; left: 0; top: 50%; margin-top: -3px; width: 0px; height: 0px; border: 3px solid transparent; border-left-color: #5672ba;  }
#search_result dt:after			{ content: ""; display: block; position: absolute; right: 0; top: 50%; margin-top: -6px; width: 1px; height: 12px; background: #aeb0b4; }
#search_result dd				{ margin-left: 0; }
#search_result dd:after			{ content: ""; display: block; clear: both; }
#search_result dd a				{ display: block; position: relative; floaT: left; color: #000; margin: 5px 12px; }
#search_result p				{ line-height: 25px; margin: 0; }
#search_result .ui-btn			{ display: block; position: relative; float: left; padding: 0 14px 0 25px; background: #5672ba; color: #fff; font-weight: 800; border-radius: 3px; margin-right: 10px; }
#search_result .ui-btn:before	{ content: ""; display: block; position: absolute; left: 15px; top: 50%; margin-top: -3px; width: 0; height: 0; border: 3px solid transparent; border-left-color: #fff; }
#search_result p strong			{ padding: 0 10px; color: #0000cc; font-size: 13px;  font-weight:500;}
#search_result p a				{ color: #009000; }



/** Non Page */
#no_result					{ border-width: 2px; border-color: #5672bb; padding: 0 0 40px 0; position: relative; }
#no_result h2				{ background: #5672bb; padding: 20px 0; color: #fff; text-align: center; font-size: 13px; }
#no_result h2 strong		{ color: #fff;  font-weight:800;}
#no_result i				{ display: block; position: absolute; top: 30px; left: 30px; width: 149px; height: 149px; }
#no_result ul				{ margin: 40px 50px 40px 217px; }
#no_result li				{ margin: 8px 0; padding-left: 10px; position: relative; }
#no_result li:before		{ content: ""; display: block; position: absolute; top: 3px; left: 0; border: 3px solid transparent; border-left-color: #5672bc; }
#no_result hr				{ margin: 38px 20px; background: none; border-bottom: 1px dashed #bdbdbd; }
#no_result p				{ margin: 5px 50px; }
#no_result p strong			{ color: #ea4748;  font-weight:500; }
#no_result p em				{ font-style: normal; font-weight: 500; }

.tsearch_title {color:#13a1d0; text-decoration:none; font-weight:500; }

.topSearch_in{top:50px;left:0;width:100%;}
.topSearch_in .searchWrap_in{position:relative;margin:0 auto;padding:20px 0px 40px 0;max-width:1100px;box-sizing: border-box;}
.topSearch_in .searchWrap_in dl{position:relative;margin:0 auto;max-width:500px;box-sizing: border-box;}
.topSearch_in .searchWrap_in dl dt{position:absolute;top:10px;left:20px;font-size:16px;color:#3061a6;font-weight:bold}
.topSearch_in .searchWrap_in .searchBox_in{position:relative;padding:10px 75px 0 100px;height:50px;background:#fff;border-radius:25px;box-sizing: border-box; border:2px solid #3061a6}
.topSearch_in .searchWrap_in .searchBox_in select{position:absolute;top:15px;left:10px;width:105px;font-size:13px;background:url('../img/common/ic_search2.png') no-repeat right center;border:0;border-radius:0;-webkit-appearance: none}
.topSearch_in .searchWrap_in .searchBox_in .DivSelectyze{position:absolute;top:7px;left:15px;font-size:13px;background:url('../img/common/ic_arrow2.png') no-repeat right center;}
.topSearch_in .searchWrap_in .searchBox_in .DivSelectyze .selectyzeValue{padding:6px 15px 6px 10px;color:#3061a6;}
.topSearch_in .searchWrap_in .searchBox_in .DivSelectyze .UlSelectize{top:35px;left:0;width:110px;font-size:12px;background:#fff;border:1px solid #8b8b8b}
.topSearch_in .searchWrap_in .searchBox_in .DivSelectyze .UlSelectize li a{padding:0 10px;}
.topSearch_in .searchWrap_in .searchBox_in .DivSelectyze .UlSelectize li a:hover{color:#fff;background:#3061a6}

.topSearch_in .searchWrap_in .searchBox_in input[type="text"]{padding:5px;width:100%;height:30px;border:0;box-sizing: border-box;}
.topSearch_in .searchWrap_in .searchBox_in .btn{position:absolute;top:0;right:0;width:70px;height:47px;text-indent:-999px;overflow:hidden;background:#09397c url('../img/common/ic_search2.png') no-repeat center center;border:0;border-radius:22px}
.topSearch_in .searchWrap_in .searchBox_in .searchOver{position:absolute;top:51px;left:90px;padding:10px 15px;width:330px;background:#fff;box-sizing: border-box; border: solid 1px #09397c;}
.topSearch_in .searchWrap_in .searchBox_in .searchOver ul li{font-size:13px;line-height:16px;font-weight:300;border-top:1px solid #e5e5e5}
.topSearch_in .searchWrap_in .searchBox_in .searchOver ul li:first-child{border-top:0}
.topSearch_in .searchWrap_in .searchBox_in .searchOver ul li a{display:block;padding:10px 0}
.topSearch_in .searchWrap_in .searchBox_in .searchOver ul li a::after{display:block;clear:both;content:''}
.topSearch_in .searchWrap_in .searchBox_in .searchOver ul li a:hover{color:#3075d5;text-decoration:underline}
.topSearch_in .searchWrap_in .searchBox_in .searchOver ul li .img{float:left;margin-right:10px;width:44px;border:1px solid #e1e1e1}
.topSearch_in .searchWrap_in .searchBox_in .searchOver ul li span img{float:left;margin-right:10px;width:44px;height:55px; max-width:44px;border:1px solid #e1e1e1}
.topSearch_in .searchWrap_in .searchBox_in .searchOver ul li b{font-weight:500}
.topSearch_in .searchWrap_in .searchBox_in .searchOver ul li div{display:block;padding:10px 0}

.topSearch_in .keywordWrap{text-align:center;background:#3991de}
.topSearch_in .keywordWrap dl{margin:0 auto;max-width:1100px;padding:30px 10px 25px;box-sizing: border-box;}
.topSearch_in .keywordWrap dl dt{display:inline-block;margin:0 20px 10px 0;padding-left:20px;font-size:14px;color:#fff;font-weight:bold;box-sizing: border-box;background:url('..//img/common/ic_star.png') no-repeat left center;}
.topSearch_in .keywordWrap dl dd{display:inline-block}
.topSearch_in .keywordWrap dl dd ul li{display:inline-block;margin:0 5px;font-size:12px}
.topSearch_in .keywordWrap dl dd ul li a{display:block;padding:2px 10px;color:#fff;border:1px solid #fff;border-radius:2px;box-sizing: border-box;}


/**************************************************************************************
	Tablet Style
***************************************************************************************/

@media (max-width: 1000px) { 
	#gnb_area_wrap ul { 
		height: 50px;
		padding-right: 240px;
	}

	#open_menu	{ display: block; position: absolute; width: 60px; height: 50px; overflow: hidden; text-indent: -999px; right: 140px; top: 0; background: url('../img/btn_open_menu.png') no-repeat 50% 50%; margin: 0; }
	#open_menu a	{ display: block; width: 100%; height: 100%; }

	#gnb_area_wrap.on ul			{ position: relative; height: auto; padding-right: 0; }
	#gnb_area_wrap.on li			{ width: 20%; float: left; }
	#gnb_area_wrap.on li a			{ text-align: center; }
	#gnb_area_wrap.on li:after		{ content: ""; position: absolute; top: 10px; bottom: 10px; width: 1px; background: #edeff1; }
	#gnb_area_wrap.on #search_help	{ display: none; }
	#gnb_area_wrap.on #open_menu	{ position: relative; right: 0; text-indent: 0; background: #f6f6f7; border-top: 1px solid #d0d2d6; width: auto; height: 40px; }
	#gnb_area_wrap.on #open_menu a	{ float: right; width: auto; color: #fff; line-height: 40px; font-weight: 800; background: url('../img/ico_menu_close.png') no-repeat 17px 50% #787b83; padding-left: 40px; padding-right: 20px; margin-right: 10px; }
	
	#section,
	#section:before { width: 70%; }
	#side			{ width: 30%; }

	.content-box .gallery li	{ width: 25%; }
	.content-box .gallery li+li+li+li+li { display: none; }
}






/**************************************************************************************
	Tablet Style
***************************************************************************************/

@media (max-width: 980px) { 
	
	.bs-pc	{ display: none !important; }
	.bs-mobile	{ display: block !important; }
	
	#top_search			{ padding-left: 120px; padding-right: 50px; }
	#top_search #logo	{ position: absolute; top: 0; left: 0; width: 120px; margin-top: 20px; }
	#top_search #logo img	{ margin: 0 auto; }

	#top_search_bar	{ width: 100%; margin: 20px 0 10px; }

	#tnb_area_wrap { display: none; }
	#top_search	{ background: #3b549c; }

	#etc_search	{ width: 100%; clear: both; }
	#etc_search > div { margin-top: 0px; margin-bottom: 15px; line-height: 25px; }
	#etc_search label	{ color: #fff; }
	#top_inner_check:after		{ height: 8px; }
	#top_detail_search_open > a	{ color: #fff; } 
	#top_detail_search_open > a:before	{ border-top-color: #3b549c; top: 10px; }
	#top_detail_search_open > a:after	{ border-top-color: #ffffff; top: 10px; }
	#top_detail_search_box > div		{ border-top: 1px solid #3b549c; }

	#top_detail_search_box fieldset p span	{ display: inline-block; }
	/*#top_detail_search_box	{ display: none; }*/

	#search_help	{ display: none; }
	
	#gnb_area_wrap ul	{ padding-right: 60px; }
	#gnb_area_wrap ul li	 { width: 16.6%; }
	#open_menu	{ right: 0; }
	
	#gnb_area_wrap.on #search_help	{ display: block; right: auto; left: 0; height: 40px; top: auto; bottom: 0; line-height: 40px; border: none; background: none; }
	
	.content-box .gallery li	{ width: 33.3%; }
	.content-box .gallery li+li+li+li { display: none; }

	.content-box .link-site li.has-thumb	{ width: 100%; }

	.content-box table,
	.content-box table *			{ display: block; position: relative; width: 100%\9; float: left\9; box-sizing: border-box; }
	.content-box table tbody tr		{ border-bottom: 1px solid #ccc; padding: 10px 0; }
	.content-box table tbody td		{ padding: 0; text-align: left; border-bottom: none; }
	.content-box table tbody td.name	{ font-weight: bold; float: left; line-height: 1.8em; width: auto; }
	.content-box table tbody td.part	{ width: auto; float: left; color: #555; font-size: 8.5pt; margin-left: 10px; line-height: 1.8em; }
	.content-box table tbody td.txt-left	{ clear: both; padding: 10px; margin: 5px 0; background: #f1f1f1; }
	.content-box table tbody	{ display: block; }
	.content-box table thead,
	.content-box table thead * { display: none; }
	
	.list-box .tab-box			{ min-height: 370px; }
	.list-box .tab-box > div	{ width: 50%; margin-bottom: 3px; }
	.list-box .tab-box > div ul	{ top: 60px; }

	#no_result i			{ top: 66px; width: 100px; height: 100px; }
	#no_result ul			{ margin: 30px 30px 30px 150px; }
}






/**************************************************************************************
	Mobile Style
***************************************************************************************/

@media (max-width: 640px) { 
	#top_search				{ padding-left: 90px; padding-right: 20px; }
	#top_search #logo		{ width: 90px; padding-left: 10px; }

	#gnb_area_wrap ul li	{ width: auto; }
	#gnb_area_wrap.on li	{ width: 50%; }
	#gnb_area_wrap.on li a	{ text-align: left; line-height: 40px; }
	
	#search_result dl			{ padding-left: 0; }
	#search_result dt			{ position: relative; top: 0; margin-bottom: 10px; }
	#search_result dt:after		{ display: none; }
	
	#section	{ width: 100%; }
	#side	{ width: 100%; position: relative; padding: 0 15px; box-sizing: border-box; }
	#side:before	{ top: 0; left: 0; right: 0; width: 100%; height: 1px; }
	
	.content-box .webzine li.has-thumb		{ padding-left: 0px; }
	.content-box .webzine li.has-thumb img { width: 90px; height: 70px; }
	.content-box .webzine li h3 span		{ margin-left: 0; display: block; }

	.content-box .webzine li.has-thumb h3,
	.content-box .webzine li.has-thumb div	{ margin-left: 110px; }

	.order-list ul,
	.list-box .tab-box	{  }

	.content-box .gallery li	{ width: 50%; }
	.content-box .gallery li+li+li	{ display: none; }
	
	
	
	.topSearch_in{top:40px;width:100%;}
	.topSearch_in .searchWrap_in{position:relative;margin:0 auto;padding:20px 10px 40px 10px;max-width:100%;box-sizing: border-box;}
	.topSearch_in .searchWrap_in dl{position:relative;margin:0 auto;max-width:400px;box-sizing: border-box;}
	.topSearch_in .searchWrap_in .searchBox_in .btn{position:absolute;top:0;right:0;width:50px;height:47px;text-indent:-999px;overflow:hidden;background:#09397c url('../img/common/ic_search2.png') no-repeat center center;border:0;border-radius:22px}
	.topSearch_in .searchWrap_in .searchBox_in{position:relative;padding:10px 75px 0 80px;height:50px;background:#fff;border-radius:25px;box-sizing: border-box; border:2px solid #3061a6}
	
}

@media (max-width: 480px) { 
	#no_result				{ padding-bottom: 20px; }
	#no_result i			{ display: none; }
	#no_result ul			{ margin: 20px; }
	#no_result hr			{ margin: 20px; }
	#no_result p			{ margin: 5px 20px; }
	
	#top_search				{ position: relative; height: 110px; }
	#etc_search				{ position: absolute; left: 0; right: 0; bottom: 0px; text-align: center; }
	#etc_search > div		{ display: inline-block; float: none; }

}

@media (max-width: 410px) { 

	#top_detail_search_box .title p span	{ display: none; }
	#top_detail_search_box fieldset	{ padding-lefT: 20px; padding-bottom: 10px; }
	#top_detail_search_box fieldset > label, #top_detail_search_box fieldset > legend	 { position: relative; left: 0; clear: both; width: 60px; }


}