/* link css */



/* 기본 베이스 */

body{background:#272726; *word-break:break-all;-ms-word-break:break-all; -webkit-text-size-adjust:none; word-break:keep-all;}*
.ff > li{float: left}*





/* section_boxs */

.wArea{width:1280px; margin: 0 auto; }
/* .section_box {position: relative; max-width:1920px; margin:0 auto; width:100%;}  */
.section_box h2{font-size:45px;padding-top:0px;padding-bottom:25px;margin-bottom:10px; letter-spacing:-1px; line-height:45px; font-weight:900;}
.section_box .subText{font-size: 14px;padding-bottom:30px; color: #fff; font-weight:400; }

.container01 .box01{background:#f58220 url(../section/images/main/section_boxBg01.jpg) no-repeat center 0 ; padding:60px 0;  text-align:center;}
.container01  h2{color: #fff;background: url(../section/images/main/titleBar01.png) no-repeat center 90%;}

.section_box .subText a { color: #fff;font-size: 15px; text-decoration:underline; margin-top:20px; display:block; font-weight:bold; }
.container01 .box01 ul{display: inline-block; width:450px; margin:20px auto 0 auto;  }
.container01 .box01 ul li{ float:left; width:40%; }
.container01 .box01 ul li div {font-size: 20px;color: #fff; width:100%; height:110px; border-radius:90%; border:3px rgba(255,255,255, 0.2)  solid; padding-top:70px;}
.container01 .box01 ul li.cross{ width:20%; }
.container01 .box01 ul li.cross div {background: url(../section/images/main/cross.png) no-repeat center center;text-indent: -999em;overflow: hidden; border:0px; width:100%; height:192px; padding:0;}


.container01 .box02{height:516px;background: url(../section/images/main/section_boxBg02.jpg) no-repeat center 0px;    }
.container01 .box02 ul{padding-top: 120px;}

.container01 .box02 ul:after, .container01 .box01 ul:after { section_box:''; display:block; clear:both;}

.container01 .box02 ul li{width: 25%;height: 120px;padding-top: 160px;color: #aaa;font-size: 14px;line-height: 18px; float:left; text-align:center; }
.container01 .box02 ul li.mm01{background: url(../section/images/main/icon01.png) no-repeat center 0;}
.container01 .box02 ul li.mm02{background: url(../section/images/main/icon02.png) no-repeat center 0;}
.container01 .box02 ul li.mm03{background: url(../section/images/main/icon03.png) no-repeat center 0;}
.container01 .box02 ul li.mm04{background: url(../section/images/main/icon04.png) no-repeat center 0;}
.container01 .box02 ul li .tt{color: #fff;padding-bottom: 10px;font-size: 20px;font-weight: bold;}
.container02 {background: #272726; padding:60px 0 100px 0; text-align:center;}
.container02 h2{color: #8d8d8d; background: url(../section/images/main/titleBar02.png) no-repeat center 90%; padding-top:0;}
.container02 .subText{color: #8d8d8d;margin-bottom:0px;}
.container02 .subText a{color: #8d8d8d;}
.container02 li{width: 25%;height: 250px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover; background-position:50%; position:relative; overflow:hidden;}



.container02 li:hover{overflow: hidden;}
.container02 li .hover{font-size: 13px;text-align: left;position: relative; position:absolute; left:0px; top:250px; background: #f58220;height: 100%;padding:30px 20px;box-sizing:border-box; }
.container02 li .hover h4{font-size: 18px;color: #fff;padding-top: 20px;background: url(../section/images/main/titlebar03.gif) no-repeat 0 0px; font-weight:400; }
.container02 li .hover .sum{color: #fff;padding-top: 10px;color: #fff}

.container02 li a .hover .descrip{padding-top:20px;color: #fff; height:60px; width:100%; display:block; text-overflow:ellipsis; display:-webkit-box; word-wrap:break-all;   -webkit-line-clamp:3; -webkit-box-orient: vertical;  overflow: hidden;  }


.container03 h2{background: url(../section/images/main/titleBar04.png) no-repeat center 60px;color: #fff; padding-top:0; padding-bottom:20px; }
.container03  p { color:#bbb;}
.container03 ul > li{width: 50%;position:relative;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:449px; display:inline-block; text-align:center; }
.container03 ul > li a{ display:block; width:100%; height:100%; position:relative; z-index:2; }
.container03 ul > li .over_bg {opacity:0; filter:alpha(opacity=0); background:#f58220; width:100%; height:100%; position:absolute; left:0px; top:0; transition:all .5s;  -moz-transition:all .5s}
.container03 ul > li:hover .over_bg{opacity:0.7; filter:alpha(opacity=70); }
.container03 .bg01 { background:url(../section/images/main/news_bg.jpg) no-repeat 50%;  -webkit-background-size:cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover;}
.container03 .bg02 { background:url(../section/images/main/contact_bg.jpg) no-repeat 50%;  -webkit-background-size:cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover;}

.container03 .box_line{ display:inline-block; vertical-align:middle; padding-top:15%;}
.container03 .bg01 a:before { width:1px; height:100%; section_box:' '; vertical-align:middle; margin-left:-1px; display:inline-block; }
.container03 .bg02 a:before { width:1px; height:100%; section_box:' '; vertical-align:middle; margin-left:-1px; display:inline-block; }

/*
.section_box .work_more { margin-top:30px; font-family: 'Archivo Narrow',sans-serif; font-size:16px; }
.section_box .work_more a { display:block; width:170px; height:40px;  border:2px #8e8e8d solid; color:#8e8e8d; font-weight:bold; margin:auto; line-height:40px;   }
.section_box .linear { transition:all 200ms linear;   
 -webkit-transition:all 200ms linear;   
 -moz-transition:all 200ms linear;   
 -ms-transition:all 200ms linear;   
 -o-transition:all 200ms linear;}

.work_more a:hover, .work_more a:focus {
	background:#8e8e8d;
	color:#272726;
	text-decoration:none
}
*/



.skrollr-desktop #scrollbar {display:none;}

