@charset "utf-8";
/*  그누보드 – 영카트 기본 CSS 계층도 CSS는 테마에서 결정 bootstrap>common>main>default>각 skin style*/
/* 내용관리 */
#ctt {margin:0px 0;padding:0px;border:0px solid #e9e9e9;background-color: #FFF;}/*margin을 주면 Footer에 영향*/
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0}
.ctt_img {text-align:center}
/*사용자 추가 */
#ctt h1{ color:#232323;letter-spacing:-0.05vw;padding:1vw 1vh 0.6vw 1vh; }
#ctt h2{ color:#323232;letter-spacing:-0.10vw;padding:0.6vw 0.6vh 0.5vw 0.6vh; }
#ctt h3{ color:#434343;letter-spacing:-0.12vw;padding:0.4vw 0.4vh 0.3vw 0.4vh; }
#ctt h4{ color:#474747;letter-spacing:-0.13vw;padding:0.3vw 0.2vh 0.2vw 0.2vh; }
#ctt h5{ color:#4b4b4b;letter-spacing:-0.15vw;padding:0.2vw 0.1vh 0.1vw 0.1vh; }
#ctt h6{ color:#777777;letter-spacing:-0.15vw;padding:0.1vw 0.05vh 0.05vw 0.05vh; }
.product_request > .btn{
	color:#FFF;
}
	.block_area{
		width:100%;
		padding-top:60px;
		padding-bottom:60px;
	}
	.main_bg_1{
		background-color:#FFFFFF;
	}
	.main_bg_2{
		background-color:#FFFFFF;
	}
	.main_bg_4 {
		background-color: #FFFFFF;
	}
	.item_box .content_main_area
	{
		display: block;
		margin-top: 20px;
		width: 100%;
		float: left;
	}
	.item_box .content_main_area .content_main_txt {
		display: block;
		float: left;
		position: relative;
		width: 100%;
		border: 0px solid red;
		height: 450px;
	}
	@media (max-width:767px){
		.item_box .content_main_area .content_main_txt {
			height: 500px;
		}
		#sub_301 > div.content_main_area > div.content_main_txt {
			height: 200px;
		}
	}
	.item_box .content_main_area .goods_detail_tab {
		width: 100%;
		height: 355px;
		position: absolute;
	/*	z-index: 10;*/
	}
	dl.goods_detail_tab {
		margin-top: 100px !important;
		width: 100% !important;
	}
	.item_box .content_main_area dl dt.over {
		border-bottom: none;
		background-color: #000 !important;
		color:#f2f2f2 !important;
	}
	#sub_01 > div > div > dl.goods_detail_tab > dt {
		width: 25%;
	}
	#sub_02 > div > div > dl.goods_detail_tab > dt {
		width: 50%;
	}
	.item_box .content_main_area dl.goods_detail_tab dt {
	/*	width: 33.3333333%;*/
		float: left;
		color: #555555;
		font-size: 1.2vw;
		font-weight: 400;
		line-height: 68px;
		border: 1px solid #ccc;
		background-color: #f2f2f2;
	    text-align: center;
		padding-top: 5px;
		max-height: 76px;
	}
	@media (min-width:2800px){
		.item_box .content_main_area dl.goods_detail_tab dt{
			font-size:16px !important;
		}
	}
	@media (max-width:767px){
		.item_box > div > div > dl.goods_detail_tab > dt{
			line-height:25px !important;
			height:68px;
			font-size:0.8em !important;
		}

	}

	.item_box .content_main_area .tab_01 dt {
		margin-left: 0%;
	}
	dl.goods_detail_tab dt {
		cursor: pointer !important;
		margin-top: -70px !important;
	}
	.item_box .content_main_area dl.goods_detail_tab dd {
		width: 100%;
		float: left;
		/* margin-top: 100px; */
		overflow: scroll;
		border: 1px solid #ccc;
		min-height: 250px;
	}
	.goods_detail_tab dd {
		overflow: hidden !important;
	}
	#sub_01 > div > div > dl.goods_detail_tab.tab_02 > dt {
		margin-left: 25%;
	}
	#sub_01 > div > div > dl.goods_detail_tab.tab_03 > dt {
		margin-left: 50%;
	}
	#sub_01 > div > div > dl.goods_detail_tab.tab_04 > dt {
		margin-left: 75%;
	}
	#sub_02 > div > div > dl.goods_detail_tab.tab_02 > dt {
		margin-left: 50%;
	}
	.sct_wrap{
		background-color:#FFF;
	}
	.content_main_area .item{
		padding-top: 40%;
		width: 100%;
		height: 355px
	}
	@media (max-width:767px){
		.content_main_area .item{
		}
	
	}
   .content_main_area .item  h4 {
		border-radius: 13px;
		background: rgba(0,0,0,0.5);
		line-height: 26px;
		width: 90%;
		margin-left: 2.5%;
		color:#FFF !important;
}
.icon {
	display:block;
	width:71px;
	height:59px;
	margin:auto;
	padding-top:15px;
}
.icon_txt {
    display: block;
    line-height: 26px;
    margin: auto;
    text-align: center;
    font-size: 1.3vw;
    margin-top: 15px;
    font-weight: 300;
}
.mainpage .inlineblock{
	display:inline-block;
	/*width:18.0%;*/
	margin-top:113px;
	margin-bottom:100px;
}
@media (max-width:767px){
	.mainpage .inlineblock {
		margin-top:3vh;
		margin-bottom:3vh;
		width:50.0%;
	}
}
.icon.building{background:url(../../../images/icon/building.png) 10% 0/80% no-repeat;}
.icon.computer{background:url(../../../images/icon/computer.png) 10% 0/80% no-repeat;}
.icon.boxing{background:url(../../../images/icon/boxing.png) 10% 0/80% no-repeat;}
.icon.leaf{background:url(../../../images/icon/leaf.png) 10% 0/80% no-repeat;}
.icon.safe{background:url(../../../images/icon/safe.png) 10% 0/80% no-repeat;}
.icon.thumb{background:url(../../../images/icon/thumb.png) 10% 0/80% no-repeat;}


