@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: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; }

	.block_area{
		width:100%;
		padding-top:60px;
		padding-bottom:60px;
	}
	.main_bg_1{
		background-color:#fafafa;
	}
	.main_bg_2{
		background-color:#FFFFFF;
	}
	.main_bg_4 {
		background-color: #b2b3b3;
	}
	.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;*/
	}
	@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: 33.3333%;*/
		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: 100%;
		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 {
		/*left: 33.3333%;*/
	    padding-left: 0.5vw;
	}
	#sub_01 > div > div > dl.goods_detail_tab.tab_03 {
		/*left: 66.6666%;*/
	    padding-left: 0.5vw;
	}
	#sub_01 > div > div > dl.goods_detail_tab.tab_02 > dt {
		/*margin-left: 33.3333%;*/
	}
	#sub_01 > div > div > dl.goods_detail_tab.tab_03 > dt {
		/*margin-left: 66.6666%;*/
	}
/*	#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;*/
}
@media (min-width:768px){
	#ctt_con > h5 {
		width:1000px;
		margin:0 auto;
		letter-spacing:0em;
	}
}