/*================================================================
	고객문의 - 입력항목
================================================================*/
.board_write_tip{
	width: 100%;
	overflow: hidden;
	text-align: right;
}
.board_write_input{
	width: 100%;
	overflow: hidden;
	padding: 0.526rem 0 0 0;
}
.board_write_input ul{
	width: 100%;
	overflow: hidden;
	border-top: 2px solid #000000;
	border-bottom: 1px solid #dddddd;
	padding: 1.316rem 0 0 0;
}
.board_write_input ul > li{
	width: 50%;
	float: left;
	padding: 0 1.053rem 1.316rem 1.053rem;
}
.board_write_input ul > .li_product,
.board_write_input ul > .li_content,
.board_write_input ul > .li_password{
	width: 100%;
}
.board_write_input ul > li > dl{
	width: 100%;
	overflow: hidden;
}
.board_write_input ul > li > dl > dt{	
	font-weight: 500;
	font-size: 1.158rem;
	color: #000000;
	padding: 0 0 0.526rem 0;
}
.board_write_input ul > li > dl > dd input{
	width: 100%;
	height: 2.632rem;
	border-radius: 10px;
}
.board_write_input ul > li > dl > dd textarea{
	width: 100%;
	height: 13.158rem;
	border-radius: 10px;
}
.board_write_input ul > .li_password > dl dd{
	background: #f6f6f6;
	border-radius: 10px;
	padding: 0.421rem 1.053rem;
}
.board_write_input ul > .li_password dl dd > input{
	width: 15%;
}
.board_write_input ul > .li_password .br_password{
	display: none;
}

@media (max-width: 699px){
	.board_write_input ul > li{
		width: 100%;
		float: left;
		padding: 0 1.053rem 1.316rem 1.053rem;
	}
}
@media (max-width: 599px){
	.board_write_input ul{
		width: 100%;
		overflow: hidden;
		border-top: 2px solid #000000;
		border-bottom: 1px solid #dddddd;
		padding: 1.053rem 0 0 0;
	}
	.board_write_input ul > li{
		width: 100%;
		float: left;
		padding: 0 0 1.316rem 0;
	}
	.board_write_input ul > li > dl > dt{	
		font-weight: 500;
		font-size: 1.105rem;
		color: #000000;
		padding: 0 0 0.526rem 0;
	}
	.board_write_input ul > .li_password dl dd > input{
		width: 40%;
		height: 2.105rem;
	}
	.board_write_input ul > .li_password .br_password{
		display: block;
	}
}

/*================================================================
	고객문의 - 개인정보 수집 및 이용동의
================================================================*/
.board_agreement{
	width: 100%;
	overflow: hidden;
	border: 1px solid #dddddd;
	border-radius: 20px;
	padding: 1.053rem 1.579rem;
	margin: 1.579rem 0 0 0;
}
.board_agreement h1{
	color: #000000;	
	font-size: 1.158rem;
	font-weight: 500;
	padding: 0 0 1.053rem 0;
}
.board_agreement .board_agreement_content{
	width: 100%;
	height: 7.895rem;
	overflow: hidden;
	font-size: 0.895rem;
	padding: 1.053rem 1.053rem;
	background: #f6f6f6;
	overflow-y: scroll;
}
.board_agreement .board_agreement_input{
	padding: 0.526rem 0 0 0;
	font-size: 1rem;
}
.board_agreement .board_agreement_scroll{
	border: 1px solid #dddddd;
	overflow-y: scroll;
	padding: 0.526rem 0.526rem;
}

/*================================================================
	기본게시판 - 리스트 - 검색
================================================================*/
.board_search{
	width: 100%;
	overflow: hidden;
	margin: 0 0 1.053rem 0;
}
.board_search .td_info{
	width: 40%;
	float: left;
	padding: 0.263rem 0 0 0;
}
.board_search .td_input{
	width: 60%;
	float: left;
	text-align: right;
}
.board_search .td_input select{
	width: 15%;
	height: 2.368rem;
}
.board_search .td_input .board_search_input{
	width: 30%;
	height: 2.368rem;
}
.btn_search01{
	width: 10%;
	height: 2.368rem;
	padding: 0 20px;
	border: 0;
	background: #2c2c2c;
	color: #FFFFFF;
	cursor: pointer;
}

