/* 메인슬라이드 */
.main_vs {overflow:hidden; height:570px; background:#eee; position:relative;}
.main_vs:before {content:""; width:100%; height:1px; position:absolute; left:0; bottom:0; background: #ffffff;}
.main_vs li {list-style:none;}
.main_vs .rolling_box {height:570px; background-position:center top;}
.main_vs .layout_fix {height:570px;}
.main_vs .rolling_img {position:absolute; left:0; top:16%; margin-top: 0px;}
.main_vs .link {color:#40b238; font-size:15px; letter-spacing:-1px; border-radius:6px; border:1px solid #614f4f; line-height:44px; height:44px; box-sizing:border-box; margin-top:10px; width:160px; text-align:center;}
.main_vs .link {transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all;}
.main_vs .link:hover {background:#40b238; color:#fff; border-radius:100px;}

.main_vs .rolling_nate {position:absolute; left:0; bottom:50px; text-align:center; z-index:20; width:100%;}
.main_vs .rolling_nate ul {display:inline-block;}
.main_vs .rolling_nate li {float:left;}
.main_vs .rolling_nate a {display:inline-block; }
.main_vs .rolling_nate .tx {background: #ffffff; font-size:0px; height:16px; line-height:16px; width:16px; margin: 0px 5px; border-radius: 50%:}
.main_vs .rolling_nate .tx {transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all;}
.main_vs .rolling_nate .active .tx {background:#d1d1d1 !important; color:#fff !important;}
.main_vs .rolling_nate .tx:hover {background:#d1d1d1; color:#312a2a;}

.main_vs .rolling_nate {z-index:100;}
.main_vs .rolling_nate .tx.active {background:#40b238 !important; color:#fff !important;}

/* Rolling background */
.rolling_bg01{background-image:url('../../images/main/main_slide01.jpg');}
@media screen and (max-width:1100px){
.rolling_bg01{background-image:url('../../images/main/main_slide01_m.jpg');}
}
.rolling_bg02{background-image:url('../../images/main/main_slide02.jpg');}
.rolling_bg03{background-image:url('../../images/main/main_slide03.jpg');}
.rolling_bg04{background-image:url('../../images/main/main_slide04.jpg');}

.Title01{padding-bottom: 20px;}
.Title01 h2{font-size: 40px; color: #1b1b1b; padding: 20px 0; text-transform: uppercase;  font-family: 'Swagger'; line-height:1.4;}
.Title01 h4{font-size: 18px; color: #5d5c5c;   padding: 0 0 20px 0;}
.Title01-wh h2{font-size: 40px; color: #ffffff; padding: 20px 0; text-transform: uppercase; font-weight: normal;  font-family: 'Swagger';}
.Title01-wh h4{font-size: 18px; color: #ffffff; line-height: 26px; font-weight: normal; padding: 0 0 20px 0;}


/* About */
#about{position: relative; margin-top: -40px; background: #ffffff; z-index: 999; padding: 40px 0;}
/* #about:after{content: ''; display: block; background: url('../../images/main/main-shadow-left.png'); position: absolute; left: -20px; top: 0; width: 19px; height: 139px;}
#about:before{content: ''; display: block; background: url('../../images/main/main-shadow-right.png'); position: absolute; right: -20px; top: 0; width: 19px; height: 139px;} */


.main_about{text-align: center;}
.main_about li{width: 310px; display:inline-block; padding: 0 27px; vertical-align:top;}
.main_about h2{font-size: 24px; padding: 25px 0 15px; letter-spacing: 1px; font-weight: normal;  font-family: 'Swagger';}
.main_about p{ font-size: 14px; color: #5b5b5b; line-height: 22px;}



/* PR Center */
#products{position: relative; background: #ffffff; padding: 40px 0 0;}
.prcenter-bg{width: 100%; background-image: url('../../images/main/prcenter-bg.jpg'); padding: 40px 0;} 
.ban-paral{background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }
.pr-left-box{width: 100%; height: 640px; background-color: #f1f1f1; float: left;}
.pr-right-box{width: 33.3%; height: 640px; background-color: #cdcdcd;float: right; }

.pr-right-box .pr-box{width: 100%; height: 320px; overflow: hidden;}
.pr-right-box .pr-box-text{background-color: #919191;}

.pr-left-top, .pr-left-bottom, .pr-left-top > a, .pr-left-bottom > a{width: 100%; vertical-align: top;}
.pr-left-top .pr-box, .pr-left-bottom .pr-box{width: 50%; height: 320px; overflow: hidden; float: left;}
.pr-left-top .pr-box-text{background-color: #727272; }
.pr-left-bottom .pr-box-text{background-color: #9e9e9e;}

.pr-box-text{color: #c3c4c0; box-sizing: border-box; padding:45px 42px; text-align: center;}
.pr-box-text i{font-size: 80px; color: #ffffff; opacity: 0.4;}
.pr-box-text h2{color: #ffffff; font-size: 30px; font-weight: normal; margin: 20px 0; position: relative; letter-spacing: 1px;  font-family: 'Swagger';}
.pr-box-text h2:before{content: ''; display: block; position: absolute; top: 30px; left: 50%; width: 1px; height:32px; background-color: #ffffff;}
.pr-box-text p{color: #ffffff; font-size: 15px; line-height: 24px; margin:46px 0 0; font-weight: bold;}

/* PR Center - Hover Effect */
.prcenter-box a img{width: 100%; height: 100%; transform:scale(1.1); -o-transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); transition: transform .35s; -o-transition: transform .35s; -moz-transition: transform .35s; -webkit-transition: transform .35s;}
.prcenter-box a:hover img{transform:scale(1.3); -o-transform:scale(1.3); -moz-transform:scale(1.3); -webkit-transform:scale(1.3); transition: transform .35s; -o-transition: transform .35s; -moz-transition: transform .35s; -webkit-transition: transform .35s;}
.prcenter-box a:hover i{color: #ffffff; opacity: 1;}


/* Customer - css틀 about 사용 */
#customer-center{position: relative; background: #ffffff; padding: 50px 0; background: url('../../images/main/customer_bg.jpg') no-repeat center center; background-size:cover;}
.main_call{float: left; display: table;}
.call_icon{display: table-cell; vertical-align: middle; color: #ffffff; font-size: 120px; padding-right: 15px;}
.call_text{display: table-cell; vertical-align: middle; color: #ffffff; }
.call_text > h2{font-size: 34px; margin: 15px 0;}

.main-notice{float: right;}
.main-notice li{float: left; margin-left: 60px; text-align: center;}
.main-notice li a{position: relative;}
.main-notice li i{width: 100px; height: 100px; color: #ffffff;  z-index: 999; font-size: 50px; line-height: 90px;}

.main-notice li i:before{display: block; position: absolute; top: 0; left: 0; width: 100px; height: 100px; background: rgba(0, 0, 0, 0); border-radius: 50%; border: 3px solid #ffffff; box-sizing: border-box;}
.main-notice li a:hover i:before{background-color: #ffffff;}
.main-notice li a:hover i{color: #1b1b1b;}
.main-notice li span{display: block;  font-weight: bold; color: #ffffff;}

#pr-video{width: 100%; padding: 50px 0; background: url('../../images/main/pr-video-bg.jpg') no-repeat center center; background-size:  cover;}
#video_player{text-align: center;}
#video_player a{display: inline-block; text-align: center; font-size: 80px; color: #ffffff;}
#video_player a:hover{color: #c41230}


#partner{width: 1100px; margin: 30px auto 50px; }

@media screen and (max-width:860px){
	#customer-center{text-align:center;}
	.main_call{float:none; display:inline-block; margin:auto; }
	.main_call .call_text{text-align:left;}
	.main-notice{float:none; margin:20px auto;}
	.main-notice li{float: left; margin-left:0; text-align: center;width:33.33%; display:inline-block; }

	#pr-video{padding:50px 20px; box-sizing:border-box;}
	.Title01-wh h2, .Title01 h2{font-size:32px;}
	.Title01-wh h4,	.Title01 h4{font-size:14px; word-break:keep-all; word-wrap:break-word; box-sizing:border-box; }
	#pr-video .Title01-wh h4 br{display:none;}
	
	.main_about {text-align:left;}
	.main_about li{position:relative; width:100%; margin-bottom:30px;box-sizing:border-box;}
	.main_about img{display:inline-block; width:50px;position:absolute; top:0;}
	.main_about h2{padding-top:0; }
	.main_about h2, .main_about p{text-align:left;}
	.main_about p{display:block;word-break:keep-all; word-wrap:break-word;}
	.main_about p br{display:none;}
	.main_about li > a > div{display:inline-block; text-align:left; padding-left:70px;}
	.m_con{display:inline-block;text-align:left;}
	.pr-left-box{height:auto;}
	.pr-box-text{text-align:center;}
	.pr-box-text i{margin-right:20px; padding-bottom:10px; display:inline-block; }
	.pr-box-text h2{margin-top:0; margin-bottom:10px;}
	.pr-box-text h2:before{display:none;}
	.pr-box-text p{margin-top:10px;}
	.pr-left-top .pr-box, .pr-left-bottom .pr-box{width:100%; height:auto;}
	.pr-left-top .pr-box-img, .pr-left-bottom .pr-box-img{display:none;}
}

@media screen and (max-width:640px){
	.pr-box-text{padding:40px 20px;}
	.m_con{max-width:250px;}
	.pr-box-text{text-align:left;}
	.pr-box-text i{float:left; width:50px;}
}