@charset 'utf-8';

	#o-background {position:absolute;z-index:-2;left:0;top:196px;width:392px !important;height:630px !important;overflow:hidden;background-size:100% auto;background-position:center top;background-repeat: no-repeat;margin-left:50%;}
.V5 #o-background {left: 0;top: 261px;right: 0;width: 460px !important;height: 739px !important;}
.V3 #o-background {left:auto;top:139px;right: 161px;width:327px !important;height:526px !important;}
.V2 #o-background {left:auto;top:48px;right: 161px;width:198px !important;height:318px !important;}
.V1 #o-background {left:auto;top:70px;left:50%;width:198px !important;height:318px !important;margin-left:-38px;}

	#g-background {position:absolute;z-index:-2;top:376px;width:744px !important;height:733px !important;overflow:hidden;background-size:100% auto;background-position:center top;background-repeat: no-repeat;margin-left: 50%;}
	#g-background img{width: 100%;height: 100%;}
.V5 #g-background {left:-373px;top:376px;width:744px !important;height:733px !important;}
.V4 #g-background {left:-315px;top: 294px;width: 633px !important;height: 624px !important; }
.V3 #g-background {left:-235px;top: 241px;width: 564px !important;height: 556px !important;}
.V2 #g-background {left:-181px;top: 80px;width: 350px !important;height: 345px !important;}
.V1 #g-background {left:50%;top: 187px;width: 336px !important;height: 331px !important; margin-left:-160px;}

	.background-item{position: absolute;z-index: -2;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);}
	.background-item .item1{position:absolute;top: -51px;right: 188px;width: 460px;height: 739px;}
.V5	.background-item .item1{right: 161px;}
.V4 .background-item .item1{top: -44px;right: 120px;width: 392px;height: 630px;}
.V3 .background-item .item1{top: -178px;right: 0;width: 327px;height: 526px;}
.V2 .background-item .item1{top: -70px;right: 0;width: 198px;height: 318px;}
.V1 .background-item .item1{top: -90px;right: 0;width: 198px;height: 318px;}
	.background-item .item2{position: absolute;left: 50%;top: 0;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);}
.V5 .background-item .item2{top:55px;width: 744px;height:733px;}
.V4 .background-item .item2{top:55px;width: 633px;height:624px;}
.V3 .background-item .item2{top:-76px;width: 564px;height:556px;margin-left:45px;}
.V2 .background-item .item2{width: 359px;height:345px;top: -46px;}
.V1 .background-item .item2{width: 320px;height:331px;top: 28px;}

	.background-item .item2 img{width: 100%;}

	.about {padding-top:322px;}
.V4 .about {padding-top:240px;}
.V3 .about {padding-top:316px;}
.V2 .about {padding-top:122px;}
.V1 .about {padding-top:160px;}

/* lang */

/* About */
	.about > article > .group {position:absolute;z-index:5;left:30.76%;top:-17px;color:inherit;font-size:12px;line-height:18px;text-transform:uppercase;}
.V5 .about > article > .group {left:30.82%;}
.V3 .about > article > .group {left:11.72%;top:auto;bottom:100%;}
.V2 .about > article > .group {left:0;top:auto;bottom:100%;text-align:center;width:100%;display:block;}
.V1 .about > article > .group {left:11.88%;top:auto;bottom:100%;}

	.about > article .kv-tit {position:relative;z-index:20;top: auto;left: auto;}
	.about > article .kv-tit strong {display:block;margin:0 auto;color:inherit;font-size:72px;line-height:91px;text-align:center;white-space: normal;text-align:left;}
.V6 .about > article .kv-tit strong {width:988px;}
.V5 .about > article .kv-tit strong {width:844px;}
.V4 .about > article .kv-tit strong {width:632px;}
.V3 .about > article .kv-tit strong {width:588px;font-size:54px;line-height:68px;text-align:left;}
.V2 .about > article .kv-tit strong {width:auto;font-size:36px;line-height:46px;padding:0 109px;}
.V1 .about > article .kv-tit strong {font-size:36px;line-height:46px;text-align:left;padding-left:10%;padding-right:10%;box-sizing:border-box;}


.dfy-x {
    position: relative;
}
.dfy-x > section {
    position: relative;
    width: 100%;
    height: auto;
    float: none;
    clear: both;
}
.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.flickity-enabled {
    position: relative;
}
.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}
.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
}
.flickity-slider {
    position: absolute;
    width:90%;
    height: 100%;
}
.V1 .dfy-x > .about-approach .about-contents .flickity-slider {
    position: absolute;
    width:100%;
    height: 100%;
}
/* Common Values */
	.dfy-x .foreground .wrap { position: relative;}
	.dfy-x .about-main-title {display:block;position: absolute; top: 60px; left: 15.8%;width:160px;text-align:center;transform: rotate(-90deg); -ms-transform: rotate(-90deg);font-size: 24px;font-weight: 500;line-height: 1.5em;opacity: 1; z-index: 5;
							}
