@charset "euc-kr";

/*business*/
#subcontents {padding:88px 0 0 0;height:100%;overflow:hidden;width:100%;}
#subcontents .top_area02{height:212px;;background:url(/images/sub02_img.jpg) no-repeat center top;}/*border-bottom:1px solid #e0e0e0*/
#subcontents .top_area02 .sub_top{height:209px;width:1024px;margin:0 auto;}
#subcontents .top_area02 .sub_top h2{padding-top:87px;
													   padding-left:7px;}
/*business sub gnb*/
#subcontents .top_area02 .location {min-width:1024px; height:43px;border-bottom:1px solid #cdcdcd;}
#subcontents .top_area02 .location ul{margin:0 auto;width:1024px;}
#subcontents .top_area02 .location ul:after {content:""; display:block; clear:both;}
#subcontents .top_area02 .location li{position:relative;float:left;font-size:14px;z-index:5px;}
#subcontents .top_area02 .location li .home{padding:11px 0; width:42px; text-align:center;border-right:1px solid #cdcdcd;}
#subcontents .top_area02 .location li .home a{display:inline;padding:0;border-right:0;padding-top:10px !important;}
#subcontents .top_area02 .location li .homeicon{padding-top:15px !important;height:12px;border-left:1px solid #cdcdcd;background:none;
																	padding-left:20px !important; padding-right:20px !important;}


#subcontents .top_area02 .location li a{display:block;padding:17px 43px 17px 43px; height:9px;color:#666;line-height:10px;text-align:left;
																	border-right:1px solid #cdcdcd; font-weight:bold;}
#subcontents .top_area02 .location li a:firstchild{padding:10px 20px 13px 20px;}
/*#subcontents .top_area .location li a span{display:block; padding-right:45px;background:url(/images/under_arrow.png) no-repeat 77px 2px;}*/
#subcontents .top_area02 .location li a .arrow01{display:block; padding-right:45px;background:url(/images/under_arrow.png) no-repeat 77px 2px;}
#subcontents .top_area02 .location li a .history{background:url(/images/under_arrow.png) no-repeat 62px 2px;padding-right:45px !important;}

#subcontents .top_area02 .location li a .arrow_un{font-size:10px;padding-left:5px;}
#subcontents .top_area02 .location li a:hover{color:#ff4f00;}
#subcontents .top_area02 .location li .depth2{width:170px !important;}
#subcontents .top_area02 .location li .depth2 a {color:#7a7a7a;padding:17px 13px 17px 44px !important;width:172px;}
#subcontents .top_area02 .location li .depth2 a:hover {color:#ff4ff00;}


#subcontents .top_area02 .location li.active > a {color:##ff4f00;}
#subcontents .top_area02 .location li.active > a span {}

#subcontents .top_area02 .location ul ul {position:absolute; top:44px; left:-1px; display:none; border:0 none;width:174px;}
#subcontents .top_area02 .location li li {float:none; padding:0; border:0 none;width:165px;}
#subcontents .top_area02 .location li li a:firstchild {border-top:#cdcdcd;}
#subcontents .top_area02 .location li li a {display:block; border-right:1px solid #cbcbcb; border-bottom:1px solid #dedede; 
															border-left:1px solid #cbcbcb; background-color:#fff;font-size:12px;text-align:center;padding-left:35px !important;
															line-height:18px !important;}
#subcontents .top_area02 .location li li a:hover,
#subcontents .top_area02 .location li li a:active,
#subcontents .top_area02 .location li li a:focus {color:#fff; background-color:#ff4f00;}
#subcontents .top_area02 .location .busi01{width:168px;}
#subcontents .top_area02 .location .busi02{width:169px;}
#subcontents .top_area02 .location .busi03{width:172px;}


/*sub_gnb//*/

