body{padding: 0; margin: 0; border: 0; font-family: 'NanumGothic', sans-serif; font-size: 1em; background-color: #fff; line-height: 15px; word-break: keep-all;} a{text-decoration: none;} img,h1,h2,h3,h4,p,ul,li,table,tbody,tr,th,td,form,fieldset,dl,dt,dd,ol{border:0; margin:0; padding:0; border-collapse: collapse;} li{list-style:none;} img{max-width:100%;} #skip-navigation{display:none;} .marker{display: none;} #int-global-wrapper{display:block;width:100%;height:100%;} #int-global-wrapper > #int-global-header{display:block;z-index:3;width:100%; -webkit-transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99); -moz-transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99); -o-transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);} #int-global-wrapper > #int-global-header > div#gh-inner{width:100%;position: fixed; height:80px;z-index: 100;} #int-global-wrapper > #int-global-header > div#gh-inner > #int-wrap-1400{display:block;max-width:1440px;margin:0 auto;height:60px;padding:10px 0 0 0;} #int-global-wrapper > #int-global-header > div#gh-inner > #int-wrap-1400 > h1 > a{display:block; width:50%;} #int-global-wrapper > #int-global-header > div#gh-inner > #int-wrap-1400:after{display:block;content:"";clear:both;} #int-global-wrapper > #int-global-header > div#gh-inner > #int-wrap-1400 > #int-gh-logo{display:block; float:left;} #int-global-wrapper > #int-global-header > div#gh-inner > #int-wrap-1400 > #int-gh-gnb{display: block; width:100%;} #int-global-wrapper > #int-global-header > div#gh-inner > #int-wrap-1400 > #int-gh-gnb:after{display:block;content:"";clear:both;} #int-global-wrapper > #int-global-header > div#gh-inner > #int-wrap-1400 > #int-gh-gnb > #menu > a{display: none;} #int-global-wrapper > #int-global-header > div#gh-inner > #int-wrap-1400 > #int-gh-gnb > #menu {display: block; float: right;} #int-global-wrapper > #int-global-header > div#gh-inner > #int-wrap-1400 > #int-gh-gnb > #menu > ul:after{display:block;content:"";clear:both;} #int-global-wrapper > #int-global-header > div#gh-inner > #int-wrap-1400 > #int-gh-gnb > #menu > ul > li{display:block;float: left;} #int-global-wrapper > #int-global-header > div#gh-inner > #int-wrap-1400 > #int-gh-gnb > #menu > ul > li:first-child{ -webkit-transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99); -moz-transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99); -o-transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);} #int-global-wrapper > #int-global-header > div#gh-inner > #int-wrap-1400 > #int-gh-gnb > #menu > ul > li.menu-sns{display:block;width:60px; height:60px;} #int-global-wrapper > #int-global-header > div#gh-inner > #int-wrap-1400 > #int-gh-gnb > #menu > ul > li.menu-sns > a{display:block;width:70%; height:70%; padding:15% 0;} #int-global-wrapper > #int-global-header > div#gh-inner > #int-wrap-1400 > #int-gh-gnb > #menu > ul > li.menu-txt {display:block;width:140px; height:60px;text-align: center;text-decoration: none;} #int-global-wrapper > #int-global-header > div#gh-inner > #int-wrap-1400 > #int-gh-gnb > #menu > ul > li.menu-txt > a{color:#fff;display: block; padding:14% 0;} #int-global-wrapper > #int-global-header > div#gh-inner > #int-wrap-1400 > #int-gh-gnb > #menu > ul > li.menu-txt > a:hover{color:#57baff;} /**#int-global-wrapper > #int-global-header > div#gh-inner > #int-wrap-1400 > #int-gh-gnb > #menu > ul > li.menu-txt:last-child{border-width: 2px;}**/ /**스크롤 내렸을때 메뉴 변형**/ #int-global-wrapper > #int-global-header.fix-header > div#gh-inner{background-color: rgba(0, 0, 0, 0.50);text-align: center; top:0;z-index: 100;} #int-global-wrapper > #int-global-header.fix-header > div#gh-inner > #int-wrap-1400 > #int-gh-gnb > #menu > ul > li.menu-txt{border: 0;} #int-body-wrapper{display:block;width:100%;z-index: 1;} #sec1 > .visual{background-image:url(../images/bg-aboutus.png);background-position:center center;background-repeat: no-repeat;background-size:cover;height:1248px; } #sec1 > .visual > div.swiper-container > div.container-1400{max-width: 1400px;margin:0 auto;position: relative;} #sec1 > .visual > div.swiper-container > div.container-1400 > div.layout-bg{display:block; position: relative;top:0; } #sec1 > .visual > div.swiper-container > div.container-1400 > div.layout-bg > img{max-width:100%;} #sec1 > .visual > div.swiper-container > div.container-1400 > div.aboutus{width:100%;display: block; position: absolute; top:440px; z-index: 2;text-align: center;color:#fff;} #sec1 > .visual > div.swiper-container > div.container-1400 > div.aboutus > p {font-size:3em; line-height: 1.5em;} #sec1 > .visual > div.swiper-container > div.container-1400 > div.aboutus > h2 {width:74%;margin:3% auto 0 auto;color:#fff;font-weight:lighter;} #sec1 > .contents{display:block;max-width:1400px;margin:0 auto;} #sec1 > .contents > .txt{display:block;width:100%;; margin:0 auto; padding:5% 0;} #sec1 > .contents > .txt > p{text-align:center;font-weight:100;font-size: 3em; line-height: 1.5em;} #sec1 > .contents > .vision{background-image:url(../images/bg-vision.png); margin:0 auto;background-position:center; max-width: 1400px;max-height:374px;background-repeat: no-repeat;background-size:cover;} #sec1 > .contents > .vision:after {display:block;content:"";clear:both;} #sec1 > .contents > .vision > div.vision-top {float:right; width:50%;padding: 10% 0 0 0;height:374px; } #sec1 > .contents > .vision > div.vision-top > div.lit-vision{width:20%;margin: 0 auto;} #sec1 > .contents > .vision > div.vision-top > div.bullet{display:none;} #sec1 > .contents > .vision > div.vision-bottom{float: left;width:50%;} #sec1 > .contents > .vision > div.vision-bottom > p{font-weight:100;font-family: 'NanumGothic', sans-serif; color:#fff;max-width:590px;max-height:180px;margin:0 auto;padding:15%; line-height: 1.5em;} #sec1 > .contents > .history{display:block;clear:both;max-width:1400px;margin:0 auto;} #sec1 > .contents > .history:after{content: "";display: block; clear:both;} #sec1 > .contents > .history > .left-ceo{max-width:700px;width:50%;float:left;text-align: center;margin:5% 0 0 0;} #sec1 > .contents > .history > .left-ceo > h2 {width:40%;margin: 0 auto;} #sec1 > .contents > .history > .left-ceo > h2 > img{margin:0 auto;display:block;width:auto;} #sec1 > .contents > .history > .left-ceo > h3{text-align: left;max-width:554px;margin:18% 0 0 10%;font-weight:100;color:#8d8d8d; line-height: 2.5em;} #sec1 > .contents > .history > .right-history{max-width:700px;width:45%;float:right;margin:5% 0 0 0} #sec1 > .contents > .history > .right-history > h2{ width:25%;margin:0 auto;} #sec1 > .contents > .history > .right-history > h2 > img{margin:0 auto;display:block;width:auto;} #sec1 > .contents > .history > .right-history > dl{border-bottom:solid #bcbcbc 1px; padding:5%} #sec1 > .contents > .history > .right-history > dl:after{content: "";display: block; clear:both;} #sec1 > .contents > .history > .right-history > dl > dt{color: #4168b2; float:left; font-size: 1.5em;line-height: 1.5em;} #sec1 > .contents > .history > .right-history > dl > dd > ul{padding:0 0 0 15%;} #sec1 > .contents > .history > .right-history > dl > dd > ul > li {padding:1%;} #sec1 > .contents > .business{background-image:url(../images/bg-business.png);background-position:center;background-repeat: no-repeat;background-size:cover;margin:3% 0 0 0;} #sec1 > .contents > .business > dl > dt{text-align: center;padding:8% 0 0 0;} #sec1 > .contents > .business > dl > dt > div{width:15%; margin:0 auto;} #sec1 > .contents > .business > dl > dd {position:relative;} #sec1 > .contents > .business > dl > dd > a {display:none;} #sec1 > .contents > .business > dl > dd > div > ul{width:100%;margin: 10% 0 0 0;padding:0 0 10% 0;} #sec1 > .contents > .business > dl > dd > div > ul:after{display:block;content:"";clear:both;} #sec1 > .contents > .business > dl > dd > div > ul > li{width:393px;height:416px; border:solid #78c6ff 1px;background-color: #2e2e2e;float:left; margin-left:3.8%;text-align: center;} #sec1 > .contents > .business > dl > dd > div > ul > li > div > div{ margin:0 auto; padding:10% 0;} #sec1 > .contents > .business > dl > dd > div > ul > li > div > div > img{max-height:80px;} #sec1 > .contents > .business > dl > dd > div > ul > li > div > h3{color:#fff;font-weight:100;margin:3% 0 0 0;} #sec1 > .contents > .business > dl > dd > div > ul > li > div > pre{font-weight:100;font-family: 'NanumGothic';color:#57baff; line-height: 1.5em;} #sec1 > .contents > .client{margin:7% 0 7% 0 ;} #sec1 > .contents > .client > dl > dd > a{display: none;} #sec1 > .contents > .client > dl{display:block;max-width:1400px;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #sec1 > .contents > .client > dl:after{content: "";display: block; clear:both;} #sec1 > .contents > .client > dl > dt{display:block;float:left;} #sec1 > .contents > .client > dl > dt > div{width:466px; height:244px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;vertical-align:middle;display:table-cell;} #sec1 > .contents > .client > dl > dt > div > img{width:30%;} #sec1 > .contents > .client > dl > dd {display:block;float:none;} #sec1 > .contents > .client > dl > dd > div {float:none;} #sec1 > .contents > .client > dl > dd > div > ul{display:block;float:none;} #sec1 > .contents > .client > dl > dd > div > ul > li{display:block;float:left;} #sec1 > .contents > .client > dl > dd > div > ul > li > div{width:233px;height:122px;display:table-cell;vertical-align:middle;border:1px solid #d7d7d7;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #sec1 > .contents > .client > dl > dd > div > ul > li > div > img {display:inline-block;margin:0 auto;} #sec2 > .visual{background-image:url(../images/bg-recruit.png);background-position:center center;background-repeat: no-repeat;background-size:cover;height:1248px; } #sec2 > .visual > div.swiper-container > div.container-1400{max-width: 1400px;margin:0 auto;position: relative;} #sec2 > .visual > div.swiper-container > div.container-1400 > div.layout-bg{display:block; position: relative;top:0px; } #sec2 > .visual > div.swiper-container > div.container-1400 > div.layout-bg > img{max-width:100%;} #sec2 > .visual > div.swiper-container > div.container-1400 > div.recruit{width:100%;display: block; position: absolute; top:440px; z-index: 2;text-align: center;color:#fff;} #sec2 > .visual > div.swiper-container > div.container-1400 > div.recruit > h2 {text-align: center;} #sec2 > .visual > div.swiper-container > div.container-1400 > div.recruit > p {font-size:1.5em;color:#fff;font-weight:100;width:80%; margin:3% auto 0; line-height: 1.5em;font-size: 2.5em;} #sec2 > .contents{height:651px; max-width: 1400px; margin:0 auto;} #sec2 > .contents > ul.recruit-left{width:50%;height:651px; float:left;} #sec2 > .contents > ul.recruit-left > li{width:50%; text-align: center; margin:10% auto 0;} #sec2 > .contents > ul.recruit-left > li.address{text-align:left; margin:5% auto 0; line-height: 1.5em;} #sec2 > .contents > ul.recruit-left > li i{margin:0 2% 0 0;} #sec2 > .contents > ul.recruit-right{width:50%; height:651px; float:right;} #sec2 > .contents > ul.recruit-right:after{content: "";display: block; clear:both;} #sec2 > .contents > ul.recruit-right > li > img{float:left; width:5%;} #sec2 > .contents > ul.recruit-right > li > dl{margin:7% 0 0 10%;} #sec2 > .contents > ul.recruit-right > li > dl > dt{color:#003471; font-weight:bold;} #sec2 > .contents > ul.recruit-right > li > dl > dd{color:#8d8d8d;line-height: 1.5em;} #sec3 > .visual{background-image:url(../images/bg-contactus.png);background-position:center center;background-repeat: no-repeat;background-size:cover;height:1248px; } #sec3 > .visual > div.swiper-container{height:90%;} #sec3 > .visual > div.swiper-container > div.container-1400{max-width: 1400px;margin:0 auto;position: relative;} #sec3 > .visual > div.swiper-container > div.container-1400 > div.layout-bg{display:block; position: relative;top:0px;z-index: 1;} #sec3 > .visual > div.swiper-container > div.container-1400 > div.layout-bg:after{content: "";display: block; clear:both;} #sec3 > .visual > div.swiper-container > div.container-1400 > div.contact{width:100%;display: block; position: absolute; top:35%; z-index: 2;text-align: center;color:#fff;} #sec3 > .visual > div.swiper-container > div.container-1400 > div.contact> h3 {color:#fff;font-weight: normal;margin-top:3%;line-height: 1.5em;font-size: 2.5em;} #sec3 > .visual > div.swiper-container > div.container-1400 > div.contact > ul {margin:0 0 0 30%;overflow: hidden;} #sec3 > .visual > div.swiper-container > div.container-1400 > div.contact > ul > li{float:left;color:#000;} #sec3 > .visual > div.swiper-container > div.container-1400 > div.contact > ul > li:last-child{padding:1% 0 0 0;} #sec3 > .visual > div.swiper-container > div.container-1400 > div.contact > ul > li > ul {text-align: left;} #sec3 > .visual > div.swiper-container > div.container-1400 > div.contact > ul > li.contact-sns > a{display:block;} #sec3 > .visual > div.swiper-container > div.container-1400 > div.contact > ul > li.contact-sns > a > img{width:50%;} #sec3 > .visual > div.swiper-container > div.container-1400 > div.contact > ul > li > ul > li {padding:5% 5% 2% 5%;background-color: #fff; border:#000 solid 1px;width:100%;border-radius: 5px;height:26px;} #sec3 > .visual > div.swiper-container > div.container-1400 > div.contact > ul > li > ul > li > span{margin-left:50%;} #sec3 > .visual > div.swiper-container > div.container-1400 > div.contact > ul > li > ul > li > span > img{width:10%;} #sec3 > .visual > div.swiper-container > div.container-1400 > div.contact > ul > li > ul > li#hidden {height:110px; margin:-1% 0 0 0; width:100%;display:none;border-radius: 0;background-color: #ebebeb;} #sec3 > .visual > div.swiper-container > div.container-1400 > div.contact > ul > li > ul > li#hidden > ul > li:hover { background-color: rgba(204, 204, 204, 0.91)} #sec3 > .visual > div.swiper-container > div.container-1400 > div.contact > ul > li > ul > li#hidden > ul > li > a{color: #000; display:block;} #sec3 > .visual > div.swiper-container > div.container-1400 > div.contact > ul > li > ul > li#hidden > ol > li > a {display:block; padding:10px 0 ;} #sec3 > .contents { display:block;max-width: 1400px; margin:0 auto;} #sec3 > .contents > form > fieldset > legend{display: none;} #sec3 > .contents > form > fieldset:after{content: "";display: block; clear:both;} #sec3 > .contents > form > fieldset > dl:after{content: "";display: block; clear:both;} #sec3 > .contents > form > fieldset > dl > dd{display:block;width:50%;float:left;} #sec3 > .contents > form > fieldset > dl > dd > div{display:block;width:500px; margin:0 auto;} #sec3 > .contents > form > fieldset > dl > dd > div > h3{display:block;text-align: left; margin:5% 0 1% 0;font-weight: normal;} #sec3 > .contents > form > fieldset > dl > dd > div > input{width:100%;height:44px;border:0; background-color: #dedede;-webkit-appearance:none;-moz-appearance:none;border-radius: 5px;} #sec3 > .contents > form > fieldset > dl > dd > div > textarea{float:right; display:block;resize: none;width:500px; height:180px;border: 0;background-color: #dedede;border-radius: 5px; } #sec3 > .contents > form > fieldset > div.btn{display:block;width:50%;float: right;} #sec3 > .contents > form > fieldset > div.btn > input{display:block;border:0; color:#fff;height:44px; width:500px; text-align:center; background-color:#3baeff;margin:0 auto;-webkit-appearance:none;-moz-appearance:none;border-radius: 5px;} #sec3 > .contents > div > ul {display:block;width:85%; margin:3% auto 0;} #sec3 > .contents > div > ul:after{content: "";display: block; clear:both;} #sec3 > .contents > div > ul > li{display:block;float: left;width:50%;} #sec3 > .contents > div > ul > li > dl{display:block;font-weight:100;font-family: 'NanumGothic';color:#535252;} #sec3 > .contents > div > ul > li > dl > dt{display:block;margin:0 1% 0 0;} #sec3 > .contents > div > ul > li.contact-left > dl > dd {line-height: 1.5em;} #sec3 > .contents > div > ul > li.contact-right > dl{display:block;margin:0 0 0 15%;line-height: 1.5em;} #sec3 > .contents > div > ul > li.contact-right > dl > dt{display:block;float: left;} #sec3 > .contents > div > ul > li > dl > dt > i{margin: 0 7px 0 0 ;} #sec3 > .contents > div#map-canvas{display:block;max-width:1200px; height:500px;margin:0; padding:0;margin:3% auto 0;} #sec4 > .visual {background-image:url(../images/bg-brand.png);background-position:center center;background-repeat: no-repeat;background-size:cover;height:1248px; } #sec4 > .visual > div.swiper-container > div.container-1400{max-width: 1400px;margin:3% auto 0;position: relative;} #sec4 > .visual > div.swiper-container > div.container-1400 > div.layout-bg{display:block; position: relative;top:0px;z-index: 1;} #sec4 > .visual > div.swiper-container > div.container-1400 > div.layout-bg:after{content: "";display: block; clear:both;} #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand{width:100%;display: block; position: absolute; top:20%; z-index: 2;text-align: center;color:#fff;} #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand > dl > dt > h3 {color:#fff;font-weight: 100;margin:2% 0 0 0;font-size: 3em;} #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand > dl > dd > a{display:none;} #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand > dl > dd > div > ul{max-width:1400px; height:500px; border:1px solid #b4b4b4; text-align: center;margin:5% 0 0 0;} #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand > dl > dd > div > ul > li{float:left; width:350px; height:400px; background-color: rgba(255, 255, 255, 0.81); text-align: center; margin:4% 0 0 6%;position: relative;} #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand > dl > dd > div > ul > li > div > p{border-bottom: solid 1px #b4b4b4;width:310px; margin:0 auto; padding:10% 0;} #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand > dl > dd > div > ul > li > div > p > img{margin:0 auto;display: inline-block;} #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand > dl > dd > div > ul > li > div > h2{width: 67%;height:154px;font-weight:lighter;font-family: 'NanumGothic';color:#4e4e4e;margin:5% auto 0; text-align: left;line-height: 1.5em;font-size: 1em;} #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand > dl > dd > div > ul > li > div > h3{ margin:0 auto; font-weight: lighter; width:180px; border-bottom:4px solid #359dff;background-color:#57baff; border-radius: 3px; padding:3% 0;} #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand > dl > dd > div > ul > li > div > h3 > a{display:block;width:180px;color:#fff;} #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand > dl > dd > div > ul > li > div > h3 > a > span {margin:0 0 0 15%;} #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand > dl > dd > div > ul > li > div > h3 > a > span > i.fa fa-chevron-right{color:#ffffff;} #int-global-footer{display:block;background-color: #585858; width:100%; height:100px;text-align:center} #int-global-footer > p{ display:block;font-weight:lighter; color:#fff;padding:1.5% 0;} /***은영작업***/ html, body{height:100%;} body{margin:0;padding:0;width:100%;height:100%;} .clr{*zoom:1;}/* IE5.5~7 브라우저 대응 */ .clr:after{content:"";display:block;clear:both;} .new{font-family: 'Titillium Web', 'Noto Sans KR', sans-serif;} #int-header{position:absolute;z-index:99;display:block;width:100%;height:84px;border-bottom:1px solid rgba(255,255,255,0.2);} #int-global-wrapper > #int-header > #gh-inner > #int-wrap-1280{max-width:1280px;display:block;height:100%;position:relative;margin:0 auto;} #int-global-wrapper > #int-header > #gh-inner > #int-wrap-1280 > #int-gh-logo{position:absolute;top:22px;left:80px;} #int-global-wrapper > #int-header > #gh-inner > #int-wrap-1280 > #int-gh-gnb > #menu > a{display:none;} #int-global-wrapper > #int-header > #gh-inner > #int-wrap-1280 > #int-gh-gnb > #menu > ul{margin-left:380px;} #int-global-wrapper > #int-header > #gh-inner > #int-wrap-1280 > #int-gh-gnb > #menu > ul > li{padding:0 40px;float:left;position:relative;} #int-global-wrapper > #int-header > #gh-inner > #int-wrap-1280 > #int-gh-gnb > #menu > ul > li:after{content:'';display:block;position:absolute;width:100%;height:3px;background:#fff;left:0;bottom:0;transition:all ease-in-out .3s 0s;-webkit-transition:all ease-in-out .3s 0s;transform:scaleX(0);-webkit-transform:scaleX(0);-ms-transform:scaleX(0);} #int-global-wrapper > #int-header > #gh-inner > #int-wrap-1280 > #int-gh-gnb > #menu > ul > li:hover:after{transform:scaleX(1);-webkit-transform:scaleX(1);-ms-transform:scaleX(1);} #int-global-wrapper > #int-header > #gh-inner > #int-wrap-1280 > #int-gh-gnb > #menu > ul > li > a{display:block;font-size:18px;color:#fff;line-height:84px;} #int-global-wrapper > #int-header > #gh-inner > #int-wrap-1280 > #family_site{float:right;margin:25px 0;height:33px;position:relative;width:150px;} #int-global-wrapper > #int-header > #gh-inner > #int-wrap-1280 > #family_site > .drop-down{list-style:none;overflow:hidden;width:150px;height:148px;-webkit-transition: height 0.3s ease;transition: height 0.3s ease;} #int-global-wrapper > #int-header > #gh-inner > #int-wrap-1280 > #family_site > .drop-down.closed{height:36px;} #int-global-wrapper > #int-header > #gh-inner > #int-wrap-1280 > #family_site > .drop-down.closed > li:first-child{background:url('../images/lnb_arr.png') no-repeat 90% 50%;} #int-global-wrapper > #int-header > #gh-inner > #int-wrap-1280 > #family_site > .drop-down > li{padding:4px 20px;border:1px solid rgba(255,255,255,0.2);border-top:0;} #int-global-wrapper > #int-header > #gh-inner > #int-wrap-1280 > #family_site > .drop-down > li:first-child{border-top:1px solid rgba(255,255,255,0.2);background:url('../images/lnb_arr_up.png') no-repeat 90% 50%;} #int-global-wrapper > #int-header > #gh-inner > #int-wrap-1280 > #family_site > .drop-down > li > a{display:block;line-height:26px;font-size:14px;color:#fff;} #int-global-wrapper > #int-header.fix-header > div#gh-inner{background-color:#fff;text-align:center;top:0;z-index:100;} #int-global-wrapper > #int-header.fix-header > div#gh-inner > #int-wrap-1400 > #int-gh-gnb > #menu > ul > li.menu-txt{border:0px} .mobile-nav-button {display:none;width:35px;position: absolute;margin: 2rem;right: 0;top: 0;z-index: 9999;cursor: pointer;height: 30px;} .mobile-nav-button .mobile-nav-button__line {width: 100%;height: 2px;background: #fff;position: relative;-webkit-transition: 1s ease;-moz-transition: 1s ease;transition: 1s ease;} .mobile-nav-button .mobile-nav-button__line:nth-of-type(2) {margin: 0.5rem 0;} .mobile-nav-button .mobile-nav-button__line--1 {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);top: 13px;position: absolute;} .mobile-nav-button .mobile-nav-button__line--2 {display: none;} .mobile-nav-button .mobile-nav-button__line--3 {-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);transform: rotate(135deg);top: 13px;position: absolute;} .mobile-menu {display:none;max-width: 500px;width: 100%;right:0;height:100vh;background:rgba(0,0,0,0.8);position: absolute;z-index: 9998;-webkit-transition: 0.6s ease;-moz-transition: 0.6s ease;transition: 0.6s ease;top: 0;opacity: 0;} .mobile-menu ul {position: relative;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);padding: 0;} .mobile-menu ul li {list-style: none;} .mobile-menu ul li a {width: 100%;max-width: 1200px;margin: 0 auto;display: block;text-align: center;text-decoration: none;color: #fff;font-size: 2em;font-weight: bold;overflow: hidden;position: relative;line-height:2.5em;} .mobile-menu ul li a:after {content: '';background: #0e0e0e;width: 100%;height: 100%;position: absolute;right: -100%;top: 0;z-index: -1;-webkit-transition: 0.4s ease;-moz-transition: 0.4s ease;transition: 0.4s ease;} .mobile-menu ul li a:hover {color: #fff;} .mobile-menu ul li a:hover:after {right: 0;} .mobile-menu img {position: absolute;width: 150px;display: block;left: 50%;top: 3rem;transform: translatex(-50%);padding: 0;text-align: center;} .mobile-menu--open {display:block;right:0;opacity: 1;} #int-global-wrapper > #int-quick-menu {position:fixed;left:0;bottom:0;background:#fff;padding:20px 0;z-index:2;} #int-global-wrapper > #int-quick-menu > ul > li{width:60px;text-align:center;padding:40px 0;position:relative;} #int-global-wrapper > #int-quick-menu > ul > li:before{display:block;content:'';width:12px;height:1px;background:#e5e5e5;position:absolute;left:24px;top:40px;} #int-global-wrapper > #int-quick-menu > ul > li:first-child:before{display:none;} #int-global-wrapper > #int-quick-menu > ul > li > a{display:block;} #int-global-wrapper > #int-header.fix-header > div#gh-inner{text-align:left;} #int-global-wrapper > #main-nav{position:fixed;right:3%;top:42%;z-index:3;} #int-global-wrapper > #main-nav > ul > li{position:relative;padding:15px 30px 15px 0px;text-align:right;cursor:pointer;} #int-global-wrapper > #main-nav > ul > li > a{color:#fff;letter-spacing:0.04em;font-weight:500;opacity:0.1;font-size:.875em;} #int-global-wrapper > #main-nav > ul > li:after{content:'';display:block;position:absolute;top:50%;right:0;width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:1px solid #fff;margin-top:-1px;box-sizing:border-box;margin-top:-5px;} #int-global-wrapper > #main-nav > ul > li.on:after{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;height:1px;background:#fff;border:0;margin-top:-1px;} #int-global-wrapper > #main-nav > ul > li.on > a{opacity:1;} #int-global-wrapper > #main-nav.down > ul > li > a{color:#323232;} #int-global-wrapper > #main-nav.down > ul > li:after{border:1px solid #e5e5e5;} #int-global-wrapper > #main-nav.down > ul > li.on:after{border:1px solid #6e7dff;} #sec1{width:100%;height:100%;position:relative;} #sec1 > .visual.new{width:100%;height:100%;position:relative;background:url(../images/main-visual.png) no-repeat 50% 50%;background-size:cover;overflow:hidden;} #sec1 > .visual.new > div.container-1400{height:100%;} #sec1 > .visual.new > div.container-1400 > div.aboutus{width:100%;display: block; position: absolute; top:38%; z-index: 2;text-align:center;color:#fff;} #sec1 > .visual.new > div.container-1400 > div.aboutus > h2{font-size:5em;line-height:.875em;font-weight:500;letter-spacing:0.04em;margin:2% auto 3.5%;text-shadow:3px 3px 2px rgba(0,0,0,0.15);} #sec1 > .visual.new > div.container-1400 > div.aboutus > h4{font-size:2.25em;letter-spacing:0.08em;font-weight:100;} #sec1 > .visual.new > div.container-1400 > div.aboutus > p{font-size:1.25em;font-weight:400;line-height:1.5em;} #sec1 > .visual.new > div.container-1400 > div.scroll-downs {position:absolute;top:90%;right: 0;left: 0;margin: auto;width :100px;height: 41px;} .mousey {width:0;padding:6px 11.25px;height:26px;border:3px solid #fff;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius: 25px;opacity: 0.75;box-sizing: content-box;margin:0 auto;} .scroller {width:3px;height:9px;-webkit-border-radius:25%;-moz-border-radius:25%;border-radius: 25%;background-color: #fff;animation-name: scroll;animation-duration: 1.4s;animation-timing-function: cubic-bezier(.15,.41,.69,.94);animation-iteration-count: infinite;position:relative;right:1px;} @keyframes scroll { 0% { opacity: 0; } 10% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(8px); opacity: 0;} } #sec1 > .visual.new > div.container-1400 > div.scroll-downs p{font-size:.875em;color:#fff;text-align:center;padding:10px 0 0;} .sec{margin:150px 0;position:relative;font-weight:300;} .wr_1280{max-width:1280px!important;margin:0 auto;} .sec p, .sec h1, .sec h2, .sec h3, .sec h4, .sec h5{line-height:1.425em;letter-spacing:-0.04em;color:#414141;font-weight:400;} .sec .en{font-weight:300;} .sec .title h1, .sec .title h2{letter-spacing:0.1em;font-weight:900;color:#000;} .sec .center{text-align:center;} .sec .blue{color:#6e7dff;} .sec .left{float:left;} .sec h1{font-size:1.875em;} .sec h2{font-size:1.5em;} .sec h3{font-size:1.25em} .sec h4{font-size:1.125em} .sec h5{font-size:1em} .sec p{font-size:.95em} .sec small{font-size:.875em;} .sec .btn_style a{text-align:center;display:block;width:170px;line-height:40px;background:#6e7dff;-webkit-border-radius:21px;-moz-border-radius:21px;border-radius:21px;color:#fff;} .motive{position:absolute;} #sec2.sec{margin:80px 0;background:url('../images/motive_01.png') no-repeat left 7%;} #sec2 > .contents.about{height:auto;} #sec2 > .about > .contents_wrap{padding:40px 0;*zoom:1;} #sec2 > .about > .contents_wrap:after{content:"";display:block;clear:both;} #sec2 > .about > .contents_wrap > h2{font-weight:400;padding:40px 0 60px;} #sec2 > .about > .contents_wrap > h2 > span{position:relative;} #sec2 > .about > .contents_wrap > h2 > span:before{content:'';display:inline-block;width:100%;height:9px;background:#f0f2ff;position:absolute;left:0;bottom:2px;z-index:-1;} #sec2 > .about > .contents_wrap > .title.left{width:42%;} #sec2 > .about > .contents_wrap > .about_contents.left{width:58%;} #sec2 > .about > .contents_wrap > .title > h2{font-size:3.75em;position:relative;padding-left:40px;line-height:.875em;} #sec2 > .about > .contents_wrap > .title > h2:after, #sec5 > .recruit > .title > h1:after{content:'';display:block;position:absolute;width:8px;height:8px;background:#8194ff;left:66%;bottom:3px;} #sec2 > .about > .contents_wrap > .about-list-container{padding:0 40px;} #sec2 > .about > .contents_wrap > .about-list-container > li{float:left;position:relative;overflow:hidden;height:350px;} #sec2 > .about > .contents_wrap > .about-list-container > li img{transition:all ease-in-out .3s 0s;-webkit-transition:all ease-in-out .3s 0s;} #sec2 > .about > .contents_wrap > .about-list-container > li:hover img{width:auto;transform:scale(1.2, 1.2);-webkit-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);} #sec2 > .about > .contents_wrap > .about-list-container > li:last-child{position:relative;top:50px;} #sec2 > .about > .contents_wrap > .about-list-container > li > div{position:absolute;left:50px;bottom:60px;line-height:1.25em;z-index:1;} #sec2 > .about > .contents_wrap > .about-list-container > li > div > h1{font-size:1.875em;font-weight:500;color:#fff;} #sec2 > .about > .contents_wrap > .about-list-container > li > div > h2{font-weight:300;color:#fff;} #sec2 > .about > .contents_wrap > .about-list-container > li > div > h1:after{content:'';display:block;width:20px;height:1px;background:#ffeeaa;margin:20px 0 15px;} #sec2 > .about > .contents_wrap > .about-list-container > li > div > small{color:#fff;font-weight:600;} #sec2 > .about > .contents_wrap > .client{padding:0 30px;margin:-16px 0;} #sec2 > .about > .contents_wrap > .client > li{float:left;width:12.5%;text-align:center;padding:16px 0px;} #sec3.sec{margin:100px 0 170px;} #sec3 > .business{padding-top:80px;} #sec3 > .contents{position: relative;} #sec3 > .business > .title{position:absolute;right:-100px;top:0;} #sec3 > .business > .title > h1{font-size:7.5em;line-height:.875em;} #sec3 > .business > .slide-wrap{position:relative;} #sec3 > .business > .slide-wrap > .slide-nav{position:absolute;right:60px;top:85px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;border:1px solid #dcdcdc;z-index:3;} #sec3 > .business > .slide-wrap > .slide-nav > span{float:left;display:block;} #sec3 > .business > .slide-wrap > .slide-nav > span:before{content:'';display:block;width:1px;height:17px;background:#dcdcdc;position:absolute;left:50%;top:13px;} #sec3 > .business > .slide-wrap > .slide-nav > span:last-child:before{display:none;} #sec3 > .business > .slide-wrap > .slide-nav > span > a{display:block;padding:12px 15px;} #sec3 > .business > .slide-wrap > ul{margin:0;width:100%;} #sec3 > .business > .slide-wrap > .big-slide-container{position:relative;display:inline-block;width:100%;} #sec3 > .business > .slide-wrap > .big-slide-container > ul li img{display:inline-block;width:50%;} #sec3 > .business > .slide-wrap > .big-slide-container > ul li .text_wrap{display:inline-block;width:40%;vertical-align:top;margin:7% 0 0 4.75%;} #sec3 > .business > .slide-wrap > .big-slide-container > ul li .text_wrap > h2{font-size:2em;font-weight:500;letter-spacing:0;position:relative;} #sec3 > .business > .slide-wrap > .big-slide-container > ul li .text_wrap > h2:after{content:'';display:block;position:absolute;left:-100px;bottom:-20px;width:250px;height:2px;background:#6e7dff;} #sec3 > .business > .slide-wrap > .big-slide-container > ul li .text_wrap > h5{color:#888888;margin:0;padding:57px 0 0 0;} #sec3 > .business > .slide-wrap > .small-slide-container{position:absolute;width:50%;margin-top:289px;left:50%;text-align:center;} #sec3 > .business > .slide-wrap > .small-slide-container > ul{display:inline-block;width:80%;margin:0 auto;} /*#sec3 > .business > .slide-wrap > .big-slide-container, #sec3 > .business > .slide-wrap > .small-slide-container{width:50%;position:relative;} #sec3 > .business > .slide-wrap > .big-slide-container > ul > li{display:none;float:left;} #sec3 > .business > .slide-wrap > .big-slide-container > ul > li.on{display:block;} #sec3 > .business > .slide-wrap > .big-slide-container > ul > li > .text_wrap{position:absolute;top:85px;left:100%;padding-left:60px;z-index:2;width:100%;} #sec3 > .business > .slide-wrap > .big-slide-container > ul > li > .text_wrap > h2{font-size:2em;font-weight:500;letter-spacing:0;position:relative;} #sec3 > .business > .slide-wrap > .big-slide-container > ul > li > .text_wrap > h2:after{content:'';display:block;position:absolute;left:-100px;bottom:-20px;width:250px;height:2px;background:#6e7dff;} #sec3 > .business > .slide-wrap > .big-slide-container > ul > li > .text_wrap > h2:after{} #sec3 > .business > .slide-wrap > .big-slide-container > ul > li.on > .text_wrap > h5{letter-spacing:0;color:#888888;margin:0;padding:57px 0 0 0;} #sec3 > .business > .slide-wrap > .small-slide-container{padding-top:287px;} #sec3 > .business > .slide-wrap > .small-slide-container > ul{padding-left:60px;margin:0 -10px;} #sec3 > .business > .slide-wrap > .small-slide-container > ul > li{float:left;} #sec3 > .business > .slide-wrap > .small-slide-container > ul > li > div{padding:0 10px;} #sec3 > .business > .slide-wrap > .small-slide-container > ul > li.on{display:none;}*/ #sec4{background:url('../images/brand_bg.png') no-repeat center top;background-size:100%;} #sec4 > .motive{right:0;top:-129px;} #sec4 > .brand{padding-top:80px;} #sec4 > .brand > .title > h1, #sec4 > .brand > .title > h5{color:#fff;} #sec4 > .brand > .title > h1{font-size:7.5em;line-height:.875em;} #sec4 > .brand > .title > h5{margin:30px 0;} #sec4 > .brand > .slide-wrap > .slide-nav{text-align:center;} #sec4 > .brand > .slide-wrap > .slide-nav > ul > li{display:inline-block;text-align:center;padding:0 10px;} #sec4 > .brand > .slide-wrap > .slide-nav > ul > li.arrow{padding:0 50px;} #sec4 > .brand > .slide-wrap > .slide-nav > ul > li > a{background:#fff;padding:18px 25px;display:block;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:25px;} #sec4 > .brand > .slide-wrap > .slide-nav > ul > li > a > img{opacity:.4;} #sec4 > .brand > .slide-wrap > .slide-nav > ul > li.on > a{border:2px solid #6e7dff;box-sizing:border-box;} #sec4 > .brand > .slide-wrap > .slide-nav > ul > li.on > a > img{opacity:1;} #sec4 > .brand > .slide-wrap > .slide-nav > ul > li.arrow > a{padding:0;} #sec4 > .brand > .slide-wrap > .slide-nav > ul > li.arrow > a > img{opacity:1;} #sec4 > .brand > .slide-wrap > .slide-contents{max-width:1000px;margin:0 auto;position:relative;background:#fff;} #sec4 > .brand > .slide-wrap > .slide-contents > ul > li{display:none;} #sec4 > .brand > .slide-wrap > .slide-contents > ul > li.on{display:block;} #sec4 > .brand > .slide-wrap > .slide-contents > ul > li > div{padding:80px 60px;margin:30px 0 0;-webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.2);-moz-box-shadow:2px 2px 10px rgba(0,0,0,0.2);box-shadow:2px 2px 10px rgba(0,0,0,0.2);} #sec4 > .brand > .slide-wrap > .slide-contents > ul > li > div > .img_wrap{position:absolute;left:-130px;opacity:0;} #sec4 > .brand > .slide-wrap > .slide-contents > ul > li.on > div > .img_wrap{top:0;opacity:1;} #sec4 > .brand > .slide-wrap > .slide-contents > ul > li > div > .text_wrap{margin-left:50%;padding-left:20px;} #sec4 > .brand > .slide-wrap > .slide-contents > ul > li > div > .text_wrap > h1{font-size:3.75em;font-weight:500;line-height:1em;letter-spacing:0.01em;} #sec4 > .brand > .slide-wrap > .slide-contents > ul > li > div > .text_wrap > h2{font-weight:200;} #sec4 > .brand > .slide-wrap > .slide-contents > ul > li > div > .text_wrap > p{color:#888888;margin:25px 0 35px;line-height:1.625em;} #sec5 > .motive_front{left:0;bottom:-165px;} #sec5 > .motive_back{right:0;top:-50px;z-index:-1;} #sec5 > .recruit > .title > h1{font-size:3.75em;position:relative;} #sec5 > .recruit > .title > h1:after{left:20%;bottom:20px;} #sec5 > .recruit > .title > h2{font-weight:400;letter-spacing:-0.04em;margin:50px 0 20px;} #sec5 > .recruit > .half{position:relative;} #sec5 > .recruit > .half > div{width:50%;} #sec5 > .recruit > .half > div.recruit_board > table{border-top:2px solid #868e96;width:100%;margin:10px 0 30px;} #sec5 > .recruit > .half > div.recruit_board > table > tbody > tr{position:relative;} #sec5 > .recruit > .half > div.recruit_board > table > tbody > tr > th, #sec5 > .recruit > .half > div.recruit_board > table > tbody > tr > td{border-bottom:1px solid #dcdcdc;} #sec5 > .recruit > .half > div.recruit_board > table > tbody > tr > th{width:25%;text-align:center;vertical-align:middle;position:relative;} #sec5 > .recruit > .half > div.recruit_board > table > tbody > tr > th:after{position:absolute;width:1px;height:40px;background:#dcdcdc;content:'';display:block;right:0;top:50%;margin-top:-20px;} #sec5 > .recruit > .half > div.recruit_board > table > tbody > tr > td{vertical-align:middle;padding:20px 0 20px 40px;width:75%;} #sec5 > .recruit > .half > div.recruit_board > table > tbody > tr > td > small{color:#888888;} #sec5 > .recruit > .half > div.img_wrap{position:absolute;right:0;top:-135px;text-align:right;z-index:2;} #sec5 > .recruit.full_bg{background:#fafafa;margin-top:70px;} #sec5 > .recruit > .work_info > ul > li{float:left;width:25%;position:relative;padding:30px 0;} #sec5 > .recruit > .work_info > ul > li:before{content:'';display:block;position:absolute;left:0;top:15%;width:1px;height:70%;background:#dcdcdc;} #sec5 > .recruit > .work_info > ul > li:first-child:before{display:none;} #sec5 > .recruit > .work_info > ul > li > h4{font-weight:500;margin:15px 0 10px;} #sec6{margin:150px 0 0;} #sec6 > .contact{position:relative;} #sec6 > .contact > .title > h1{font-size:3.5em;text-transform:uppercase;position:relative;} #sec6 > .contact > .title > h4{margin:25px 0 60px;} #sec6 > .contact > .company_info{position:relative;} #sec6 > .contact > .company_info > ul::after{content:'';display:block;clear:both;} #sec6 > .contact > .company_info > ul > li{float:left;width:25%;padding-left:2%;box-sizing:border-box;border-left:1px solid #dcdcdc;height:215px;} #sec6 > .contact > .company_info > ul > li > h2{font-size:2em;margin-bottom:15px;} #sec6 > .contact > .company_info > ul > li > h5{margin:0;} #sec6 > .contact > .company_info > ul > li.sns > ul{display:inline-block;width:100%;} #sec6 > .contact > .company_info > ul > li.sns > ul > li{display:inline-block;width:2em;height:2em;margin:0.2em;} #sec6 > .contact > .company_info > ul > li.sns > ul > li > a, #sec6 > .contact > .company_info > ul > li.sns > ul > li > a > img{display:inline-block;width:100%;} #sec6 > .contact > .db{position:absolute;top:189px;right:0;width:360px;padding:38px;background:#fafafa;border:2px solid #99b7ff;box-sizing:border-box;z-index:1;} #sec6 > .contact > .db > form{width:100%;} #sec6 > .contact > .db > form > fieldset > legend, #sec6 > .contact > .db > form > fieldset > div > label{display:none;} #sec6 > .contact > .db > form > fieldset > div > input, #sec6 > .contact > .db > form > fieldset > div > textarea{background:#fff;border:0;width:95%;line-height:1.5em;padding:8px 0;padding-left:5%;font-size:1em;font-family:inherit;margin:0 0 15px;} #sec6 > .contact > .db > form > fieldset > div > textarea{height:150px;overflow-y:scroll;resize:vertical;} #sec6 > .contact > .db > form > fieldset > div > button{width:100%;color:#fff;border:0;background:url('../images/btn_submit.png') no-repeat center;background-size:contain;font-size:1.25em;font-weight:300;line-height:50px;} #sec6 > .contact > .db > form > fieldset > div > input::-webkit-input-placeholder{color:#888888;} #sec6 > .contact > .db > form > fieldset > div > input:-ms-input-placeholder{color:#888888;} #sec6 > .contact > .db > form > fieldset > div > textarea::-webkit-input-placeholder{color:#888888;} #sec6 > .contact > .db > form > fieldset > div > textarea:-ms-input-placeholder{color:#888888;} #sec6 > .contact > .db > form > fieldset > div > input::placeholder{color:#888888;} #sec6 > .contact > .db > form > fieldset > div > textarea::placeholder{color:#888888;} #int-global-footer{background-color:#fff;padding:60px 0;height:auto;} #int-global-footer > p{color:#414141;padding:0;font-size:1.25em;font-weight:300;} /* IE6,7,8 */ @media \0screen\,screen\9 { #int-global-wrapper > #int-header > #gh-inner > #int-wrap-1280 > #int-gh-gnb > #menu > ul > li > a{font-size:16px;} } /***************반응형***************/ @media only screen and (min-width:1401px) { #sec1 > .contents > .business > dl > dd > div > ul > li{width:393px !important;} #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand > dl > dd > div > ul > li {width:350px !important;} } @media only screen and (max-width:1024px) { #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand > dl > dd > div{height: 440px !important;} #sec1 > .contents > div.business > dl > dd > div > ul > li > div{height:440px !important;} #sec1 > .contents > div.business > dl > dd > a {margin:170px 0 0 0 !important;} #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand > dl > dd > a{margin: 180px 0 0 0 !important;} } @media only screen and (max-width:460px) { #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand > dl > dd > div{height: 300px !important;} #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand > dl > dd > div > ul > li > div > h2{height:120px !important;} #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand > dl > dd > div > ul > li > div > h3{width:60% !important;} #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand > dl > dd > div > ul > li > div > p img {max-height:45px !important;} #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand > dl > dd > a{margin: 125px 0 0 0 !important;} #sec1 > .contents > div.business > dl > dd > div > ul > li > div{height:300px !important;} #sec1 > .contents > .client > dl > dd > div > ul > li > div {width:190px !important;} #sec1 > .contents > .business > dl > dd > div > ul > li > div > div > img{max-height:65px !important;} #sec1 > .contents > div.business > dl > dd > a {margin:120px 0 0 0 !important;} } @media only screen and (max-width: 1400px) { #int-global-wrapper{webkit-text-size-adjust:120%;} #int-global-wrapper > #int-global-header > div#gh-inner > #int-wrap-1400{max-height:499px;min-width:320px;padding:0;} #int-global-wrapper > #int-global-header > div#gh-inner > #int-wrap-1400 > #int-gh-logo{width:40%;} #int-global-wrapper > #int-global-header > div#gh-inner > #int-wrap-1400 > #int-gh-logo > a{width:100%;} #int-global-wrapper > #int-global-header > div#gh-inner > #int-wrap-1400 > #int-gh-gnb > #menu {width:10%; background-color:black;} #int-global-wrapper > #int-global-header > div#gh-inner > #int-wrap-1400 > #int-gh-gnb > #menu > a{display: block;} #int-global-wrapper > #int-global-header > div#gh-inner > #int-wrap-1400 > #int-gh-gnb > #menu > a > img{display:block;width:60%;margin:0 auto; padding:20% 0; } #int-global-wrapper > #int-global-header > div#gh-inner > #int-wrap-1400 > #int-gh-gnb > #menu > a > i{display: none;} #int-global-wrapper > #int-global-header > div#gh-inner > #int-wrap-1400 > #int-gh-gnb > #menu > ul{display: none;} /****fix****/ #int-global-wrapper > #int-global-header.fix-header > div#gh-inner{background: none;} #int-global-wrapper > #int-global-header.fix-header > div#gh-inner > #int-wrap-1400 > #int-gh-logo{display:none;} /****open****/ #int-global-wrapper > #int-global-header > div#gh-inner > #int-wrap-1400 > #int-gh-gnb > #menu.open{display: block; width:35%; cursor:pointer;float:right;position: relative;padding:2% 0 10% 10%;} #int-global-wrapper > #int-global-header > div#gh-inner > #int-wrap-1400 > #int-gh-gnb > #menu.open > a{position: absolute;right:0;z-index: 15;} #int-global-wrapper > #int-global-header > div#gh-inner > #int-wrap-1400 > #int-gh-gnb > #menu.open > a > i {display:block; color:#fff;font-size: 2em;} #int-global-wrapper > #int-global-header > div#gh-inner > #int-wrap-1400 > #int-gh-gnb > #menu.open > a > img{display:none;} #int-global-wrapper > #int-global-header > div#gh-inner > #int-wrap-1400 > #int-gh-gnb > #menu.open > ul{display:block;float:left;position:relative;} #int-global-wrapper > #int-global-header > div#gh-inner > #int-wrap-1400 > #int-gh-gnb > #menu.open > ul > li{display:block;float: left;} #int-global-wrapper > #int-global-header > div#gh-inner > #int-wrap-1400 > #int-gh-gnb > #menu.open > ul > li.menu-sns{float:left;} #int-global-wrapper > #int-global-header > div#gh-inner > #int-wrap-1400 > #int-gh-gnb > #menu.open > ul > li.menu-sns > a{display:block; width:50%; } #int-global-wrapper > #int-global-header > div#gh-inner > #int-wrap-1400 > #int-gh-gnb > #menu.open > ul > li.menu-sns > p > img{width:100%;margin-top:17px} #int-global-wrapper > #int-global-header > div#gh-inner > #int-wrap-1400 > #int-gh-gnb > #menu.open > ul > li.menu-txt {border:0;width:80%;;text-align: left;height:auto;} /****open end****/ #sec1 > .visual{background-image:url(../images/tablet-bg-aboutus.png);min-width:320px;margin:0 auto;height:auto;} #sec1 > .visual > div.swiper-container > div.container-1400 > div.aboutus{ top:40%; } #sec1 > .visual > div.swiper-container > div.container-1400 > div.aboutus > h2{margin:0 auto; width: 50%;} #sec1 > .visual > div.swiper-container > div.container-1400 > div.aboutus > h2 > img{width:80%; margin:0 auto;} #sec1 > .visual > div.swiper-container > div.container-1400 > div.aboutus > p {font-size:0.7em; width: 100%; margin:1% auto 0;} #sec1 > .visual > div.swiper-container > div.container-1400 > div.layout-bg > img{max-height: 500px;} #sec1 > .contents > div.txt{width:90%;} #sec1 > .contents > div.txt > p{font-size: 0.8em;} #sec1 > .contents > div.vision { background:none;margin:0 auto;background-position:center;display: block;max-width:100%; max-height:none !important;} #sec1 > .contents > .vision > div.vision-top {width:100%;background-image: url(../images/tablet-bgtop-vision.png);background-size:cover; background-repeat:no-repeat;background-position:center center; float:none;height:auto; } #sec1 > .contents > .vision > div.vision-top > div.lit-vision{display:block; width:20%; } #sec1 > .contents > .vision > div.vision-top > div.lit-vision > img{margin:0 auto;display:block;padding:50% 0;} #sec1 > .contents > .vision > div.vision-top > div.bullet{display:block;width:9%; padding:3% 0 0 0; margin:0 auto; } #sec1 > .contents > .vision > div.vision-top > div.bullet > img {margin:0 auto;display:block; max-width:100%; padding:1% 0 0 0;} #sec1 > .contents > .vision > div.vision-bottom{width:100%;background-color: #4168b2;background-size:cover;background-position:center center; background-image: url(../images/tablet-bgbottom-vision.png);} #sec1 > .contents > .vision > div.vision-bottom > p{max-height: 100%;width:90%; padding:5% 0;max-width:100%; font-size: 0.8em} #sec1 > .contents > div.history{max-width:100%;margin:0 auto; } #sec1 > .contents > div.history > div.left-ceo{width:90%;max-width:100%;float: none;margin:0 auto;height:auto;} #sec1 > .contents > div.history > div.left-ceo > h2 {width:40%; margin:0 auto; padding:10% 0 0 0;} #sec1 > .contents > div.history > div.left-ceo > h3{font-size:0.8em;margin:0; max-width:100%;text-align: left;Font-weight:100;font-family: 'NanumGothic';color:#8d8d8d;line-height: 1.5em;} #sec1 > .contents > div.history > div.right-history{max-width:90%;width:100%;float:none;margin: 5% auto 0;overflow: hidden;} #sec1 > .contents > .history > .right-history > dl {border:0;margin:0 auto;padding:5% 0;} #sec1 > .contents > div.history > div.right-history > h2 {width:27%; margin:0 auto; padding:10% 0 0 0;} #sec1 > .contents > .history > .right-history > dl > dd > ul{ padding: 0 0 0 60px;} #sec1 > .contents > .history > .right-history > dl > dt {font-size: 1em;} #sec1 > .contents > .history > .right-history > dl > dd > ul > li {padding:10px 0 10px 15px; background: url(../images/tablet-bullet.png) no-repeat 0 50%; font-size: 0.8em; line-height: 1.5em;} #sec1 > .contents > div.business{display:block;max-width: 100%; height:auto;margin: 0 auto;position: relative;padding: 15% 0;} #sec1 > .contents > div.business > dl {width:90%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin:0 auto;text-align: center;} #sec1 > .contents > div.business > dl > dt{width:175px;display:block;float:none;margin:0 auto;padding: 0;} #sec1 > .contents > div.business > dl > dt > div{width:70%; margin:0 auto; } #sec1 > .contents > div.business > dl > dt > div > img {width:100%; margin:0 auto;} #sec1 > .contents > div.business > dl > dd {display:block;float:none;height:450px;position: relative;z-index: 9;} #sec1 > .contents > div.business > dl > dd > div{position:relative;width:90%;height:540px;overflow: hidden;margin:33px auto 0;} #sec1 > .contents > div.business > dl > dd > div > ul{margin:0;display: block; float: none;position: absolute;padding:0;white-space: nowrap;width:auto;} #sec1 > .contents > div.business > dl > dd > div > ul > li{ height:100%;margin: 0;float: none !important;vertical-align:top;display: inline-block;*display:block; *zoom:1;border:0;background:none;} #sec1 > .contents > div.business > dl > dd > div > ul > li > div{width:88%;height:600px;margin:0;background-color: rgba(0, 0, 0, 0.7);display:inline-block;} #sec1 > .contents > div.business > dl > dd > div > ul > li > div > div{margin:0 auto; padding:17% 0 0 0;} #sec1 > .contents > div.business > dl > dd > div > ul > li > div > pre {font-size: 0.7em;} #sec1 > .contents > div.business > dl > dd > a {display:block; width:30px;height:30px; margin:250px 0 0 0;} #sec1 > .contents > div.business > dl > dd > a > img{width:100%; display: block; } #sec1 > .contents > div.business > dl > dd > a.prev{position:absolute;left:0;z-index: 10;} #sec1 > .contents > div.business > dl > dd > a.next{position:absolute;right:0;z-index:10;} #sec1 > .contents > div.client {overflow: hidden;width:90%; margin: 5% auto;} #sec1 > .contents > div.client > dl{max-width:720px;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin:0 auto;text-align: center;width:100%} #sec1 > .contents > div.client > dl > dt{width:23%;display:block;float:none;margin:0 auto;} #sec1 > .contents > div.client > dl > dt > div{width:100%;margin:0 auto;height:auto; } #sec1 > .contents > div.client > dl > dt > div > img{width:100%;} #sec1 > .contents > div.client > dl > dd {display:block;float:none;height:118px;position: relative;} #sec1 > .contents > div.client > dl > dd > div{width:90%;height:122px;overflow: hidden;float:left;position: relative;} #sec1 > .contents > div.client > dl > dd > div > ul{display:block;float:none;position:absolute;width: 5592px;} #sec1 > .contents > div.client > dl > dd > div > ul > li{display:inline-block;} #sec1 > .contents > div.client > dl > dd > div > ul > li > div{border:0px ;} #sec1 > .contents > div.client > dl > dd > a {display:block; width:16px;height:16px;} #sec1 > .contents > div.client > dl > dd > a.prev{position:absolute; left:0;top:39%;} #sec1 > .contents > div.client > dl > dd > a.next{position:absolute; right:0;top:39%;} #sec2 > .visual{min-width:320px;margin:0 auto;background:#4168b2;height:auto;} #sec2 > .visual > div.swiper-container > div.container-1400 > div.layout-bg{display:none;} #sec2 > .visual > div.swiper-container > div.container-1400 > div.layout-bg > img {height: auto;} #sec2 > .visual > div.swiper-container > div.container-1400 > div.recruit{padding:10% 0; position: static;} #sec2 > .visual > div.swiper-container > div.container-1400 > div.recruit > h2{margin:0 auto; width: 50%;} #sec2 > .visual > div.swiper-container > div.container-1400 > div.recruit > h2 > img{ width:80%;margin:3% auto 0;} #sec2 > .visual > div.swiper-container > div.container-1400 > div.recruit > p{display:block; width:100%; margin:1% auto 0;font-size:0.7em;line-height: 1.5em;} #sec2 > .contents {width:90%; height:auto;padding:0 0 5% 0;} #sec2 > .contents > ul.recruit-left{width:100%;height:auto;float: none;margin:0 auto;} #sec2 > .contents > ul.recruit-left > li{text-align: center; margin: 5% 0 0 0 ;} #sec2 > .contents > ul.recruit-left > li.recruit-in{width:100%;float:left;margin: 0 0 2% 0;} #sec2 > .contents > ul.recruit-left > li.recruit-in > img{width:70%; margin: 0 auto;} #sec2 > .contents > ul.recruit-left > li.address{width:100%; margin:0;font-size: 0.8em} #sec2 > .contents > ul.recruit-left > li.line{width:100%} #sec2 > .contents > ul.recruit-left > li.line > img{width:100%;} #sec2 > .contents > ul.recruit-left > li i{margin:0 2% 0 0;} #sec2 > .contents > ul.recruit-right{width:100%;float:none;overflow: hidden;} #sec2 > .contents > ul.recruit-right{height:auto;} #sec2 > .contents > ul.recruit-right > li {width:100%} #sec2 > .contents > ul.recruit-right > li > img{width:5%;} #sec2 > .contents > ul.recruit-right > li > dl{margin:10% 0 0 10%;} #sec2 > .contents > ul.recruit-right > li > dl > dd {font-size:0.8em;} #sec2 > .contents > ul.recruit-right > li > dl > dt{color:#003471; font-weight:300;} #sec3 > .visual{min-width:320px;margin:0 auto;background:#4168b2;height:auto;} #sec3 > .visual > div.swiper-container > div.container-1400 > div.layout-bg{display:none;} #sec3 > .visual > div.swiper-container > div.container-1400 > div > img{height:auto;} #sec3 > .visual > div.swiper-container > div.container-1400 > div.contact > h2{margin:0 auto; width: 50%;} #sec3 > .visual > div.swiper-container > div.container-1400 > div.contact > h2 > img{ margin:0 auto;width:100%} #sec3 > .visual > div.swiper-container > div.container-1400 > div.contact > h3 {width:90%; margin:3% auto 0;font-size:0.7em;} #sec3 > .visual > div.swiper-container > div.container-1400 > div.contact{position:static; padding:10% 0;} #sec3 > .visual > div.swiper-container > div.container-1400 > div.contact > ul{ margin:0 auto;max-width:340px;text-align: center;} #sec3 > .visual > div.swiper-container > div.container-1400 > div.contact > ul > li.contact-sns { text-align: center; display: inline-block;} #sec3 > .visual > div.swiper-container > div.container-1400 > div.contact > ul > li{margin:0 auto; display:inline-block;float:none;} #sec3 > .visual > div.swiper-container > div.container-1400 > div.contact > ul > li:last-child{display:block; width:207px;} #sec3 > .visual > div.swiper-container > div.container-1400 > div.contact > ul > li.contact-sns > a{width:100%;} #sec3 > .visual > div.swiper-container > div.container-1400 > div.contact > ul > li > ul{margin:8% 0 0 0;display: block;} #sec3 > .visual > div.swiper-container > div.container-1400 > div.contact > ul > li > ul > li {width:100%; height:40px;padding:8% 0 0 5%;} #sec3 > .visual > div.swiper-container > div.container-1400 > div.contact > ul > li > ul > li > span{margin:0 0 0 40%;vertical-align:middle;display: inline-block;*display:block; *zoom:1;} #sec3 > .visual > div.swiper-container > div.container-1400 > div.contact > ul > li > ul > li > span img{width:50%} #sec3 > .visual > div.swiper-container > div.container-1400 > div.contact > ul > li #sec3 > .contents { width:90%;} #sec3 > .contents > form > fieldset > dl{display: block; width:90%; margin: 0 auto;} #sec3 > .contents > form > fieldset > dl > dd{float:none;width:100%; margin:0 auto;} #sec3 > .contents > form > fieldset > dl > dd > div{width:100%; height:50px;} #sec3 > .contents > form > fieldset > dl > dd > div > h3{margin:9% 0 2% 0;} #sec3 > .contents > form > fieldset > dl > dd > div > input{width:100%;height:100%;} #sec3 > .contents > form > fieldset > dl > dd > div > textarea{width:100%; height:300px;} #sec3 > .contents > form > fieldset > div.btn{width:90%;margin:5% auto 0;height:50px; float: none;} #sec3 > .contents > form > fieldset > div.btn > input{width:100%;height: 100%;} #sec3 > .contents > div > ul{ width:90%;} #sec3 > .contents > div#map-canvas{max-height:300px;} #sec3 > .contents > div > ul > li{float: none; width:100%;} #sec3 > .contents > div > ul > li > dl {font-size: 0.8em;} #sec3 > .contents > div > ul > li.contact-left{padding:0 0 3% 0;} #sec3 > .contents > div > ul > li.contact-left > dl > dt{padding:0 0 5% 0;} #sec3 > .contents > div > ul > li.contact-right > dl{padding:0 0 3% 0;margin:0;} #sec3 > .contents > div#map-canvas{width:90%;} #sec4 > .visual{height:auto;padding:0 0 5% 0;} #sec4 > .visual > div.swiper-container > div.container-1400 > div.layout-bg > img{display: none;} #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand{display:block;max-width: 100%; height:auto;margin: 0 auto;position: relative;padding:20% 0;} #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand > dl {width:90%;text-align: center;margin:0 auto;} #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand > dl > dt{width:90%;display:block;float:none;margin:0 auto;} #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand > dl > dt > h2{width:50%; margin:0 auto;} #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand > dl > dt > h3{font-size:0.8em;} #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand > dl > dt > div{width:70% } #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand > dl > dt > div > img {width:100%; margin:0 auto;} #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand > dl > dd {display:block;float:none;position: relative;z-index: 9;} #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand > dl > dd > a{display: block;width:30px; height:30px; margin: 220px 0 0 0;} #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand > dl > dd > a.next{position:absolute;right:0;z-index:10;} #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand > dl > dd > a.prev{position:absolute;left:0;z-index:10;} #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand > dl > dd > div{width:90%;height:540px;overflow: hidden;position: relative;margin:33px auto 0;} #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand > dl > dd > div > ul{height:auto;margin:0;display: block; float: none;position: absolute;padding:0;border:0;white-space: nowrap;width:auto;} #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand > dl > dd > div > ul > li{margin:0;border:0;float:none!important;background:none;vertical-align:top;display: inline-block;*display:block; *zoom:1;border:0;white-space: normal;} #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand > dl > dd > div > ul > li > div{width:80%;height:auto;margin:0;display:inline-block;background-color:rgba(255, 255, 255, 0.81);padding: 0 0 5% 0;} #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand > dl > dd > div > ul > li > div > h3{margin:5% auto;width:50%;} #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand > dl > dd > div > ul > li > div > h3 > a{width:100%;font-size: 0.8em;} #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand > dl > dd > div > ul > li > div > p{ border:0; margin: 0 auto;padding:10% 0;max-width:180px;font-size:0.8em;} #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand > dl > dd > div > ul > li > div > p img {max-height:65px;} #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand > dl > dd > div > ul > li > div > h2{height:30%; width:80%;margin:0 auto; font-size: 0.8em; } #sec4 > .visual > div.swiper-container > div.container-1400 > div.brand > dl > dd > div > ul > li > div > h3 > a > span {margin:0 0 0 10%;} #int-global-footer{height: auto;} #int-global-footer > p{padding:3% 0; font-size:0.5em;} } /**은영 반응형 작업**/ @media only screen and (max-width: 1400px) { img{max-width:100%;vertical-align:middle;} .sec{margin:100px 0;} #sec2 > .contents{padding:0 0 2% 0;} #sec2 > .about > .contents_wrap > .about-list-container > li{height:auto;width:50%;} #sec3 > .business > .title{right:0;} #sec3 > .business > .slide-wrap > .big-slide-container > ul > li > .text_wrap{padding-left:10%;width:90%;} #sec4{background-size:125%;} #sec4 > .brand > .title > h5{margin:20px 0;} } @media only screen and (max-width: 1300px) { .sec h1{font-size:1.75em;} .sec h2{font-size:1.25em;} .sec h3{font-size:1.125em} .sec h4{font-size:1em} .sec h5{font-size:.95em} .sec p{font-size:.875em} .sec small{font-size:.75em;} .wr_1280{max-width:1000px !important;} .sec{margin:80px 0;} .sec .btn_style a{font-size:.875em;width:140px;line-height:36px;} #int-global-wrapper > #int-header > #gh-inner > #int-wrap-1280{max-width:1000px;} #int-global-wrapper > #int-header > #gh-inner > #int-wrap-1280 > #int-gh-logo{left:0;} #int-global-wrapper > #int-header > #gh-inner > #int-wrap-1280 > #int-gh-gnb > #menu > ul{margin-left:260px;} #int-global-wrapper > #int-header > #gh-inner > #int-wrap-1280 > #int-gh-gnb > #menu > ul > li{padding:0 25px;} #int-global-wrapper > #int-header > #gh-inner > #int-wrap-1280 > #int-gh-gnb > #menu > ul > li > a{font-size:.95em;} #int-global-footer > p{padding:0;font-size:1em;} #sec2.sec{background-position:left 3%;background-size:25%;} #sec2 > .contents{padding:0;} #sec2 > .about > .contents_wrap{padding:30px 0;} #sec2 > .about > .contents_wrap > .title > h2{font-size:3em;} #sec3 > .business > .slide-wrap > .big-slide-container > ul > li > .text_wrap > h2:after{bottom:-15px;} #sec2 > .about > .contents_wrap > .title > h2:after{left:90%;} #sec3 > .business{padding-top:0;} #sec3 > .business > .title{position:inherit;text-align:right;padding-bottom:40px;} #sec3 > .business > .title > h1, #sec4 > .brand > .title > h1{font-size:6em;} #sec3 > .business > .slide-wrap > .slide-nav{top:20px;right:0;} #sec3 > .business > .slide-wrap > .big-slide-container > ul li .text_wrap{margin-top:4%;} #sec3 > .business > .slide-wrap > .small-slide-container{margin-top:227px;} #sec3 > .business > .slide-wrap > .small-slide-container > ul li{margin-left:0.5%;} #sec4 > .brand > .slide-wrap > .slide-contents{max-width:900px;} #sec4 > .brand > .slide-wrap > .slide-contents > ul > li > div{padding:60px 40px;} #sec4 > .brand > .slide-wrap > .slide-contents > ul > li > div > .img_wrap{top:5%;left:-10%;width:60%;} #sec4 > .brand > .slide-wrap > .slide-contents > ul > li > div > .text_wrap > h1{font-size:3em;} #sec5 > .motive_front{width:20%; bottom:-15%;} #sec5 > .motive_back{width:70%;top:0;} #sec5 > .recruit.full_bg{margin-top:50px;} #sec5 > .recruit > .title > h2{margin:30px 0 20px;} #sec5 > .recruit > .title > h1:after{left:25%;} #sec5 > .recruit > .half > div.recruit_board > table > tbody > tr > td{padding:20px 0 20px 30px;} #sec6{margin:100px 0 0;} #sec6 > .contact > .title > h4{margin:20px 0 40px;} #sec6 > .contact > .db{width:30%;} #sec6 > .contact.full_bg{max-width:92%;margin:0 auto;} #sec6 > .contact > .db{top:140%;padding:28px;} #sec6 > .contact > .db > form > fieldset > div > textarea{height:100px;} } @media only screen and (max-width: 1000px) { .wr_1280{max-width:90% !important;} .sec h1{font-size:1.25em;} .sec h2{font-size:1.125em;} .sec h3{font-size:1em} .sec h4{font-size:.95em} .sec h5{font-size:.875em} .sec p{font-size:.75em} .sec small{font-size:.625em;} #int-global-wrapper > #int-quick-menu > ul > li{width:40px;padding:20px 0;} #int-global-wrapper > #int-quick-menu > ul > li:before{left:14px;top:0;} #int-global-wrapper > #int-quick-menu > ul > li > a{padding:0 10px;} #int-global-wrapper > #int-header > #gh-inner > #int-wrap-1280 > #int-gh-gnb, #int-global-wrapper > #int-header.fix-header > div#gh-inner > #int-wrap-1400 > #int-gh-gnb > #menu, #int-global-wrapper > #int-header > #gh-inner > #int-wrap-1280 > #family_site{display:none;} #int-global-wrapper > #int-header > #gh-inner > #int-wrap-1280 > #int-gh-logo{left:5%;} #int-global-wrapper > #main-nav > ul > li{padding:7px 20px 7px 0;} #int-global-wrapper > #main-nav > ul > li:after{width:6px;height:6px;margin-top:-4px;} #int-global-wrapper > #main-nav > ul > li > a{font-size:.75em;} .mobile-nav-button{display:block;} #sec1 > .visual.new > div.container-1400 > div.aboutus > h4{font-size:1.75em;} #sec1 > .visual.new > div.container-1400 > div.aboutus > h2{font-size:4em;} #sec1 > .visual.new > div.container-1400 > div.aboutus > p{font-size:1em;} #sec2 > .about > .contents_wrap{padding:20px 0;} #sec2 > .about > .contents_wrap > h2{padding:30px 0 40px;} #sec2 > .about > .contents_wrap > .title > h2{padding-left:0;} #sec2 > .about > .contents_wrap > .title > h2, #sec5 > .recruit > .title > h1, #sec6 > .contact > .title > h1{font-size:2.5em;} #sec2 > .about > .contents_wrap > .title > h2:after{left:76%;} #sec2 > .about > .contents_wrap > .about_contents > p > br{display:none;} #sec2 > .about > .contents_wrap > .client > li{width:10.5%;padding:16px 1.5%;} #sec2 > .about > .contents_wrap > .about-list-container > li:last-child{top:20px;} #sec2 > .about > .contents_wrap > .about-list-container > li > div{left:10%;bottom:22%;} #sec2 > .about > .contents_wrap > .about-list-container > li > div > h1{font-size:1.25em;} #sec2 > .about > .contents_wrap > .about-list-container > li > div > h1:after{margin:10px 0 5px;} #sec3.sec{margin:80px 0 120px;} #sec3 > .business > .title{padding-bottom:30px;} #sec3 > .business > .title > h1, #sec4 > .brand > .title > h1{font-size:4.5em;} #sec3 > .business > .slide-wrap > .big-slide-container > ul > li > .text_wrap, #sec3 > .business > .slide-wrap > .slide-nav{top:10px;} #sec3 > .business > .slide-wrap > .slide-nav > span > a{padding:7px 12px;} #sec3 > .business > .slide-wrap > .slide-nav > span:before{height:12px;top:9px;} #sec3 > .business > .slide-wrap > .slide-nav > span > a{line-height:5px;padding:9px 12px;} #sec3 > .business > .slide-wrap > .slide-nav > span > a > img{max-width:5px;} #sec3 > .business > .slide-wrap > .big-slide-container > ul li .text_wrap{margin-top:3%;} #sec3 > .business > .slide-wrap > .big-slide-container > ul li .text_wrap > h2{font-size:1.5em;} #sec3 > .business > .slide-wrap > .big-slide-container > ul li .text_wrap > h2:after{width:200px;bottom:-13px;} #sec3 > .business > .slide-wrap > .big-slide-container > ul li .text_wrap > h5{padding:27px 0 0 0;} #sec3 > .business > .slide-wrap > .small-slide-container{margin-top:176px;} #sec3 > .business > .title > h1, #sec4 > .brand > .title > h1{font-size:3.5em;} #sec4{background-size:180%;} #sec4 > .motive{width:22%;top:-100px;} #sec4 > .brand > .slide-wrap > .slide-nav > ul > li > a > img{max-width:60px;} #sec4 > .brand > .slide-wrap > .slide-nav > ul > li.arrow{padding:0 30px;} #sec4 > .brand > .slide-wrap > .slide-nav > ul > li.arrow > a > img{max-width:25px;} #sec4 > .brand > .slide-wrap > .slide-contents{max-width:85%;} #sec4 > .brand > .slide-wrap > .slide-contents > ul > li > div{padding:35px 25px;} #sec4 > .brand > .slide-wrap > .slide-contents > ul > li > div > .text_wrap > h1{font-size:2.25em;} #sec4 > .brand > .slide-wrap > .slide-contents > ul > li > div > .text_wrap > p{margin:15px 0 25px;} #sec4 > .brand > .slide-wrap > .slide-contents > ul > li > div > .text_wrap > p > br{display:none;} #sec4 > .brand > .slide-wrap > .slide-contents > ul > li.on > div > .img_wrap{top:5%;} #sec5 > .motive_back{display:none;} #sec5 > .recruit.full_bg{padding:10px 0;margin-top:30px;} #sec5 > .recruit > .half > div{width:100%;} #sec5 > .recruit > .half > div.img_wrap{display:none;} #sec5 > .recruit > .work_info > ul > li{width:50%;padding:10px 0;} #sec5 > .recruit > .work_info > ul > li:nth-child(3){clear:left;} #sec5 > .recruit > .work_info > ul > li:nth-child(3):before{display:none;} #sec5 > .recruit > .work_info > ul > li > span > img{max-width:20px;} #sec5 > .recruit > .work_info > ul > li > h4{margin:10px 0 5px;} #sec5 > .recruit > .half > div.recruit_board > table > tbody > tr > td{padding:10px 0 10px 20px;} #sec6{margin:80px 0 0;} #sec6 > .contact > .db{top:45%;right:10px;width:40%;} #sec6 > .contact > .db > form > fieldset > div > input, #sec6 > .contact > .db > form > fieldset > div > textarea, #sec6 > .contact > .db > form > fieldset > div > button{font-size:.875em;padding:5px;} #sec6 > .contact > .title > h4{margin:10px 0 30px;} #sec6 > .contact > .company_info{padding:10px 40% 10px 0;} #sec6 > .contact > .company_info > ul > li{float:none;height:auto;width:auto;padding:15px 0 15px 120px;border-left:0;position:relative;} #sec6 > .contact > .company_info > ul > li > h2, #sec6 > .contact > .company_info > ul > li > h5{display:inline-block;vertical-align:middle;} #sec6 > .contact > .company_info > ul > li > h2 {position:absolute;left:0;top:10px;font-size:1.5em;width:120px;margin-bottom:0;} #sec6 > .contact > .company_info > ul > li > h5{padding:0 5px;} #int-global-footer{padding:40px 0;} } @media only screen and (max-width: 760px) { .sec{margin:60px 0;} .sec h1{font-size:1.125em;} .sec h2{font-size:1em;} .sec h3{font-size:.95em} .sec h4{font-size:.875em} .sec h5{font-size:.75em} .sec p{font-size:.625em} .sec small{font-size:.5em;} .sec .left{float:none;} .sec .btn_style a{font-size:.75em;width:100px;line-height:30px;} #int-global-wrapper > #int-quick-menu{display:none;} #sec2.sec{margin:40px 0;} #sec2 > .about > .contents_wrap{padding:15px 0;} #sec2 > .about > .contents_wrap > h2{padding:15px 0 30px;} #sec2 > .about > .contents_wrap > .title{padding-bottom:15px;} #sec2 > .about > .contents_wrap > .title > h2:after{left:80%;} #sec2 > .about > .contents_wrap > .title.left, #sec2 > .about > .contents_wrap > .about_contents.left{width:100%;text-align:center;} #sec2 > .about > .contents_wrap > .about-list-container{padding:0 25px;} #sec2 > .about > .contents_wrap > .about-list-container > li > div > h1{font-size:1.125em;} #sec2 > .about > .contents_wrap > .client > li{padding:8px 1.5%;} #sec3.sec{margin:60px 0;} #sec3 .wr_1280{max-width:72%!important;} #sec3 > .business > .title{left:15%;} #sec3 > .business > .slide-wrap > .slide-nav{top:-40px;right:auto;left:0;} #sec3 > .business > .slide-wrap > .slide-nav > span:before{height:13px;top:7px;} #sec3 > .business > .slide-wrap > .slide-nav > span > a{padding:9px 12px;line-height:5px;} #sec3 > .business > .slide-wrap > .big-slide-container, #sec3 > .business > .slide-wrap > .small-slide-container{width:100%;} #sec3 > .business > .slide-wrap > .big-slide-container > ul > li > .text_wrap{left:0;position:inherit;width:100%;padding:20px 0;} #sec3 > .business > .slide-wrap > .big-slide-container > ul > li.on > .text_wrap > h5{padding:17px 0 0 0;} #sec3 > .business > .slide-wrap > .big-slide-container > ul > li > .text_wrap > h2{font-size:1em;} #sec3 > .business > .slide-wrap > .big-slide-container > ul > li > .text_wrap > h2:after{width:20px;left:0;bottom:-10px;} #sec3 > .business > .slide-wrap > .small-slide-container{display:none;} #sec4{background-size:200%;} #sec4 > .brand{padding-top:40px;} #sec4 > .brand > .slide-wrap > .slide-nav > ul > li{padding:0 5px;} #sec4 > .brand > .slide-wrap > .slide-nav > ul > li.arrow{padding:0 10px;} #sec4 > .brand > .slide-wrap > .slide-nav > ul > li > a{padding:12px 20px;} #sec4 > .brand > .slide-wrap > .slide-nav > ul > li.on > a{border-width:1px;} #sec4 > .brand > .slide-wrap > .slide-nav > ul > li > a > img{max-width:40px;} #sec4 > .brand > .slide-wrap > .slide-contents > ul > li > div{margin:18% 0 0;padding:30px 10%;} #sec4 > .brand > .slide-wrap > .slide-contents > ul > li > div > .img_wrap{left:20%;top:0;} #sec4 > .brand > .slide-wrap > .slide-contents > ul > li.on > div > .img_wrap{left:20%;top:-25%;} #sec4 > .brand > .slide-wrap > .slide-contents > ul > li > div > .text_wrap{margin-left:0;padding-left:0;padding-top:20%;} #sec4 > .brand > .slide-wrap > .slide-contents > ul > li > div > .text_wrap > p{margin:10px 0 20px;} #sec4 > .brand > .slide-wrap > .slide-contents > ul > li > div > .link{text-align:center;} #sec5 > .recruit > .title > h1:after{left:35%;bottom:12px;} #sec5 > .recruit > .title > h2{margin:20px 0 10px;} #sec5 > .recruit > .half > div > span{font-size:.625em;} #sec5 > .recruit > .half > div.recruit_board > table{margin:10px 0 20px} #sec6 > .contact > .company_info{padding:10px 0;} #sec6 > .contact > .title > h4{margin:10px 0;} #sec6 > .contact > .db{width:100%;border:0;position:inherit;right:0;padding:25px;} #sec6 > .contact > .db > form > fieldset > div > button{line-height:28px;} #sec6 > .contact > .db > form > fieldset > div > input, #sec6 > .contact > .db > form > fieldset > div > textarea, #sec6 > .contact > .db > form > fieldset > div > button{font-size:.75em;margin:0 0 10px;} #sec6 > .contact.full_bg{max-width:90%;} } @media only screen and (max-width: 480px) { .sec{margin:40px 0;} #int-global-wrapper > #main-nav{display:none;} #sec1 > .visual.new > div.container-1400 > div.aboutus > h2{font-size:2.5em;margin:4% auto 6%;} #sec1 > .visual.new > div.container-1400 > div.aboutus > h4{font-size:1.25em;} #sec1 > .visual.new > div.container-1400 > div.aboutus > p{font-size:.875em;} #sec1 > .visual.new > div.container-1400 > div.scroll-downs{top:85%;} #sec1 > .visual.new > div.container-1400 > div.scroll-downs p{font-size:.75em;} .mousey{padding:3px 9.25px;height:23px;border-width:2px;} .scroller{width:2px;height:6px;} #sec2 > .about > .contents_wrap > .title > h2, #sec5 > .recruit > .title > h1, #sec6 > .contact > .title > h1{font-size:1.75em;} #sec2 > .about > .contents_wrap > h2 > span:before{display:none;} #sec2 > .about > .contents_wrap > .about-list-container{padding:0 10px;} #sec2 > .about > .contents_wrap > .about-list-container > li > div{display:none;} #sec3.sec{margin:40px 0;} #sec3 > .business > .title > h1, #sec4 > .brand > .title > h1{font-size:2.5em;} #sec3 > .business > .slide-wrap > .big-slide-container > ul li img{width:100%;} #sec3 > .business > .slide-wrap > .big-slide-container > ul li .text_wrap{width:100%;margin:5% 0 0;} #sec3 > .business > .slide-wrap > .big-slide-container > ul li .text_wrap > h2{font-size:1em;text-align:center;} #sec3 > .business > .slide-wrap > .big-slide-container > ul li .text_wrap > h2:after{width:40px;left:50%;margin-left:-20px;} #sec3 > .business > .slide-wrap > .big-slide-container > ul li .text_wrap > h5{text-align:center;} #sec4{background-size:250%;} #sec4 > .brand > .slide-wrap > .slide-nav > ul > li.arrow{padding:0 5px;} #sec4 > .brand > .slide-wrap > .slide-nav > ul > li > a{padding:7px 11px;} #sec4 > .brand > .slide-wrap > .slide-nav > ul > li > a > img{max-width:36px;} #sec4 > .brand > .slide-wrap > .slide-nav > ul > li.arrow > a > img{max-width:15px;} #sec4 > .brand > .slide-wrap > .slide-contents > ul > li.on > div > .img_wrap{top:-17%;} #sec4 > .brand > .slide-wrap > .slide-contents > ul > li > div{padding:25px 10%;} #sec4 > .brand > .slide-wrap > .slide-contents > ul > li > div > .text_wrap{padding-top:24%;} #sec4 > .brand > .slide-wrap > .slide-contents > ul > li > div > .text_wrap > h1{font-size:1.75em;} #sec4 > .brand > .slide-wrap > .slide-contents > ul > li > div > .text_wrap > p{margin:10px 0;} #sec5 > .recruit > .title > h2{margin:10px 0 5px;} #sec6 > .contact > .title > h4{font-size:.875em;} #sec6 > .contact > .company_info > ul > li > h2{font-size:1.25em;} #sec6 > .contact > .db > form > fieldset > div > textarea{height:60px;} #int-global-footer > p{font-size:.75em;} } @media only screen and (max-width: 360px) { .sec{margin:40px 0;} .sec h1{font-size:1.125em;} .sec h2{font-size:.875em;} .sec h3{font-size:.75em} .sec h4{font-size:.625em} .sec h5{font-size:.625em} .sec .btn_style a{font-size:.625em;line-height:24px;width:85px;} .mobile-nav-button{width:24px;height:20px;margin:15px;} .mobile-nav-button .mobile-nav-button__line:nth-of-type(2){margin:7px 0;} .mobile-nav-button .mobile-nav-button__line{height:1px;} #int-header{height:50px;} #int-global-wrapper > #int-header > #gh-inner > #int-wrap-1280 > #int-gh-logo{top:8px;} #int-global-wrapper > #int-header > #gh-inner > #int-wrap-1280 > #int-gh-logo > a > img{max-height:32px;} #sec1 > .visual.new > div.container-1400 > div.aboutus > h2{font-size:2em;} #sec1 > .visual.new > div.container-1400 > div.aboutus > h4{font-size:.875em;} #sec1 > .visual.new > div.container-1400 > div.aboutus > p{font-size:.625em;} #sec1 > .visual.new > div.container-1400 > div.scroll-downs p{padding:5px 0 0;} #sec2.sec{background-position:left top;} #sec2 > .about > .contents_wrap > .title > h2:after, #sec5 > .recruit > .title > h1:after{width:4px;height:4px;} #sec2 > .about > .contents_wrap > .title > h2, #sec5 > .recruit > .title > h1, #sec6 > .contact > .title > h1{font-size:1.625em;} #sec2 > .about > .contents_wrap > .client{padding:0 10px;margin:0 -1.5%;} #sec2 > .about > .contents_wrap > .client > li{padding:5px 1.5%;} #sec3.sec{margin:20px 0;} #sec3 .wr_1280{max-width:75%!important;} #sec3 > .business > .title{left:10%;} #sec3 > .business > .title > h1, #sec4 > .brand > .title > h1{font-size:2em;} #sec3 > .business > .slide-wrap > .slide-nav > span > a{padding:6px 9px;} #sec3 > .business > .slide-wrap > .slide-nav > span:before{top:6px;height:10px;} #sec4 > .motive{top:-10%;} #sec4 > .brand > .title > h5{margin:15px 0;} #sec4 > .brand > .slide-wrap > .slide-contents > ul > li > div{padding:20px 10%;} #sec4 > .brand > .slide-wrap > .slide-contents > ul > li > div > .text_wrap > h1{font-size:1.5em;} #sec4 > .brand > .slide-wrap > .slide-contents > ul > li.on > div > .img_wrap{top:-14%;} #sec5 > .motive_front{bottom:-7%;} #sec5 > .recruit > .title > h1:after{left:40%;bottom:9px;} #sec5 > .recruit > .work_info > ul{margin:0 -4%;} #sec5 > .recruit > .work_info > ul > li{width:42%;padding:5px 4%;height:90px;} #sec5 > .recruit > .work_info > ul > li:before{height:80%;top:10%;} #sec6{margin:60px 0 0;} #sec6 > .contact > .company_info > ul > li > h2{width:80px;} #int-global-footer{padding:20px 0;} }