/* ---------------------------------- sub page */
/*
	sub layout
*/
#subWrap {overflow:hidden; padding-bottom:7%;}

@media screen and (max-width:1200px) {
	#subWrap {width:100%;}
}


/* --- placeholder */
input[type="text"]::placeholder {color: #d0d0d0;opacity: 1; /* Firefox */}
input[type="text"]:-ms-input-placeholder {color: #d0d0d0;}
input[type="text"]::-ms-input-placeholder {color: #d0d0d0;}

/*color*/
.main-color { color: #009955;}

/*font-size*/
.fs20b { font-size: 20px; font-weight: 600;}

/*sub-common*/
.text-center {text-align:center;}

/*margin-top size*/
body .mt_xl { margin-top:100px;}

@media screen and (max-width:767px) {
.m-none {display:none;}/*br*/
}

/*content*/
h1.menu_title {text-align:center; margin-top:80px;}
#subConts {width:100%; padding-top: 0;}
#subConts .inner {margin:0 auto; width:1100px;}
.sub_section {margin-top:60px;}

.sub-conts-title { 
	padding-top: 80px; 
	display: block; 
	font-weight: 600; 
	font-size: 36px; 
	line-height: 1; 
	color: #333; 
	text-align: center; 
	margin-bottom: 50px;
}
.sub-conts-title2 {
	display: block; 
	font-weight: 600; 
	font-size:28px; 
	line-height:1; 
	color:#333; 
	margin-bottom: 0;
	text-align:center; 
	padding-left:20px; 
	padding-right:20px;
	}
.sub-conts-title3 {
	display:block; 
	font-weight:500; 
	font-size:20px; 
	line-height:1; 
	color:#333; 
	text-align:center;
	padding-left:20px; 
	padding-right:20px;
}
.sub-conts-title3:after {
	content:''; 
	display:block; 
	margin:18px auto 15px; 
	width:30px; 
	height:2px; 
	background:#009955;
}
.sub-conts-title3 +p {font-weight:400;}
@media screen and (max-width:1200px) { 
	#subConts .inner {width:100%;}	 
}

.sub-conts-title2 + .inner #tab_menu { margin-top: 30px;}
.sub-conts-title-no-effect  { display:block; font-weight:600; font-size:36px; line-height:1; color:#333; text-align:center; margin-bottom:50px;}


/*tab-menu*/
.tab_tit {
	max-width: 820px; 
	margin:0 auto;
}

.tab_tit.eight_tab_tit {
	max-width: 1100px; 
}

.tab_tit ul {
	display: table; 
	width: 100%;
	text-align: center; 
	overflow:hidden; 
}

.tab_tit ul li { 
	position:relative; 
	display:table-cell; 
	height:50px; 
	border-width:2px; 
	border-color:#ccc; 
	border-style:solid;
}

.tab_tit ul li a {
	display:block; 
	padding:18px 0 17px; 
	font-size:15px; 
	text-decoration:none; 
	width:auto; 
	color:#999; 
	border:none;
}

.tab_tit a.btn-grad:before {
	top: -1px;
  left: -1px;
	height: 52px;
	transform:scale(1px);
}
.tab_tit a.btn-grad:hover:before, .tab_tit a.btn-grad:focus:before {
	-webkit-transform: scaleX(1);
  transform: scaleX(1);

}
.tab_tit ul li a.active,
.tab_tit ul li a.on { color:#fff;}
.tab_tit ul li a.active:before,
.tab_tit ul li a.on:before{
	-webkit-transform: scaleX(1);
  transform: scaleX(1);

}
.tab_tit ul li a:hover,
.tab_tit ul li a:focus {color:#fff;}

.no-link a:hover:before,
.no-link a:focus:before {display:none;} 
/*two item*/
.tab_tit ul.two_tab li {width:50%; }

.tab_tit ul.two_tab li:first-child {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-moz-border-bottom-left-radius: 10px;

}
.tab_tit ul.two_tab li:last-child {
	border-left:none;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-top-right-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
}
/*three item*/
.tab_tit ul.three_tab li {width:33.3333%;}

.tab_tit ul.three_tab li:nth-of-type(1) {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-moz-border-bottom-left-radius: 10px;

}
.tab_tit ul.three_tab li:nth-of-type(2) {
	border-right: none; 
	border-left: none; 
	z-index: 100; 
}
.tab_tit ul.three_tab li:nth-of-type(3) {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-top-right-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
}

.tab_tit li:first-child a.btn-grad:before{
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
}
.tab_tit li:last-child a.btn-grad:before {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-top-right-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
}
.tab_tit ul.three_tab li:nth-of-type(2) a.btn-grad:hover:before {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}

.tab_tit .one_tab {width:270px; margin:0 auto;}
.tab_tit .one_tab li {border-radius:10px; }

.tab_tit .one_tab li a.active:before, .tab_tit .one_tab li a.on:before {
	-webkit-transform: scaleX(1.005);
	transform: scaleX(1.005);
}


/*download*/
.board-wrap .category-tab.tab_tit  {
	margin: 50px auto 0;
}
.board-wrap .category-tab ul.three_tab { border-bottom: none; margin-bottom:2.5rem;}
.board-wrap .category-tab ul.three_tab li { margin: 0; vertical-align:top; height:52px; display:table-cell;}
.board-wrap .category-tab ul.three_tab li a:before {top:-1px;
	left:-1px;}
body .board-wrap .category-tab ul.three_tab li a {
	padding:17px 0 16px; 
	line-height: 1;
}
.board-wrap .category-tab ul.three_tab li a:hover {color:#fff;}
.board-wrap .category-tab ul.three_tab li.on a { font-weight:normal;}
.board-wrap .category-tab ul.three_tab li.on a:before {
	height: 52px;
	top:-1px;
	left:0;
	background: transparent;
	background-image: linear-gradient(to right,#018254 , #05194f);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	-webkit-transform: scaleX(1);
  transform: scaleX(1);
	z-index:-1;
} 
.board-wrap .category-tab ul.three_tab li.on a {
	color:#fff;
	z-index:100;
}

/*4 x 2 eight item*/
/*
.tab_tit ul.eight_tab {margin-bottom: 0;}
.tab_tit ul.eight_tab li {width: 25%; vertical-align: top;}

.tab_tit ul.eight_two_tab {margin-top:-2px; vertical-align: top;}
.tab_tit ul.eight_one_tab li:nth-of-type(1) {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-top-left-radius: 10px;
	-moz-border-bottom-left-radius: 0;
}
.tab_tit ul.eight_two_tab li:nth-of-type(1) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 10px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-top-left-radius: 0;
	-moz-border-bottom-left-radius: 10px;
}

.tab_tit ul.eight_tab li:nth-of-type(2){
	border-left: none; 
	z-index: 100; 
}
.tab_tit ul.eight_tab li:nth-of-type(3){
	border-right: none; 
	border-left: none; 
	z-index: 100; 
}
.tab_tit ul.eight_one_tab li:nth-of-type(4) {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 0;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-top-right-radius: 10px;
	-moz-border-bottom-right-radius: 0;
}
.tab_tit ul.eight_two_tab li:nth-of-type(4) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 10px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-top-right-radius: 0;
	-moz-border-bottom-right-radius: 10px;
}

.tab_tit ul.eight_one_tab li:first-child a.btn-grad:before {
	border-bottom-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-bottom-left-radius: 0;
}
.tab_tit ul.eight_one_tab li:last-child a.btn-grad:before {
	border-bottom-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-bottom-right-radius: 0
}
.tab_tit ul.eight_two_tab li:first-child a.btn-grad:before {
	border-top-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-top-left-radius: 0;
}
.tab_tit ul.eight_two_tab li:last-child a.btn-grad:before {
	border-top-right-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-top-right-radius: 0;
}

#tab_cont {padding-top:40px;}
#tab_cont >div {display:none;}
#tab_cont >div:first-child {display:block;}

*/

.tab_tit ul.eight_tab {margin-bottom: 0;}
.tab_tit ul.eight_tab li {width: 25%; vertical-align: top;}
.tab_tit ul.eight_tab li a {padding:0; height:100%;}
.tab_tit ul.eight_tab li a span {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:100%;
	z-index:1000;
  color:#999; 
}

.tab_tit ul.eight_tab li a:hover span,
.tab_tit ul.eight_tab li a:focus span{
	color:#fff;
}
.tab_tit ul.eight_tab li a.on span,
.tab_tit ul.eight_tab li a.on span{
	color:#fff;
}
.tab_tit ul.eight_two_tab {margin-top:-2px; vertical-align: top;}
.tab_tit ul.eight_one_tab li:nth-of-type(1) {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-top-left-radius: 10px;
	-moz-border-bottom-left-radius: 0;
}
.tab_tit ul.eight_two_tab li:nth-of-type(1) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 10px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-top-left-radius: 0;
	-moz-border-bottom-left-radius: 10px;
}

.tab_tit ul.eight_tab li:nth-of-type(2){
	border-left: none; 
	z-index: 100; 
}
.tab_tit ul.eight_tab li:nth-of-type(3){
	border-right: none; 
	border-left: none; 
	z-index: 100; 
}
.tab_tit ul.eight_one_tab li:nth-of-type(4) {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 0;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-top-right-radius: 10px;
	-moz-border-bottom-right-radius: 0;
}
.tab_tit ul.eight_two_tab li:nth-of-type(4) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 10px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-top-right-radius: 0;
	-moz-border-bottom-right-radius: 10px;
}

.tab_tit ul.eight_one_tab li:first-child a.btn-grad:before {
	border-bottom-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-bottom-left-radius: 0;
}
.tab_tit ul.eight_one_tab li:last-child a.btn-grad:before {
	border-bottom-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-bottom-right-radius: 0
}
.tab_tit ul.eight_two_tab li:first-child a.btn-grad:before {
	border-top-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-top-left-radius: 0;
}
.tab_tit ul.eight_two_tab li:last-child a.btn-grad:before {
	border-top-right-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-top-right-radius: 0;
}

#tab_cont {padding-top:40px;}
#tab_cont >div {display:none;}
#tab_cont >div:first-child {display:block;}

@media screen and (max-width:991px) {
.tab_tit ul.eight_two_tab { margin-top:0px;}
	/*4 x 2 eight item*/
	.tab_tit ul.eight_tab { margin-bottom: 0;}
	.tab_tit ul.eight_tab li {
		width: calc(50% - 2px);
		display: inline-block;
		vertical-align: top;
		box-sizing:border-box;
		margin:0; 
		}

	#tab_menu .tab_tit ul.eight_tab li:nth-of-type(odd) {
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-right:1px solid #ccc;
	}
	#tab_menu .tab_tit ul.eight_tab li:nth-of-type(even) {
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-left:1px solid #ccc;
	}

	#tab_menu .tab_tit ul.eight_tab li:nth-of-type(1) {
		border-bottom:none;
	}
	#tab_menu .tab_tit ul.eight_tab li:nth-of-type(2) {
		border-bottom:none;
	
	}
	#tab_menu .tab_tit ul.eight_one_tab li:nth-of-type(3) {
		border-bottom:1px solid #ccc;
	}
	#tab_menu .tab_tit ul.eight_one_tab li:nth-of-type(4) {
		border-bottom:1px solid #ccc;
	
	}
	#tab_menu .tab_tit ul.eight_two_tab li:nth-of-type(1) {
		border-top:1px solid #ccc;
	}
	#tab_menu .tab_tit ul.eight_two_tab li:nth-of-type(2) {
		
	border-top:1px solid #ccc;
	}

	.tab_tit ul.eight_tab li a.btn-grad:before {
		height:100%;
	}