.V5	.dfy-x .about-main-title {left:14%;}
.V4	.dfy-x .about-main-title {top: 60px;left:13%;}
.V3	.dfy-x .about-main-title {top: 56px;left:0%;}
.V2	.dfy-x .about-main-title {transform: none; -ms-transform: none; top:-24px; left: 11.6%; font-size: 14px; line-height: 1.71;text-align:left;}
.V1	.dfy-x .about-main-title {transform: none; -ms-transform: none; top:-24px; left: 10.5%; font-size: 14px; line-height: 1.71;text-align:left;}

	.dfy-x .about-title {z-index: 2; width:auto;height:auto;font-size:36px;line-height:46px;}
.V6	.dfy-x .about-title {padding:0 ;}
.V5	.dfy-x .about-title {padding:0 22% 0 30.9%;}
.V4	.dfy-x .about-title {padding-left:31%;padding-right:19.6%;}
.V3	.dfy-x .about-title {font-size:24px;line-height:1.5;padding-left:19%;padding-right:10%;}
.V2	.dfy-x .about-title {font-size: 24px;line-height: 1.5;padding-left:11.6%;padding-right:11.6%;}
.V1	.dfy-x .about-title {font-size: 24px;line-height: 1.5;padding-left:10.5%;padding-right:15%;}

	/* kv */
	.dfy-x > .about-kv {margin-top:-38px;-webkit-transition-delay:0.5s;transition-delay:0.5s;}