@media (max-width: 1399px){
	.board_search .td_input select{
		width: 20%;
		height: 2.368rem;
	}
	.board_search .td_input .board_search_input{
		width: 45%;
		height: 2.368rem;
	}
	.btn_search01{
		width: 15%;
		height: 2.368rem;
		padding: 0 20px;
		border: 0;
		background: #2c2c2c;
		color: #FFFFFF;
		cursor: pointer;
	}
}
@media (max-width: 799px){
	.board_search .td_input select{
		width: 25%;
		height: 2.368rem;
	}
	.board_search .td_input .board_search_input{
		width: 45%;
		height: 2.368rem;
	}
	.btn_search01{
		width: 20%;
		height: 2.368rem;
		padding: 0 20px;
		border: 0;
		background: #2c2c2c;
		color: #FFFFFF;
		cursor: pointer;
	}
}
@media (max-width: 699px){
	.board_search .td_info{
		width: 100%;
		float: left;
		padding: 0.263rem 0 0.526rem 0;
	}
	.board_search .td_input{
		width: 100%;
		float: left;
		text-align: left;
	}
	.board_search .td_input select{
		width: 25%;
		height: 2.368rem;
	}
	.board_search .td_input .board_search_input{
		width: 50%;
		height: 2.368rem;
	}
	.btn_search01{
		width: 20%;
		height: 2.368rem;
		padding: 0 20px;
		border: 0;
		background: #2c2c2c;
		color: #FFFFFF;
		cursor: pointer;
	}
}

/*================================================================
	기본게시판 - 리스트 - 내용 - 기본 레이아웃
================================================================*/
.bbs_list_layout{
	width: 100%;
	overflow: hidden;
	border-top: 0;
}

@media (max-width: 812px){
	.bbs_list_layout{
		border-top: 2px solid #3d3d3d;
	}
}

/*================================================================
	기본게시판 - 리스트(pc,타블렛,모바일 보이고 안보이게)
================================================================*/
.board_list_m{
	display: none;
}

@media (max-width: 812px){
	.board_list_title{
		display: none;
	}
	.board_list_pb{
		display: none;
	}
	.board_list_m{
		display: block;
	}
}