/*	#tab_menu .tab_tit ul.eight_tab li a {
		padding: 13px 0;
	}
	#tab_menu .tab_tit ul.eight_tab li a.active, #tab_menu .tab_tit ul.eight_tab li a.on {
	padding: 13px 0;
	}*/
	.tab_tit ul.eight_tab li a.btn-grad:before{
	/*	height:auto;*/
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
	}
	/*.tab_tit ul.eight_tab li a:hover, .tab_tit ul.eight_tab li a:focus {
		height:auto;
	}
*/

	.tab_tit ul.eight_tab li:nth-of-type(2){
		border-left: 1px solid #ccc; 
		z-index: 100; 
	}
	.tab_tit ul.eight_tab li:nth-of-type(3){
		border-right:  1px solid #ccc;
		border-left: 2px solid #ccc;
		z-index: 100; 
	}
	/*
	#tab_menu #tab_nav .tab_tit ul.eight_one_tab.m_height_tab li:nth-of-type(1),
	#tab_menu #tab_nav .tab_tit ul.eight_one_tab.m_height_tab li:nth-of-type(1) a.btn-grad:before{
		border-top-left-radius: 10px;
		-webkit-border-top-left-radius: 10px;
		-moz-border-top-left-radius: 10px;
	}
*/
		
}

