/* 미디어 쿼리 */
.m_menu_show_btn{position:absolute; top:15px; left:15px; width:29px; height:50px; background:url('../img/btn_menu.png') no-repeat; z-index:2; cursor:pointer; display:none}
.m_menu_close_btn{position:absolute; top:10px; right:10px; font-size:18px; cursor:pointer; display:none}
#quick_menu{position:fixed; right:0px; top:0px; width:100px; height:100%; background-color:#2E4040; z-index:99999999}
#quick_menu .quick_tit{width:100px; height:65px; background:url('../img/quick_tit.jpg') no-repeat;}
#quick_menu .quick_item{width:100px; height:100px;}
#quick_menu .quick_item.type1{background:url('../img/quick_menu_1.jpg') no-repeat;}
#quick_menu .quick_item.type2{background:url('../img/quick_menu_2.jpg') no-repeat;}
#quick_menu .quick_item.type3{background:url('../img/quick_menu_3.jpg') no-repeat;}
#quick_menu .quick_item.type4{background:url('../img/quick_menu_4.jpg') no-repeat;}
#quick_menu .quick_item.type5{background:url('../img/quick_menu_5.jpg') no-repeat;}
#quick_menu .quick_item.type6{background:url('../img/quick_menu_6.jpg') no-repeat;}
#quick_menu .quick_item.type7{background:url('../img/quick_menu_7.jpg') no-repeat;}
#left_menu{height:100%; overflow:hidden;background:url(/theme/basic/img/bg_obj_17.jpg) no-repeat right top}
#tail{padding-right:100px; box-sizing:border-box;}
#hd_pop{width:auto;}
.left_menu_obj{position:absolute; bottom:0px; left:0px;top: 0;}
.left_bg_box{position:absolute; top:0px; left:0px; width:100%; height:100%;}
.month_num{position:absolute; top:120px; left:135px; font-weight:800; font-size:110px; color:#000000; z-index:100}
.month_txt{position:absolute; top:254px; left:135px; font-size:50px; color:#7E3906; z-index:100}

#nav .dp1 a:hover + .dp-section, #nav .dp1 a + .dp-section:hover{display: block;}
#top_menu.on{background-color: #fff;}
@media screen and (max-width:1840px) {
	.dt{display:table}
	.dtc{display:table-cell;}
  *{margin:0; padding:0}
  #left_menu{position:fixed; width:35%; float:left; box-sizing:border-box;}
  #left_menu .zoom_box{}
  #left_menu ul{width:640px;}

  /*#left_menu img{width:100%;}

  #left_menu li:nth-child(1){width:33.2%;}
  #left_menu li:nth-child(2){width:34.5%;}
  #left_menu li:nth-child(3){width:32.3%;}http://forme.ffive.kr/img/real_finish.png
  #left_menu li:nth-child(4){width:33.3%;}
  #left_menu li:nth-child(5){width:34.4%;}
  #left_menu li:nth-child(6){width:32.3%;}*/
  #wrap{width:100%; float:none; margin-left:0px; padding-left:41%; padding-right:115px; box-sizing:border-box;}
  #top_menu{width:65%; top:0px; left:auto; right:0px; height:auto; margin-left:0px; padding-right:150px; box-sizing:border-box;}
  #tail{clear:both; padding-left:40%; box-sizing:border-box; height:auto; padding-bottom:15px;}
  #tail_con{margin-left:30px; margin-right:30px; width:auto;}
  #tail_con h2{display:none;}
  .menu_bottom{width:auto; float:none; padding-top:15px;}
  .menu_bottom ul li{margin-bottom:10px;}

  .real_con{margin-left:15px; margin-right:15px;}
  .real_con h2 img{}
  .real_con li:nth-child(odd){margin-right:4% !important;}
  .layout_50{position:relative; width:45%; float:left;}
  .layout_50 img{width:100% !important;}

  #main_contents{margin-top:0px; padding-top:21%; padding-bottom:17%; height:auto; margin-left:15px; margin-right:15px;}
  #main_contents ul{width:100%; float:none; margin-left:0px;}
  #main_contents ul li{margin-bottom:0px; /* margin-right:2%; */}
  #main_contents ul li:nth-child(odd){margin-right:4%}
  #main_con ul{overflow:hidden}
  #main_con img{width:100% !important;}
  #bot_menu ul{overflow:hidden}
  #bot_menu{margin-top:0px; height:auto; margin-left:15px; margin-right:15px;}
  #bot_menu ul li{margin-right:0px;}
  #bot_menu ul li:nth-child(odd){margin-right:4%}
  .right_forme{margin-top:0px !important;}
  .forme_com_banner img{width:100% !important;}


}

@media screen and (max-width:1400px) {
  .la_board{width:100%;}
  .la_board ul li{width:100%;}

}

@media screen and (max-width:1200px) {
	#quick_menu{display:none;}
	.m_menu_show_btn{display:block;}
	#wrap{padding-top:0px; padding-right:15px;}
	#tail{padding-right:15px;}
	#main_con{padding-top:0px;}

	/* 메뉴 */
	#top_menu{position:fixed; top:0px; left:0px; height:100%; padding-right:0px; width:40%; display:none}
	#top_menu.mb_menu_show{display:block;}
	#nav .dp1{display:block; float:none; width:100%; margin-left:0px;}
	#nav .dp-section{position:relative; width:100%;}
	#nav .dp-section li{float:none}
	#top_menu ul{width:100%; margin-right:0px !important; text-align:center; padding-top:15px; padding-bottom:15px;}
	#tnb{float:none;}
	#tnb li{display:inline-block; vertical-align:top; float:none !important; margin:5px;}
	.m_menu_close_btn{display:block;}
  
}

@media screen and (max-width:760px) {
 #hd_pop{width:100% !important;}
   .hd_pops{width:100% !important;left: 0 !important;top: 50px !important;}
   .hd_pops img {width:100% !important;}
   .hd_pops_con {width:100% !important;height:auto !important;}
	#quick_menu{zoom:0.5}
	#left_menu{position:relative; width:100%; height:600px; padding-right:0px; box-sizing:border-box;background-position: center top 23%}
	#left_menu ul{display:none}
	#wrap{width:100%; margin-left:0px; padding-left:0px; padding-right:0px; min-height:auto;}
	.left_bg_box{height:900px;}
	/* footer */
	#tail{height:auto; padding-top:15px; padding-bottom:15px; padding-left:0px; padding-right:0px; box-sizing:border-box;}
	#tail_con h2{float:none; text-align:center; margin-left:0px; margin-top:0px;}
	.menu_bottom{width:auto; float:none; text-align:center; margin-top:15px;}
	.menu_bottom ul li{float:none; margin-right:0px; margin-top:5px;}
	.copyright{padding-left:15px; padding-right:15px; box-sizing:border-box;}

	.month_num{position:absolute; top:50px; left:95px; font-weight:800; font-size:110px; color:#000000; z-index:100}
	.month_txt{position:absolute; top:184px; left:95px; font-size:50px; color:#ffffff; z-index:100}
}

@media screen and (max-width:480px) {
	.la_board{margin-top:-30px; margin-left:0px;}
	.real_con img{display:none;}
	.real_con ul {margin-left:0px;display:inline-block;}
	.real_con ul li {width:100%;}
	.real_con ul li iframe{width:100%;}

}