.content_main_txt a.link_btn {
    width: 191px;
    line-height: 2.15em;
    background-color: #636363;
    color: #FFF;
    display: block;
    text-align: center;
    margin-top: 2.15em;
}

/*main-item list 2 mobile 입력단*/
#ctt_con > div.block_area.main_bg_4.block_img_area > div > div > div.inlineblock{

}
span.imgbox > img {
	width:100%;
}
.main_bg_4 .mainpage .inlineblock {
	padding:inherit;
}
 .inlinetable {
	display:inline-table;
}
.main_bg_4 .mainpage .inlinetable {
	margin-top:5vh;
}
.main_bg_4 .mainpage .inlinetable  .icon_txt {
    background-color: #FFF;
	width:100%;
	height:156px;
	margin-top:0px;
	font-size:1em;
	padding-top:2em;
}
.main_bg_4 .mainpage .inlinetable .apphref {
	position:relative;
	display:block;
	width:80%;
	height:29px;
	margin:0 auto;
	margin-top:-50px;
	background-color: #333;
	font-size:1em;
	color:#FFF;
	text-align:center;
}
.item_box > div.content_main_area > div.content_main_txt {
	/*height:100px;*/
}
.wline{
		display: block;
		width: 1.5vw;
		height: 10px;
		border-bottom: 1px solid #029e1c;
		margin: 0 auto;
		margin-bottom: 2vh;
	}
.tabdata > div > h3 {}
.tabdata > div  > ul {
}
.tabdata > div  > ul > li{
	font-size: 1.2em;
    list-style-type: disc;
    list-style-position: inside;
    line-height: 2em;
}
.block01{

}
.block02{
	margin-top:150px;
}
@media (max-width:767px){
	.block02{
		margin-top:800px;
	}
}
.sct_wrap > div {
	padding:1vw;
}