@media screen and (max-width:768px) { 
	.tab_tit ul li a { font-size:12px;}
	#tab_menu .tab_tit ul.eight_tab li a,
	#tab_menu .tab_tit ul li a {
			padding: 15px 0;
	}
	#tab_menu .tab_tit ul.eight_tab li a.active, #tab_menu .tab_tit ul.eight_tab li a.on {
		padding: 15px 0;
	}
	#tab_menu .tab_tit ul.eight_tab li a.active:before, #tab_menu .tab_tit ul.eight_tab li a.on:before {
		padding: 15px 0;
	}
	
}

@media screen and (max-width:550px) { 
	#tab_menu .tab_tit ul li {height:40px;}
	#tab_menu .tab_tit ul.eight_tab li a, 
	#tab_menu .tab_tit ul li a {
		padding: 10px 0;
		line-height: 1.2rem;
	}
	.tab_tit a.btn-grad:before { height:42px;}


	#tab_menu .tab_tit ul.eight_one_tab.m_height_tab li:nth-of-type(1), 
	#tab_menu .tab_tit ul.eight_one_tab.m_height_tab li:nth-of-type(2),
	#tab_menu .tab_tit ul.eight_two_tab.m_height_tab li:nth-of-type(3),
	#tab_menu .tab_tit ul.eight_two_tab.m_height_tab li:nth-of-type(4){
		height:62px;
	}
	#tab_menu .tab_tit ul.eight_one_tab.m_height_tab li:nth-of-type(1) a.btn-grad:before, 
	#tab_menu .tab_tit ul.eight_one_tab.m_height_tab li:nth-of-type(2) a.btn-grad:before,
	#tab_menu .tab_tit ul.eight_two_tab.m_height_tab li:nth-of-type(3) a.btn-grad:before,
	#tab_menu .tab_tit ul.eight_two_tab.m_height_tab li:nth-of-type(4) a.btn-grad:before {
		height:61px;
	}
	/*.tab_tit ul.three_tab.m_height_tab li a.btn-grad:before,
	.tab_tit ul.two_tab.m_height_tab li a.btn-grad:before{
		height:60px;
	}*/
	.tab_tit ul.three_tab.m_height_tab li a.btn-grad:before, 
	.tab_tit ul.two_tab.m_height_tab li a.btn-grad:before {
		height:62px;
	}
	.board-wrap .category-tab ul.three_tab li { height:44px;}
	body .board-wrap .category-tab ul.three_tab li a {
		padding:14px 0; 
		line-height: 1;
		font-size:12px;
	}
	#tab_menu .tab_tit ul.eight_tab li a.active, #tab_menu .tab_tit ul.eight_tab li a.on {
		padding: 10px 0;

	}
	.board-wrap .category-tab ul.three_tab li.on a:before ,
	.board-wrap .category-tab ul.three_tab li a:hover:before { height:44px;}

}

