@charset "utf-8";

@import url('common.css');  	/*Base*/
@import url('component.css');   /*Base Component*/
@import url('layout.css');  	/*Base layout*/

@import url('search.css');  	/*search*/

@media (min-width:1024px){ /* 태블릿 */
	#lmb .lm_2th{display:block !important}
}
@media (max-width:1024px){ /* 태블릿 */
	#header{height:auto;background-position:0 0;border-bottom:0}
	#headerWrap{width:100%}
	#header .logo{top:10px;left:0;width:100%;text-align:center}
	#sc_search{width:98%;margin:0 auto;padding:85px 10px 0 10px;height:auto;text-align:center}
	#sc_search h2{display:none}
	#sc_search .searchFrm{display:block;float:none;margin:0 auto;max-width:510px;width:auto;}
	#sc_search .searchFrm select,
	#sc_search .searchFrm .keyword{margin-top:0}
	#sc_search .searchFrm .submit{}
	#sc_search .search_in{display:block;float:none;margin:10px 0;text-align:center}

	.set_sugicn{top:11px; /*visibility:hidden;*/} /*태블릿에서는 검색어 자동완성이 제공 될 것인가?*/

	#sc_search .btn_lnk{text-align:left}
	/* 자동검색어 */	
	.autoList{top:40px;right:0px;/*width:301px*/}
	/* 상세검색 */
	#search_detail{top:194px;width:100%;padding-top:10px;border:none;text-align:left;border-bottom:1px solid #ccc}
	#search_detail a.btn_small{top:20px}
	/*본문영역*/
	#searchwrap{margin:0 auto}
	#container{width:100%;background:none}
	/*좌측네비영역*/
	#lmb{display:inline-block;float:none;width:100%;background:#8e8e8e}
	#lmb .lm_2th{display:none;position:absolute;top:50px;left:0;width:100%;border-top:1px solid #449ade;z-index:10;background: #449ade none repeat scroll 0 0;}
	#lmb .lm_2th li{float:left;width:33.3%;border-right:1px solid #449ade}
	#lmb .lm_2th li a{height:auto;background-image:none;}
	#lmb .lm_2th li a span{height:46px;line-height:45px}
	#lmb  .btnSelect{display:block;width:100%;height:50px;font-size:15px;color:#fff;font-weight:bold;background:#244c7c url(../images/bul_lmb_off.png) no-repeat right 50%}
	#lmb  .btnSelect.on{background-image:url(../images/bul_lmb_ov.png)}
	/*검색결과영역 공통*/
	#contents{width:100%}
	#contents dd a{font-size:0.9em}
	.golink .link_url a{font-size:1.167em} 
	.sear_title1{padding:22px 20px;height:auto;line-height:21px}
	.theme_box,
	.com_search,
	.menu_search,
	.m_notice,
	.com_docum,
	.m_images,
	.m_media,
	.sns_search,
	.center_search,
	.txt{padding:22px 20px}
	#sword{display:none}
	/*푸터*/
	#footer .footerwrap{width:100%}
	#footer .top_btn{right:20px}
}
@media (max-width:767px){ /* 태블릿 */
	.m_images .photo_wrap .photo_list{width:100%}
	.m_images .photo_wrap .photo_list li{float:left;width:25%;height:168px}

	.error_Box{margin-top:0;padding:0}
	.error_Box .left_bx{overflow:hidden;float:none;width:100%;height:200px;margin:0;padding:20px 0 0 0;text-align:center}
	.error_Box .right_bx{float:none;width:100%;padding:20px 0 10px 0}
	.error_Box .right_bx .title{display:block;font-size:39px;line-height:40px;color:#515d9f;font-weight:600;font-family:"Arial"}
	.error_Box .right_bx .title2{display:block;font-size:19px;line-height:40px;color:#444444;font-weight:600;font-family:"Nanum Gothic"}
}
@media (max-width:740px){
	.m_images .photo_wrap .photo_list li{width:33.3%}
}
@media (max-width:640px){/* 갤럭시 시리즈 가로 */
	
	#ys_search .search_in label{line-height:42px}
	#ys_search .btn_lnk span{font-size:0.857em;vertical-align:top}
	/* 상세검색 */
	#search_detail p{margin-left:20px}
	#search_detail ul{margin-left:20px}
	#search_detail a.btn_small{top:20px;right:20px}
	.sear_title1{font-size:1.143em}
	.com_search dl dt.title{font-size:1.143em}
	.golink .link_url a em{font-size:1em}
	.golink .link_url a{font-size:1em}
	.theme_box .theme_img{height:161px}
	.media_wrap .multi_img{height:155px}
	.media_wrap .multi_img .thumb{height:155px}
	/*#contents dt a{font-size:1.2em}*/
	#contents dd a{font-size:1em}
	.theme_box .btn_go a{font-size:0.857em !important}
	.btn_view span{font-size:0.857em}
	.sear_more{font-size:14px}
	.theme_box .theme_intro dt,
	.theme_box .theme_intro dd{font-size:1em}
	.m_images .photo_wrap .photo_list li{float:left;width:50%;height:168px}
	#footer .top_btn{top:-53px;right:0}
}
@media (max-width:480px){
	.m_images .photo_wrap .photo_list li{float:left;margin-bottom:10px;width:100%;height:auto}
	.m_images .photo_wrap .photo_list .thumb{width:100%;height:auto}
	.m_images .photo_wrap .photo_list .thumb img{width:100%}
}
@media (max-width:360px){
	/* 자동검색어 */	
	.autoList{top:40px;right:0px;/*width:256px*/}
	input[type="checkbox"] + label,
	input[type="radio"] + label{margin:0 7px 0 0}	
	.com_search dl dd{width:135px}
	.golink .link_tit{display:inline-block;float:none}
	.golink .link_tit span{line-height:1.25em;vertical-align:top}
	.golink .link_url{display:block;float:none;margin:5px 0 0 0}
	.theme_box .theme_img{width:100%;margin:0 0 10px}
	
	.media_wrap li{margin:0 0 15px}
	.media_wrap .multi_img{width:100%;height:120px}
	.media_wrap .multi_img .thumb{width:100%;height:110px}
	.paginate .dir{display:none}
}
@media (min-width:640px){
	.basic_box .grap{float:left;padding:0}
	.basic_box .basic_search{float:right;width:auto;margin:0}
	.basic_box .basic_search:after{content:"";clear:both;display:block}
	.basic_box .basic_search label{float:left;margin:7px 10px 0 0;font-size:1.25em;color:#151516;font-weight:bold}
	.basic_box .basic_search .searchinput{float:left;width:300px;height:29px;margin:0;padding-left:5px;border:0}
	.basic_box .basic_search .searchinput .keyword{margin:0;padding:0;height:28px;width:223px;border:#c9c9c9 solid;border-width:1px}
	.basic_box .basic_search .searchinput .submit{position:static}
	.basic_box .basic_search .searchinput input{float:left}
}