@import url('/css/reset.css');
@import url('/css/font.css');
.fusion-post-content p, .post-content p{margin: 0}
.table{margin-bottom: 0}
.fusion-title{margin-bottom: 0 !important}


.ls-wrapper.ls-loop{width: 100% !important; height: 100% !important}
.project-content .fusion-project-description-details{margin-bottom: 0}

 .uppercase{text-transform: uppercase !important}


body{height: inherit !important}

#main, #slidingbar, .fusion-footer-copyright-area, .fusion-footer-widget-area, .fusion-page-title-bar, .fusion-secondary-header, .header-v4 #small-nav, .header-v5 #small-nav, .sticky-header .sticky-shadow, .tfs-slider .slide-content-container{
  padding-left: 0; padding-right: 0
}

.fusion-footer-widget-column{margin-bottom: 0}

.white_t, .sub_vtit.white_t h1{color: #fff !important}
.point_t{color: #f37043 !important}


.mv_container.sl01 .text{font-family: 'Nanum Barun Gothic', sans-serif;}





.none{display: none !important}


.post-content h1,#nav ul li ul li a, #reviews #comments > h2, #sticky-nav ul li ul li a, #wrapper #nav ul li ul li > a, #wrapper #sticky-nav ul li ul li > a, .avada-container h3, .comment-form input[type="submit"], .ei-title h3, .fusion-blog-shortcode .fusion-timeline-date, .fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-rollover-categories, .fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-rollover-title, .fusion-image-wrapper .fusion-rollover .fusion-rollover-content .price, .fusion-image-wrapper .fusion-rollover .fusion-rollover-content a, .fusion-load-more-button, .fusion-main-menu .sub-menu, .fusion-main-menu .sub-menu li a, .fusion-megamenu-widgets-container, .fusion-megamenu-wrapper .fusion-megamenu-submenu > a:hover, .fusion-megamenu-wrapper li .fusion-megamenu-title-disabled, .fusion-page-title-bar h3, .gform_page_footer input[type=button], .meta .fusion-date, .more, .post-content blockquote, .review blockquote div strong, .review blockquote q, .ticket-selector-submit-btn[type=submit], body, #main .post h2, #main .reading-box h2, #main h2, .ei-title h2, .fusion-modal h2, .fusion-title h2, .fusion-widget-area h2, .main-flex .slide-content h2, .post-content h2, .title h2{
  font-family: 'Montserrat', 'Noto Sans KR';
}


#recruit_info .text,.recruit_text, .recruit_box_tit{
  font-family: 'Noto Sans KR';
}



/* #custom_header{background: #ccc} */
#custom_header{position: fixed; width: 100%; height: 90px; transition: all 0.3s}
#custom_header .logo_div{position: absolute; left: 70px; top: 50px; transition: all 0.3s; width: 161px}
#custom_header .logo_div img{transition: 0.3s; width: 100%}
#custom_header .logo_link{position: relative; display: block; width: 161px; height: 33px}
#custom_header .logo_link img{position: absolute; opacity: 0; transition: all 0.3s; left: 0; top: 0}
#custom_header .logo_link img.on{opacity: 1; transition: all 0.3s}