/*Residential*/

.box_text {
	background:#f3fbf8; 
	padding:30px;
	margin-top: 30px;
}
.inner_in {max-width:800px; margin:0 auto;}
.check_ul li {position:relative; padding-left:35px; margin:15px 0; }
.check_ul li.before-none:before {display:none;}

.before-none.a_link_btn { margin-top:50px; padding-left:0;}/*check ul li-last-child catalog btn*/

.check_ul li:before {
	width:18px;
	height:18px;
	content:''; 
	position:absolute; 
	top:2px;
	left:0;
	background:url('/html/_skin/coadohd/img/sub/check_icon.png') no-repeat center center; 
	background-size:100% 100%;
}


/*
Commercial
*/

/*high speed door*/
.inner_in.long-text {max-width:950px; margin:0 auto;}

/*product list*/
.product_list {margin-top:40px;}
.product_list .col-md-4 {padding-left:20px; padding-right:20px;}
.product_list a {text-decoration:none;}
.product_list a figure {max-height:230px; overflow:hidden;}
.product_list a h4 {font-size:18px; color:#333;}
.product_list a p {font-size:14px; color:#666; font-weight:400; }
.product_list a:hover h4,
.product_list a:focus h4 {text-decoration:underline; color:#009955;}



.product_list a figure {
  position: relative;
  overflow: hidden;
	display:block;
	background:#000;
	height:0;
	padding-bottom:66.25%;
}

.product_list a figure:before {
  position: absolute;
  content: "";
  width: 70px;
  height: 70px;
  background: url(/html/_skin/coadohd/img/main/img_link.png) no-repeat center top;
  top: 52%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  z-index: 900;
  transition: all 0.5s;
  opacity: 0;
}

.product_list a:hover figure:before {
  opacity: 1;
}
.product_list a:hover img {
  opacity: 0.6;
  transition: all 0.5s;
	width:100%;
}


/*Product view*/

.product-visual-in { 
	height: 200px;
	background: url('/html/_skin/coadohd/img/sub/products/sub_product_view_visual.jpg') no-repeat center top;
}

.product-visual-in.gd { 
	height: 200px;
	background: url('/html/_skin/coadohd/img/sub/products/sub_product_vis_gd.jpg') no-repeat center top;
}

.product-visual-in.ohd { 
	height: 200px;
	background: url('/html/_skin/coadohd/img/sub/products/sub_product_vis_ohd.jpg') no-repeat center top;
}

.product-visual-in.spd { 
	height: 200px;
	background: url('/html/_skin/coadohd/img/sub/products/sub_product_vis_spd.jpg') no-repeat center top;
}

.pro-visual-title { 
	display:block; 
	font-weight:600; 
	font-size:44px; 
	line-height:1; 
	color:#fff; 
	text-align:center; 
	padding-top: 78px;
	padding-bottom: 78px;
	margin-bottom:0;
	opacity:0; 
}
.product_view_vis .pro-visual-title {
	padding-top: 60px;
}
.depth-tit {
	display: block;
	font-size:20px;
	font-weight: 400;
	padding-top: 8px;
}
.pro-visual-title .depth-tit {
	color: #fff;
}
.box_gray {background:#f4f4f4;}

@media screen and (max-width:768px) {
	.product_list a figure img { width:100%;}
	.product_list a h4,
	.product_list a p {padding: 0 20px;}
}

/*slick slider arrow*/
.slide_product {position:relative;}
.slide_product .btn_arrow {margin-left:-70px; width:140px; height:50px; bottom:0; background:rgba(0,0,0,0.6);}
.slide_product .btn_arrow .arrows {position:absolute; top:0; width:140px; top:10px; padding:0 20px;}
.slide_product .btn_arrow .arrows a {width:16px; height:29px; display:inline-block;}
.slide_product .btn_arrow .arrows a:hover,
.slide_product .btn_arrow .arrows a:focus {opacity:0.6;}
.slide_product .btn_arrow .arrows a.arrow_next {
	float:right;
	background:url('/html/_skin/coadohd/img/sub/products/arrow_next.png') no-repeat center center; 
	background-size:100% 100%;
}
.slide_product .btn_arrow .arrows a.arrow_prev {
	float:left;
	background:url('/html/_skin/coadohd/img/sub/products/arrow_prev.png') no-repeat center center; 
	background-size:100% 100%;
}
.slide_product .btn_arrow .paging_total{color:#eee;font-size:16px;}
.slide_product .btn_arrow .pagination {line-height:50px; height:50px; padding:0px 38px; }

.slide_product .btn_arrow .pagination .paging_active {font-size:16px;  margin-top: 1px;}

.slide_product img {width:100%;}



/*product_detail*/

.product_detail .col-md-6 {position:relative;}
.product_detail .col-md-6:first-child { padding-right:30px;}
.product_detail .col-md-6:last-child { padding-left:30px;}
.product_detail_desc dl dt {
	font-size:24px; 
	color:#333; 
	margin-bottom:30px;
}

.product_detail_desc dl dd { 
	color:#666; 
	font-weight:300;
	min-height:168px;

}

.a_link_btn {position:absolute; bottom:16px;}
.a_link_btn a {
	width:200px; 
	height:60px; 
	border-color:#009955; 
	color:#009955; 
	line-height: 1;
	padding: 19px 0 20px;
	font-size:18px; 
	font-weight:500;
}
.a_link_btn a.btn_brochure {
	position:relative; 
	padding-right:30px; 
	border-width:2px; 
	border-style:solid; 
	display:inline-block; 
	vertical-align:top; 
	text-align:center;
	color:#fff; 
	background:#009955; 
	text-decoration:none; 
}
.a_link_btn a + a {margin-left:5px;}
.a_link_btn a.btn_brochure:after{
	position:absolute; 
	content:''; 
	background:url('/html/_skin/coadohd/img/sub/products/down_btn.png') no-repeat center top;
	width:20px;
	height:17px;
	right:45px;
	top:20px;

}
.a_link_btn a.btn_brochure:hover,
.a_link_btn a.btn_brochure:focus { background:#555; border-color:#555;}

.product_sub_title {text-align:center; font-size:28px; margin-bottom: 25px;}

/*Specification*/
table.product_spec { 
	border-top: 2px solid #333; 
	width:100%; 
	margin-bottom: 30px;
}
table.product_spec tr {
	border-bottom: 1px solid #ccc;
}
table.product_spec tr td {padding:15px;}
table.product_spec tr td:first-child {font-weight:600; color:#333;}
table.product_spec tr td:last-child {font-weight:300; color:#666;}

@media screen and (max-width: 1200px) {
	.sub_section .inner,
	.product_detail .inner {
		padding:0 30px;

	}

}
@media screen and (max-width:991px) {
 .product_detail .col-md-6 {
	    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
 }
 .product_detail .col-md-6:first-child { padding-right: 15px;}
 .product_detail .col-md-6:last-child { padding-left: 15px;}
.a_link_btn {position:relative;  bottom:0;}
}
@media screen and (max-width:768px) {
	.sub_section .inner,
	.product_detail .inner {
		padding:0 15px;

	}
	.slide_product .btn_arrow { left:50%;}
	.product_detail .a_link_btn a { 
		width:45%;
		height: 50px;
		padding:15px 0 14px;
	}
	.product_detail .a_link_btn a.btn_brochure { padding-right: 5%;}
	.product_detail .a_link_btn a.btn_brochure:after { top:15px; right: 15%;}
}

/*Accordion menu*/
.accordion .card {
	border: none;
}
.accordion .card .card-header {
  background-color: transparent;
	border-bottom: 1px solid #ccc;;
}
.product_sub_title i {
	font-family: 'FontAwesome';
	position: absolute;
  right: 20px;
}
.card-header a { text-decoration: none;}
.card-header a .fa-angle-down:before {
content: "\f106";
}
.card-header a.collapsed .fa-angle-down:before {
content: "\f107";
}

.card-header a { color:#046240;}
.card-header a.collapsed { color:#333;}


@media screen and (max-width:767px){
.product_detail .product_sub_title { font-size:20px;}
}
/*Lift Type*/

.lift-type { 
	padding: 0 50px;
}
.lift-type-list {
	display: table;
	padding: 40px 0;
	border-bottom: 1px solid #ddd;
}
.lift-type-list:last-child {
	border-bottom: none;
}
.lift-type-list figure,
.lift-type-list dl{
	display: table-cell;
	vertical-align: middle;
}

.lift-type-list figure {
	min-width:350px;
}
.lift-type-list dl dt {
	font-size: 22px;
	padding-bottom: 15px;
}
.lift-type-list dl dd {
	color:#666;
	font-weight: 300;
}


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

	.lift-type-list figure {
		min-width:auto;
		width:40%;
	}
	.lift-type-list figure img {
		width: 100%;
		height: auto;
	}
	.lift-type-list dl {
		padding-left: 30px;
	}
}
@media screen and (max-width:600px) {
	.lift-type { 
		padding: 0 10px;
	}
	.lift-type-list {
		display: block;
	}
	.lift-type-list figure,
	.lift-type-list dl{
		display: inline-block;

	}
	.lift-type-list figure {
		min-width:auto;
		width:100%;
	}
	.lift-type-list figure img {
		width: auto;
		height: auto;
	}
	.lift-type-list dl {
		padding-left: 0;
	}
}


/*Product Components*/

.product_components .product_sub_title {padding-top: 60px;  margin-bottom: 40px;}

#tab_nav .components { display:table; margin:0 auto;}
#tab_nav .components li { 
	display: table-cell; 
	padding: 0 20px; 
	border-right: 1px solid #ddd; 
	height: 18px; line-height: 18px;
}
#tab_nav .components li:last-child { border-right:none;}
#tab_nav .components li a {
  color: #666;
	font-weight: 400;
	text-decoration:none;
}
#tab_nav .components li a.active{ 
	color: #009944; 
	font-weight: bold;
}

.product_components #tab_cont {padding-bottom:40px;}

.components_cont_in li figcaption {
	text-align:center;
	padding-bottom: 1.5rem;
	font-size:15px;
	font-family: "Roboto", "Noto Sans KR",'Noto Sans SC', sans-serif; 
	
}

.product_movie .main-video .inner > div { width:100%;}
.product_movie .main-video {padding:0;}



@media screen and (max-width:1100px) {
#tab_nav .components li { 
	display: inline-block; }
	.product_movie .main-video .inner { padding-left: 0; padding-right:0;}
}

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

}
@media screen and (max-width:767px) {
	.components_cont_in.row .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
		}
		
}


/*
High Speed Door-no product-list-link
*/

#wrapper #contents .product_list.no-product a.btn_m { 
	border: 1px solid #ddd;
	color: #222;
	margin: 0 auto 30px;
	display: block;
}

#wrapper #contents .product_list.no-product a.btn_m:hover,
#wrapper #contents .product_list.no-product a.btn_m:focus {
	color: #fff;
}

/*제품상세페이지 back버튼*/
#wrapper #contents .back_button a.btn_m { 
	border: 1px solid #ddd;
	color: #222;
	margin: 50px auto 0;
	display: block;
}
#wrapper #contents .back_button a.btn_m:hover,
#wrapper #contents .back_button a.btn_m:focus {
	color: #fff;
}
/*
about
*/

