@charset "utf-8";

/*
 *  UZEN Controls
 *  2014.12.08 start
 */
@import url(common.css);

.blind {position:absolute; height:1px; text-indent:-9999em; overflow:hidden; visibility:hidden; z-index:-1;}

/* 컨텐츠 백그라운드 */
#uzen_content {background-color:#f8f8f8;}

/* sub_tit */
.sub_tit {width:auto; height:700px; color:#fff; text-align:center; font-family:Futura;}
.sub_tit h2 {padding:300px 50px;line-height:130px; font-size:150px; font-weight:bold;}

.sub_detail_tit {position:relative; padding:110px 0; font-size:18px; text-align:center;}
.sub_detail_tit i {color:#ff5200}
.sub_detail_tit h2 {padding:15px 0 35px 0; color:#111; font-size:80px;}
.sub_detail_tit p {color:#aaa;}
.sub_detail_tit .detail_btn {position:absolute; top:110px; right:30px;}
.sub_detail_tit .detail_btn a {display:inline-block; margin-left:6px;}

.w640 .sub_detail_tit {padding:140px 0 70px 0;}
.w640 .sub_detail_tit h2 {font-size:35px;}
.w640 .sub_detail_tit p, .w640 .sub_detail_tit i {font-size:10px;}
/*
.w640 .sub_tit.about_uzen h2 {padding:240px 50px;}
.w990 .sub_tit.ent h2 {padding:300px 50px; font-size:100px;}
.w640 .sub_tit.ent h2 {padding:300px 50px; font-size:60px;}
.w640 .sub_tit.culture h2 {font-size:100px;}
.w640 .sub_tit.careers h2 {padding:300px 50px; font-size:110px;}
 */
.w990 .sub_tit h2 {padding:300px 50px; font-size:100px;}
.w640 .sub_tit h2 {padding:250px 50px; font-size:60px;}


.sub_tit.it {background:url(../../images/poster_sub_it.jpg) center center no-repeat;}
.sub_tit.mnf {background:url(../../images/poster_mnf_01.jpg) center center no-repeat;}
.sub_tit.ent {background:url(../../images/poster_sub_ent.jpg) center center no-repeat;}
.sub_tit.about_uzen {background:url(../../images/bg_key_aboutuzen.jpg) center center no-repeat;}
.sub_tit.service {background:url(../../images/bg_key_service.jpg) center center no-repeat;}
.sub_tit.culture {background:url(../../images/bg_key_culture.jpg) center center no-repeat;}
.sub_tit.careers {background:url(../../images/bg_key_careers.jpg) center center no-repeat;}
.sub_tit.works {background:url(../../images/bg_key_works.jpg) center center no-repeat;}
.sub_tit.contactus {background:url(../../images/bg_key_contactus.jpg) center center no-repeat;}
.sub_tit.news {background:url(../../images/poster_news.jpg) center center no-repeat;}
.sub_tit.product {background:url(../../images/bg_key_product_0428.jpg) center center no-repeat;}

/* Manufacture */
.mnf_cont{background:#f8f8f8;}
.mnf_cont .mnf_cube{width:1200px; margin:0 auto;}
.mnf_cont .mnf_cube ul{position:relative; top:-100px;}
.mnf_cont .mnf_cube ul:after{content:""; clear:both; display:block;}
.mnf_cont .mnf_cube ul li{float:left; width:50%; height:600px; font-size:36px; color:#fff; text-align:center;}
.mnf_cont .mnf_cube ul li.list01{background:url(../../images/sub_mnf_img01.jpg) no-repeat 50% 50%;}
.mnf_cont .mnf_cube ul li.list02{background:url(../../images/sub_mnf_img02.jpg) no-repeat 50% 50%;}
.mnf_cont .mnf_cube ul li span{display:block; width:100%; height:400px; font-weight:bold; line-height:400px; letter-spacing:0.01em;}
.mnf_cont .mnf_cube ul li div{width:100%; height:140px; padding-top:60px;}
.mnf_cont .mnf_cube ul li div p{padding:0 60px; font-size:14px; color:#777; line-height:22px;}
.mnf_cont .mnf_logo_list{width:1200px; margin:35px auto 140px;}
.mnf_cont .mnf_logo_list ul{width:100%;}
.mnf_cont .mnf_logo_list ul:after{content:""; clear:both; display:block;}
.mnf_cont .mnf_logo_list ul li{float:left; width:400px; height:150px;}
.mnf_cont .mnf_logo_list ul li a{display:block; width:100%; height:100%; overflow:hidden;}
.mnf_cont .mnf_logo_list ul li a img{width:100%;}
.mnf_cont .mnf_logo_list ul li a:hover{background-color:#ff5200;}
.mnf_cont .mnf_logo_list ul li a:hover img{margin-top:-150px;}

.w1280 .mnf_cont .mnf_cube {width:1200px;}
.w1280 .mnf_cont .mnf_cube ul li {width: 50%;}
.w990 .mnf_cont .mnf_cube{width: 990px;}
.w990 .mnf_cont .mnf_cube ul {width: 600px; margin: 0 auto;}
.w990 .mnf_cont .mnf_cube ul li {width: 600px;}
.w640 .mnf_cont .mnf_cube{width: 100%;}
.w640 .mnf_cont .mnf_cube ul {width: 600px; margin:0 auto;}
.w640 .mnf_cont .mnf_cube ul li {width:600px;}

.w1280 .mnf_cont .mnf_logo_list{width:1200px;}
.w1280 .mnf_cont .mnf_logo_list ul li{width:400px;}
.w990 .mnf_cont .mnf_logo_list{width: 990px;}
.w990 .mnf_cont .mnf_logo_list ul li {width: 330px;}
.w990 .mnf_cont .mnf_logo_list ul li a:hover img{margin-top:-124px;}
.w640 .mnf_cont .mnf_logo_list{width: 640px;}
.w640 .mnf_cont .mnf_logo_list ul li {width: 320px;}
.w640 .mnf_cont .mnf_logo_list ul li a:hover img{margin-top:-120px;}

.cont_visual.mnf01{height:600px; background:url(../../images/mnf_visual_01.jpg) center center no-repeat;}
.cont_visual.mnf01 p{padding-top:280px;}
.cont_visual.mnf02{height:600px; background:url(../../images/mnf_visual_02.jpg) center center no-repeat;}
.cont_visual.mnf02 p{padding-top:220px;}

/* ENTERTAINMENT */
.entertainment .ent_logo {padding-top: 50px; padding-bottom: 20px;}
.entertainment .ent_txt {max-width: 620px; margin: 0 auto; padding: 0 30px; color: #777; font-size: 18px; line-height: 27px;}
.entertainment .explain {text-align: center;}
.entertainment .explain dl {display: inline-block; width: 320px; padding: 0 30px; vertical-align: top; text-align: left;}
ul.cube_wrap.type3.fade_text li.cube figure span {opacity:0; filter: alpha(opacity=0);}
ul.cube_wrap.type3.fade_text li.cube figure:hover span {opacity:1; filter: alpha(opacity=100);}
ul.cube_wrap.type3.fade_text li.cube figcaption {display:table; width: 100%; height: 100%; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transform:translate(0,12px); -webkit-transform:translate(0,12px); -moz-transform:translate(0,12px)}
ul.cube_wrap.type3.fade_text li.cube figure:hover figcaption {transform:translate(0,0); -webkit-transform:translate(0,0); -moz-transform:translate(0,0)}
ul.cube_wrap.type3.fade_text li.cube figure:hover figcaption img {opacity:1; filter: alpha(opacity=100); transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1);}

.w1280 .explain {width:1280px; margin:0 auto;}
.w990 .explain, .w640 .explain {width:340px; margin:0 auto;}
.w990 .entertainment .explain dl {margin-top:30px;}
.w990 .entertainment .explain dl:first-child {margin-top:0;}
.w640 .entertainment .explain dl {margin-top:30px;}
.w640 .entertainment .explain dl:first-child {margin-top:0;}

/* contact us */
.contact_wrap {background: url(../../images/bg_eastasia.jpg) center -620px no-repeat;}
.contact_wrap .say .country {margin-top: 235px; text-align: center;}
.contact_wrap .say .country span {display: inline-block; padding: 0 40px; font-size: 100px; font-family: "Noto Eng";}
.contact_wrap .say p {max-width: 900px; margin: 0 auto; text-align: center; color: #777;}
.contact_wrap .say .kor {padding-top: 50px; font-size: 18px;}
.contact_wrap .say .en {padding: 50px 0 150px; font-size: 40px;}

.w990 .contact_wrap {background: url(../../images/bg_eastasia_m.jpg) center -10px no-repeat;}
.w990 .contact_wrap .say .country span {padding: 0 90px; font-size: 50px;}
.w990 .contact_wrap .say p {max-width: 800px;}
.w990 .contact_wrap .say .kor {font-size: 15px;}
.w990 .contact_wrap .say .en {font-size: 30px;}

.w640 .contact_wrap {background: url(../../images/bg_eastasia_s.jpg) center 270px no-repeat;}
.w640 .contact_wrap .say .country span {padding: 0 60px; font-size: 30px;}
.w640 .contact_wrap .say p {max-width: 560px;}
.w640 .contact_wrap .say .kor {font-size: 15px;}
.w640 .contact_wrap .say .en {font-size: 30px;}

.detail_visual {position:relative;}
.detail_visual img {display: block; width:100%;}
.detail_visual a {position:absolute; top:341px; left:928px; opacity:0.8; filter: alpha(opacity=80); transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s;}
.detail_visual a:hover {opacity:1; filter: alpha(opacity=100);}
.detail_visual iframe {display: block;}
/* client */
.client_list {margin-top:-50px;}
.client_list ul {width:1200px; margin:0 auto; padding:50px 0; border-bottom:1px solid #dedede;}
.client_list ul:after {content: ""; visibility: hidden; display: block; height:0; clear: both;}
.client_list ul li {float:left; width:240px; text-align:center;}

/* portfolio_list */
.portfolio_list {text-align:center;}
.portfolio_list .year {width:1200px; margin:0 auto; border-top:1px solid #111;}
.portfolio_list .year:after {content: ""; visibility: hidden; display: block; height:0; clear: both;}
.portfolio_list .year h3 {float:left; width:196px; font-size:65px; text-align:left;}
.portfolio_list .year .cus_name {float:right;}
.portfolio_list .year .cus_name:after {content: ""; visibility: hidden; display: block; height:0; clear: both;}
.portfolio_list .year .cus_name ul {float:left;}
.portfolio_list .year .cus_name ul li {border-top:1px solid #dedede; text-align:left;}
.portfolio_list .year .cus_name ul li:first-child {border-top:0;}
.portfolio_list .year .cus_name ul li span.owner {display:block; color:#777;}

/* sub_it */
.cube_up {margin-top:-100px !important;}

.sub_wrap {position:relative; width:1200px; margin:0 auto; padding-bottom:60px; }
.w1280 .sub_wrap {width:100%;}
.w990 .sub_wrap, .w640 .sub_wrap {width:auto;}
.it_ver_down .division_obj h2 {font-weight:normal;}
.service_list p, .it_ver_down p {max-width:689px; margin:0 auto;}
ul.service_menu {width:100%; margin:0 auto; padding:0 14%; text-align:center;}
ul.service_menu:after {content: ""; visibility: hidden; display: block; height:0; clear: both;}
ul.service_menu li {float:left; width:18%;}
ul.service_menu span {display:block; margin-bottom:51px; color:#111; font-size:20px;}

.w990 ul.service_menu {width:100%; margin:0 auto; text-align:center;}

.sub_it_down {margin:0 auto; text-align:center;}
.sub_it_down .down_tit {font-size:26px; color:#111;}
.sub_it_down .down_tit i {color:#ff5200;}
.sub_it_down dl {display:inline-block; width:316px; margin:0 auto; text-align:center; padding:0 142px 62px 142px;}
.sub_it_down dl dt span {display:block; margin:17px 0 15px 0; font-size:18px; color:#777;}
.sub_it_down dl dt a {display:inline-block; height:25px; padding-right:26px; background:url(../../images/down_link03_off.png) 66px 3px no-repeat; line-height:25px; border-bottom:2px solid #bebebe; color:#777; font-size:16px;}
.sub_it_down dl dt a:hover {background:url(../../images/down_link03_on.png) 66px 3px no-repeat; border-bottom:2px solid #ff5200; color:#ff5200;}
.sub_it_down dl dd {margin-bottom:13px; text-align:left;}
.sub_it_down dl dd a {display:inline-block; margin-left:10px; padding-right:37px; background:url(../../images/down_link02_off.png) right 5px no-repeat; border-bottom:2px solid #c2c2c2; color:#777; line-height:26px; font-size:16px;}
.sub_it_down dl dd a:hover {background:url(../../images/down_link02_on.png) right 5px no-repeat; border-bottom:2px solid #ffb5a3; color:#ff5200;}

/* ABOUT UZEN */
.sub_intro_txt {width:920px; margin:0 auto; padding:130px 50px 20px 50px; color:#111; background-color:#f8f8f8; line-height:30px;  font-size:20px; text-align:center;}
.philosophy {background-color:#f8f8f8;}
.philosophy .division_obj {width:800px; margin:0 auto;}
.cont_visual {width:auto; height:640px; color:#fff; font-size:65px; text-align:center;}
.cont_visual p {padding:242px 50px;}
.cont_visual.about01 {background:url(../../images/about_visual01.jpg) center center no-repeat;}
.cont_visual.about02 {background:url(../../images/about_visual02.jpg) center center no-repeat;}
div.visual_desc01 {width:100%; background-color:#fff;}
div.visual_desc01 p {width:710px; margin:0 auto; padding:120px 50px; color:#777; font-size:18px; text-align:center;}
div.visual_desc02 {width:100%; padding:120px 0 100px 0;  background-color:#fff;}
div.visual_desc02 ul {width:1200px; margin:0 auto; text-align:left;}
div.visual_desc02 ul:after {content: ""; visibility: hidden; display: block; height:0; clear: both;}
div.visual_desc02 ul li {float:left; width:330px; margin-left:105px; font-size:14px;}
div.visual_desc02 ul li:first-child {margin-left:0;}
div.visual_desc02 ul li strong {display:block; margin-bottom:30px; font-size:25px;}

.w640 .sub_intro_txt {width:auto;}
.w640 .philosophy .division_obj {width:auto}
.w990 div.visual_desc02 {width:100%; background-color:#fff;}
.w990 div.visual_desc02 .inner {width:640px; margin:0 auto; overflow:hidden; text-align:center; vertical-align:middle;}
.w990 div.visual_desc02 ul, .w640 div.visual_desc02 ul {width:auto; margin:0;}
.w990 div.visual_desc02 ul li {width:640px !important;}
.w990 div.visual_desc02 ul li, .w640 div.visual_desc02 ul li {margin-left:0; font-size:18px}
.w990 div.visual_desc02 ul li div, .w640 div.visual_desc02 ul li div {padding:0 30px;}
.w990 .history_list {width:100%;}
.w990 .history_list > ul {width:100%; border-top:2px solid #111; border-bottom:1px solid #dedede;}
.w990 .history_list > ul > li {border-top:1px solid #dedede;}
.w990 .history_list ul li ul li:first-child {border-top:1px solid #dedede;}
.w990 .history_list ul li strong.year {display:block; float:none; padding:25px 0; font-size:60px; text-align:center;}
.w990 .history_list ul li ul li {width:auto; margin:0; padding:25px;}
.w990 .history_list ul li ul li .business_history {width:auto;}
.w990 .history_list ul li ul li .history_btn {right:25px; padding:0;}

.w640 div.visual_desc02 .inner {width:490px;}
.w640 div.visual_desc02 ul {width:1200px;}
.w640 div.visual_desc02 ul li {width:490px;}

.w640 div.visual_desc01 p {width:500px;}
.w640 div.visual_desc02 {width:100%; background-color:#fff;}
.w640 div.visual_desc02 .inner {margin:0 auto; overflow:hidden; text-align:center; vertical-align:middle;}
.w640 div.visual_desc02 ul {width:100%; margin:0;}
.w640 div.visual_desc01 p {width:480px; line-height:1.6em;}
.w640 .company_history .division_obj p {width:auto;}
.w640 .history_list {width:100%;}
.w640 .history_list > ul {width:100%; border-top:2px solid #111; border-bottom:1px solid #dedede;}
.w640 .history_list > ul > li {border-top:1px solid #dedede;}
.w640 .history_list ul li ul li:first-child {border-top:1px solid #dedede;}
.w640 .history_list ul li strong.year {display:block; float:none; padding:25px 0; font-size:60px; text-align:center;}
.w640 .history_list ul li ul li {width:auto; margin:0; padding:25px;}
.w640 .history_list ul li ul li .business_history {width:45%; font-size:22px;}
.w640 .history_list ul li ul li .history_btn {right:25px; padding:0;}
.history_list ul li ul li .history_btn {top:24%;}

/* History 표 */
/*.history_list {padding-bottom:100px;}*/
.history_list.bg_no {background-color:#fff;}
.history_list h3 {width:1200px; margin:0 auto; padding:90px 0 30px 0; color:#111; font-size:18px; font-weight:bold;}
.history_list > ul {width:1200px; margin:0 auto; border-bottom:2px solid #111;}
.history_list > ul > li {border-top:2px solid #111;}
.history_list > ul > li:after {content: ""; visibility: hidden; display: block; height:0; clear: both;}
.history_list ul li strong.year {float:left; padding-top:25px; font-size:60px;}
.history_list ul li ul li {position:relative; width:1000px; margin-left:200px; padding:25px 0; border-top:1px solid #dedede;}
.history_list ul li ul li:first-child {border-top:0;}
.history_list ul li ul li:after {content: ""; visibility: hidden; display: block; height:0; clear: both;}
.history_list ul li ul li span.month {margin-right:45px; color:#aaa; font-size:60px;}
.history_list ul li ul li .business_history {display:inline-block; padding:13px 50px 0 0; color:#111; font-size:22px; vertical-align:top; font-weight: bold;}
.history_list ul li ul li .business_history span {display:block; padding-bottom: 5px; color:#777; font-size:16px; font-family: "Noto"; font-weight: normal;}
.is-ie .history_list ul li ul li .business_history span {padding-bottom: 10px;}
.history_list ul li ul li .business_history span.dsc {padding-top: 10px;}
.history_list ul li ul li .business_history span.dsc .date {display: inline-block; padding-right: 5px; font-family: "Noto Eng";}
.history_list ul li ul li .business_history span.dsc .press {display: inline-block; padding-left: 5px;}
.history_list ul li ul li .history_btn {position:absolute; top:25px; right:10px;}
.history_list ul li ul li .history_btn img {vertical-align:middle;}
.history_list ul li ul li .history_btn img.btn_disabled {margin-right:10px; vertical-align:top}

.history_list ul li ul li .history_btn a {display: inline-block; width: 65px; height: 65px; margin-left: 5px; background-color: #ff5200; background-position: center center; background-repeat: no-repeat;}
.history_list ul li ul li .history_btn a.disable {opacity: 0.2; filter: alpha(opacity=20); cursor: default;}
.history_list ul li ul li .history_btn a span {display: block; text-indent: -1000em;}
.history_list ul li ul li .history_btn a.detail {background-image: url(../../images/btn_cube_arr3.png);}
.history_list ul li ul li .history_btn a.detail:hover {
	animation: movearrowright 0.5s;
	-webkit-animation : movearrowright 0.5s;
	-moz-animation : movearrowright 0.5s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
}
@keyframes movearrowright {
    0%   {background-position: center center;}
    33%  {background-position: 65px center;}
    34%  {background-position: 65px -100px;}
    35%  {background-position: -65px -100px;}
    36%  {background-position: -65px center;}
    100%  {background-position: center center;}
}
@-webkit-keyframes movearrowright {
    0%   {background-position: center center;}
    33%  {background-position: 65px center;}
    34%  {background-position: 65px -100px;}
    35%  {background-position: -65px -100px;}
    36%  {background-position: -65px center;}
    100%  {background-position: center center;}
}
.history_list ul li ul li .history_btn a.more{position: relative; overflow: hidden; background-color:#ff5200; background-image: none; vertical-align: top;}
.lt-ie9 .history_list ul li ul li .history_btn a.more {background-image: url(../../images/history_more.png);}
.history_list ul li ul li .history_btn a.more:before{content: ""; position: absolute; width: 100%; height: 100%; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; background: url(../../images/history_more.png) center center no-repeat;}
.history_list ul li ul li .history_btn a.more:hover:before{transform: rotate(90deg); -webkit-transform: rotate(90deg);	-moz-transform: rotate(90deg);}
.history_list ul li ul li .history_btn a.disable.more:hover:before{transform: none; -webkit-transform: none;	-moz-transform: none;}
.history_list ul li ul li .history_btn a {background-color: #aaa; transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s;}
.history_list ul li ul li .history_btn a:hover {background-color: #ff5200; transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s;}
.history_list ul li ul li .history_btn a.link {background-image: url(../../images/history_link.png);}
.history_list ul li ul li .history_btn a.link.disable:hover {background-color: #aaa;}
.history_list ul li ul li .history_btn a.gps {background-image: url(../../images/ico_gps.png);}
.history_list ul li ul li .history_btn a.close {background-image: url(../../images/history_close.png); background-color: #777;}
.history_list ul li ul li .detail_txt {display:none; margin-top:30px; padding-top:30px; background:url(../../images/history_tit_bar.png) 0 0 no-repeat; color:#aaa; font-size:13px;}
.history_list ul li ul li .detail_txt i {display:block; margin-bottom:15px; color:#111; font-size:14px;}
.history_list ul li ul li .detail_txt div {text-align:center;}
.history_list ul li ul li .detail_txt p {padding-left:15px; background:url(../../images/icon_dot.jpg) 0 13px no-repeat; color:#777; font-size:14px; line-height:30px;}

.w990 .history_list {width:100%;}
.w990 .history_list h3 {padding:90px 50px 30px 50px;}
.w990 .history_list > ul {width:100%; border-top:2px solid #111; border-bottom:1px solid #dedede;}
.w990 .history_list > ul > li {border-top:1px solid #dedede;}
.w990 .history_list ul li ul li:first-child {border-top:1px solid #dedede;}
.w990 .history_list ul li strong.year {display:block; float:none; padding:25px 0; font-size:60px; text-align:center;}
.w990 .history_list ul li ul li {width:auto; margin:0; padding:25px 50px;}
.w990 .history_list ul li ul li .history_btn {padding:0;}

.w640 .history_list h3 {padding:90px 25px 30px 25px;}

.company_history {background-color:#f8f8f8;}
.company_history .division_obj {padding-top:100px;}
.company_history .division_obj p {max-width:800px; margin:0 auto; padding:0 50px;}
/* 마케팅 공통 */
.company_specific .col3 {width:1200px; margin:0 auto;}
.company_specific .col3 ul:after {content: ""; visibility: hidden; display: block; height:0; clear: both;}
.company_specific .col3 ul li {position:relative; float:left; width:400px; height:400px; font-weight:bold; overflow:hidden;}
.company_specific .col3 ul li figure {height:100%; background-color:#ff5200;}
.company_specific .col3 ul li figure > img {position:absolute; top:0; left:0; width:100%; height:auto; opacity:1; filter: alpha(opacity=100); transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s;}
.company_specific .col3 ul li figure:hover > img {opacity:0.3; filter: alpha(opacity=30); transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
.company_specific .col3 ul li figure:hover figcaption {opacity:1; filter: alpha(opacity=100); transform:translateX(0px); -webkit-transform:translateX(0px); -moz-transform:translateX(0px);}
.company_specific .col3 ul li figure:hover figcaption img {opacity:1; filter: alpha(opacity=100);}
.company_specific .col3 ul li figure span {display:table-cell; color:#fff; font-size:36px; text-align:center; vertical-align:middle;}
.company_specific .col3 ul li:first-child figure span {font-size:26px;}
.company_specific .col3 ul li figure span strong {display:block;font-size:46px;}
.company_specific .col3 ul li figcaption {display:table; width:100%; height:100%; opacity:0; filter: alpha(opacity=0); transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; transform:translateX(20px); -webkit-transform:translateX(20px); -moz-transform:translateX(20px); text-align:center; }
.company_specific .col3 ul li figcaption img {width: 100%; height: auto;}

.w1280 .company_specific {width:1200px; margin:0 auto;}

.w1280 .company_specific .col3 {width: 100%;}
.w1280 .company_specific .col3 ul {width: auto; margin: 0;}
.w1280 .company_specific .col3 ul li {width: 400px; height: 400px;}
.w1280 .company_specific .col3 ul li figure span {font-size: 30px;}
.w1280 .company_specific .col3 ul li figure span strong {font-size: 40px;}
.w1280 .company_specific .col3 ul li figcaption img {width: auto; height: 100%;}
.w1280 .company_specific .col3 ul li:first-child figure span{font-size: 20px;}

.w990 .company_specific .col3 {width: 900px; margin: 0 auto; overflow: hidden;}
.w990 .company_specific .col3 ul {width: 900px; margin: 0;}
.w990 .company_specific .col3 ul li {width: 300px; height: 300px;}
.w990 .company_specific .col3 ul li figure span {font-size: 30px;}
.w990 .company_specific .col3 ul li figure span strong {font-size: 40px;}
/*.w990 .company_specific .col3 ul li figcaption img {width: auto; height: 100%;}*/
.w990 .company_specific .col3 ul li:first-child figure span{font-size: 20px;}

.w640 .company_specific .col3 {width: 640px; overflow: hidden;}
.w640 .company_specific .col3 ul {width: 960px; margin: 0;}
.w640 .company_specific .col3 ul li {width: 320px; height: 320px;}
.w640 .company_specific .col3 ul li figure span {font-size: 30px;}
.w640 .company_specific .col3 ul li figure span strong {font-size: 40px;}
.w640 .company_specific .col3 ul li figcaption img {width: auto; height: 100%;}
.w640 .company_specific .col3 ul li:first-child figure span{font-size: 20px;}

.is-ie .company_specific .col3 {padding-bottom: 0;}
.is-ie .company_specific .col3 ul {margin-bottom: 100px;}
.is-ie .company_specific .col3 ul li figcaption img {width: 100%; height: auto;}

/* CULTURE */
.organization p, .uzen_blog p {max-width:690px; margin:0 auto;}
.organi_list {padding-top:60px;}
.organi_list ul {width:1100px; margin:0 auto; text-align:center;}
.organi_list ul:after {content: ""; visibility: hidden; display: block; height:0; clear: both;}
.organi_list ul li {float:left; width:300px; height:300px; margin:0 100px 70px 0; color:#777; line-height:20px; font-size:14px;}
.organi_list ul li.mr0 {margin-right:0 !important;}
.organi_list ul li span {display:block; margin:30px 0 15px 0; color:#111; font-size:26px; line-height:32px;}
.organi_list.type2 {padding-bottom:60px;}

ul.cube_wrap.type3.blog li.cube figure span {font-size:60px;}
ul.cube_wrap.type3.blog li.cube figure:hover {background:none;}
ul.cube_wrap.type3.blog li.cube figure:hover img {opacity:1; filter: alpha(opacity=100);}

.w640 .organi_list .inner, .w990 .organi_list .inner {width:290px; margin:0 auto; overflow:hidden;}
.w640 .organi_list .inner ul, .w990 .organi_list .inner ul {width:auto;}
.w640 .organi_list .inner ul li, .w990 .organi_list .inner ul li {float:left; width:290px; margin:0; padding:0;}

/* CAREERS */
.organi_list.type2 ul:after {content: ""; visibility: hidden; display: block; height:0; clear: both;}
.organi_list.type2 ul li {width:230px; margin:0 60px 140px 0;}
.organi_list.type2 ul li.mr0 {margin-right:0;}
.benefits {background-color:#fff;}
.benefits h3 {margin:120px 0 65px 0; color:#111; font-size:40px; line-height:65px; text-align:center;}
.benefits h3.mt0 {margin-top:0;}
.benefits h3 i {display:block; font-size:80px;}
.benefits ul.benefit_list01 {width:1100px; margin:0 auto 165px;}
.benefits ul.benefit_list01:after {content: ""; visibility: hidden; display: block; height:0; clear: both;}
.benefits ul.benefit_list01 li {float:left; width:225px; margin-right:65px; color:#777; font-size:14px; line-height:20px;}
.benefits ul.benefit_list01 li.mr0 {margin-right:0;}
.benefits ul.benefit_list01 li span {display:block; margin-bottom:21px; color:#111; font-size:26px;}

.benefits ul.benefit_list02 {width:1100px; margin:0 auto 60px;}
.benefits ul.benefit_list02:after {content: ""; visibility: hidden; display: block; height:0; clear: both;}
.benefits ul.benefit_list02 li {float:left; width:320px; margin:0 40px 25px 0; color:#777; font-size:14px; line-height:20px;}
.benefits ul.benefit_list02 li.mr0 {margin-right:0;}
.benefits ul.benefit_list02 li span {display:block; margin-bottom:21px; color:#111; font-size:26px;}
.benefits ul.benefit_list03 {padding-bottom:60px; text-align:center;}
.benefits ul.benefit_list03:after {content: ""; visibility: hidden; display: block; height:0; clear: both;}
.benefits ul.benefit_list03 li {width:320px; margin:0 auto; color:#777; font-size:14px; line-height:20px;}
.benefits ul.benefit_list03 li span {display:block; margin-bottom:21px; color:#111; font-size:26px;}
.benefits .btn_refresh {margin-bottom:100px; text-align:center;}
.benefits .btn_refresh a {transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s;}
.benefits .btn_refresh a:hover {background-color:#ff5200;}
.benefits a.refresh_link01 {display:inline-block; width:235px; height:64px; color:#fff; background-color:#111; font-size:16px; line-height:64px; text-align:center;}
.benefits a.refresh_link02 {display:inline-block; width:193px; height:60px; margin-left:17px; padding-right:38px; background:url(../../images/etc_link03.png) 78% center no-repeat; color:#111; border:2px solid #111; font-size:16px; line-height:60px; text-align:center;}
.benefits a.refresh_link02.type02 {width:174px; padding-right:38px}
.benefits a.refresh_link02:hover {border:2px solid #ff5200; background:url(../../images/etc_link03_on.png) 78% center no-repeat #ff5200; color:#fff;}
.benefits ul.benefit_etc {padding-bottom:70px; text-align:center;}
.benefits ul.benefit_etc:after {content: ""; visibility: hidden; display: block; height:0; clear: both;}
.benefits ul.benefit_etc li {color:#111; font-size:26px; line-height:45px;}
.benefits .service_wrap {padding-bottom:60px;}
.w990 .benefits ul.benefit_list02, .w640 .benefits ul.benefit_list02 {margin-bottom:0;}

.w640 .interview_wrap .inner, .w990 .interview_wrap .inner {width: 290px; margin: 0 auto; overflow: hidden;}
.w640 .interview_wrap .inner ol, .w990 .interview_wrap .inner ol {width:auto; margin:0; padding:0;}
.w640 .interview_wrap .inner ol li, .w990 .interview_wrap .inner ol li {float:left; width:290px; margin:0;}

ul.interview_ord {margin:0 auto 100px; padding:0 50px; text-align:center;}
ul.interview_ord li {display:inline-block; max-width:230px; margin:0 50px; color:#777; font-size:14px; vertical-align:top;}
ul.interview_ord li dl dt {margin-bottom:21px; color:#111; font-size:26px;}
ul.interview_ord li dl dt i {display:block; font-size:60px;}

.w640 ul.interview_ord, .w990 ul.interview_ord {margin:0 auto; padding:0;}
.w640 ul.interview_ord li, .w990 ul.interview_ord li {margin:0;}

ul.cube_wrap.type3.bg_no li.cube figure:hover {background:none;}

ul.uzen_talent li {width:300px !important; margin-right:100px !important;}

.w990 .benefits .content {display:none; overflow: hidden;}
.w990 .benefits .bene_list {background-color:#111;}
.w990 .benefits h3 {width:100%; height:100%; margin:0; color:#fff; border-top:1px solid #dedede; vertical-align:middle; transition:background-color 0.4s; -webkit-transition:background-color 0.4s; -moz-transition:background-color 0.4s;}
.w990 .benefits .bene_list.on {padding-bottom:98px; background-color:#fff !important; color:#111 !important;}
.w990 .benefits .bene_list.on h3 {color:#111;}
.w990 .benefits .bene_list ul li {opacity:0; filter: alpha(opacity=0); transition:color 0.1s; -webkit-transition:color 0.1s; -moz-transition:color 0.1s;}
.w990 .benefits .bene_list.on ul li {padding-top:1px; opacity:1; filter: alpha(opacity=100);}
.w990 .benefits h3.mt0 {border-top:0;}
.w990 .benefits h3 a {display:block; width:100%; padding:85px 0;}
.w990 .benefits ul.benefit_list01 {width:1100px; margin:0 auto ;}
.w990 .benefits ul.benefit_etc {padding-left:80px;}
.w990 .benefits ul.benefit_etc li, .w640 .benefits ul.benefit_etc li {width:200px !important; margin-right:100px !important; text-align:center !important;}
.is-ie .w990 .benefits .bene_list.on ul li, .is-ie .w640 .benefits .bene_list.on ul li {padding-top:8px;}


.w990 .benefits .flicking-pager, .w640 .benefits .flicking-pager {display:none;}
.w990 .benefits .bene_list.on .flicking-pager, .w640 .benefits .bene_list.on .flicking-pager {display:block !important;}
.w990 #benefit02 .inner, .w640 #benefit02 .inner {padding-bottom:50px;}

.w640 .benefits .content {display:none; overflow: hidden;}
.w640 .benefits .bene_list {background-color:#111;}
.w640 .benefits h3 {width:100%; height:100%; margin:0; color:#fff; border-top:1px solid #dedede; vertical-align:middle; transition:background-color 0.4s; -webkit-transition:background-color 0.4s; -moz-transition:background-color 0.4s;}
.w640 .benefits .bene_list.on {padding-bottom:90px; background-color:#fff !important; color:#111 !important;}
.w640 .benefits .bene_list.on h3 {color:#111;}
.w640 .benefits .bene_list ul li {opacity:0; filter: alpha(opacity=0); transition:color 0.1s; -webkit-transition:color 0.1s; -moz-transition:color 0.1s;}
.w640 .benefits .bene_list.on ul li {padding-top:1px; opacity:1; filter: alpha(opacity=100);}
.w640 .benefits h3.mt0 {border-top:0;}
.w640 .benefits h3 a {display:block; width:100%; height:100%; padding:85px 0;}
.w640 .benefits ul.benefit_list01 {width:1100px; margin:0 auto;}
.w640 .benefits ul.benefit_etc {padding-left:80px;}
.w640 .benefits .btn_refresh, .w990 .benefits .btn_refresh{width:235px; margin:30px auto 0;}
.w640 .benefits .btn_refresh a, .w990 .benefits .btn_refresh a {display:block; margin:0 auto 26px;}

.w640 .benefits .inner, .w990 .benefits .inner {width:370px; height:auto; margin:0 auto; overflow:hidden;}
.w640 .benefits .inner ul, .w990 .benefits .inner ul {width:auto;}
.w640 .benefits .inner ul li, .w990 .benefits .inner ul li {float:left; width:370px; margin:0; text-align:center;}



/* WORKS LIST */
.works_year {background-color:#fff; text-align:center;}
/*.works_year ul li {display:inline-block; margin:0 90px; padding:46px 0; color:#111; font-size:57px;}*/
.works_year ul {margin:0 auto; white-space:nowrap;}
.works_year ul li {display:inline-block; width:100px; margin:0 40px; padding:46px 0; color:#111; font-size:40px;}
.w990 .works_year ul {transition: transform 0.3s; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transform:translate(0px, 0px); -webkit-transform:translate(0px, 0px); -moz-transform:translate(0px, 0px);}
.w990 .works_year ul.move {transition-duration: 0; -webkit-transition-duration: 0; -moz-transition-duration: 0;}

.works_year.fixed {position: relative; height: 160px;}
.works_year.fixed .inner {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;

	background: #fff;
	z-index: 20;

	transition: top 0.6s;
	 -webkit-transition: top 0.6s;
	  -moz-transition: top 0.6s;

	animation: worksyeardown 0.6s;
	-webkit-animation : worksyeardown 0.6s;
	-moz-animation : worksyeardown 0.6s;

	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
}

@keyframes worksyeardown {
	0%  {top: -160px;}
    100%  {top: 0px;}
}
@-webkit-keyframes worksyeardown {
	0%  {top: -160px;}
    100%  {top: 0px;}
}
@-moz-keyframes worksyeardown {
	0%  {top: -160px;}
    100%  {top: 0px;}
}

.works_year.fixed.more .inner {margin-top: 80px;
	transition: margin-top 0.6s;
 	-webkit-transition: margin-top 0.6s;
  	-moz-transition: margin-top 0.6s;
}

.works_year.fixed i {/*font-size: 45px;*/ font-size:40px;}
/*.works_year.fixed ul li {margin: 0 50px; padding: 0;}
.works_year.fixed ul li a {display: block; height: 160px; padding: 0  40px; line-height: 160px;}*/
.works_year.fixed ul li {margin: 0 40px; padding: 0;}
.works_year.fixed ul li a {display: block; height: 160px; line-height: 160px;}
.works_year.fixed ul li:hover a,
.works_year.fixed ul li.active a {height: 145px; border-bottom: 15px solid #ff5200;}


.clients_list {width:1200px; margin:0 auto; overflow: hidden;}
.clients_list ul {border-top:1px solid #dedede; text-align:center;}
.clients_list ul:after {content: ""; visibility: hidden; display: block; height:0; clear: both;}
.clients_list ul:first-child {margin-top: -1px;}
.clients_list ul.type2 {position: relative; top: -1px; border-top: 1px solid #ababab; padding-bottom:80px; z-index: 1;}
.clients_list ul li {float: left; width: 240px; height: 160px; line-height: 160px; border-bottom:1px solid #dedede;}
.clients_list ul li img {display:inline-block; vertical-align: middle;}

.w1920 .clients_list ul li.blank_line {display:none !important;}
.w1280 .clients_list ul li.blank_line {display:none !important;}
.w990 .clients_list, .w640 .clients_list  {width:100%;}
.w990 .clients_list ul li {width:33.3%}
.w640 .clients_list ul li {width:33.3%;}
.w640 .clients_list ul li.blank_line {display:list-item;}

.request_area {width:1200px; margin:0 auto; color:#111;}
.request_area .input_form:after {content: ""; visibility: hidden; display: block; height:0; clear: both;}
.request_area .input_form .req_ipt {margin-bottom:20px;}
.request_area .input_form .req_ipt span {color:#fa6415; font-size:14px;}
.request_area .input_form p {position:relative; float:left; margin-bottom:20px;  background-color:#fff; font-size:18px;}
.request_area .input_form p.mr {margin-right:20px;}
.request_area .input_form p label {position:absolute; top:27px; left:20px; color:#777;}
.request_area .input_form p label span {color:#fa6415;}
.request_area .input_form p input {width:550px;padding:23px 20px; color:#777; font-family:Noto;}
.request_area .input_form p.url {width:100%;}
.desire_service {margin-top:50px;}
.desire_service > p {font-size:20px;}
.desire_service .desc_check:after {content: ""; visibility: hidden; display: block; height:0; clear: both;}
.desire_service .desc_check p {float:left; padding:8px 0;}
.desire_service .desc_check p.check1 {width:518px;}
.desire_service .desc_check p.check2 {width:483px;}
.desire_service .desc_check input {margin-right:10px;font-size:16px;}
.desc_project {position:relative; margin-top:70px;}
.desc_project textarea {width:100%; min-height:146px; height:auto; margin-bottom:20px; padding:24px 18px; color:#777; background-color:#fff; font-family:Noto; font-size:18px;}
.desc_project label {position:absolute; top:27px; left:18px; color:#777; font-size:18px;}
.desc_project label span {color:#fa6415;}
.desc_project p span {color:#777;}

/* WORKS DETAIL */
.works_detail_tit {padding:100px 50px 80px 50px; text-align:center;}
.works_detail_tit h2 {font-size:80px; font-weight:bold;}
.detail_rolling {position:relative; width:100%; height:auto; color:#fff; text-align:center;}
.detail_rolling h2.detail_tit {position:absolute; top: 50%; margin-top: -60px; width:100%; color:#fff; font-size:100px; text-align:center; z-index:1;}
.detail_rolling div img {display: block; width:100%;}
.detail_rolling.seoul_office {background:url(../../images/contactus_rolling01.jpg) center center no-repeat;}
.detail_rolling.japan_office {background:url(../../images/contactus02_rolling01.jpg) center center no-repeat;}
.detail_rolling h3 {padding:300px 50px; font-size:100px; text-align:center;}
.detail_rolling ul li {float:left;}
.detail_rolling .detail_btn {position:absolute; top:30px; right:30px;}
.detail_rolling .detail_btn a:first-child {margin-right:2px;}

.w990 .detail_rolling h2.detail_tit {margin-top:-40px; font-size: 70px}
.w990 .detail_insight .insight_txt {width: 100%;}
.w990 .detail_insight .insight_img {display: none;}
.w990 .detail_visual iframe {height: 450px !important;}
.w990 .division .division_obj h2 {font-size: 70px;}

.w640 .works_detail_tit h2 {font-size: 50px;}
.w640 .detail_rolling h2.detail_tit {margin-top:-30px; font-size: 50px}
.w640 .detail_insight .insight_txt {width: 100%;}
.w640 .detail_insight .insight_img {display: none;}
.w640 .detail_visual iframe {height: 320px !important;}
.w640 .division .division_obj h2 {font-size: 50px;}

.detail_insight {background-color:#fff;}
.detail_insight:after {content: ""; visibility: hidden; display: block; height:0; clear: both;}
.detail_insight .insight_txt {float:left; width:50%;}
.detail_insight .insight_txt .inner {padding:68px 130px 50px 130px;}
.detail_insight .insight_img {float:right; width:50%;}
.detail_insight .insight_img img {display: block; height: 100%;}
.detail_insight .insight_txt .inner > div {font-size:18px; font-weight:bold;}
.detail_insight .insight_txt h3 {padding-top:30px;font-size:45px;}
.detail_insight .insight_txt ul {padding:30px 0 45px 0;}
.detail_insight .insight_txt ul li {padding:19px 0 11px 0; border-bottom:1px solid #ddd; color:#777;}
.detail_insight .insight_txt ul li span {display:block; padding-bottom:20px; color:#111;}
.detail_insight .insight_btn a {display:inline-block; width:64px; height:64px; margin-right:10px; text-align:center; line-height:64px; background-color:#aaa;}
.detail_insight .insight_btn a:hover {background-color:#ff5200; transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s;}
.detail_insight .insight_btn a img {vertical-align:middle;}
.detail_insight .detail_img {float:left; width:960px;}
.detail_ex_wrap {background-color:#fff;}
.detail_ex {width:1300px; padding:80px 130px; color:#111; }
.detail_ex .tit {display:block; margin-bottom:25px; font-size:18px; font-weight:bold;}
.detail_ex p {margin-bottom:50px; font-size:30px; letter-spacing:-0.04em;}
.detail_ex ul {}
.detail_ex ul li {padding-left:15px; background:url(../../images/icon_dot.jpg) 0 13px no-repeat; color:#777; font-size:14px; line-height:30px;}
.more_project {background-color:#fff;}
.more_project .col3 {padding-bottom:0;}

.w640 .detail_ex {width:auto; padding:80px 50px;}


/* news & press */
.news_wrap {width: 1200px; margin: 0 auto;}
.news_wrap .col3.white ul li div {padding: 40px 50px 40px 30px;}
.news_wrap .col3 .bigdt dt { line-height: 40px;}
.news.search_option {margin-bottom: 85px; text-align: center;}
.news.search_option .select {margin: 0 8px;}
.news.search_option .search {margin-right: 7px;}
.newsnPress {padding:110px 0 0;}
.newsnPress h3 {font-size:16px; color:#111; margin:0 0 40px;}
.newsnPress p {font-size:16px; text-align:left;}
.newsnPress .newsnPress_img {margin:30px 0; text-align:center;}
.info_share {position:absolute; padding-top:110px; top:0; right:-210px; width:160px;}
.info_share dt {font-size:14px; color:#111; margin:0 0 10px; font-weight:bold;}
.info_share dd {font-size:13px; color:#111; margin:0 0 20px; word-break: break-all;}
.info_share dd a {color:#ff5200; text-decoration:underline;}
.info_share .share {padding:40px 0 0;}
.info_share .share dt {padding:0 0 15px; border-bottom:1px solid #dedede;}
.info_share .share dd {margin:30px 0 0;}
.info_share .share dd button {width:64px; height:64px; margin:0 10px 10px 0; padding:0; background:#111; text-indent:-9999px}
.info_share .share dd button:hover {background:#fe5200; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}
.info_share .share dd button span {display:block; width:100%; height:100%; background:url(../images/share.png) no-repeat;}
.info_share .share dd button span.fb {background-position:0 0;}
.info_share .share dd button span.tw {background-position:-74px 0;}
.info_share .share dd button span.pr {background-position:0 -74px;}
.info_share .share dd button span.ma {background-position:-74px -74px;}
.division.white {background:#fff;}
.division.white .news_wrap li {background:#f8f8f8;}

/* it_sub com */
.sub_detail_wrap {position:relative; width:780px; margin:0 auto; color:#777; text-align:left;}
.sub_detail_wrap p.detail_desc {padding:80px 0; line-height:28px;}
.sub_detail_wrap p.detail_desc.b0 {padding-bottom:0;}
.sub_detail_wrap ol > li {color:#111; font-size:20px;}
.sub_detail_wrap ol > li strong {display:block; padding:90px 0 45px 0;}
.sub_detail_wrap ol > li strong.tit1 {padding:20px 0 45px 0;}
.sub_detail_wrap ol > li dl {font-size:16px;}
.sub_detail_wrap ol > li dl dt {display:block; margin:35px 0 5px 0; color:#111;}
.sub_detail_wrap ol > li dl dd {color:#777; line-height:28px;}
.sub_detail_wrap ol > li > ul {margin-top: 25px;}
.sub_detail_wrap ol > li > ul > li {margin-left: 20px; list-style: square; line-height: 26px; color: #777; font-size: 16px;}
.sub_detail_wrap .dsc {margin-top: 20px; font-size: 16px; color: #777; line-height: 28px;}

.w990 .sub_detail_wrap {width:780px;}
.w640 .sub_detail_wrap {width:auto; padding:0 25px;}
.w990 .sub_detail_wrap img , .w640 .sub_detail_wrap img {display:block; width:100%;}


/* ItService */
.it_service {margin:70px 0 0; padding:0 0 100px; background:#fff;}
.it_service li {color:#ff5200; background:#fff; border-bottom:1px solid #dedede; text-align:center;}
.it_service li a {display:block; height:100%; padding:75px 35px;}
.it_service li.fir {border-top:1px solid #dedede;}
.it_service li:hover, .it_service li:hover p {color:#fff; background:#ff5200;}
.it_service li h3 {font-size:40px; font-weight:bold; text-transform:capitalize;}
.it_service li p {margin-top:8px; color:#aaa; font-size:16px; text-transform:capitalize;}

/* ItCummerce */

.sub_detail_wrap ol > li .detail_img{padding:50px 0 80px;}

/* ItMobile */
.pointlist {width: 620px; margin: 0 auto;}
.pointlist li {width: 100%; height: 70px; margin-bottom: 15px; text-align: center; line-height: 70px; color: #fff; font-weight: bold;}
.pointlist.type01 li {background: #fa5400;}
.pointlist.type02 li {background: #ed945e;}

.diagram.type2 .tit {font-size:16px; color:#444; line-height:24px; text-align:left;}

.pointlist.type03 th {padding:20px 0; margin:0; text-align:center; background:#fa5400; color:#fff; border-bottom:1px solid #fff;}
.pointlist.type03 th .kor {font-size:14px; font-weight:lighter;}
.pointlist.type03 th .eng {font-size:16px; font-weight:lighter;}
.pointlist.type03 td {padding:20px 0 20px 40px; font-size:14px; color:#666; text-align:left; line-height:18px;}


.w640 .pointlist {width:540px;}

/* common margin,padding */
.pt20 {padding-top:20px;}
.mt65 {margin-top:65px;}
.mt25 {margin-top:25px;}
.mb0 {margin-bottom:0;}
.pt80 {padding-top:80px;}

/* ItConsulting */
.diagram li.Dgray {height:230px; background-color:#5c5c5c; line-height:22px;}
.diagram li.Dgray dl {padding:45px 0 50px 0; color:#fff;}
.diagram li.Dgray dl dt {display:block; margin-bottom:15px;}
.diagram li.Dgray dl dd {font-size:13px;}
.diagram {position:relative;}
.diagram li.Dgray img.consulting_larr {position:absolute; top:706px; left:39px;}
.diagram li.Dgray img.consulting_rarr {position:absolute; top:621px; right:39px;}
.oper_desc {width:620px; margin:0 auto; text-align:left;}
.oper_desc dt {display:block; margin:40px 0 10px 0; color:#444; font-size:18px; font-weight:bold;}
.oper_desc dd {font-size:13px; line-height:18px;}

.w640 .diagram {padding:50px 25px;}
.w640 .diagram .tit {width:540px;}

/* ItSolution */

/* ItDatabase */
.Database_desc li:first-child {margin-top:0;}
.Database_desc li {margin-top:30px;}

/* PRODUCT */
.pro_list01 > li {margin-top:65px;}
.product_link {padding-top:60px; text-align:center;}
.product_link a {display:inline-block; width:323px; height:60px; color:#111; background-color:#fff; border:2px solid #111; font-size:16px; line-height:60px; text-align:center; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;}
.product_link a:hover {background-color:#ff5200; color:#fff; border:2px solid #ff5200;}

.repchart_contact {margin-top:40px; color:#111;}

.service_txt {max-width:680px !important;}


/* product (15.03.19) */
.sub_tit.product h2{font-size:100px; padding:260px 50px;}

	.itProductTop.menu {position: absolute; width: 100%; height: 100%; overflow: hidden; z-index: 10; top:0;}
	.itProductTop.menu div {display: table; position: absolute; width:25%; height: 100%; text-align: center; color: #fff;}
	.itProductTop.menu div.G1 {left: 0px;}
	.itProductTop.menu div.Appsome {left:25%;}
	.itProductTop.menu div.WASCO {left:50%;}
	.itProductTop.menu div.RepChart {left:75%;}
	.itProductTop.menu div.WASCO:before, .itProductTop.menu div.Appsome:before, .itProductTop.menu div.RepChart:before {display: block; width: 1px; height: 100%; background: #fff; opacity: 0.25; filter: alpha(opacity=25); content : ''}
	.itProductTop.menu div span, .product .menu div strong {display: block; transition:opacity 0.3s; -webkit-transition:opacity 0.3s; -moz-transition:opacity 0.3s;}
	.itProductTop.menu div a {display: table-cell; margin: 30px; vertical-align: bottom; padding-bottom:216px;}
	.itProductTop.menu div .num {text-indent: 10px; font-size: 20px; font-family: "Noto Eng"; letter-spacing: 0;}
	.itProductTop.menu div .initial {font-family: "Futura"; font-size: 50px; font-weight: bold; opacity: 0.25; filter: alpha(opacity=25);}
	.itProductTop.menu div strong {margin-top: 5px; font-weight: normal; font-size: 20px; opacity: 0.25; filter: alpha(opacity=25); letter-spacing: 0;}
	.itProductTop.menu div.active .initial, .itProductTop.menu div.active strong {opacity: 1; filter: alpha(opacity=100);}
	.itProductTop.menu div strong {font-weight:bold;}

	.w640 .itProductTop.menu div.WASCO:before, .w640 .itProductTop.menu div.WASCO:after{background:none;}
	.w640 .itProductTop.menu div .initial{opacity:0.6;}
	.w640 .itProductTop.menu div.active .initial, .w640 .itProductTop.menu div.active strong {opacity: 1; filter: alpha(opacity=100);}

	.lt-ie10 .itProductTop.menu div.WASCO {border-left: 1px solid #fff; border-right: 1px solid #fff;}
	.lt-ie10 .w990 .itProductTop.menu div.WASCO {border-left: 1px solid #fff; border-right: 1px solid #fff;}
	.lt-ie10 .w640 .itProductTop.menu div.WASCO {border-left: none; border-right: none;}


/* workdetail 01-09 (15.03.20) */

.wd_list.history_list ul li ul li .detail_txt {font-size:15px; color:#999; line-height:22px;}
.wd_list.history_list ul li ul li .detail_txt p{font-size:15px;}

/* itService (15.023.20) */
.sub_tit.service h2{font-size:100px; padding:258px 50px;}
	.menu.itServiceTop {position: absolute; width: 100%; height: 100%; overflow: hidden; z-index: 10; top:0;}
	.menu.itServiceTop div {display: table; position: absolute; width: 16.5%; height: 100%; text-align: center; color: #fff;}
	.menu.itServiceTop div.ItCommerce{left: 1%;}

	.menu.itServiceTop div.ItConsulting {left: 34%; margin-left: -16.7%; width: 16.5%;}
	.menu.itServiceTop div.ItConsulting:before{display: block; width: 1px; height: 100%; background: #fff; opacity: 0.25; filter: alpha(opacity=25); content : ''}

	.menu.itServiceTop div.ItMobile {left: 50.6%; margin-left: -16.7%; width: 16.5%;}
	.menu.itServiceTop div.ItMobile:before{display: block; width: 1px; height: 100%; background: #fff; opacity: 0.25; filter: alpha(opacity=25); content : ''}

	.menu.itServiceTop div.ItBPO {left: 67.3%; margin-left: -16.7%; width: 16.5%;}
	.menu.itServiceTop div.ItBPO:before{display: block; width: 1px; height: 100%; background: #fff; opacity: 0.25; filter: alpha(opacity=25); content : ''}

	.menu.itServiceTop div.ItDatabase {left: 83.8%; margin-left: -16.7%; width: 16.5%;}
	.menu.itServiceTop div.ItDatabase:before, .menu.itServiceTop div.ItDatabase:after {display: block; width: 1px; height: 100%; background: #fff; opacity: 0.25; filter: alpha(opacity=25); content : ''}

	.menu.itServiceTop div.ItSolution {left: 83.3%}


	.menu.itServiceTop div span, .menu.itServiceTop div strong {display: block; transition:opacity 0.3s; -webkit-transition:opacity 0.3s; -moz-transition:opacity 0.3s;}
	.menu.itServiceTop div a {display: table-cell; margin: 30px; vertical-align: top; padding-top:414px;}
	.menu.itServiceTop div .num {text-indent: 10px; font-size: 20px; font-family: "Noto Eng"; letter-spacing: 0;}
	.menu.itServiceTop div .initial {font-family: "Futura"; font-size: 50px; font-weight: bold; opacity: 0.25; filter: alpha(opacity=25);}
	.menu.itServiceTop div strong {margin-top: 5px; font-weight: normal; font-size: 20px; opacity: 0.25; filter: alpha(opacity=25); letter-spacing: 0;}
	.menu.itServiceTop div.active .initial, .menu.itServiceTop div.active strong {opacity: 1; filter: alpha(opacity=100);}
	.menu.itServiceTop div strong {font-weight:bold;}
	.menu.itServiceTop div .initial img{width:55.5%;}

	.w990 .sub_tit h2{padding:258px 50px;}
	.w990 .menu.itServiceTop div .initial img{width:80.5%;}
	.w990 .menu.itServiceTop div strong{font-size:16px;}

	.w640 .menu.itServiceTop div a {vertical-align: middle; padding-top:180px;}
	.w640 .menu.itServiceTop div strong{display:none;}
	.w640 .menu.itServiceTop div strong.initial{display:block;}
	.w640 .menu.itServiceTop div.ItConsulting:before, .w640 .menu.itServiceTop div.ItMobile:before, .w640 .menu.itServiceTop div.ItBPO:before, .w640 .menu.itServiceTop div.ItDatabase:before, .w640 .menu.itServiceTop div.ItDatabase:after{background:none;}
	.w640 .menu.itServiceTop div .initial img{width:100%;}
	.menu.itServiceTop div .initial{opacity:0.5;}


	.lt-ie10 .video .view {position: absolute; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; margin: auto;  -webkit-transform: none; -moz-transform: none; transform: none;}
	.lt-ie10 .menu.itServiceTop div.ItConsulting, .lt-ie10 .menu.itServiceTop div.ItMobile, .lt-ie10 .menu.itServiceTop div.ItBPO, .lt-ie10 .menu.itServiceTop div.ItDatabase, .lt-ie10 .menu.itServiceTop div.ItSolution{border-left: 1px solid #fff;}
	.lt-ie10 .w640 .menu.itServiceTop div.ItConsulting, .lt-ie10 .w640 .menu.itServiceTop div.ItMobile, .lt-ie10 .w640 .menu.itServiceTop div.ItBPO, .lt-ie10 .w640 .menu.itServiceTop div.ItDatabase, .lt-ie10 .w640 .menu.itServiceTop div.ItSolution{border-left: none;}