@charset "UTF-8";

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

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

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

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

		.body_row.row01{padding-top:20px;}/*padding:1px 0px 0px 0px;*/

			#row1_col1_section{display:inline-block; position:relative; width:30%; padding-right:10px;}
				#cscenter_section{display:inline-block; position:relative; overflow:hidden; width:100%; height:110px; padding:0px;}
				#cscentericonbtn_section{position:relative; overflow:hidden; width:100%; height:100%; padding:2px 2px 0px 2px;}
				#cscentericonbtn_section .phonNo{position:relative; margin:0px; padding:0px;}
				.mainCsBtnImg{padding:15px;}
				.mainCsBtnTextBg{padding:12px 20px 0px 0px;}
				#main_outputborad_section{display:inline-block; position:relative; width:100%; height:179px; padding:0px; margin-top:1px;}/*padding:0px 1px 0px 1px;*/

			#row1_col2_section{display:inline-block; position:relative; width:70%;}
				#col4iconbtncss_section{display:inline-block; position:relative; overflow:hidden; width:100%; padding:2px; height:290px;}
				.mainBtnIconArea{display:inline-block; width:100%; height:100%; padding:0px; margin:0px; font-size:0px;}
				.mainBtnIconArea div{line-height:auto !important;}
				.mainBtnIconArea .col{width:25%; height:100% !important; padding:0px; margin:0px; border-right:1px solid #e5e5e5;}
				.mainBtnIconArea .col:last-child{border-right:0px;}
				.mainBtnIconArea .decTf{line-height:20px;}
				.mainBtnIconArea .timeDec{line-height:13px; padding-top:5px;}

			#row2_col1_section{display:inline-block; position:relative; width:60%; padding-right:10px;}
				#mbannermove_section{position:relative; width:100%; padding:0px 0px 0px 0px;}

			#row2_col2_section{display:inline-block; position:relative; width:40%;}
				#col4btncss_section{display:inline-block; position:relative;  width:100%; height:100%; padding:0px;}
				.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 5px 0px 0px;}
				.mainCol4btnArea .gListArea:nth-child(2){padding:0px 0px 0px 0px;}
				.mainCol4btnArea .gListArea:nth-child(3){padding:5px 5px 0px 0px;}
				.mainCol4btnArea .gListArea:nth-child(4){padding:5px 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 ********************************************************/

			#main_outputborad_section .board_output td{height:22px !important;}
			#main_outputborad_section .board_output .board_output tr:nth-child(6){display:none;}

		@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;}
			#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;}*//*total menu*/

			#row1_col1_section{width:100%; padding:0px 0px 20px 0px;}
			#cscenter_section{width:40%; height:180px; padding-right:10px;}
			#cscentericonbtn_section{padding:2px;}
			.mainCsBtnImg img{max-height:80px;}
			.mainCsBtnImg{padding-top:25px;}
			.mainCsBtnTextBg{padding:25px 20px 0px 0px;}
			#main_outputborad_section{width:60% !important; height:180px; padding:0px 0px 0px 10px; margin:0px;}
			#main_outputborad_section table.board_output table.board_output tr td:last-child{display:block;}/*날짜제거*/
			#row1_col2_section{width:100%;}
			#col4iconbtncss_section{height:225px;}
			#col4iconbtncss_section .padding_v30px{padding-top:15px; padding-bottom:20px;}

			#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){

			#cscenter_section{width:100%; height:150px; padding:0px 0px 20px 0px;}
			.mainCsBtnImg img{max-height:none;}
			.mainCsBtnImg{padding-top:15px;}
			.mainCsBtnTextBg{padding:20px 20px 0px 0px;}
			#main_outputborad_section{width:100% !important; padding:0px;}
			#main_outputborad_section table.board_output table.board_output tr td:last-child{display:block;}/*날짜제거*/

			#row2_col1_section{width:100%; padding:0px 0px 20px 0px;}
			#mbannermove_section{}

			#row2_col2_section{width:100%;}
			#col4btncss_section{width:100%; height:auto !important;}
			.mainCol4btnArea .gListArea{width:25%; padding:5px 5px 0px 0px !important;}
			.mainCol4btnArea .gListArea:lastChild{padding-right:0px !important;}
		}
		
		@media all and (max-width:560px){

			#main_outputborad_section table.board_output table.board_output tr td:last-child{display:block;}/*날짜제거*/

			#col4iconbtncss_section{height:450px;}
			.mainBtnIconArea{height:223px;}
			.mainBtnIconArea .col{width:50%;}
			.mainBtnIconArea .col:nth-child(1),.mainBtnIconArea .col:nth-child(2){border-bottom:1px solid #e5e5e5;}
			.mainBtnIconArea .col:nth-child(2),.mainBtnIconArea .col:nth-child(4){border-right:0px;}
			.mainBtnIconArea .w60{width:50%;}
		}

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

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

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