/*greetings*/

body.page-98 #subWrap {
	background: url('/html/_skin/coadohd/img/sub/about/pattern_line.png')no-repeat;
	background-position: top 250px left;
}

.greetings-wrap .row {margin:140px 0 0px;}
.greetings-wrap .row:nth-of-type(2) {margin:80px 0 0px;}
.greetings-wrap .col-md-5  {	
	-ms-flex: 0 0 45%;
	flex: 0 0 45%;
	max-width: 45%;
}
.greetings-wrap .row:nth-of-type(1) {
	margin-top:-0px;
}
.greetings-wrap .row .col-md-7 {
	-ms-flex: 0 0 55%;
	flex: 0 0 55%;
	max-width: 55%;
}
.greetings-wrap .col-md-5 .greeting-img-box {	
	position:relative;
	height:520px;
}
.greetings-wrap .col-md-5 .greeting-img-box2 {	
	height:480px;
}
.greetings-wrap .col-md-5 .greeting-img-box > img{
	max-width:none;
	height:auto;
	margin-top:40px;
}

.greetings-wrap .row:nth-of-type(1) .col-md-7 {padding-left:60px; margin-top:120px;}
.greetings-wrap .row:nth-of-type(1) .col-md-7 .txt {
	padding-top: 50px;
}
.greetings-wrap .row:nth-of-type(2) .col-md-7 {padding-right:0px;}
.greetings-wrap .row:nth-of-type(2) .col-md-7 .txt {
	padding-top:50px;
}
.greetings-wrap .row .col-md-7 .txt h4 {margin-bottom:30px; line-height:1.5em;}
.greetings-wrap .row .col-md-7 .txt p { line-height:1.7em; color:#666; font-weight:300;}

.greetings-wrap .row:nth-of-type(1) .col-md-5 figure { position:absolute; bottom:30px; left:50px;}
.greetings-wrap .row:nth-of-type(2) .col-md-5 figure { position:absolute; bottom:-10px; right:40px;}
.greetings-wrap .row:nth-of-type(2) .col-md-5 { text-align: right;}
.greetings-wrap .row .col-md-5 figure img {max-width:none;}

@media screen and (max-width: 1200px) {
  #subConts .greetings-wrap .inner {
		width:900px;
	}
	.greetings-wrap .col-md-5 .greeting-img-box {	
		height:420px;
	}
	.greetings-wrap .col-md-5 .greeting-img-box2 {	
		height:480px;
	}
	.greetings-wrap .row:nth-of-type(1) .col-md-5 figure { 
		width:380px;
		bottom:-25px; 
		left:30px;
	}
	.greetings-wrap .row:nth-of-type(2) .col-md-5 figure {
		width:380px;
		bottom:-40px;
		right:30px;
	}
	.greetings-wrap .col-md-5 .greeting-img-box > img {
		max-width: 100%;
		width: 100%;
	}
	.greetings-wrap .row .col-md-5 figure img { 
		max-width:100%;
	}
	.greetings-wrap .row:nth-of-type(2) .col-md-7 {
		padding-right: 30px;
	}
}

