/* 포폴리스트 */
.secWarp2 { position:relative; margin:0 auto; width:100%; overflow:hidden; display:block;}
.da-thumbs li { float: left; width:25%; margin:10px 0; _background: #f5f5f5; padding: 0px; position: relative; _box-shadow: 0 1px 3px rgba(0,0,0,0.1); _border:1px solid #000; box-sizing:border-box;}
.secWarp2 li img { height:200px; width:300px; margin:0 auto }
#section2 .secWarp2 LI { _padding:10px; _border:1px solid #000; }
.pf-btn { 	position:absolute; width:1240px; height:70%;left:50%; margin-left:-620px; }
.pf-btn .left-btn { position: absolute; top:45%; left:-30px; }
.pf-btn .right-btn { position: absolute; top:45%; right:-30px;}
.group_bottom{display:none}
.group_bottom22{display:block}
/* 페이징 */
.group_bottom {
	position:relative
}
.paginate {
	padding:18px 0;
	text-align:center
}
.paginate a,.paginate strong { 
	display:inline-block;
	position:relative;
	padding:4px 8px 4px 7px;
	_border:1px solid #fff;
	color:#000;
	font:bold 13px/normal Verdana;
	text-decoration:none
}
.paginate strong { 
	color:#f23219 !important;
}
.paginate .pre { 
	margin-right:4px;
	padding:6px 6px 5px 16px;
	*padding-bottom:6px;
	background:url(/images/main/sprite_paginate.png) no-repeat 5px 10px!important;
}
.paginate .next {
	margin-left:0;
	padding:6px 16px 5px 6px;
	*padding-bottom:6px;
	background:url(/images/main/sprite_paginate.png) no-repeat 100% 10px!important
}
.paginate .pre_end { 
	margin-right:-4px;
	padding:6px 6px 5px 16px;
	*padding-bottom:6px;
	background:url(/images/main/sprite_paginate.png) no-repeat 2px -52px!important;
}
.paginate .next_end { 
	margin-left:-4px;
	padding:6px 16px 5px 6px;
	*padding-bottom:6px;
	background:url(/images/main/sprite_paginate.png) no-repeat 100% -52px!important;
}
.paginate .pre,.paginate .next,.paginate .pre_end,.paginate .next_end { 
	position:relative;
	*top:2px;
	color:#ccc;
	font-size:12px;
	font-weight:normal;
}
.paginate .pre:hover { 
	_border:1px solid #b3b3b3;
	background:url(/images/main/sprite_paginate.png) no-repeat 5px -20px!important;
}
.paginate .next:hover { 
	_border:1px solid #b3b3b3;
	background:url(/images/main/sprite_paginate.png) no-repeat 100% -20px!important;
}
.paginate .pre_end:hover { 
	_border:1px solid #b3b3b3;
	background:url(/images/main/sprite_paginate.png) no-repeat 2px -82px!important;
}
.paginate .next_end:hover { 
	_border:1px solid #b3b3b3;
	background:url(/images/article/sprite_paginate.png) no-repeat 100% -82px!important;
}
.paginate a.pre,.paginate a.next,.paginate a.pre_end,.paginate a.next_end {
	color:#565656;
}
.paginate a:hover,.paginate strong {
	_border:1px solid #b3b3b3;
	_background-color:#fff;
	color:#f23219;
	text-decoration:none;
}



/* 포폴리스트 */
.da-thumbs li a, .da-thumbs li a img { display: block; position: relative; }
.da-thumbs li a { overflow: hidden; width:300px; margin:0 auto}
.da-thumbs li a div {
	position: absolute;
	background: #333;
	background: rgba(57,181,74,0.97);
	width: 300px;
	height: 100%;border:5px solid #000;box-sizing:border-box; left:50%;  top:100%;  /*transform: translate(-50%, 0);*/
  transition: transform 0.3s ease;
}/*
.da-thumbs li a:hover div{ transform: translate(-50%, -100%);}*/
.da-thumbs li a div span {
	display: block;
	text-align:center;
	margin:20px 0 10px;
	padding:5px 20px;
	text-transform: uppercase;
	font-weight: normal;
	color: rgba(255,255,255,0.9);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	_border-bottom: 1px solid rgba(255,255,255,0.5);
	box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -5px 0 rgba(255,255,255,0.3);
}
.da-thumbs li .btnGroup {
	font-size: 0.825em;
	color:#d4f4d9;
	_text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	margin: 15px 20px 0px 20px;
}
.da-thumbs li .link {
	font-size: 0.725em;
	color:#064b0f;
	_text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	margin: 10px 20px 0px 20px;
}

/*   seccond   */
#section2 {
	position:relative;
	padding: 90px 0 0;
}


#section2 .swrp2 {
	position:relative;
	float: left;
	margin:10px 0;
	width:50%;
	height:200px;
	box-sizing:border-box;
	padding-right:calc(25% - 400px)
}
#section2 .txtArea2 {
	position:relative;
	z-index:15;
	margin-right:80px;;
}
.txtArea2 .txt1 {
	position:absolute;
	top:0;
	right:0;
	font-size:5em;
	font-weight:900;
	color:#000;
	line-height:90%;
	letter-spacing:-4px;
	text-shadow:-1px -1px 0 rgba(0,0,0,0.5)  ;
}
.txtArea2 .txt2 {
	position:absolute;
	top:70px;
	right:0;
	font-size:5em;
	font-weight:900;
	color:#000;
	line-height:90%;
	letter-spacing:-4px;
	text-shadow:-1px -1px 0 rgba(0,0,0,0.5)  ;
} 
.txtArea2 .txt3 {
	position:absolute;
	top:145px;
	right:0;
	text-align:right;
	font-weight:300;
	font-size:0.9em;
	color:#000;
	line-height:150%;
}
*[class^="revealator"] {
	_color:#fff;
	_background-color: #2C3E50;
}

/*서브*/
#subContents {
	position:relative;
	width:100%;
	height:100%;
	text-align:center;
	z-index:0;
}
#subContents h3 {
	font-size:2.4em;
	font-weight:700;
	letter-spacing:-1px;
}
.tabmenu {
	width: 100%;
	max-width: 1000px;
	margin: 30px auto 0;
}
.tabmenu ul.tabs, .tabmenu ul.tabs24 {
	height: 30px;
	list-style: none;	
	background: #666;
}
.tabmenu ul.tabs li, .tabmenu ul.tabs24 li  {
	position: relative;
	float: left;
	overflow: hidden;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
.tabmenu ul.tabs li a, .tabmenu ul.tabs24 li a {
	display: block;
	color: #FFF;
	font-size: 1em;
	border-right: 1px solid #fff;
	outline: none;
}
.tabmenu  ul.tabs li.active, ul.tabs li.active a:hover  {
	background: #fd7d0c;
	color: #FFF;
}
.tabmenu  ul.tabs24 li.active, ul.tabs24 li.active a:hover  {
	background: #fd7d0c;
	color: #FFF;
}
.tabwidth50 { width: 50%; }
.tabwidth20 { width: 20%; }

.tabmenu .tab_container, .tabmenu .tab_content24 {
	clear: both;
	float: left; 
	width: 100%;
	height:500px;
}
.service_list li .title_box .num{opacity:0.2}
.secWarp2{max-width:1600px}
.secWarp22{max-width:100%}
.s3_c2 .group_bottom{display:block}