/*================================================================
	글쓰기 - 입력항목
================================================================*/
.board_write_tip{
	width: 100%;
	overflow: hidden;
	text-align: right;
	padding: 2.5rem 0 0 0;
}
.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;
}
.board_write_input ul > li{
	width: 50%;
	float: left;
	padding: 1.316rem 1.053rem 1.316rem 1.053rem;
	border-bottom: 1px solid #dddddd;
}
.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 > dl > dd input[type='radio'] + label{
	height: 2.632rem;
	padding: 0.625rem 1.25rem 0 0;
}
.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: 1.316rem 1.053rem 1.316rem 1.053rem;
	}
}
@media (max-width: 599px){
	.board_write_tip{
		width: 100%;
		overflow: hidden;
		text-align: right;
		padding: 1.579rem 0 0 0;
	}
	.board_write_input ul{
		width: 100%;
		overflow: hidden;
		border-top: 2px solid #000000;
	}
	.board_write_input ul > li{
		width: 100%;
		float: left;
		padding: 1.063rem 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 > dl > dd input[type='radio'] + label{
		height: 2.105rem;
		padding: 0 1.25rem 0 0;
	}
	.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: 1rem;
	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;
}

/*================================================================
	기본게시판-글쓰기-input 크기
================================================================*/
.board_write_input ul > .li_address{
	width: 100%;
}
.board_write_input ul > li > dl > dd .input_birthday{
	width: 32%;
}
.board_write_input ul > li > dl > dd .input_tel{
	width: 32%;
}
.board_write_input ul > li > dl > dd .input_address1{
	width: 20%;
}
.board_write_input ul > li > dl > dd .input_address2{
	width: 49%;
	margin: 0.313rem 0 0 0;
}
.board_write_input ul > li > dl > dd .input_address3{
	width: 49%;
	margin: 0.313rem 0 0 0;
}

@media (max-width: 599px){
	.board_write_input ul > li > dl > dd .input_address1{
		width: 40%;
	}
}

/*================================================================
	기본게시판-글쓰기-버튼
================================================================*/
.board_write_input ul > li > dl > dd .btn_address1{	
	width: 9.375rem;
	height: 2.632rem;
	background: #2f2f2f;
	font-size: 1rem;
	color: #FFFFFF;
	line-height: 2.632rem;
	display: inline-block;
	text-align: center;
	border-radius: 10px;
	margin: 0 0 0 0.313rem;
}
.board_write_btn{
	width: 100%;
	overflow: hidden;
	text-align: center;
	padding: 2.105rem 0 0 0;
}
.btn_write1{	
	width: 13.158rem;
	height: 3.684rem;
	font-size: 1.158rem;	
	font-weight: 500;
	color: #FFFFFF;
	line-height: 3.526rem;
	text-align: center;
	border: 0;
	background: #2d87db;
	border-radius: 20px;
	cursor: pointer;
	display: inline-block;
	margin: 0 0.526rem;
}
.btn_write1:visited{
	color: #FFFFFF;
}
.btn_write1:hover,
.btn_write1:focus,
.btn_write1:active{
	color: #FFFFFF;
	border: 0;
	border-radius: 20px;
}
.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_input ul > li > dl > dd .btn_address1{	
		width: 7.5rem;
		height: 2.632rem;
		background: #2f2f2f;
		font-size: 1rem;
		color: #FFFFFF;
		line-height: 2.632rem;
		display: inline-block;
		text-align: center;
		border-radius: 10px;
		margin: 0 0 0 0.313rem;
	}
	.board_write_btn{
		width: 100%;
		overflow: hidden;
		text-align: center;
		padding: 1.316rem 0 0 0;
	}
	.btn_write1{	
		width: 9.474rem;
		height: 3.684rem;
		font-size: 1.158rem;	
		font-weight: 500;
		color: #FFFFFF;
		text-align: center;
		border: 0;
		background: #134eac;
		border-radius: 20px;
		cursor: pointer;
		display: inline-block;
		margin: 0 0.263rem;
	}
	.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_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: 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: 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: 21%;
		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_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;
}

/*================================================================
	갤러리 - 리스트 - 기본레이아웃
================================================================*/
.gallery_list{
	width: 103%;
	overflow: hidden;
	margin: -1.053rem 0 0 0;
}
.gallery_list > li{
	width: 33.33333333333333%;
	float: left;
	padding: 3.158rem 3% 0 0;
}
.gallery_list > li > a{
	display: block;
}