/*#subcontents .top_area02 .sub_top .location2{position:absolute;top:208px;}
#subcontents .top_area02 .sub_top .location2 :after{clear: both;content: "";display: block;height: 0;visibility: hidden;}
#subcontents .top_area02 .sub_top .location2 .flexnav li{position:relative;list-style:none;float:left;display:block;overflow:visible;width:20%;}



#subcontents .top_area02 .sub_top .location2 a{color:#464646;text-decoration:none;font-size:14px;font-weight:bold;}
#subcontents .top_area02 .sub_top .location2 .list home{padding:0 10px !important;}
#subcontents .top_area02 .sub_top .location2 .home a{overflow:hidden;min-width:0;height:44px;padding:0 10px !important;}
#subcontents .top_area02 .sub_top .location2 .home a img{padding-top:13px;}
#subcontents .top_area02 .sub_top .location2 .list{float:left;height:44px;padding:0 25px;border-left:1px solid #e0e0e0;}
#subcontents .top_area02 .sub_top .location2 .last{border-right:1px solid #e0e0e0;}
#subcontents .top_area02 .sub_top .location2 .list a{line-height:45px;}
#subcontents .top_area02 .sub_top .location2 #lnb2{position:relative;min-width:89px;padding:0 20px 0 30px !important;z-index:20;}
#subcontents .top_area02 .sub_top .location2 #lnb2 > a span{display:inline-block;background:url(/images/under_arrow.jpg) no-repeat right center;padding-right:20px;}
#subcontents .top_area02 .sub_top .location2 #lnb2 .depth{display:none;}
#subcontents .top_area02 .sub_top .location2 #lnb2 .depth li{}*/

#subcontents .contbody02{width:1024px;margin:0 auto;height:100%;min-height:899px;margin-bottom:30px;padding-left:10px;}
#subcontents .contbody02 .contInner{margin-top:55px;}
#subcontents .contbody02 .contInner h2{font-size:42px;color:#333;}
#subcontents .contbody02 .contInner .subTile01{margin-top:50px;width:996px;}
#subcontents .contbody02 .contInner .subTile01 .Stxt01{text-align:center;}
#subcontents .contbody02 .contInner .subTile01 .Stxt02{font-size:19px;line-height:32px;color:#717171;}
#subcontents .contbody02 .contInner .subTile01 .Stxt03{font-size:19px;line-height:34px;color:#333;letter-spacing:-1px;}
#subcontents .contbody02 .contInner .subtable{margin-top:60px;}
#subcontents .contbody02 .contInner .subtable h3{font-size:25px;border-bottom:1px solid #929292;padding-bottom:10px;}
#subcontents .contbody02 .contInner .subtable .brandlist{margin-left:17px;position:relative;display:inline-block;}
/*#subcontents .contbody02 .contInner .subtable .brandlist ul{margin-top:10px;}
#subcontents .contbody02 .contInner .subtable .brandlist ul li{float:left;border:1px solid #e4e4e4;margin:5px 5px;}
.contInner .subtable .brandlist ul li img{width:229px;height:173px;}*/
e;}
#subcontents .contbody02 .arologo{margin-top:20px;}
#subcontents .contbody02 a{font-weight:bold;}
#subcontents .contbody02 a:hover{color:#ff4f00;text-decoration:underline;}

/*business brand hover*/
#subcontents .contbody02 .contInner .subtable .brandlist .img-title{background-color:rgba(255, 109, 44, 0.8) ;width:231px;height:176px;position:absolute;top:0; display: none;}
#subcontents .contbody02 .contInner .subtable .brandlist h5{position:absolute;top:45px;font-size:20px;color:#fff;text-align:center;font-weight:bold;width:100%;}
.subtable .clearfix:before,
.subtable .clearfix:after {content: " "; display: table;}

.subtable.clearfix:after {clear: both;}

.subtable .clearfix {*zoom: 1;}


