@charset "UTF-8";







/*
tablet
================================================================*/



@media all and (max-width:1024px){
	#wrap{overflow:hidden}

	body{overflow-y:scroll}
	img{max-width:100%}
	
	/* layout */
	#wrap{overflow:hidden;min-width:0}
	#header{display:none}
	
	#main_wrap {background:none;}
	
	#footer .Link .grab{ width:100%; }
	
	.mt_v{display:block;}
	.m_lmenu{display:block;}
	
	.rda_book {background:none;}
	
	.item span.original{display:none;}
	.item span.bigimg {display:block; max-width:1000px; height:266px; }
	
	
	.mt_v .mlogo{left:45%;}

	#quick_book {display:none;}
	
	
	
	.main_visual {max-width:100%;margin-top:143px; height:284px !important;}
	.UX_Banner_TYPE_BANNER_IMAGE {height:270px !important;}
	.UX_Banner_TYPE_BANNER{height:270px !important;}
	.UX_Banner_TYPE_BANNER_MENU {position:relative !important;max-width:100% !important; top:241px !important; height:40px !important; }
	.UX_Banner_TYPE_BANNER_MENU li { position:relative !important; display:inline-block !important; width:20px !important;  left:15px !important; list-style-position:none !important; height:20px !important;  overflow:hidden;}

	
	.UX_Banner_TYPE_BANNER_MENU li a{ font-size:13px; letter-spacing:-1px; white-space: nowrap;}	
	.UX_Banner_TYPE_BANNER_MENU li img{ display:block !important; overflow:hidden;  height:200px;max-width:80px;;  }
	.UX_Banner_TYPE_BANNER{ }
	
	
.chart_01{background:url('../img/bg01.png') no-repeat center;  width:100%; height:284px;}
.chart_02{background:url('../img/bg02.jpg') no-repeat center top;  width:100%; height:284px;}
.chart_03{background:url('../img/bg03.jpg') no-repeat center top;  width:100%; height:284px;}
.chart_04{background:url('../img/bg04.jpg') no-repeat center top;  width:100%; height:284px;}
.chart_05{background:url('../img/bg05.jpg') no-repeat center top;  width:100%; height:284px;}

	
.chart_book1 { position:relative; width:100%; height:auto; margin-top:20px;}	
.bookcaver{ width:300px; margin-right:20px;}	
.bookcaver img { width:110px; height:auto; margin-left:15px;}	
.bookcaver p{font-size:18px; left: 140px; top:15px; line-height:22px; width:155px;}
.bookcaver p > span { font-size:14px;}

.bookList{position:absolute; left:350px; top:30px;  margin-top:0}
.bookList div{ float:left; width:33%;}
.bookList div img{width:80px; height:110px; border:1px solid #c2ccc1;}	
	
	
/*인기도서*/


.Book_ListArea { width:100%; padding:0 15px;}

.best-book{ width:100% !important; height:200px;margin-top:0px; margin-bottom:0px;}
.best-book .tit_h3{ padding-top:0px;}

.best-book .tit_h3 { position:relative; float:none; width:100%; text-align:left;height:40px; line-height:40px;border-right:0}	
.best-book .tit_h3:after{content:''; display: block; clear: both; }
.best-book .tit_h3 > img{display:none;}
.best-book .tit_h3 > p{ position:absolute; right:0; top:-30px; padding-right:0px; width:70px;}
	
.bestbook_List {float:none; width:100% !important; min-width:320px;  height:120px; overflow:hidden; position:relative;}

.bestbook_List li {min-width:220px; width:33%; text-align:left; }	
.bestbook_List li > div img{ width:90px; height:120px;}	
	

	
.center_banner>div{width:100%;}	

/*이슈앤책*/
.Issue_cont{ width:40%;}
.farm_book{ width:60%;}

	
.new_book{ width:100%;}
.nsmb_box .farm{position:relative; width:100%; }	


/*귀농귀촌*/
.farm{position:relative; width:100%; overflow:hidden; margin-bottom:30px; }
.farm li { float:left; width:20%; height:auto; border-bottom:0;}
.farm li:last-child{border-bottom:0;}
.farm>span {  right:15px;}


.farm li > div {width:100%;  margin-top:18px; height:auto; text-align:center;  overflow:hidden;}
.farm li > div span img{  float:none; width:85px; border:1px solid #e1e1e1;}
.farm li > div p{width:130px;float:none; display:block; text-align:center; margin-top:8px !important; margin:0 auto;  }
.farm li > div p a{color:#000; font-size:13px; text-align:center; }
.farm li > div p a:hover{text-decoration:underline;}




	
	
}
@media all and (max-width:1023px){

	
	
	
	
	#footer{background-color:#2
	522; margin-top:0 ; height:auto; padding:0px 0 15px}
	#footer .infoot{width:100%;height:auto;padding:50px 15px 19px 15px}
	#footer .infoot .copy_logo{ display:none;}
	#footer .infoot .address{display:block;height:auto;margin:0;font-size:12px;font-weight:normal;color:#000;line-height:18px; padding-left:0px;}

	#footer .infoot .foot_mark{display:none;}

/*이슈앤책*/
.Issue_cont {padding-right:15px;}
.Issue_cont img {width:100%:}



	
}






@media all and (max-width:767px){

	
	#wrap{ min-width:320px;}
	.mt_v .mlogo{left:40%;}
	
	#footer .Link .grab li{width:50%}
	#footer .Link .grab li:nth-child(1) { border-bottom:1px solid #d1d1d1;}	
	#footer .Link .grab li:nth-child(2) { border-bottom:1px solid #d1d1d1; border-right:none;}
	
    #footer .infoot span.link_sel{left:15px; top:-5px;}
	
	
	.subjectTitle span { display:block;}
	
	
	
	
	
	
	.bookList{left:300px; }
	.bookList div{ float:left; width:50%;}
	
	.bookList div+div+div{display:none;}	
	
	.bestbook_List{display:block;}
	.bestbook_List li {min-width:220px; width:50%; text-align:left; }	
	
	.center_banner>div .banner_b { display:none;}
	
	.book_cont{max-height:320px;}
	.book_list li{ width:50%;  margin-bottom:20px;  }
	
	/*이슈앤책*/
   .Issue_cont{ width:100%; }
   .Issue_cont em{ display:block; text-align:center;}
    .farm_book{ width:100%; border-top:2px solid #000;height:auto; border-bottom:1px solid #e1e1e1; padding-bottom:30px;}	
 	
 	
/*귀농귀촌*/
.farm{ margin-top:30px;}
.farm li { width:33.333%;}
.farm li + li + li + li  {display:none;}	



.bestbook_List{margin-left:0;}
.Issue_cont{border-right:0}
.farm_book dl {padding-left:0}	
	
#footer .infoot .link_sel{top:-5px; left:15px; }
	
}
@media all and (max-width:480px){
	
	 #mainBanner{ display:none;}
	
	
	.mt_v .mlogo{left:32%;}
	
	.mquick li{ width:90%;}
	
	
	/*margin*/




.m_t50{margin-top:25px !important;}
.m_t60{margin-top:30px !important;}
.m_t70{margin-top:35px !important;}





.m_b50{margin-bottom:25px !important;}
	

.UX_Banner_TYPE_BANNER_MENU li a {font-size:11px}


.bookList{ display:none;}

.bestbook_List li {min-width:160px; width:50%; text-align:left; margin-bottom:15px;}	
.bestbook_List li > div img{ width:80px; height:110px;}	

.bestbook_List li > div dl{ float:left; width:70px;font-weight:bold; margin-left:5px;}
.bestbook_List li > div dl dt{font-size:25px;  color:#504646; margin-bottom:10px;}
.bestbook_List li > div dl dd a{font-size:13px; color:#000;}
.bestbook_List li > div dl dd {height:60px; overflow:hidden;}

.book_list li{ width:50%;  margin-bottom:30px;  }



.farm li { width:50%;}
.farm li + li + li {float: left; margin-left: 1px;}
.farm li + li + li + li  {margin-left: -1px; display: block;}	
.farm li + li + li + li + li {display:none}		

.farm_book { height:auto; padding-left:0; }
.farm_book em {width:100%; text-align:center; display:block;}

.farm_book dl {width:100%;text-align:center;padding-left: 0px;}





}

@media all and (max-width:479px){



}