@charset "utf-8"; 

/* main visual */
#main_visual{margin-top:130rem;overflow:hidden; position:relative; z-index:1; height:calc(450rem); color:#fff; text-align:center;}
#main_visual .bx-wrapper{height:100%; margin-bottom:0; background:transparent; border:0; box-shadow:none;}
#main_visual .bx-viewport{height:100% !important;}
#main_visual .slider{height:100%;}
#main_visual .roll{display: flex; align-items: center; justify-content: center;  }
#main_visual .roll_txt{ width:1400rem; margin:0 auto; }
#main_visual .roll_img{z-index:-1; position:absolute; left:0; top:0; width:100%;height:100%; background-size:cover; background-position:50%;  /*animation: imagescale 5s infinite; -webkit-animation: imagescale 5s infinite; -moz-animation: imagescale 5s infinite; -o-webkit-animation: imagescale 5s infinite;*/}
#main_visual .roll01{background-image:url(../img/main/visual01.jpg);}
#main_visual .roll02{background-image:url(../img/main/visual02.jpg);}
#main_visual .roll03{background-image:url(../img/main/visual.jpg);}
#main_visual .roll04{background-image:url(../img/main/visual2.jpg);}
#main_visual .roll{height:100%;}
#main_visual h2{ line-height:1.3; font-weight:800; font-size:40rem; }
#main_visual p{line-height:1.4; font-size:18rem; letter-spacing:2rem; }
#main_visual .btn_more{margin-top:50rem}
#main_visual .roll_txt2{display:inline-block; margin-right:80rem; text-align:left;}
#main_visual .bx-controls{ z-index:100; width:100%; text-align:center;}
#main_visual .bx-controls-direction{}
#main_visual .bx-pager{display:inline-block; vertical-align:middle;}
#main_visual .bx-pager > div{display:inline-block;}
#main_visual .bx-pager a{display:inline-block; width:12rem; height:12rem; margin:0 5rem; border:2px solid #fff; font-size:0; text-indent:-9000px; border-radius:50%;}
#main_visual .bx-pager a.active{background:#fff;}
#main_visual .bx-controls-auto{display:inline-block; vertical-align:middle;}
#main_visual .bx-controls-auto > div{display:inline-block;}
#main_visual .bx-controls-auto a{display:inline-block; width:20px; height:20px; margin:0 5px; background-position:center; font-size:0; color:#fff; text-indent:-9000px; background-repeat:no-repeat;}
#main_visual .bx-controls-auto a.bx-start{background-image:url(../img/btn_play.png);}
#main_visual .bx-controls-auto a.bx-stop{background-image:url(../img/btn_pause.png);}
#main_visual .bx-controls-auto a.active{display:none;}

/* 이전다음버튼일때 */
#main_visual .bx-default-pager{display:none; position: absolute; left:0; width: 100%;bottom:30rem;z-index: 60;}
#main_visual .bx-controls-direction{position: absolute; left:0; width: 100%;top:48%;z-index: 60;}
#main_visual .bx-controls-direction a.bx-prev:After{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
#main_visual .bx-controls-direction a:hover{}
#main_visual .bx-controls-direction a{display:block; position:absolute; overflow:hidden; width:28rem; height:46rem; text-indent:-9999px; transition:all 0.2s ease-out 0s;}
#main_visual .bx-controls-direction a:after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/main/slide_arr.png) no-repeat 50% 50%;}
#main_visual .bx-controls-direction a.bx-next{right:100rem;}
#main_visual .bx-controls-direction a.bx-prev{left:100rem;}

@keyframes imagescale {
  0% {
    transform: scale(1.2)  rotate(.001deg);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
  }

  100% {
    transform: scale(1)  rotate(.001deg);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
  }
}

/* main content */
.main-content{}
.main-content *{}