/*eng plastic*/
#subcontents .contbody .contInner h3{margin:44px 0 0 0;font-size:25px;color:#6a6a6a;line-height:41px;}
#subcontents .contbody .contInner .eng_con{width:1024px;display:inline-block;}
#subcontents .contbody .contInner .eng_con .engTxt{float:left;width:475px;margin-top:51px;}
#subcontents .contbody .contInner .eng_con .engTxt p{
	font-size:20px; /*21px*/ 
	color:#333;
	letter-spacing:-0.5px; /*0*/ 
	margin-top:7px; 
	line-height:29px;
}
#subcontents .contbody .contInner .eng_con .engTxt .p01{padding-top:15px;}
#subcontents .contbody .contInner .eng_con .engimgta{float:left;width:520px;margin:59px 0 0 14px;}
#subcontents .contbody .contInner .eng_con .engimgta ul li{float:left;margin:0 0 10px 10px;}
#subcontents .contbody .contInner .eng_con .engimgta ul li img{width:161px;height:127px;}

/*#subcontents .contbody .contInner .eng_con .engimg{float:left;width:500px;}*/
#subcontents .contbody .contInner .eng_con .engTxt .engtp20{font-size:19px;color:#717171;line-height:33px;margin-bottom:10px;}
#subcontents .contbody .contInner .eng_con .engTxt .engtp21{font-size:19px;color:#717171;line-height:33px;letter-spacing:-0.4px;margin-bottom:10px;}
#subcontents .contbody .contInner .eng_con .engTxt .engtp22{font-size:19px;color:#717171;line-height:33px;letter-spacing:-0.4px;margin-bottom:10px;}
#subcontents .contbody .contInner .englink{margin-top:68px;}
#subcontents .contbody .contInner .englink:last-child {
	margin-top:20px;
}
#subcontents .contbody .contInner .englink .englinktxt{font-size:12px; font-weight:bold;font-style:italic;padding-left:10px;}
#subcontents .contbody .contInner .englink .englinktxt a{font-size:12px; font-weight:bold;font-style:italic;}
#subcontents .contbody .contInner .englink a:hover{color:#ff4f00;border:}
#subcontents .contbody .contInner .englink img{}

/*business conbody (eng.plastic/È­°ø»ç¾÷ºÎ)*/
#subcontents .contbody{width:1070px;margin:0 auto;height:100%;margin-bottom:60px;min-height:500px;padding-left:56px;}
#subcontents .contbody .contInner{margin-top:55px;}
#subcontents .contbody .contInner h2{font-size:42px;color:#333;}
#subcontents .contbody .contInner .subTile01{margin-top:50px;color:#6a6a6a}
#subcontents .contbody .contInner .subtable{margin-top:60px;}
#subcontents .contbody .contInner .subtable h3{font-size:25px;border-bottom:1px solid #929292;padding-bottom:10px;color:#6a6a6a;}
#subcontents .contbody .contInner .subTile01 .Stxt02{margin-top:20px;font-size:19px;line-height:27px;color:#717171;}
#subcontents .contbody .contInner .subTile01 .Stxt02_02{margin-top:20px;font-size:16px;line-height:24px;color:#6a6a6a;letter-spacing:-1.3px;}





/*business01*/
#subcontents .contbody .contInner .busicont01{width:696px;margin:47px 0 0 235px;display:inline-block;}
#subcontents .contbody .contInner .busicont01 ul li{float:left;width:229px;height:195px;margin:-10px 5px;text-align:center;cursor:pointer;}
#subcontents .contbody .contInner .busicont01 ul li p{margin-top:10px;font-weight:bold;font-size:13px;color:#676767;}
#subcontents .contbody .contInner .busicont01 ul li img{width:217px;height:154px;text-align:center;border:1px solid #e4e4e4;}
#subcontents .contbody .contInner .busicont01 .bulotxt{border:1px solid #e4e4e4;width:217px;height:154px;margin-left:9px;}
#subcontents .contbody .contInner .busicont01 .txtp{padding-top:53px;font-size:24px;}
.bus04{padding-top:15px;}