.V3	.dfy-x > .about-kv {margin-top:-29px;}
.V2	.dfy-x > .about-kv {margin-top:-19px;}
.V1	.dfy-x > .about-kv {margin-top:-21px;}

	.dfy-x > .about-kv .gauge-bar {position:absolute;left:0;bottom:0;height:6px;width:0;background-color:#fefef0;z-index:20;}
	.dfy-x > .about-kv h3 {position:absolute;top:0;left:0;width:0;height:0;text-indent:-999em;}
	.dfy-x > .about-kv .about-kv-slide {position:relative;padding-top:62.5%;}
.V1	.dfy-x > .about-kv .about-kv-slide {position:relative;padding-top:476px;}
	.dfy-x > .about-kv .about-kv-slide li {position:absolute;top:0;left:0;width:100%;height:100%;}
	.dfy-x > .about-kv .about-kv-slide li .media {position:absolute;top:0;left:0;bottom:0;width:100%;overflow:hidden;}
	.dfy-x > .about-kv .about-kv-slide li .media figure {width:auto;height:100%;position:absolute;top:0;left:0;}
.V2 .dfy-x > .about-kv .about-kv-slide li .media .o-img {transform:none !important;}
.V1 .dfy-x > .about-kv .about-kv-slide li .media .image {width:auto;height:100%;}
.V1 .dfy-x > .about-kv .about-kv-slide li .media .o-img {height:100%;}
.V1 .dfy-x > .about-kv .about-kv-slide li .media .o-img img {left:50%;width:auto;height:100% !important;-webkit-transform:translateX(-50%);transform:translateX(-50%);}


	/* approach */
	.dfy-x > .about-approach {position:relative;}

	.dfy-x > .about-approach .about-contents {position: relative; padding:0;}
.V4	.dfy-x > .about-approach .about-contents {padding:0px 4% 160px 0;margin-left:0%;overflow:hidden;}
.V3	.dfy-x > .about-approach .about-contents {padding:98px 3.7% 160px 0;margin-left:19%;overflow:hidden;}
.V2	.dfy-x > .about-approach .about-contents {padding:112px 15.4% 160px 0;margin-left:0;overflow:hidden;}
.V1	.dfy-x > .about-approach .about-contents {padding:112px 15% 165px 0;margin-left:0;overflow:hidden;}
	.dfy-x > .about-approach .x-gallery-target .flickity-viewport {overflow:inherit;}

.V6	.dfy-x > .about-approach .about-main-title {top:206px;}
.V5	.dfy-x > .about-approach .about-main-title {top:206px;}
.V4	.dfy-x > .about-approach .about-main-title {top:165px;}
.V3	.dfy-x > .about-approach .about-main-title {top:164px;}
.V2	.dfy-x > .about-approach .about-main-title {top:89px;}
.V1	.dfy-x > .about-approach .about-main-title {top:89px;}

	.dfy-x > .about-approach .about-contents .carousel-cell {padding-top:96px;}
	.dfy-x > .about-approach .about-contents .carousel-cell:first-child {padding-top:0;}
.V4	.dfy-x > .about-approach .about-contents .carousel-cell,
.V3	.dfy-x > .about-approach .about-contents .carousel-cell,
.V2	.dfy-x > .about-approach .about-contents .carousel-cell,
.V1	.dfy-x > .about-approach .about-contents .carousel-cell {padding-top:0;}

	.dfy-x > .about-approach .media p {font-size:14px;line-height:24px;}
.V6	.dfy-x > .about-approach .media p {padding:0;}
.V5	.dfy-x > .about-approach .media p {padding:0 26% 0 35.4%;}
.V4	.dfy-x > .about-approach .media p {padding-left:6.5%;padding-right:26%;}
.V3	.dfy-x > .about-approach .media p {padding-left:5.3%;padding-right:20%;}
.V2	.dfy-x > .about-approach .media p {padding-left:22.6%;padding-right:0;}
.V1	.dfy-x > .about-approach .media p {padding-left:19%;padding-right:0;}
.V1 .dfy-x > .about-approach .x-gallery-target .carousel-cell .media h2 {padding-left:12%;padding-right:0;font-family:"Circular-Book","微软雅黑","Microsoft YaHei"; font-weight:bold}

	.dfy-x > .about-approach .about-contents h2{ padding-bottom:60px;font-size: 30px;font-weight: 500;line-height: 1.28;text-align: left;color: #212121;word-break: keep-all;word-wrap: break-word;font-family:"Circular-Book","微软雅黑","Microsoft YaHei"; font-weight:bold}
.V4	.dfy-x > .about-approach .about-contents h2 {padding-left:0;padding-right:21%;font-family:"Circular-Book","微软雅黑","Microsoft YaHei";font-weight:bold}
.V3	.dfy-x > .about-approach .about-contents h2 {font-size:24px;line-height:1.5;padding-left:0;padding-right:13%;font-family:"Circular-Book","微软雅黑","Microsoft YaHei";font-weight:bold}
.V2	.dfy-x > .about-approach .about-contents h2 {font-size:24px;line-height:1.5;padding-left:13.7%;padding-right:0;font-family:"Circular-Book","微软雅黑","Microsoft YaHei";font-weight:bold}
.V1	.dfy-x > .about-approach .about-contents h2 {font-size:24px;line-height:1.5;padding-left:14%;padding-right:0;font-family:"Circular-Book","微软雅黑","Microsoft YaHei";font-weight:bold}

.V4 .dfy-x > .about-approach .x-gallery-target .carousel-cell,
.V3 .dfy-x > .about-approach .x-gallery-target .carousel-cell,
.V2 .dfy-x > .about-approach .x-gallery-target .carousel-cell,
.V1 .dfy-x > .about-approach .x-gallery-target .carousel-cell {width:100%;}

	.dfy-x > .about-approach .paging {display:none;position:absolute;z-index:1;left:30.9%;font-size:0;line-height:0;}
.V4 .dfy-x > .about-approach .paging {display:block;left:0;bottom:98px;}
.V3 .dfy-x > .about-approach .paging {display:block;left:0;bottom:98px;}
.V2 .dfy-x > .about-approach .paging {display:block;left:11.6%;bottom:88px;}
.V1 .dfy-x > .about-approach .paging {display:block;left:10.5%;bottom:88px;}

	.dfy-x > .about-approach .paging a {position:relative;display:inline-block;width:22px;height:22px;color:inherit;font-size:12px;line-height:22px;text-align:center;border-radius:50%;margin-right:15px;border:1px solid #212121;background:none;}

	.dfy-x > .about-approach .paging a:before {content:'';position:absolute;left:0;top:0;z-index:-2;display:block;width:100%;height:100%;background-color:#212121;border-radius:50%;}
	.dfy-x > .about-approach .paging a:after {content:'';position:absolute;left:0;top:0;z-index:-1;display:block;width:100%;height:100%;background-color:#fff;border-radius:50%;
	 transition:all .1s linear;
	 -ms-transition:all .1s linear;}
	.dfy-x > .about-approach .paging a.hover,
	.dfy-x > .about-approach .paging a.current-dots {color:#fff;}
	.dfy-x > .about-approach .paging a.hover:after,
	.dfy-x > .about-approach .paging a.current-dots:after {width:1px;height:1px;opacity:0;left:50%;top:50%;}


	/* services */
	.dfy-x > .about-services {position: relative;height: auto;padding:0px 0 54px;}
.V5 .dfy-x > .about-services {padding-bottom:0px;}
.V4 .dfy-x > .about-services {height:360px;padding:0;}
.V3 .dfy-x > .about-services {height:700px;padding:98px 0 10px;}
.V2 .dfy-x > .about-services {height:650px;padding:112px 0 70px;}
.V1 .dfy-x > .about-services {height:auto;padding:112px 0 210px;}

	.dfy-x > .about-services .about-title{z-index: 2; width:auto;}
.V3	.dfy-x > .about-services .about-title{padding-right:17%;}

	.dfy-x > .about-services .about-contents{position: relative; }
.V6	.dfy-x > .about-services .about-contents{margin:68px 0 0 75px;}
.V5	.dfy-x > .about-services .about-contents{margin:44px 0 0 35.45%; width:624px;}
.V4	.dfy-x > .about-services .about-contents {position: absolute; top:20px; left:0%; width:100%;}
.V3	.dfy-x > .about-services .about-contents {position: absolute; top:118px; left:23.3%; width: 498px}
.V2	.dfy-x > .about-services .about-contents {position: absolute; top:146px; left:19.2%; width: 498px}

.V1	.dfy-x > .about-services .about-contents{margin-top:38px;}

	.dfy-x > .about-services .about-contents .carousel-cell {width: auto;}
.V6	.dfy-x > .about-services .about-contents .carousel-cell + .carousel-cell {margin-left: 120px;}
.V5	.dfy-x > .about-services .about-contents .carousel-cell + .carousel-cell {margin-left: 84px;}
/*.V5 .dfy-x > .about-services .about-contents .carousel-cell {width:25.5%;}*/
.V5 .dfy-x > .about-services .about-contents .carousel-cell.a-marketing{margin:-27px 0 0 0;}
.V4 .dfy-x > .about-services .about-contents .carousel-cell {margin-bottom: 44px;margin-left:90px;}
.V3 .dfy-x > .about-services .about-contents .carousel-cell {margin-bottom: 44px;}
.V2 .dfy-x > .about-services .about-contents .carousel-cell {margin-bottom: 44px;}
.V4 .dfy-x > .about-services .about-contents .carousel-cell:nth-child(2n){margin-left:101px;}
.V3 .dfy-x > .about-services .about-contents .carousel-cell:nth-child(2n){margin-left:90px;}
.V2 .dfy-x > .about-services .about-contents .carousel-cell:nth-child(2n){margin-left:43px;}
.V3 .dfy-x > .about-services .about-contents .carousel-cell {width:204px;}
.V2 .dfy-x > .about-services .about-contents .carousel-cell {width:175px;}
.dfy-x > .about-services .about-contents h4{padding-bottom: 18px; margin-left:-2px; font-size: 18px;font-weight: 500;line-height: 36px;text-align: left;color: #212121;
	font-family:"Circular-Book","微软雅黑","Microsoft YaHei"; position:relative; font-weight:bold}
.dfy-x > .about-services .about-contents h4:after {
    display: block;
    content: ''; 
	bottom:20px;
    position:absolute;
    width: 100%;
    height:15px;
    background:#ffeb32;
    opacity:1;
    transition: width 0.5s;
    -webkit-transition: width 0.5s;
    -ms-transition: width 0.5s; z-index:-1
}
.V3	.dfy-x > .about-services .about-contents h4{font-size: 24px; line-height: 1.5;}
.V2	.dfy-x > .about-services .about-contents h4{font-size: 24px;line-height: 36px;}
.V1 .dfy-x > .about-services .about-contents h4 {font-size:24px;line-height: 36px;}

	.dfy-x > .about-services .about-contents .x-gallery-target ul {font-size: 14px; line-height: 24px;}

	.dfy-x > .about-services .about-contents div {display:inline-block;vertical-align:top;}
.V4	.dfy-x > .about-services .about-contents .left{margin-top:44px;margin-left: 35.1%}
.V3	.dfy-x > .about-services .about-contents .left{margin-top:44px;margin-left: 23%;}
.V2	.dfy-x > .about-services .about-contents .left{margin-top:38px;margin-left: 19%;}

.V4	.dfy-x > .about-services .about-contents .a-content.left{position: absolute;top: 245px; left: 0 !important;}
.V3	.dfy-x > .about-services .about-contents .a-content.left{position: absolute;top: 245px; left: 0 !important;}
.V2	.dfy-x > .about-services .about-contents .a-content.left{position: absolute;top: 220px; left: 0 !important;}

.V4	.dfy-x > .about-services .about-contents .right{margin-top:44px;margin-left:8.5%;}
.V3	.dfy-x > .about-services .about-contents .right{margin-top: 100px;margin-left: 13%;}
.V2	.dfy-x > .about-services .about-contents .right{margin-top: 95px;margin-left: 10%;}

.V4	.dfy-x > .about-services .about-contents .a-marketing.right{}
	.dfy-x > .about-services .about-contents .x-gallery-target {display:block;width:100%;font-size:0;line-height:0;overflow: hidden;}

.V1 .dfy-x > .about-services .about-contents {padding:0 19.5% 0 2%;}
.V1 .dfy-x > .about-services .x-gallery-target .carousel-cell {width:100%;}
.V1 .dfy-x > .about-services .x-gallery-target .carousel-cell .media{padding-left:19%;}
	.dfy-x > .about-services .x-gallery-target .carousel-cell .media h2 {width: 261px; padding-bottom: 8px; font-size: 36px;font-weight: 500;line-height: 1.28;text-align: left;color: #212121;}

.V4 .dfy-x > .about-services .x-gallery-target .carousel-cell .media h2 {width: 196px;}
.V3 .dfy-x > .about-services .x-gallery-target .carousel-cell .media h2 {width: 204px; font-size: 24px; line-height: 1.5;}
.V2 .dfy-x > .about-services .x-gallery-target .carousel-cell .media h2 {width: 204px; font-size: 24px; line-height: 1.5;}
.V1 .dfy-x > .about-services .x-gallery-target .carousel-cell .media h2 {width: 100%; font-size: 24px;}
	.dfy-x > .about-services .x-gallery-target .carousel-cell.a-uxui .media {-webkit-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s}
	.dfy-x > .about-services .x-gallery-target .carousel-cell.a-content .media {-webkit-transition-delay:0.6s;-ms-transition-delay:0.6s;transition-delay:0.6s}
	.dfy-x > .about-services .x-gallery-target .carousel-cell.a-marketing .media {-webkit-transition-delay:0.9s;-ms-transition-delay:0.9s;transition-delay:0.9s}

.V1 .dfy-x > .about-services .x-gallery-target .flickity-viewport {width:100%;overflow:inherit;}

	.dfy-x > .about-services .paging {display:none;position:absolute;z-index:1;left:30.9%;font-size:0;line-height:0;}
.V1 .dfy-x > .about-services .paging {display:block;bottom:-55px;left:10.58%;opacity: 1;}

.V1 .dfy-x > .about-services .paging a {position:relative;display:inline-block;width:22px;height:22px;color:inherit;font-size:12px;line-height:22px;text-align:center;border-radius:50%;margin-right:15px;border:1px solid #212121;background:none;}

.V1 .dfy-x > .about-services .paging a {}

	.dfy-x > .about-services .paging a:before {content:'';position:absolute;left:0;top:0;z-index:-2;display:block;width:100%;height:100%;background-color:#212121;border-radius:50%;}
	.dfy-x > .about-services .paging a:after {content:'';position:absolute;left:0;top:0;z-index:-1;display:block;width:100%;height:100%;background-color:#fff;border-radius:50%;
	 transition:all .1s linear;
	 -ms-transition:all .1s linear;}
	.dfy-x > .about-services .paging a.hover,
	.dfy-x > .about-services .paging a.current-dots {color:#fff;}
	.dfy-x > .about-services .paging a.hover:after,
	.dfy-x > .about-services .paging a.current-dots:after {width:1px;height:1px;opacity:0;left:50%;top:50%;}


/* about gallery */
	.dfy-x > .x-gallery.about-gallery > .foreground {padding:45px 0 45px;}
	.dfy-x > .x-gallery.about-gallery .gallery-tit h3 {position:absolute;font-size:72px;display:inline-block;color:#000;z-index:1;}
.V4	.dfy-x > .x-gallery.about-gallery .gallery-tit h3 {font-size:54px;}
.V3	.dfy-x > .x-gallery.about-gallery .gallery-tit h3 {font-size:36px;}
.V2	.dfy-x > .x-gallery.about-gallery .gallery-tit h3 {font-size:36px;}
.V1	.dfy-x > .x-gallery.about-gallery .gallery-tit h3 {font-size:36px;}
	.dfy-x > .x-gallery.about-gallery .gallery-tit .t-tit {top:-35px;left:58.5%;}
	.dfy-x > .x-gallery.about-gallery .gallery-tit .b-tit {bottom:-35px;left:50%;margin-left:-31%;}
.V4	.dfy-x > .x-gallery.about-gallery .gallery-tit .t-tit {top:-27px;left:auto;right:20%;}
.V4	.dfy-x > .x-gallery.about-gallery .gallery-tit .b-tit {bottom:-25px;}
.V3	.dfy-x > .x-gallery.about-gallery .gallery-tit .t-tit {top:-18px;left:auto;right:22%;}
.V3	.dfy-x > .x-gallery.about-gallery .gallery-tit .b-tit {bottom:-17px;}
.V2	.dfy-x > .x-gallery.about-gallery .gallery-tit .t-tit {top:-18px;left:auto;right:14.5%;}
.V2	.dfy-x > .x-gallery.about-gallery .gallery-tit .b-tit {bottom:-17px;}
.V1	.dfy-x > .x-gallery.about-gallery .gallery-tit .t-tit {top:-20px;left:auto;right:11%;}
.V1	.dfy-x > .x-gallery.about-gallery .gallery-tit .b-tit {bottom:-20px;left:50%;margin-left:-40%;}

	.dfy-x > .x-gallery.about-gallery:before {clear:both;display:block;content:'';position:absolute;top:0;bottom:50%;left:0;width:100%;}

.V2 .dfy-x > .x-gallery .x-gallery-target {left:0;}
.V1 .dfy-x > .x-gallery .x-gallery-target {left:-2%;}
	.dfy-x > .x-gallery.about-gallery .x-gallery-target .carousel-cell {display:block;width:76.5%;margin:0 3.6%;opacity:0.7;transition:1s ease opacity;}
.V2 .dfy-x > .x-gallery.about-gallery .x-gallery-target .carousel-cell {width:76.8%;}
.V1	.dfy-x > .x-gallery.about-gallery .x-gallery-target .carousel-cell {width:88%;height:100%;margin:0 0 0 4%;overflow:hidden;}
.V1	.dfy-x > .x-gallery.about-gallery .x-gallery-target .carousel-cell:first-child {margin-left:0;}
	.dfy-x > .x-gallery.about-gallery .x-gallery-target .carousel-cell.is-selected {opacity:1;}
	.dfy-x > .x-gallery.about-gallery .x-gallery-target .carousel-cell .media {width:100% !important;}
.V1	.dfy-x > .x-gallery.about-gallery .x-gallery-target .carousel-cell .media {width:auto !important;height:100%;}
.V1	.dfy-x > .x-gallery.about-gallery .x-gallery-target .carousel-cell .media figure {width:auto;height:100%;}
.V1	.dfy-x > .x-gallery.about-gallery .x-gallery-target .carousel-cell .media figure .image {width:auto;height:100%;}
.V1	.dfy-x > .x-gallery.about-gallery .x-gallery-target .carousel-cell .media figure .image .o-img {height:100%;}
.V1	.dfy-x > .x-gallery.about-gallery .x-gallery-target .carousel-cell .media figure .image .o-img img {width:auto;height:100% !important;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
	.dfy-x > .x-gallery.about-gallery .posi-type .image {padding-top:62.6%;}
.V1	.dfy-x > .x-gallery.about-gallery .posi-type .image {padding-top:0;}
	.dfy-x > .x-gallery.about-gallery .o-img {transform:none !important;}
	.dfy-x > .x-gallery.about-gallery .o-img img {position:relative;}
	.dfy-x > .x-gallery.about-gallery .hello .o-img img {opacity:1 !important;}
	.dfy-x > .x-gallery.about-gallery .hello .o-img video {position:absolute;z-index:5;}
	.dfy-x > .x-gallery.about-gallery .posi-type .o-img {position:absolute;}
	.dfy-x > .x-gallery.about-gallery .posi-type .img2-1 {top:50%;left:0;width:62.5%;z-index:2;-webkit-transform:translateY(-50%) !important;-ms-transform:translateY(-50%) !important;transform:translateY(-50%) !important;}
	.dfy-x > .x-gallery.about-gallery .posi-type .img2-2 {top:0;right:0;width:50%;}
	.dfy-x > .x-gallery.about-gallery .posi-type .img3-1 {top:0;left:0;width:36.6%}
	.dfy-x > .x-gallery.about-gallery .posi-type .img3-2 {bottom:0;left:36.6%;width:36.6%;}
	.dfy-x > .x-gallery.about-gallery .posi-type .img3-3 {top:26.5%;right:0;width:19%;}
	.dfy-x > .x-gallery.about-gallery .posi-type .img5-1 {top:7%;left:0;width:38.9%;z-index:2;}
	.dfy-x > .x-gallery.about-gallery .posi-type .img5-2 {top:0;left:28.55%;width:42.5%;}
	.dfy-x > .x-gallery.about-gallery .posi-type .img5-3 {bottom:0;right:0;width:29%;}

.V1 .dfy-x > .x-gallery.about-gallery .posi-type .img2-1 {top:0;width:auto;height:220px !important;-webkit-transform:translateY(0%) !important;-ms-transform:translateY(0%) !important;transform:translateY(0%) !important;}
.V1 .dfy-x > .x-gallery.about-gallery .posi-type .img2-2 {top:auto;bottom:0;width:auto;height:306px !important;}
.V1	.dfy-x > .x-gallery.about-gallery .posi-type .img3-1 {top:auto;bottom:0;width:auto;height:157px !important;z-index:2;}
.V1	.dfy-x > .x-gallery.about-gallery .posi-type .img3-2 {top:0;bottom:auto;left:auto;right:0;width:auto;height:346px !important;}
.V1	.dfy-x > .x-gallery.about-gallery .posi-type .img3-3 {display:none;}
.V1	.dfy-x > .x-gallery.about-gallery .posi-type .img5-1 {width:auto;height:229px !important;z-index:2;}
.V1	.dfy-x > .x-gallery.about-gallery .posi-type .img5-2 {top:auto;bottom:0;left:auto;right:0;width:auto;height:276px !important;}
.V1	.dfy-x > .x-gallery.about-gallery .posi-type .img5-3 {display:none;}
.V1	.dfy-x > .x-gallery.about-gallery .o-img img,
.V1	.dfy-x > .x-gallery.about-gallery .o-img video {width:auto;height:100%;}

	.x-gallery.about-gallery .flickity-viewport {overflow:visible;}
.V1	.x-gallery.about-gallery .flickity-viewport {height:410px !important;}
	.dfy-x > .x-gallery .slide-num {bottom:-40px;}
.V6 .dfy-x > .x-gallery .slide-num {right:20%;}
.V5 .dfy-x > .x-gallery .slide-num {right:20%;}
.V4 .dfy-x > .x-gallery .slide-num {right:20%;bottom:-29px;}
.V3 .dfy-x > .x-gallery .slide-num {right:22%;bottom:-18px;}
.V2 .dfy-x > .x-gallery .slide-num {right:14.5%;bottom:-18px;}
.V1 .dfy-x > .x-gallery .slide-num {right:11%;bottom:-18px;}
.V4 .dfy-x > .x-gallery .slide-num .current {height:54px;font-size:54px;right:20px;}
.V3 .dfy-x > .x-gallery .slide-num .current,
.V2 .dfy-x > .x-gallery .slide-num .current,
.V1 .dfy-x > .x-gallery .slide-num .current {height:36px;font-size:36px;right:15px;}
.V4 .dfy-x > .x-gallery .slide-num > .total {padding-top:40px;}
.V3 .dfy-x > .x-gallery .slide-num > .total,
.V2 .dfy-x > .x-gallery .slide-num > .total,
.V1 .dfy-x > .x-gallery .slide-num > .total {font-size:14px;padding-top:25px;}
	.dfy-x > .x-gallery.about-gallery .flickity-prev-next-button {top:0;border-radius:0;width:4.59%;height:100%;background-color:rgba(0,0,0,0);}
.V2 .dfy-x > .x-gallery.about-gallery .flickity-prev-next-button {display:block;}
.V1 .dfy-x > .x-gallery.about-gallery .flickity-prev-next-button {display:none;}
	.dfy-x > .x-gallery.about-gallery .flickity-prev-next-button:before,
	.dfy-x > .x-gallery.about-gallery .flickity-prev-next-button:after {display:none;}
	.dfy-x > .x-gallery.about-gallery .flickity-prev-next-button.previous {left:0;}
	.dfy-x > .x-gallery.about-gallery .flickity-prev-next-button.next {left:auto;right:0;}


/* Clients */
	.dfy-x > .about-clients {padding:278px 0 0;}
.V5 .dfy-x > .about-clients {padding:278px 0 0;}
.V3 .dfy-x > .about-clients {padding:206px 0 0;margin:0 auto;}
.V2 .dfy-x > .about-clients {padding:200px 0 0;margin:0 auto;}
.V1 .dfy-x > .about-clients {padding:170px 0 0;margin:0 auto;}

.V6	.dfy-x > .about-clients .about-main-title{top: 52px;}
.V5	.dfy-x > .about-clients .about-main-title{top: 52px;}
.V4	.dfy-x > .about-clients .about-main-title{top: 52px;}
.V3	.dfy-x > .about-clients .about-main-title{top: 48px;left:-21px;}

	.dfy-x > .about-clients .about-contents ul:after{display: block;content: "";clear: both;}

	.dfy-x > .about-clients .about-contents ul{width: auto;padding:61px 10% 0 494px;}
.V5 .dfy-x > .about-clients .about-contents ul{padding:44px 10% 0 30.9%;}
.V4 .dfy-x > .about-clients .about-contents ul{padding:44px 11.4% 0 31%;}
.V3 .dfy-x > .about-clients .about-contents ul{padding:44px 12% 0 19%;}
.V2 .dfy-x > .about-clients .about-contents ul{padding:38px 11.6% 0;}
.V1 .dfy-x > .about-clients .about-contents ul{padding:38px 10.5% 0;}

.V6	.dfy-x > .about-clients .about-contents ul li:nth-child(3n){margin-right: 0;}
.V5	.dfy-x > .about-clients .about-contents ul li:nth-child(3n){margin-right: 0;}
.V4	.dfy-x > .about-clients .about-contents ul li:nth-child(3n){margin-right: 0;}
.V3	.dfy-x > .about-clients .about-contents ul li:nth-child(3n){margin-right: 0;}
.V2	.dfy-x > .about-clients .about-contents ul li:nth-child(3n){margin-right: 0;}
/*.V1	.dfy-x > .about-clients .about-contents ul li:nth-child(2n){margin-right: 0;}*/
/*.V1	.dfy-x > .about-clients .about-contents ul li {margin-left:38px;margin-right:10px;}*/
/*.V1	.dfy-x > .about-clients .about-contents ul li:nth-child(even){margin-left:0;margin-right:0;}*/

	.dfy-x > .about-clients .about-contents ul li {position: relative;float: left;width:207px;height:58px;margin: 0 89px 89px 0; }
.V5 .dfy-x > .about-clients .about-contents ul li {width:22.6%;height:50px;margin:0 10% 10% 0;}
.V4 .dfy-x > .about-clients .about-contents ul li {width:22.6%;height:50px;margin:0 10% 10% 0;}
.V3 .dfy-x > .about-clients .about-contents ul li {width:22.6%;height:44px;margin:0 10% 11% 0;}
.V2 .dfy-x > .about-clients .about-contents ul li {width:26.6%;height:33px;margin:0 10.1% 11% 0;}
.V1 .dfy-x > .about-clients .about-contents ul li {width:38%;height:33px;margin:0 6% 15%;}

	.dfy-x > .about-clients .about-contents ul li svg {width:98%;height:98%;position: absolute;top: 50%;left: 50%;text-align: center;
		transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);}
	.dfy-x > .about-clients .about-contents ul li.samsung svg {}
	.dfy-x > .about-clients .about-contents ul li.cheil svg {width:52%;height:52%;}
	.dfy-x > .about-clients .about-contents ul li.sktelecom svg {width:90%;height:90%;}
	.dfy-x > .about-clients .about-contents ul li.samsungcard svg {}
	.dfy-x > .about-clients .about-contents ul li.cj svg {}
	.dfy-x > .about-clients .about-contents ul li.hyundai-motor svg {width:80%;height:80%;}
	.dfy-x > .about-clients .about-contents ul li.underarmour svg {}
	.dfy-x > .about-clients .about-contents ul li.lotte svg {}
	.dfy-x > .about-clients .about-contents ul li.samsunglife svg {}

	.dfy-x > .about-clients .about-contents ul li.fidelity svg {width:80%;height:80%;}
	.dfy-x > .about-clients .about-contents ul li.kumkang svg {width:80%;height:80%;}
	.dfy-x > .about-clients .about-contents ul li.ollehkt svg {width:70%;height:70%;}
	.dfy-x > .about-clients .about-contents ul li.emart svg {width:60%;height:60%;}


	.dfy-x > .about-clients .about-contents ul li.aland svg {width:65%;height:65%;}
	.dfy-x > .about-clients .about-contents ul li.lifeplanet svg {width:80%;height:80%;}
	.dfy-x > .about-clients .about-contents ul li.hanwha svg {width:80%;height:80%;}
	.dfy-x > .about-clients .about-contents ul li.hyundaicard svg {width:90%;height:90%;}
	.dfy-x > .about-clients .about-contents ul li.daelim svg {width:80%;height:80%;}

	.dfy-x > .about-clients .about-contents ul li.miraeassetlife svg {width:90%;height:90%;}

	.dfy-x > .about-clients .about-contents ul li.hyundailife svg {width:90%;height:90%;}
	.dfy-x > .about-clients .about-contents ul li.drjart svg {width:80%;height:80%;}
	.dfy-x > .about-clients .about-contents ul li.innocean svg {width:70%;height:70%;}
	.dfy-x > .about-clients .about-contents ul li.skbroadband svg {width:90%;height:90%;}


	.dfy-x > .about-clients .about-contents ul li.naver svg {width:70%;height:70%;}
	.dfy-x > .about-clients .about-contents ul li.hancom svg {width:80%;height:80%;}
	.dfy-x > .about-clients .about-contents ul li.daehan-steel svg {width:90%;height:90%;}

	.dfy-x > .about-clients .about-contents ul li.hanwha-hotels-resorts svg {width:80%;height:80%;}
	.dfy-x > .about-clients .about-contents ul li.zikto svg {width:80%;height:80%;}
	.dfy-x > .about-clients .about-contents ul li.naver-labs svg {width:65%;height:65%;}
	.dfy-x > .about-clients .about-contents ul li.outback-steakhouse svg {width:90%;height:90%;}
	.dfy-x > .about-clients .about-contents ul li.dacor svg {width:78%;height:78%;}
	.dfy-x > .about-clients .about-contents ul li.espoir svg {width:90%;height:90%;}


/* Greeting */
	.dfy-x > .about-greeting {padding-top:125px;padding-bottom:148px;}
.V5 .dfy-x > .about-greeting {padding-top:135px;padding-bottom:140px;}
.V4 .dfy-x > .about-greeting {padding-top:135px;padding-bottom:162px;}
.V3 .dfy-x > .about-greeting {padding-top:150px;padding-bottom:162px;}
.V2 .dfy-x > .about-greeting {padding-top:150px;padding-bottom:147px;}
.V1 .dfy-x > .about-greeting {padding-top:135px;padding-bottom:141px;}

	.dfy-x > .about-greeting .about-title {position: relative;}
.V4	.dfy-x > .about-greeting .about-title {font-size: 36px;line-height: 1.28;}
.V3	.dfy-x > .about-greeting .about-title {font-size: 24px;line-height: 1.5;}

	.dfy-x > .about-greeting .about-title .about-greeting-caption{position: absolute;bottom: -86px;}
.V6	.dfy-x > .about-greeting .about-title .about-greeting-caption {left:494px;}
	.dfy-x > .about-greeting .about-title .about-greeting-caption h4{font-size: 14px;font-weight: 500;line-height: 1.71;}
	.dfy-x > .about-greeting .about-title .about-greeting-caption p{font-size: 12px;line-height: 1.71;}
.V4	.dfy-x > .about-greeting .about-title .about-greeting-caption p{font-size: 14px;}
.V3	.dfy-x > .about-greeting .about-title .about-greeting-caption p{font-size: 14px;}

/* kor lang */
	:lang(ko) .dfy-x .about-title {font-size:28px !important;line-height:1.64 !important}
.V3 :lang(ko) .dfy-x .about-title,
.V2 :lang(ko) .dfy-x .about-title,
.V1 :lang(ko) .dfy-x .about-title {font-size:18px !important;line-height:1.8 !important;}
	:lang(ko) .about > article .kv-tit strong {font-size:56px;line-height: 1.625 !important;}
.V3 :lang(ko) .about > article .kv-tit strong {font-size:42px;line-height: 1.62 !important;}
.V2 :lang(ko) .about > article .kv-tit strong,
.V1 :lang(ko) .about > article .kv-tit strong {font-size:28px;line-height: 1.642 !important;}
	:lang(ko) .dfy-x > .about-approach .media p {font-size:12px;line-height: 2}
.V6 :lang(ko) .dfy-x > .about-approach .about-main-title {top:208px}
.V5 :lang(ko) .dfy-x > .about-approach .about-main-title {top:208px}
.V4 :lang(ko) .dfy-x > .about-approach .about-main-title {top:166px}
.V3 :lang(ko) .dfy-x > .about-approach .about-main-title {top:161px}

	:lang(ko) .dfy-x > .about-services .about-contents .x-gallery-target ul li {font-size:12px;line-height:2}
	:lang(ko) .dfy-x > .about-greeting .about-title .about-greeting-caption h4 {font-size:12px;line-height:2}
	:lang(ko) .dfy-x > .about-greeting .about-title .about-greeting-caption p {font-size:11px;line-height:1.64}


.o-smart-area {opacity:0;transform:translate(0px,120px);-ms-transform:translate(0px,120px);transition:transform 1.5s,opacity 1.5s;-ms-transition:-ms-transform 1.5s,opacity 1.5s;}
.V1 .o-smart-area {transform:translate(0px,60px);-ms-transform:translate(0px,60px);}
.loaded .o-smart-area.hello,
.ie9 .o-smart-area {opacity:1;transform:translate(0px,0px);-ms-transform:translate(0px,0px);}