@charset "utf-8";

/*
 * SUB STYLE
 * Moon Yeon Hee - Lune
 * 2022.11.10
*/

@import url(reset.css);
@import url(common.css);
@import url(sub.css);

/* work */
.uzen_works img {width:100%;}
.major_works {width:63.7500vw;margin:0 auto;padding:7.0833vw 0 0;}
.major_works .title {font-size:2.5000vw;font-weight: bold;}
.major_works .infomation {padding-top:1.3021vw;color:#767676;line-height:1.3542vw;}
.major_works .list {display:flex;flex-wrap:wrap;padding:5.0000vw 0.6250vw 10.4167vw;}
.major_works .list li {position:relative;width:33.33%;overflow:hidden;}
.major_works .list li a img {transition: all 0.4s;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;}
.major_works .list li a:hover img {transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);}
.major_works .list li a .over {display: flex;align-items: center;justify-content: center;text-align: center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;color:#fff;font-size:1.6667vw;z-index: 10;opacity: 0;}
.major_works .list li a:hover .over {opacity:1;background: rgb(255 82 0 / 50%);}
.major_works .list li a .over em {transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transform: translate(0,12px);-webkit-transform: translate(0,12px);-moz-transform: translate(0,12px);}
.major_works .list li a:hover .over em {transform: translate(0,0);-webkit-transform: translate(0,0);-moz-transform: translate(0,0);}

.clents {margin:0 auto;padding:6.2500vw 0 10.4167vw;background:#f8f8f8;}
.clents_box {width:63.7500vw;margin:0 auto;}
.clents .title {font-size:2.5000vw;font-weight: bold;}
.clients_slide {position:relative;padding-top:4.1667vw;width:81.2500vw;height:33.3333vw;overflow:hidden;}
.clients_slide .swiper-slide {width:10.9375vw;}
.clients_slide .swiper-slide img {margin-bottom:2.6042vw;width:6.7708vw;}
.clients_slide .swiper-horizontal>.swiper-scrollbar {left:0;height:1px;width:63.7500vw;}
.clients_slide .swiper-scrollbar {background:#ececec;}
.clients_slide .swiper-scrollbar-drag {height:2px;background:#fe5520;}

.works {width:63.7500vw;margin:0 auto;padding:7.2917vw 0 6.7708vw;}
.works .title {font-size:2.5000vw;font-weight: bold;}
.works_year {position:relative;margin-top:6.2500vw;}
.works_year dl {position:relative;margin-left:0.3125vw;padding-bottom:5.2083vw;display:flex;flex-wrap: wrap;}
.works_year dt {position:relative;padding:1.5625vw 0;width:10.9375vw;text-align:center;font-size:1.4583vw;color:#000;font-weight:bold;}
.works_year dt:before {content:'';position:absolute;left:-0.2604vw;top:2.1875vw;width:0.5208vw;height:0.5208vw;background:#fe521f;border-radius: 50%;z-index:10;}
.works_year dd {flex:1;}
.works_year dd ul li {padding:1.8750vw 0;font-size:1.0417vw;color:#000;border-bottom:1px solid #dedede;font-weight: bold;}
.works_year .blank_line {position:absolute;top:2.2917vw;left:0.3125vw;width:1px;height:100%;background:#dedede;z-index:1;}

/* work detail */
.works_detail img {width:100%;}
.work_detail {width:100vw; margin:0 auto;}
.title_box {width:63.7500vw;margin: 0 auto;padding:3.9063vw 0 3.1250vw;}
.works_cate {margin-bottom:1.2500vw;color:#f05626;font-weight: bold;}
.works_title {font-size:3.6458vw;font-weight: bold;}
.works_image {position:relative;}
.works_logo {position:absolute;bottom:-8.3333vw;right:18.1250vw;width:16.6667vw;height:16.6667vw;box-shadow: 0px 0.5208vw 1.5625vw 0.5208vw rgb(0 0 0 / 10%);border-radius: 50%;z-index:2;}
.works_logo img {width:100%;}
.works_detail_info {width:63.7500vw;margin:0 auto;}
.detail_title {padding-top:5.7292vw;}
.detail_title span {font-size:2.5000vw;color:#000;font-weight:bold;padding-right:3.1250vw;background: url(../../images/works/ico-home.gif) right 1.0417vw no-repeat;background-size:2.0833vw auto;}
.detail_explan {padding:4.1667vw 0 4.6875vw;display:flex;flex-wrap: wrap;border-bottom:1px solid #dedede;}
.detail_expbox {width:50%;}
.detail_expbox li {padding-bottom:1.5625vw;line-height:1.3542vw;}
.detail_expbox li .title {color:#767676;}
.detail_expbox li .text {color:#000;}
.works_image .swiper-pagination.swiper-pagination-bullets {width:63.7500vw;margin:0 auto;text-align:left;bottom:1.9271vw;left:50%;transform:translateX(-50%);}
.works_image .swiper-pagination-bullet {width:3.1250vw;height:0.1563vw;background:#cccccc;border-radius: 0;opacity: 1;}
.works_image .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#fe5520;}
.works_image .swiper-slide {width:100% !important;}
.works_image .swiper-slide img {width:100%;}

.detail_idea {padding:6.2500vw 0 0;}
.detail_idea .title {color:#f15325;padding-bottom:1.8229vw;font-weight:bold;}
.detail_idea .text {font-size:1.3542vw;color:#000;padding-bottom:4.1667vw;line-height:2.0833vw;word-break: keep-all;}
.detail_bigimg {margin-left:18.1250vw;padding-top:8.3333vw;}

.detail_btn {width:63.7500vw;margin:0 auto;padding:4.1667vw 0 10.4167vw;text-align:right;}
.detail_btn .btn {display:inline-block;color:#fff;font-size:0;width:3.0208vw;height:3.2292vw;}
.detail_btn .btn-prev {background:url(../../images/works/btn-detail-prev.png)no-repeat;background-size:3.0208vw auto;}
.detail_btn .btn-next {background:url(../../images/works/btn-detail-next.png)no-repeat;background-size:3.0208vw auto;}
.detail_btn .disabled {opacity: 0.3;}

.detail_design {width:63.7500vw;margin:0 auto;padding:8.3333vw 0 7.2917vw;}
.detail_design .title {color:#f15325;padding-bottom:1.8229vw;font-weight: bold;}
.detail_design .text {font-size:1.3542vw;color:#000;padding-bottom:4.1667vw;line-height:2.0833vw;word-break: keep-all;}
.detail_design ul li {position:relative;padding:0.4167vw 0 0.4167vw 2.6042vw;word-break: keep-all;}
.detail_design ul li:before {content:'';position:absolute;left:0;top:50%;margin-top:-1px;width:1.0417vw;height:2px;background:#000;}


/* mobile */
.w640 .major_works {width:100%;padding:18.6667vw 5.3333vw 0;box-sizing:border-box;}
.w640 .major_works .title {font-size:6.4000vw;}
.w640 .major_works .infomation {padding-top:3.4667vw;font-size:3.2000vw;line-height:4.8000vw;font-weight: 300;}
.w640 .major_works .list {padding:10.1333vw 0 21.3333vw;}
.w640 .major_works .list li {width:50%;}
.w640 .major_works .list li a .over {font-size:3.2vw;font-weight:300;}
.w640 .clents {padding:21.3333vw 0 21.3333vw 5.3333vw;}
.w640 .clents_box {width:100%;}
.w640 .clents .title {font-size:6.4000vw;}
.w640 .clients_slide {width:100%;height:86.6667vw;padding-top:10.6667vw;}
.w640 .clients_slide .swiper-slide {width:26.6667vw;}
.w640 .clients_slide .swiper-slide img {margin-bottom:8.0000vw;width:20vw;}
.w640 .clients_slide .swiper-horizontal>.swiper-scrollbar {width:89.3333vw;}
.w640 .works {width:100%;padding:21.3333vw 5.3333vw;box-sizing: border-box;}
.w640 .works .title {font-size:6.4000vw;}
.w640 .works_year {margin-top:10.6667;}
.w640 .works_year dl {display:block;margin-left:0;padding-bottom:8.0000vw;}
.w640 .works_year dt {font-size:3.7333vw;padding:4.0000vw 0 4.0000vw 6.4000vw;}
.w640 .works_year dt:before {width:1.6000vw;height:1.6000vw;top:5.3333vw;}
.w640 .works_year .blank_line{left:0.4000vw;top:5.3333vw;}
.w640 .works_year dd {padding-left:6.4000vw;}
.w640 .works_year dd ul li {padding:2.6667vw 0;font-size:3.4667vw;line-height:5.3333vw;font-weight:300;word-break: keep-all;}

.w640 .works_detail_top {padding-top:32.0000vw;}
.w640 .works_detail_top img {width:100%;}
.w640 .works_cate {display:none;}
.w640 .title_box {width:100%;padding:0 5.3333vw 5.3333vw;box-sizing: border-box;min-height:22.4000vw;}
.w640 .works_title {font-size:8.0000vw;}
.w640 .works_logo {width:32.0000vw;height:32.0000vw;bottom:-16.0000vw;right:5.3333vw;}
.w640 .works_detail_info {width:100%;padding:0 5.3333vw;box-sizing: border-box;}
.w640 .detail_title {padding-top:17.3333vw;}
.w640 .detail_title span {padding-right:12.0000vw;font-size:6.4000vw;background:url(../../images/works/ico-home-mo.png) right bottom no-repeat;background-size:8.0000vw auto;}
.w640 .detail_explan {display:block;padding:8.0000vw 0 12.0000vw;}
.w640 .detail_expbox {width:100%;}
.w640 .detail_expbox li {font-size:3.7333vw;line-height:5.3333vw;padding-bottom:4.0000vw;word-break: keep-all;font-weight:300;}
.w640 .detail_idea {padding:21.3333vw 0 0;}
.w640 .detail_idea .title {font-size:2.9333vw;padding-bottom:6.6667vw;font-weight:bold;}
.w640 .detail_idea .text {padding-bottom:9.3333vw;font-size:4.0000vw;line-height:5.8667vw;font-weight: 300;}
.w640 .detail_idea .image {padding:0 0 21.3333vw;}
.w640 .detail_bigimg {width:100%;margin:0;padding-top:0;}
.w640 .detail_btn {width:100%;padding:10.6667vw 5.3333vw 26.6667vw;box-sizing: border-box;text-align:left;}
.w640 .detail_btn .btn {width:11.2000vw;height:11.2000vw;vertical-align: top;}
.w640 .detail_btn .btn-prev {background:url(../../images/works/btn-detail-prev-mo.png) 0 center no-repeat;}
.w640 .detail_btn .btn-next {background:url(../../images/works/btn-detail-next-mo.png) right center no-repeat;}
.w640 .detail_btn .btn-prev,
.w640 .detail_btn .btn-next {background-size:7.4667vw auto;}
.w640 .works_image .swiper-container {overflow:hidden;}
.w640 .works_image .swiper-pagination.swiper-pagination-bullets {width:89.3333vw;bottom:5.3333vw;}
.w640 .works_image .swiper-pagination-bullet {width:8.0000vw;height:0.8000vw;}
.w640 .detail_design {width:100%;padding:21.3333vw 5.3333vw 16.0000vw;box-sizing: border-box;}
.w640 .detail_design .title {padding-bottom:6.6667vw;font-size:2.9333vw;font-weight:bold;}
.w640 .detail_design .text {padding-bottom: 6.6667vw;font-size:4.0000vw;line-height:5.8667vw;font-weight:300;}
.w640 .detail_design ul li {padding:2.0000vw 0 2.0000vw 10.6667vw;font-size:3.4667vw;line-height:5.3333vw;font-weight:300;}
.w640 .detail_design ul li:before {width:5.3333vw;height:0.5333vw;top:4.5333vw;}
.w640 .btn_box a {width:40.0000vw;height:10.6667vw;line-height:10.6667vw;font-size:3.4667vw;}