#main-wrap{position:relative; }
#visual{position:relative; width:100%;  top:0px;  background:#000; overflow:hidden; transition:all 0.2s;}
#visual .visual_item .v_bg{width:100%; height:100%; background:url(../../images/main/main-visual01.jpg) no-repeat; background-size:cover; background-position:center; transition:transform 0s 4s; animation: zoom-in-zoom-out 8s ease; -webkit-animation: zoom-in-zoom-out 8s ease;  -webkit-transform: scale(1.1); transform: scale(1.1); transition:transform 9s;}
#visual .visual_item.v02 .v_bg{background-image:url(../../images/main/main-visual02.jpg);}
#visual .visual_item.v03 .v_bg{background-image:url(../../images/main/main-visual03.jpg);}
#visual .visual_item.v04 .v_bg{background-image:url(../../images/main/main-visual04.jpg);}
#visual .visual_item.v05 .v_bg{background-image:url(../../images/main/main-visual05.jpg);}
#visual .visual_item .v_txt{position:absolute; top:50%; transform:translateY(-25%); left:0;  width:100%;}
#visual .visual_item .v_txt .txt{opacity:0;}
#visual .slick-active .visual_item .v_txt .txt{-webkit-animation: fade-in-bottom 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.3s both; animation: fade-in-bottom 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.3s both;}
#visual .visual_item .v_txt .txt img{height:200px;}
#visual .visual_item .v_txt .symbol{text-align:right;}
#visual .visual_item .v_txt .symbol img{display:inline-block; height:225px;}

#visual .LR_btn{width:100%;}
#visual .LR_btn li{display:inline-block; cursor:pointer;}
#visual .LR_btn li{position:absolute; bottom:70px;  left:50%; margin-left:-104px;}
#visual .LR_btn li.v_next{margin-left:64px;}
#visual .LR_btn li span{display:inline-block; width:40px; height:40px; line-height:40px; vertical-align:middle; border-radius:999px; border:1px solid #fff; text-align:center; box-sizing:border-box;}
#visual .LR_btn i{display:inline-block; font-size:2.6rem; color:#fff; vertical-align:middle;}

#visual .slick-counter{position:absolute; bottom:72px; left:50%;  transform:translateX(-50%); color:#e9e9e9; font-weight:600; font-size:2.2rem; }
#visual .slick-counter span{letter-spacing:0.04em;}
#visual .slick-counter span.current {color:#fff; font-weight:700;}


@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