@media screen and (max-width: 900px) {
  #subConts .greetings-wrap .inner {
		width:760px;
	}
	.greetings-wrap .col-md-5 .greeting-img-box {	
		height:348px;
	}
	.greetings-wrap .col-md-5 .greeting-img-box2 {	
		height:364px;
	}
	.greetings-wrap .row:nth-of-type(1) .col-md-5 figure { 
		width:310px;
		bottom:-25px; 
		left:30px;
	}
	.greetings-wrap .row:nth-of-type(2) .col-md-5 figure {
		width:320px;
		bottom:-25px;
		right:30px;
	}
	.greetings-wrap .col-md-5 .greeting-img-box > img {
		max-width: 100%;
		width: 100%;
	}
	.greetings-wrap .row .col-md-5 figure img { 
		max-width:100%;
	}
}

@media screen and (max-width: 768px) {
	body.page-98 #subWrap {
		background: none;
	}
	.greetings-wrap .row:nth-of-type(1) .col-md-7 {margin-top:0px;}
	#subConts .greetings-wrap .inner {
		width:100%;
	}
	.greetings-wrap .row .col-md-7 .txt h4 { font-size: 20px;}
	.greetings-wrap .col-md-5  {	
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;

	}
	.greetings-wrap .row .col-md-7 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.greetings-wrap .row:nth-of-type(1) .col-md-5 {display:none;}

	.greetings-wrap .row:nth-of-type(1) {
		margin: 30px 0 0px;
		background: url('/html/_skin/coadohd/img/sub/about/greeting_bg_img1.png') no-repeat;
		background-size: cover;
	}
	.greetings-wrap .row:nth-of-type(2) { 
		margin: 30px 0 0px;
	}
	.greetings-wrap .row:nth-of-type(1) .col-md-7 {
		padding:30px;
		padding-left:30px;
		padding-right:30px;
	}
	.greetings-wrap .row:nth-of-type(2) .col-md-7 {
		padding:30px;
		padding-left:30px;
		padding-right:30px;
	}
	.greetings-wrap .col-md-5 {margin:0; padding:0;}
}

