@charset "UTF-8";

	#mainbisual_section{position:relative; width:100%; margin:0px; padding:0px; line-height:0px;}

	#body_section{position:relative; width:100%; margin:0px auto; padding:5px 0px 20px 0px;}

		#body_area{position:relative; top:0px; width:100%; margin:0px auto; font-size:0px;}
		#body_area div{vertical-align:top;}

		.body_row{display:inline-block; position:relative; width:100%; padding:0px 0px 0px 0px;}/*padding:1px 0px 0px 0px;*/
		.main_horline{position:relative; width:100%; height:10px;}

			#cscenterbtn_section{display:inline-block; position:relative; overflow:hidden; width:30%; height:220px; padding:0px 0px 0px 0px;}
				.mainCsBtnTfBg{border-radius:10px 0px 10px 50px;}

			#main_outputborad_section{display:inline-block; position:relative; width:30%; height:220px; padding:0px 0px 0px 0px;}/*padding:0px 1px 0px 1px;*/

			#mslidebanner_section{display:inline-block; position:relative; width:40%; height:220px; padding:0px 0px 0px 0px;}

			#mbannermove_section{display:inline-block; position:relative; width:60%; padding:0px 0px 0px 0px;}
			/*#mbannermove_section div:nth-child(1){border-right:0px !important;}*/

			#col4btncss_section{display:inline-block; position:relative;  width:40%; height:100%; padding:1px 0px 1px 1px;}
				.mainCol4btnArea{width:100%; height:100%; padding:0px; margin:0px; font-size:0px;}
				.mainCol4btnArea div{line-height:auto !important;}
				.mainCol4btnArea .dec{line-height:15px !important;}
				.mainCol4btnArea .gListArea{overflow:hidden; width:50%; height:50%; padding:0px; margin:0px;}
				.mainCol4btnArea .gListArea:nth-child(1){padding:0px 1px 0px 0px;}
				.mainCol4btnArea .gListArea:nth-child(2){padding:0px 0px 0px 0px;}
				.mainCol4btnArea .gListArea:nth-child(3){padding:2px 1px 0px 0px;}
				.mainCol4btnArea .gListArea:nth-child(4){padding:2px 0px 0px 0px;}
				.mainCol4btnArea .gListBtn{border:0px !important;}

			/*middle_2=movie*/
			#main_movie_section{display:inline-block; position:relative; width:36%; height:200px; margin-top:-3px; padding:0px 5px 0px 8px;}
				#main_movie_pannel{position:relative; width:100%; height:100%;}

			#mainproductbanner_section{display:inline-block; position:relative; margin:0px auto; width:100%; padding-top:0px;}

			/********* board - start ******************************************************/

			/*product-outputboard*/
			.product_listmain .board_output{display:inline-block; position:relative; padding:0px; margin:0px;}
			.product_listmain .board_output *{display:block; width:100%; max-width:100% !important;}/*last table.board_output과 tr 시이 영역 적용을 위해*/
			.product_listmain .board_output .board_output tr{display:block;}/*product*/
			.product_listmain .board_output .board_output tr td{display:block; position:relative; width:100%; padding:6px 0px 6px 0px !important; text-align:left !important;}
			.product_listmain .board_output .board_output .board_output_imgs{width:100% !important; height:auto !important; padding:0px !important;}
			.product_listmain a:link{color:#333333 !important;}
			.product_listmain a:visited{color:#333333 !important;}
			.product_listmain a:hover{color:#333333 !important;}
			.product_listmain a:active{color:#333333 !important;}

			/*col 5 - width*/
			.product_listmain{position:relative; width:100%; padding:0px; font-size:13px;}/* 최대 20개*/
			.product_listmain .gBannerArea{position:absolute; padding:10px 1% 8px 1% !important; cursor:pointer; }/*tr - *product**/
			.product_listmain .gBannerArea td:nth-child(1){display:none !important;}/*dot*/
			.product_listmain .gBannerArea td:nth-child(3){border-bottom:1px solid #dddddd;}/*subject bottom line*/
			.product_listmain .gBannerArea td:nth-child(4){font-size:15px; color:#cc3300 !important;}/*price*/
			/*xml banner*/
			.product_listmain .gBannerArea div{padding:6px 0px 6px 0px; text-align:left;}
			.product_listmain .gBannerArea div:nth-child(2){border-bottom:1px solid #dddddd;}/*subject bottom line*/
			.product_listmain .gBannerArea div:nth-child(3){font-size:15px; color:#cc3300 !important;}/*price*/
			/********* board - end ********************************************************/

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

			#bottominfo_section{padding:0px 10px 0px 10px;}
		}

		@media all and (max-width:1024px){
			
			#main_outputborad_section table.board_output table.board_output tr td:last-child{display:none;}/*날짜제거*/

			#btminfo_section{width:100%; padding:10px 0px 10px 0px;}
			#btminfo_section .btmInfoArea:nth-child(1){padding-right:15%;}/*cs center*/
			#btminforight_section{width:100%; padding-top:0px; padding-left:0px;}
		}

		/*@media all and (max-width:768px){*/
		@media all and (max-width:800px){

			#header{height:auto !important;}

			#body_section{padding:1px 0px 1px 0px;}

			#cscenterbtn_section{width:52%;}

			#main_outputborad_section{width:48%; padding-right:0px;}
			#main_outputborad_section table.board_output table.board_output tr td:last-child{display:block;}/*날짜제거*/
			
			#mslidebanner_section{width:100%; padding-top:1px; border-top:1px solid #999999;}

			#col4btncss_section .listInfo_outTD{padding:6px 2px 6px 2px;}
			#col4btncss_section .listTitle_outTD{font-size:15px !important; font-weight:bold;}
			.mainCol4btnArea .listDec_outTD{display:none;}
			.mainCol4btnArea .listTitle_1_outTD{display:none;}
		}

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

			#cscenterbtn_section{width:50%;}

			#main_outputborad_section{width:50%;}
			#main_outputborad_section table.board_output table.board_output tr td:last-child{display:none;}

			#mbannermove_section{width:100%;}

			#col4btncss_section{width:100%; height:auto !important; padding-top:1px;}
			#col4btncss_section .gListArea{width:25%; padding:0px 1px 0px 0px;}
			#col4btncss_section .gListArea:last-child{padding-right:0px;}

			#btminfo_section .btmInfoArea:nth-child(1){padding-right:5%;}/*cs center*/
		}
		
		@media all and (max-width:560px){

			#cscenterbtn_section{width:100%;}

			#main_outputborad_section{width:100%; height:230px; padding:1px 0px 0px 0px;}
			#main_outputborad_section table.board_output table.board_output tr td:last-child{display:block;}/*날짜제거*/
		}

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

			#col4btncss_section .gListArea{width:50%;}
			#col4btncss_section .gListArea:nth-child(1){padding:0px 1px 0px 0px;}
			#col4btncss_section .gListArea:nth-child(2){padding:0px 0px 0px 0px;}
			#col4btncss_section .gListArea:nth-child(3){padding:1px 1px 0px 0px;}
			#col4btncss_section .gListArea:nth-child(4){padding:1px 0px 0px 0px;}

			#col4btncss_section .listInfo_outTD{padding:15px 10px 15px 10px;}
			.mainCol4btnArea .listDec_outTD{display:block;}
			.mainCol4btnArea .listTitle_1_outTD{display:block;}
		}

