@charset "utf-8";

/* Montserrat */
@import url('https://fonts.googleapis.com/css?family=Montserrat:600,700,800&display=swap');

/* Raleway */
@import url('https://fonts.googleapis.com/css?family=Raleway:300,500,700,800,900&display=swap');

/* Noto Sans KR */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,700,900&display=swap&subset=korean');

/* reset */
* {margin:0;padding:0;font-family:'Noto Sans KR','Nanum Gothic','나눔고딕','Apple SD Gothic Neo','Malgun Gothic','Dotum',Verdana,Helvetica,Arial,sans-serif;letter-spacing:-0.5px;outline:none;border-radius:0;box-shadow:none;}
html {height:100%;overflow:auto;}
body {position:relative;min-height:100%;font-weight:400;font-size:12px;color:#1b1b1b;background:#fff;word-wrap:break-word;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display:block;}
img,fieldset,iframe {border:0;}
ul,ol,li,dl,dt,dd,nav,menu {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:none;}
i,em,address {font-style:normal;}
input,select,textarea,button {vertical-align:middle;}
select option {font-weight:inherit;font-size:inherit;}
input:checked[type='checkbox'] {background-color:#666;-webkit-appearance:checkbox;}
input[type='checkbox'],input[type='radio'],input[type='file'],input[type='reset'],input+label,select {cursor:pointer;}
button,input[type='button'],input[type='image'],input[type='submit'] {font-weight:inherit;font-size:inherit;background:transparent;overflow:visible;white-space:nowrap;border:0;cursor:pointer;}
input[type='text'],input[type='password'],input[type='button'],input[type='submit'],
input[type='email'],input[type='tel'],input[type='search']/*::-webkit-search-cancel-button*/,button,textarea {appearance:none;-webkit-appearance:none;-moz-appearance:none;box-shadow:none;text-shadow:none;}
input[type='text'],input[type='password'],input[type='email'],input[type='tel'],input[type='search'] {border:1px solid #8c8c8c;}
textarea {resize:none;overflow:auto;}
a {text-decoration:none;}
a:active, a:hover {text-decoration:none;}
table {table-layout:fixed;border-collapse:collapse;border-spacing:0;}
fieldset {display:block;min-width:0;}
legend,caption {position:absolute;left:-999px;width:1px;height:1px;font-size:1px;overflow:hidden;}
iframe {display:block;}

::selection {background:#394679;color:#fff;text-shadow:none;}
::-moz-selection {background:#394679;color:#fff;text-shadow:none;}

body ::placeholder {color:#b6b6b6;opacity:1;}/* 파이어폭스 51+, 크롬 57+ */
body ::-webkit-input-placeholder {color:#b6b6b6;opacity:1;}/* 크롬 4–56 */
body :-moz-placeholder {color:#b6b6b6;opacity:1;}/* 파이어폭스 4–18 */
body ::-moz-placeholder {color:#b6b6b6;opacity:1;}/* 파이어폭스 19–50 */
body :-ms-input-placeholder {color:#b6b6b6;opacity:1;}/* 인터넷 익스플로러 10+ */
body ::-ms-input-placeholder {color:#b6b6b6;opacity:1;}
body .placeholdersjs {color:#b6b6b6;opacity:1;}/* 익스8 js */
select.placeholder {color:#b6b6b6 !important;}/* select 태그 */

.fadeInTop {position:relative;top:50px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;}
.mob-br {display:none;}
.tab-br {display:none;}
.pc-br {display:block;}

/* style */
html,body {height:100%;background:#fafafa;-webkit-overflow-scrolling:touch;}
body.menu-opened {overflow:hidden;}
#wrap.pop-opened {height:0;overflow:hidden;}
body.browser-ie8 #wrap {min-width:1600px;}
body#main {background:#fff;}
#wrap {position:relative;}
#wrap #header {position:fixed;top:0;left:0;z-index:9999;width:100%;}
#wrap #header .logo {position:absolute;top:58px;left:56px;z-index:9999;width:100px;height:100px;}
#wrap #header .logo a {display:block;height:100%;color:transparent;overflow:hidden;background:url('../img/logo_w.png') no-repeat 50% 50%;}
#main #wrap #header .logo a {background-image:url('../img/logo.png');}
#main.fp-viewing-main-visual #wrap #header .logo a {background-image:url('../img/logo_w.png');}
#wrap.black-menu #header .logo a {background-image:url('../img/logo.png');}
body.menu-opened #wrap #header .logo a {background-image:url('../img/logo_w.png') !important;}

#wrap #header .menu-toggle {position:absolute;top:58px;right:58px;z-index:9999;width:100px;height:100px;overflow:hidden;font-family:'Raleway',sans-serif;color:#DDD;font-size:20px;}
#wrap #header .menu-toggle:after {content:'';position:absolute;left:50%;top:50%;z-index:5;display:block;width:0;height:0;background:#4e2513;border-radius:50%;transition:all 0.2s ease-in-out;}
/*#wrap #header .menu-toggle:hover:after {margin:-25px 0 0 -25px;width:50px;height:50px;transition:all 0.2s ease-in-out;}*/
#wrap #header .menu-toggle.on:after {display:none;}
#wrap #header .menu-toggle span {position:absolute;left:32px;top:41px;z-index:10;display:block;box-sizing:border-box;width:36px;height:19px;text-align:left;font-size:1px;color:transparent;text-indent:-99px;}
#wrap #header .menu-toggle span:before {content:'';position:absolute;top:0;left:0;display:block;width:26px;height:1px;background:#fff;transition:all 0.3s ease-in-out;}
#wrap #header .menu-toggle span:after {content:'';position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;background:#fff;transition:all 0.3s ease-in-out;}
#wrap #header .menu-toggle span i {position:absolute;left:0;top:50%;display:block;width:21px;height:1px;background:#fff;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1;transition:all 0.3s ease-in-out;}
#wrap.black-menu #header .menu-toggle span:before,
#wrap.black-menu #header .menu-toggle span:after,
#wrap.black-menu #header .menu-toggle span i {background:#000;transition:all 0.3s ease-in-out, background 0.3s ease-in-out 0.2s;}
#wrap #header .menu-toggle.on span:before {width:50px;transform:rotate(45deg);top:9px}
#wrap #header .menu-toggle.on span:after {width:50px;transform:rotate(-45deg);bottom:9px;}
#wrap #header .menu-toggle.on i {margin-left:100%;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;}
body.browser-ie8 #wrap #header .menu-toggle.on {background:url('../img/menu_close.png') no-repeat 50% 50%;}
body.browser-ie8 #wrap #header .menu-toggle.on span,
body.browser-ie8 #wrap #header .menu-toggle.on i {display:none;}
#wrap #header .menu-toggle:hover span:before,
#wrap #header .menu-toggle:hover span:after,
#wrap #header .menu-toggle:hover span i {background:#fff;transition:all 0.3s ease-in-out;}
#wrap.black-menu #header .menu-toggle.on span:before,
#wrap.black-menu #header .menu-toggle.on span:after,
#wrap.black-menu #header .menu-toggle.on span i {background:#fff !important;transition:all 0.3s ease-in-out;}

#wrap #navigator {position:fixed;top:0;right:0;z-index:9998;width:0;height:0;overflow:visible;}
#wrap #navigator.on {width:100%;height:100%;overflow:hidden;}
#wrap #navigator .menu-bg {position:absolute;top:58px;right:58px;z-index:1;width:100px;height:100px;display:none;}
#wrap #navigator .menu-bg .circle {position:absolute;top:50%;right:50%;width:0;height:0;border-radius:50%;overflow:hidden;}
#wrap #navigator .menu-bg .circle .bg {position:absolute;right:50%;top:50%;margin:-108px -108px 0 0;z-index:1;display:block;width:100%;height:100%;background:url('../img/navi_bg.jpg') no-repeat 100% 100%;background-size:cover;}
body.browser-ie8 #wrap #navigator.on .menu-bg .circle .bg {background:url('../img/navi_bg.jpg') no-repeat 100% 100%;}
#wrap #navigator .menu-box {position:fixed;top:30%;left:50%;margin-left:-600px;z-index:5;width:1200px;height:auto;display:none;}
#wrap #navigator .menu-box ul {width:3000px;margin-left:0;padding-bottom:160px;}
#wrap #navigator .menu-box ul:after {content:'';display:table;clear:both;}
#wrap #navigator .menu-box ul li {float:left;margin-right:100px;}
#wrap #navigator .menu-box ul li a {float:left;background-size:100% auto !important;transition:all 0.3s ease-in-out;}
#wrap #navigator .menu-box ul li a i {display:block;line-height:64px;font-family:'Montserrat',sans-serif;font-weight:800;font-size:46px;color:#f7f7f7;letter-spacing:0;margin-bottom:24px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;transition:all 0.3s ease-in-out;}
#wrap #navigator .menu-box ul li a span {display:block;height:106px;color:transparent;overflow:hidden;}
#wrap #navigator .menu-box ul li a.home {width:392px;background:url('../img/menu_home.png') no-repeat 0 100%;}
#wrap #navigator .menu-box ul li a.about {width:408px;background:url('../img/menu_about.png') no-repeat 0 100%;}
#wrap #navigator .menu-box ul li a.member {width:550px;background:url('../img/menu_member.png') no-repeat 0 100%;}
#wrap #navigator .menu-box ul li a.works {width:432px;background:url('../img/menu_works.png') no-repeat 0 100%;}
#wrap #navigator .menu-box ul li a.contact {width:530px;background:url('../img/menu_contact.png') no-repeat 0 100%;}
#wrap #navigator .menu-box ul li a:hover i {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1;}
#wrap #navigator .menu-box ul li a.home:hover {background-image:url('../img/menu_home_on.png');}
#wrap #navigator .menu-box ul li a.about:hover {background-image:url('../img/menu_about_on.png');}
#wrap #navigator .menu-box ul li a.member:hover {background-image:url('../img/menu_member_on.png');}
#wrap #navigator .menu-box ul li a.works:hover {background-image:url('../img/menu_works_on.png');}
#wrap #navigator .menu-box ul li a.contact:hover {background-image:url('../img/menu_contact_on.png');}
#wrap #navigator .com-info:after {content:'';display:table;clear:both;}
#wrap #navigator .com-info .part {float:left;margin-right:120px;}
#wrap #navigator .com-info .part dt {line-height:38px;font-family:'Raleway',sans-serif;font-weight:800;font-size:22px;color:#f7f7f7;letter-spacing:-0.2px;margin-bottom:4px;}
#wrap #navigator .com-info .part dd {line-height:28px;font-size:16px;color:#f7f7f7;letter-spacing:-0.2px;}
#wrap #navigator .com-info .part dd a {font-family:'Raleway',sans-serif;font-weight:500;color:#f7f7f7}
#wrap #navigator .com-info .part dd a:hover {text-decoration:underline;}
#wrap #navigator .com-info .part dd .company-down {position:relative;display:inline-block;padding:0 40px 0 12px;height:35px;line-height:35px;vertical-align:top;font-family:'Noto Sans KR',sans-serif;font-size:15px;color:#4e2513;background:#fff;text-decoration:none !important;margin:32px 0 0;}
#wrap #navigator .com-info .part dd .company-down:after {content:'';position:absolute;right:11px;top:9px;display:block;width:20px;height:18px;background:url('../img/ico_down_white.png') no-repeat 0 0/100% auto;}

#wrap #container .section {position:relative;}
#wrap #container .section .cont-inner {position:relative;box-sizing:border-box;padding-top:80px;width:1200px;margin:0 auto;}
#wrap #container .section .page-name {position:absolute;left:0;font-family:'Raleway',sans-serif;letter-spacing:1px;font-weight:300;font-size:14px;white-space:nowrap;transform:rotate(-90deg);}
#wrap #container .section .page-name.white {color:#fff;}
#wrap #container .section .title {padding-left:102px;line-height:84px;font-weight:900;font-size:60px;margin-bottom:64px;}
#wrap #container .section .title.white {color:#fff;}
#wrap #container .section .sub-text .white {color:#fff;}

#wrap .main-visual {position:relative;overflow:hidden;}
#wrap .main-visual:after {content:'';position:absolute;left:0;bottom:-2px;z-index:10;display:block;width:100%;height:220px;background:url('../img/visual_end_bg.png') no-repeat 0 100%;background-size:100% auto;}
#wrap .main-visual #leenVideo {position:absolute;left:0;top:-72px;z-index:1;min-width:100%;min-height:100%;width:auto;height:auto;}
#wrap .main-visual .fp-tableCell {position:absolute;left:0;top:0;right:0;bottom:0;z-index:-100;background:url('../img/main_visual_bg.jpg') no-repeat 50% 100%;background-size:cover;overflow:hidden;}
#wrap .main-visual .typing-effect {position:absolute;left:50%;margin:-60px 0 0 -600px;top:220px;z-index:5;width:1200px;}
#wrap .main-visual .typing-effect p {position:relative;}
#wrap .main-visual .typing-effect p span {display:inline-block;padding-right:15px;height:124px;line-height:124px;vertical-align:top;font-weight:700;font-size:100px;color:#fff;letter-spacing:-7px;white-space:nowrap;}
#wrap .main-visual .typing-effect p i {width:1px;height:96px;vertical-align:top;background:#fff;margin-top:19px;display:none;animation:cursorAni linear 0.4s infinite alternate;}
#wrap .main-visual .typing-effect p.on i {display:inline-block;}
#wrap .main-visual .typing-effect .holding {display:block;height:0;overflow:hidden;}
@keyframes cursorAni {
    0% {background:#fff;}
    100% {background:transparent;}
}
#wrap .menu-about,
#wrap .menu-works {position:fixed;top:44%;margin-top:-24px;z-index:999;display:none;width:48px;text-align:center;font-family:'Raleway',sans-serif;font-weight:500;font-size:16px;color:#fff;letter-spacing:0;white-space:nowrap;}
.fp-viewing-main-visual #wrap .menu-about,
.fp-viewing-main-visual #wrap .menu-works {display:block;}
#wrap .menu-about {left:102px;transform:rotate(-90deg);}
#wrap .menu-works {right:102px;transform:rotate(90deg);}
#wrap .menu-contact {position:fixed;top:70%;right:0;z-index:999;font-weight:500;font-size:16px;color:transparent;letter-spacing:0;white-space:nowrap;transform:rotate(90deg);}

#wrap .section.portfolio {overflow:hidden;}
#wrap .portfolio .ctrl-box {position:absolute;left:0;bottom:50%;margin-bottom:-366px;z-index:999;width:100%;}
.portfolio .bg-text {position:absolute;left:0;top:50%;margin-top:-321px;z-index:10;width:100%;}
.portfolio .bg-text .marquee {height:214px;line-height:214px;overflow:hidden;}
.portfolio .bg-text .marquee li {float:left;font-weight:700;font-size:135px;margin-right:350px;}
.portfolio .bg-text .marquee li span {display:block;padding-right:5px;height:0;overflow:hidden;}
.portfolio .bg-text .marquee.upper li span,
.portfolio .bg-text .marquee.lower li span {height:auto;}
.portfolio .bg-text .marquee.upper li p svg,
.portfolio .bg-text .marquee.lower li p svg {display:none;}
.portfolio .bg-text .marquee li p {position:relative;height:214px;}
.portfolio .bg-text .marquee li p svg {position:absolute;left:0;top:0;}
.portfolio .bg-text .marquee li p svg text {fill:#1e1e1e;stroke:none;}
.portfolio .bg-text .marquee.middle li p svg text {fill:transparent;stroke:#1e1e1e;}
.portfolio .bg-text .marquee.middle li {float:right;}
.portfolio .bg-text .marquee.middle li * {font-family:'Montserrat',sans-serif;letter-spacing:0;}
.portfolio .bg-text .simply-scroll,
.portfolio .bg-text .simply-scroll .simply-scroll-clip {width:auto;height:auto;margin-bottom:0;}
.portfolio .bg-text .simply-scroll .simply-scroll-list li {width:auto;height:auto;}
.portfolio .slide-wrap {position:absolute;left:0;top:0;z-index:997;width:100%;}
.portfolio .slide-wrap.bg {margin-top:0;z-index:998;height:100%;background:#fafafa url('../img/cont_end_bg.png') no-repeat 50% 100%;background-size:100% auto;}
.portfolio .slide-wrap.bg .slick-slider {height:100%;}
.portfolio .slide-wrap.bg .slick-slider .slick-list,
.portfolio .slide-wrap.bg .slick-slider .slick-track {height:100%;}
.portfolio .slide-wrap.bg .each-slide {height:100%;}
.portfolio .slide-wrap.bg .each-slide .bg-box {position:absolute;left:50%;margin-left:-260px;top:50%;margin-top:-330px;z-index:20;width:520px;height:660px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;box-shadow:0 2px 14px 3px rgba(0,0,0,0.35);}
.portfolio .slide-wrap.cont {top:50%;margin-top:-330px;z-index:999;overflow:visible !important;}
.portfolio .slide-wrap.cont .slick-slider .slick-list {overflow:visible;}
.portfolio .slide-wrap .cont-slide .each-slide .table {position:relative;display:block;width:520px;height:660px;margin:0 auto;}
.portfolio .slide-wrap .cont-slide .each-slide .table .shortcut {position:absolute;left:0;top:0;display:block;width:100%;height:100%;}
.portfolio .slide-wrap .cont-slide .each-slide img {position:absolute;left:50%;margin-left:-328px;top:0;z-index:10;display:block;width:656px;height:auto;}
.portfolio .slide-wrap .cont-slide .each-slide.slide-05 img {bottom:-90px;}

#main #wrap #container {transform:none !important;}
#main #wrap .section {position:fixed;left:0;bottom:0;width:100%;height:100%;transition:bottom 0.5s ease-in-out;}
#main #wrap .section.main-visual {bottom:100%;z-index:10;}
#main #wrap .section.main-visual.active {bottom:0;transition:none;}
#main #wrap .section.main-visual.active.re-viewing {transition:bottom 0.5s ease-in-out;}
#main #wrap .section.portfolio {bottom:437px;z-index:9;}
#main #wrap .section.main-visual.active + .portfolio {bottom:0;}
#main #wrap .section.portfolio.active {bottom:0;}
#main #wrap .section.footer {z-index:8;}

#main.browser-ie9 #wrap .section {position:relative;left:auto;bottom:auto !important;transition:none;}

/* about */
#wrap .about-visual {position:relative;height:100vh;background:url('../img/about.jpg') no-repeat 50% 100%;background-size:cover;overflow:hidden;}
#wrap .about-visual:after {content:'';position:absolute;left:0;bottom:-2px;z-index:4;display:block;width:100%;height:400px;background:url('../img/visual_end_bg.png') no-repeat 0 100%;background-size:100% auto;}
#wrap .about-visual #leenVideo_about {position:absolute;left:0;top:0;z-index:1;min-width:100%;min-height:100%;width:auto;height:auto;}
body.browser-ie8 #wrap .about-visual #leenVideo_about {display:none;}
#wrap .about-visual .visual-txt-box {position:absolute;left:0;top:0;z-index:5;width:100%;height:100%;}
#wrap .about-visual .visual-txt-box .table {display:table;width:1200px;height:100%;margin:0 auto;}
#wrap .about-visual .visual-txt-box .table .table-cell {display:table-cell;width:100%;height:100%;vertical-align:middle;}
#wrap .about-visual .visual-txt-box .table .table-cell .about-header {position:relative;padding:80px 0 100px;}
#wrap .about-visual .visual-txt-box .table .table-cell .about-header .page-name {margin-top:26px;}
#wrap .about-visual .visual-txt-box .title {color:#fff;}
#wrap .about-visual .visual-txt-box .sub-text {padding-left:202px;line-height:27px;font-size:18px;color:#fff;word-break:keep-all;}
/* -> our service */
#wrap .our-service {box-sizing:border-box;padding:222px 0 152px;height:1325px;background:#fafafa url('../img/service_bg.png') no-repeat 0 54px;}
#wrap .our-service .cont-inner {height:100%;}
#wrap .our-service .cont-inner .title {position:absolute;left:0;top:80px;z-index:5;box-sizing:border-box;padding-left:102px;width:100%;line-height:84px;font-weight:900;font-size:60px;color:#1b1b1b;margin-bottom:64px;}
#wrap .our-service .cont-inner .service-bg {position:absolute;left:0;margin-top:203px;z-index:1;width:590px;}
#wrap .our-service .cont-inner .service-bg .gauge-bar {position:relative;height:8px;background:#bbbe6c;}
#wrap .our-service .cont-inner .service-bg .gauge-bar i {content:'';display:block;width:0;height:100%;background:url('../img/gauge_bar.jpg') no-repeat 0 0;background-size:cover;}
#wrap .our-service .cont-inner .service-defined {position:absolute;left:0;top:0;z-index:10;box-sizing:border-box;padding:340px 0 0 650px;width:100%;height:100%;}
#wrap .our-service .cont-inner .service-defined .column {display:block;}
#wrap .our-service .cont-inner .service-defined .column dl {float:left;width:50%;padding-bottom:62px;height:auto;}
#wrap .our-service .cont-inner .service-defined .column dl.last {clear:both;}
#wrap .our-service .cont-inner .service-defined .column dl.last + .last {clear:none;}
#wrap .our-service .cont-inner .service-defined .column dl dt {line-height:42px;font-family:'Raleway',sans-serif;letter-spacing:-0.2px;font-weight:700;font-size:24px;margin-bottom:22px;}
#wrap .our-service .cont-inner .service-defined .column dl dd {line-height:42px;font-family:'Raleway',sans-serif;letter-spacing:-0.2px;font-weight:100;font-size:18px;}

/* -> member */
#wrap .section.member {padding:290px 0 192px;background:#fafafa url('../img/cont_end_bg.png') no-repeat 50% 100%;background-size:100% auto;}
#wrap .section.member .member-list {padding-bottom:110px;}
#wrap .section.member .member-list:after {content:'';display:table;clear:both;}
#wrap .section.member .member-list ul {display:block;width:100%;max-width:1540px;overflow:hidden;margin:0 auto;}
#wrap .section.member .member-list li {position:relative;float:left;width:25%;text-align:center;margin-top:110px;}

/* member add _210511 by viviankim */
#wrap .section.member .member-list li .charac {position:relative;text-align:center;}
#wrap .section.member .member-list li .charac img {display:none;width:auto;height:10px;vertical-align:top;}
#wrap .section.member .member-list li .charac svg {display:inline-block;height:10px;vertical-align:top;fill:none;stroke:#1e1e1e;}

#wrap .section.member .member-list li .character {position:relative;text-align:center;}
#wrap .section.member .member-list li .character img {display:none;width:auto;height:400px;vertical-align:top;}
#wrap .section.member .member-list li .character svg {display:inline-block;height:400px;vertical-align:top;fill:none;stroke:#1e1e1e;}
body.browser-ie8 #wrap .section.member .member-list li .character img {display:inline-block;}
body.browser-ie8 #wrap .section.member .member-list li .character svg {display:none;}
#wrap .section.member .member-list li .character.ej svg {height:340px;margin:60px 0 0;}
#wrap .section.member .member-list li .character .cls-1 {stroke-dasharray:1000;stroke-dashoffset:0;}
#wrap .section.member .member-list li .character .over {position:absolute;left:0;top:0;width:100%;}
#wrap .section.member .member-list li .character .over .cls-1 {stroke-dashoffset:1000 !important;transition:all 0.3s ease-in-out;}
#wrap .section.member .member-list li:hover .character .over .cls-1 {stroke-dashoffset:0 !important;}
#wrap .section.member .member-list li .desc {display:block;padding:48px 0 47px;transition:color 0.2s ease-in-out;}
#wrap .section.member .member-list li:hover .desc {color:#fff;background:url('../img/someone_bg.jpg') no-repeat 50% 50%;}
#wrap .section.member .member-list li .desc .role {display:block;line-height:30px;font-family:'Raleway',sans-serif;letter-spacing:1px;font-size:16px;}
#wrap .section.member .member-list li .desc .name {display:block;line-height:35px;font-size:24px;}
/* -> client */
#wrap .section.client {padding:80px 0;background:#fafafa url('../img/cont_end_bg.png') no-repeat 50% 100%;background-size:100% auto;}
#wrap #container .section.client .page-name {position:relative;left:auto;display:block;line-height:44px;text-align:center;font-size:18px;transform:none;}
#wrap #container .section.client .title {padding:0;line-height:50px;text-align:center;font-size:34px;margin-bottom:22px;white-space:nowrap;}
#wrap .section.client .client-wrap {position:relative;padding:0 0 174px;}
#wrap .section.client .client-wrap .client-num {position:relative;line-height:530px;text-align:center;font-family:'Raleway',sans-serif;font-weight:900;font-style:italic;font-size:450px;color:#f4f4f4;white-space:nowrap;overflow:hidden;}
/*#wrap .section.client .client-wrap .client-box {position:absolute;left:0;top:0;width:100%;}*/
#wrap .section.client .client-wrap .client-box {box-sizing:border-box;width:1224px;margin:0 auto;}
#wrap .section.client .client-wrap .client-box .client-slide {}
#wrap .section.client .client-slide .each-slide .table {display:table;width:100%;}
#wrap .section.client .client-slide .each-slide .table .table-cell {display:table-cell;padding:89px 0;width:100%;vertical-align:middle;text-align:center;}
#wrap .section.client .client-slide .each-slide .table .table-cell img {display:inline-block;}
#wrap .section.client .client-wrap .client-box .client-slide .slick-dots li {display:none;}
#wrap .section.client .client-wrap .client-box .client-slide .slick-dots li.slick-active {display:block;}

#wrap .ctrl-box {text-align:center;}
#wrap .ctrl-box .prev-btn {width:24px;height:26px;text-align:left;font-size:1px;text-indent:-99px;overflow:hidden;background:url('../img/btn_prev.png') no-repeat 50% 50%;margin-right:14px;}
#wrap .ctrl-box .next-btn {width:24px;height:26px;text-align:left;font-size:1px;text-indent:-99px;overflow:hidden;background:url('../img/btn_next.png') no-repeat 50% 50%;margin-left:14px;}
#wrap .ctrl-box .current-paging {display:inline-block;width:27px;line-height:26px;vertical-align:top;text-align:left;font-family:'Montserrat',sans-serif;font-weight:700;font-size:20px;}
#wrap .ctrl-box .max-paging {display:inline-block;width:27px;line-height:26px;vertical-align:top;text-align:center;font-family:'Montserrat',sans-serif;font-weight:700;font-size:20px;color:#919191;}
#wrap .ctrl-box .max-paging.pc {display:inline-block;}
#wrap .ctrl-box .max-paging.mob {display:none;}
#wrap .ctrl-box .progress {position:relative;display:inline-block;width:100px;height:2px;vertical-align:top;background:#767676;margin:12px 7px 0;}
#wrap .ctrl-box .progress .pro-bar {position:absolute;left:0;top:0;width:0;height:2px;vertical-align:top;background:url('../img/slide_pro_bar.png') no-repeat 0 0;}

/* work */
#wrap #container .section.work-list {padding:155px 0 242px;background:#fafafa url('../img/cont_end_bg.png') no-repeat 50% 100%;background-size:100% auto;}
#wrap #container .section.work-list .work-area {background:url('../img/work_list_bg.png') repeat-y 50% 0;background-size:100% auto;}
#wrap #container .section.work-list .cont-inner .work-header {position:relative;padding:70px 0 0 328px;box-sizing:border-box;height:610px;background:url('../img/work_title_bg.png') no-repeat 0 0;margin-left:-212px;}
#wrap #container .section.work-list .cont-inner .work-header .page-name {left:214px;margin-top:46px;}
#wrap #container .section.work-list .cont-inner .work-header .title {position:relative;padding:0;color:transparent;margin:0 0 26px;}
#wrap #container .section.work-list .cont-inner .work-header .title p {letter-spacing:-3px;background:url('../img/work_title.png') no-repeat 0 50%;background-size:auto 100%;}
#wrap #container .section.work-list .cont-inner .work-header .sub-text {position:relative;margin-left:100px;line-height:27px;font-size:18px;color:transparent;letter-spacing:-0.7px;background:url('../img/work_title_desc.png') no-repeat 0 50%;background-size:auto 100%;}
#wrap #container .section.work-list .cont-inner .work-header .field-tab {position:absolute;right:0;bottom:0;z-index:10;}
#wrap #container .section.work-list .cont-inner .work-header .field-tab a {float:left;box-sizing:border-box;width:334px;height:70px;line-height:66px;text-align:center;font-weight:500;font-size:24px;color:#1b1b1b;background:#fff;border:2px solid #1b1b1b;margin-left:30px;}
#wrap #container .section.work-list .cont-inner .work-header .field-tab a.active {line-height:70px;color:#fff;background:url('../img/work_tab_on.png') no-repeat 50% 50%;border:0;}
#wrap #container .section.work-list .cont-inner .work-cont .work-navigator {position:fixed;left:50%;margin-left:700px;top:0;z-index:999;width:50px;height:100%;}
#wrap #container .section.work-list .cont-inner .work-cont .work-navigator .trigger-btn {position:relative;width:100%;height:60px;text-align:left;font-weight:700;font-size:30px;border-bottom:3px solid #1e1e1e;display:none;}
#wrap #container .section.work-list .cont-inner .work-cont .work-navigator .trigger-btn:after {content:'';position:absolute;top:50%;right:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:8px solid #1e1e1e;}
#wrap #container .section.work-list .cont-inner .work-cont .work-navigator .table {display:table;width:100%;height:100%;}
#wrap #container .section.work-list .cont-inner .work-cont .work-navigator .table .table-cell {display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center;}
#wrap #container .section.work-list .cont-inner .work-cont .work-navigator ul li .year-title {display:block;line-height:30px;}
#wrap #container .section.work-list .cont-inner .work-cont .work-navigator ul li .year-title a {font-family:'Montserrat',sans-serif;font-weight:600;font-size:14px;color:#fff;letter-spacing:0;text-shadow:-1px -1px 0 #c4c4c4, 1px -1px 0 #c4c4c4, -1px 1px 0 #c4c4c4, 1px 1px 0 #c4c4c4;white-space:nowrap;}
#wrap #container .section.work-list .cont-inner .work-cont .work-navigator ul li.active .year-title a {font-weight:800;color:#1e1e1e;text-shadow:none;}
#wrap #container .section.work-list .cont-inner .work-cont .work-navigator ul li .sub-list {display:none;}
#wrap #container .section.work-list .cont-inner .work-cont .work-navigator ul li .each-project {position:relative;display:block;width:32px;height:32px;margin:0 auto;}
#wrap #container .section.work-list .cont-inner .work-cont .work-navigator ul li .each-project:before {content:'';position:absolute;left:15px;top:15px;display:block;width:2px;height:2px;background:#1e1e1e;}
#wrap #container .section.work-list .cont-inner .work-cont .work-navigator ul li .each-project span {position:absolute;right:100%;top:8px;display:inline-block;padding-right:10px;line-height:16px;vertical-align:top;color:#1b1b1b;white-space:nowrap;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;transition:opacity 0.1s ease;}
#wrap #container .section.work-list .cont-inner .work-cont .work-navigator ul li .each-project:hover span {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1;}
#wrap #container .section.work-list .cont-inner .work-cont .work-navigator ul li .each-project.on:before {background:#4e2513;}
#wrap #container .section.work-list .cont-inner .work-cont .work-navigator ul li .each-project.on span {color:#4e2513;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1;}
#wrap #container .section.work-list .cont-inner .work-box {position:relative;text-align:left;margin-top:200px;}
#wrap #container .section.work-list .cont-inner .work-box:after {content:'';display:table;clear:both;}
#wrap #container .section.work-list .cont-inner .work-box .work-info {position:absolute;left:62%;z-index:5;line-height:27px;text-align:left;margin-top:342px;}
#wrap #container .section.work-list .cont-inner .work-box .work-info:after {content:'';display:table;clear:both;}
#wrap #container .section.work-list .cont-inner .work-box .work-info .period {float:left;font-family:'Montserrat',sans-serif;font-weight:700;font-size:14px;color:#c4c4c4;letter-spacing:0;}
#wrap #container .section.work-list .cont-inner .work-box .work-info .device {float:left;font-family:'Raleway',sans-serif;font-weight:600;font-size:14px;color:#4e2513;margin-left:20px;}
#wrap #container .section.work-list .cont-inner .work-box img {display:inline-block;vertical-align:top;box-shadow:0 2px 20px 1px rgba(0,0,0,0.2);}
#wrap #container .section.work-list .cont-inner .work-box .work-title {position:absolute;left:614px;margin-top:450px;z-index:5;box-sizing:border-box;text-align:left;font-weight:900;font-size:62px;}
#wrap #container .section.work-list .cont-inner .work-box .work-title svg {display:block;height:80px;z-index:1;width:100%;fill:#1b1b1b;stroke:none;overflow:visible;}
#wrap #container .section.work-list .cont-inner .work-box .work-title .hide-text {padding-right:5px;height:0;overflow:hidden;}
#wrap #container .section.work-list .cont-inner .work-box .work-title .default {text-shadow:6px 6px 50px #fff;}
#wrap #container .section.work-list .cont-inner .work-box .work-title .over {position:absolute;left:0;top:0;width:100%;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;transition:opacity 0.3s ease-in-out;}
#wrap #container .section.work-list .cont-inner .work-box:hover .work-title .over {text-shadow:4px 4px 50px #fff;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1;}
body.browser-ie8 #wrap #container .section.work-list .cont-inner .work-box .work-visual .visual {transform:none !important;}
#wrap #container .section.work-list .cont-inner .work-box .shortcut {position:absolute;left:0;top:0;z-index:10;display:block;width:100%;height:100%;}
#wrap #container .section.work-list .cont-inner .work-box .shortcut span {position:absolute;left:830px;top:auto !important;bottom:-50px;margin-bottom:150px;display:block;width:150px;line-height:51px;text-align:left;font-weight:900;font-size:15px;color:#1e1e1e;letter-spacing:2px;border-bottom:3px solid #1e1e1e;transition:color 0.3s ease-in-out;}
#wrap #container .section.work-list .cont-inner .work-box .shortcut span:after {content:'';position:absolute;left:0;bottom:-3px;display:block;width:0;height:3px;background:#4e2513;transition:all 0.3s ease-in-out;}
#wrap #container .section.work-list .cont-inner .work-box .shortcut:hover span {color:#4e2513;}
#wrap #container .section.work-list .cont-inner .work-box .shortcut:hover span:after {width:100%;}
#wrap #container .section.work-list .cont-inner .work-box.odd-child {text-align:right;}
#wrap #container .section.work-list .cont-inner .work-box.odd-child .work-info {left:0;right:auto;}
#wrap #container .section.work-list .cont-inner .work-box.odd-child .work-title {left:160px;}
#wrap #container .section.work-list .cont-inner .work-box.odd-child .shortcut span {left:160px;}

#wrap #container .section.work-view {min-height:100vh;background:#fefef8 url('../img/cont_end_bg.png') no-repeat 50% 100%;background-size:100% auto;}
#wrap #container .section.work-view .work-area {background:url('../img/work_view_bg.png') no-repeat 50% 0;background-size:100% auto;text-align:center;}
#wrap #container .section.work-view .work-area .cont-inner {padding-top:263px;}
#wrap #container .section.work-view .period {line-height:32px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:20px;color:#909090;letter-spacing:0;margin-bottom:14px;}
#wrap #container .section.work-view .work-detail ~ .period {margin-top:120px;}
#wrap #container .section.work-view .work-title {line-height:95px;font-weight:700;font-size:60px;margin-bottom:30px;}
#wrap #container .section.work-view .work-desc {line-height:35px;font-size:20px;margin-bottom:50px;}
#wrap #container .section.work-view .work-detail {position:relative;margin:0 -60px;}
#wrap #container .section.work-view .work-detail .top-visual {position:relative;}
#wrap #container .section.work-view .work-detail img {display:inline-block;max-width:100%;vertical-align:top;}
#wrap #container .section.work-view .work-detail .phone-img {position:absolute;margin-top:20%;right:-59px;}
#wrap #container .section.work-view .work-detail .table {display:table;padding:82px 0 0;width:1200px;margin:0 auto;}
#wrap #container .section.work-view .work-detail .table .table-cell {display:table-cell;text-align:left;vertical-align:top;}
#wrap #container .section.work-view .work-detail .table .table-cell + .table-cell {text-align:right;}
#wrap #container .section.work-view .work-detail .table .table-cell img {margin-top:80px;box-shadow:1px 1px 9px 0 rgba(34, 21, 51, 0.05);}
#wrap #container .section.work-view .work-detail .design-area {padding:138px 0 0;}
#wrap #container .section.work-view .work-detail .design-area:after {content:'';display:table;clear:both;}
#wrap #container .section.work-view .work-detail .design-area .design {float:left;width:100%;text-align:left;margin-top:54px;}
#wrap #container .section.work-view .work-detail .design-area .design .tit {line-height:48px;font-family:'Raleway',sans-serif;font-weight:800;font-size:30px;letter-spacing:0;margin-bottom:94px;}
#wrap #container .section.work-view .work-detail .design-area .design img + img {margin:0 0 0 78px;}
#wrap #container .section.work-view .work-detail .design-area .design.color {float:right;width:50%;}
#wrap #container .section.work-view .work-detail .design-area .design.color .tit {margin-bottom:37px;}
#wrap #container .section.work-view .work-detail .design-area .design.color ul:after {content:'';display:table;clear:both;}
#wrap #container .section.work-view .work-detail .design-area .design.color ul li {float:left;box-sizing:border-box;width:40px;height:40px;font-size:1px;text-indent:-99px;overflow:hidden;border-radius:50%;margin-right:26px;}
#wrap #container .section.work-view .work-detail .design-area .design.color ul li.border {border:1px solid #d3d3d3;}
#wrap #container .section.work-view .mobile-detail {position:relative;padding-top:110px;}
#wrap #container .section.work-view .mobile-detail .bg-top img {width:100%;height:auto;}
#wrap #container .section.work-view .mobile-detail .table {display:table;width:1290px;text-align:center;margin:-575px auto 0;}
#wrap #container .section.work-view .mobile-detail .table .table-cell {display:table-cell;width:33.333%;text-align:center;vertical-align:top;}
#wrap #container .section.work-view .mobile-detail .table .table-cell:first-of-type + .table-cell {padding-top:120px;}
#wrap #container .section.work-view .mobile-detail .table .table-cell img {display:inline-block;max-width:95%;vertical-align:top;border-radius:45px;margin:80px 0 0;box-shadow:1px 1px 9px 0 rgba(34,21,51,0.05);}
#wrap #container .section.work-view .ctrl-btn-area {padding:150px 0 295px;text-align:center;}
#wrap #container .section.work-view .ctrl-btn-area .project-link {position:fixed;top:50%;margin-top:-55px;z-index:995;display:block;width:38px;height:110px;background:#cecece;overflow:hidden;transition:all 0.3s ease-in-out;}
#wrap #container .section.work-view .ctrl-btn-area .project-link:hover,
#wrap #container .section.work-view .ctrl-btn-area .project-link.prev-project {width:260px;background:#333;transition:all 0.2s ease-in-out;}
#wrap #container .section.work-view .ctrl-btn-area .project-link .hide {position:absolute;left:-999px;width:1px;height:1px;font-size:1px;overflow:hidden;}
#wrap #container .section.work-view .ctrl-btn-area .project-link .project {position:relative;padding:0 15px;height:100%;text-align:left;display:none;}
#wrap #container .section.work-view .ctrl-btn-area .project-link:hover .project,
#wrap #container .section.work-view .ctrl-btn-area .project-link.prev-project .project {display:block;}
#wrap #container .section.work-view .ctrl-btn-area .project-link .project .thumb {position:absolute;left:15px;top:50%;margin-top:-40px;display:block;width:80px;height:80px;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border-radius:50%;}
#wrap #container .section.work-view .ctrl-btn-area .project-link .project .name {position:absolute;left:95px;top:0;display:table;height:100%;padding-left:10px;vertical-align:middle;}
#wrap #container .section.work-view .ctrl-btn-area .project-link .project .name b {display:table-cell;line-height:21px;vertical-align:middle;font-weight:500;font-size:13px;color:#fff;white-space:nowrap;}
#wrap #container .section.work-view .ctrl-btn-area .project-link.next-project .project .thumb {left:33px;}
#wrap #container .section.work-view .ctrl-btn-area .project-link.next-project .project .name {left:113px;}
#wrap #container .section.work-view .ctrl-btn-area .project-link:after {content:'';position:absolute;top:50%;margin-top:-7px;display:block;width:8px;height:13px;}
#wrap #container .section.work-view .ctrl-btn-area .project-link.next-project {left:0;border-radius:0 5px 5px 0;}
#wrap #container .section.work-view .ctrl-btn-area .project-link.next-project:after {left:10px;background:url('../img/btn_prev2.png') no-repeat 0 0;}
#wrap #container .section.work-view .ctrl-btn-area .project-link.prev-project {right:0;border-radius:5px 0 0 5px;}
#wrap #container .section.work-view .ctrl-btn-area .project-link.prev-project:after {right:10px;background:url('../img/btn_next2.png') no-repeat 0 0;}
#wrap #container .section.work-view .ctrl-btn-area .list-btn {position:relative;display:inline-block;height:68px;vertical-align:top;font-weight:700;font-size:30px;}
#wrap #container .section.work-view .ctrl-btn-area .list-btn:after {content:'';position:absolute;left:0;bottom:0;display:block;width:100%;height:3px;background-image:linear-gradient(to right, #e71c2f, #721ce7);}
body.browser-ie8 #wrap #container .section.work-view .ctrl-btn-area .list-btn:after {background:url('../img/list_underline.jpg') no-repeat 0 0;}
#wrap #container .section.work-view .ctrl-btn-area .list-btn .hide-text {display:inline-block;height:0;vertical-align:top;overflow:hidden;}
#wrap #container .section.work-view .ctrl-btn-area .list-btn .over-text {position:absolute;left:0;top:0;display:block;height:100%;}
#wrap #container .section.work-view .ctrl-btn-area .list-btn .over-text svg {width:100%;height:100%;}

/* contact */
#wrap .section.contact-area {padding:290px 0 192px;background:#fafafa url('../img/cont_end_bg.png') no-repeat 50% 100%;background-size:100% auto;}
#wrap .section.contact-area .contact-box {position:relative;box-sizing:border-box;padding-top:65px;width:1200px;margin:0 auto;}
#wrap #container .section.contact-area .contact-box .title {white-space:nowrap;margin-bottom:22px;}
#wrap .section.contact-area .contact-box .sub-text {padding-left:202px;line-height:27px;font-size:18px;color:#1b1b1b;margin-bottom:140px;}
#wrap .section.contact-area .contact-box .sub-text b {display:block;font-weight:400;margin-bottom:70px;}
#wrap .section.contact-area .contact-box .sub-text .info:after {content:'';display:table;clear:both;}
#wrap .section.contact-area .contact-box .sub-text .info dl {float:left;margin-right:64px;}
#wrap .section.contact-area .contact-box .sub-text .info dl dt {font-family:'Raleway',sans-serif;letter-spacing:-0.2px;font-weight:800;font-size:22px;margin-bottom:14px;}
#wrap .section.contact-area .contact-box .sub-text .info dl dd {font-size:16px;}
#wrap .section.contact-area .contact-box .sub-text .info dl dd a {color:#1b1b1b;}
#wrap .section.contact-area .contact-box .sub-text .info dl dd a:hover {text-decoration:underline;}
#wrap .section.contact-area .contact-box .contact-form .fieldset {color:#1b1b1b;}
#wrap .section.contact-area .contact-box .contact-form .fieldset legend {position:relative;left:auto;display:block;width:100%;height:auto;line-height:64px;font-weight:700;font-size:44px;margin-bottom:45px;}
#wrap .section.contact-area .contact-box .contact-form .fieldset .sentence {padding-bottom:75px;white-space:nowrap;}
#wrap .section.contact-area .contact-box .contact-form .fieldset .sentence:after {content:'';display:table;clear:both;}
#wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box {display:inline-block;vertical-align:top;}
#wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box b {display:block;line-height:32px;font-weight:700;font-size:24px;margin-bottom:12px;}
#wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box input[type='text'],
#wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box select,
#wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box .nice-select {position:relative;box-sizing:border-box;padding:0;width:406px;height:54px;line-height:52px;font-weight:400;font-size:36px;color:#ab1c96;background:none;border:0;border-bottom:2px solid #1b1b1b;border-radius:0;transition:none;}
#wrap ~ #ui-datepicker-div {width:400px;}
#wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box input[type='text'].placeholdersjs,
#wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box .nice-select.placeholder {color:#b6b6b6;}
#wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box select option {font-weight:400;font-size:30px;color:#1b1b1b !important;}
#wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box .nice-select:after {content:'';position:absolute;top:50%;margin-top:-8px;right:20px;display:block;width:29px;height:16px;background:url('../img/select_arrow.png') no-repeat 50% 50%;border:0;transform:none;transition:none;}
#wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box .nice-select.open:after {background-image:url('../img/select_arrow_up.png');}
#wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box .nice-select .list {left:0;margin-top:0;padding:10px 0 20px;width:100%;background:#fafafa;border:2px solid #1b1b1b;border-radius:0;box-shadow:none;display:none;opacity:1.0;transform:none;transition:none;}
#wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box .nice-select.open .list {display:block;}
#wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box .nice-select .option {padding:0 30px;height:72px;line-height:72px;font-weight:400;font-size:36px;color:#1b1b1b;border:0;}
#wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box .nice-select .option:hover {background-color:#e9e9e9;}
#wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box .nice-select .option.focus,
#wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box .nice-select .option.selected.focus {background-color:#e9e9e9;color:#ab1c96;}
#wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box.check {display:inline-block;padding:52px 0 0;width:50%;vertical-align:top;text-align:center;}
#wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box .checkbox {position:relative;display:inline-block;padding:5px 0;vertical-align:top;overflow:hidden;margin-right:7px;}
#wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box .checkbox input {position:absolute;left:-99px;width:1px;height:1px;overflow:hidden;}
#wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box .checkbox label {display:block;box-sizing:border-box;width:26px;height:26px;font-size:1px;text-indent:-99px;overflow:hidden;background:#fff;border:1px solid #b8b8b8;border-radius:50%;}
#wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box .checkbox input:checked + label,
#wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box .checkbox input[checked] + label {background:#fff url('../img/ico_chk.png') no-repeat 50% 50%;}
#wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box .label {display:inline-block;line-height:36px;vertical-align:top;font-size:24px;}
#wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box .label button {display:inline-block;position:relative;height:36px;vertical-align:top;color:#ab1c96;}
#wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box .label button:after {content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:linear-gradient(to right, #d21c53, #ab1c96);}
#wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box .label b {display:inline-block;line-height:36px;vertical-align:top;font-weight:400;color:#e51c31;margin-bottom:0;}
#wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box ~ .input-box input[type='text'],
#wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box ~ .input-box select,
#wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box ~ .input-box .nice-select {width:446px;}
body.browser-ie8 #wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box ~ .input-box input[type='text'],
body.browser-ie8 #wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box ~ .input-box select,
body.browser-ie8 #wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box ~ .input-box .nice-select {width:406px;}

#wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .post-word {display:inline-block;padding:44px 0 1px 18px;min-width:100px;line-height:52px;vertical-align:top;font-size:36px;}
#wrap .section.contact-area .contact-box .contact-form .btn-box {padding-top:45px;}
#wrap .section.contact-area .contact-box .contact-form .btn-box .submit-btn {font-weight:700;font-size:44px;color:#fff;width:354px;height:270px;background:url('../img/submit_bg.jpg') no-repeat 50% 50%;background-size:100% auto;}
/* policy */
.section.policy-area {padding:290px 0 192px;background:#fafafa url('../img/cont_end_bg.png') no-repeat 50% 100%;background-size:100% auto;}
.section.policy-area .policy-box {box-sizing:border-box;padding:0 20px;width:1200px;margin:0 auto;}
.section.policy-area .policy-box .title {line-height:84px;font-weight:900;font-size:60px;color:#1b1b1b;margin-bottom:22px;}
.section.policy-area .policy-box .sub-text {line-height:30px;font-size:18px;}
.section.policy-area .policy-box .sub-text b {display:block;color:#1b1b1b;margin-bottom:18px;}
.section.policy-area .policy-box .sub-text span {display:block;color:#8c8c8c;}
.section.policy-area .policy-box .cont-list {padding:0 0 200px 102px;}
.section.policy-area .policy-box .cont-list dl {padding-top:72px;}
.section.policy-area .policy-box .cont-list dl dt {line-height:27px;font-weight:700;font-size:24px;color:#1b1b1b;margin-bottom:20px;}
.section.policy-area .policy-box .cont-list dl dd {line-height:30px;font-size:18px;color:#8c8c8c;}
.section.policy-area .policy-box .cont-list dl dd p {position:relative;padding-left:16px;}
.section.policy-area .policy-box .cont-list dl dd p:before {content:'';position:absolute;left:0;top:14px;display:block;width:4px;height:4px;background:#1b1b1b;border-radius:50%;}

#wrap .footer {height:437px !important;background:#fff;}
#wrap .footer .fp-tableCell {box-sizing:border-box;height:437px !important;}
#wrap .footer .footer-inner {position:relative;box-sizing:border-box;padding:0 20px;width:1200px;margin:0 auto;}
#wrap .footer .footer-inner .coffee {line-height:1.4;font-size:60px;color:#333;margin:0 0 37px;}
#wrap .footer .footer-inner .coffee span {display:block;font-weight:100;}
#wrap .footer .footer-inner .coffee strong {display:block;font-weight:900;}
#wrap .footer .footer-inner .coffee strong .wave-ani {position:relative;display:inline-block;height:84px;vertical-align:top;}
#wrap .footer .footer-inner .coffee strong .wave-ani .hide {float:left;height:0;vertical-align:top;overflow:hidden;}
#wrap .footer .footer-inner .coffee strong .wave-ani .over {position:absolute;left:0;top:0;width:100%;height:100%;}
#wrap .footer .footer-inner .coffee strong .wave-ani .over svg {width:100%;height:100%;font-weight:700;font-size:60px;color:#333;}
#wrap .footer .footer-inner .coffee strong .wave-ani .over .water-fill {height:100%;y:40%;animation:wave 1s infinite linear;}
@keyframes wave {
    0% {x:-200px;}
    100% {x:0;}
}
#wrap .footer .footer-inner #address {position:absolute;top:0;right:20px;}
/*#wrap .footer .footer-inner #address .part {padding-top:50px;}*/
#wrap .footer .footer-inner #address .part + .part {padding-top:50px;}
#wrap .footer .footer-inner #address .part b {display:block;font-family:'Raleway',sans-serif;letter-spacing:-0.2px;font-weight:800;font-size:22px;color:#333;margin-bottom:25px;}
#wrap .footer .footer-inner #address .part a {display:inline-block;height:24px;line-height:24px;vertical-align:top;font-family:'Raleway',sans-serif;letter-spacing:-0.2px;font-weight:500;font-size:16px;color:#fd6b6e;border-bottom:1px solid #fd6b6e;margin:0 0 10px;}
#wrap .footer .footer-inner #address .part span {display:block;line-height:26px;font-size:16px;color:#333;}
#wrap .footer .footer-inner .copyright {margin-top:48px;width:50%;height:20px;line-height:20px;font-size:1px;text-indent:-999px;overflow:hidden;background:url('../img/logo_footer.png') no-repeat 0 50%;}

#wrap .footer .footer-inner #address {position:absolute;top:0;right:20px;}
/*#wrap .footer .footer-inner #address .part {padding-top:50px;}*/
#wrap .footer .footer-inner #address .part + .part {padding-top:50px;}
#wrap .footer .footer-inner #address .part b {display:block;font-family:'Raleway',sans-serif;letter-spacing:-0.2px;font-weight:800;font-size:22px;color:#333;margin-bottom:25px;}
#wrap .footer .footer-inner #address .part a {display:inline-block;height:24px;line-height:24px;vertical-align:top;font-family:'Raleway',sans-serif;letter-spacing:-0.2px;font-weight:500;font-size:16px;color:#fd6b6e;border-bottom:1px solid #fd6b6e;margin:0 0 10px;}
#wrap .footer .footer-inner #address .part span {display:block;line-height:26px;font-size:16px;color:#333;}
#wrap .footer .footer-inner .copyright2 {margin-top:48px;width:50%;height:20px;line-height:20px;font-size:1px;text-indent:-999px;overflow:hidden;background:url('../img/logo_footer_comm.png') no-repeat 0 50%;}

#wrap .footer .footer-inner #contact {display:block;margin-bottom:30px;}
#wrap .footer .footer-inner #contact .part b {display:block;font-family:'Raleway',sans-serif;letter-spacing:-0.2px;font-weight:800;font-size:22px;color:#333;margin-bottom:25px;}
#wrap .footer .footer-inner #contact .part a {display:inline-block;height:24px;line-height:24px;vertical-align:top;font-family:'Raleway',sans-serif;letter-spacing:-0.2px;font-weight:500;font-size:16px;color:#fd6b6e;border-bottom:1px solid #fd6b6e;margin:0 0 10px;}

#container {position:relative;}
#wrap #footer {box-sizing:border-box;padding:50px 0 0;}

#wrap .company-down-btn {position:relative;display:inline-block;padding:0 50px 0 14px;height:44px;line-height:44px;vertical-align:top;font-size:19px;color:#fff;letter-spacing:0;background:#4e2513;}
#wrap .company-down-btn:after {content:'';position:absolute;right:14px;top:11px;z-index:5;display:block;width:26px;height:22px;background:url('../img/ico_down.png') no-repeat 50% 50%/100% auto;}
#wrap .go-top {position:fixed;right:20px;bottom:20px;z-index:10001;padding-top:45px;width:80px;height:80px;line-height:35px;text-align:center;font-family:'Raleway',sans-serif;letter-spacing:-0.7px;font-weight:700;font-size:28px;background:url('../img/top_icon.png') no-repeat 50% 3px;display:none;}

.popup-wrap {position:absolute;left:0;top:0;z-index:9998;width:100%;height:100%;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fafafa;display:none;}
.popup-wrap .popup-close {position:fixed;top:58px;right:58px;z-index:10;width:100px;height:100px;font-size:1px;text-align:left;text-indent:-99px;overflow:hidden;background:url('../img/popup_close.png') no-repeat 50% 50%;}

@media all and (max-width: 1720px) {
    #wrap #navigator .menu-box {top:0;left:0;margin:0;width:100%;height:100%;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;}
    #wrap #navigator .menu-box .menu-inner {padding:102px 0;width:1200px;margin:0 auto;}
    #wrap #navigator .menu-box ul {margin-left:0 !important;transform:none !important;padding-left:0;width:auto;height:auto;padding-bottom:90px;}
    #wrap #navigator .menu-box ul li {float:none;transform:none !important;padding:40px 0;margin-right:0;}
    #wrap #navigator .menu-box ul li a {float:none;display:block;width:auto !important;height:100px;background-position:100px 100% !important;background-size:auto 100px !important;}
    #wrap #navigator .menu-box ul li a i {float:left;width:80px;margin:22px 0 0;}
    #wrap #navigator .menu-box ul li a span {margin-left:100px;height:100%;}
    #wrap #navigator .menu-box .com-info .part {float:none;margin:0 0 40px;}

    #wrap .menu-about {left:50px;}
    #wrap .menu-works {right:50px;}

    #wrap #container .section.work-view .mobile-detail .table {margin-top:-475px;}
}
@media all and (max-width: 1520px) {
    #wrap #header .logo {left:0;top:2px;}
    #wrap #header .menu-toggle {right:2px;top:2px;}
    #wrap #navigator .menu-bg {right:2px;top:2px;}
    #wrap #navigator .menu-bg .circle .bg {margin:-52px -52px 0 0;}

    #wrap .menu-about {left:15px;}
    #wrap .menu-works {right:15px;}

    #wrap .section.member .member-list li .character svg {height:350px;}
    #wrap .section.member .member-list li .character.ej svg {height:300px;margin:50px 0 0;}
    #wrap .section.client .client-wrap .client-num {font-size:380px;}

    #wrap #container .section.work-list .cont-inner .work-cont .work-navigator {left:auto;margin-left:0;right:0;}

    #wrap #container .section.work-view .work-area .cont-inner {width:100%;padding-top:200px;}
    #wrap #container .section.work-view .work-detail {margin:0;}
    #wrap #container .section.work-view .work-detail .phone-img {right:0;}
    #wrap #container .section.work-view .work-detail .table {box-sizing:border-box;padding-left:20px;padding-right:20px;width:100%;}
    #wrap #container .section.work-view .work-detail .table .table-cell img {float:none;max-width:96%;}
    #wrap #container .section.work-view .work-detail .design-area {padding:150px 20px 0;}
    #wrap #container .section.work-view .mobile-detail .table {width:100%;margin-top:-375px;}
    #wrap #container .section.work-view .ctrl-btn-area {padding:100px 0 245px;}

    #wrap .section.contact-area,
    .section.policy-area {padding:220px 0 150px;}

    .popup-wrap .popup-close {right:2px;top:2px;}
}
@media all and (max-width: 1320px) {
    #wrap #navigator .menu-box .menu-inner {box-sizing:border-box;padding-left:50px;padding-right:50px;width:100%;}

    #wrap .main-visual .typing-effect {left:0;margin-left:0;box-sizing:border-box;padding-left:80px;width:100%;}
    #wrap .menu-about {left:5px;}
    #wrap .menu-works {right:5px;}

    #wrap .about-visual .visual-txt-box .table {width:100%;}
    #wrap #container .section .cont-inner {width:100%;}
    #wrap #container .section.work-list .cont-inner {padding:0 20px;overflow:hidden;}

    #wrap #container .section.work-list .cont-inner .work-cont .work-navigator {margin-top:100px;position:relative;top:50px;width:auto;}
    #wrap #container .section.work-list .cont-inner .work-cont .work-navigator .trigger-btn {display:block;}
    #wrap #container .section.work-list .cont-inner .work-cont .work-navigator .table {position:absolute;left:0;top:57px;width:100%;height:480px;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #ddd;display:none;}
    #wrap #container .section.work-list .cont-inner .work-cont .work-navigator .trigger-btn.active ~ .table {display:block !important;}
    #wrap #container .section.work-list .cont-inner .work-cont .work-navigator .table .table-cell {display:block;width:auto;height:auto;text-align:left;}
    #wrap #container .section.work-list .cont-inner .work-cont .work-navigator ul li .year-title {line-height:50px;}
    #wrap #container .section.work-list .cont-inner .work-cont .work-navigator ul li .year-title a {display:block;padding:0 10px;font-size:28px;}
    #wrap #container .section.work-list .cont-inner .work-cont .work-navigator ul li .each-project {display:block;padding:0 10px;width:auto;height:auto;}
    #wrap #container .section.work-list .cont-inner .work-cont .work-navigator ul li .each-project:before {content:none;}
    #wrap #container .section.work-list .cont-inner .work-cont .work-navigator ul li .each-project span {position:relative;top:auto;right:auto;display:block;padding:0;line-height:50px;font-size:25px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1;}
    #wrap #container .section.work-list .cont-inner .work-cont .work-navigator ul li .sub-list {display:block !important;}

    #wrap #container .section.work-list .cont-inner .work-box {margin-top:100px;}
    #wrap #container .section.work-list .cont-inner .work-box .work-info {left:auto;right:0;margin-top:242px;}
    #wrap #container .section.work-list .cont-inner .work-box .work-title {left:48%;margin-top:350px;}
    #wrap #container .section.work-list .cont-inner .work-box .shortcut span {left:auto;right:10%;margin-bottom:130px;}
    #wrap #container .section.work-list .cont-inner .work-box img {width:55%;height:auto;}
    #wrap #container .section.work-view .mobile-detail .table {margin-top:-275px;}

    #wrap .section.client .client-slide .each-slide ul {width:100%;}

    #wrap .section.member .member-list li .character svg {height:300px;}
    #wrap .section.member .member-list li .character.ej svg {height:250px;}
    #wrap .section.client .client-wrap .client-num {font-size:300px;}
    #wrap .section.client .client-slide .each-slide ul {box-sizing:border-box;padding:0 4.5vw;width:100%;}

    #wrap .section.contact-area .contact-box {box-sizing:border-box;width:100%;padding-left:20px;padding-right:20px;}
    .section.policy-area .policy-box {width:100%;}

    #wrap .footer .footer-inner {width:100%;}
}
@media all and (max-width: 1260px) {
    #wrap .section.contact-area .contact-box .contact-form .fieldset legend {line-height:58px;font-size:38px;margin-bottom:40px;}
    #wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box b {font-size:20px;}
    #wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box input[type='text'],
    #wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box select,
    #wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box .nice-select {width:350px !important;font-size:32px;}
    #wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box .nice-select:after {right:10px;}
    #wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box .nice-select .option {padding:0 20px;height:65px;line-height:65px;font-size:32px;}
    #wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box.check {display:inline-block;width:510px;}
    #wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .post-word {padding-left:7px;min-width:75px;font-size:32px;}
    #wrap .section.contact-area .contact-box .contact-form .btn-box .submit-btn {width:280px;height:214px;font-size:35px;}

    #wrap .section.client .client-wrap .client-box {width:100%;}
}
@media all and (max-width: 1200px) {
    #wrap .main-visual .typing-effect p span {height:110px;line-height:110px;font-size:90px;}
    #wrap #container .section .title,
    .section.policy-area .policy-box .title {padding-left:50px;line-height:78px;font-size:55px;margin-bottom:58px;}
    #wrap .about-visual .visual-txt-box .sub-text {padding-left:130px;line-height:25px;font-size:16px;}

    #wrap .our-service .cont-inner .service-bg {width:520px;}
    #wrap .our-service .cont-inner .service-bg .gauge-slide .each-slide img {width:100%;height:auto;}
    #wrap .our-service .cont-inner .service-defined {padding:280px 0 0 560px;}
    #wrap .our-service .cont-inner .service-defined .column dl {padding-bottom:55px;}
    #wrap .our-service .cont-inner .service-defined .column dl dt {line-height:38px;font-size:22px;}
    #wrap .our-service .cont-inner .service-defined .column dl dd {line-height:38px;font-size:16px;}

    #wrap #container .section.work-list .cont-inner .work-header {padding-left:355px;}
    #wrap #container .section.work-list .cont-inner .work-header .title {margin-bottom:36px;}
    #wrap #container .section.work-list .cont-inner .work-header .sub-text {margin-left:72px;}
    #wrap #container .section.work-list .cont-inner .work-box .work-title {font-size:55px;}
    #wrap #container .section.work-list .cont-inner .work-box .work-title svg {height:70px;}

    #wrap #container .section.work-view .work-detail ~ .period {margin-top:90px;}
    #wrap #container .section.work-view .work-title {line-height:80px;font-size:60px;}
    #wrap #container .section.work-view .work-desc {line-height:25px;font-size:15px;margin-bottom:30px;}
    #wrap #container .section.work-view .mobile-detail .table {margin-top:-175px;}

    #wrap .section.contact-area .contact-box .sub-text {padding-left:100px;margin-bottom:80px;}
    #wrap .section.contact-area .contact-box .sub-text b {margin-bottom:50px;}

    .section.policy-area .policy-box .cont-list {padding-left:50px;}
}
@media all and (max-width: 1072px) {
    #wrap #container .section.work-view .work-detail .table {box-sizing:border-box;padding:30px 30px 0;}
    #wrap #container .section.work-view .work-detail .table .table-cell img {margin:40px 0 0;}
    #wrap #container .section.work-view .work-detail .design-area {padding-top:30px;}
    .section.policy-area .policy-box .cont-list dl dd p .pc-br {display:none;}
}
@media all and (max-width: 1023px) {
    .tab-br {display:block;}

    #wrap .main-visual,
    #wrap .about-visual {background-position:50% 50% !important;background-size:cover !important;}
    #wrap .main-visual #leenVideo,
    #wrap .about-visual #leenVideo_about {left:0 !important;top:0 !important;width:100%;height:100%;background-position:50% 50%;background-size:100% 100%;background-size:contain;object-fit:cover;}

    #wrap #container .section .title {padding-right:50px;}
    #wrap #container .section .title p {display:inline;word-break:keep-all;}
    #wrap #container .section.work-list .cont-inner .work-header .title p {display:block;}
    #wrap .about-visual .visual-txt-box .sub-text {padding-right:100px;}

    #wrap .our-service {height:1384px;}
    #wrap .our-service .cont-inner .service-bg {position:relative;left:auto;width:500px;margin:145px auto 50px;}
    #wrap .our-service .cont-inner .service-defined {position:relative;left:auto;top:auto;padding:0;height:auto;overflow:hidden;}
    #wrap .our-service .cont-inner .service-defined .column {width:100%;}
    #wrap .our-service .cont-inner .service-defined .column dl {float:left;box-sizing:border-box;padding-left:20px;width:25% !important;padding-bottom:0;clear:none !important;}
    #wrap .our-service .cont-inner .service-defined .column dl ~ dl {padding-left:0;}
    #wrap .our-service .cont-inner .service-defined .column dl dt {line-height:36px;font-size:19px;margin-bottom:12px;}
    #wrap .section.member .member-list li {width:33.333%;}
    #wrap .section.client .client-slide .each-slide .table .table-cell {padding:50px 0;}
    #wrap .section.client .client-slide .each-slide .table .table-cell img {width:200px;height:auto;}

    #wrap #container .section.work-list .cont-inner .work-header {margin:0 -20px 0 -250px;padding-left:36px;}
    #wrap #container .section.work-list .cont-inner .work-header .page-name {left:250px;}
    #wrap #container .section.work-list .cont-inner .work-header .title {margin-left:318px;}
    #wrap #container .section.work-list .cont-inner .work-header .sub-text {margin-left:390px;}
    #wrap #container .section.work-list .cont-inner .work-header .field-tab {bottom:-90px;box-sizing:border-box;padding:0 60px 0 290px;width:100%;}
    #wrap #container .section.work-list .cont-inner .work-header .field-tab a {width:calc(50% - 15px);margin:0;}
    #wrap #container .section.work-list .cont-inner .work-header .field-tab a ~ a {float:right;}
    #wrap #container .section.work-list .cont-inner .work-header .field-tab a.active {background:url('../img/work_tab_on2.png') no-repeat 0 0;background-size:cover;}

    #wrap #container .section.work-list .cont-inner .work-cont .work-navigator {margin-top:140px;box-sizing:border-box;padding:0 40px;}
    #wrap #container .section.work-list .cont-inner .work-cont .work-navigator .table {left:40px;box-sizing:border-box;width:calc(100% - 80px);}
    #wrap #container .section.work-list .cont-inner .work-cont .work-navigator ::-webkit-scrollbar {width:6px;}
    #wrap #container .section.work-list .cont-inner .work-cont .work-navigator ::-webkit-scrollbar-track {background:transparent;}
    #wrap #container .section.work-list .cont-inner .work-cont .work-navigator ::-webkit-scrollbar-thumb {background:#dbdbdb;border-radius:3px;}

    #wrap #container .section.work-list .cont-inner .work-box {padding:0 40px 60px;}
    #wrap #container .section.work-list .cont-inner .work-box .work-info {position:relative;line-height:8vw;margin-top:0;}
    #wrap #container .section.work-list .cont-inner .work-box .work-info span {font-size:3vw !important;}
    #wrap #container .section.work-list .cont-inner .work-box .work-info .device {float:right;margin-left:0;}
    #wrap #container .section.work-list .cont-inner .work-box .work-title {position:relative;left:auto !important;font-size:50px;margin-top:0;}
    #wrap #container .section.work-list .cont-inner .work-box .shortcut span {right:40px;margin-bottom:0;}
    #wrap #container .section.work-list .cont-inner .work-box.odd-child .shortcut span {left:auto;}
    #wrap #container .section.work-list .cont-inner .work-box img {display:block;width:100%;height:auto;transform:none !important;}

    #wrap #container .section.work-view .work-detail .design-area .design img {display:block;height:300px;width:auto;}
    #wrap #container .section.work-view .work-detail .design-area .design img + img {margin:60px 0 0;}
    #wrap #container .section.work-view .work-detail .design-area .design.color {float:left;width:100%;}

    #wrap #container .section.work-view .mobile-detail .table {margin-top:-100px;}
    #wrap #container .section.contact-area .contact-box .title {padding-right:0;}
    #wrap .section.contact-area .contact-box .sub-text .info dl {margin-right:25px;}

    #wrap .section.contact-area .contact-box .contact-form .fieldset {margin-bottom:20px;}
    #wrap .section.contact-area .contact-box .contact-form .fieldset .sentence {padding-bottom:50px;}
    #wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box {margin-bottom:20px;}
    #wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box input[type='text'],
    #wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box select,
    #wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box .nice-select {width:410px !important;}
    #wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .post-word {min-width:auto;margin-bottom:20px;white-space:nowrap;}
    #wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box.check {width:auto;text-align:left;}

    #wrap .footer,
    #wrap .footer .fp-tableCell {height:400px !important;}
    #wrap .footer .footer-inner .coffee,
    #wrap .footer .footer-inner .coffee strong .wave-ani .over svg {font-size:55px;}
    #wrap .footer .footer-inner #address .part {padding-top:40px;}
    #wrap .footer .footer-inner #address .part + .part {padding-top:40px;}
    #wrap .company-down-btn {padding-right:44px;height:36px;line-height:36px;font-size:16px;}
    #wrap .company-down-btn:after {top:8px;width:22px;height:20px;}
    #wrap .footer .footer-inner .copyright {margin-top:20px;height:40px;line-height:40px;}

    #main #wrap .section.portfolio {bottom:400px;}
}
@media all and (min-width: 768px) {
    #wrap .our-service .cont-inner .service-defined .column {transform:none !important;}
}
@media all and (max-width: 767px) {
    .pc-br {display:none;}
    .mob-br {display:block;}
    .mob-white {color:#fff;}

    #wrap #header .logo {left:0;top:2.65vw;width:15.9vw;height:15.9vw;}
    #wrap #header .logo a {background:url('../img/logo_mob_w.png') no-repeat 50% 50%;background-size:8vw auto;}
    #main #wrap #header .logo a {background-image:url('../img/logo_mob.png');}
    #main.fp-viewing-main-visual #wrap #header .logo a {background-image:url('../img/logo_mob_w.png');}
    #wrap.black-menu #header .logo a {background-image:url('../img/logo_mob.png');}
    body.menu-opened #wrap #header .logo a {background-image:url('../img/logo_mob_w.png') !important;}

    #wrap #header .menu-toggle {right:1.25vw;top:2.65vw;width:15.9vw;height:15.9vw;margin-right:12px;}
    #wrap #header .menu-toggle:after {content:none;}
    #wrap #header .menu-toggle span {top:5.54vw;left:4.21vw;padding:0;width:7.5vw;height:4.84vw;}
    #wrap #header .menu-toggle span:before {width:5.46vw;}
    #wrap #header .menu-toggle span i {width:4.53vw;}
    #wrap #header .menu-toggle.on span:before {width:9.37vw;top:2.34vw;}
    #wrap #header .menu-toggle.on span:after {width:9.37vw;bottom:2.34vw;}
    #wrap.black-menu #header .menu-toggle:hover span:before,
    #wrap.black-menu #header .menu-toggle:hover span:after,
    #wrap.black-menu #header .menu-toggle:hover span i {background:#000;}
    #wrap #navigator .menu-bg {right:1.25vw;top:2.65vw;width:15.9vw;height:15.9vw;}
    #wrap #navigator .menu-bg .circle .bg {margin:-10.6vw -9.2vw 0 0;}
    #wrap #navigator .menu-box .menu-inner {padding:28vw 0 2vw 10vw;}
    #wrap #navigator .menu-box ul {padding-bottom:9.06vw;}
    #wrap #navigator .menu-box ul li {padding:7vw 0;}
    #wrap #navigator .menu-box ul li a {height:9.37vw;background-position:9.06vw 100% !important;background-size:auto 9.37vw !important;}
    #wrap #navigator .menu-box ul li a i {float:left;width:9.06vw;line-height:4.68vw;font-size:4.06vw;margin:4.6vw 0 0;opacity:1 !important;}
    #wrap #navigator .menu-box ul li a span {margin-left:9.06vw;height:100%;}
    #wrap #navigator .menu-box ul li a.home {background-image:url('../img/menu_home_on.png') !important;}
    #wrap #navigator .menu-box ul li a.about {background-image:url('../img/menu_about_on.png') !important;}
    #wrap #navigator .menu-box ul li a.member {background-image:url('../img/menu_member_on.png') !important;}
    #wrap #navigator .menu-box ul li a.works {background-image:url('../img/menu_works_on.png') !important;}
    #wrap #navigator .menu-box ul li a.contact {background-image:url('../img/menu_contact_on.png') !important;}
    #wrap #navigator .com-info .part dt {line-height:6.25vw;font-size:4.06vw;}
    #wrap #navigator .com-info .part dd {line-height:6.25vw;font-size:3.43vw;}
    #wrap #navigator .com-info .part dd .company-down {padding:0 7.3vw 0 2.19vw;height:6.3vw;line-height:6.3vw;font-size:2.64vw;margin:2.64vw 0;}
    #wrap #navigator .com-info .part dd .company-down:after {right:2.05vw;top:1.61vw;width:3.5vw;height:3.1vw;}

    #wrap .main-visual .typing-effect {padding-left:4.5vw;top:50% !important;margin-top:-30vw;}
    #wrap .main-visual .typing-effect p span {padding-right:1.87vw;height:13vw;line-height:13vw;font-size:9vw;letter-spacing:-0.46vw;}
    #wrap .main-visual .typing-effect p i {height:10.62vw;margin-top:1.7vw;}
    #wrap .menu-about,
    #wrap .menu-works {display:none !important;}

    .portfolio .slide-wrap.cont {margin-top:-44.53vw;}
    .portfolio .bg-text {margin-top:-65vw;}
    .portfolio .bg-text .marquee {height:15.62vw;line-height:15.62vw;}
    .portfolio .bg-text .marquee.upper {margin:0 0 105vw;}
    .portfolio .bg-text .marquee.lower {display:none;}
    .portfolio .bg-text .marquee li {font-size:11.25vw;margin-right:17vw;}
    .portfolio .bg-text .marquee li p {height:15.62vw;}
    .portfolio .slide-wrap.bg .each-slide .bg-box {margin-left:-35.15vw;margin-top:-44.53vw;width:70.3vw;height:89.06vw;background-size:cover;}
    .portfolio .slide-wrap .cont-slide .each-slide .table {width:70.3vw;height:89.06vw;}
    .portfolio .slide-wrap .cont-slide .each-slide img {margin-left:-45vw;width:90vw;}
    .portfolio .slide-wrap .cont-slide .each-slide.slide-05 img {bottom:-11vw;}
    #wrap .portfolio .ctrl-box {margin-bottom:-52vw;}

    #wrap .ctrl-box .max-paging.pc {display:none;}
    #wrap .ctrl-box .max-paging.mob {display:inline-block;}

    #wrap #container .section .cont-inner,
    #wrap #container .section.work-list .cont-inner {padding:0 4.5vw;}
    #wrap #container .section .page-name,
    #wrap #container .section.client .page-name {position:relative;left:auto;display:block;padding:4.68vw 0 3.75vw;line-height:5.62vw;text-align:left;font-size:3.43vw;transform:none;}
    #wrap #container .section .title,
    #wrap #container .section.client .title,
    .section.policy-area .policy-box .title {padding:0;line-height:9vw;text-align:left;font-size:6.8vw;margin-bottom:5vw;}
    #wrap #container .section.client .title {margin-bottom:4vw;}
    #wrap #container .our-service .cont-inner .title {top:14.06vw;padding:0 4.5vw;}

    #wrap .about-visual .visual-txt-box .table .table-cell .about-header {padding:0 3% 0 4.5vw;}
    #wrap .about-visual .visual-txt-box .table .table-cell .about-header .page-name {margin-top:0;}
    #wrap .about-visual .visual-txt-box .title {}
    #wrap .about-visual .visual-txt-box .sub-text {padding:0 5.62vw;line-height:5.62vw;font-size:3.75vw;}
    #wrap .our-service {padding:7vw 0 4.3vw;height:212vw;background:#fafafa url('../img/service_bg_mob.png') no-repeat 0 7vw;background-size:auto 212vw;}
    #wrap .our-service .cont-inner .service-bg {position:relative;left:auto;width:100%;margin:21vw auto 10vw;}
    #wrap .our-service .cont-inner .service-bg:after {content:'';position:absolute;left:0;top:0;z-index:2;display:block;width:100%;height:100%;}
    #wrap .our-service .cont-inner .service-defined {position:relative;left:auto;top:auto;padding:0 0 0 4.5vw;width:auto;height:auto;overflow:hidden;margin:0 -4.5vw;}
    #wrap .our-service .cont-inner .service-defined:after {content:'';display:table;clear:both;}
    #wrap .our-service .cont-inner .service-defined .column {display:flex;width:248vw;}
    #wrap .our-service .cont-inner .service-defined .column dl {float:left;box-sizing:border-box;padding-left:5.93vw;width:62vw !important;padding-bottom:0;clear:none !important;}
    #wrap .our-service .cont-inner .service-defined .column dl dt {line-height:8.12vw;font-size:5vw;user-select:none;margin-bottom:1.4vw;}
    #wrap .our-service .cont-inner .service-defined .column dl dd {line-height:8vw;font-size:3.75vw;user-select:none;}
    
    #wrap .section.member .member-list {padding-bottom:11.25vw;}
    #wrap .section.member .member-list li {width:50%;margin-top:10vw;}
    #wrap .section.member .member-list li .desc {padding:6.87vw 0;background-size:auto 14vw !important;}
    #wrap .section.member .member-list li .desc .role {line-height:5.31vw;font-size:3.12vw;}
    #wrap .section.member .member-list li .desc .name {line-height:6.56vw;font-size:4.37vw;}
    #wrap .section.client {padding:7vw 4.5vw;}
    #wrap .section.client .client-wrap {padding-bottom:25.31vw;}
    #wrap .section.client .client-slide .each-slide .table .table-cell {padding:10vw 0;}
    #wrap .section.client .client-slide .each-slide .table .table-cell img {width:25.93vw;}

    #wrap #container .section.work-list {padding-top:25.15vw;}
    #wrap #container .section.work-list .cont-inner .work-header {margin:0 -4.5vw 0 -46vw;padding:20vw 0 0;height:80vw;background-size:auto 100%;}
    #wrap #container .section.work-list .cont-inner .work-header .page-name {position:absolute;left:50vw;margin-top:6vw;}
    #wrap #container .section.work-list .cont-inner .work-header .title {margin-left:59vw;color:#4e2513;}
    #wrap #container .section.work-list .cont-inner .work-header .title p {background:none;}
    #wrap #container .section.work-list .cont-inner .work-header .title .white {color:#fff;}
    #wrap #container .section.work-list .cont-inner .work-header .sub-text {line-height:5.62vw;font-size:3.75vw;color:#4e2513;word-break:keep-all;background:none;margin:0 4vw 0 72vw;}
    #wrap #container .section.work-list .cont-inner .work-header .sub-text p {display:inline;}
    #wrap #container .section.work-list .cont-inner .work-header .field-tab {bottom:-12vw;padding:0 4.5vw 0 46vw}
    #wrap #container .section.work-list .cont-inner .work-header .field-tab a {width:calc(50% - 2.34vw);height:9vw;line-height:calc(9vw - 2px);font-size:3.4vw;border-width:1px;}
    #wrap #container .section.work-list .cont-inner .work-header .field-tab a.active {line-height:9vw;}

    #wrap #container .section.work-list .cont-inner .work-cont .work-navigator {padding:0;margin-top:16vw;}
    #wrap #container .section.work-list .cont-inner .work-cont .work-navigator .trigger-btn {height:10vw;font-size:4.68vw;border-width:2px;}
    #wrap #container .section.work-list .cont-inner .work-cont .work-navigator .trigger-btn:after {border-left:1.17vw solid transparent;border-right:1.17vw solid transparent;border-top:1.25vw solid #1e1e1e;}
    #wrap #container .section.work-list .cont-inner .work-cont .work-navigator .table {left:0;top:calc(10vw - 3px);width:100%;height:62.5vw;}
    #wrap #container .section.work-list .cont-inner .work-cont .work-navigator ul li .year-title {line-height:7.8vw;}
    #wrap #container .section.work-list .cont-inner .work-cont .work-navigator ul li .year-title a {padding:0 1.56vw;font-size:4.3vw;}
    #wrap #container .section.work-list .cont-inner .work-cont .work-navigator ul li .each-project {padding:0 1.56vw;}
    #wrap #container .section.work-list .cont-inner .work-cont .work-navigator ul li .each-project span {line-height:7.8vw;font-size:3.9vw;}
    #wrap #container .section.work-list .cont-inner .work-box {padding:0 0 2vw;}
    #wrap #container .section.work-list .cont-inner .work-box .work-title {font-size:6.8vw;}
    #wrap #container .section.work-list .cont-inner .work-box .work-title svg {height:9vw;}
    #wrap #container .section.work-list .cont-inner .work-box .shortcut span {right:0;}

    #wrap #container .section.work-view .ctrl-btn-area {padding:9.37vw 0 30.15vw;}
    #wrap #container .section.work-view .ctrl-btn-area .project-link {top:auto;margin-top:0;bottom:0;width:50% !important;height:18.74vw;}
    #wrap #container .section.work-view .ctrl-btn-area .project-link:after {margin-top:-1.1vw;width:1.25vw;height:2.2vw;background-size:100% auto !important;}
    #wrap #container .section.work-view .ctrl-btn-area .project-link.next-project {background:#cecece !important;border-radius:4px 0 0 0;}
    #wrap #container .section.work-view .ctrl-btn-area .project-link.next-project:after {left:2vw;}
    #wrap #container .section.work-view .ctrl-btn-area .project-link.prev-project {border-radius:0 4px 0 0;}
    #wrap #container .section.work-view .ctrl-btn-area .project-link.prev-project:after {right:2vw;}
    #wrap #container .section.work-view .ctrl-btn-area .project-link .project {display:block !important;padding:0 2vw;}
    #wrap #container .section.work-view .ctrl-btn-area .project-link .project .thumb {left:2vw;margin-top:-6.25vw;width:12.5vw;height:12.5vw;}
    #wrap #container .section.work-view .ctrl-btn-area .project-link .project .name {left:14.5vw;padding-left:1.6vw;}
    #wrap #container .section.work-view .ctrl-btn-area .project-link .project .name b {line-height:4.68vw;font-size:3.12vw;}
    #wrap #container .section.work-view .ctrl-btn-area .project-link.next-project .project .thumb {left:6vw;}
    #wrap #container .section.work-view .ctrl-btn-area .project-link.next-project .project .name {left:18.5vw;}
    #wrap #container .section.work-view .ctrl-btn-area .project-link.next-project .project .name b {color:#333;}
    #wrap #container .section.work-view .ctrl-btn-area .list-btn {height:10.62vw;font-size:4.68vw;}
    #wrap #container .section.work-view .work-area .cont-inner {padding:33vw 0 0;}
    #wrap #container .section.work-view .period {line-height:5.46vw;font-size:3.12vw;margin-bottom:2.5vw;}
    #wrap #container .section.work-view .work-detail ~ .period {margin-top:17vw;}
    #wrap #container .section.work-view .work-title {line-height:9vw;font-size:7vw;margin-bottom:2vw;}
    #wrap #container .section.work-view .work-desc {padding:0 4.5vw;line-height:5.62vw;font-size:3.75vw;word-break:keep-all;margin-bottom:6vw;}

    #wrap #container .section.work-view .work-detail .top-visual .top-img {margin-bottom:3.46vw;}
    #wrap #container .section.work-view .work-detail .phone-img {position:relative;right:auto;max-width:40%;}
    #wrap #container .section.work-view .work-detail .table {display:block;padding:4.5vw 4.5vw 0;}
    #wrap #container .section.work-view .work-detail .table .table-cell {display:block;}
    #wrap #container .section.work-view .work-detail .table .table-cell img {max-width:100%;width:100%;margin:6.25vw 0 0;}
    #wrap #container .section.work-view .work-detail .design-area {padding:4.5vw 4.5vw 0;}
    #wrap #container .section.work-view .work-detail .design-area .design {float:none !important;width:auto !important;margin-top:17vw;}
    #wrap #container .section.work-view .work-detail .design-area .design .tit {line-height:7.8vw;font-size:4.68vw;margin-bottom:5.62vw !important;}
    #wrap #container .section.work-view .work-detail .design-area .design img {height:42.5vw;}
    #wrap #container .section.work-view .work-detail .design-area .design img + img {margin:11vw 0 0;}
    #wrap #container .section.work-view .work-detail .design-area .design.color ul li {width:9.37vw;height:9.37vw;}
    #wrap #container .section.work-view .mobile-detail {padding-top:25vw;}
    #wrap #container .section.work-view .mobile-detail .table {display:block;box-sizing:border-box;padding:0 4.5vw;margin-top:-19.06vw;}
    #wrap #container .section.work-view .mobile-detail .table .table-cell {display:block;width:100%;padding:0 !important;}
    #wrap #container .section.work-view .mobile-detail .table .table-cell img {max-width:100%;margin:6.25vw 0 0;}

    #wrap .section.member,
    #wrap .section.contact-area,
    .section.policy-area {padding:29vw 0 22vw;}
    #wrap .section.contact-area .contact-box {padding:0 4.5vw;}
    #wrap .section.contact-area .contact-box .sub-text {padding-left:0;line-height:5.62vw;font-size:3.75vw;}
    #wrap .section.contact-area .contact-box .sub-text b {padding:0 3vw 0 6.25vw;margin-bottom:8vw;}
    #wrap .section.contact-area .contact-box .sub-text .info dl {float:none;margin:0 0 5.62vw;}
    #wrap .section.contact-area .contact-box .sub-text .info dl dt {line-height:6.25vw;font-size:4.06vw;margin-bottom:2.03vw;}
    #wrap .section.contact-area .contact-box .sub-text .info dl dd {line-height:6.25vw;font-size:3.43vw;}

    #wrap .section.contact-area .contact-box .contact-form .fieldset legend {line-height:10.93vw;font-size:6.25vw;margin-bottom:4.37vw;}
    #wrap .section.contact-area .contact-box .contact-form .fieldset {margin-bottom:9.37vw;}
    #wrap .section.contact-area .contact-box .contact-form .fieldset .sentence {padding-bottom:0;}
    #wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box {margin-bottom:6.87vw;}
    #wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box b {line-height:5.3vw;font-size:3.75vw;margin-bottom:1.87vw;}
    #wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box input[type='text'],
    #wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box select,
    #wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box .nice-select {width:57.8vw !important;height:auto;line-height:8.43vw;font-size:5vw;}
    #wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box .nice-select:after {right:3.28vw;width:4.55vw;height:2.5vw;background-size:auto 100%;}

    #wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box .nice-select .list {padding:1.56vw 0 3.12vw;}
    #wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box .nice-select .option {padding:0 3.12vw;height:10vw;line-height:10vw;font-size:5.3vw;}

    #wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .post-word {padding:7.17vw 0 2px 2.96vw;line-height:8.43vw;font-size:5.3vw;margin-bottom:6.87vw;}
    #wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box .checkbox {padding:0.78vw 0;}
    #wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box .checkbox label {width:5.62vw;height:5.62vw;}
    #wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box .checkbox input:checked + label,
    #wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box .checkbox input[checked] + label {background:#fff url('../img/ico_chk_mob.png') no-repeat 50% 50%;background-size:3.59vw auto;}
    #wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box .label {line-height:7.18vw;font-size:3.75vw;}
    #wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box .label button {margin-top:0.8vw;height:5.2vw;}
    #wrap .section.contact-area .contact-box .contact-form .fieldset .sentence .input-box .label b {line-height:7.18vw;}
    #wrap .section.contact-area .contact-box .contact-form .btn-box {padding-top:8.75vw;text-align:center;}
    #wrap .section.contact-area .contact-box .contact-form .btn-box .submit-btn {width:55.3vw;height:42.2vw;font-size:6.87vw;}

    .section.policy-area .policy-box {padding:0 4.5vw;}
    .section.policy-area .policy-box .sub-text {line-height:5.62vw;font-size:3.75vw;}
    .section.policy-area .policy-box .sub-text b {font-size:3.43vw;}
    .section.policy-area .policy-box .cont-list {padding:0 0 0 5.93vw;}
    .section.policy-area .policy-box .cont-list dl {padding-top:10.46vw;}
    .section.policy-area .policy-box .cont-list dl dt {line-height:6.87vw;font-size:5vw;margin-bottom:4vw;}
    .section.policy-area .policy-box .cont-list dl dd {line-height:5.62vw;font-size:3.75vw;}
    .section.policy-area .policy-box .cont-list dl dd p {padding-left:2.8vw;}
    .section.policy-area .policy-box .cont-list dl dd p:first-of-type {margin-top:2.65vw;}
    .section.policy-area .policy-box .cont-list dl dd p:before {top:2.34vw;width:0.94vw;height:0.94vw;}

    #wrap .footer,
    #wrap .footer .fp-tableCell {padding:0 !important;height:auto !important;}
    #wrap .footer .footer-inner {padding:7.81vw 4.5vw 10.46vw;}
    #wrap .footer .footer-inner .coffee {line-height:12.5vw;font-size:9.37vw;margin-bottom:5.62vw;}
    #wrap .footer .footer-inner .coffee strong .wave-ani {height:12.5vw;}
    #wrap .footer .footer-inner .coffee strong .wave-ani .over svg {font-size:9.37vw;}
    #wrap .footer .footer-inner #address {position:relative;top:auto;right:auto;}
    #wrap .footer .footer-inner #address:after {content:'';display:table;clear:both;}
    #wrap .footer .footer-inner #address .part {float:left;padding-top:0 !important;}
    #wrap .footer .footer-inner #address .part + .part {float:right;}
    #wrap .footer .footer-inner #address .part b {line-height:6.87vw;font-size:4.06vw;margin-bottom:2.18vw;margin-top:6vw;}
    #wrap .footer .footer-inner #address .part a {height:4.53vw;line-height:4.53vw;font-size:3.43vw;}
    #wrap .footer .footer-inner #address .part span {line-height:5.62vw;font-size:3.43vw;}
    #wrap .company-down-btn {position:absolute;left:4.5vw;margin:44.5vw 0 0;padding:0 7.33vw 0 2.05vw;height:6.45vw;line-height:6.45vw;font-size:2.8vw;}
    #wrap .company-down-btn:after {right:2.05vw;top:1.61vw;width:3.81vw;height:3.3vw;}
    #wrap .footer .footer-inner .copyright {margin-top:5.31vw;height:7.81vw;line-height:7.81vw;background-size:auto 50%;}

    #main #wrap .section.portfolio {bottom:116vw;}

    #wrap .go-top {right:1vw;bottom:8vw;padding-top:8.5vw;width:16vw;height:16vw;line-height:7.5vw;font-size:5.2vw;background-position:50% 1vw;background-size:auto 7vw;}
    #wrap .go-top.detail-btn {bottom:25vw;}

    .popup-wrap .popup-close {right:1.25vw;top:2.65vw;width:15.9vw;height:15.9vw;background-size:5.62vw auto;}
}
@media all and (max-width: 580px) {
    #wrap .section.member .member-list li .character svg {height:250px;}
    #wrap .section.member .member-list li .character.ej svg {height:210px;margin:40px 0 0;}
}
@media all and (max-width: 500px) {
    #wrap .section.member .member-list li .character {height:200px;}
    #wrap .section.member .member-list li:first-child .character svg {position:absolute;left:5vw;top:-1vw;height:220px;}
    #wrap .section.member .member-list li .character svg {height:200px;}
    #wrap .section.member .member-list li .character.ej svg {height:170px;margin:30px 0 0;}
}