@charset "utf-8";

/* header */
#header {position:fixed; top:0; left:0; width:100%; height:130px; z-index:1000}
#header #logo {position:absolute; top:30px; left:30px; font-size:0; z-index:100}
#header #logo a {display:block; width:165px; height:78px; text-indent:-9999em; background:url(../img/logo.png) center no-repeat; background-size:cover}
#header.fixed {background:rgba(0,0,0,.8);height:90px;}
#nav {position:absolute; top:50px; right:30px}
#nav > li {position:relative; display:inline-block; padding:0 10px; vertical-align:top}
#nav > li > a {position:relative; display:block; margin-left:20px; padding-bottom:10px; font-family:'display'; color:#fff; line-height:30px; z-index:20;font-size:20px;}
#nav > li.icon > a {padding:2px 8px 0 8px; border:1px solid #fff; border-radius:50%}
#nav > li.sns {padding:0}
#nav > li.sns > a {margin-left:0}
#nav > li.icon > a:hover, #nav > li.icon.on > a {color:#333; background:#fff}
#nav > li.icon.on > a {box-shadow:0 2px 2px rgba(0,0,0,.2)}
#nav > li.icon > a:after {display:none}
#nav > li.lang > ul {display:none; position:absolute; top:0; left:30px; width:34px; padding:40px 0 15px 0; border-radius:34px; background:#fff; box-shadow:0 2px 2px rgba(0,0,0,.2)}
#nav > li.lang > ul > li {border-top:1px solid #dedede}
#nav > li.lang > ul > li:first-child {border-top:none}
#nav > li.lang > ul > li a {display:block; width:100%; padding:8px 5px;}
#nav > li.lang > ul > li a img {display:block; width:100%}
#nav > li.lang > ul.open {display:block; opacity:0; filter:alpha(opacity='0')}
#header.fixed #logo {top:16px}
#header.fixed #logo a {width:118px; height:56px}
#header.fixed #nav {top:30px}
#nav-toggle {display:none; position:absolute; top:17px; right:10px; width:30px; height:30px; border:none; background:none; cursor:pointer}
#nav-toggle span {position:absolute; display:block; width:26px; height:3px; left:50%; margin-left:-13px; background:#fff; transition:all .3s ease}
#nav-toggle span.bar1 {top:4px}
#nav-toggle span.bar2 {top:12px}
#nav-toggle span.bar3 {top:20px}
#nav-toggle.open span.bar1 {top:12px; transform:rotate(-45deg)}
#nav-toggle.open span.bar2 {display:none}
#nav-toggle.open span.bar3 {top:12px; transform:rotate(-135deg)}

/* ie8 update popup */
#browserUpdate {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#111; z-index:9999}
#browserUpdate .inner {position:absolute; top:50%; left:50%; width:800px; margin:-275px 0 0 -400px; padding:100px 70px; text-align:center; background:#fff}
#browserUpdate .inner h2 {font-size:42px; margin-bottom:30px}
#browserUpdate .inner p {color:#777; line-height:1.8; margin-bottom:40px}
#browserUpdate .inner ul {text-align:justify}
#browserUpdate .inner ul:after {display:inline-block; width:100%; content:''}
#browserUpdate .inner ul li {display:inline-block; width:24%; padding:20px; border:1px solid #e8e8e8; vertical-align:top}
#browserUpdate .inner ul li:hover {background:#fafafa}
#browserUpdate .inner ul li .icon {width:48px; height:48px; margin:0 auto 25px auto}
#browserUpdate .inner ul li .icon img {display:block; width:100%}
#browserUpdate .inner ul li a {display:block; height:35px; font-family:'돋움','Dotum'; font-size:12px; color:#444; text-align:center; line-height:31px; border:1px solid #dedede; border-bottom:3px solid #dadada; background:#f9f9f9}
#browserUpdate .inner ul li a:hover {background:#fff}
#browserUpdate .inner ul li a:active {border-top:1px solid #dadada; border-bottom:1px solid #dedede; background:#f4f4f4}

/* layer popup */
#layerPopup {display:none; position:fixed; top:0; left:0; width:100vw; height:100vh; background:rgba(0,0,0,.7); z-index:9999}
#layerPopup .inner {width:100%; height:100%; padding:30px}
#layerPopup .popClose {position:absolute; top:80px; right:50px}