/*================================================================
	기본게시판 - 리스트 - 내용 - 기본 레이아웃 - PC
================================================================*/
.board_list{
	width: 100%;
	overflow: hidden;
}
.board_list li{
	color: #747474;
	padding: 0.789rem 0;
	border-bottom: 1px solid #e6e6e6;
	text-align: center;
	float: left;
}
.board_list .li_2 span{
	color: #000000;
}
.board_list .li_1{
	width: 8%;
}
.board_list .li_2{
	width: 50%;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.board_list .li_3{
	width: 20%;
}
.board_list .li_4{
	width: 12%;
}
.board_list .li_5{
	width: 10%;
}

/*================================================================
	기본게시판 - 리스트 - 내용 - 기본 레이아웃 - 모바일
================================================================*/
.board_list_m{
	width: 100%;
	overflow: hidden;
	padding: 10px 10px !important;
	border-bottom: 1px solid #e6e6e6;
}
.board_list_m .board_list_m_title{
	width: 100%;
	text-align: left;
}
.board_list_m .board_list_m_name{
	width: auto;
	font-size: 0.789rem;
	color: #747474;
	text-align: left;
	padding: 0 10px 0 0;
	float: left;
}
.board_list_m .board_list_m_date{
	width: auto;
	font-size: 0.789rem;
	color: #747474;
	text-align: left;
	float: left;
}
.board_list_no{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #e6e6e6;
	text-align: center;
	padding: 15px 0;
}

/*================================================================
	기본게시판-리스트-내용-타이틀
================================================================*/
.board_list_title li{	
	color: #000000 !important;
	background: #f7f7f7;
	border-top: 2px solid #3d3d3d;
	text-align: center !important;
}

/*================================================================
	기본게시판-글쓰기-버튼
================================================================*/
.board_write_btn{
	width: 100%;
	overflow: hidden;
	text-align: center;
	padding: 2.105rem 0 0 0;
}
.board_write_btn .btn_write1{	
	width: 13.158rem;
	height: 3.684rem;
	font-size: 1.158rem;	
	font-weight: 500;
	color: #FFFFFF;
	text-align: center;
	border: 0;
	background: #f58634;
	border-radius: 20px;
	cursor: pointer;
	display: inline-block;
	margin: 0 0.526rem;
}
.board_write_btn .btn_cancel1{	
	width: 7.895rem;
	height: 3.684rem;
	font-size: 20px;	
	font-weight: 500;
	color: #FFFFFF;
	text-align: center;
	border: 0;
	background: #aeaeae;
	border-radius: 20px;
	cursor: pointer;
	display: inline-block;
	margin: 0 0.526rem;
}

@media (max-width: 599px){
	.board_write_btn{
		width: 100%;
		overflow: hidden;
		text-align: center;
		padding: 1.316rem 0 0 0;
	}
	.board_write_btn .btn_write1{	
		width: 9.474rem;
		height: 3.684rem;
		font-size: 1.158rem;	
		font-weight: 500;
		color: #FFFFFF;
		text-align: center;
		border: 0;
		background: #f58634;
		border-radius: 20px;
		cursor: pointer;
		display: inline-block;
		margin: 0 0.263rem;
	}
	.board_write_btn .btn_cancel1{	
		width: 5.789rem;
		height: 3.684rem;
		font-size: 20px;	
		font-weight: 500;
		color: #FFFFFF;
		text-align: center;
		border: 0;
		background: #aeaeae;
		border-radius: 20px;
		cursor: pointer;
		display: inline-block;
		margin: 0 0.263rem;
	}
}

/*================================
	기본게시판-상세페이지
================================*/
.board_read_title{
	width: 100%;
	overflow: hidden;
	border-top: 2px solid #3d3d3d;
	font-weight: 500;
	font-size: 1.158rem;
	color: #000000;
	text-align: center;
	padding: 1.053rem 0 0.526rem 0;
}
.board_read_info{
	border-bottom: 1px solid #e6e6e6;
	text-align: center;
	padding: 0 0 1.053rem 0;
}
.board_read_info span{
	font-size: 16px;
	color: #747474;
	padding: 0 0.789rem 0 0;
}
.board_read_info .span_e{
	padding: 0;
}
.board_read_content{
	width: 100%;
	overflow: hidden;
	padding: 1.053rem 0;
	border-bottom: 1px solid #e6e6e6;
}
.board_read_content img{
	max-width: 100%;
}
.board_read_list{
	width: 100%;
	overflow: hidden;
	padding: 1.579rem 0 0 0;
}
.board_read_info_br{
	display: none;
}

@media (max-width: 499px){
	.board_read_info_br{
		display: block;
	}
}

/*================================
	기본게시판-상세페이지-이전글,다음글
================================*/
.board_read_latest{
	width: 100%;
	overflow: hidden;
}
.board_read_latest dl{
	width: 100%;
	overflow: hidden;
}
.board_read_latest dl dt{
	width: 20%;
	background: #f7f7f7;
	float: left;	
	border-bottom: 1px solid #e6e6e6;
	padding: 0.526rem 0.789rem;
}
.board_read_latest dl dd{
	width: 80%;
	float: left;
	border-bottom: 1px solid #e6e6e6;
	padding: 0.526rem 0.789rem;
}
.board_read_latest .dl_1 dt,
.board_read_latest .dl_1 dd{
	border-top: 1px solid #e6e6e6;
}

/*================================
	기본게시판-상세페이지-첨부파일
================================*/
.board_read_file{
	width: 100%;
	overflow: hidden;
	background: #f7f7f7;
	padding: 0.789rem 0.789rem;
	border: 1px solid #e6e6e6;
	margin: 0 0 1.053rem 0;
}
.board_read_file img{
	padding: 0 0.526rem 0 0;
}

/*================================
	기본게시판-상세페이지-버튼
================================*/
.board_read_btn{
	width: 100%;
	overflow: hidden;
	text-align: center;
	padding: 20px 0 0 0;
}
.btn_list1{
	width: 10.526rem;
	height: 3.158rem;
	background: #6b8297;
	color: #FFFFFF !important;
	font-weight: 500;
	font-size: 0.895rem;
	line-height: 2rem;
	text-align: center;
	border: 0;
	margin: 0 0.263rem 0 0;
	cursor: pointer;
	display: inline-block;
}

/*================================================================================================
    페이지번호
================================================================================================*/
.board_page{
	width: 100%;
	overflow: hidden;
	text-align: center;
	padding: 3.684rem 0 0 0;
}
.board_page > form > ul{
	display: inline-block;
}
.board_page > form > ul > li{
	float: left;
}
.board_page > form > ul > li > a{
	width: 2.105rem;
	height: 2.105rem;
	float: left;
	border: 1px solid #e9e9e9;
	font-size: 0.842rem;
	color: #ababab;
	line-height: 1.947rem;
	display: block;
}
.board_page > form > ul > li > a img{
	width: 1.579rem;
	margin: 0.211rem 0 0 0;
}
.board_page > form > ul > .li_preall > a img,
.board_page > form > ul > .li_pre > a img{
	transform: rotate(180deg);
}
.board_page > form > ul > .page_number{
	padding: 0 1.579rem;
}
.board_page > form > ul > .page_number a{
	border: 0;
}
.board_page > form > ul > .page_number .page_number_on{
	color: #000000;
}

/*================================================================================================
	갤러리_유튜브게시판-리스트
================================================================================================*/
.gallery_board_list{
	width: 103%;
	overflow: hidden;
}
.gallery_board_list li{
	width: 25%;
	float: left;
	padding: 0 3% 3% 0;
}
.gallery_board_list li a{
	display: block;
	border: 1px solid #dddddd;	
}
.gallery_board_list li .gbl_img{
	font-size: 0;
	line-height: 0;
}
.gallery_board_list li .gbl_img img{
	width: 100%;
	height: 13.158rem;
	opacity: 1.0;
}
.gallery_board_list li .gbl_content{
	padding: 1.053rem 1.053rem 1.579rem 1.053rem;
}
.gallery_board_list li .gbl_stitle{
	font-weight: 500;
	font-size: 1rem;
	color: #60b956;
	line-height: 1rem;
}
.gallery_board_list li .gbl_title{
	font-weight: 500;
	font-size: 1.158rem;
	color: #000000;
	line-height: 1.211rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 0 0.526rem 0;
}
.gallery_board_list li .gbl_name{
	font-size: 0.947rem;
	color: #7a7a7a;
	line-height: 0.947rem;
}
.gallery_board_list li .gbl_day{
	font-size: 0.947rem;
	color: #7a7a7a;
	line-height: 0.947rem;
}
.gallery_board_list li a:hover .gbl_img img,
.gallery_board_list li a:focus  .gbl_img img,
.gallery_board_list li a:active  .gbl_img img{
	opacity: 0.9;
}

@media (max-width: 1699px){
	.gallery_board_list li{
		width: 33.33333333333333%;
		float: left;
		padding: 0 3% 3% 0;
	}
}
@media (max-width: 1299px){
	.gallery_board_list li .gbl_img img{
		width: 100%;
		height: 11.053rem;
		opacity: 1.0;
	}
}
@media (max-width: 899px){
	.gallery_board_list li{
		width: 50%;
		float: left;
		padding: 0 3% 3% 0;
	}
}
@media (max-width: 599px){
	.gallery_board_list li{
		width: 100%;
		float: left;
		padding: 0 3% 3% 0;
	}
	.gallery_board_list li .gbl_img img{
		width: 100%;
		height: auto;
		opacity: 1.0;
	}
}