@charset "utf-8";

#main_wrap {}
#mv_wrap {position:relative;}
#mv_wrap .mv_list_wrap {margin-bottom: 0; background-image: url('/assets/images/main/mv1.jpg');}
#mv_wrap .mv_list_wrap .slick-dots {bottom: 40%;}
#mv_wrap .mv_list_wrap .slick-dots li {width: auto; height: auto; margin: 0 3px; }
#mv_wrap .mv_list_wrap .slick-dots li button {width: 18px; height: 18px; border-radius:20px; padding: 0; background: none; border: 2px solid #ccc;  transition:.25s; }
#mv_wrap .mv_list_wrap .slick-dots li.slick-active button {width: 65px; border: 2px solid #fff; }
#mv_wrap .mv_list_wrap .slick-dots li button:before {display: none;}
#mv_wrap .mv_list_wrap .mv_list {position: relative; overflow: hidden; height:980px;}
#mv_wrap .mv_list_wrap .mv_list .visual { width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;transform: scale(1.15);}
#mv_wrap .mv_list_wrap .mv_list.slick-active .visual { animation:mvBgScale 3.5s forwards; }
#mv_wrap .mv_list_wrap .mv_list1 .visual {background-image: url('/assets/images/main/mv1.jpg');}
#mv_wrap .mv_list_wrap .mv_list2 .visual {background-image: url('/assets/images/main/mv2.jpg');}
#mv_wrap .mv_list_wrap .mv_list3 .visual {background-image: url('/assets/images/main/mv3.jpg');}
#mv_wrap .mv_list_wrap .mv_list .txt_wrap {position:absolute;left:50%;top:39%;transform:translate(-50%, -50%); width: 100%;	color: #fff; text-align: center; letter-spacing: -2px; overflow: hidden;}
#mv_wrap .mv_list_wrap .mv_list.slick-active .txt_wrap > div { animation:mvTxt 1s 1.2s forwards; opacity: 0; transform:translateY(50px); }
#mv_wrap .slick-slide img { display: inline-block;}
@keyframes mvBgScale {
    0% {
        transform: scale(1.15);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes mvTxt {
    0% {
        transform:translateY(50px);
        opacity:0;
    }
    100% {
        transform:translateY(0);
        opacity:1;
    }
}

#mv_wrap .mv_link_wrap {position: absolute; bottom: 100px; left: 50%; margin-left: -600px; width: 100%; max-width:1200px;  z-index: 1; display: flex; align-items:stretch;}
#mv_wrap .mv_link_wrap a { display: block; padding: 45px 15px; width: calc(20% - 14px); margin: 0 7px; border: 1px solid rgba(255,255,255,.45); background-color: rgba(255,255,255,.15); border-radius:10px; box-shadow:0 0 3px rgba(0,0,0,.1); color: #fff; text-align: center; transition:.5s;}
#mv_wrap .mv_link_wrap a:hover {background-color: #0a6ec2; border-color: #0a6ec2; transform:translateY(-15px); }
#mv_wrap .mv_link_wrap .icon {margin-bottom: 30px;}

.b_box{width: 25%;}
.b_box .b_top_box{margin-bottom: 35px; display: flex; justify-content: space-between; align-items: center;}
.b_box .b_slide_box{height: 160px; overflow: hidden; width: 100%;}
.b_box .b_slide_box li{display: flex; justify-content: space-between; width: 100%;}
.b_slide_box .b_txt_box{display: flex; align-items: center; }
.b_slide_box .b_cate_box{padding: 8px 8px; border-radius: 50px; background-color: #dce8f5; color: #657280; margin-right: 15px;width: 125px;text-align: center;} 
.b_slide_box .b_area_box{display: flex; align-items: center;}
.b_slide_box .b_area_box p{width: 110px;}
.b_slide_box .b_area_box img{margin-right: 30px;}
.b_top_box .b_more_btn{background-color: #fff;}

.flex_con{display:flex;}
.count_box{background:#f8fafd; padding:55px; border-radius:20px}


.counter-box {
  display: flex;
  gap: 30px;
  margin: 50px 0 0 0;
}
.counter-box .box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 25%;
  border-radius: 20px;
  padding:50px;
  background-color: #f8fafd;
}

.counter-box .counts {
  font-size: 32px;
  font-weight: 700;
  line-height: 42px;
  letter-spacing: -0.008em;
  margin: 15px 0 8px;
}




@media all and (max-width:1800px){
	
}
@media all and (max-width:1430px){
	
	#main .con1 .con1_slide_list .list .img img {max-width:none;}
	#main .con1 .circle_logo_box img {width: 350px;}
	#main .con2 .con2_slide_box {}
	#main .con2 .con2_slide_list .list {margin: 0 10px;}
	#main .con2 .slick-prev {left: 15px; margin-left: 0; z-index: 1;}
	#main .con2 .slick-next {right: 15px; margin-right: 0;}
}
@media all and (max-width:1230px){
	#main .con2 .con2_slide_list .list .txt_wrap {left: 50%;}
	#main .con2 .slick-prev,
	#main .con2 .slick-next {width: 40px; height: 40px; background-size:cover;}
}
@media all and (max-width:820px){
	#main > div {padding: 70px 0;}
	#mv_wrap .mv_list_wrap .mv_list1 .visual {background-position: 40% 50%;}
	#mv_wrap .mv_list_wrap .mv_list2 .visual {background-position: 50% 50%;}
	#mv_wrap .mv_list_wrap .mv_list3 .visual {background-position: 50% 50%;}
	#mv_wrap .mv_list_wrap .mv_list .txt_wrap {top: 45%;}
	#mv_wrap .mv_list_wrap .slick-dots {bottom: auto; top: 65%;}
	#mv_wrap .mv_list_wrap .slick-dots li button {width: 12px; height: 12px;}
	#mv_wrap .mv_list_wrap .slick-dots li.slick-active button {width: 40px;}
	
	.b_box{width:100%}
	.count_box{padding:30px}

	.counter-box{display:block}
	.counter-box .box{width:100%; padding:35px 0 ;margin-bottom:20px}

	#mv_wrap .mv_link_wrap{margin-left: initial; left:initial;}
	#mv_wrap .mv_link_wrap a{padding:5px}
	#mv_wrap .mv_link_wrap .icon img {width:50%}
	#mv_wrap .mv_link_wrap .txt18{font-size:11px !important}
	#mv_wrap .mv_link_wrap .icon{margin-bottom:10px}
	#mv_wrap .mv_link_wrap a{margin: 0 3px}
	#mv_wrap .mv_link_wrap a {width: calc(27% - 14px);}

}
@media all and (max-width:680px){
	#main .con2 .slide_tab_wrap {margin-bottom: 0;}
	#main .con2 .con2_slide_list .list {max-width: 500px;}
	#main .con2 .con2_slide_list .list .txt_wrap {width: 100%; position: static; padding: 30px 20px 80px; background-color: rgba(207,157,109,0.3); border-radius:15px 15px 0 0; transform:translateY(40px); margin-bottom: 25px; min-height:300px;}
	#main .con2 .con2_slide_list .list .img {position: relative; z-index: 2; border-radius:0 0 15px 15px; overflow: hidden;}
	/* #main .con2 .con2_slide_list .list .txt_wrap .beige1 {color: #ffeede;} */
	#main .con2 .con2_slide_list .list .txt_wrap h4,
	#main .con2 .con2_slide_list .list .txt_wrap .txt {color: #000;}
}
@media all and (max-width:520px){
	#main .con1 .circle_logo_box {top: 55%;}
	#main .con1 .circle_logo_box img {width: 150px;}
	#main .con1 .con1_slide_list .list_in {padding: 100px 15px 0;}
	#main .con1 .con1_slide_list .list .tit_wrap {min-height: 200px;}
	#main .con2 .slide_tab_wrap .slide_tab .list p:after {width: 16px; height: 16px;  margin: -8px; background-size:cover;}
	#main .con2 .slide_tab_wrap .slide_tab .list p {padding-top: 30px; font-size: 11px;}
	#main .con2 .con2_slide_list .list {max-width: 340px; }
	#main .con2 .con2_slide_list .list .txt_wrap {min-height:230px;}
	#main .con2 .con2_slide_list .list .txt_wrap h4 {font-size: 21px;}
	#main .con2 .con2_slide_list .list .txt_wrap p {font-size: 16px;}
	#main .con2 .con2_slide_list .list .txt_wrap .txt {font-size: 12px;}
	#main .con2 .slick-prev,
	#main .con2 .slick-next {width: 30px; height: 30px;}
	
}