/* section common */
.section {padding:170px 0px}
.section:after {clear:both; display:block; content:''}
.section > h2 {font-family:'appleB'; font-size:42px; line-height:1.25; text-align:center;margin-bottom:20px;}
/*.section > h2:after {display:block; width:24px; height:2px; margin:20px auto 30px auto; content:''; background:#000}*/
.section p.desc {font-family:'apple';color:#333; line-height:1.75; text-align:center;font-size:25px;}
.section > h3 {font-size:25px;font-family:'apple'; font-weight:normal; text-align:center; color:#333; margin-bottom:30px; padding-top:20px}
.section > h1 {font-size:60px;font-family:'display';text-align:center; color:#101033;margin-bottom:70px; padding-top:20px}
.sec-tit {margin-top:100px;}

/* video section */
.videoSection {position:relative; height:100vh; background:#333}
.videoSection .video {position:relative; height:100%; overflow:hidden}
.videoSection .video:before {position:absolute; top:0; left:0; right:0; bottom:0; content:''; background:#0c0c2e; z-index:30}
.videoSection .video video {position:absolute; min-height:100%; min-width:100vw; top:-50%; left:-50%; right:-50%; bottom:-50%; margin:auto; visibility:hidden}
.videoSection .video video.active {visibility:visible}
.topSection .typo {position:absolute; top:35%; left:0; width:100%; text-align:center; z-index:50}
.topSection .typo h2 {font-family:'Raleway'; font-size:56px; font-weight:200; color:#fff; letter-spacing:10px; line-height:1.1; margin-bottom:40px; opacity:.9; filter:alpha(opacity='90')}
.topSection .typo .playMovie {color:#fcff00}
.topSection .typo .playMovie i {font-size:24px; margin-left:3px; vertical-align:middle}
.topSection .scrolldown {position:absolute; bottom:10px; left:0; width:100%; text-align:center; color:#fff; z-index:50}
.rollingSection {position:relative; height:100vh}
.rollingSection:before {position:absolute; top:0; left:0; right:0; bottom:0; content:''; background:url(../img/video_pattern.png); z-index:30}
#mobileSlider {position:relative; height:100%; overflow:hidden}
#mobileSlider ul.imgList {position:relative; height:100%}
#mobileSlider ul.imgList li {float:left; height:100%; background-size:cover !important}
#mobileSlider ul.imgList li.img1 {background:url(../img/mobile_visual1.jpg) center no-repeat}
#mobileSlider ul.imgList li.img2 {background:url(../img/mobile_visual2.jpg) center no-repeat}
#mobileSlider ul.imgList li.img3 {background:url(../img/mobile_visual3.jpg) center no-repeat}


/* about section */
.section1 {padding-bottom:0px;}
.section1 ul.icongroup {margin:50px auto 0 auto; max-width:920px; text-align:justify}
.section1 ul.icongroup:after {display:inline-block; width:100%; content:''}
.section1 ul.icongroup li {position:relative; display:inline-block; width:32.9%; padding:40px 20px; vertical-align:top}
.section1 ul.icongroup li:before {position:absolute; top:30%; left:-1px; width:2px; height:40%; content:''; background:#ebebeb}
.section1 ul.icongroup li:first-child:before {display:none}
.section1 ul.icongroup li .imgArea {width:100px; height:100px; margin:0 auto 15px auto; background-size:cover}
.section1 ul.icongroup li .imgArea img {display:block; width:100%; height:100%}
.section1 ul.icongroup li .imgArea.icon1 {background:url(https://www.makeus.com/images/img_bulb.svg) center no-repeat}
.section1 ul.icongroup li .imgArea.icon2 {background:url(https://www.makeus.com/images/img_handshake.svg) center no-repeat}
.section1 ul.icongroup li .imgArea.icon3 {width:80px; background:url(https://www.makeus.com/images/img_globe.svg) center no-repeat}
.section1 ul.icongroup li .info {text-align:center}
.section1 ul.icongroup li .info h3 {font-family:'Roboto Condensed'; font-size:24px; line-height:1; padding:15px 10px}
.section1 ul.icongroup li .info p {font-size:.9em; color:#555; line-height:1.5}
.section1 ul.icongroup li .info p span {font-weight:700; color:#333}

/* image section common */
.imgSection {position:relative; text-align:center; min-height:530px; background-size:cover}
.imgSection h2.caption {position:absolute; top:50%; left:0; width:100%; margin-top:-2%; font-size:38px; line-height:1.5; font-weight:200; color:#fff}

/* image section (top) */
.section2 {background:url(../img/media_bg.jpg) center no-repeat fixed}

/* service section */
.section3 {position:relative;padding-bottom:0px;}
.section3 ul.icongroup {margin:0px auto 0 auto; max-width:1400px; text-align:justify}
.section3 ul.icongroup:after {display:inline-block; width:100%; content:''}
.section3 ul.icongroup li {position:relative; display:inline-block; width:32.9%; padding:40px 20px; vertical-align:top}
/*.section3 ul.icongroup li:before {position:absolute; top:30%; left:-1px; width:2px; height:40%; content:''; background:#ebebeb}
.section3 ul.icongroup li:first-child:before {display:none}*/
.section3 ul.icongroup li .imgArea {width:312px; height:309px; margin:0 auto 15px auto; background-size:cover}
.section3 ul.icongroup li .imgArea img {display:block; width:100%; height:100%}
.section3 ul.icongroup li .imgArea.icon1 {background:url(../img/bp-img1.jpg) center no-repeat}
.section3 ul.icongroup li .imgArea.icon2 {background:url(../img/bp-img2.jpg) center no-repeat}
.section3 ul.icongroup li .imgArea.icon3 {background:url(../img/bp-img3.jpg) center no-repeat}
.section3 ul.icongroup li .info {text-align:center}
.section3 ul.icongroup li .info h3 {font-family:'appleB'; font-size:35px; line-height:1; padding:15px 10px}
.section3 ul.icongroup li .info p {font-size:25px; color:#333; line-height:1.5;font-family:'apple';}
.section3 ul.icongroup li .info p span {font-weight:700; color:#333}


/* image section (bottom) */
.section4 {padding:0px;padding-top:170px;}
.section4 ul.imggroup {margin:0px auto 0 auto; max-width:1400px; text-align:justify}
.section4 ul.imggroup li {position:relative; display:inline-block; width:49%; padding:40px 20px; vertical-align:top}
.section4 ul.imggroup li .imgArea {margin:0 auto 15px auto; background-size:cover}
.section4 ul.imggroup li .imgArea img {display:block; width:100%; height:100%}
.section4 ul.imggroup li .imgArea.icon1 {background:url(../img/bp-img1.jpg) center no-repeat}
.section4 ul.imggroup li .imgArea.icon2 {background:url(../img/bp-img2.jpg) center no-repeat}
.section4 ul.imggroup li .imgArea.icon3 {background:url(../img/bp-img3.jpg) center no-repeat}
.section4 ul.imggroup li {text-align:left}
.section4 ul.imggroup li h2 {font-family:'appleB'; font-size:35px; line-height:1; padding:15px 0px}
.section4 ul.imggroup li p {font-size:25px; color:#333; line-height:1.5;font-family:'apple';}
.section4 ul.imggroup li .info p span {font-weight:700; color:#333}

/* partner brands section */
.section5 {padding-bottom:90px !important}
.section5 ul.brand_list {width:100%; max-width:1400px; margin:0 auto 80px auto; text-align:justify}
.section5 ul.brand_list:last-child {margin-bottom:0}
.section5 ul.brand_list:after {display:inline-block; width:100%; content:''}
.section5 ul.brand_list li {display:inline-block; width:18%; margin-bottom:30px; opacity:1; filter:alpha(opacity='100'); transition:all .3s ease}
.section5 ul.brand_list li:hover {opacity:1; filter:alpha(opacity='100')}
.section5 ul.brand_list li img {display:block; width:auto;}


.section6 .tab_cover {width:100%;  background:#fff; overflow:hidden;font-size:0px;text-align:center;box-size:border-box;}
.section6 .tab_cover > ul {width:100%;display:block;}
.section6 .tab_cover > ul > li {display:inline-block;cursor:pointer;text-align:center;margin-left:0px;margin:0px 20px;}
.section6 .tab_cover > ul > li a { background:#fff;font-size:35px; font-family:'appleB'; color:#000;display:block;padding:15px 40px}
.section6 .tab_cover > ul > li.on a { background:#0c0c2e; color:#fff;position:relative;border-radius:10px;}
.section6 .tab_cover > ul > li.on a:after {content:'';position:absolute;left:0px;bottom:0px;background:#fff;width:100%;height:1px;}
.section6 .tab_con { clear:both;/*overflow:hidden;*/position:relative;}
.section6 .tab_con > div { opacity:1; background:#fff; l/*ine-height:100px;*/ text-align:center;position:relative;width:100%; }
.section6 .tab_con > div:nth-child(2) { display:none;border:solid 0px red;position:relative;top:0px;}
.section6 .tab_con > div > .imgArea {margin:100px 0px 50px;}
.section6 .tab_con > div .icongroup {line-height:1.5;width:100%; max-width:1400px; margin:0 auto 80px auto; text-align:justify;border-top:solid 1px #000;font-size:0px;}
.section6 .tab_con > div .icongroup li {width:33.333333333333333%;text-align:justify;display:inline-block;text-align:center;font-size:22px;font-family:'apple';border-left:solid 1px #000;vertical-align:top;padding:50px 20px;}
.section6 .tab_con > div .icongroup li:first-child {border:0px;}
.section6 .tab_con > div .icongroup li p {font-size:22px;font-family:'apple';}
.section6 .tab_con > div .icongroup.four {border:0px;}
.section6 .tab_con > div .icongroup.four li {width:25%;border:0px;}
.section6 .tab_con > div .icongroup.four .imgArea {width:198px; height:162px; margin:0 auto 15px auto; background-size:cover}
.section6 .tab_con > div .icongroup.four .imgArea img {display:block; width:100%; height:100%}
.section6 .tab_con > div .icongroup.four .imgArea.icon1 {background:url(../img/ppl_img_icon1.jpg) center no-repeat}
.section6 .tab_con > div .icongroup.four .imgArea.icon2 {background:url(../img/ppl_img_icon2.jpg) center no-repeat}
.section6 .tab_con > div .icongroup.four .imgArea.icon3 {background:url(../img/ppl_img_icon3.jpg) center no-repeat}
.section6 .tab_con > div .icongroup.four .imgArea.icon4 {background:url(../img/ppl_img_icon4.jpg) center no-repeat}
.section6 .tab_con > div .icongroup.four .info {text-align:center}
.section6 .tab_con > div .icongroup.four .info h3 {font-family:'appleB'; font-size:35px; line-height:1; padding:15px 10px;}
.section6 .tab_con > div .brand_bg {background:#0c0c2e;padding:60px 0px;}
.section6 .tab_con > div .brand_bg h2 {font-family:'apple'; font-size:25px;color:#fff;line-height:1.5;font-weight:100;}
.section6 .tab_con > div .brand_bg .imgArea {margin:0px auto;}
.section6 .tab_con > div .brand_bg .imgArea img {border-top-left-radius:20px;border-top-right-radius:20px;}
.section6 .tab_con > div .brand_bg > ul {line-height:1.5;width:100%; max-width:1400px; margin:50px auto 80px auto; text-align:justify;border-top:solid 1px #000;font-size:0px;}
.section6 .tab_con > div .brand_bg > ul > li {width:32%;margin-right:2%;margin-bottom:20px;text-align:justify;display:inline-block;text-align:center;font-size:22px;font-family:'apple';vertical-align:top;background:#fff;border-radius:20px;}
.section6 .tab_con > div .brand_bg > ul > li:nth-child(3),.section6 .tab_con > div .brand_bg > ul > li:nth-child(6) {margin-right:0px;}
.section6 .tab_con > div .brand_bg > ul > li .imgArea img {width:100%;}
.section6 .tab_con > div .brand_bg > ul > li h1 {line-height:1;}
.section6 .tab_con > div .brand_bg > ul > li p {font-size:22px;font-family:'apple';margin-bottom:20px;}

/*.section6 .tab_con .studio {width:100%; max-width:1400px; margin:0 auto 80px auto; text-align:justify;position:relative;font-size:0px;}
.section6 .tab_con .studio .left {width:50%;display:inline-block;vertical-align:top;}
.section6 .tab_con .studio .left .mySwiper {position:relative;height:auto;}
.section6 .tab_con .studio .left .mySwiper .swiper-pagination-bullet-active {background:#fff !important;}
.section6 .tab_con .studio .left .mySwiper .swiper-pagination-bullet {width:14px !important;height:14px !important;background:#9c9c9c;}
.section6 .tab_con .studio .right {width:50%;display:inline-block;vertical-align:top;text-align:left;}
.section6 .tab_con .studio .right h1 {font-family:'apple'; font-size:40px;line-height:1.5;margin-top:220px;}
.section6 .tab_con .studio .right p {font-family:'apple'; font-size:25px;line-height:1.5;margin-top:20px;}*/

.section6 .tab_con .studio {width:100%; max-width:1400px; margin:0 auto 0px auto; text-align:justify;position:relative;font-size:0px;}

.section6 .tab_con .studio .right {width:100%;display:inline-block;vertical-align:top;text-align:left;font-size:0px;margin-top:100px;}
.section6 .tab_con .studio .right > ul li {display:inline-block;width:32%;margin-right:2%;margin-bottom:30px;}
.section6 .tab_con .studio .right > ul li:nth-child(3n) {margin-right:0px;}
.section6 .tab_con .studio .right > ul li > img {width:100%;}
.section6 .tab_con .studio .left {width:100%;display:inline-block;vertical-align:top;text-align:center;}
.section6 .tab_con .studio .left h1 {font-family:'apple'; font-size:40px;line-height:1.5;margin-top:0px;}
.section6 .tab_con .studio .left p {font-family:'apple'; font-size:25px;line-height:1.5;margin-top:20px;}

.section6 h2.btit {font-family:'appleB'; font-size:42px; line-height:1.25; text-align:center;margin-bottom:20px;margin-top:130px;}
.section6 h2.btit2 {font-family:'appleB'; font-size:42px; line-height:1.25; text-align:center;margin-bottom:20px;margin-top:0px;}

.section6 .tab_con > div .icongroup.four .imgArea.icon5 {background:url(../img/ppl_img_icon5.jpg) center no-repeat}
.section6 .tab_con > div .icongroup.four .imgArea.icon6 {background:url(../img/ppl_img_icon6.jpg) center no-repeat}
.section6 .tab_con > div .icongroup.four .imgArea.icon7 {background:url(../img/ppl_img_icon7.jpg) center no-repeat}
.section6 .tab_con > div .icongroup.four .imgArea.icon8 {background:url(../img/ppl_img_icon8.jpg) center no-repeat}

/* footer */
#footer {background:#0c0c2e;padding:145px 0px;margin-top:150px;}
#footer #scrollTop {margin:auto; width:50px; height:50px; background:#333}
#footer #scrollTop a {display:block; height:100%; text-align:center; color:#eee; line-height:50px}
#footer #scrollTop a i {line-height:50px}
#footer .logo {width:138px; height:35px; margin:70px auto; background:url(../img/logo.svg) center no-repeat; background-size:cover; opacity:.45; filter:alpha(opacity='45')}
#footer .copyright {font-size:25px; color:#fff; text-align:center;line-height:1.7;}

/* media query */
@media screen and (min-width:1025px) {
	/* header */
	#nav > li > a:after {display:block; margin:auto; width:0; content:''; border-bottom:2px solid #fff; transition:all .2s ease-in}
	#nav > li > a:hover:after {width:100%}
}

@media screen and (min-width:721px) {
	/* video section */
	.rollingSection {display:none}
}

@media screen and (max-width:1024px) {
	/* header */
	#header {height:40px}
	#header #logo {top:20px; left:15px}
	#header #logo a {width:112px; height:53px}
	#header.fixed {height:60px;}
	#header.fixed #nav {top:-140px}
	#header.fixed #logo {top:10px}
	#header.fixed #logo a {width:80px; height:38px}
	#nav {top:-200px; left:0; width:100%; padding:60px 0 20px 0; text-align:center; background:#000; opacity:0; filter:alpha(opacity='0')}
	#nav > li {display:block; padding:0}
	#nav > li > a {font-size:18px;line-height:2; margin:0; padding:0}
	#nav > li.icon {display:none}
	#nav.open {top:0 !important; opacity:1; filter:alpha(opacity='100')}
	#header #nav-toggle {display:block}
	#header.fixed #nav-toggle {top:15px}
	
	/* video section */
	.videoSection {height:500px;}
	.topSection .typo {}
	.topSection .typo .main-txt {width:80%;margin:0px auto;}
	.topSection .typo .main-txt img {width:100%;}
	/*.videoSection {display:none}*/

	/* section common */
	.section {padding:40px 20px}
	.section > h1 {font-size:40px;margin-bottom:40px; padding-top:20px}
	.section > h2 {font-size:30px; line-height:1.1}
	.section > h2:after {margin-bottom:25px}
	.section p.desc {font-size:18px; text-align:justify; text-align-last:center; -webkit-text-align-last:center; -moz-text-align-last:center;}
	.section p.desc br {display:none}
	.section > h3 {font-size:18px}

	/* about section */
	.section1 ul.icongroup {margin-top:30px}
	.section1 ul.icongroup li {width:100%; padding:20px}
	.section1 ul.icongroup li:before {display:none}
	.section1 ul.icongroup li .imgArea {margin-bottom:0}
	.section1 ul.icongroup li .info h3 {font-size:18px}
	.section1 ul.icongroup li .info p {font-size:12px}

	/* image section common */
	.imgSection {min-height:265px; background-position:center !important}
	.imgSection h2.caption {font-size:16px; margin-top:-12px}

	/* image section (top) */
	.section2 {background:url(../img/media_bg_m.jpg) center no-repeat}
	
	.section3 ul.icongroup {margin-top:30px}
	.section3 ul.icongroup li {width:100%; padding:20px}
	.section3 ul.icongroup li:before {display:none}
	.section3 ul.icongroup li .imgArea {margin-bottom:0}
	.section3 ul.icongroup li .imgArea {width:100px; height:100px; margin:0 auto 15px auto; background-size:cover}
	.section3 ul.icongroup li .imgArea img {display:block; width:100%; height:100%}
	.section3 ul.icongroup li .imgArea.icon1 {background-size:100px;}
	.section3 ul.icongroup li .imgArea.icon2 {background-size:100px;}
	.section3 ul.icongroup li .imgArea.icon3 {background-size:100px;}
	.section3 ul.icongroup li .info h3 {font-size:24px}
	.section3 ul.icongroup li .info p {font-size:16px}
	
	/* image section (bottm) */
	
	.section4 ul.imggroup li h2 {font-size:24px;}
	.section4 ul.imggroup li p {font-size:16px;}
	

	/* partner brands section */
	.section5 ul.brand_list li {width:30%}
	.section5 ul.brand_list li img {width:100%;}

	
	.section6 {padding:0px 20px;}
	.section6 .tab_cover {}
	.section6 .tab_cover > ul {}
	.section6 .tab_cover > ul > li {margin:0px 20px;}
	.section6 .tab_cover > ul > li a { font-size:25px; padding:10px 30px}
	.section6 .tab_cover > ul > li.on a {}
	.section6 .tab_con { }
	.section6 .tab_con > div {}
	.section6 .tab_con > div:nth-child(2) {}
	
	.section6 .tab_con > div > .imgArea {margin:80px auto 0px;width:60%;}
	.section6 .tab_con > div > .imgArea img {width:100%;}
	
	.section6 .tab_con > div .icongroup {max-width:100%; margin:0 auto 80px auto; border-top:solid 0px #000;}
	.section6 .tab_con > div .icongroup li {width:100%;font-size:18px;font-family:'apple';border-left:solid 0px #000;border-top:solid 1px #000;padding:30px 20px;}
	.section6 .tab_con > div .icongroup li:first-child {border:0px;}
	.section6 .tab_con > div .icongroup li p {font-size:18px;;}
	.section6 .tab_con > div .icongroup.four {}
	.section6 .tab_con > div .icongroup.four li {width:100%;border:0px;}
	.section6 .tab_con > div .icongroup.four .imgArea {height:70px;}
	.section6 .tab_con > div .icongroup.four .imgArea img {}
	.section6 .tab_con > div .icongroup.four .imgArea.icon1 {background-size:100px;}
	.section6 .tab_con > div .icongroup.four .imgArea.icon2 {background-size:100px;}
	.section6 .tab_con > div .icongroup.four .imgArea.icon3 {background-size:100px;}
	.section6 .tab_con > div .icongroup.four .imgArea.icon4 {background-size:100px;}
	.section6 .tab_con > div .icongroup.four .info {}
	.section6 .tab_con > div .icongroup.four .info h3 {font-size:24px; line-height:1; padding:15px 10px;}
	.section6 .tab_con > div .icongroup.four .info p {font-size:16px;}
	.section6 .tab_con > div .brand_bg {padding:40px 0px;}
	.section6 .tab_con > div .brand_bg h2 {font-size:20px;}
	.section6 .tab_con > div .brand_bg .imgArea {}
	.section6 .tab_con > div .brand_bg .imgArea img {border-top-left-radius:20px;border-top-right-radius:20px;}
	.section6 .tab_con > div .brand_bg > ul {line-height:1.5;width:100%; max-width:100%; margin:50px auto 20px auto;padding:0px 20px;}
	.section6 .tab_con > div .brand_bg > ul > li {width:100%;margin-right:0px%;margin-bottom:20px;font-size:22px;border-radius:20px;}
	.section6 .tab_con > div .brand_bg > ul > li:nth-child(3),.section6 .tab_con > div .brand_bg > ul > li:nth-child(6) {margin-right:0px;}
	.section6 .tab_con > div .brand_bg > ul > li .imgArea img {width:100%;}
	.section6 .tab_con > div .brand_bg > ul > li h1 {line-height:1;}
	.section6 .tab_con > div .brand_bg > ul > li p {font-size:18px;margin-bottom:20px;}
	
	.section6 .tab_con .studio {width:100%; max-width:100%;}

	.section6 .tab_con .studio .right {margin-top:50px;}
	.section6 .tab_con .studio .right > div {display:inline-block;width:49%;margin-right:2%;line-height:1;}
	.section6 .tab_con .studio .right > div:nth-child(3n) {margin-right:2%;}
	.section6 .tab_con .studio .right > div:nth-child(even) {margin-right:0px;}
	.section6 .tab_con .studio .right > div > img {width:100%;}
	.section6 .tab_con .studio .left {}
	.section6 .tab_con .studio .left h1 {font-size:28px;line-height:1.5;margin-top:0px;}
	.section6 .tab_con .studio .left p {font-size:18px;line-height:1.5;margin-top:20px;}
	
	.section6 h2.btit {font-size:28px; margin-bottom:20px;margin-top:80px;}
	.section6 h2.btit2 {font-size:28px; margin-bottom:20px;margin-top:0px;}

	.section6 .tab_con > div .icongroup.four .imgArea.icon5 {background-size:100px;}
	.section6 .tab_con > div .icongroup.four .imgArea.icon6 {background-size:100px;}
	.section6 .tab_con > div .icongroup.four .imgArea.icon7 {background-size:100px;}
	.section6 .tab_con > div .icongroup.four .imgArea.icon8 {background-size:100px;}

	/* footer */
	#footer {height:auto; padding:100px 0px;}
	#footer #scrollTop {width:40px; height:40px}
	#footer #scrollTop a {line-height:40px}
	#footer #scrollTop i {font-size:22px !important; line-height:40px !important}
	#footer .logo {margin:35px auto 20px auto}
	#footer .copyright {font-size:16px;}
}

@media screen and (max-width:720px) {
	/* video section */
	.topSection .typo {top:40%}
	.topSection .typo h2 {font-size:34px}
}

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

	.section4 ul.imggroup {margin:0px auto 0 auto; max-width:1400px; text-align:justify}
	.section4 ul.imggroup li {position:relative; display:inline-block; width:100%; padding:40px 20px; vertical-align:top}



	/* partner brands section */
	.section5 ul.brand_list li {width:45%}	
}