.m_nav_bt{display: none}
.m_nav{display: none}
.m_close_bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%}
html.m_open{overflow: hidden}
.m_nav_bt{display: block; position: absolute; right: 70px; top: 45px; transition: all 0.3s}
.m_nav_bt>a{display: block; width: 50px ; height: 50px; overflow: hidden; position: relative; z-index: 9999999}
/* #custom_header.on .m_nav_bt{transition: all 0.5s} */
.m_line{position: absolute;width: 100%; height: 2px; background: #fff}
.m_line.line_top{top: 15px; transition: all 0.3s;}




.m_line.line_mid{top: 50%; margin-top: -2px; opacity: 1; transition: all 0.3s}
.m_line.line_bot{bottom: 16px; transition: all 0.3s;}

.m_nav_bt.on{margin-top: 3px}
.m_nav_bt.on .m_line.line_top{top: 50% !important;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all 0.5s;
}
.m_nav_bt.on .m_line.line_mid{opacity: 0; transition: all 0.3s;}
.m_nav_bt.on .m_line.line_bot{top: 50% !important;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(-45deg);
    transition: all 0.5s;
}
.m_nav_bt.on>a{width: 50px; height: 50px; transition: all 0.3s}
.m_nav_bt.on>a>.m_line{background: #fff !important}


/* .visual_none #wrapper .fusion-widget-area .current-menu-item > a, .visual_none #wrapper .fusion-widget-area .current_page_item > a{color: #000} */
.visual_none .fusion-footer-widget-area a{color: #000}
/* .visual_none .logo_link .sticky{opacity: 1 !important} */
.visual_none #wrapper .fusion-widget-area .current-menu-item > a,.visual_none #wrapper .fusion-widget-area .current_page_item > a,.visual_none .fusion-footer-widget-area a:hover{color: #f37043 !important}
.visual_none .m_line{background: #000}

/* #custom_header.sticky{background: #fff; height: 120px}
#custom_header.sticky .logo_div{top: 78px}

#custom_header.sticky .m_nav_bt{top: 76px}
#custom_header.sticky .m_line{background: #000}
.menu-widget_nav-container a{transition: all 0.5s}
.menu-widget_nav-container.sticky{top: 88px}
.menu-widget_nav-container.sticky a{color: #000} */

#custom_header.sticky{background: #222; height: 80px;
  /* -webkit-box-shadow: 0px 0px 10px #ccc;
  -moz-box-shadow: 0px 0px 10px #ccc;
  box-shadow: 0px 0px 10px #ccc; */
}
#custom_header.sticky .m_line.line_top{top: 17px; transition: all 0.3s;}
#custom_header.sticky .m_line.line_bot{bottom: 19px; transition: all 0.3s;}
#custom_header.sticky .logo_div{top: 25px}
#custom_header.sticky .logo_div img{width: 75%}
#custom_header.sticky .m_nav_bt{top: 15px}
#custom_header.sticky .m_line{background: #fff}


/* .menu-widget_nav-container a{transition: all 0.5s}
.menu-widget_nav-container.sticky{top: 20px}
.menu-widget_nav-container.sticky a{color: #000 !important}
.menu-widget_nav-container.sticky a:hover{color: #000 !important} */


.brief_down{position: absolute; right: 155px; top: 52px; transition: all 0.3s}
.brief_down a{font-size: 14px; font-weight: bold; color: #fff}
.visual_none .brief_down a{color: #000}
.brief_down a span{font-size: 24px; position: relative; top: 2px; margin-right: 5px}
.brief_down a p{display: inline;}
#custom_header.sticky .brief_down{top: 21px}
#custom_header.sticky .brief_down a{color: #fff !important}
/* #custom_header .header_dbt{right: 88px}
#custom_header .header_dbt a{width: auto; border: none}
.header_dbt a span.lnr {padding-right: 0}
#custom_header .header_dbt a:hover{background-color: transparent; border-color: transparent; color: #000; transition: none}
.fusion-mobile-menu-design-modern.fusion-header-v1 .fusion-main-menu.fusion-sticky-menu{display: none}
.fusion-mobile-menu-icons{display: none !important} */
/*  m네비  */
.m_nav{position: fixed; left: 0; top: 0; width: 100%; height: 100%; text-align: center; display: block; visibility: hidden; z-index: 999999}
.m_nav_bt.on .m_nav{visibility: visible}
.m_nav_sldown{height: 100%; overflow: hidden; opacity: 1}
.m_nav_bt .m_nav_sldown ul li{overflow: hidden}
.m_nav_bt .m_nav_sldown ul li a{position: relative; top: 50px; opacity: 0}
.m_nav_bt.on .m_nav_sldown ul li a{top: 0px; opacity: 1; transition: all 1.4s}
.m_nav .m_nav_in{display: table; width: 100%; height: 100%}
.nav_center{display: table-cell; vertical-align: middle}
.m_nav a{color: #fff !important; font-weight: 100}
.m_nav a span{font-size: 45px}
.m_nav .m_nav_bg{position: absolute; top: 100%; left: 0; width: 100%; height: 150%; padding-bottom: 200px; box-sizing: content-box; background: #000; opacity: 0.8; z-index: -1; opacity: 0;transition: all 0.5s}
.m_nav_bt.on .m_nav .m_nav_bg{top: 0; opacity: 0.9; transition: all 0.5s}
.single-avada_portfolio .current-menu-item.current_page_item a, .current-menu-item a, .current_page_item a{color: #fff !important}
.m_nav li a::after{content: ""; position: absolute; border-bottom: 1px solid transparent; width: 100%; left: 0; top: 50%}
.m_nav li.current-menu-item.current_page_item a::after, .m_nav li.current-menu-item a::after, .m_nav li.current_page_item a::after{content: ""; position: absolute; border-bottom: 1px solid #fff; width: 100%; left: 0; top: 50%}
.m_nav li a:focus::after{content: ""; position: absolute; border-bottom: 1px solid #fff; width: 100%; left: 0; top: 50%}
/*  sns  */
/* .m_sns{overflow: hidden; width: 153px; margin: 0 auto 0 auto}
.m_sns>div{float: left; margin: 0 7px; position: relative; top: 50px}
.m_nav_bt.on .m_sns>div{top: 0; transition: all 1.4s}
.m_sns>div a{display: block; height: 100%; border: 2px solid #fff; border-radius: 8px; opacity: 0.4; transition: all 0.5s}
.m_sns>div a:hover{opacity: 1; transition: all 0.5s}
.m_sns>div img{width: 33px; height: 33px; display: block} */


/* .menu-widget_nav-container{position: fixed; top: 103px; right: 225px; z-index: 99999; transition: all 0.5s}
.menu-widget_nav-container ul{overflow: hidden;}
.menu-widget_nav-container ul li{display: block; float: left; padding: 0 !important; border-bottom: none !important; margin-left: 43px}
.menu-widget_nav-container ul li a::before{display: none !important}
.menu-widget_nav-container ul li a{font-size: 17px; font-weight: 700; letter-spacing: 0.5px} */

/* .cs_main_nav{float: right; padding-right: 70px; padding-top: 57px; transition: all 0.5s}
.cs_main_nav ul{overflow: hidden;}
.cs_main_nav ul li{display: block; float: left; border-bottom: none !important; padding: 0 21.5px; position: relative;}
.cs_main_nav ul li:last-child{padding-right: 0}
.cs_main_nav ul li::after{content: ""; width: 5px; height: 5px; background: #f37043; position: absolute; right: 0; top: 50%; margin-top: -2.5px; border-radius: 50%}
.cs_main_nav ul li:last-child::after{display: none}
.cs_main_nav ul li a{font-size: 17px; font-weight: 700; letter-spacing: 0.5px; color: #fff; text-transform: uppercase; transition: all 0.5s}
.visual_none .cs_main_nav ul li a{color: #000}
.sticky .cs_main_nav{padding-top: 13px}
.sticky .cs_main_nav ul li a{color: #000} */

.cs_main_nav{padding: 0 70px}
.cs_main_nav #menu-main_nav-1>li{margin-bottom: 50px}
.cs_main_nav #menu-main_nav-1>li:last-child{margin-bottom: 0}
.cs_main_nav #menu-main_nav-1>li>a{display: inline-block; position: relative; font-size: 43px; line-height: 1; margin-bottom: 15px; padding: 0 25px; overflow: hidden; font-weight: 700}
.cs_main_nav #menu-main_nav-1>li:last-child>a{margin-bottom: 0}
.cs_main_nav #menu-main_nav-1>li>a::after{content: ""; position: absolute; right: 0; top: 50%; margin-top: -1.5px; width: 55px !important; height: 3px !important; background: #7a7a7a; transition: all 0.5s}

.cs_main_nav #menu-main_nav-1>li>a:hover::after, .cs_main_nav #menu-main_nav-1>li.current-menu-item>a::after, .cs_main_nav #menu-main_nav-1>li.current-menu-item>a::after, .cs_main_nav #menu-main_nav-1>li.current-menu-parent>a::after, .single-avada_portfolio .cs_main_nav #menu-main_nav-1>li.pf_works>a::after{right: -100px}


.cs_main_nav #menu-main_nav-1>li>a::before{content: ""; position: absolute; left: -100px; top: 50%; margin-top: -1.5px; width: 55px !important; height: 3px !important; background: #f37043; transition: all 0.5s}

.cs_main_nav #menu-main_nav-1>li>a:hover::before, .cs_main_nav #menu-main_nav-1>li.current-menu-item>a::before, .cs_main_nav #menu-main_nav-1>li.current-menu-item>a::before, .cs_main_nav #menu-main_nav-1>li.current-menu-parent>a::before,  .single-avada_portfolio .cs_main_nav #menu-main_nav-1>li.pf_works>a::before{left: 0}

.m_nav li a::after{border-bottom: none !important; left: inherit !important}
.cs_main_nav #menu-main_nav-1>li ul{font-size: 0; margin: 0 -11px; overflow: hidden;}
.cs_main_nav #menu-main_nav-1>li ul li{display: inline-block; font-size: 0; padding: 0 11px}
.cs_main_nav #menu-main_nav-1>li ul li a{font-size: 18px; font-weight: 600; color: #fff !important; opacity: 0.5}
.cs_main_nav #menu-main_nav-1>li ul li a:hover,.cs_main_nav #menu-main_nav-1>li ul li a:focus{opacity: 1}
.cs_main_nav #menu-main_nav-1 a{text-transform: uppercase}

.current-avada_portfolio-ancestor.current-menu-parent.current-avada_portfolio-parent  a,.single-avada_portfolio .current-menu-item.current_page_item a, .page .current_page_item a{color: #fff !important; opacity: 1 !important}

.page-id-13.page .current_page_item .sub-menu a{opacity: 0.5 !important}

.archive .current-menu-item a{opacity: 1 !important}





#main_visual{position: relative; min-height: 600px}
.lswp-notification.info{display: none !important}
#layerslider_1{margin: 0 !important}
/* 아이폰 */
.ls-parallax, .ls-z{height: 100% !important; width: 100% !important}


.ls-wrapper.ls-in-out, .ls-layer{width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important}
.mv_container{display: table; width: 100%; height: 100%}
.mv_container .table_cell{display: table-cell; vertical-align: middle;}

.mv_container .table_cell .mv_container_in{vertical-align: top; max-width: 1590px; margin-left: auto; margin-right: auto; padding: 0 180px}

.mv_container.sl01 .tit{font-size: 70px; font-weight: 800; line-height: 1.2; padding-bottom: 28px}

.mv_container.sl01 .text{font-size: 19.5px; font-weight: 300; line-height: 1.2; letter-spacing: 0.2px}
.mv_container .line{width: 127px; height: 2px; margin-top: 57px}
.mv_container .line.red{background: #f37043}

.mv_container.sl02{text-align: center; margin-top: -25px}
.mv_container.sl02 img{vertical-align: top}

.mv_container.sl03 .mask_div{position: relative; display: inline-block;  margin-top: 55px; padding: 0 55px; width: 0}
.mv_container.sl03 .mask_div.on{width: 659px; transition: all 0.5s}

.mv_container.sl03 .mask{position: absolute; top: 0; font-size: 55.5px; font-weight: 300; color: #fff; font-family: 'Noto Sans KR'; line-height: 1; opacity: 0}
.mv_container.sl03 .mask.on{opacity: 1; transition: all 0.5s}
.mv_container.sl03 .mask.left{left: 0}
.mv_container.sl03 .mask.right{right: 0}
.mv_container.sl03 .mask_in p{font-size: 24px; color: #fff; letter-spacing: -0.2px; line-height: 1.4; opacity: 0}
.mv_container.sl03 .mask_in.on p{opacity: 1; transition: all 0.5s}

.mv_container .img_div{display: inline-block}
.mv_container.sl02 .img_div{width: 455px}
.mv_container.sl02 .img_div img{width: 100%}
.mv_container.sl03{text-align: center;}
.mv_container.sl03 .img_div{width: 120px}
.mv_container.sl03 .img_div img{width: 100%}
/* menu-item-282 */
/* .mv_container.sl03 .tit{font-family: 'Nanum Myeongjo', serif; font-size: 54px; letter-spacing: -1px; line-height: 1.3; text-align: right}
.mv_container.sl03 .text{font-size: 28px; font-weight: 100; letter-spacing: -1.5px; line-height: 1.4} */

/* .mv_container.sl03 .mv_container_in{overflow: hidden;} */
/* .mv_container.sl03 .left{float: left; width: 31.2%; padding-right: 35px; position: relative;}
.mv_container.sl03 .left::after{content: ""; position: absolute; right: 0; width: 1px; height: 100%; background: rgba(255,255,255,0.3)}
.mv_container.sl03 .right{float: right; width: 68.8%; padding-left: 35px; position: relative; top: 5px} */

/* .mv_container.sl03 p{
    -webkit-text-shadow: 0px 0px 3px #000;
    -moz-text-shadow: 0px 0px 3px #000;
    text-shadow: 0px 0px 3px #000;
} */
.control_bt{position: absolute; top: 50%; margin-top: -23.5px; z-index: 100; width: 100%; height: 0}
.control_bt ul li a{display: block; width: 47px; height: 47px; background: no-repeat; text-indent: -9999px; overflow: hidden; position: absolute;}

.control_bt ul li a.prev{background-image: url(/img/prev_bt.png); left: 30px}
.control_bt ul li a.next{background-image: url(/img/next_bt.png); right: 30px}
.control_bt ul li a{-webkit-transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
   -moz-transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
     -o-transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
        transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */

-webkit-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
   -moz-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
     -o-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
        transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */
}


.control_bt.on ul li a.prev{left: 70px}
.control_bt.on ul li a.next{right: 70px}



.mv_container.sl01 .tit .front, .mv_container.sl01 .tit .back,.mv_container.sl03 .tit, .mv_container .text, .mv_container .line, .mv_container .img_div{opacity: 0; position: relative; bottom: -50px}
.mv_container.sl03 .left::after{opacity: 0; bottom: -50px}
/* .mv_container .img{opacity: 0; transition: all 0.5s} */
/* .mv_container.sl03 .left::after{opacity: 0; transition: all 0.5s} */

.mv_container.sl01 .tit .front.on, .mv_container.sl01 .tit .back.on, .mv_container .tit.on, .mv_container .text.on, .mv_container .line.on, .mv_container .img_div.on, .mv_container.sl03 .left.on::after{opacity: 1; bottom: 0;

  -webkit-transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
     -moz-transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
       -o-transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
          transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */

  -webkit-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
     -moz-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
       -o-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
          transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */

}
/* .mv_container .img{opacity: 1} */
/* .mv_container.sl03.on .left::after{opacity: 1} */





.down_bt{position: absolute; left: 50%; bottom: 70px; z-index: 100; margin-left: -21.5px}
.down_bt a{display: block; width: 43px; height: 31px; background: url(/img/down_bt.png) no-repeat; overflow: hidden; text-indent: -9999px}

.down_bt a{position: relative;
animation-name:updown;
animation-duration:1s;
animation-iteration-count:infinite;
animation-direction:alternate;
animation-timing-function:ease-in-out;
}
@keyframes updown {
	from {
background-position: top center;
	}
	50% {
	background-position: bottom center;
	}
	to {
background-position: top center;
	}
}











.section .left .tit{padding-bottom: 0 !important; line-height: 1 !important}
.section .left .tit h2{font-size: 40px !important; font-weight: 900 !important; line-height: 1 !important}
.section .left .s_tit{font-size: 12px; font-weight: 600; letter-spacing: 5px; color: #b8b8b8; padding-top: 5px}
.section .left .line{width: 64px; height: 3px; background: #000; margin-top: 55px; margin-bottom: 55px}

.section .right{padding-left: 35px !important}
.section .right .text.top{font-size: 20px; line-height: 1.75; letter-spacing: -0.6px}
.section .right .text.top b{font-weight: 700}
/* .section .right .text.en{font-size: 14px; font-family: 'Noto Sans KR'; font-weight: 300; letter-spacing: 0.6px} */
.section .right .text.en{font-size: 14px; font-weight: 300}

.pb30{padding-bottom: 30px}


.fusion-portfolio-content-wrapper .fusion-image-wrapper{font-size: 0}
/* #main_pf .fusion-portfolio-content-wrapper .fusion-image-wrapper img{width: 100%; height: auto;}
#main_pf .fusion-portfolio-buttons{display: none !important}
#main_pf .fusion-rollover-link,#main_pf .fusion-separator.sep-double{display: none !important}
#main_pf .fusion-portfolio-one .fusion-image-wrapper{margin-bottom: 0}
#main_pf .fusion-rollover-content{width: 100%; height: 100%; padding: 0}
#main_pf .fusion-portfolio-content{display: none}
#main_pf .mpf_text{position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; padding: 0 72px; z-index: 100}
#main_pf .table_div{display: table; width: 100%; height: 100%}
#main_pf .mpf_text .table_cell{display: table-cell; vertical-align: middle;}
#main_pf .category{font-size: 14px; font-weight: 600; color: #f37043; line-height: 1.3; padding-bottom: 1px}
#main_pf .tit{font-size: 32px;  color: #fff; line-height: 1.3; padding-bottom: 42px}
#main_pf .date{display: inline-block; font-size: 14px; font-weight: 700; font-family: 'Titillium Web', sans-serif; color: #fff; letter-spacing: 0.7px; line-height: 1.3; border-bottom: 1px solid #827b78} */




.fusion-portfolio{text-align: center;}
.fusion-portfolio article{text-align: left;}

.fusion-portfolio-content-wrapper .fusion-image-wrapper img{width: 100%; height: auto;}
.fusion-portfolio-buttons{display: none !important}
.fusion-rollover-link, .fusion-separator.sep-double{display: none !important}
.fusion-portfolio-one .fusion-image-wrapper{margin-bottom: 0}
.fusion-rollover-content{width: 100%; height: 100%; padding: 0}
.fusion-portfolio-content{display: none}
.mpf_text{position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: 100; padding: 44px 40px; opacity: 0; transition: all 0.5s; border: 6px solid transparent}
.mpf_text:hover{opacity: 1; border-color: #f37043}
.home .mpf_text{border: none}
.home .mpf_text:hover{opacity: 1; border-color: transparent}
#main_pf .mpf_text{padding: 0 70px; opacity: 1}
.table_div{display: table; width: 100%; height: 100%}
.mpf_text .table_cell{display: table-cell; vertical-align: bottom;}
#main_pf .mpf_text .table_cell{vertical-align: middle;}
.category{font-size: 14px; font-weight: 600; color: #f37043; line-height: 1.3; padding-bottom: 1px}
.tit{font-size: 25.6px;  color: #fff; line-height: 1.3; padding-bottom: 25px}
#main_pf .tit{font-size: 32px; padding-bottom: 42px}
.date{display: inline-block; font-size: 12px; font-weight: 400; font-family: 'Titillium Web', sans-serif; color: #fff; letter-spacing: 0; line-height: 1.3; border-bottom: 1px solid #fff}
#main_pf .date{font-size: 14px; font-weight: 700; letter-spacing: 0.7px; border-bottom: 1px solid #827b78}
#main_pf .fusion-image-wrapper{width: 100%}
#main_pf .fusion-image-wrapper img{width: 100%; height: auto;}
.fusion-filters{padding: 70px 0; margin-bottom: 0}
.fusion-filters li a{line-height: 1.7 !important}
.fusion-filter{float: none; display: inline-block; position: relative; padding: 0 20px; margin-right: 0}
.fusion-filter:first-child{padding-left: 0}
.fusion-filter:last-child{padding-right: 0}
.fusion-filter::after{content: ""; position: absolute; top: 50%; right: 0; margin-top: -1.5px; width: 3px; height: 3px; background: #828384}
.fusion-filter:last-child{margin-right: 0}
.fusion-filter:last-child::after{display: none}
.fusion-filter a{font-size: 18px; font-weight: 700; border-top: none}
.fusion-filter.fusion-active a{border-top: none; border-bottom: 2px solid #f37043}
.fusion-load-more-button.fusion-portfolio-button{background-color: transparent !important; filter: none !important; font-size: 20px !important; font-weight: 600 !important; display: inline-block !important; border-bottom: 3px solid #000 !important; text-transform: none !important; line-height: 1 !important; height: auto !important; padding: 0 34px 10px 34px!important; margin-top: 70px !important}




.info{margin-top: 37px}
.info .info_top{overflow: hidden; margin-bottom: 4px}
.info .phone{float: left; margin-right: 21px}
.info .phone a{}
.info .fax{float: left;}
.info .email a{color: #f37043}
.info .phone a,.info .fax,.info .email a{font-size: 15.7px}



.fusion-filters{border-bottom: none; border-top: none}

.fusion-portfolio-post .fusion-image-wrapper img{width: auto !important; height: 430px !important; max-width: none !important; transition: all 0.5s}
.fusion-portfolio-post:hover .fusion-image-wrapper img{transform: scale(1.1)}
#main_pf .fusion-portfolio-post .fusion-image-wrapper img{width: 100% !important; height: auto !important; max-width: 100% !important}


.maxwidth>div{max-width: 1370px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 70px !important; padding-right: 70px !important}
.maxwidth_ver2{max-width: 1370px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 70px !important; padding-right: 70px !important}
.pad_top{padding-top: 165px !important}
.pad_bot{padding-bottom: 165px !important}
.mar_top{margin-top: 120px}
.tax-portfolio_category .fusion-portfolio>div{max-width: 1240px; margin: 0 auto; padding-left: 25px; padding-right: 25px}







#sub_visual{height: 550px; display: table; width: 100%; background-attachment: fixed !important; background-size: auto 550px !important; background-position: top center !important; background-color: transparent !important}
#sub_visual.pf_archive{background: #000; background-image: url(/img/img_portfolio.jpg); background-attachment: fixed !important; background-size: auto 550px !important; background-position: top center !important; background-color: transparent !important; background-repeat: no-repeat !important}
@media only screen and (min-width:1921px) {
  #sub_visual, #sub_visual.pf_archive{background-size: 100% !important;}
}
#sub_visual>div{display: table-cell; vertical-align: middle;}
#sub_visual.none_visual{margin-top: 120px}


#sub_visual{transform: scale(1.2); position: relative; z-index: 1; transition: all 0.4s}
#sub_visual.on{transform: scale(1)}
.content_first{background: #fff !important; position: relative; z-index: 5}



.sub_vtit h1{font-size: 40px !important; font-weight: 800 !important; line-height: 1 !important; padding-bottom: 5px !important; opacity: 0; position: relative; bottom: -30px}
.sub_vtext{font-size: 12px; font-weight: 600; color: #dbdbdb; letter-spacing: 2.4px; opacity: 0; position: relative; bottom: -30px}
#sub_visual .fusion-title{overflow: visible !important}


.fusion-portfolio-wrapper{margin: 0 -7px !important}
.home .fusion-portfolio-wrapper{margin: 0 0 !important}
.home .fusion-portfolio-wrapper article{padding: 0 !important}
/*  recruit  */

.recruit_tit{font-size: 48px; font-weight: 300; line-height: 1.2; padding-bottom: 63px}
.recruit_tit b{font-weight: 400}

/* .recruit_text{font-size: 16px; letter-spacing: -0.4px; line-height: 1.9}
.img20th{position: absolute; right: 0; bottom: 0; opacity: 0.1}
#recruit_info{}
#recruit_info .info_box{width: 25% !important; margin-right: 0 !important; height: 163px; margin-bottom: 59px !important}
#recruit_info .info_box.box5{margin-bottom: 0 !important; height: auto;}
#recruit_info .info_tit{font-size: 19px; position: relative; letter-spacing: -2px; padding-bottom: 19px}
#recruit_info .info_tit::before{content: ""; position: absolute; top: -7px; left: 0; width: 30px; height: 2px; background: #000}
#recruit_info .text{letter-spacing: -0.5px; padding-bottom: 11px;}
#recruit_info .text.pb0{padding-bottom: 0}
#recruit_info .text b{font-weight: 400; color: #f37043}
#recruit_info .small_text{font-size: 12px; letter-spacing: -0.5px; padding-bottom: 11px}
#recruit_info .small_text.pb0{padding-bottom: 0}
#recruit_info .email{padding-bottom: 29px}
#recruit_info .email a{font-family: 'Montserrat'; font-size: 24px; font-weight: 700; letter-spacing: -1.3px; text-decoration: underline}
#recruit_info .email a:hover{color: #000 !important}
#recruit_info .text.url b{font-size: 16px; font-weight: 500; color: #f37043; font-family: 'Montserrat'} */


.recruit_list_info>div{border: 1px solid #ccc !important; padding: 67px 0 !important}
.recruit_list_info .right{padding-left: 43px !important}
.recruit_list_tit{font-size: 20px; font-weight: 500; padding: 0 43px 33px 43px}
.recruit_list_tit.type2{padding: 90px 43px 43px 43px}
.recruit_list_tit.last{padding: 0 0 33px 0}
.recruit_list{overflow: hidden;}
.recruit_list li{font-size: 16px; display: block; float: left; padding: 0 0 1px 69px; position: relative; letter-spacing: -1px; width: 50%}
.recruit_list li:nth-child(even){padding: 0 0 1px 49px}
.recruit_list li::before{content: ""; position: absolute; top: 11px; left: 43px; margin-top: -2px; width: 16px; height: 4px; background: #f47a35}
.recruit_list li:nth-child(even)::before{left: 21px}
.recruit_list_text{font-size: 14px;}



.recruit_ico.i01{width: 52px; margin-bottom: 16px}
.recruit_ico.i02{width: 46px; margin-bottom: 13px}
.recruit_ico.i03{width: 50px; margin-bottom: 17px}
.recruit_ico.i04{width: 35px; margin-bottom: 14px}

.recruit_ico.i05{width: 58px;margin-bottom: 16px}
.recruit_ico.i06{width: 47px; margin-bottom: 21px}
.recruit_ico.i07{width: 50px; margin-bottom: 19px}
.recruit_ico.i08{width: 44px; margin-bottom: 15px}

.recruit_ico.i09{width: 54px; margin-bottom: 18px}
.recruit_ico.i10{width: 59px; height: 42px; margin-bottom: 24px}
.recruit_ico.i11{width: 55px; margin-bottom: 23px}
.recruit_ico.i12{width: 66px; margin-bottom: 11px}

.recruit_ico.i13{width: 76px; margin-bottom: 24px}
.recruit_ico.i14{width: 45px; margin-bottom: 14px}
.recruit_ico.i15{width: 55px; margin-bottom: 13px}


/* #recruit_list_box>div{margin: -6px !important; overflow: hidden;} */

#recruit_list_box .list_box{margin-right: 0 !important; width: 25% !important; padding: 6px}
#recruit_list_box .list_box>div{border: 1px solid #ccc !important; height: 280px !important; padding: 64px 25px 0 25px}
.recruit_box_tit{font-size: 20px; letter-spacing: -0.8px; padding-bottom: 10px}
.recruit_box_text{font-size: 16px; font-weight: 500; color: #999; letter-spacing: -0.8px}


#recruit_list_box .list_box:nth-child(1), #recruit_list_box .list_box:nth-child(5), #recruit_list_box .list_box:nth-child(9), #recruit_list_box .list_box:nth-child(13){
  padding-left: 0
}
#recruit_list_box .list_box:nth-child(4), #recruit_list_box .list_box:nth-child(8), #recruit_list_box .list_box:nth-child(12), #recruit_list_box .list_box:nth-child(16){
  padding-right: 0
}
#recruit_list_box .list_box.last_list_box>div{background: #f67934; border: none !important; padding-top: 25px; padding-bottom: 25px}
.list_box.last_list_box p{color: #fff; font-size: 20px}
#recruit_list_box .list_box.last_list_box>div .table{display: table; width: 100%; height: 100%}
#recruit_list_box .list_box.last_list_box>div .table_cell{display: table-cell;; vertical-align: middle;}

/* history */

/* .history_div ul{padding-top: 30px} */
.history_div .line{width: 1px; height: 65px; margin: 0 auto; background: #666}
.history_list{font-size: 22px; font-weight: 500; position: relative; overflow: hidden; padding-left: 25px; padding-right: 25px}
.history_list::before{content: ""; display: block; width: 1px; height: 60px; margin: 58px auto 43px auto; background: #ccc}
.history_list.first::before{margin-top: 0}
.history_list b{font-size: 60px; display: block;}
.history_list b span{font-weight: 400;}
.history_list span{font-weight: 400;color:#333}
.history_list .back_text{position: absolute; font-size: 40px; font-weight: 800; z-index: -1; opacity: 1; margin-top: -54px;color:#e6e6e6;
height: 1.5em; overflow:hidden; width: 100%
}


.history_list.list_num1 .back_text,.history_list.list_num7 .back_text{left: 60.5%}
.history_list.list_num2 .back_text, .history_list.list_num6 .back_text{left: 50%}
.history_list.list_num3 .back_text, .history_list.list_num5 .back_text{left: 40.5%}
.history_list.list_num4 .back_text{left: 21%}
.history_list.list_num8 .back_text{left: 81%;}


#toTop{width: 55px; height: 55px; border-radius: 50%; background: #fff !important; border: 1px solid #000; right: 40px; bottom: 40px}
#toTop:before{color: #000 !important; line-height: 50px !important}


/* pf_detail */
.single-navigation{display: none}
.single-avada_portfolio .project-content h3,.single-avada_portfolio .project-content .project-info, #summary_box{display: none}

.pf_arrow_div{position: absolute; top: 50%; width: 100%; height: 0; margin-top: -28.5px}
.pf_arrow_div ul{position: relative; width: 100%}
.pf_arrow_div li{width: 28px; height: 57px; position: absolute;}
.pf_arrow_div li:nth-child(1){left: 70px}
.pf_arrow_div li:nth-child(2){right: 70px}
.pf_arrow_div a{display: block; width: 100%; height: 100%}
.pf_arrow_div a.prev{background: url(/img/prev.png) no-repeat}
.pf_arrow_div a.next{background: url(/img/next.png) no-repeat}


.project-content .project-description{width: 100% !important; float: none !important}
.project-content .project-info{display: none}

/* .pf_info{max-width: 1240px; margin: 0 auto; padding: 30px 25px 0 25px} */
.pf_info{max-width: 1500px; margin: 0 auto; padding: 30px 155px 0 155px}


.pf_category_area{font-size: 26px; font-weight: 800; color: #f37043; line-height: 1.2; padding-bottom: 8px}
.pf_tit_area{font-size: 50px; font-weight: 800; line-height: 1.2; padding-bottom: 15px}
.pf_stit_area{font-size: 16px; color: #666; letter-spacing: -0.3px}
.single-avada_portfolio .project-content .line{width: 127px; height: 2px; background: #f37043; margin-top: 60px; margin-bottom: 68px}

/* #client_day{display: none} */

.pf_client_day{}
.pf_client_day li{display: inline-block; font-size: 16px}
.pf_client_day li.pf_client{padding-right: 33px}
.pf_client_day li.pf_client::before{content: "· Client : "; font-weight: 700;}
.pf_client_day li.pf_day::before{content: "· Day : "; font-weight: 700}
/* #pf_content_text{max-width: 1240px; margin: 0 auto; padding-left: 25px !important; padding-right: 25px !important; padding-top: 50px !important; padding-bottom: 100px !important} */
#pf_content_text{max-width: 1500px; margin: 0 auto; padding-left: 155px !important; padding-right: 155px !important; padding-top: 50px !important; padding-bottom: 100px !important}
#pf_content_img{max-width: 1540px; margin: 0 auto; padding-left: 70px !important; padding-right: 70px !important}

.list_bt_link{width: 104px; height: 104px; margin: 100px auto;}
.list_bt_link a{display: block; width: 100%; height: 100%; background: #000 url(/img/link_bt.png) no-repeat center}

.recruit_list_text{letter-spacing: -0.5px}
.recruit_list_text a{font-size: 20px; font-weight: 600; letter-spacing: -1px; color: #000 !important; text-decoration: underline}
.recruit_list_text.point_t{font-weight: 500; padding-top: 30px}






/*clients s*/
.clients_slide{max-width: 1100px; width: 100%; margin: 0 auto; overflow: hidden}
.clients_slide.pc_ver .clients_slide_in{width: 300%}
.clients_slide.pc_ver .clients_slide_in .slide_contain{width: 33.3333%; float: left; position: relative}
/* .clients_slide.pc_ver .clients_slide_in .slide_contain ul{margin: -8px; overflow: hidden; padding-top: 3px} */
.clients_slide.pc_ver .clients_slide_in ul{border-top: 1px solid #eaeaea; border-left: 1px solid #eaeaea}
.clients_slide.pc_ver .clients_slide_in ul li{float: left; width: 25%; text-align: center; padding: 20px 0; overflow: hidden; border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea}
.clients_slide.pc_ver .clients_slide_in .slide_contain ul li img{width: 194px !important; height: 91px !important; max-width: none !important}
.clients_slide .clients_slide_in ul{width: 100%}
.clients_page_div{padding-top: 60px}
.clients_page_div ul{width: 76px; margin: 0 auto !important}
.clients_page_div ul li{display: inline-block; width: 10px; height: 10px; margin-right: 4px; transition: width 0.4s}
.clients_page_div ul li:first-child{margin-left: 0}
.clients_page_div ul li:last-child{margin-right: 0}
.clients_page_div ul li a{display: inline-block; width: 100%; height: 100%; background: #999; text-indent: 999px; overflow: hidden; border-radius: 25px; transition: width 0.4s}
.clients_page_div ul li.active a{background: #333; transition: width 0.6s}
.clients_page_div ul li.active{width: 40px; transition: width 0.6s}

.clients_slide.pc_ver{display: block;}
.clients_slide.mobile_ver{display: none}

#toTop{bottom: 70px; right: 70px}




.footer_div{padding-top: 70px; padding-bottom: 100px}
.footer_div>div{overflow: hidden;}
.footer_div .left{float: left;}
.footer_div .left.first{margin-right: 112px}
.footer_div .right{float: right;}

.footer_div .left.second p, .footer_div .left.second a{font-size: 12px; color: #999; font-weight: 600; text-transform: uppercase; letter-spacing: 0.3px}
.footer_div .seperate{display: inline-block; width: 2px; height: 9px; background: #999; margin: 0 5px}
.footer_div .front_text{padding-right: 4px}

.footer_div .right p{font-size: 10px; color: #666; text-transform: uppercase; font-weight: 500}



@media only screen and (max-width:1500px) {
  /* .mv_container .table_cell .mv_container_in{max-width: 1000px} */
  /* .mv_container.sl01 .tit{font-size: 70px} */
  .mv_container.sl01 .text{font-size: 18px}
  .mv_container .line{width: 120px}

  .mv_container.sl03 .img_div{width: 100px}
  .mv_container.sl03 .mask_div{margin-top: 20px}
  .mv_container.sl03 .mask_in p{font-size: 20px}
  .mv_container.sl03 .mask{font-size: 45px}
  .mv_container.sl03 .mask_div{padding: 0 30px}
  .mv_container.sl03 .mask_div.on{width: 530px}
}
@media only screen and (max-height:860px) {
  /* .mv_container .table_cell .mv_container_in{max-width: 1000px} */
  /* .mv_container.sl01 .tit{font-size: 70px} */
  .mv_container.sl01 .text{font-size: 18px}
  .mv_container .line{width: 120px}

  .mv_container.sl03 .img_div{width: 90px}
  .mv_container.sl03 .mask_div{margin-top: 0}
  .mv_container.sl03 .mask_in p{font-size: 20px}
  .mv_container.sl03 .mask{font-size: 45px}
  .mv_container.sl03 .mask_div{padding: 0 30px}
  .mv_container.sl03 .mask_div.on{width: 530px}
}


@media only screen and (max-width:1300px) {
  /* .mv_container .table_cell .mv_container_in{max-width: 870px} */
  .mv_container.sl01 .tit{font-size: 60px}
  .mv_container.sl01 .text{font-size: 17px}
  .mv_container .line{width: 110px}
  .mv_container.sl02 .img_div{width: 400px}
  .mv_container.sl03 .img_div{width: 90px}
  .mv_container.sl03 .mask_div{margin-top: 0}
  .mv_container.sl03 .mask_in p{font-size: 20px}
  .mv_container.sl03 .mask{font-size: 45px}
  .mv_container.sl03 .mask_div{padding: 0 30px}

  /* .fusion-portfolio-post .fusion-image-wrapper img{height: 350px !important} */

}
@media only screen and (max-height:700px) {
  /* .mv_container .table_cell .mv_container_in{max-width: 870px} */
  .mv_container.sl01 .tit{font-size: 60px}
  .mv_container.sl01 .text{font-size: 17px}
  .mv_container .line{width: 110px}

  .mv_container.sl02 .img_div{width: 400px}
  .mv_container.sl03 .img_div{width: 90px}
  .mv_container.sl03 .mask_div{margin-top: 0}
  .mv_container.sl03 .mask_in p{font-size: 20px}
  .mv_container.sl03 .mask{font-size: 45px}
  .mv_container.sl03 .mask_div{padding: 0 30px}
  .mv_container.sl03 .mask_div.on{width: 530px}
}

@media only screen and (max-width:1300px) {
  /* .mv_container .table_cell .mv_container_in{max-width: 730px} */
  .mv_container.sl01 .tit{font-size: 50px}
  .mv_container.sl01 .text{font-size: 16px}
  .mv_container .line{width: 100px}


  #recruit_info .info_box{width: 33.33% !important}
  #recruit_info .info_box.box4{margin-bottom: 0 !important}

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

  .recruit_list li::before{left: 25px; height: 2px; width: 10px}
  .recruit_list li:nth-child(odd){padding-left: 45px; width: 52%}
  .recruit_list li:nth-child(even){width: 48%; padding-left: 30px}
  .recruit_list li:nth-child(even)::before{left: 10px}
  /* .recruit_list li:nth-child(odd){padding-left: 45px; padding-right: 25px} */
  /* .recruit_list li:nth-child(even){padding-left: 20px} */
  /* .recruit_list li:nth-child(even)::before{left: 0} */
  .recruit_list li{font-size: 15px}
  .recruit_list_text a{font-size: 18px}
  .recruit_list_info .right{padding-left: 25px !important}
}
@media only screen and (max-width:1210px) {
  #recruit_list_box .list_box>div{padding: 64px 20px 0 20px}
  .recruit_box_tit{font-size: 19px}
  .recruit_box_text{font-size: 15px}
  .list_box.last_list_box p{font-size: 18px}
  .mpf_text {padding: 25px}

  /* .fusion-portfolio article{position: static !important; top: 0 !important; left: 0 !important} */

  /* .fusion-portfolio-post .fusion-image-wrapper img{height: 360px !important} */
  /* .fusion-portfolio article{} */
}
@media only screen and (max-width:1125px) {
  #recruit_list_box .list_box>div{height: 260px !important}
  #recruit_list_box .list_box>div{padding: 60px 15px 0 15px}
  .recruit_box_tit{font-size: 18px}
  .recruit_box_text br{display: none}
}
@media only screen and (max-width:1120px) {
  .footer_div .left.first{margin-right: 60px}
}
@media only screen and (max-width:1050px) {
  .recruit_box_tit{font-size: 17px}
  .list_box.last_list_box p{font-size: 16px}
}
@media only screen and (max-width:1030px) {
  .footer_div .left.first{margin-right: 30px}
}
@media only screen and (max-width:1020px) {
  .w685{width: 68.5% !important}
  .w315{width: 31.5% !important}
}
@media only screen and (max-width:1000px) {
  .w685{width: 100% !important}
  .w315{width: 100% !important}
  .recruit_list li:nth-child(odd){padding-right: 10px}
  .fusion-portfolio-three .fusion-portfolio-post{width: 50%}

.mv_container .table_cell .mv_container_in{vertical-align: top; max-width: 1590px; margin-left: auto; margin-right: auto; padding: 0 180px}

.brief_down{right: 102px}
  .clients_slide.pc_ver .clients_slide_in .slide_contain ul li img {
      width: 100% !important;
      height: auto !important;
  }


  .pad_top{padding-top: 130px !important}
  .pad_bot{padding-bottom: 130px !important}

  #sub_visual{height: 450px}

  #custom_header .logo_div, .control_bt.on ul li a.prev{left: 25px}
  .m_nav_bt, .control_bt.on ul li a.next{right: 25px}
  .maxwidth>div{padding-left: 25px !important; padding-right: 25px !important}
  .maxwidth_ver2{padding-left: 25px !important; padding-right: 25px !important}


  .mv_container{padding-left: 95px !important; padding-right: 95px !important}
  .mv_container .table_cell .mv_container_in{padding: 0}

  #main_pf .mpf_text, .cs_main_nav{padding: 0 25px}
  #toTop{bottom: 25px; right: 25px}
  #sub_visual{padding-left: 25px !important; padding-right: 25px !important}
  .down_bt{bottom: 25px}
  .fusion-filter{border-bottom: none !important}

  /* .ls-wrapper > .ls-layer, .ls-wrapper > a > .ls-layer .ls-wrapper > .ls-bg{white-space: normal;} */
  .mv_container.sl03 .table_cell .mv_container_in{height: 380px}

  .section .right{padding-left: 0 !important}
  .mpf_text{padding: 19px}



  .recruit_list_tit{padding: 0 25px 33px 25px}
  .recruit_list_tit.last{padding-top: 63px}

  #recruit_list_box .list_box{width: 33.33% !important}

  #recruit_list_box .list_box:nth-child(1), #recruit_list_box .list_box:nth-child(5), #recruit_list_box .list_box:nth-child(9), #recruit_list_box .list_box:nth-child(13){
    padding-left: 6px;
  }
  #recruit_list_box .list_box:nth-child(4), #recruit_list_box .list_box:nth-child(8), #recruit_list_box .list_box:nth-child(12), #recruit_list_box .list_box:nth-child(16){
    padding-right: 6px;
  }
  #recruit_list_box .fusion-column-first{clear: none;}
  #pf_content_img{padding-left: 25px !important; padding-right: 25px !important}

  .pf_arrow_div li:nth-child(1){left: 25px}
  .pf_arrow_div li:nth-child(2){right: 25px}
  .pf_info{padding: 30px 80px 0 80px}
  #pf_content_text{padding-left: 80px !important; padding-right: 80px !important; padding-top: 40px !important; padding-bottom: 60px !important}
  .pf_category_area{font-size: 22px}
  .pf_tit_area{font-size: 40px}
  .single-avada_portfolio .project-content .line{margin-top: 40px; margin-bottom: 46px}

  #recruit_list_box.maxwidth_ver2{padding-left: 19px !important; padding-right: 19px !important}

  .recruit_list_tit.type2{padding: 90px 43px 33px 0}
}

@media only screen and (max-width:900px) {
  .mv_container .table_cell .mv_container_in{max-width: 456px}
  .mv_container.sl02 .img_div{width: 320px}
  .mv_container .table_cell .mv_container_in{max-width: 550px}
  .mv_container.sl01 .tit{font-size: 40px}

  #recruit_info .info_box{width: 50% !important}
  #recruit_info .info_box.box4{margin-bottom: 59px !important}
  .fusion-filter a{font-size: 16px}
}

@media only screen and (max-width:880px) {
  .footer_div{text-align: center;}
  .footer_div .left, .footer_div .right{float: none}
  .footer_div .left.first, .footer_div .left.second{margin-bottom: 20px; margin-right: 0}
  .footer_div{padding-bottom: 70px}
}

@media only screen and (max-width:856px) {
  .fusion-portfolio-post .fusion-image-wrapper img{height: auto !important}
  .mpf_text{opacity: 1}


}
@media only screen and (max-width:770px) {
  .fusion-filter{padding: 0 10px}
  .recruit_tit{font-size: 38px}
}

@media only screen and (max-width:740px) {
  #main_visual{min-height: 550px}
  .mv_container.sl01 .tit{font-size: 30px; padding-bottom: 18px}
  .mv_container.sl01 .text{font-size: 15px}
  .mv_container .line{margin-top: 40px; width: 90px}

  .mv_container.sl03 .mask{font-size: 35px}
  .mv_container.sl03 .mask_div.on{width: 430px; padding: 0 15px}
  .mv_container.sl03 .mask_in p{font-size: 16px}

  #recruit_list_box .list_box{width: 50% !important}
}

@media only screen and (max-width:711px){
  .fusion-portfolio-post .fusion-image-wrapper{width: 100% !important}
  .fusion-portfolio-post .fusion-image-wrapper img{width: 100% !important}

  .recruit_list li:nth-child(odd), .recruit_list li:nth-child(even){width: 100%; padding-left: 35px; padding-right: 25px}
  .recruit_list li:nth-child(even)::before{left: 25px}

  /* .recruit_list li:nth-child(even){padding-left: 45px} */
  /* .recruit_list li:nth-child(even)::before{left: 25px} */


  .fusion-portfolio-post .main_category .fusion-image-wrapper img{max-height: 350px}
  .fusion-portfolio-post .main_category .fusion-image-wrapper img{height: 100% !important; width: auto !important}

}
/* @media only screen and (max-width:920px) {
    .clients_slide.pc_ver .clients_slide_in .slide_contain ul li img{width: 100% !important; height: auto !important; max-width: none !important}
    .clients_slide.pc_ver .clients_slide_in .slide_contain ul li{height: auto; line-height: 0; padding: 0.5%}
} */
@media only screen and (max-width:690px) {
  .fusion-filter{}
  .fusion-filter::after{display: none}

  .fusion-filters li {margin-left: 5px; margin-right: 5px}
  .fusion-filters li a{height: 100%; width: 100%; padding: 0 10px; border: 1px solid #ccc !important}
  .fusion-filter{padding: 0px; padding-bottom: 8px !important}
  .fusion-filter:first-child{padding-left: 5px}
  .fusion-filter:last-child{padding-right: 5px}

  .fusion-filters{font-size: 0; margin-bottom: -8px !important; overflow: hidden;; padding: 70px 0 62px 0}
  .fusion-filter{margin-bottom: 10px}
}
/* @media only screen and (max-width:670px) {
  .fusion-filters li{position: relative;}
  .fusion-filters li:last-child{top: -1px}
} */
@media only screen and (max-width:660px) {
  .control_bt ul li a{background-size: 100%; width: 30px; height: 30px}
  .mv_container{padding-right: 80px !important; padding-left: 80px !important}
}
@media only screen and (max-width:640px) {
.mbr_none br{display: none}
.history_list.first::before{display: none}
.brief_down a span{top: 3px}


.pad_top{padding-top: 90px !important}
.pad_bot{padding-bottom: 90px !important}

.section .left .tit h2{font-size: 30px !important}

#sub_visual{height: 400px}

#custom_header{height: 70px}
#custom_header.sticky{height: 60px}


#custom_header .logo_link img{transition: none !important; width: 75%}
/* #custom_header.sticky .logo_link img{width: 100% !important} */
#custom_header .logo_div{top: 15px !important}
#custom_header .brief_down{top: 11px !important}
#custom_header .m_nav_bt{top: 5px !important}

/* .brief_down a{font-size: 12px} */



.clients_page_div ul{width: 111px; margin: 0 auto !important}
.visual_top .visual_center_bold p{font-size: 25px}
.visual_top .visual_center_normal p{font-size: 18px}
.visual_top .visual_tit {margin-bottom: 60px !important}
.visual_top .visual_center_bold {margin-bottom: 10px !important}
.visual_top>.wpb_column {padding-top: 165px; padding-bottom: 79px}
#text-2 .wpcf7-submit{width: 80%; text-align: inherit}
.clients_slide{width: 100%}
.clients_slide.pc_ver{display: none}
.clients_slide.mobile_ver{display: block}
.clients_slide.mobile_ver .clients_slide_in{width: 600%}
.clients_slide.mobile_ver .clients_slide_in .slide_contain{width: 16.6666%;float: left;position: relative}
.clients_slide.mobile_ver .clients_slide_in ul{border-left: 1px solid #ccc; border-top: 1px solid #ccc}
.clients_slide.mobile_ver .clients_slide_in ul li{float: left; width: 50%; height: auto; line-height: 0; text-align: center; padding: 0.8%; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc}
.clients_slide.mobile_ver .clients_slide_in .slide_contain ul li img{width: 100% !important}

.clients_slide.pc_ver{display: none}
.clients_slide.mobile_ver{display: block;}

#recruit_info .info_box{width: 100% !important; float: none; height: auto;}
#recruit_info .info_box.box4{margin-bottom: 59px !important}

  .ls-wrapper > .ls-layer, .ls-wrapper > a > .ls-layer .ls-wrapper > .ls-bg{white-space: normal;}
  .mv_container.sl03 .mask_in p{font-size: 14px}
  .mv_container.sl03 .mask_div.on{width: 350px}
  .mv_container.sl03 .mask{font-size: 29px}

  .history_list b{font-size: 40px}
  .history_list{font-size: 16px}
  .history_list .back_text{font-size: 25px; margin-top: -26px}


  .category{font-size: 13px}
  .tit{font-size: 20px; padding-bottom: 10px}


  .footer_div{padding-bottom: 35px; padding-top: 35px}

  .pf_category_area{font-size: 18px}
  .pf_tit_area{font-size: 30px}
  .pf_stit_area{font-size: 14px}
  .pf_arrow_div a{width: 50%; background-size: 100%; height: 50%; margin-top: 14px}
  .pf_arrow_div a.prev{background-position: left center;}
  .pf_arrow_div a.next{background-position: right center; float: right;}
  .pf_info{padding: 30px 60px 0 60px}
  #pf_content_text{padding-left: 60px !important; padding-right: 60px !important}
  .list_bt_link{margin: 60px auto;}
  .pf_client_day li{display: block;}
  .section .right .text.top br{display: none}

  .list_bt_link{width:70px; height: 70px}
  .list_bt_link a{background-size: 50%}

  .sub_vtit h1{font-size: 30px !important}
  .pf_content p.tit{font-weight: 600}
}
/*clients e*/

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

  .cs_main_nav #menu-main_nav-1>li>a{font-size: 30px; margin-bottom: 10px}
  .cs_main_nav #menu-main_nav-1>li ul li a{font-size: 15px}
  .cs_main_nav #menu-main_nav-1>li{margin-bottom: 30px}


 .control_bt{display: none}
 .mv_container{padding-left: 25px !important; padding-right: 25px !important}
 .mv_container.sl02 .img_div{width: 270px}
 .mv_container.sl03 .mask_div.on{width: 270px}
 .mv_container.sl03 .mask_div.on br{display: none}
 .mv_container.sl03 .mask{font-size: 45px; top: 1px}


/* .home .fusion-portfolio-wrapper{height: auto !important} */
/* .home .fusion-portfolio-wrapper article{position: static !important; min-height: 160px} */
 #main_pf .tit{font-size: 25px; padding-bottom: 15px}
  .list_box.last_list_box p{font-size: 15px}
  .recruit_box_tit{font-size: 16px}
  .recruit_box_text{font-size: 14px}

}

@media only screen and (max-height: 540px){
.cs_main_nav #menu-main_nav-1>li>a{font-size: 30px; margin-bottom: 10px}
.cs_main_nav #menu-main_nav-1>li ul li a{font-size: 15px}
.cs_main_nav #menu-main_nav-1>li{margin-bottom: 30px}
}
@media only screen and (max-width: 481px){
  #recruit_list_box .list_box{width: 100% !important}
  #recruit_list_box .list_box>div{height: auto !important}
  #recruit_list_box .list_box>div{padding: 50px 25px}
  #recruit_list_box .list_box.last_list_box>div{padding-top: 50px; padding-bottom: 50px}
  #recruit_list_box .list_box{padding: 12.5px 25px !important}
  #recruit_list_box.maxwidth_ver2{padding-left: 0 !important; padding-right: 0 !important}
  #recruit_list_box .list_box:first-child{padding-top: 0 !important; padding-bottom: 12.5px !important}
  #recruit_list_box .list_box:last-child{padding-bottom: 0 !important}
}

@media only screen and (max-width: 460px){
  .fusion-portfolio-post .main_category .fusion-image-wrapper img{max-height: 300px}
}
@media only screen and (max-width: 430px){
  .brief_down a span{top: 5px}
  .brief_down a p{display: none}
  .brief_down{right: 90px}
  .pf_info{padding: 30px 25px 0 25px}
  #pf_content_text{padding-left: 25px !important; padding-right: 25px !important}
  .pf_arrow_div{top: -25px}

  .pf_arrow_div li{border: 1px solid #d1d1d1; width: 45px; height: 45px}
  .pf_arrow_div li:nth-child(1){left: inherit; right: 75px}
  .pf_arrow_div li:nth-child(2){right: 25px}
  .pf_arrow_div li a{width: 100%; height: 100%; margin-top: 0; background: none !important; text-align: center}
  .pf_arrow_div li a::after{content: ""; display: inline-block; width: 21.5px; height: 23.5px; margin-top: 10px}
  .pf_arrow_div li a.next::after{background: url(/img/next.png) no-repeat; background-position: center right; margin-right: 8px}
  .pf_arrow_div li a.prev::after{background: url(/img/prev.png) no-repeat;background-position: center left; margin-left: 8px}
  .pf_category_area{font-size: 17px}

  .single-avada_portfolio .project-content .line{width: 99px}
  #pf_top.pad_top{padding-top: 150px !important}


}
/* @media only screen and (max-width:411px) {
  .fusion-filters li{position: relative;}
  .fusion-filters li:nth-child(4){top: -1px}
  .fusion-filters li:last-child{top: -2px}
} */
@media only screen and (max-width: 400px){
  #main_pf .tit{font-size: 18px; padding-bottom: 5px}
  .fusion-portfolio-post .main_category .fusion-image-wrapper img{max-height: 260px}
}
@media only screen and (max-width: 380px){
  .recruit_list li{font-size: 14px}
  .recruit_list li::before{width: 5px; height: 1px}
  .recruit_list li, .recruit_list li:nth-child(even){padding-left: 35px}
}
@media only screen and (max-width: 345px){
  .brief_down{right: 85px}
  .brief_down a{font-size: 12px}
  .brief_down a span{margin-right: 2px}
  .recruit_list_text a{font-size: 16px}
}

@media only screen and (max-width: 323px){
  .left.second .first{display: block;}
  .left.second .seperate{display: none}
}


@media only screen and (max-width: 640px){
  /* #main_pf .fusion-image-wrapper{width: 100%}
  #main_pf .fusion-image-wrapper img{width: 100%; height: auto;} */

  /* #sub_visual{background-size: auto 100% !important; background-attachment: local !important; background-position: right !important} */

  #sub_visual, #sub_visual.pf_archive{background-size: auto 100% !important; background-attachment: inherit !important}
  #sub_visual.recruit_page{background-position: top right -150px !important}
  #sub_visual.work_page, #sub_visual.pf_archive{background-position: top right 40% !important}

  .fusion-rollover{opacity: 1;
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+100&0+0,1+100 */
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ) !image-orientation: ; /* IE6-9 */
  }

}

.fusion-columns .fusion-column{margin: 0}