/* 메인슬라이드 */
.main_vs {overflow:hidden; height:590px; background:#eee; position:relative;}
.main_vs:before {content:""; width:100%; height:1px; position:absolute; left:0; bottom:0; background:transparent url('../../images/main/black_10.png') left top repeat-x;}
.main_vs li {list-style:none;}
.main_vs .rolling_box {height:590px; background-position:center top;}
.main_vs .layout_fix {height:590px;}
.main_vs .rolling_img {position:absolute; right:0; top:30%; margin-top: 0px;}
.main_vs .link {color:#453737; 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:#453737; color:#fff; border-color:#453737; border-radius:100px;}
.main_vs .rolling_box .layout_fix .rolling_img .rolling_txt{position:absolute;right:35px;top:-70px;width:1000px;}
.main_vs .rolling_txt h2{color:#fff;font-size:47px;line-height:53px;font-weight:bold;margin-bottom:7px;}
.main_vs .rolling_txt span{font-size:34px;line-height:44px;font-weight:400;}
.main_vs .rolling_txt2 h2{color:#111;}
.main_vs .rolling_txt3{text-align:center;margin:30px 15px 0 0;}
.main_vs .rolling_txt3 h2{font-size:40px;font-weight:bold;color:#111;}
.main_vs .rolling_txt3 span{font-size:50px;color:#d42678;}

.main_vs .rolling_nate {position:absolute; left:0; bottom:1px; 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; color:#fff; font-size:10px; height:13px; line-height:36px; border-radius: 50%; width: 15px; margin-left:10px;}
.main_vs .rolling_nate .tx {transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all;}
.main_vs .rolling_nate .active .tx {background:#cb3031 !important; color:#fff !important;}
.main_vs .rolling_nate .tx:hover {background:#fff; color:#d42678;}

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

/* Rolling background */
.rolling_bg01{background-image:url('../../images/main/main_slide01.jpg');}
.rolling_bg02{background-image:url('../../images/main/main_slide04.jpg');}
.rolling_bg03{background-image:url('../../images/main/main_slide03.jpg');}

.show-on-scroll { /*visibility: hidden;*/ transition: 0.3s;transition-delay:0.5s; opacity:0;}
.shown { /*visibility: visible; */opacity:1 !important;}
.show-on-scroll2{ transition: 0.8s;transition-delay:0.5s;opacity:0;}
.show-on-scroll3{ transition: 1.0s;transition-delay:0.8s;opacity:0;}

.show-on-scroll4{ transition: 1s;transition-delay:0.5s;opacity:0;transform:scale(3,3);}
.all{transform:scale(1,1);transition-delay:0.5s}
.show-on-scroll5{ transition: 2s;transition-delay:1.0s;opacity:0;transform:scale(1,1);}
.all2{transform:scale(1,1);transition-delay:1s}

.show-on-scroll6{ transition: 2s;transition-delay:0.5s;opacity:0;}
.show-on-scroll7{ transition: 2s;transition-delay:0.7s;opacity:0;}
.show-on-scroll8{ transition: 3s;transition-delay:0.8s;opacity:0;}
.show-on-scroll9{ transition: 3s;transition-delay:0.9;opacity:0;}
.show-on-scroll10{ transition: 2s;transition-delay:1s;opacity:0;}

.show-on-scroll11{ transition: 3s;transition-delay:1.2s;opacity:0;}
.show-on-scroll12{ transition: 3s;transition-delay:1.3s;opacity:0;}
.show-on-scroll13{ transition: 3s;transition-delay:1.4s;opacity:0;}
.show-on-scroll14{ transition: 3s;transition-delay:1.5s;opacity:0;}

.show-on-scroll15{ transition: 3s;transition-delay:0.5s;opacity:0;}
.show-on-scroll16{ transition: 3s;transition-delay:0.7s;opacity:0;}
.show-on-scroll17{ transition: 3s;transition-delay:0.9s;opacity:0;}
.show-on-scroll18{ transition: 3s;transition-delay:1.0s;opacity:0;}
.show-on-scroll19{ transition: 3s;transition-delay:1.2s;opacity:0;}
.show-on-scroll20{ transition: 3s;transition-delay:1.4s;opacity:0;}
.show-on-scroll21{ transition: 3s;transition-delay:1.6s;opacity:0;}

.show-on-scroll22{ transition: 3s;transition-delay:0.5s;opacity:0;}
.show-on-scroll23{ transition: 3s;transition-delay:0.5s;opacity:0;}
.show-on-scroll24{ transition: 3s;transition-delay:0.7s;opacity:0;}
.show-on-scroll25{ transition: 3s;transition-delay:1.0s;opacity:0;}
.show-on-scroll26{ transition: 3s;transition-delay:1.2s;opacity:0;}
.show-on-scroll27{ transition: 3s;transition-delay:1.5s;opacity:0;}

/* Roilling Text */
.t_01{font-size: 60px; line-height: 80px; color: #ffffff; font-weight: 600; text-shadow: 3px 3px 10px #515151;}
.t_01 > span{font-size: 30px; line-height: 40px; display: block}
#logo{text-align:center;}
#logo a > img{vertical-align: top;}
.f-nav {z-index:9999; position:fixed !important; left:0; top:0; width:100%;padding: 0px 0; z-index: 9999; background-color: rgba(0,0,0,0.5); box-shadow: 0 1px 3px rgba(0,0,0,0.9);  -webkit-transition: all 0.4s ease-in 0.3s; -moz-transition: all 0.4s ease-in 0.3s; -ms-transition: all 0.4s ease-in 0.3s; transition: all 0.4s ease-in 0.3s;}
.f-nav #header{padding: 15px 0;  -webkit-transition: all 0.4s ease-in 0.3s; -moz-transition: all 0.4s ease-in 0.3s; -ms-transition: all 0.4s ease-in 0.3s; transition: all 0.4s ease-in 0.3s;}
.f-nav #lnb > ul > li > a{color: #fff;}
.f-nav #logo a{background: url('../../images/main/logo_on.png') no-repeat center center;   -webkit-transition: all 0.4s ease-in 0.3s; -moz-transition: all 0.4s ease-in 0.3s; -ms-transition: all 0.4s ease-in 0.3s; transition: all 0.4s ease-in 0.3s;}




/* company */
#skin1{margin-top:130px;}
.all_them .main_tit h1{font-size:35px;color:#111;font-weight:400;position:relative;text-align:center;}
.all_them .main_tit h1:before{content:'';display:block;position:absolute;left:50%;top:-50px;background:url('../../images/main/tit_bar.jpg')center center no-repeat;width:52px;height:26px;margin-left:-26px;}
.company .main_tit p{text-align:center;font-size:30px;color:#4b4b4b;margin:30px 0 30px 0;}
.company .main_top_list .main_top_left{float:left;width:474px;}
.company .main_top_list .main_top_right{float:right;width:626px;margin-top:15px;}
.company .main_top_list .main_top_right p{font-size:17px;line-height:26px;color:#4b4b4b;}
.company .main_top_list .main_top_right p span{font-size:19px;}

#skin2{margin-top:130px;}
.brand .main_tit p{text-align:center;font-size:21px;color:#4b4b4b;margin:30px 0 30px 0;line-height:28px;}
.main_brand_list{background:url('../../images/main/brand_img.jpg')center center no-repeat; height:438px;}
.main_brand_list .all_of{color:#fff;}
.main_brand_list .all_of h3{font-size:23px;font-weight:bold;margin-bottom:10px;}
.main_brand_list .all_of p{font-size:16px;font-weight:300;line-height:26px;word-break:keep-all;letter-spacing:0.9px;}
.main_brand_list .main_brand_list_left{float:left;width:500px;padding:280px 0 15px 15px;}
.main_brand_list .main_brand_list_right{float:right;width:500px;padding:280px 15px 15px 0;}

#skin3{margin-top:130px;}
.real .main_tit p{text-align:center;font-size:16px;color:#4b4b4b;margin:30px 0 30px 0;line-height:26px;}
.real .real_list{margin-top:50px;}
.real .real_list .all_of img{margin-left:30px;}
.real .real_list .all_of h2{font-size:25px;color:#111;}
.real .real_list .all_of p{font-size:16px;line-height:26px;color:#4b4b4b;margin-top:10px;word-break:keep-all;}
.real .real_list .real_list_left{float:left;width:500px;}
.real .real_list .real_list_right{float:right;width:500px;}


#skin4{margin-top:120px;}
.heating .main_tit p{text-align:center;font-size:20px;color:#4b4b4b;margin:30px 0 30px 0;line-height:30px;}
.heating .heating_list ul li{display:inline-block;vertical-align:top;margin:10px 0 10px 0;}
.heating .heating_move{margin:40px 0;}
.heating .heating_list ul li.move{margin-left:0;}
.heating .heating_list ul li h3{font-size:22px;color:#4b4b4b;font-weight:bold;margin:10px 0 8px 0;}
.heating .heating_list ul li p{font-size:16px;line-height:25px;color:#4b4b4b;margin-bottom:10px;}
.heating .heating_list .heating_list_left{float:left;}
.heating .heating_list .heating_list_right{float:right;margin-lefT:10px;width:430px;}
.heating .heating_list .heating_list_right .letter{letter-spacing:-0.5px;}
.heating .heating_list .heating_list_right3{margin-top:-15px;}

#skin5{margin-top:120px;}
.pach_tit h2{font-size:25px;color:#4b4b4b;font-weight:bold;position:relative;text-align:center;}
.pach_tit h2:before{content:'';display:block;position:absolute;left:170px;top:-15px;background: url('../../images/main/pach_left.jpg') no-repeat left center;width:12px;height:57px;}
.pach_tit h2:after{content:'';display:block;position:absolute;right:170px;top:-15px;background: url('../../images/main/pach_right.jpg') no-repeat right center;width:12px;height:57px;}
.pach_list{margin-top:40px;}
.pach_list ul li{display:inline-block;margin:10px 0 10px 80px;}
.pach_list ul .move{margin-left:0;}
.pach_list ul li h3{text-align:center;font-size:16px;color:#990a45;margin:10px 0;background: url('../../images/main/pach_bar.jpg') no-repeat center center;padding:19px 0 19px 0;letter-spacing:-0.5px;}

#skin6{margin-top:120px;}
.how .how_list{margin:40px 0 40px 0;}
.how .how_list ul{margin-top:130px;}
.how .how_list ul li{display:inline-block;width:320px;margin:30px 0 130px 40px;vertical-align:top;}
.how .how_list ul li h2{font-size:35px;color:#e2818e;font-weight:bold;margin-bottom:10px;border-bottom:3px solid #e2818e;padding-bottom:15px;}
.how .how_list ul li h2 span{font-size:24px;}
.how .how_list ul li .how_1{position:relative;}
.how .how_list ul li .how_1:before{content:'';display:block;position:absolute;left:100px;top:-97px;background: url('../../images/main/how_img1.jpg') no-repeat left center;width:105px;height:137px;}

.how .how_list ul li .how_2{position:relative;}
.how .how_list ul li .how_2:before{content:'';display:block;position:absolute;left:100px;top:-99px;background: url('../../images/main/how_img2.jpg') no-repeat left center;width:105px;height:140px;}

.how .how_list ul li .how_3{position:relative;}
.how .how_list ul li .how_3:before{content:'';display:block;position:absolute;left:100px;top:-99px;background: url('../../images/main/how_img3.jpg') no-repeat left center;width:105px;height:140px;}

.how .how_list ul li .how_4{position:relative;}
.how .how_list ul li .how_4:before{content:'';display:block;position:absolute;left:100px;top:-97px;background: url('../../images/main/how_img4.jpg') no-repeat left center;width:160px;height:137px;}

.how .how_list ul li .how_5{position:relative;}
.how .how_list ul li .how_5:before{content:'';display:block;position:absolute;left:100px;top:-99px;background: url('../../images/main/how_img5.jpg') no-repeat left center;width:160px;height:140px;}
.how .how_list ul li p{font-size:15px;line-height:24px;word-break:keep-all;}
.how .how_list ul li .letter{letter-spacing:-0.8px;}


#carousel{margin-top:90px;margin-bottom:100px;}






/*popup*/
/* BRAND */
#brand{width: 100%; position: relative;}
.brandTopWrap{width: 100%; position: relative; }
.brandTop{width: 100%;  max-width: 1100px; position: relative; margin: 0 auto;}
.brandTop > h2{text-align: center; padding: 15px 0; max-width: 214px; width: 100%; margin: 0 auto;}
.brandTop > h2 > img{width: 100%;}
.brandTop > ul{font-size: 0; margin-top: 15px;}
.brandTop > ul > li{box-sizing : border-box; display: inline-block; zoom:1; *display:inline; width: 23%; margin: 10px 1%; text-align: center; background: #ffffff; padding: 10px 0;}


/* Logo Click Popup*/

.pop-layer {display:none; position: fixed; top: 50%; left: 50%; width: 1100px; height: auto;  background-color:#fff; z-index: 10; box-sizing : border-box;border: 2px solid #ccc;box-shadow:5px 5px 5px #ccc;}	
.pop-layer .pop-container {font-size: 0;}
.pop-layer .pop-container img{width: 100%; display: inline-block; zoom:1; *display:inline;}
.pop-layer .pop-container .item_vid{position:absolute;right:15px;top:167px;}
.pop-layer p.ctxt {color: #666; line-height: 25px;}
.pop-layer .btn-r {width: 100%; margin:10px 0 20px; text-align:center;}
.pop-layer a.cbtn {display:inline-block; height:25px; padding:0 14px 0; border:1px solid #111; background-color:#111; font-size:13px; color:#fff; line-height:25px;}	
.pop-layer a.cbtn:hover {border: 1px solid #ff6600; background-color:#ff6600; color:#fff;}