/*gallery-board*/

body .board-wrap .gallery-list figure a .thumb-wrap.embed-responsive-16by9 {
  /* padding-bottom: 66.25%; */
	padding-bottom:0;
	height: 100%;
}
body .board-wrap .gallery-list figure a figcaption {
  background: transparent;
  padding: 0;
}
body .board-wrap .gallery-list figure a figcaption p {
  font-size: 16px;
  color: #333;
}
body .board-wrap .gallery-list figure a:hover figcaption p,
body .board-wrap .gallery-list figure a:focus figcaption p {
  text-decoration: underline;
}
body .board-search-wrap .search-btn-wrap a {
  padding: 0 20px;
  font-weight: 500;
}

.basic-board-list,
.webzine-board-list {
  margin-bottom: 50px;
}
.basic-board-list tbody td.board-subject a {
  font-size: inherit;
}
.board-search-wrap p:nth-of-type(3) {
  width: auto;
}
.board-wrap .webzine-board-list tbody tr td.board-subject a {
  text-align: left;
}
.board-wrap .webzine-board-list tbody tr td.board-subject div strong {
  font-size: inherit;
}

@media screen and (max-width: 768px) {
  .board-search-wrap p:nth-of-type(3) {
    width: 100%;
  }
}

.basic-board-list tbody td.board-subject img {
  margin-left: 5px;
}
.board-wrap .webzine-board-list tbody tr td.board-subject div strong {
  font-weight: 400;
  font-size: 18px;
  color: #222;
}
.board-wrap .gallery-list {
/* width: calc(100% + 30px);
	left: -15px;*/
  position: relative;
  left:0;
	width:100%;
  padding: 0;
  border-top: 0 none;
  border-bottom: 0 none;
}

.board-wrap .gallery-list figure a figcaption li:last-of-type {
  height: auto;
  color: #898989;
}
.board-wrap .gallery-list figure a figcaption p {
  font-weight: 500;
  color: #393939;
}

/*product list -등록된 자료가 없습니다.*/
.product_list .comment {text-align:center; width: 100%;}

/*board-paging*/
body .board-paging li.on>a,
body .board-paging li:hover>a {
	background-color: #009955;
}

/*board view title size*/
body .board-wrap .board-view header h1 { 
	font-size: 28px;  
	float: initial;
	margin-bottom: 1rem;
}
body .board-view address { margin-bottom: 0; }

body .board-wrap .board-view header address p { margin-bottom: 0;}