#subcontents .contbody .btnwrap{margin-top:15px;}
#subcontents .contbody .btnwrap .dobtn{background:url(/eng/images/downbtn.jpg) no-repeat;height:34px;width:250px;margin:15px 0 0 370px;}
#subcontents .contbody .btnwrap .dobtn p{font-weight:bold;padding:11px 0 0 52px;color:#646464;}
#subcontents .contbody .btnwrap .dobtn a:hover{text-decoration:underline;}


.wrapper02 {
   width: 100%;
   
    margin:20px 0 20px 0;
	display:inline-block;
	
}
.wrapper02 a{color:#fff;}
.wrapper02 a:hover{text-decoration:underline;}
.gallery-item02 img {width:225px;
							height:170px;
 
}

figcaption .tab_text01{
								height:114px;
								overflow:hidden;}


.img-title02 h5 {
        position: absolute;
        color: #fff;
        top: 10%;
        width: 90%;
		font-size:13px;
		font-weight:bold;
		line-height:21px;
		padding:0 10px 0 10px;
        height:170px;
    }

.atitle{font-size:17px;
		width:220px;
		color:#545454;}



.wrapper {
   width: 1024px;
   
    margin:63px 0 20px 0;
	display:inline-block;

}
.wrapper a{color:#fff;}
.wrapper a:hover{text-decoration:underline;}

/* Content */
/* Uncomment everything commented to enable CSS hover */

.gallery-item {
    height: auto;
    margin-bottom: 2em;
    position: relative;
	float:left;
	border:1px solid #e4e4e4;
	margin-left:14px;
}


.gallery-item:hover .img-title {
    /*opacity: 1;*/
}

.img-title {
    position: absolute;
    top: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    ;
    display: none; /* comment this out for CSS hover */
    background-color: #333;
    /*transition: all 0.5s ease;*/
}
.img-title02 {
    position: absolute;
    top: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    ;
    display: none; /* comment this out for CSS hover */
    background-color: #333;
    /*transition: all 0.5s ease;*/
}

.bocol01{
			background-color: #3fb98f !important;
			position: absolute;
			top: 0;
			margin: 0;
			height: 100%;
			width: 100%;
			left:0;
			}

.bocol02{
			background-color: #2a70b1 !important;
			position: absolute;
			top: 0;
			margin: 0;
			height: 100%;
			width: 100%;
			left:0;}

.bocol03{
			background-color: #fe9e51 !important;
			position: absolute;
			top: 0;
			margin: 0;
			height: 100%;
			width: 100%;
			left:0;}

.bocol04{
			background-color: #95c466 !important;
			position: absolute;
			top: 0;
			margin: 0;
			height: 100%;
			width: 100%;
			left:0;}


.bocol05{
			background-color: #fe9e51 !important;
			position: absolute;
			top: 0;
			margin: 0;
			height: 100%;
			width: 100%;
			left:0;}



    .img-title h5 {
        position: absolute;
        color: #fff;
        top: 10%;
        width: 90%;
		font-size:13px;
		font-weight:bold;
		line-height:21px;
		padding:0 10px 0 10px;
        height:95%;
    }

	.box02txt{   
		position: absolute;
        color: #fff;
        top: 16% !important;
        width: 100%;
		font-size:13px;
		font-weight:bold;
		line-height:30px !important;
		padding:0 10px 0 10px !important;
	}

		.box03txt{   
		position: absolute;
        color: #fff;
        top: 30% !important;
        width: 100%;
		font-size:15px !important;
		font-weight:bold;
		line-height:24px !important;
		padding:0 10px 0 10px !important;
	
	}

			.box04txt{   
		position: absolute;
        color: #fff;
        top:30% !important;
        width: 100%;
		font-size:15px !important;
		font-weight:bold;
		line-height:24px !important;
		padding:0 10px 0 10px !important;
		
	}






/* ==========================================================================
   Helper classes
   ========================================================================== */

.clearfix:before,
.clearfix:after {content: " "; display: table;}

.clearfix:after {clear: both;}

.clearfix {*zoom: 1;}