.main-menu__list{display:grid; justify-content:center; align-items:center; text-align:center; grid-template-columns:repeat(4, 1fr);}
.main-menu__list > li{position:relative; background:#fafafa; background-size:cover;}
.main-menu__list > li a:before{opacity:0; content:''; position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:#654423;  transition:0.3s}
.main-menu__list > li :hover:before{opacity:0.3; transition:0.3s}
.main-menu__list > .main-menu__item01{background-image: url(../img/main/img_mainbg01.jpg); color:#fff;}
.main-menu__list > .main-menu__item03{background-image: url(../img/main/img_mainbg02.jpg); color:#fff;}
.main-menu__list > .main-menu__item06{background-image: url(../img/main/img_mainbg03.jpg); color:#fff;}
.main-menu__list > .main-menu__item08{background-image: url(../img/main/img_mainbg04.jpg); color:#fff;}
.main-menu__list > .color_white > *,
.main-menu__list > .color_white p{color:#fff;}
.main-menu__list > li a{display:flex;align-items:center;padding: 80rem 0rem;flex-direction:column;font-style:normal;}
.main-menu__list > li a *{font-style:normal;}
.main-menu__list > li i{font-size: 12rem;display: block;margin-top: 25rem;}
.main-menu__list > li strong{margin:24rem 0 10rem 0; font-weight:600; font-size:23rem;}
.main-menu__list > li p{font-weight:300; font-size:17rem; word-break:keep-all; color:#666;}
.main-menu__list img{height:75rem;}

.main-company{padding:100rem 0; background:url(../img/main/img_logobg.jpg) no-repeat 85% 15%;}
.main-company .main-company__inner{display:flex; align-items: center;}
.main-company .main-company__img{width:50%; margin-right:5%}
.main-company .main-company__text{width:45%}
.main-company .main-company__text h3{margin-bottom:30rem; font-size:30rem; font-weight:600}
.main-company .main-company__text h3 span{color:#c5a56e}
.main-company .main-company__text p{line-height:1.8; color:#666}

.main-facilities{overflow:hidden; background:#f8f8f8; padding:100rem 0}
.main-facilities__inner{float:right; width:1650rem;}
.main-facilities__slide .swiper-pagination{position:static; margin-top:30rem;}
.main-facilities__slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#c5a56e}
.main-facilities__slide img{width:100%}
.main-facilities__text{width:320rem; float:left; margin-top:60rem}
.main-facilities__text h3{font-size:30rem; font-weight:bold;}
.main-facilities__text p{margin:20rem 0 30rem 0; color:#666}


.main-board{margin:100rem 0}
.main-board h3{font-size:30rem; font-weight:bold}
.main-board__inner{display:flex;}
.main-board__title{display:flex;margin-bottom:20rem;align-items: center;}
.main-board__title img{height:28rem; margin-right: 10rem;}
.main-board__contact{width:calc(100% - 985rem)}
.main-board__contact > a{font-size:45rem;font-weight:bold;line-height: 1;}
.main-board__contact p{margin-top:10rem; color:#8b8b8b;}
.main-board__contact p b{color:#111;}
.main-board__contact ul{display:flex;justify-content: space-between; margin-top:25rem;}
.main-board__contact ul li{width:48%; background:#c5a56e; text-align:center; transition:0.3s}
.main-board__contact ul li:last-child{background:#46300a;}
.main-board__contact ul li a{display:block; width:100%; padding:15rem 0; color:#fff; font-size:15rem}
.main-board__contact ul li:hover{background:#333; transition:0.3s}

.main-board__notice{position:relative; width:900rem; margin-right:85rem;}
.main-board__notice .pic_li_lt .lt_more{top:15rem; background: url(../img/layout/icon_btn_b.svg) no-repeat center;}
.main-board__notice .pic_li_lt .lt_more:hover{transform: rotate(0deg);}
.main-board__notice li a{}
.main-board__notice .pic_li_lt{border-top:2rem solid #111;}
.main-board__notice .pic_li_tit *{font-weight:300}
.main-board__notice .pic_li_lt li .pic_li_tit:hover{color:#c5a56e;}
.main-board__notice .pic_li_lt li .pic_li_tit{font-weight:300;font-size:17rem;padding: 0 0rem;line-height: 1;}
.main-board__notice .pic_li_lt li{position:relative; padding:20rem 0rem; margin-bottom:0; border-bottom:1rem solid #e2e2e2;}


@media (max-width:1700px){
	.main-facilities__inner{width:100%; padding-left:30rem;}
	
	#main_visual .bx-controls-direction a.bx-prev{left:20rem;}
	#main_visual .bx-controls-direction a.bx-next{right:20rem;}
}

@media (max-width:1480px){
	#main_visual .roll_txt{width:80%;}
	
	.main-board__notice{width:65%; margin-right:5%;}
	.main-board__contact{width:30%;}
}

@media (max-width:1023px) {
	#main_visual{margin-top:80rem; height:600rem}
	#main_visual .roll01{background-image:url(../img/main/visual01_m.jpg);}
	#main_visual .roll02{background-image:url(../img/main/visual02_m.jpg);}
	#main_visual h2{font-size:30rem; }
	#main_visual .bx-pager a{width:8rem; height:8rem; }

	.main-content{display:block;}
	.wrap{width:100%; padding:0 20rem}	
	
	.main-company .main-company__img{width:45%; margin-right:5%;}
	.main-company__text{width:50%;}	

	.main-menu__list{grid-template-columns: repeat(2, 1fr);}
	.main-menu__list > .main-menu__item04,
	.main-menu__list > .main-menu__item07{background:#f1e9e1;}

	.main-facilities__text{margin-top:0}

	.main-board__notice{width:50%;}
	.main-board__contact{width:45%;}

}


@media (max-width:860px){
	#main_visual{height:400rem}
	#main_visual .bx-default-pager{display:block;}
	#main_visual .bx-controls-direction{display:none;}
	#main_visual h2{text-align:center;}
	#main_visual p{text-align:center;}
	

	.main-company{padding:60rem 0; background:url(../img/main/img_logobg.jpg) no-repeat 50% 5%;}
	.main-company .main-company__inner{flex-direction: column;}
	.main-company .main-company__img{width:100%; margin-right:0}
	.main-company .main-company__img img{width:100%;}
	.main-company .main-company__text{width:100%; margin-top:30rem; text-align:center;}

	.main-menu__list img{height:60rem;}
	.main-menu__list > li a{padding:50rem 5rem}
	
	.main-facilities{padding:60rem 0}
	.main-facilities__text{ float:none; width:100%; margin-bottom:30rem; text-align:center;}
	.main-facilities__inner{padding:0 20rem; }

	.main-board{margin:60rem 0}
	.main-board__inner{ display:block;}
	.main-board__notice{width:100%; margin-right:0}
	.main-board__contact{width:100%; margin-top:30rem;}


}

@media (max-width:540px) {
	#main_visual{height:200rem}
	#main_visual .roll{padding-top:0}
	#main_visual h2{font-size:22rem; text-align:center;}
	#main_visual p{ font-size:12rem; text-align:center;}
	#main_visual .btn_more{margin-top:25rem}
	
	.main-company{padding:30rem 0}
	.main-company .main-company__text h3{margin-bottom:15rem; font-size:22rem; word-break: keep-all;}
	
	.main-board__notice{margin-top:25rem}
	.main-facilities{padding:30rem 0}
	.main-facilities__text h3{font-size:22rem}
	.main-facilities__text p{margin:10rem 0 15rem 0}
	.main-board__contact strong{font-size:30rem}
	
	.main-menu__list{display:flex;flex-wrap: wrap;align-items: stretch;}
	.main-menu__list > li a:before{display:none;}
	.main-menu__list > li{width:50%}
	.main-menu__list > li a{padding:50rem 15rem}
	.main-menu__list > li strong{font-size:20rem; font-weight:bold; margin: 15rem 0 10rem 0}
	#main_visual .roll{    background-position: 40%;}

	.main-menu__list img{height:40rem;}
	.main-menu__list > li p{font-size:14rem;}
	
	.main-board{margin:30rem 0}
	h3.main-board__title{margin-bottom:10rem; font-size:22rem;font-weight: bold;}
	.main-board__notice .pic_li_lt .lt_more{top:7rem}
	.main-board__contact > a{font-size:30rem}
	.main-board__contact ul li a{font-size:12rem}
}

.tab-menu {display:grid;grid-template-columns: repeat(3, 1fr); align-items: center; justify-content: center; gap:10px; text-align:center; margin-bottom:30px; }
.tab-menu li {vertical-align:top;  position:relative; color:#797979;  text-align:center; cursor:pointer;  z-index:0; padding:10rem 0; border-radius:60px; background:#fff;  font-size:16rem;  font-weight:600;  letter-spacing:-.5px; }
.tab-menu li:hover {  color:#0a2461;}
.tab-menu li.active {  color:#fff;  background:#0a2461;}
.tab-menu li.active:hover {  color:#fff; background:#0a2461;}

@media all and (max-width: 1023px) {
	.tab-menu li { font-size:13rem;}
}

.idx_latest{padding:50rem 0 0}
.idx_latest .wrap {display:grid;grid-template-columns: 60% 40%; gap:40rem;}
.idx_latest .idx_notice_box{}
.idx_latest .idx_sect_top{width:100%;background:#004ea2 url(../img/main/notice_bg.jpg)center top no-repeat;color:#fff;padding:23rem 50rem; display: flex;  align-items: flex-start;  justify-content: space-between;}
.idx_latest .idx_sect_top span {font-weight:800; font-size:20rem; }
.idx_latest .idx_sect_top h3{color:inherit;margin-top: 0rem; font-size:30rem; font-weight:800;}
.idx_latest .idx_sect_top p{word-break: keep-all; color:inherit; font-size:18rem; font-weight:300; }
.idx_latest .idx_sect_top .notice_more{display:inline-block;color:inherit;padding:20rem 0;margin-top:30rem;}

.latest_notice{position: relative; width:100%;padding:30rem 40rem 0rem; background-color:#f4f6f8;border:1px solid #ddd}
.latest_notice ul li {display: flex;  align-items: center;  justify-content: space-between; border-bottom:1px solid #ddd; font-size:17rem; margin-bottom:15rem; padding-bottom:15rem; font-weight:500; color:#000;  }
.latest_notice ul li:last-child {border-bottom:0px solid #ddd;  }
.latest_notice ul li dt {white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis; width:80%;}
.latest_notice ul li dd {color:#999; font-size:13rem; }

.board_link_box div:nth-child(1) {margin-bottom:40rem;}
.board_box{ position: relative; padding:30rem 50rem;background-color:#f4f6f8;border:1px solid #ddd}
.board_box h3 {font-size:25rem; font-weight:800; color:#000; margin-bottom:15rem; }
.board_box .board_more {float:right;}
.board_box ul li {font-size:17rem; font-weight:500; color:#000; margin-left:10rem; margin-bottom:16rem; white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis; width:100%; }
.board_box ul li:before {content: ""; position:absolute; width:4px; height:4px; background:#004ea2; text-align:left; margin-left:-10px; border-radius:5px; margin-top:10px;}
.board_box ul li a {white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis; }

/*.board_box ul {display: flex; align-items: center; justify-content: center; gap:20px; }
.board_box ul li {max-width:270rem; background:#fff; padding:20rem; }
.board_box ul li .pic{overflow:hidden;}
.board_box ul li .pic img{display:block;width:100%;height:140px;}
.board_box ul li h4 {overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; display: block; width:100%;font-weight:600; padding-top:18px;font-size:18rem;color:#000;}
.board_box ul li p {overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; display: block; width:100%; font-weight:500; padding-top:10px;font-size:15rem;color:#000;}*/

.notice_more i{width: 24rem;height: 16rem;margin-top: -6rem;position: relative;display: inline-block;}
.notice_more i::after, .notice_more i::before {content: "";width: 10px;height: 1px;margin: 0 0 0 0;background-color: #fff;display: block;position: absolute;right: 0%;}
.notice_more i::after {top: 6rem;transform: rotate(45deg);}
.notice_more i::before {top: 13rem;transform: rotate(-45deg);}

.board_more i{width: 24rem;height: 16rem;margin-top: -6rem;position: relative;display: inline-block;}
.board_more i::after, .board_more i::before {content: "";width: 10px;height: 1px;margin: 0 0 0 0;background-color: #000;display: block;position: absolute;right: 0%;}
.board_more i::after {top: 6rem;transform: rotate(45deg);}
.board_more i::before {top: 13rem;transform: rotate(-45deg);}

@media all and (max-width: 1023px) {
	.idx_latest .wrap {display:grid;grid-template-columns: repeat(1, 1fr); gap:20rem;}
	.idx_latest .idx_notice_box{flex-direction:column; }
	.idx_latest .idx_sect_top{display: flex; align-items: center;  justify-content: space-between; width:100%; padding:20rem 30rem;}
	.idx_latest .idx_sect_top span {font-size:15rem;}
	.idx_latest .idx_sect_top h3{font-size:22rem;margin-top: 2rem;}
	.idx_latest .idx_sect_top p{ font-size:13rem; }
	.latest_notice{width:100%; padding:20rem 20rem; height:auto;}
	.latest_notice ul li dt {font-size:15rem; width:73%;  }
	.latest_notice ul li dd {font-size:12rem; }
	.board_box{ width:100%; height:auto; padding:30rem 20rem;background-color:#f4f6f8;border:1px solid #ddd}
	.board_box h3 {font-size:20rem; }
	.board_box ul li {font-size:15rem; width:90%; }
	.board_box ul li .pic img{height:120px;}
	.idx_latest .idx_sect_top .notice_more{padding:0rem 0;margin-top:0rem; font-size:14rem;}
	.notice_more i::after {top: 7rem;}
	.notice_more i::before {top: 13rem;}
	.board_more i::after {top: 7rem;}
	.board_more i::before {top: 13rem;}
}

@media all and (max-width: 550px) {
	.latest_notice{max-width:330rem; padding:20rem 20rem 0; }
	.latest_notice dl dd {width:250rem;}
	.board_box{  max-width:330rem; }
	.board_box h3 {font-size:20rem; }
	.board_box ul {flex-direction:column; }
	.board_box ul li {font-size:15rem; }
	.board_box ul li .pic img{height:150px;}

}

.sec_gallery {background:#f6f6f6; padding:60rem 0; }
.sec_gallery .tt {position: relative; max-width:1400rem; margin:0 auto 50rem;}
.sec_gallery h3 {font-size:35rem; font-weight:800; color:#000; em; text-align:center; }
.sec_gallery .board_more{font-size:18rem; font-weight:500; position:absolute; top:15rem; right:0%; transform:translateX(0%); }

.sec_gallery .con{max-width:1400rem; margin:0 auto; overflow:hidden;}
.sec_gallery .swiper-slide{max-width:300rem; background:#fff; padding:20rem;  border-radius:10rem; }
.sec_gallery .swiper-slide .pic{overflow:hidden; display: flex; align-items: center; justify-content: center;  }
.sec_gallery .swiper-slide .pic img{display:block;max-width:100%;height:190px;}
.sec_gallery .swiper-slide h4 {word-break: keep-all; font-weight:600; padding-top:18px;font-size:16rem;color:#000;}
.sec_gallery .swiper-slide p {overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; display: block; width:100%; font-weight:500; padding-top:10px;font-size:14rem;color:#999;}

.sec_gallery .swiper-pagination{max-width:100%;margin:0 auto;height:2px;position:static;margin-top:70px;background:#dbdbdb;}
.sec_gallery .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#071d55;}

@media all and (max-width: 1023px) {
    .sec_gallery{padding:70px 0;}
	.sec_gallery .tt {display: flex;  align-items: center;  justify-content: space-between; padding:0 20rem; }
	.sec_gallery h3 {font-size:22rem;text-align:left;}
	.sec_gallery .board_more{font-size:14rem; position:relative; top:0;  left:0; right:0; }
    .sec_gallery .swiper-slide{max-width:270px;}
	.sec_gallery .swiper-slide .pic img{height:200rem;}
    .sec_gallery .swiper-pagination{max-width:calc(100% - 40px);margin-top:50px;}
	.sec_gallery .swiper-slide h4 {font-size:14rem;}
	.sec_gallery .swiper-slide p {font-size:13rem;}
}

@media all and (max-width: 600px) {
	.sec_gallery .swiper-slide .pic img{height:130rem;}
}

.customers_late{margin:20rem 0;}
.customers_late .custms_sw_inner{position: relative;padding:0 50rem}
.customers_late .custms_swiper{overflow:hidden;}
.customers_late .custms_swiper .swiper-slide{}
.customers_late .custms_swiper .swiper-slide a{display:flex;align-items:center;justify-content:center;width:100%;height:80rem;background-color:#fff;}
.customers_late .custms_swiper .swiper-slide img{width:100%;height:100%;object-fit:contain;}
.customers_late .custms_sw_inner .swiper-button{color:#231f20;}
.customers_late .custms_sw_inner .swiper-button::after{font-size:40rem;}

@media all and (max-width: 1023px) {
	.customers_late .custms_sw_inner .swiper-button::after{font-size:20rem;}
}