.title_box.center{text-align:center;}
.title_box .t01{position:relative; font-family:'Gmarket Sans', 'sans-serif'; font-size:4rem; font-weight:700; color:#003f8c; line-height:1em;}
.title_box .t02{font-size:2rem; color:#8d9396; line-height:1.3em; font-weight:300;}

.comm_margin{margin:10rem 0;}
.comm_padding{padding:10rem 0;}

#business-wrap{background:#f2f6f8;}
#business-wrap .title_box .t02{color:#000; font-weight:500; margin-top:1.5rem;}
#business-wrap .content_box{margin-top:6rem;}
#business-wrap .content_box ul{display:flex;}
#business-wrap .content_box li{width:calc((100% - 9rem)/4);  margin-left:3rem; background:url(../../images/main/business-bg01.jpg) no-repeat; background-size:cover; }
#business-wrap .content_box li:first-child{margin-left:0;}
#business-wrap .content_box li a{display:block; padding:13rem 4rem 4rem 4rem;}
#business-wrap .content_box li .txt_box .tb01{position:relative; font-size:2.8rem; font-weight:700; color:#fff; padding-bottom:2rem; margin-bottom:2rem; line-height:1.3em;}
#business-wrap .content_box li .txt_box .tb01:after{content:""; display:block; width:45px; height:3px; background:#fff; position:absolute; bottom:0; left:0;}
#business-wrap .content_box li .txt_box .tb02{font-size:1.7rem; font-weight:400; color:#fff;}
#business-wrap .content_box li.cb02{background-image:url(../../images/main/business-bg02.jpg);}
#business-wrap .content_box li.cb03{background-image:url(../../images/main/business-bg03.jpg);}
#business-wrap .content_box li.cb04{background-image:url(../../images/main/business-bg04.jpg);}


#fw-wrap .title_box{margin-bottom:4rem;}
#fw-wrap .content_box ul{font-size:0;}
#fw-wrap .content_box li{display:inline-block; width:calc((100% - 12rem)/4); margin-left:4rem; vertical-align:top; box-shadow:0 8px 15px 0px rgba(0, 0, 0, 0.15);}
#fw-wrap .content_box li:first-child{margin-left:0;}
#fw-wrap .content_box li .img_box{position:relative; overflow:hidden; height:220px; box-sizing:border-box; background:#eaeaea;}
#fw-wrap .content_box li .img_box img{width:auto; height:220px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:all 0.2s;}
#fw-wrap .content_box li .txt_box{padding:2.5rem 3rem;}
#fw-wrap .content_box li .txt_box .cate{margin-bottom:1.2rem;}
#fw-wrap .content_box li .txt_box .cate span{display:inline-block; border:1px solid #003f8c; border-radius:999px; font-size:1.4rem; font-weight:600; color:#003f8c; line-height:1em; padding:0.5rem 1.5rem;}
#fw-wrap .content_box li .txt_box .cate.c02 span{border-color:#006c3e; color:#006c3e;}
#fw-wrap .content_box li .txt_box .tit{font-size:2rem; font-weight:600; line-height:1.3em; margin-top:10px; height:60px; max-height:60px; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
#fw-wrap .content_box li .txt_box .date{font-size:1.6rem; font-weight:500; color:#5c687a; margin-top:1.5rem;}
#fw-wrap .content_box li .txt_box .date i{display:inline-block; margin-right:0.7rem; }

#members-wrap{position:relative; width:100%; margin-bottom:5rem;}
#members-wrap .left_box{width:100%; box-sizing:border-box;}
#members-wrap .left_box:before{content:""; display:block; width:35%; height:400px; background:url(../../images/main/member-bg.jpg) no-repeat; background-size:cover; position:absolute; top:0; left:0; z-index:-1;}
#members-wrap .left_box .title_box .t01{color:#fff;}
#members-wrap .left_box .title_box .t02{color:rgba(255,255,255,0.7); font-size:1.8rem; margin-top:2rem;}
#members-wrap .left_box .btn_box{margin-top:5rem;}
#members-wrap .left_box .btn_box a{display:inline-block; background:rgba(0,0,0,0.25); font-size:1.6rem; font-weight:500; color:#fff; padding:1.2rem 2rem 1rem;}
#members-wrap .left_box .btn_box a i{display:inline-block; font-size:2rem; margin-left:3.5rem; color:#fff; vertical-align:middle; margin-top:-2px;}

#members-wrap .right_box{position:relative;  margin-top:-33rem; margin-left:31%; box-sizing:border-box;}
#members-wrap .right_box:before{content:""; display:block; width:100%; height:100%; background:#f2f2f2; position:absolute; top:0; right:0; z-index:-1;}
#members-wrap .right_box #mem_slides{padding:6rem 5rem 9rem 5rem; max-width:1120px; box-sizing:border-box;}
#members-wrap .right_box #mem_slides .slick-slide{margin:0 1rem;}
#members-wrap .right_box #mem_slides .slick-list{margin: 0 -1rem;}
#members-wrap .right_box #mem_slides .item{background:#fff; text-align:center;  margin:1rem 0; border:1px solid #cbd5e0; box-sizing:border-box; }
#members-wrap .right_box #mem_slides .item a{display:block; padding:3.2rem 1rem;}
#members-wrap .right_box #mem_slides img{display:inline-block; width:200px; max-width:100%;}

#members-wrap .right_box #mem_slides .slick-dots{bottom:30px; left:50%; transform:translateX(-50%);}
#members-wrap .right_box #mem_slides .slick-dots li{display:inline-block;}
#members-wrap .right_box #mem_slides .slick-dots li button{display:inline-block; width:12px; height:12px; background:#cecece; margin:0 5px; border-radius:999px; padding:0;}
#members-wrap .right_box #mem_slides .slick-dots li.slick-active button{background: #00633d;}
#members-wrap .slick-prev, #members-wrap .slick-next{display:none !important;}

#nq-wrap .inner_1200{display:flex; justify-content:space-between;}
#nq-wrap .inner_1200 > div{display:inline-block; width:calc((100% - 6rem)/2);}
#nq-wrap .n_list_box li{padding:3rem 2rem 3rem 0;}
#nq-wrap .n_list_box li:first-child{border-bottom:1px solid #d9d9d9;}
#nq-wrap .n_list_box a{display:flex; align-items:center;}
#nq-wrap .n_list_box .date{text-align:center; margin-right:3rem; min-width:12rem;}
#nq-wrap .n_list_box .date span{display:block; font-family:'Gmarket Sans', 'sans-serif'; font-weight:500; color:#737a7d;}
#nq-wrap .n_list_box .date .d01{font-size:1.7rem;}
#nq-wrap .n_list_box .date .d02{font-weight:700; font-size:3.5rem;}
#nq-wrap .n_list_box .cont{width:calc(100% - 15rem);}
#nq-wrap .n_list_box .cont .tit{font-size:2.1rem; font-weight:600;}
#nq-wrap .n_list_box .cont .tit span{display:inline-block; width:90%; height:24px; line-height:1em; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; vertical-align:middle;}
#nq-wrap .n_list_box .cont .tit .new_icon{display:inline-block; width:22px; height:22px; border-radius:999px; background:#f6b202; color:#fff; font-size:1.3rem; line-height:24px; text-align:center; vertical-align:middle;}
#nq-wrap .n_list_box .cont .txt{font-size:1.6rem; color:#475569; margin-top:1rem; line-height:1.3em; max-height:48px; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}

#nq-wrap .quick_box{margin-top:1rem;}
#nq-wrap .quick_box ul{display:flex; justify-content:space-between;}
#nq-wrap .quick_box li{width:calc((100% - 3rem)/2);}
#nq-wrap .quick_box li a{position:relative; display:block; background:#026d4c; padding:4.5rem 3rem 5.5rem 4rem;}
#nq-wrap .quick_box li.qb02 a{background:#0c4280;}
#nq-wrap .quick_box li .icon{text-align:right;}
#nq-wrap .quick_box li .icon i{font-size:8rem; color:rgba(255,255,255,0.2);}
#nq-wrap .quick_box li .tit{position:relative; margin-top:4rem; font-size:2.5rem; color:#fff; font-weight:700; padding-bottom:1.5rem;}
#nq-wrap .quick_box li .tit:after{content:""; display:block; width:40px; height:2px; background:#fff; position:absolute; bottom:0; left:0;}
#nq-wrap .quick_box li .btn{position:absolute; bottom:0; right:0;}
#nq-wrap .quick_box li .btn span{display:inline-block; width:50px; height:50px; background:rgba(0,0,0,0.2); text-align:center; transition:all 0.2s;}
#nq-wrap .quick_box li .btn span i{font-size:3.5rem; color:#fff; line-height:50px;}

#partner-wrap{margin-bottom:10rem;}
#partner-wrap .logo_list_box{display:flex; flex-wrap:wrap; margin-top:3rem;}
#partner-wrap .logo_list_box li{width:20%; text-align:center; margin-top:2rem;}
#partner-wrap .logo_list_box li img{width:200px;}


@media (hover: hover) and (pointer: fine) {
#fw-wrap .content_box li:hover .img_box img{transform:translate(-50%, -50%) scale(1.1);}
#fw-wrap .content_box li:hover .txt_box .tit{text-decoration:underline;}

#nq-wrap .n_list_box a:hover .cont .tit span{text-decoration:underline;}
#nq-wrap .quick_box li a:hover .btn span{background:#fff;}
#nq-wrap .quick_box li a:hover .btn span i{color:#026d4c;}
#nq-wrap .quick_box li.qb02 a:hover .btn span i{color:#0c4280;}
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

@media (min-width:2200px){
#members-wrap .right_box{margin-left:33%;}
}

@media (max-width:1500px){
#members-wrap .left_box{padding-left:4rem;}
}

@media (max-width:1220px){
#visual{min-width:inherit;}

#business-wrap .content_box ul{flex-wrap:wrap;}
#business-wrap .content_box li{width:calc((100% - 3rem)/2); box-sizing:border-box;}
#business-wrap .content_box li:nth-child(2n+1){margin-left:0;}
#business-wrap .content_box li:nth-child(-n+2){margin-bottom:3rem;}
#business-wrap .content_box li .txt_box .tb01{padding-bottom:1.5rem;}
#business-wrap .content_box li .txt_box .tb01 br{display:none;}

#fw-wrap .content_box li{width:calc((100% - 3rem)/2); margin-left:3rem; margin-top:3rem;}
#fw-wrap .content_box li:nth-child(2n+1){margin-left:0;}
#fw-wrap .content_box li:nth-child(-n+2){margin-top:0;}
}

@media (max-width:1024px){
#visual, #visual .visual_item{min-height:600px;}
#visual .visual_item .v_txt .inner_1400{padding:0 5rem;}
#visual .visual_item .v_txt .txt img{height:100px;}
#visual .visual_item .v_txt .symbol img{height:130px;}
#visual .slick-counter{font-size:2rem; bottom:42px;}
#visual .LR_btn li{bottom:40px;}
#visual .LR_btn li span{width:35px; height:35px; line-height:35px;}
#visual .LR_btn i{font-size:2.4rem;}

#business-wrap .content_box{margin-top:4rem;}
#business-wrap .content_box ul{flex-direction:column;}
#business-wrap .content_box li{width:100%; box-sizing:border-box; margin-left:0; padding:4rem; background-position:60% center;}
#business-wrap .content_box li:nth-child(3){margin-bottom:3rem;}
#business-wrap .content_box li .txt_box .tb01{font-size:2.8rem; margin-bottom:1.5rem;}

#members-wrap .left_box{position:relative; padding:5rem 3.5rem; box-sizing:border-box;}
#members-wrap .left_box:before{width:100%; height:100%;}
#members-wrap .left_box .title_box .t02 br{display:none;}
#members-wrap .left_box .btn_box{margin-top:0; position:absolute; top:50%; transform:translateY(-50%); right:5rem;}
#members-wrap .right_box{margin-top:0; margin-left:0;}
#members-wrap .right_box #mem_slides{padding:5rem 4rem 7rem 4rem; }

#nq-wrap .inner_1200{flex-direction: column;}
#nq-wrap .inner_1200 > div{display:block; width:100%;}

#partner-wrap .logo_list_box{flex-wrap:wrap;}
#partner-wrap .logo_list_box li{width:33.3%; margin-bottom:2rem;}
}


@media (max-width:768px){
#visual, #visual .visual_item{min-height:400px;}
#visual .visual_item .v_txt{transform:translateY(-23%);}
#visual .visual_item .v_txt .inner_1400{padding:0 2rem;}
#visual .visual_item .v_txt .txt img{height:70px;}
#visual .visual_item .v_txt .symbol img{height:70px;}

#visual .slick-counter{bottom:28px;}
#visual .LR_btn li{margin-left:-85px; bottom:25px;}
#visual .LR_btn li.v_next{margin-left:50px;}
#visual .LR_btn li span{width:35px; height:35px; line-height:35px;}
#visual .LR_btn i{font-size:2.4rem;}

.comm_margin{margin:5rem 0;}
.comm_padding{padding:5rem 0;}

.title_box .t01{font-size:2.8rem;}
.title_box .t02{font-size:1.7rem;}

#business-wrap .content_box li{padding:4rem 3rem; margin-bottom:2rem;}
#business-wrap .content_box li .txt_box .tb01{font-size:2.3rem;}
#business-wrap .content_box li .txt_box .tb01:after{width:35px; height:2px;}
#business-wrap .content_box li .txt_box .tb02{font-size:1.6rem;}

#fw-wrap .title_box{margin-bottom:3rem;}
#fw-wrap .content_box ul{margin:0 auto; max-width:360px;}
#fw-wrap .content_box li{width:100%; margin-left:0; }
#fw-wrap .content_box li:nth-child(2){ margin-top:3rem;}
#fw-wrap .content_box li .txt_box .tit{height:auto;}

#members-wrap .left_box{padding:4rem 2rem;}
#members-wrap .left_box .title_box .t02{margin-top:1.5rem;}
#members-wrap .left_box .btn_box{position:static; top:auto; right:auto; transform:inherit; margin-top:2rem; text-align:right;}
#members-wrap .right_box #mem_slides{padding:2rem 2rem 7rem 2rem; margin-left: -1rem;}
#members-wrap .right_box #mem_slides .item a{padding:2rem 1rem;}

#nq-wrap .n_list_box li{padding-right:0;}
#nq-wrap .n_list_box a{flex-direction:column; align-items:flex-start;}
#nq-wrap .n_list_box .date{display:block; min-width:inherit; margin-right:0rem; text-align:left; margin-bottom:0.5rem;}
#nq-wrap .n_list_box .date span{display:inline-block;}
#nq-wrap .n_list_box .date .d01{font-size:1.6rem;}
#nq-wrap .n_list_box .date .d02{font-size:1.6rem; font-weight:500;}
#nq-wrap .n_list_box .cont{width:100%;}

#nq-wrap .quick_box ul{flex-direction:column;}
#nq-wrap .quick_box li{width:100%;}
#nq-wrap .quick_box li.qb02{margin-top:1rem;}
#nq-wrap .quick_box li a{padding:2rem 2rem 2rem 3rem;}
#nq-wrap .quick_box li .icon{display:none;}
#nq-wrap .quick_box li .tit{font-size:2.1rem; padding-bottom:1rem; margin-top:0;}
#nq-wrap .quick_box li .btn{bottom:auto; top:50%; transform:translateY(-50%); right:2rem;}
#nq-wrap .quick_box li .btn span{width:40px; height:40px; }
#nq-wrap .quick_box li .btn span i{font-size:3rem; line-height:40px;}

#partner-wrap{margin-bottom:3rem;}
#partner-wrap .logo_list_box{margin-top:2.5rem;}
#partner-wrap .logo_list_box li{width:50%;}
#partner-wrap .logo_list_box li img{width:140px;}
}