@media screen and (max-width: 500px) {
	.greetings-wrap .row:nth-of-type(2) .col-md-5 figure {
		width:300px;
		bottom:-25px;
		right:30px;
	}
		.greetings-wrap .row:nth-of-type(1) {
		margin: 30px 0 0px;
		background: url('/html/_skin/coadohd/img/sub/about/greeting_bg_img1.png') no-repeat;
		background-position: top right 50%;
		background-size: cover;
	}
}


/*vision*/
.page-95 #subWrap {padding-bottom:0;}/*no bottom*/
.vision-wrap {
	width:100%;
	background:url('/html/_skin/coadohd/img/sub/about/vision_bg_img.jpg') no-repeat center center;
	background-size:cover;

}
.vision-wrap .col-md-5 {	position:relative;}
.pc-display,.m-display {display: none;}
@media screen and (min-width: 1401px){
.pc-display{ display: block;}
}
@media screen and (max-width:1400px){
.m-display{ display: block;}
}

.vision-wrap .col-md-5 h1 {position:absolute; width:100%; left:35%; z-index:100; top:48%; }
.vision-wrap .col-md-5.pc-display h1 {
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari 3-8 */
	transform: rotate(90deg);
	display:block;

}
.fs130 {font-size:130px; color:rgba(255,255,255,0.4);}
.vision-wrap .col-md-7 {position:relative; max-width:840px; padding-left:70px}
.vision-wrap .col-md-7 .txt {position:absolute; top:50%; transform:translateY(-50%);}
.vision_dl {padding-bottom:30px; padding-left:80px; position:relative;}
.vision_dl:before {position:absolute; left:0; top:0; content:''; width:50px; height:50px;}
.vision_dl:nth-of-type(1):before {background:url('/html/_skin/coadohd/img/sub/about/vision_icon1.png') no-repeat center center;}
.vision_dl:nth-of-type(2):before {background:url('/html/_skin/coadohd/img/sub/about/vision_icon2.png') no-repeat center center;}
.vision_dl:nth-of-type(3):before {background:url('/html/_skin/coadohd/img/sub/about/vision_icon3.png') no-repeat center center;}
.vision_dl:last-child {padding-bottom:0;}
.vision_dl dt {color:#fff; font-size:32px; font-weight:500;}
.vision_dl dd {color:rgba(255,255,255,0.5); font-weight:300;}
.vision_dl dt span {display:block; width:60px; height:1px; background:rgba(255,255,255,0.5); margin:20px 0 30px;}


/*Patent and Certification*/

body.page-97 #subWrap {
	background: url('/html/_skin/coadohd/img/sub/about/com-img05.jpg')repeat;
}

.certification-wrap .board-wrap .gallery-list figure {width: 25%; }
body .certification-wrap .board-wrap .gallery-list figure a {pointer-events:none;}
body .certification-wrap .board-wrap .gallery-list figure a .thumb-wrap.embed-responsive-16by9 {   
  padding-bottom: 0%;
	margin-bottom: 40px;
	height: auto;
	border: 1px solid #ddd;
}
.certification-wrap .board-wrap figcaption {display:none;}

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

	.vision-wrap .col-md-5 h1 {position:absolute; width:100%; left:35%; z-index:100;top:48%; }

	.fs130 { font-size:100px; color:rgba(255,255,255,0.4);}
	.vision_dl dt { font-size:24px;}

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

	.vision-wrap .col-md-5 {
		position: relative;
    height: 200px;
		-webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	}
	.vision-wrap .col-md-5 img {width:100%;}
	.vision-wrap .col-md-7 {
		background: url(/html/_skin/coadohd/img/sub/about/vision_bg_img.jpg) no-repeat center center;
    background-size: cover;
    max-width: 100%;
		-webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	}
	.vision-wrap .col-md-7 .txt { 
		width:85%; 
    position: relative;
    top: 0;
    transform: translateY(0%);
		padding: 50px 0;
	}
	.vision-wrap .col-md-5.m-display h1 {
		display:block;
		left:50%;
		top:28%; 
		width:100%;
		margin-left:-217px;
	}
	.fs130 { font-size:80px; color:rgba(255,255,255,0.4);}
	.vision_dl dt { font-size:20px;}
	.vision_dl dt span { margin: 15px 0 25px; }

}

