﻿@charset "utf-8";
 body{ font-family:"黑体"}
.pc {display:block;}
.tablet, 
.mobile {display:none;}
.pc_hiddend {display:none !important;}

/* 들여쓰기 레이아웃 */
.sub {padding:30px 0 70px;}
.content_in {border-top:1px solid #d6d6d6;}
.content_in0 {}
.sub .border_none {border:none;}
.content_in > div {width:790px; padding:0 75px 30px 75px ; margin:0 auto;}
.content_in0 > div {width:790px; padding:0 75px 30px 75px ; margin:0 auto;}

/* company */
.company h2							{line-height:29px; letter-spacing:-2.5px;}
.company h2 span					{display:block; font-weight:bold; letter-spacing:0;font-family:"RixSGo M";color:#434242;font-size:11px;}
.company .leftBox					{width:165px; clear:both; padding:20px 0 30px;}
.company .leftBox p span			{display:block; font-size:9px; font-weight:normal;}
.company .leftBox2					{width:790px; clear:both; padding:0px 0 60px;}
.company .rightBox					{width:625px; padding:16px 0 31px;}
.company .border_top				{border-top:1px solid #ccc;}
.company .rightBox img				{padding:20px 0 25px;}
.company .content_gap .leftBox,
.company .content_gap .rightBox		{padding:20px 0 30px;}
.company .company_strong			{font-weight:bold;color:#434242;}
.company .company_p					{color:#434242;}
.company .company_visual			{padding:20px 0 50px;}
.company .int_gap					{padding:20px 0 60px;}
.company .f38						{letter-spacing:-0.5px;font-family: "Avenir Next LT W01 Demi" !important;font-weight: normal;font-size:36px !important;}
.company .f19						{padding-bottom:15px;}
.company .f19 + p					{padding-bottom:0 !important;}
/*.company .pt20 {line-height:20px;}*/
.company .f16						{line-height:25px;} 
.company .f16 strong				{font-family: "RixSGo M";font-weight: normal;font-size: 15px;}
.company .content_in .leftBox .engB {font-size:11px;font-family: "Avenir Next LT W01 Demi" !important;font-weight:bold;letter-spacing:0.7px;}
.company .content_in .leftBox .bold {color:#434242;}
.company .company_introduction		{padding:20px 0 54px;}
.company .company_introduction_end	{padding:20px 0 0px;}

/* focus */
.visual_area {height:270px; background:url(../images/key_visual_web.png) repeat-x top center;}
.focus section {border-top:1px solid #d6d6d6;}
.focus .leftBox {width:165px; clear:both; padding:20px 0 30px;}
.focus .leftBox p span {display:block; font-size:9px;}
.focus .rightBox {width:625px; padding:20px 0 30px;}
.focus .border_top {border-top:1px solid #ccc;}
.focus .rightBox img {padding:40px 0;}
.focus .f38 {letter-spacing:-0.5px;font-family: "Avenir Next LT W01 Demi" !important;font-weight: normal;font-size:36px !important;}
.focus .content_in div .leftBox .engB {letter-spacing: 0.7px;font-family: "Avenir Next LT W01 Demi" !important;font-size:11px;font-weight:bold;}

/* news */
.news section {padding:40px 0;}
.news section > div {width:940px; margin:0 auto;}
.news h2 {line-height:30px; letter-spacing:0.5px;}
.news .leftBox {width:270px; clear:both;}
.news .leftBox li {padding:17px 0; border-bottom:1px solid #cccccc;}
.news .leftBox li.news_banner {padding:0;}
.news .leftBox li:first-child {padding:0 0 20px 0;}
.news .leftBox li.on a {font-weight:bold;}
.news .leftBox li a {line-height:15px;}
.news .leftBox li p {padding-top:2px;line-height:20px;}
.news .leftBox .data {font-weight:bold;}
.news .rightBox {width:640px;}
.news .rightBox > div > div {padding:30px 0 0 0;}
.news .rightBox div.data_list {padding:12px 0 35px; border-top:1px solid #ccc; line-height:30px;}
.news .img_box {padding:25px 0;}
.news .img_box1 {padding:45px 0 0 0;}
.news .img_box img {width:100%; height:auto;}
.news span.rightBox {text-align:right;}
.news span.rightBox a {margin-left:10px;}
.news .rightBox p img {width:100%;}
.news .sns_box {width:200px;}
.news .btn_more {display: block;height: 25px;width: 110px;margin: 15px auto;line-height: 25px;background: url(/images/news/btn_more.png) no-repeat top left;font-size: 10px; text-align:center; color:#bbb;}
/*.news .btn_tap {display:block; width:100px; height:40px; background:url(/images/news/ico_tab.png) no-repeat; color:#fff; font-size:20px; font-family:"GothamBold"; text-align:center; line-height:35px;}
.news .po_hidden {display:none;}*/
.news .tap_box {width:287px;overflow-x:hidden;overflow-y: auto;}

/* services */
.services section {width:100%; padding:50px 0;}
.services .content {width:265px; padding-left:675px; position:relative;}
.services h2 {width:100%; margin:0 auto; text-align:center; color:#ff0000; font-size:32px; line-height:32px; letter-spacing:1.9px; font-family:"Avenir Next LT W01 Bold"; font-weight:normal; position:absolute; left:0; top:250px;}
.services h2 span {display:inline-block; text-align:right;}
.services .kor {line-height:25px; position:absolute; top:105px; left:35px;}
.services .eng {font-size:10px; line-height:19px; font-family:"AvenirNextLTW01-Regular";}

section.services1 {background:#fff url(/images/services/servieces1_wide.png) center center no-repeat;}
section.services2 {padding:55px 0; color:#fff; background:#f5f5f5 url(/images/services/servieces2_wide.png) center center no-repeat;}
section.services2 h2 {color:#fff; top:120px;}
section.services2 .kor {color:#000; top:135px;}
section.services3 {background:#fff url(/images/services/servieces3_wide.png) center center no-repeat;}
section.services3 .kor {top:120px;}
section.services4 {padding:100px 0; color:#fff; background:#fff url(/images/services/servieces4_wide.png) center center repeat-x;}
section.services4 h2 {top:210px;}
section.services4 .kor {color:#000; top:95px;}
section.services5 {background:#fff url(/images/services/servieces5_wide.png) center center no-repeat;}
section.services5 h2 {top:265px;}
section.services5 .kor {top:120px;}
section.services6 {padding:63px 0; color:#fff; background:#000 url(/images/services/servieces6_wide.png) center center repeat-x;}
section.services6 h2 {top:203px;}
section.services6 .kor {color:#fff; top:53px;}

/* people */
.people section {width:100%; padding-top:50px; padding-bottom:60px;}
section.main_visual2 {width:100%; padding:0; border:0; background:#a70304 url(../images/key_visual1_wide2.png) center bottom no-repeat;}
section.line		{border-bottom:1px solid #d6d6d6;}
.main_visual2 div {width:900px; padding:101px 40px 101px 0; text-align:right; color:#fff; font-size:14px; line-height:24px;}
.main_visual2 .title {padding-bottom:20px; font-size:24px; line-height:29px;}

section.logo_area {padding:20px 0; text-align:center;}


.people_area {width:860px; padding:0 40px;}
.people_area strong {font-size:17px;}
.people_area .engM {padding:2px 0 13px; font-size:15px;}

.people_area .leftBox {width:415px; min-height:230px; padding-right:14px; border-right:0px dotted #FFFFFF; line-height:20px;}
.people_area .rightBox {width:415px; min-height:230px; padding-left:15px; line-height:20px;}

.people2 {margin-top:50px;}
.people2 img ,
.people3 img ,
.people4 img {width:100%; height:auto;}
.people2 .leftBox {width:266px; padding-right:16px; border-right:0px dotted #FFFFFF;}
.people2 .people2_2 {padding-left:15px;}
.people2 .rightBox {width:266px; padding-left:15px;}

.people4 {margin-top:30px;}
.people6 {margin-top:30px;}

/* work */
.work section {width:100%;}
.work section > div {width:940px; margin:0 auto;}
.work section .work_box {padding:30px 0 40px 0; }
.work_view {padding:50px 0;}
.work h2 {font-size:22px; letter-spacing:0.5px; color:#fff; font-family:'Avenir LT W01 65 Medium'}
.work h2 span.eng {display:block; font-size:13px !important; font-weight:normal; letter-spacing:0.5px;}
.work h2 span.engB {font-size:28px;}
.work .btn_border {margin-top:30px;}
.work .work_block {width:40%; padding:20px 0 10px 0; color:#fff; height:54px; font-family:"AvenirNextLTW01-Regular";} 
.work p.engM {padding-top:20px; color:#fff;}
.work p.engM span {display:block;}
.work .view_box {padding-bottom:20px;}
.work .view_box a {display:block; overflow-wrap:break-word;}
.work .left1 {width:200px; font-family:"AvenirNextLTW01-Regular";}
.work .view_box a {word-wrap:break-word;}
.work .left1 .engB {overflow-wrap:break-word;}
.work .left2 {width:340px; padding-left:30px; font-family:"AvenirNextLTW01-Regular";}
.work .left3 {width:340px; padding-left:30px; font-family:"AvenirNextLTW01-Regular";}
.work .left4 {width:710px; padding-left:30px;}
.work .img_box {padding-top:30px; clear:both;}
.work .img_box img {width:100%;}
.work_content {height:330px; background:#000 url(../images/article_img1_wide.png) center top no-repeat;}
.work_content .service {margin-top:30px; padding-top:20px; background:url(../images/work_border.png) left top no-repeat; color:#fff;}

/* career */
.career_visual_area {height:270px; background:url(/images/career/key_visual_wide.png) center top repeat-x;}
.career.sub {padding-top:0; border-top:0;}
.career section {padding:30px 0 50px;}
.career .content_in > div {padding-bottom:0; position:relative;}
.career .leftBox {width:165px; clear:both; padding:16px 0 0;}
.career .rightBox {width:625px; padding-top:16px; position:relative;}
.career h2 {padding-bottom:20px; letter-spacing:-0.2px; line-height:32px;}
.career h2 span {display:block;}
.career .sub_title {padding-bottom:30px;}
.career .border_top {border-top:1px solid #ccc;}
.career .border_none ,
section.border_none {border-top:0 !important;}
.content_in.pt0.border_none {padding-bottom:25px;}
.career .rightBox h4 {padding-bottom:0px;}
.career .rightBox p {padding-bottom:30px;}
.career1 .rightBox h2 {line-height:38px;}
.career2 h3 {padding-bottom:20px;letter-spacing: 0.7px;font-family: "Avenir Next LT W01 Demi" !important;font-size:11px;font-weight:bold;}
.career2 .leftBox div p {color:#434242;}
.career .engB {letter-spacing: 0.7px;font-family: "Avenir Next LT W01 Demi" !important;font-size:11px;font-weight:bold;}

.career form .leftBox {width:50%;}
.career form .leftBox li {margin:14px 0;}
.career form .leftBox li:first-child {margin:0;}
.career form input[type="text"] {width:85%; background:#f0f0f0;}
.career form .rightBox {width:50%;}
.career form .rightBox input[type="text"] {margin-bottom:14px;}
.career form textarea {width:91%; height:140px; background:#f0f0f0;}
.career form input[type="file"] {width:91.5%; padding:0; background:#f0f0f0;}
.career form input,
.career form textarea {font-weight:bold;}
.career .border_top p {padding-top:10px;}
.career .border_none p {padding-top:10px;}
.career section.border_none {padding:0 0 50px 0;}

.career3 .rightBox {padding-bottom:40px;}
.career .btn_black {position:absolute; bottom:0; right:75px;}


/* contact us */
.contactus_content1 {width:100%; height:215px; padding-top:60px; margin-bottom:86px; background:url(../images/bg_globaloffice.png) center top no-repeat;}
.contactus_content1 .content {width:330px; padding:20px 0 20px 610px; color:#fff; background:url(../images/info_bg_wide.png) left top no-repeat;}
.contactus_content1 .txt_title {font-size:16px; letter-spacing:0.2px;}
.contactus_content1 .txt_company {font-size:11px; padding-top: 5px;}
.contactus_content1 .txt_company .bold {font-size:24px;}
.contactus_content1 .txt_address {padding-top:10px;}
.contactus_content1 .txt_phone {padding-top:85px;}
.contactus_content1 .txt_phone a {color:#fff;}

.contactus_content2 h2 {padding:35px 0 30px 0; text-align:center; font-size:23px; letter-spacing:0.2px;}
.contactus_content h3 {padding-bottom:7px; font-size:16px; color:#ed1f24;}
.contactus_content2 .leftBox {width:470px;}
.contactus_content2 .leftBox h3 {padding-bottom:34px;}
.contactus_content2 .rightBox ,
.contactus_content2 .rightBox2 {float:left;}
.contactus_content2 .rightBox {padding-right:40px;}
.contactus_content2 .sub_title {font-size:9px; line-height:12px;}
.contactus_content2 .sub_title2 {font-size:11px; line-height:12px;}
.contactus_content2 .sub_title3 {font-size:11px; line-height:16px;}
.contactus_content2 h4 {padding-top:18px; padding-bottom:2px;}
.info_tokyo {padding-top:0px; padding-bottom:30px;}
.info_la	{padding-top:0px; padding-bottom:100px;}

.contactus_content2 h3,
.contactus_content3 h3 {padding-bottom:5px; font-size:16px; color:#ed1f24;}

.contactForm {margin-top:40px; margin-bottom:60px;}
.contactFormTitle {padding:0 20px 20px; position:relative;}
.contactFormTitle p {position:absolute; top:5px; right:0; padding-right:25px;}
.contactFormInner {width:100%;}
.contactFormInner div {width:100%;overflow: hidden;margin-bottom:10px;}
.contactFormInner label {font-size:13px;color:#000;width:17.5%;display:block;float:left;line-height: 31px;vertical-align: middle;}
.contactFormInner input,.contactus_content3 .contactForm textarea {font-size:13px;color:#000;width:78.6%;float:left;}
.contactFormInner textarea {resize: none;height:140px;}
.contactFormInner .name {width:28%;margin-right:5%;}
.contactFormInner .text2 {width:12.5%;}
.contactFormInner .select {width:33%;}
.contactFormInner input[type='file'] {width:82%;padding:0;}
.contactForm .blackBtn button {display:inline-block;zoom:1;*display:inline;line-height:30px;padding:0 30px;margin-left:17.5%;background:#000;color:#fff;}