/*QNA*/
body .faq-wrap {
	border-top: 2px solid #333;
	border-bottom: 1px solid #ccc;
}
body .faq-wrap .faq-list { border-bottom: 1px solid #ccc;}
body .faq-wrap .f-wrap { margin-bottom:0;}
body .faq-wrap .f-wrap a {
	font-size: 16px; 
	color: #333;
	font-weight:400;
	margin-bottom: 0;
	padding-left:120px;
	text-decoration: none;
}
body .faq-wrap .f-wrap a:before { 
	color: #333;
	background: transparent;
	font-size: 16px;
	left: 50px;
}
body .faq-wrap .q-wrap p {
	font-size: 16px; 
	color: #333;
	font-weight:400;
	margin-bottom: 0;
	background: #f2f2f2;
	border-top: 1px solid #ccc;
	padding-left: 120px;
	line-height: 24px;
}
body .faq-wrap .q-wrap p:before {
	color: #009955;
	background: transparent;
	font-size: 16px;
	left: 50px;
}
body .faq-wrap .f-wrap a:after {
  content: '\f107';
	color: #999;
	font-size: 28px;
	top: 11px;
}
body .faq-wrap .f-wrap.on a:after {
	content: "\f106";
	color: #009955;
}


@media screen and (max-width:767px) {

	body .faq-wrap .f-wrap a {
		padding-left:60px;
	}
	body .faq-wrap .f-wrap a:before { 
		left: 20px;
	}
	body .faq-wrap .q-wrap p {
		padding-left:60px;
	}
	body .faq-wrap .q-wrap p:before {
		left: 20px;
	}

}
/*Request a Quote-form-view*/
body .basic-board-row {
	border-top: 2px solid #333;
	border-bottom: none;
}
body .basic-board-row tr.board-row-subject {
	display: block;
}
body .basic-board-row tr {
	padding-bottom:25px;
}
body .basic-board-row tr:nth-of-type(1),
body .basic-board-row tr:nth-of-type(2) {
	border-bottom: none;
	padding-bottom: 0;
}
body .basic-board-row tr.board-row-subject th {
	display: block;
}

body .basic-board-row tr th{
	background: transparent;
	padding: 40px 10px 0 0;
	font-size: 16px;
}
body .basic-board-row tr:nth-of-type(2) th,
body .basic-board-row tr:nth-of-type(3) th {
	padding-top:20px;
}
body .basic-board-row tr.board-row-subject td{ 
	display: block;
}
body .basic-board-row tr td{ 
	padding: 7px 0 8px;
}

/*보안코드*/
body .basic-board-row tr.board-write-captcha th,
body .basic-board-row tr.board-write-captcha td { display:block;}

/*input-textarea*/
body .basic-board-row input, 
body .basic-board-row select, 
body .basic-board-row textarea {
	background: #f2f2f2;
	border: 1px solid #f2f2f2;
	border-radius: 5px;
	height: 50px;
}
/*product- checkbox*/
body .board-wrap tr td .check_box {
	width: 33%; 
	display: inline-block;
}

body .basic-board-row .personal-policy td textarea { 
	line-height:1.6em; 
	font-size:14px; 
	color:#666; 
	font-weight:400; 
	background:#fff;
	border: 1px solid #ccc;
}
body .basic-board-row .personal-policy label { font-size:20px; margin-top:30px;}

@media screen and (max-width:767px) {
	body .basic-board-row .personal-policy label { font-size:16px;}

}
/*We agree on Personal Information Handling Policy.*/
body .basic-board-row tr.personal-policy input[type="checkbox"] {
	width: 30px;
	height: 30px;
}

.check_inner {
	display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.check_inner input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
	top: -5px;
  left: 0;
}

.check_inner .checkmark {
  position: absolute;
  top: -5px;
  left: 0;
  height: 30px;
  width: 30px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.check_inner:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.check_inner input:checked ~ .checkmark {
  background-color: #009955;
}

/* Create the checkmark/indicator (hidden when not checked) */
.check_inner .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.check_inner input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.check_inner .checkmark:after {
  left: 11px;
  top: 5px;
  width: 7px;
  height: 14px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*board- photo-gallery*/

@media screen and (max-width:1200px) {
	#subConts .board-area .inner { padding-left:30px; padding-right:30px;}

}
@media screen and (max-width:991px) {
	body .board-wrap tr td .check_box {
    width: 49%;
		}
}

@media screen and (max-width:767px) {
	#subConts .board-area .inner { padding-left:15px; padding-right:15px;}
	body .basic-board-row tr th {
		 width: 100%;
	}
	body .board-wrap tr td .check_box {
    width: 100%;
		}
}

@media screen and (max-width:767px) {

	.check_inner .checkmark { top:0;}
}

/* -------- popup gallery -------- */

/*.showroom-wrap {padding-bottom: 98px;}*/
.showroom-box {position:relative; width:100%; }
.showroom-box .slider {
	height:550px;
	/*height: calc(100vh - 150px);*/
    overflow: hidden;
}
.showroom-box .slider .slick-list {height: calc(100% - 25px);}
.showroom-box .slider .slick-list .slick-slide {
	position: relative;
	overflow: hidden;
	/*height: 0;
	padding-bottom: 66.25%; 가로 이미지*/
	height:525px; /*세로이미지에 고정*/
}
.showroom-box .slider .slick-list .slick-slide figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding-top:5px;
	padding-left: 10px;
}

/* 이미지 세로에 맞춰서 */
.showroom-box .slider .slick-list .slick-slide img {
	position: absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width: auto;
	height:100%;
}
/* // 이미지 세로에 맞춰서 */

.showroom-box img {width:100%; border:1px solid #ddd;}

.showroom-box .slick-prev,
.showroom-box .slick-next {width:64px; height:64px; border-radius:50%; transform:none; margin-top: -32px;}
.showroom-box .slick-prev:before ,
.showroom-box .slick-next:before {display:none;} 
.showroom-box .slick-prev {left:10px; background:rgba(0,0,0,.5) url('/html/_skin/coadohd/img/common/showroom_prev.png') no-repeat center center;}
.showroom-box .slick-next {right:10px; background:rgba(0,0,0,.5) url('/html/_skin/coadohd/img/common/showroom_next.png') no-repeat center center; }
.showroom-box  .slick-prev:hover,
.showroom-box  .slick-prev:focus {background:rgba(0,0,0,.5) url('/html/_skin/coadohd/img/common/showroom_prev.png') no-repeat center center;}
.showroom-box  .slick-next:hover, 
.showroom-box  .slick-next:focus {background:rgba(0,0,0,.5) url('/html/_skin/coadohd/img/common/showroom_next.png') no-repeat center center;}


.showroom-box .slider-nav-thumbnails .slick-slide {
	position: relative;
  overflow: hidden;
	height:100px;
	opacity: 0.5;
}

.showroom-box .slider-nav-thumbnails .slick-slide img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.showroom-box .slider-nav-thumbnails .slick-current,
.showroom-box .slider-nav-thumbnails .slick-current.slick-active {
	opacity: 1;
}


@media screen and (max-width:768px) { 
	.showroom-box .slider {
		height:400px;
	}
	/*세로고정*/
	.showroom-box .slider .slick-list .slick-slide {
		height:400px; /*세로이미지에 고정*/
	}
		/* //세로고정*/
	.showroom-box .slider-nav-thumbnails .slick-slide {
		height:80px;
	}

	.showroom-box .slick-prev,
	.showroom-box .slick-next {width:40px; height:40px; margin-top: -20px; background-size:50%;}
	
}
@media screen and (max-width:590px) { 

	.showroom-box .slider {
		height:360px;
	}
	/*세로고정*/
	.showroom-box .slider .slick-list .slick-slide {
		height:360px; /*세로이미지에 고정*/
	}
		/* //세로고정*/
	.showroom-box .slider-nav-thumbnails .slick-slide {
		height:60px;
	}
	/*.showroom-wrap {padding-bottom: 50px;}*/
	.showroom-box .slick-dots {bottom:-50px;}
	.showroom-box .slick-dots li {margin:0 5px;}
	.showroom-box .slick-dots li button {width:20px; height:20px; }
	.showroom-box .slick-dots li button:before {border-radius:50%; background:#ddd !important;}
	.showroom-box .slick-dots li.slick-active button:before {background:#026241 !important;}
}

@media screen and (max-width:500px) { 

	.showroom-box .slider {
		height:300px;
	}
	/*세로고정*/
	.showroom-box .slider .slick-list .slick-slide {
		height:300px; /*세로이미지에 고정*/
	}
		/* //세로고정*/
	.showroom-box .slider-nav-thumbnails .slick-slide {
		height:40px;
	}
}
@media screen and (max-width:420px) { 

	.showroom-box .slider {
		height:240px;
	}
	.showroom-box .slider-nav-thumbnails .slick-slide {
		height:40px;
	}
}
.contact-detail-popup {display:none; position:fixed; top:0; left:0; z-index:9999999999; width:100%; height:100%; background:rgba(0,0,0,.7);}
.contact-detail-popup .popup-inner {position:absolute; top:50%; left:50%; padding:54px 42px 34px; width:670px; height:452px; border:5px solid #046240; background:#fff; transform:translate(-50%,-50%); box-shadow:-5px 0 10px rgba(0,0,0,.75);}
.contact-detail-popup .popup-inner table {width:100%;}
.contact-detail-popup .popup-inner table th,
.contact-detail-popup .popup-inner table td {padding-bottom:12px;}
.contact-detail-popup .popup-inner table th {width:117px; vertical-align:top;}
.contact-detail-popup .popup-inner table th label {display:block; padding:9px 15px; width:107px; height:100%; background: #f5f5f5; font-weight: 400; font-size:16px; line-height: 1.3; color:#424242; text-align:right;}
.contact-detail-popup .popup-inner table tr:last-child th label {height:178px;}
.contact-detail-popup .popup-inner table td {vertical-align:top;}
.contact-detail-popup .popup-inner table td input,
.contact-detail-popup .popup-inner table td textarea {width:100%; border:1px solid #cacaca; font-size:16px; color:#424242;}
.contact-detail-popup .popup-inner table td input {padding:0 10px; height:38px;}
.contact-detail-popup .popup-inner table td textarea {padding:10px; height:178px;}

.contact-detail-popup .popup-btn {margin-top: 16px; width:100%; text-align:center; font-size:0;}
.contact-detail-popup .popup-btn li {display:inline-block; margin:0 10px; width:100px; height:50px; vertical-align:top;}
.contact-detail-popup .popup-btn li a {display:block; width:100%; height:100%; background:#046240; font-weight: 500; font-size:18px; line-height: 50px; color:#fff }
.contact-detail-popup .popup-btn li:last-child a {background: #484848;}

@media screen and (max-width:768px) { 
	.contact-detail-popup .popup-inner {width:calc(100% - 60px);}	 
}
@media screen and (max-width:640px) { 
	.contact-detail-popup .popup-inner {overflow:auto; padding:34px 20px; width:calc(100% - 40px); height:auto; max-height:calc(100% - 40px);}	 
	.contact-detail-popup .popup-inner table th,
	.contact-detail-popup .popup-inner table td {display:block; width:100%;}
	.contact-detail-popup .popup-inner table th label {width:100%; text-align:left;}
	.contact-detail-popup .popup-inner table tr:last-child th label {height:auto;}
	.contact-detail-popup .popup-inner table td textarea {height:130px;}
}
@media screen and (max-width:320px) { 
	.contact-detail-popup .popup-btn li {margin: 0;}	
	.contact-detail-popup .popup-btn li:last-child {margin-left: 10px;}
}


@media screen and (max-width:1200px) {
	#gallery .inner {width:100%; padding-left:30px; padding-right:30px;}

}
@media screen and (max-width:768px) {
	.board-wrap .gallery-list figure a figcaption {
			min-height: 40px;
	}
		#gallery .inner { padding-left:15px; padding-right:15px;}
}


/*board- video-gallery*/


#gallery-movie .board-wrap .gallery-list figure a { position: relative;}
#gallery-movie .board-wrap .gallery-list .movie-bg {height:0; overflow:hidden; position: relative; margin-bottom:1.5rem; padding-bottom: 56%;}
#gallery-movie .board-wrap .gallery-list figure a .pr-play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 111;
	transform: translate(-50%, -50%);
}
@media screen and (max-width:1200px) {
	#gallery-movie .inner {width:100%; padding-left:30px; padding-right:30px;}

}

@media screen and (max-width:1200px) and (min-width:769px) {
	#gallery-movie .board-wrap .gallery-list figure a .pr-play-btn img {
		width:70%;
		height:70%;
		margin: 0 auto;
    display: block;
	}
}

@media screen and (max-width:768px) {
	#gallery-movie .inner { padding-left:15px; padding-right:15px;}

}
	#gallery-movie .board-wrap .gallery-list figure a img {
		width:100%;
	}
}

/*download*/

.basic-board-list td a.btn-file-down {
	text-indent:-9999px;
	position:relative;
}

.basic-board-list td a.btn-file-down:after {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -10px;
	content: '';
	width: 20px;
	height: 17px;	
	background: url('/html/_skin/coadohd/img/board/download_icon.png') no-repeat center center;
}


body .board-wrap .board-view .board-view-file a ,
body .board-wrap .board-view .board-view-file a strong{
	color: #009955;
}


/* form-file */

.filebox {position:relative;}
.filebox label { 
	display: inline-block; 
	padding: .5rem .75rem; 
	color: #999; 
	font-size: inherit; 
	line-height: normal; 
	vertical-align: middle; 
	background-color: #fdfdfd; 
	cursor: pointer; 
	border: 1px solid #ddd; 
	border-bottom-color: #ddd; 
	border-radius: .25em; 
}

.filebox .upload-name { display: inline-block; padding: .5em .75em; /* label의 패딩값과 일치 */ font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; } 

/* 파일 필드 숨기기 */ 
/*
.filebox input[type="file"] { 
	position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; 
}
*/