@charset "utf-8";
/*  그누보드 – 영카트 기본 CSS 계층도 CSS는 테마에서 결정 bootstrap>common>main>default>각 skin style*/
/* 내용관리 */
#ctt {margin:0px 0;padding:0px;border:0px solid #e9e9e9;background-color: #fafafa;}/*margin을 주면 Footer에 영향*/
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:0px 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; }

	.block_area{
		width:100%;
		/*padding-top:60px;*/
		padding-bottom:60px;
	}
	.main_bg_1{
		background-color:#fafafa;
	}
	.main_bg_2{
		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: 350px;
	}
	.item_box .content_main_area .goods_detail_tab {
		width: 100%;
		height: auto;
		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: #FFF !important;
	}
	.item_box .content_main_area dl.goods_detail_tab dt {
		width: 33.3333333%;
		float: left;
		color: #555555;
		font-size: 1.2em;
		font-weight: 400;
		line-height: 68px;
		border: 1px solid #ccc;
		background-color: #f2f2f2;
	    text-align: center;
	}
	.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;
		height: 250px;
	}
	.goods_detail_tab dd {
		overflow: hidden !important;
	}
	.item_box .content_main_area .tab_02 dt {
		margin-left: 33.3333333%;
	}
	.item_box .content_main_area .tab_03 dt {
		margin-left: 66.6666667%;
	}
	.sct_wrap{
		background-color:#FFF;
	}
	.content_main_area .item{
		padding-top: 50%;
	}
   .content_main_area .item  h4 {
		border-radius: 13px;
		background: rgba(100,100,100,0.5);
		line-height: 26px;
		width: 90%;
		margin-left: 2.5%;
		color:#FFF !important;
}
.icon {
	display:block;
	width:55px;
	height:85px;
	margin:auto;
	padding-top:15px;
}
.icon_txt {
	display:block;
	/*width:85px;모바일에서 튀어나옴*/
	line-height:26px;
	margin:auto;
	text-align:center;
	font-size:2.3vw;
}
.mainpage .inlineblock{
	display:inline-block;
}
.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.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;
}

@media screen and (max-width:767px){
	dl.goods_detail_tab {
		margin-top: 70px !important;
	}
	.item {
		max-width:100% !important;
	}
	.item  h4{
		font-size:0.7em;	
		width:90% !important;
	}
}

/*company*/
.inlineblock.item3 > div {
			width: 31.33333%;
			display: inline-block;
			margin: 0px;
			padding: 0px;
			padding-left: 1%;

	}
	.mainpage dl.paragraph {
		width: 100%;
		margin-top: 3vh;
		display: inline-block;
	}
	.mainpage dl.paragraph dt {
		font-size: 2.5em;
		font-weight: 100;
/*		width: 213px;
		height: inherit;
		float: left;
		position: absolute;*/
	}

	.mainpage dl.paragraph dd {
		font-size: 1.5em;
		font-weight: 100;
/*		height: inherit;
		float: left;
		position: absolute;
		left: 6em;*/
	
	}
	.wline{
/*		background:url(../../../img/w_line.png) 10px 0 no-repeat;
		padding-top:1.5vh;*/
	}
	.mainpage dl.paragraph dd img{
		max-width:100%;
	}
	.wline{
		display: block;
		width: 1.5vw;
		height: 10px;
		border-bottom: 1px solid #029e1c;
		margin: 0 auto;
		margin-bottom: 2vh;
	}

.paragraph ul li{
	width:100%;
}
.paragraph .paragraph_t .middle-bar {
	
}