@media screen and (max-width:800px) {
	.vision-wrap .col-md-5 {
		position: relative;
    height: 120px;
	}
	.vision-wrap .col-md-5.m-display h1 {
		top:28%; 
		width:100%;
		margin-left:-135px;
	}
	.fs130 { font-size:50px;}


}


@media screen and (max-width:767px) {
	.vision-wrap .col-md-5 img { 
		transform: scale(2);
		-webkit-transform: scale(2);
		-moz-transform: scale(2);
		transform-origin: top left;
	}
	.certification-wrap .board-wrap .gallery-list figure {width: 50%; padding:0 15px;}
	
}
@media screen and (max-width:550px) {

  .vision-wrap .col-md-7 {    
		padding-left: 20px;
		padding-right: 20px;
	}
	.vision-wrap .col-md-7 .txt { width:100%; text-align:center;}
	.vision_dl {
    padding-bottom: 30px;
    padding-left: 0;
		padding-top:70px;
    position: relative;
	}
	.vision_dl:before {
    left: 50%;
		margin-left:-25px;
		top:0;
	}
	.vision_dl dt span {
    margin: 15px auto 25px;
		}
}



/*location*/

.location-wrap ul {
  width: 100%;
  font-size: 0;
}
.location-wrap ul li {
  overflow: hidden;
  position: relative;
  display: inline-block;
  width: 33.33333%;
  height: 440px;
  vertical-align: top;
	padding: 20px;
}

.location-wrap ul li .text-box {
	position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: 0.6s;
	border:2px solid #ccc;
	box-sizing:border-box;

}
.location-wrap ul li:hover {
	cursor:pointer;
}
.location-wrap ul li:hover .text-box {
	border:2px solid #009955;
} 

.location-wrap ul li .text-box .location_inner {
	position: relative;
  width: 100%;
	height:100%;
	padding: 30px;
	text-align:left;
}

.location_inner h3 {
	font-size:24px;
	font-weight:600;
	margin-top: .4rem;
	margin-bottom:1.1rem;
	line-height:30px;
}
.location_inner dl {
  font-size:16px;
}
.location_inner dt {
	font-size:16px;
	margin-top:20px;
}
.location_inner .add {
	min-height: 124px;
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
}
.location_inner .add dd,
.location_inner .phone dd{
  font-size:14px;	
	color:#666;
}

#wrapper #contents .location-wrap ul li .button_map {
	position: absolute;
	bottom: 0;
	left: 0;
	width:100%;
	padding:30px;
}
#wrapper #contents .location-wrap ul li a.btn_m {
	position: relative;
	width:100%;	
	background: #999;
	border-color: #999;
	padding-left:15px;
}
#wrapper #contents .location-wrap ul li a.btn_m:before {
	position: absolute;
	top: 15px;
	left: 50%;
	margin-left: -45px;
	content:'';
	width: 14px;
	height: 18px;
	background: url('/html/_skin/coadohd/img/common/location_icon.png') no-repeat ;
	z-index:100;
}
#wrapper #contents .location-wrap ul li a.btn_m:hover {
	background: #009955;
	border-color: #009955;
}
#wrapper #contents .location-wrap ul li .button_map a.btn_m_noicon { padding-left:0;}
#wrapper #contents .location-wrap ul li .button_map a.btn_m_noicon:before {display:none;}

/*location -Overseas corporation flag*/

.location_inner h3.flag {
	position: relative;
	padding-left:60px;
}

.location_inner h3.flag:before {
	position: absolute;
	top: 0;
	left: 0;
	content:'';
	width: 50px;
	height: 30px;
	z-index:100;
}
.location_inner h3.flag_usa:before {
	background: url('/html/_skin/coadohd/img/common/flag_usa.png') no-repeat ;
}
.location_inner h3.flag_ja:before {
	background: url('/html/_skin/coadohd/img/common/flag_ja.png') no-repeat ;
}
.location_inner h3.flag_thai:before {
	background: url('/html/_skin/coadohd/img/common/flag_thai.png') no-repeat ;
}
.location_inner h3.flag_indo:before {
	background: url('/html/_skin/coadohd/img/common/flag_indo.png') no-repeat ;
}
.location_inner h3.flag_vi:before {
	background: url('/html/_skin/coadohd/img/common/flag_vi.png') no-repeat ;
}
.location_inner h3.flag_ma:before {
	background: url('/html/_skin/coadohd/img/common/flag_ma.png') no-repeat ;
}
.location_inner h3.flag_ko:before {
	background: url('/html/_skin/coadohd/img/common/flag_ko.png') no-repeat ;
}

@media screen and (max-width:1100px) {
	.location_inner h3 {
		font-size:20px;
		}
}

@media screen and (max-width:991px) {
	.location-wrap ul li {
    width: 50%;
		}
}
@media screen and (max-width:767px) {
	.location-wrap ul li {
    width: 100%;
		}
}