html, body{height:100%;width:100%}
body{overflow-x:hidden}

#home-slider{position:relative}
#features{position:relative}
#services{position:relative}
#allinone{position:relative}
#sourcing{position:relative}
#blog{position:relative}
#portfolio{position:relative}
#team{position:relative}
#join{position:relative}
#about-us{position:relative}

/* common start */
#home-slider video, #team video, #allinone video{height:auto;width:100%}
.text-center p{color:#495161}
.text-center p span{color:#495161}
.text-center p.color_w, .text-center p.color_w span {color:#fff}
.main_video_cont{position:relative;width:100%;height:100%}
#bgvid1{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.main_video_cont .caption{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%}
.main_video_cont .caption .main_video_txt_area{display:inline-block;vertical-align:middle;width:100%}
#big-video-wrap{font-size:0}
@media screen and (max-width:1024px) {
	.heading{padding-bottom:25px}
	.heading h2{margin:15px 0;font-size:30px}
	.heading p{font-size:14px}
}
/* common end */

/* home slider start */
#home-slider{height:100%;padding:0}
#home-slider .caption h1{margin-bottom:15px;font-size:55px;font-weight:400;line-height:120%}
#home-slider .caption h1 > span{color:#fff;font-size:inherit;font-weight:700}
.home_txt_slider{overflow:hidden;width:100%;height:30px}
.home_txt_slider .swiper-wrapper{margin:0;padding:0}
.home_txt_slider .swiper-slide{height:30px;list-style:none}
.home_txt_slider .swiper-slide > p{margin:0;font-size:24px;font-weight:700;line-height:30px}
.caption .btn-start{width:220px;height:48px;margin:50px auto 0;padding:0;font-size:18px;font-weight:700;line-height:48px;text-align:center}
#home-slider .fa-angle-down{position:absolute;left:50%;bottom:25px;width:68px;height:68px;color:#fff;margin-left:-34px;z-index:90;border:0;-webkit-animation:bounce 3000ms infinite;animation:bounce 3000ms infinite;background-image:url('/oz/wplanet_new/images/home_arrow_ico.png');background-repeat:no-repeat}
#home-slider .fa-angle-down:before{display:none}
#home-slider .caption{margin-top:-148px}


@media screen and (max-width:1280px) {
	#home-slider .caption h1{font-size:50px}
}

@media screen and (max-width:1024px) {
	#home-slider .caption h1{font-size:45px}
}

@media screen and (max-width:960px) {
	#home-slider .caption h1{font-size:40px}
}
/* home slider end */

/* On Demand O2O start */
.demand_ttl_slider{overflow:hidden;position:relative;width:100%;height:44px;margin:20px 0}
.demand_ttl_slider .swiper-wrapper{margin:0;padding:0}
.demand_ttl_slider .swiper-slide{list-style:none;height:44px;margin:0;padding:0;opacity:0}
.demand_ttl_slider .swiper-slide-active{opacity:1}
.demand_ttl_slider .swiper-slide h2{margin:0 !important}
.demand_txt{color:#fff;font-family:'NanumGothic';font-size:16px;line-height:100%}
.demand_txt span.txt_bold{display:inline-block;font-size:16px;font-weight:700;line-height:100%}
.row.count .timer{font-size:45px !important}

@media screen and (max-width:1280px) {
	
}

@media screen and (max-width:1024px) {
	.row.count .timer{font-size:35px !important}
}

@media screen and (max-width:960px) {
	.row.count .timer{font-size:30px !important}
}
/* On Demand O2O end */

/* What We Do? start */

/* What We Do? end */

/* We Make It Easy start */
#allinone{height:auto;padding:0}
#allinone .heading{padding-top:30px}
.allinone-content{position:relative;width:100%;height:518px !important;margin-top:50px;margin-left:0 !important;margin-right:0 !important;background-image:url("/oz/wplanet_new/images/bg_office.png");background-repeat:no-repeat;background-position:50% bottom}
.allinone_video_cont{height:100%;max-height:741px}
#features h3{display:inline-block}
#features span.txt_unit{display:inline-block;font-size:20px;font-weight:700;margin-left:5px}
.allinone_cont{position:absolute;top:0;left:0;width:100%;height:100%}
@media screen and (max-width:1280px) {
	.allinone-content{background-size:100% auto;width:750px;height:385px !important;margin:40px auto 0 !important}
}
/* We Make It Easy end */

/* Buying Power Up Outsourcing start */
#sourcing, #blog{position:relative;z-index:10;background-color:#2a2a34}
.sourcing_ico{width:156px;height:156px;border-radius:100%;background-color:#22222a;background-repeat:no-repeat}
.sourcing_ico01{background-image:url('/oz/wplanet_new/images/sourcing_ico01.png')}
.sourcing_ico02{background-image:url('/oz/wplanet_new/images/sourcing_ico02.png')}
.sourcing_ico03{background-image:url('/oz/wplanet_new/images/sourcing_ico03.png')}
.sourcing_ico04{background-image:url('/oz/wplanet_new/images/sourcing_ico04.png')}
.sourcing_ico05{background-image:url('/oz/wplanet_new/images/sourcing_ico05.png')}
.sourcing_ico06{background-image:url('/oz/wplanet_new/images/sourcing_ico06.png')}

.service-info h3{margin:0;margin-top:30px;font-size:16px;font-weight:700;line-height:100%}
#blog .container{width:1100px;margin:0 auto 35px;padding:0}
#blog .container .row{margin:0}
#blog .col-sm-4{width:340px;height:210px;padding:25px;margin-left:40px;background-color:#ededed;-webkit-box-sizing:border-box;box-sizing:border-box}
#blog .col-sm-4:first-child{margin-left:0}
#blog .col-sm-4 .entry-header, #blog .col-sm-4 .entry-content{background-color:transparent;min-height:auto;max-height:none;padding:0}
.entry-header h3{margin:0;color:#495161;font-size:17px;font-weight:700;letter-spacing:-0.05em}
.sourcing_num{font-size:0;margin:15px 0}
.sourcing_num > span{display:inline-block;position:relative;color:#f24a4a;font-size:15px;font-weight:700;letter-spacing:-0.05em;vertical-align:middle;}
.sourcing_num > span.won{padding-left:23px}
.sourcing_num > span.won:before{display:block;content:"";position:absolute;top:1px;left:0;width:24px;height:16px;background-image:url("/oz/wplanet_new/images/sourcing_won_ico.png");background-repeat:no-repeat}
.sourcing_num > span.date{margin-left:15px;padding-left:19px}
.sourcing_num > span.date:before{display:block;content:"";position:absolute;top:3px;left:0;width:24px;height:16px;background-image:url("/oz/wplanet_new/images/sourcing_date_ico.png");background-repeat:no-repeat}
.sourcing_txt{overflow:hidden;max-height:65px;margin:0;color:#495161;font-size:13px;letter-spacing:-0.025em;line-height:125%;word-break:break-all}
.skil_list{position:absolute;bottom:0;left:25px;margin:0;padding:0}
.skil_list:after{display:block;clear:both;content:""}
.skil_list > li{float:left;margin-left:5px;list-style:none}
.skil_list > li:first-child{margin-left:0}
/* Buying Power Up Outsourcing end */

/* Have You Seen our Works? start */
#portfolio{background-color:#f4f4f4}
#portfolio h2{color:#495161}
/* Have You Seen our Works? end */

/* We Work Together start */
#team{padding:0}
#team .heading{margin-top:50px}
.team_video_cont{height:100%;max-height:800px}
.team-members{margin-top:60px;font-size:0}
.team-members .col-sm-3{float:none;display:inline-block;vertical-align:middle;height:100px}
.team-members .col-sm-3 .team-member{width:100%;height:100%;line-height:100px}
.team-members .col-sm-3 .team-member .member-image img{vertical-align:middle}
.team_cont{position:absolute;top:0;left:0;width:100%;height:100%}
.btn-loadmore{border:1px solid #fff;background-color:transparent;-webkit-transition:background-color 0.7s;transition:background-color 0.7s}
.btn-loadmore:hover{border:0;background-color:#2a2a33;padding:16px 56px}
/* We Work Together end */

/* Contact Us start */
#join{position:relative;z-index:10}
#join .btn_contact{display:block;margin-top:20px;color:#fff;font-size:24px;font-weight:700}
#join .btn_contact.btn_address{margin-top:7px}
#join .contact_txt{color:#8f8f8f;font-size:16px;line-height:150%;margin:0;padding:15px 0 25px}
#join .contact_txt > a{color:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0}
#join .contact_txt > a:hover{color:inherit;font-size:inherit;line-height:inherit}
/* Contact Us end */

/* About Us start */
#about-us{background-image:none}
.about_us_cont{position:relative;width:100%;height:350px}
.about_us_cont .about_us_left{overflow:hidden;position:absolute;top:0;left:0;z-index:2;width:calc(50% + 1px);height:100%}
.about_us_cont .bg_about_us_left{display:none;display:table;width:100%;height:100%;background-image:url('/oz/wplanet_new/images/bg_about_left.jpg');background-repeat:no-repeat;background-size:cover;background-position:50% 50%;text-align:center;transition:transform 1s ease-in-out, background-color 1s ease-in-out;-webkit-transition:transform 1s ease-in-out, background-color 1s ease-in-out}
.about_us_cont h2.about_ttl{display:table-cell;position:absolute;top:0;left:0;z-index:5;width:100%;height:100%;margin:0;padding-top:135px;color:#fff;font-family:'NanumBarunGothicRegular';font-size:32px;font-weight:700;line-height:135%;text-align:center}
.about_us_cont .about_us_left:hover .bg_about_us_left{-webkit-transform:scale(1.05);transform:scale(1.05)}
.about_us_cont .about_us_left:hover > h2.about_ttl{display:none}
.about_us_cont .about_us_right{overflow:hidden;position:absolute;top:0;left:50%;width:calc(50% + 1px);height:100%}
.about_us_cont .bg_about_us_right{display:none;display:table;width:100%;height:100%;background-image:url('/oz/wplanet_new/images/bg_about_right.jpg');background-repeat:no-repeat;background-size:cover;background-position:50% 50%;text-align:center;transition:transform 1s ease-in-out, background-color 1s ease-in-out;-webkit-transition:transform 1s ease-in-out, background-color 1s ease-in-out}
.about_us_cont .bg_about_us_right > h2.about_ttl{display:table-cell;color:#fff;font-family:'NanumBarunGothicRegular';font-size:32px;font-weight:700;line-height:135%;vertical-align:middle}
.about_us_cont .about_us_right:hover .bg_about_us_right{-webkit-transform:scale(1.05);transform:scale(1.05)}
.about_us_cont .about_us_left_cont, .about_us_cont .about_us_right_cont{display:none;position:absolute;top:0;left:0;z-index:10;width:100%;height:100%}
.about_us_cont .about_us_left_cont:after, .about_us_cont .about_us_right_cont:after{display:block;clear:both;content:""}
.about_us_cont .about_us_left_cont > .btn_about_us, .about_us_cont .about_us_right_cont > .btn_about_us{display:table;float:left;width:50%;height:100%;text-align:center;background-color:transparent;transition:background-color 0.5s ease;-webkit-transition:background-color 0.5s ease}
.about_us_cont .about_us_left_cont > .btn_about_us:hover, .about_us_cont .about_us_right_cont > .btn_about_us:hover{background-color:rgba(227, 82, 74, 0.6)}
.about_us_cont .btn_about_us_cont{display:table-cell;vertical-align:middle}
.about_us_cont .about_us_arrow_ico{display:block;width:58px;height:58px;padding:0;margin:0 auto;background:url("/oz/wplanet_new/images/about_us_arrow.png") no-repeat}
.about_us_cont .about_us_txt{margin:0;padding:0;padding-top:20px;color:#fff;font-family:'NanumBarunGothicRegular';font-size:30px;line-height:100%}

@media screen and (max-width:1280px) {
	.about_us_cont h2.about_ttl{padding-top:100px;font-size:28px}
	.about_us_cont .about_us_txt{font-size:24px}
}
/* About Us end */

/* footer start */
#footer{margin-top:-1px}
/* footer end */

.oz_video_wrap{border:0;border-radius:0;box-shadow:none;-webkit-box-shadow:none}
.oz_video_cont{border:0;border-radius:0;box-shadow:none;-webkit-box-shadow:none}