/*content*/
.block_content_area > .block_body{
/*	margin-left:2vw;*/
	text-align:center;
}
.block_body table{
	
}
.block_body table tr{

}
.block_body table tr th,.block_body table tr th *{
    background-color: #333;
	color:#FFF;
    min-width: 100px;
	padding:1vh;
}
.block_body table tr td{
	 border-bottom: 1px solid #ddd;	
}
.hu1566_b{
	background-color: #eee;
	font-size:1.15em;
	font-weight:300;
}
.hu1566_pp{
	text-align:left;
	padding-left:1vw;
}
#item201 > h4,#item211 > h4 {
		
}
.content_main_area .item {
	padding-top:30%;
}
@media (max-width:767px){
	.block_content_area > .block_body{
		margin-left:0.5vw;		
	}
	.block_body table tr th{
		min-width: 20px;
	}
	#cont201.block_content_area {
	    margin-top: 0px;
	}
	#cont211.block_content_area {
	    margin-top: 300px;
	}
	.block_content_area  .block_body img{
		max-width:100%;
	}
/*	.block_body > table > tbody > tr > td > table > tbody > tr > th:nth-child(1){
		float:left;
	}
	.block_body > table > tbody > tr > td > table > tbody > tr > td:nth-child(1){
		float:left;
	}*/
}

/*항목 스타일 정의*/

/*helical pile*/
.sub_cnt{
			   text-align: left;
			}	
			.sub_cnt ul li{
				display:inline-block;
				/*width:100%;				*/
			}
			.sub_cnt img{
				max-width:100%;
			}
			.sub_cnt > .product_01{}	
			.sub_cnt > .product_01 > dt{}	
			.sub_cnt > .product_01 > dd{}	
			.sub_cnt > .product_01 > dd > ul {}		
			.sub_cnt > .product_01 > dd > ul > li {}		
			.sub_cnt > .product_01 > dd > ul > li.panel {
				border-color: #efefef;
			}		


			.cnt01 *{
/*				border-color: #efefef;*/
				 
			}
			.cnt01 > .panel-heading{
				background-color: #efefef !important;
				text-align:left;
				
				padding: 10px;
			}
			.cnt01 > .panel-heading > span.sub_title{
				font-size:1.3em;
				color:#333;
				font-weight:700;
			}
			.cnt01 > .panel-body{
				font-size:1.3em;
			}
			.cnt01 > .panel-body *{
				font-size:1.0em;	
			}
			.cnt01 > .panel-body > b {
				color:rgb(226, 103, 0);
			}

			.block-comment > blockquote {border-left: 0px solid #eee;}
			.block-comment > blockquote > p {}
			.block-comment > blockquote > footer {margin-top:0px;background-color:#FFF;font-size:1.05em;}

			hr {
						display: block;
						width: 100%;
						background-color: #a2b12e;
						height: 10px;
						margin-top: 4vh;
						margin-bottom: 2vh;
						float: left;
						border-radius: 2em;
			}
			div.sub_cnt > dl > dd.panel-group > div > dl > dt > div > blockquote > footer {
						border-radius:1em;
						padding:0.1em 1em;
			}
			.panel-align > li {
				margin-bottom:1vh;
			}
			.panel{
				border:1px solid #efefef;
			}
			.panel-heading {
				background-color:#efefef !important;
				color:#333 !important;
				text-align:center;
			}
			.panel-heading *{
				color:#333 !important;
			}
			.panel-align .panel-heading {
				padding:5px;
			}
			#youtube_frame {
				min-width:320px;
				max-width:560px;
				max-height:315px;
				min-height:215px;
				width:100%;
			}


			/*geo_grid*/

			.gg_img {
				display:inline-block;
				width:300px !important;
				height:110px !important;
				overflow:hidden;
			}
			.gg_img p {
				border:2px solid #efefef;
				margin:0 10px;
			}
			.gg_img img{
				display:block;
				width:100%;
				height:100%;
			}
			.gg_img_2 {
				display:inline-block;
				width:300px !important;
				height:auto;
				overflow:hidden;
			}
			.gg_img_2 p {
				border:2px solid #efefef;
				margin:0 10px;
			}
			.gg_img_2 img{
				display:block;
				width:100%;
				height:100%;
			}
			.sub_cnt table tr td,.sub_cnt table tr th {
				text-align:center;
			}


			@media (max-width:767px){
				.panel-group{
						overflow-x: scroll;
				}
				.panel-group .w100p{
						width:auto !important;
				}
			}