@media (max-width: 1599px){
	.gallery_list > li{
		width: 33.33333333333333%;
		float: left;
		padding: 2.632rem 3% 0 0;
	}
}
@media (max-width: 1099px){
	.gallery_list > li{
		width: 50%;
		float: left;
		padding: 3.158rem 3% 0 0;
	}
}
@media (max-width: 899px){
	.gallery_list > li{
		width: 50%;
		float: left;
		padding: 1.579rem 3% 0 0;
	}
}
@media (max-width: 599px){
	.gallery_list{
		width: 100%;
		overflow: hidden;
		margin: -1.053rem 0 0 0;
	}
	.gallery_list > li{
		width: 100%;
		float: left;
		padding: 1.579rem 0 0 0;
	}
}

/*================================================================
	갤러리 - 리스트 - 이미지
================================================================*/
.gallery_list > li > a > .gallery_list_img{
	width: 100%;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}
.gallery_list > li > a > .gallery_list_img img{
	width: 100%;
	height: 17.895rem;
	transition: all .2s ease-in-out;
}
.gallery_list > li > a:hover > .gallery_list_img img,
.gallery_list > li > a:focus > .gallery_list_img img,
.gallery_list > li > a:active > .gallery_list_img img{
	opacity: 0.7;
}

@media (max-width: 1699px){
	.gallery_list > li > a > .gallery_list_img img{
		width: 100%;
		height: 16.842rem;
	}
}
@media (max-width: 1599px){
	.gallery_list > li > a > .gallery_list_img img{
		width: 100%;
		height: 15.789rem;
	}
}
@media (max-width: 1399px){
	.gallery_list > li > a > .gallery_list_img img{
		width: 100%;
		height: 14.211rem;
	}
}
@media (max-width: 1299px){
	.gallery_list > li > a > .gallery_list_img img{
		width: 100%;
		height: 12.632rem;
	}
}
@media (max-width: 1199px){
	.gallery_list > li > a > .gallery_list_img img{
		width: 100%;
		height: 11.579rem;
	}
}
@media (max-width: 1099px){
	.gallery_list > li > a > .gallery_list_img img{
		width: 100%;
		height: 13.526rem;
	}
}
@media (max-width: 699px){
	.gallery_list > li > a > .gallery_list_img img{
		width: 100%;
		height: 11.579rem;
	}
}
@media (max-width: 599px){
	.gallery_list > li > a > .gallery_list_img img{
		width: 100%;
		height: 13.947rem;
	}
}
@media (max-width: 499px){
	.gallery_list > li > a > .gallery_list_img img{
		width: 100%;
		height: 10.579rem;
	}
}


/*================================================================
	갤러리 - 리스트 - 타이틀, 등록날짜
================================================================*/
.gallery_list > li > a > dl{
	width: 100%;
	overflow: hidden;
	padding: 1.579rem 0 0 0;
}
.gallery_list > li > a > dl > dt{
	font-weight: 500;
	font-size: 1.316rem;
	color: #000000;
	line-height: 1.579rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all .2s ease-in-out;
}
.gallery_list > li > a:hover > dl > dt,
.gallery_list > li > a:focus > dl > dt,
.gallery_list > li > a:active > dl > dt{
	color: #388edd;
}
.gallery_list > li > a > dl > dd{
	font-size: 1rem;
	color: #454545;
	padding: 0.158rem 0 0 0;
}

@media (max-width: 1599px){
	.gallery_list > li > a > dl{
		width: 100%;
		overflow: hidden;
		padding: 1.316rem 0 0 0;
	}
	.gallery_list > li > a > dl > dt{
		font-weight: 500;
		font-size: 1.211rem;
		color: #000000;
		line-height: 1.474rem;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}
@media (max-width: 1399px){
	.gallery_list > li > a > dl{
		width: 100%;
		overflow: hidden;
		padding: 1.053rem 0 0 0;
	}
	.gallery_list > li > a > dl > dt{
		font-weight: 500;
		font-size: 1.211rem;
		color: #000000;
		line-height: 1.474rem;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}
@media (max-width: 1299px){
	.gallery_list > li > a > dl{
		width: 100%;
		overflow: hidden;
		padding: 1.053rem 0 0 0;
	}
	.gallery_list > li > a > dl > dt{
		font-weight: 500;
		font-size: 1.053rem;
		color: #000000;
		line-height: 1.316rem;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

/*================================================================================================
    페이지번호
================================================================================================*/
.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;
}

@media (max-width: 499px){
	.board_page{
		width: 100%;
		overflow: hidden;
		text-align: center;
		padding: 2.105rem 0 0 0;
	}
	.page5_2 .board_page,
	.page6_1 .board_page,
	.page2_2 .board_page{
		padding-top: 0.526rem;
	}
	.board_page > form > ul > li > a{
		width: 1.842rem;
		height: 1.842rem;
		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.105rem 0 0 0;
	}
	.board_page > form > ul > .page_number{
		padding: 0 0.526rem;
	}
}