@charset "utf-8";

/************************************************************************
 * 파일명      : main.css
 * 설명        : 기본 css정의
 * 작성일      : 2014.11.19
************************************************************************/
.main-roll-wrap {position:relative;margin-top:-6px;}
.main-roll-wrap div.slide {position: relative;}
.main-roll-wrap div.slide img {width: 100%;height: 100%;}
.main-roll-wrap div.slide div {background-color: rgba(0, 0, 0, 0.6);width: 100%;display: none;position: absolute;bottom: 0;}
.main-roll-wrap div.slide h4 {font-size: 35px;padding: 30px 0 0 100px;}
.main-roll-wrap div.slide p {font-size: 16px;padding: 0 0 30px 100px;}
.main-roll-wrap div.slide h4, .main-roll-wrap div.slide p {color: white;margin: 0;}
.main-roll-navi a {display:block;width:14px;height:14px;float:left;margin:0 4px;background-image:url('/skin/img/main/main_navi.png');background-repeat:no-repeat;background-position:-14px 0;}
.main-roll-navi a.selected {background-position:0 0;}
.main-roll-navi a span {display:none;}

.main-contents {padding:43px 0 43px 0;background: #efefef;text-align: center;}.main-contents h2 {display: inline-block;margin-bottom: 39px;}
.main-contents h2 img {width:100%;}
.textarea {position: relative;}
.textarea p {position:absolute;top:22px;left:35px;font-size: 17px;color:#000;font-weight:bold;}
.textarea p.rr {right: 35px;left: inherit;}

.main-mbanner {overflow:hidden;}

.main-section {padding:43px 0;max-width:1105px;margin:0 auto;}
.main-section .section {border:1px solid #bdbdbd;padding:9px;}
.main-section .section.mar {margin-bottom:16px;}
.biz-part {overflow:hidden;}
.biz-part .biz-title {float:left;width:176px;height:124px;margin-right:22px;background:url('/skin/img/main/main_slogan_title1.gif') no-repeat 0 0;}
.biz-part .biz-title.process {background:url('/skin/img/main/main_slogan_title2.gif') no-repeat 0 0;}
.biz-part .biz-title p {color:#fff;font-size:16px;text-align:center;font-weight:bold;padding-top:40px;padding-right:11px;}
.biz-part .biz-slogan {float:left;}
.biz-item {overflow:hidden;float:left;padding-top:17px;height:124px;}
.biz-item.bizitem1 {width:260px;padding-right:21px;margin-right:25px;background:url('/skin/img/main/section_line.gif') no-repeat right center;}
.biz-item.bizitem2 {width:290px;padding-right:21px;margin-right:25px;background:url('/skin/img/main/section_line.gif') no-repeat right center;}
.biz-item.bizitem3 {width:270px;}
.biz-item .biz-txt {float:left;}
.biz-item .biz-txt p {font-size:11px;color:#6b6b6b;}
.biz-item .biz-txt p.tit {color:#383838;font-size:16px;font-weight:bold;margin-bottom:25px;}
.biz-item .biz-icon {float:right;}
.biz-item.bizitem1 .biz-icon {margin-top:10px;}
.biz-item.bizitem2 .biz-icon {margin-top:14px;}
.biz-item.bizitem3 .biz-icon {margin-top:18px;}

.main-list {margin-top:21px;}
.main-list .box-line {border:1px solid #bdbdbd;height:174px;padding:29px 22px 17px 22px;}
.main-list .box-line .box-wrap {overflow:hidden;}
.main-list .box-line .box-more {text-align:center;margin-top:6px;}
.main-list .box-line .box-more a {display:inline-block;}
.main-list .box-line h3 {font-size:23px;color:#373737;font-weight:bold;margin-bottom:15px;}
.main-list .box-line p {font-size:12px;color:#797979;font-weight:bold;line-height:1.5em;}
.main-list .box-line .box-txt {float:left;width:189px}
.main-list .box-line .box-icon {float:right;width:81px;margin-top:10px;}
.main-list .box-line .box-icon img {width:81px;}
.main-list .box-img {position:relative;}
.main-list .box-img .txt {position:absolute;width:100%;top:6px;left:0;text-align:center;color:#fff;}

.video-area {}
.video-area .back-imgs {width:100%; height:330px; background:url(/skin/img/main/main-img-interior.jpg) center no-repeat; background-size:cover;}

@media (max-width:479px) {
	.video-area .back-imgs {min-height:230px; height:auto;}
}