@charset "utf-8";
.animated{opacity: 0;}
.animated.CustomAnimate{opacity: 1;} 

/* main */
.main .main_title{font-size:27px;color:#000;box-sizing: border-box;max-width:1300px;padding:0 20px;margin: auto;margin-bottom:100px;padding-top:50px}
.main .main_slider .img_wrap{display: block;position: relative;height: 900px;opacity: 0;transition: .3s opacity ease;}
.main .main_slider .active .img_wrap{opacity: 1;}
.main .main_slider .img_wrap img{position: absolute;left:0;width:100%;top:0;height:100%;object-fit: cover;-o-object-fit: cover;}
.main .main_slider .owl-nav{display: none;}
.main .main_slider .owl-dots{text-align: center;font-size: 0;}

.main .main_slider .owl-dots .owl-dot{transition:.3s cubic-bezier(0.075, 0.82, 0.165, 1) all;}
.dots-wrap {
    position: absolute;max-width:100%;bottom:50px;left:50%;transform: translateX(-50%);font-size: 0;width:100%;
    /* filter: url(#goo); */
}
.main .main_slider .owl-dots .owl-dot,
.main .main_slider .dot-current-bg {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    padding: 0;
    background: #8e8e8e;
    border-radius: 7px;
    border: none;
    margin-left:16px;
    outline: none;
    opacity: .6;
}
.main .main_slider .owl-dots .owl-dot{z-index: 2;}
.main .main_slider .dot-current-bg{
    position: absolute;
    left: 50%;
    top:0;
    opacity: 1;
    width:13px;
    height:13px;
    background: #8e8e8e;
    opacity: .6;
}

.main .main_slider .owl-dots .owl-dot:first-child,
.main .main_slider .owl-dots .owl-dot:last-child{background: none;}
.main .main_slider .owl-dots .owl-dot:first-child:before,
.main .main_slider .owl-dots .owl-dot:last-child:before{content:'';display: block;width:8px;height: 8px;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);background: #8e8e8e;border-radius: 50%;}

.main .main_slider .owl-dots .owl-dot.active,
.main .main_slider .owl-dots .owl-dot.active:first-child,
.main .main_slider .owl-dots .owl-dot.active:last-child{width:28px;height:14px; background: #e53d35;border-radius: 7px;opacity: 1;}
.main .main_slider .owl-dots .owl-dot.active:first-child:before,
.main .main_slider .owl-dots .owl-dot.active:last-child:before{content:none;}

svg{display: none;}
.main .logo_animation{display: block;width:87px;height:78px;position: relative;font-size:0;margin:250px auto 210px;}
.main .logo_animation span:before,
.main .logo_animation span:after{content:'';display: block;position: absolute;background: #e53d35;}
.main .logo_animation span:before{height:20px;left:0;top:20px;}
.main .logo_animation span:after{ width:20px;left:29px;top:0;}
@keyframes logo_1 {
    0% {
        width:0;opacity: 0;
    }
    33% {
        opacity: 1;width:49px;
    }
}
@keyframes logo_2 {
    0%,33% {
        height:0;opacity: 0;
    }
    66% {
        opacity: 1;height:78px
    }
}
@keyframes logo_3 {
    0%,66% {
        width:0;opacity: 0;
    }
    to {
        opacity: 1;width:59px;
    }
}

.main .logo_animation:after{content:'';display: block;position: absolute;width:0;height:20px;background: #e53d35;left:29px;bottom:0;}
.main .logo_animation.CustomAnimate span:before{opacity: 1;width:49px;
animation-name: logo_1;
animation-iteration-count: infinite;
animation-duration: 2.5s;
animation-timing-function: cubic-bezier(.14, .75, .2, 1.01);
}
.main .logo_animation.CustomAnimate span:after{opacity: 1;height:78px;
animation-name: logo_2;
animation-iteration-count: infinite;
animation-duration: 2.5s;
animation-timing-function: cubic-bezier(.14, .75, .2, 1.01);
}
.main .logo_animation.CustomAnimate:after{opacity: 1;width:59px;
animation-name: logo_3;
animation-iteration-count: infinite;
animation-duration: 2.5s;
animation-timing-function: cubic-bezier(.14, .75, .2, 1.01);
}

.main .sub_title{font-size:26px;text-align: right;margin-top:100px;letter-spacing: -0.16px;line-height: 1.5;color:#000;font-weight: 500;}
.main .lastest_project{font-size:0;margin-left:-28px;position: relative;}
.main .lastest_project h5{font-size:27px;letter-spacing: -0.2px;text-align: center;line-height: 45px;color:#000;font-weight: 600;margin-bottom:100px;}
.main .lastest_project span{display: inline-block;width:50%;box-sizing: border-box;padding-left:28px;}
.main .lastest_project span .img_wrap{width:100%;display: block;height:350px;position: relative}
.main .lastest_project span .img_wrap img{position: absolute;left:0;width:100%;top:0;height:100%;object-fit: cover;-o-object-fit: cover;}
.main .lastest_project span em{display:-webkit-box;font-size:22px;color: #e1251b;margin-top:20px;font-weight: 400;line-height: 1.36;min-height:58px;margin-bottom: 30px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow: hidden;text-overflow: ellipsis;}
.main .lastest_project span.CustomAnimate{
-webkit-animation-name: fadeInBottom;
animation-name: fadeInBottom;
-webkit-animation-duration: .7s;
animation-duration:.7s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.main .lastest_project span + span.CustomAnimate{
-webkit-animation-delay: .3s;
animation-delay: .3s;
}
.main .main_join{background: #f2f2f2;height:281px;box-sizing: border-box;padding:60px 0;margin-top:250px;margin-bottom:200px;}
.main .main_join h5{font-size:27px;text-align: center;letter-spacing: -0.2px;font-weight: bold;color:#000;}
.main .btn_join{width:245px;display: block;border:2px #e1251b solid;box-sizing: border-box;color:#e1251b;font-size:20px;font-weight: 500; height:65px;line-height:63px;text-align: center;margin:57px auto 0;
-webkit-transition: .3s all cubic-bezier(0.075, 0.82, 0.165, 1);
transition: .3s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
.main .btn_join:hover,
.main .btn_join:active{background:#e1251b;color:#fff;}

/* about */
.about{margin-top:80px;}
.about br{display:none}
.about .inner{padding:0;max-width: 1280px;}
.about .about_section_1{box-sizing: border-box;padding-left:178px;position: relative;}
.about .about_section_1 .img_wrap{width:100%;position:relative;overflow: hidden;background: #e1251b;display: block;}
.about .about_section_1 .img_wrap img{width:100%;transform: scale(1.2);opacity: 0;
	-webkit-transition: .7s all ease;
	transition: .7s all ease;
}
.about .about_section_1 .img_wrap.CustomAnimate img{transform: scale(1);opacity: 1;}
.about .logo_1{position: absolute;width:0;height:25px;background: #e1251b;left:20px;top:0;}
.about .logo_2{width:25px;height:0;background: #e1251b;position: absolute;right:0;display: block;}
.about .logo_3{width:0;height:25px;background: #e1251b;display:inline-block;}
.about .logo_animation{opacity: 0;
	-webkit-transition: .3s .3s all cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: .3s .3s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
.about .CustomAnimate.logo_1{width:100px;opacity: 1;}
.about .CustomAnimate.logo_2{opacity: 1;height:140px;}
.about .CustomAnimate.logo_3{opacity: 1;width:100px;}

.about .about_section_2{text-align: right;box-sizing: border-box;padding-right:73px;position: relative;margin-top:250px;}
.about .about_section_2 h5{font-size:30px;line-height: 1.33;color:#000;font-weight: 400;}
.about .about_section_2 h5 span{display: block;position: relative;top:-20px;opacity: 0;
	-webkit-transition: .3s .3s all cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: .3s .3s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
.about .about_section_2 h5 span + span{
	-webkit-transition-delay: .5s;
	transition-delay: .5s;
}
.about .about_section_2 h5 span + span + span{
	-webkit-transition-delay: .7s;
	transition-delay: .7s;
}
.about .about_section_2 h5 span + span + span + span{
	-webkit-transition-delay: .9s;
	transition-delay: .9s;
}
.about .about_section_2 h5 span + span + span + span + span{
	-webkit-transition-delay: 1.1s;
	transition-delay: 1.1s;
}
.about .about_section_2 h5.CustomAnimate span{top:0;opacity: 1;}

.about .about_section_3{margin-top:250px;font-size:0;}
.about .about_section_3 .img_wrap{max-width:800px;position:relative;overflow: hidden;background: #e1251b;display: block;}


.about .about_section_3 .img_wrap img{width:100%;opacity: 0;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: .7s all ease;
	transition: .7s all ease;
}
.about .about_section_3 .img_wrap.CustomAnimate img{-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
.about .about_section_3 p{font-size:22px;margin-top:60px;font-weight: 400;color:#000;position: relative;opacity: 0;top:-20px;
	-webkit-transition:.3s .3s all cubic-bezier(0.075, 0.82, 0.165, 1);
	transition:.3s .3s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
.about .about_section_3 p.CustomAnimate{opacity: 1;top:0;}
.about .about_section_3 p span{display: block;}

.about .about_section_4{box-sizing: border-box;padding-left:317px;margin-top:250px;font-size:0;}
.about .about_section_4 .img_wrap{width:100%;position:relative;overflow: hidden;background: #e1251b;display: block;}
.about .about_section_4 .img_wrap img{width:100%;transform: scale(1.2);opacity: 0;
	-webkit-transition: .7s all ease;
	transition: .7s all ease;
}
.about .about_section_4 .img_wrap.CustomAnimate img{transform: scale(1);opacity: 1;}
.about .about_section_4 ul{font-size:0;margin-top:50px;margin-left:-30px;}
.about .about_section_4 ul li{width:33.333%;display: inline-block;font-size:22px;letter-spacing: -0.44px;font-weight: 400;vertical-align: top;padding-left:30px;box-sizing: border-box;color:#000;opacity: 0;top:20px;position: relative;
-webkit-transition: .3s all cubic-bezier(0.075, 0.82, 0.165, 1);
transition: .3s all cubic-bezier(0.075, 0.82, 0.165, 1);
} 
.about .about_section_4 ul li:first-child{
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
}
.about .about_section_4 ul li:first-child + li{
	-webkit-transition-delay: .6s;
	transition-delay: .6s;
}
.about .about_section_4 ul li:first-child + li + li{
	-webkit-transition-delay: .9s;
	transition-delay: .9s;
}
.about .about_section_4 ul li.CustomAnimate{opacity: 1;top: 0;}
.about .about_section_4 ul li strong{display: block;margin-bottom:30px;color:#e1251b;font-weight: 400;}

.about .about_section_5{margin-top:250px;text-align: center;margin-bottom:273px;font-size:0;}
.about .about_section_5 h3{font-size:30px;color:#000;line-height: 39px;margin-top:50px}
.about .about_section_5 .clients_list{margin-top:100px;}
.about .about_section_5 .clients_list p{margin-bottom:73px;}
.about .about_section_5 .clients_list span{display: inline-block;padding:0 45px;opacity: 0;top:-20px;position: relative;
	-webkit-transition:.3s .3s all cubic-bezier(0.075, 0.82, 0.165, 1);
	transition:.3s .3s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
.about .about_section_5 .clients_list p span.pc_img{display: inline-block;}
.about .about_section_5 .clients_list p.mobile_img{display: none;}
.about .about_section_5 .clients_list span.CustomAnimate{opacity: 1;top: 0;}
/* .about .about_section_5 .clients_list span + span{
	-webkit-transition-delay: .6s;
	transition-delay: .6s;
}
.about .about_section_5 .clients_list span + span + span{
	-webkit-transition-delay: .9s;
	transition-delay: .9s;
} */
.about .about_section_5 .clients_list span img{max-width:100%;
	-webkit-transition: .3s cubic-bezier(0.075, 0.82, 0.165, 1) transform;
	transition: .3s cubic-bezier(0.075, 0.82, 0.165, 1) transform;
}
.about .about_section_5 .clients_list span a:hover img,
.about .about_section_5 .clients_list span a:focus img{transform: scale(1.05);}

.about .about_section_5 .clients_list p span:first-child img{max-width: 90px;}
.about .about_section_5 .clients_list p span:first-child + span img{max-width: 460px;}
.about .about_section_5 .clients_list p span:first-child + span + span img{max-width:138px;}

.about .about_section_5 .clients_list p + p span:first-child img{max-width: 314px;}
.about .about_section_5 .clients_list p + p span:first-child + span img{max-width: 265px;}
.about .about_section_5 .clients_list p + p span:first-child + span + span img{max-width:274px;}

/* project */
.project{}
.project .page_title{font-size:30px;line-height:1.33;color:#000;margin-bottom:0;font-weight: 400;padding-top:80px;margin-bottom:30px;}


.title_box{position: relative;}
.title_box .type_select{position: absolute;font-size:0;bottom:0;right:0;margin:0;}
.title_box .type_select li{display: inline-block;width:auto;margin:0;}
.title_box .type_select li .button{width:32px;height:32px;margin-left:20px;display: inline-block;}
.title_box .type_select li .btn_list{background-image: url('../images/contents/ico_list.svg');background-size: 32px 32px;}
.title_box .type_select li .btn_thumb{background-image: url('../images/contents/ico_thumb.svg');background-size: 32px 32px;}
.title_box .type_select li .btn_list.active{background-image: url('../images/contents/ico_list_on.svg');}
.title_box .type_select li .btn_thumb.active{background-image: url('../images/contents/ico_thumb_on.svg');}
.title_box .type_select .total{font-size:12px;font-weight: 400;vertical-align: bottom;color:#e1251b;position: relative;bottom:0;display: inline-block;width:110px;text-align: right;}

.filter_wrapper{font-size:16px;border-top:1px #000 solid;border-bottom:1px #000 solid;padding:15px 0;position: relative;overflow:hidden;}
.filter_wrapper .filter_btn{font-weight: 400;cursor: pointer;display: inline-block;padding-right: 10px;position: relative;}
.filter_wrapper.on .filter_btn{font-weight: 600;}
.filter_wrapper .filter_btn::before,
.filter_wrapper .filter_btn::after{content: '';display: block;width:7px;height:1.2px;background: #000;position: absolute;right:0;display: block;top:50%;}
.filter_wrapper .filter_btn::after{transform: rotate(90deg);}
.filter_wrapper.on .filter_btn::before{height:2px;}
.filter_wrapper.on .filter_btn::after{content:none;}
.filter_wrapper ul{position: relative;margin-left:-100px;font-size:0;}
.filter_wrapper ul li{display: inline-block;width:172px;box-sizing: border-box;margin-left:100px;vertical-align: top}

.filter_wrapper .filter_list{opacity: 0;height:0;}
.filter_wrapper.on .filter_list{margin-top:40px;opacity: 1;height: auto;}
.filter_wrapper ul li .filter-select{position: relative;overflow: hidden;z-index: 10;background: #fff;}
/* .filter_wrapper ul li .filter-select.on .filter_item,
.filter_wrapper ul li .filter-select.on span{font-size:16px;line-height: 19px;} */
.filter_wrapper ul li .filter-select span{display: inline-block;padding-left:8px;font-size:12px;color:#8a8a8a;font-weight: 500;}
.filter_wrapper ul li .filter-select .filter_item{display: block;z-index: 2;background: #fff; overflow: hidden;cursor: pointer;width:100%;text-align: left;font-weight: 500;position: relative;font-size:15px;outline:none;border-bottom:1px #000 solid;line-height: 22px;padding-bottom:5px;}
.filter_wrapper ul li .filter-select .filter_item:after{content:'';display: block;position: absolute;width:10px;height:10px;border-left:1px #000 solid;border-bottom:1px #000 solid;position: absolute;right: 5px;bottom:10px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.filter_wrapper ul li .filter-select.on .filter_item:after{-webkit-transform: rotate(135deg);transform: rotate(135deg);bottom:3px;}
.filter_wrapper ul li ul{margin-left:0px;font-size:0;}
.filter_wrapper ul li ul li{margin-left:0px;width:100%;height: auto;}
.filter_wrapper ul li ul li input{position: absolute;opacity: 0;left:-1px;top:-1px;}
.filter_wrapper ul li ul li label{display: block;cursor: pointer;position: relative;box-sizing: border-box;line-height: 19px;font-size:14px;color:#000;}
.filter_wrapper ul li ul li label.radio .lbl{padding-left:0;}
.filter_wrapper ul li ul li label.radio .lbl:before,
.filter_wrapper ul li ul li label.radio .lbl:after{display: none;}
.filter_wrapper ul li ul.select_list{box-sizing: border-box;height:0;overflow: hidden;}
.filter_wrapper ul li .filter-select.on ul.select_list{max-height:190px;overflow-y: auto;height:auto;padding:10px;border:1px #000 solid;top:-1px;
-webkit-animation-timing-function: ease-in;
-webkit-animation-duration: .3s;
-webkit-animation-name: fadeInTop;
animation-timing-function: ease-in;
animation-duration: .3s;
animation-name: fadeInTop;}
@keyframes fadeInTop {
    from {
        opacity: 0;
        transform: translateY(-10%);
    }
    to { opacity: 1 }
}
.filter_wrapper ul li ul.select_list .checkbox input:checked+.lbl,
.filter_wrapper ul li ul.select_list .radio input:checked+.lbl{color:#e1251b;font-weight: 500;}

.project_list.type_thumb{font-size:0;position: relative;margin-left:-48px;margin-top:50px;margin-bottom:100px;}
.project_list.type_thumb .grid_item{display: inline-block;width:50%;box-sizing: border-box;padding-left:48px;padding-bottom:100px;vertical-align: top;}
.project_list.type_thumb .grid_item a .img_wrap{position: relative;overflow:hidden;background:#e7e7e7;width:100%;padding-bottom: 346px;display: block;}
.project_list.type_thumb .grid_item a .img_wrap img{position: absolute;left:0;width:100%;top:0;height:100%;object-fit: cover;-o-object-fit: cover;}
.project_list.type_thumb .grid_item a strong{display: block;font-size:22px;line-height: 1.36;color:#e1251b;margin-top:20px;height: 60px;font-weight: 400;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;overflow: hidden;text-overflow: ellipsis;}
.project_list.type_thumb .grid_item a .img_wrap img.animate{
animation-duration: .3s;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;animation-name: fadeIn;
}
@keyframes fadeIn {
    from {
        transform: translateX(-100%) perspective(600px) rotateY(180deg);
        opacity: 0
    }
    to {
        transform: translateX(0) perspective(600px) rotateY(0deg);
        opacity: 1
    }
}

.project_list.type_list{margin-top:30px;padding-bottom:200px}
.project_list.type_list .grid_item{width:100%;position: relative;box-sizing: border-box;color:#e1251b;font-size:22px;padding:10px 0;padding-right:640px;}
.project_list.type_list .grid_item em{position: absolute;right:423px;top:50%;transform: translateY(-50%);}
.project_list.type_list .grid_item span{position: absolute;width:323px;right:0;top:50%;transform: translateY(-50%);}
.project_list.type_list .grid_item a{font-size:22px;line-height: 1.36;font-weight: bold;color:#e1251b;}
.project_list.type_list .grid_item a strong{font-size: 22px;height:60px;font-weight: 400;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;overflow: hidden;text-overflow: ellipsis;
}
.project_list.type_list .grid_item a:hover{text-decoration: underline;}
.project_list .CustomAnimate{
-webkit-animation-name: fadeInBottom;
animation-name: fadeInBottom;
-webkit-animation-duration: .7s;
animation-duration:.7s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes fadeInBottom {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to { opacity: 1 }
}

/* project detail */
#container.project_detail{padding-top:230px;padding-bottom:200px;}
.project_detail .page_title{font-size:30px;line-height: 50px;color:#e1251b;margin-bottom:50px;white-space: pre-line;font-weight: 500;}
.project_detail .detail_visual{max-width:100%;margin: auto;display: block;}
.project_detail .detail_visual img{width:100%;}
.project_detail .detail_info{position: relative;box-sizing: border-box;padding-right:575px;margin-top:51px;min-height: 558px;}
.project_detail .detail_info .description{display: block;color:#3f3f3f;font-size:20px;line-height: 1.75;white-space: pre-line;position: relative;top:0;width:100%;left:0;}
.project_detail .detail_info .project_info{top:0;width:485px;right:0;position: absolute}
.project_detail .detail_info .project_info dl{margin-bottom:20px;}
.project_detail .detail_info .project_info dl dt{font-size:16px;line-height: 1.75;color:#a6a6a6;margin-bottom:5px;font-weight: 400;}
.project_detail .detail_info .project_info dl dd{font-size:20px;line-height: 1.4;color:#3f3f3f;font-weight: 400;}
.project_detail .project_info + .detail_info{padding-top:150px}
.project_detail .project_addInfo{padding-top:200px;font-size:0;}
.project_detail .project_addInfo i,
.project_detail .project_addInfo em{background:#e7e7e7}
.project_detail .project_addInfo.theme_1{max-width:1280px;text-align: center;margin: auto;}
.project_detail .project_addInfo.theme_1 img{width:100%;display: block;margin: auto;}
.project_detail .project_addInfo.theme_2{text-align: right;max-width:1280px;margin:auto;}
.project_detail .project_addInfo.theme_2 i{max-width:1038px;display: inline-block;}
.project_detail .project_addInfo.theme_2:after{content:'';display: block;clear: both;}
.project_detail .project_addInfo.theme_2 img{width:100%;float: right;}
.project_detail .project_addInfo.theme_3{text-align: left;max-width:1280px;margin:auto;}
.project_detail .project_addInfo.theme_3 i{max-width:1038px;display: inline-block;}
.project_detail .project_addInfo.theme_3:after{content:'';display: block;clear: both;}
.project_detail .project_addInfo.theme_3 img{width:100%;float: left;}

.project_detail .project_addInfo.theme_5{text-align: left;}
.project_detail .project_addInfo.theme_5 i{display: inline-block;width:959px;}
.project_detail .project_addInfo.theme_5 em{display: inline-block;width:567px;margin-left:73px;}
.project_detail .project_addInfo.theme_5 img{width:100%}

.project_detail .project_addInfo.theme_6{text-align: right;}
.project_detail .project_addInfo.theme_6 i{display: inline-block;width:567px;}
.project_detail .project_addInfo.theme_6 em{display: inline-block;width:959px;margin-left:73px;}
.project_detail .project_addInfo.theme_6 img{width:100%}

.project_detail .project_addInfo.theme_7,
.project_detail .project_addInfo.theme_8{max-width:1280px;margin: auto;text-align: left;font-size:20px;line-height: 1.75;color:#3f3f3f;white-space: pre-line;}
.project_detail .project_addInfo.theme_7 span{display:inline-block;max-width:712px;text-align: left;}

.project_detail .project_addInfo.theme_8{text-align: right;}
.project_detail .project_addInfo.theme_8 span{text-align: right;display:inline-block;max-width: 712px;}

.project_detail .project_addInfo.theme_9{max-width:800px;margin: auto;}
.project_detail .project_addInfo.theme_9 em{display:block;width:100%;}
.project_detail .project_addInfo.theme_9 em img{width:100%;}

/* people */
.people{}
.people .page_title{font-size:30px;line-height: 1.33;color:#000;margin-bottom: 100px;font-weight: 400;padding-top:80px;}
.people .people_list{position: relative;margin-left:-27px;padding-bottom:100px;font-size:0;}
.people .people_list li{width:25%;padding-left:27px;display: inline-block;margin-bottom:100px;box-sizing: border-box;}
.people .people_list li i.img_wrap{width:100%;background: #e7e7e7;position: relative;display: block;overflow: hidden;padding-bottom:130%;}
.people .people_list li i.img_wrap img{position: absolute;width:100%;height: 100%;-o-object-fit: cover;object-fit: cover;left:0;top:0;}
.people .people_list li strong{display: block;font-size:21px;color:#161616;line-height: 1.43;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 500;margin-top:30px;margin-bottom:5px;}
.people .people_list li a,
.people .people_list li span{display: block;color:#484848;display: block;font-size:14px;line-height: 1.67;}
.people .people_list li a{border-bottom:1px #484848 solid;display: inline-block;}
.people .CustomAnimate{
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: .7s;
animation-duration:.7s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to { opacity: 1 }
}

/* news */
.news{}
.news .page_title{font-size:30px;line-height: 1.33;color:#000;margin-bottom: 100px;font-weight: 400;padding-top:80px;}
.news .news_list{padding-bottom:150px;}
.news .news_list li{box-sizing: border-box;padding:50px;background:#fafafa;margin-bottom:50px;}
.news .news_list li .news_box{box-sizing: border-box;padding-left:570px;position: relative;height:356px;}
.news .news_list li .news_box a{display: block;height:100%;}
.news .news_list li .news_box .img_wrap{position: absolute;left:0;top:0;width:534px;height:356px;}
.news .news_list li .news_box .img_wrap img{position: absolute;width:100%;height: 100%;-o-object-fit: cover;object-fit: cover;left:0;top:0;}
.news .news_list li .news_box em{font-size:21px;font-weight: 500;color:#e1251b;display: block;margin-bottom:20px;}
.news .news_list li .news_box h5{font-size:25px;font-weight: 500;line-height: 1.6;color:#e1251b;margin-bottom:20px;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;overflow: hidden;text-overflow: ellipsis;
}
.news .news_list li .news_box .news_thumbTxt{line-height: 1.43;color:#3f3f3f;margin-bottom:15px;
display:-webkit-box;
-webkit-line-clamp:4;
-webkit-box-orient:vertical;overflow: hidden;text-overflow: ellipsis;
}
.news .news_list li .news_box .news_thumbTxt p,
.news .news_list li .news_box .news_thumbTxt div,
.news .news_list li .news_box .news_thumbTxt blockquote,
.news .news_list li .news_box .news_thumbTxt ol,
.news .news_list li .news_box .news_thumbTxt ol li,
.news .news_list li .news_box .news_thumbTxt span{border:0;padding-bottom:0;font-size:21px;display: inline;margin:0;}
.news .news_list li .news_box span{color:#000;font-size:21px;font-weight: normal;display: inline-block;padding-bottom:3px;line-height: 1;border-bottom:1px #000 solid;}
.news .news_list li .news_box a:hover span{color:#e1251b;border-color:#e1251b}
.news .CustomAnimate{
-webkit-animation-name: fadeInBottom;
animation-name: fadeInBottom;
-webkit-animation-duration: .7s;
animation-duration:.7s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

/* news detail */
.news_detail{}
.news_detail .page_title{position:relative;margin-bottom:106px;margin-top:80px;}
.news_detail .page_title .img_wrap{height:1078px;position: relative;display: block;}
.news_detail .page_title .img_wrap img{width:100%;height:100%;position: absolute;-o-object-fit: cover;object-fit: cover;left:0;top:0;}
.news_detail .page_title strong{z-index: 2; position: absolute;left:50%;margin-left:-650px;top:0;width:1300px;padding:0 10px;box-sizing: border-box; color:#fff;font-size:50px;line-height: 1.6;font-weight: 500;padding-top:30px;display: block;}
.news_detail .page_title em{display: block;font-size:20px;color:#e1251b;font-weight: bold;position: absolute;bottom:-86px;left:50%;margin-left:-460px; width:920px;}
.news_detail .news_contents{width:920px;margin: auto;padding-bottom:200px;}
.news_detail .news_contents .news_txt{white-space: pre-line;font-size:20px;line-height: 1.75;color:#3f3f3f;}

/* contact */
.contact{}
.contact h2{font-size:30px;line-height: 1.33;color:#000;margin-bottom: 100px;font-weight: 400;padding-top:80px;}
.contact .contact_form{position: relative;box-sizing: border-box;padding-right:640px;margin-bottom:200px;}
.contact .contact_form dl{margin-bottom:30px;}
.contact .contact_form dl dd{background:#f4f4f4;border:1px #ddd solid;}
.contact .contact_form dl input,
.contact .contact_form dl textarea{width:100%;border: 0;font-size:15px;background: none;border: 0;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
.contact .contact_form dl input{line-height:50px;height:50px;}
.contact .contact_form dl input:focus,
.contact .contact_form dl textarea:focus{border:1px #cdcdcd solid;}
.contact .contact_form dl textarea{resize: vertical;height:260px;display: block;position: relative}
.contact .contact_form dl dt{font-size:16px;line-height: 30px;margin-bottom: 10px;font-weight: 400;color:#000;}
.contact .contact_form dl.necessary dt{color:#e1251b;}
.contact .contact_form .grid_2{margin-left:-10px;position: relative;font-size:0;}
.contact .contact_form .grid_2 dl{width:50%;display: inline-block;padding-left:10px;box-sizing: border-box;}
.contact .btn_submit{display: block;width:150px;line-height: 50px;box-sizing: border-box;border: 2px #e1251b solid;cursor: pointer;margin: auto;color:#e1251b;transition: .3s cubic-bezier(0.075, 0.82, 0.165, 1) all;outline: none;}
.contact .btn_submit:hover{background:#e1251b;color:#fff;}
.contact .map_info{position: absolute;right:10px;width:440px;top:40px;}
.contact .map_info .map_wrap{margin-top:53px;}
.contact .map_info span{display: inline-block;position: relative}
.contact .map_info span i{display: inline-block;margin-right: 10px;}
.contact .map_info span a:before,
.contact .map_info .map_wrap h5 a span:before{display:inline-block;content:"";position: absolute;z-index: 1;background:#e1251b;width:0; height: 1px;left: 0;bottom:-1px;
-webkit-transition-property: width;
transition-property: width;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;}
.contact .map_info h5 span a:hover:before{width:100%;bottom:-1px;background:#e1251b;height:1px;}

.contact .map_info h5{font-size:16px;color:#e1251b;line-height: 1.88;font-weight: 400;}
.contact .map_info h5 a{color: #e1251b;position: relative}

.contact .map_info .map_wrap h5 a:hover span:before{width:100%;bottom:-1px;background:#e1251b;height:1px;}
.contact .map_info .map_wrap .map{width:100%;height:340px;background: #f4f4f4;margin-top:20px;filter: grayscale(100%);}


/* ==========================================================================
	Media Queries for Responsive Design.
========================================================================== */
@media only screen and (max-width:1600px) {

	/* project detail */
	.project_detail .project_addInfo.theme_5{flex-direction: row;justify-content: flex-start;font-size:0;}
	.project_detail .project_addInfo.theme_5 i,
	.project_detail .project_addInfo.theme_5 em{display: inline-flex;vertical-align: middle;}
	.project_detail .project_addInfo.theme_5 i{width:52.5%;}
	.project_detail .project_addInfo.theme_5 em{width:42.5%;margin-left:5%;}

	.project_detail .project_addInfo.theme_6{flex-direction: row;justify-content: flex-end;font-size:0;}
	.project_detail .project_addInfo.theme_6 i,
	.project_detail .project_addInfo.theme_6 em{display: inline-flex;vertical-align: middle;}
	.project_detail .project_addInfo.theme_6 i{width:42.5%;}
	.project_detail .project_addInfo.theme_6 em{width:52.5%;margin-left:5%;}
	.project_detail .project_addInfo.theme_7{padding-left:20px;}
	.project_detail .project_addInfo.theme_8{padding-right:20px;}
}
@media only screen and (max-width:1300px) {
    
	/* main */
	.main .main_title{font-size: 20px;padding:0 20px;margin-bottom: 40px;padding-top: 45px;}
	.main .main_slider .img_wrap{height: 700px;}
	
	.main .main_slider .owl-dots{bottom:30px;}
	/* .main .main_slider .owl-dots .owl-dot{width:10px;height:10px;margin:0 6px;} */

	.main .logo_animation{margin:120px auto;}

	.main .sub_title{font-size:20px;margin-top:100px;}
	.main .lastest_project{font-size:0;margin-left:-14px;position: relative;}
	.main .lastest_project h5{font-size:25px;line-height: 30px;margin-bottom:50px;}
	.main .lastest_project span{padding-left:14px;}
	.main .lastest_project span .img_wrap{height:250px;}

	.main .lastest_project span em{font-size:18px;margin-top:20px;/* min-height:0; */}

	.main .main_join{margin-top:150px;margin-bottom:100px;}
	.main .main_join h5{font-size:25px;}


	/* about */
	.about .logo_1{height:20px;left:20px;}
	.about .logo_2{width:20px;right:20px;}
	.about .logo_3{height:20px;}

	.about .CustomAnimate.logo_1{width:95px;}
	.about .CustomAnimate.logo_2{height:135px;}
	.about .CustomAnimate.logo_3{width:95px;}

	.about .about_section_2{padding-right:93px;margin-top:200px;}
	.about .about_section_2 h5{font-size:25px;}

	.about .about_section_3{margin-top:200px;}
	.about .about_section_3 p{font-size:22px;margin-top:40px;padding-left:20px;box-sizing: border-box;}

	.about .about_section_4{padding-left:200px;margin-top:200px;}

	.about .about_section_4 ul{font-size:0;margin-top:50px;margin-left:-30px;}
	.about .about_section_4 ul li{width:33.333%;font-size:22px;letter-spacing: -0.44px;padding-left:30px;} 

	.about .about_section_5{margin-top:200px;}

	.about .about_section_5 .clients_list p{margin-bottom:73px;font-size:0;}
	.about .about_section_5 .clients_list p span{box-sizing: border-box;max-width:33.333%}
	.about .about_section_5 .clients_list span img{max-height:80px;}

    /* project */
    .project{}
    .project .page_title{font-size:20px;line-height: 1.5;padding-bottom:57px;padding-top:0;margin-bottom:0;}
    .filter_wrapper{border:0;padding-bottom:0;}
    .title_box .type_select{width:100%;text-align: right;bottom:0;}
    .title_box .type_select .total{position: absolute;left:auto;padding-left:0;top:10px;right:80px;text-align: left;}
    .title_box .type_select li{padding-left:0;}
    .title_box .type_select li .button{width:25px;height:25px;margin-left:15px;background-size: 25px 25px;}

    .filter_wrapper ul{margin-left:-20px;}
    .filter_wrapper ul li{width:50%;margin-left:0;padding-left:20px;margin-bottom:40px}
	.filter_wrapper ul li ul li{margin-bottom:0;}

    .project_list.type_thumb{margin-left:-24px;}
    .project_list.type_thumb .grid_item{padding-left:24px;padding-bottom:50px;}
    .project_list.type_thumb .grid_item a .img_wrap{padding-bottom: 56.1194%;}
    .project_list.type_thumb .grid_item a strong{font-size:16px;line-height: 1.56;height:52px;margin-top:15px;}

    .project_list.type_list .grid_item{padding-right: 360px;}
    .project_list.type_list .grid_item em{right:253px;}
    .project_list.type_list .grid_item span{width:200px;right:20px;text-align: right;}
	
	/* project detail */
	.project_detail .detail_info{padding-right:440px;}
/*	.project_detail .detail_info .description{width:420px;}*/

	
    /* news */
    .news .news_list li{padding:30px;}
    .news .news_list li .news_box{padding-left:450px;}
    .news .news_list li .news_box .img_wrap{width:420px;height:335px}
    .news .news_list li .news_box h5{font-size:22px;}
    .news .news_list li .news_box .news_thumbTxt p,
    .news .news_list li .news_box .news_thumbTxt div,
    .news .news_list li .news_box .news_thumbTxt blockquote,
    .news .news_list li .news_box .news_thumbTxt ol,
    .news .news_list li .news_box .news_thumbTxt ol li,
    .news .news_list li .news_box .news_thumbTxt span{font-size:18px;}
    .news .news_list li .news_box a{font-size: 18px;}

    /* news detail */
    .news_detail .page_title{margin-bottom:106px;}
    .news_detail .page_title .img_wrap{height:900px;}
    .news_detail .page_title strong{left:0;margin-left:0;top:0;width:100%;font-size:35px;}

    /* people */
    .people .people_list{position: relative;margin-left:-13px;padding-bottom:100px;}
    .people .people_list li{width:33.333%;padding-left:13px;}
    /*.people .people_list li i.img_wrap{height:340px;}*/
    .people .people_list li strong{margin-top:10px;}

    /* contact */
    .contact{}
    .contact .contact_form{padding-right:450px;margin-bottom:200px;}
    .contact .map_info{width:400px;}
}

@media only screen and (max-width:1024px) {
    /* main */
	.main .main_slider .img_wrap{height: 500px;}

	/* about */
	.about .about_section_2 h5{font-size:22px;}
	.about .about_section_3 .img_wrap{max-width:100%;}
	.about .about_section_4{padding-left:0px;}
	.about .about_section_4 ul{padding:0 30px;}
	.about .about_section_4 ul li{font-size:16px;}
    .about .about_section_5 .clients_list p span{max-width: 100%;}
	.about .about_section_5 .clients_list p span.pc_img{display: none;}
    .about .about_section_5 .clients_list p.mobile_img{display: block;}

    /* project */
    .project_list.type_list{padding-bottom:170px;}
    .project_list.type_list .grid_item{padding-right: 330px;}
    .project_list.type_list .grid_item a strong{font-size:18px;height:52px;}
    .project_list.type_list .grid_item em{right:233px;font-size:18px;}
    .project_list.type_list .grid_item span{font-size:18px;}

    /* project detail */
    #container.project_detail{padding-top:110px;}
	.project_detail .detail_info{padding-right:350px;}
	.project_detail .detail_info .description{font-size:16px;}
	.project_detail .detail_info .project_info{width:310px;right:20px;}
	.project_detail .detail_info .project_info dl dt{font-size:14px;}
	.project_detail .detail_info .project_info dl dd{font-size:16px;}
	.project_detail .project_addInfo{padding-top:150px;}
	.project_detail .project_addInfo.theme_6,
	.project_detail .project_addInfo.theme_7{font-size:16px;}

    /* news */
    .news .news_list li{padding:30px;}
    .news .news_list li .news_box{padding-left:350px;height:280px}
    .news .news_list li .news_box .img_wrap{width:320px;height:280px}
    .news .news_list li .news_box h5{-webkit-line-clamp: 2;}
   

    /* news detail */
    .news_detail .page_title{margin-bottom:30px;}
    .news_detail .page_title .img_wrap{height:500px;}
    .news_detail .page_title strong{color:#e1251b;position: relative;left:0;margin-left:0;top:0;width:100%;font-size:35px;padding:10px 20px 0;margin-bottom:30px;}
    .news_detail .page_title em{position: relative;bottom:0;margin:0;width:100%;left:0;box-sizing: border-box;padding:0 20px;font-size:16px;}
    .news_detail .news_contents{width:100%;box-sizing: border-box;padding:0 20px 100px;}


    /* contact */
    .contact{}
    .contact .contact_form{padding-right:350px;}
    .contact .map_info{width:300px;}

}

@media only screen and (max-width:760px) {
    
	/* main */
	.main .main_title{font-size:20px;margin-bottom:30px;padding-top:0}
	.main .main_title span,
	.main .sub_title span{display: block;}
	.main .main_title br,
	.main .sub_title br{display: none;}
	.main .main_slider .img_wrap{height: 300px;}
	
	.dots-wrap{bottom:15px;}
    .main .main_slider .owl-dots .owl-dot,
    .main .main_slider .dot-current-bg {
        width: 8px;
        height: 8px;
        margin-left:8px;
    }
    .main .main_slider .owl-dots .owl-dot{z-index: 2;}
    .main .main_slider .dot-current-bg{
        width:7px;
        height:7px;
    }

    .main .main_slider .owl-dots .owl-dot:first-child:before,
    .main .main_slider .owl-dots .owl-dot:last-child:before{width:4px;height: 4px;}

    .main .main_slider .owl-dots .owl-dot.active,
    .main .main_slider .owl-dots .owl-dot.active:first-child,
    .main .main_slider .owl-dots .owl-dot.active:last-child{width:16px;height:8px;}
	/* .main .main_slider .owl-dots .owl-dot{width:8px;height:8px;margin:0 4px;} */

	.main .logo_animation{margin:120px auto;width:60px;height:53px;}
	.main .logo_animation span:before{height:14px;top:13px;}
	.main .logo_animation span:after{width:14px;left:19px;}
	.main .logo_animation:after{height:14px;left:19px;}
	.main .logo_animation.CustomAnimate span:before{width:33px;}
	.main .logo_animation.CustomAnimate span:after{height:53px;}
	.main .logo_animation.CustomAnimate:after{width:41px;}
    @keyframes logo_1 {
        0% {
            width:0;opacity: 0;
        }
        33% {
            opacity: 1;width:33px;
        }
    }
    @keyframes logo_2 {
        0%,33% {
            height:0;opacity: 0;
        }
        66% {
            opacity: 1;height:53px
        }
    }
    @keyframes logo_3 {
        0%,66% {
            width:0;opacity: 0;
        }
        to {
            opacity: 1;width:41px;
        }
    }

	.main .sub_title{font-size:20px;}
	.main .lastest_project{margin-left:0;}
	.main .lastest_project h5{font-size:16px;letter-spacing: 0.11px;line-height: 24px;margin-bottom:30px;}
	.main .lastest_project span{padding-left:0;width:100%;}
	.main .lastest_project span + span{margin-top:25px}
	.main .lastest_project span .img_wrap{height:188px;}

	.main .lastest_project span em{font-size:16px;margin-top:15px;line-height: 25px;font-weight: 500;min-height: 0;margin-bottom: 15px;}

	.main .main_join{margin-top:100px;margin-bottom:100px;height:auto;padding:50px 0;}
	.main .main_join h5{font-size:16px;letter-spacing: -0.11px;}
	.main .btn_join{width:208px;line-height:43px;height:45px;font-size:16px;margin-top:30px;border: 1.5px #e1251b solid;font-weight: 500;}

	/* about */
	.about{margin-top:0;}
	.about .about_section_1{padding:40px 20px 0;}

	.about .logo_1{height:10px;}
	.about .logo_2{width:10px;right:30px;top:100px;}
	.about .logo_3{height:10px;}

	.about .CustomAnimate.logo_1{width:40px;}
	.about .CustomAnimate.logo_2{height:60px;}
	.about .CustomAnimate.logo_3{width:60px;}

	.about .about_section_2{padding:0 20px;margin-top:0;padding-top:190px;}
	.about .about_section_2 h5{font-size:16px;text-align: left;line-height: 1.56;color:#3f3f3f}
    .about .about_section_2 h5 span{display: inline;font-weight: 500;}
    
	.about .about_section_3{margin-top:100px;padding:0 20px;}
	.about .about_section_3 .img_wrap{max-width:76.1194%;min-width:255px;padding-bottom:40.2%;}
    .about .about_section_3 .img_wrap img{position: absolute;left:0;top:0;width:100%;height:100%;object-fit: cover;}
	.about .about_section_3 p{font-size:16px;margin-top:100px;padding-left:0;color:#3f3f3f;font-weight: 500;}
	.about .about_section_3 p span{display: inline;}

	.about .about_section_4{padding:0 20px;margin-top:100px;text-align: right;}
    .about .about_section_4 .img_wrap{max-width:88.05970%;padding-bottom:40.2%;min-width:295px;display: inline-block;}
    .about .about_section_4 .img_wrap img{position: absolute;left:0;top:0;width:100%;height:100%;object-fit: cover;-o-object-fit: cover;}
	.about .about_section_4 ul{margin-top:100px;margin-left:0px;padding:0;}
	.about .about_section_4 ul li{width:100%;font-size:16px;letter-spacing: -0.6px;padding-left:0;text-align: left;color:#3f3f3f;font-weight: 500;} 
	.about .about_section_4 ul li:first-child,
	.about .about_section_4 ul li:first-child + li,
	.about .about_section_4 ul li:first-child + li + li{
		-webkit-transition-delay: .3s;
		transition-delay: .3s;
	}

	.about .about_section_4 ul li + li{margin-top:100px;}
	.about .about_section_4 ul li strong{margin-bottom:10px;font-weight: 500;}
	
	.about .about_section_5{margin-top:100px;margin-bottom:60px;}
	.about .about_section_5 h3{font-size:16px;letter-spacing: -0.11px;margin-top:30px;text-transform: uppercase;}
    .about .about_section_5 .clients_list{margin-top:50px;}
	.about .about_section_5 .clients_list p{margin:0;display: inline;}
	.about .about_section_5 .clients_list p span{margin-bottom:40px;padding:0 20px;max-width:50%;width:50%;}
	.about .about_section_5 .clients_list span img{max-height:54px;width:100%;}

    .about .about_section_5 .clients_list p span:first-child{width:54px;padding:0;}
    .about .about_section_5 .clients_list p span:first-child + span{width:218px;margin-left:35px;padding:0;max-width:100%}
    .about .about_section_5 .clients_list p span:first-child + span img,
    .about .about_section_5 .clients_list p span:first-child + span + span img{max-height: inherit;}

    .about .about_section_5 .clients_list p + p span:first-child{width:67px;}
    .about .about_section_5 .clients_list p + p span:first-child + span{width:129px;margin-left:35px;}
    .about .about_section_5 .clients_list p + p span:first-child img,
    .about .about_section_5 .clients_list p + p span:first-child + span img{max-height: inherit;}

    .about .about_section_5 .clients_list p + p + p span:first-child{width:148px;}
    .about .about_section_5 .clients_list p + p + p span:first-child + span{width:125px;margin-left:35px;}
    .about .about_section_5 .clients_list p + p + p span:first-child img,
    .about .about_section_5 .clients_list p + p + p span:first-child + span img{max-height: inherit;}

    /* project */
    .title_box .type_select .total{left:0;right:auto;top:5px;text-align: left;}
    .filter_wrapper ul{margin-left:0;}
    .filter_wrapper ul li{width:100%;padding-left:0;height:auto;margin-bottom:0;}
    /*.filter_wrapper .filter_list,*/
    .filter_wrapper.on .filter_list{height:auto;overflow: auto;margin-top:0px;opacity: 1;}
    /* .filter_wrapper .filter_btn{font-weight: 600;} */
    .filter_wrapper .filter_btn::before{}
    .filter_wrapper .filter_btn::before,
    .filter_wrapper .filter_btn::after{margin-top:2px;}
    /* .filter_wrapper .filter_btn::after{content:none} */
   
    .filter_wrapper.on .filter_list li{-webkit-animation: none;animation: none;}
    /*.filter_wrapper.on ul li .filter-select ul.select_list{max-height:190px;overflow-y: auto;height:auto;padding:10px;border:1px #000 solid;top:-1px;
    -webkit-animation-timing-function: ease;
    -webkit-animation-duration: .5s;
    -webkit-animation-name: fadeInTop;
    animation-timing-function: ease;
    animation-duration: .5s;
    animation-name: fadeInTop;}*/
    .filter_wrapper.on ul li .filter-select ul.select_list li{height: auto;opacity: 1;overflow: visible;}
    .filter_wrapper ul li ul.select_list{padding:0;border: 0;}
    .filter_wrapper ul li ul.select_list li,
    .filter_wrapper.on ul li ul.select_list li{height:0;opacity: 0;overflow: hidden;}
	
    .filter_wrapper ul li .filter-select.on ul.select_list li{height: auto;opacity: 1;overflow: visible;}
    .filter_wrapper ul li .filter-select .filter_item{font-size:14px;padding-bottom:4px;border-bottom:1px #000 solid;position: relative;font-weight: 500;padding-top:20px;}
    .filter_wrapper ul li .filter-select .filter_item:active{transform: none;}
    .filter_wrapper ul li .filter-select.on .filter_item{}
    .filter_wrapper ul li .filter-select .filter_item:after{content:'';display: block;top:auto; width:10px;height:10px;border-left:1px #000 solid;border-bottom:1px #000 solid;position: absolute;right:4px;bottom:10px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .filter_wrapper ul li .filter-select.on .filter_item:after{bottom:5px;top:auto;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    .filter_wrapper ul li .filter-select.on ul.select_list{ border:1px #000 solid;padding:10px;box-sizing: border-box;}

    .project_list.type_thumb{margin-left:0;}
    .project_list.type_thumb .grid_item{padding-left:0;padding-bottom:25px;width:100%;}
	.project_list.type_thumb .grid_item a strong{font-weight: 500;}

    .project_list.type_list .grid_item{padding-right: 0;font-size:0;padding-bottom:10px;border-bottom:1px #e1251b solid;}
    .project_list.type_list .grid_item a strong{font-size:18px;height:52px;font-weight: 500;}
    .project_list.type_list .grid_item em,
    .project_list.type_list .grid_item span{width:50%;display: inline-block;position: relative;transform: none;right: 0;}
    
	
	
    /* project detail */
    .project_detail .page_title{font-size:20px;line-height: 1.5;margin-bottom:30px;}
    .project_detail .detail_visual{position: relative;overflow: hidden;height:400px;}
    .project_detail .detail_visual img{position: absolute;width:100%;height: 100%;-o-object-fit: cover;object-fit: cover;left:0;top:0;}
    .project_detail .detail_info{padding-right: 20px;margin-top:30px;}
    .project_detail .detail_info .description{position: relative;width:100%;font-size:14px;line-height: 1.57;left:0;}
    .project_detail .detail_info .project_info{margin-top:100px;position: relative;width:100%;right:0;}
    .project_detail .detail_info .project_info dl{margin-bottom:14px;}
    .project_detail .detail_info .project_info dl dt{font-size:14px;margin-bottom:3px;}
    .project_detail .detail_info .project_info dl dd{font-size: 14px;line-height: 1.57;}

    .project_detail .project_addInfo{padding:0 20px; padding-top:30px;}

	.project_detail .project_addInfo.theme_5 i,
	.project_detail .project_addInfo.theme_5 em,
	.project_detail .project_addInfo.theme_6 i,
	.project_detail .project_addInfo.theme_6 em{display:block;;width:100%;margin: 0;}
	.project_detail .project_addInfo.theme_5 em,
	.project_detail .project_addInfo.theme_6 em{margin-top:30px;}
    .project_detail .project_addInfo.theme_7, 
    .project_detail .project_addInfo.theme_8{font-size:14px;}
    .project_detail .project_addInfo.theme_7 span{width:100%;}
    .project_detail .project_addInfo.theme_8 span{width:100%;text-align: left;}

    
    /* people */
    .people{}
    .people .page_title{font-size:20px;line-height: 1.5;margin-bottom: 50px;padding-top:0;}
    .people .people_list{position: relative;margin-left:-13px;padding-bottom:60px;}
    .people .people_list li{width:33.333%;padding-left:13px;margin-bottom:42px;}
    .people .people_list li i.img_wrap{/*height:240px;*/}
    .people .people_list li strong{font-size:14px;line-height: 2.14;margin-top:10px;margin-bottom:0;}
    .people .people_list li a,
    .people .people_list li span{font-size:14px;line-height: 1.79;}

     /* news */
    .news .inner{padding:0;}
    .news .page_title{font-size:20px;margin-bottom:50px;box-sizing: border-box;padding:0 20px;}
    .news .news_list{padding-bottom: 90px;}
    .news .news_list li{padding:20px;margin-bottom:10px;}
    .news .news_list li .news_box{padding-left:0;height:auto}
    .news .news_list li .news_box em{font-size:14px;margin:10px 0;}
    .news .news_list li .news_box .img_wrap{width:100%;height:280px;position: relative;display: block;}
    .news .news_list li .news_box h5{-webkit-line-clamp: 3;font-size:16px;margin-bottom:10px;}
    .news .news_list li .news_box .news_thumbTxt{-webkit-line-clamp: 2;}

    .news .news_list li .news_box .news_thumbTxt p,
    .news .news_list li .news_box .news_thumbTxt div,
    .news .news_list li .news_box .news_thumbTxt blockquote,
    .news .news_list li .news_box .news_thumbTxt ol,
    .news .news_list li .news_box .news_thumbTxt ol li,
    .news .news_list li .news_box .news_thumbTxt span{font-size:16px;}
    .news .news_list li .news_box span{font-size:16px;}
    

    /* news detail */
	.news_detail .page_title{margin-top:0;}
    .news_detail .page_title em{font-size:14px;}
    .news_detail .page_title .img_wrap{height:300px;}
    .news_detail .page_title strong{font-size:20px;}
	.news_detail .news_contents{padding:0 0 50px;}
    .news_detail .news_contents .news_txt{font-size:14px;}
    

    /* contact */
    .contact{}
    .contact h2{font-size:20px;font-weight: 500;line-height: 1.5;margin-bottom:50px;padding-top:0;}
    .contact .contact_form{padding-right:0;margin-bottom:100px;}
    .contact .contact_form dl{margin-bottom:10px;}
    .contact .contact_form .grid_2{margin-left:-5px;}
    .contact .contact_form .grid_2 dl{padding-left:5px;}
    .contact .contact_form dl dt{margin-bottom:3px;font-size:12px;line-height: 18px;font-weight: 500}
    .contact .contact_form dl input{height:45px;line-height: 45px;}
    .contact .contact_form dl textarea{height:230px;}
    .contact .btn_submit{width:100%;margin-top:30px;height:45px;line-height: 43px;border-width: 1.5px;font-weight: 500;}
    .contact .map_info{width:100%;position: relative;top:0;right:0;margin-top:20px;display: none;}
    .contact .map_info h5{font-size:12px}
    .contact .map_info .map_wrap{margin-top: 25px;}
}

@media only screen and (max-width:480px) {

	/* main */
	.main .main_slider .img_wrap{height: 250px;}

    /* about */
    .about br{display:block}
    .about{letter-spacing: -0.3px;}
    .about .about_section_5 .clients_list p span:first-child + span,
    .about .about_section_5 .clients_list p + p span:first-child + span,
    .about .about_section_5 .clients_list p + p + p span:first-child + span{margin-left:20px;}
    .about .about_section_2 h5 span i{display: block;}

    /* project detail */
    .project_detail .detail_visual{height:250px;}

    /* people */
    .people{}
    .people .page_title{font-size:20px;line-height: 1.5;margin-bottom: 50px;}
    .people .page_title br{display: none;}
    .people .page_title span{display: block;}
    .people .people_list{position: relative;margin-left:-13px;padding-bottom:100px;}
    .people .people_list li{width:50%;padding-left:13px;}
    /*.people .people_list li i.img_wrap{height:204px;}*/
    .people .people_list li strong{font-size:14px;line-height: 2.14;margin-top:10px;margin-bottom:0;}
    .people .people_list li a,
    .people .people_list li span{font-size:14px;line-height: 1.79;}

     /* news */
    .news .news_list li .news_box .img_wrap{height:188px;}

    /* news detail */
    .news_detail .page_title .img_wrap{height:250px;}

    /* contact */
    .contact{}
    
}