@charset "utf-8";
#main_wrap {}
#mv_wrap {width: 170vw; position: relative;  border-radius: 0 0 50% 50%; overflow:hidden; transform: translateX(-35vw);}

#mv_wrap .mv_list_wrap {margin-bottom: 0; background-image: url('/assets/images/main/mv1.jpg');}

#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: contain;transform: scale(1.15);}
#mv_wrap .mv_list_wrap .mv_list.swiper-slide-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_list4 .visual {background-image: url('/assets/images/main/mv4.jpg');}

#mv_wrap .mv_list_wrap .mv_list .txt_wrap{position:absolute;left:50%;top:48%;transform:translateY(-50%); margin-left: -600px; overflow: hidden; color:#fff;}
#mv_wrap .mv_list_wrap .mv_list .txt_wrap > div { overflow: hidden;}
#mv_wrap .mv_list_wrap .mv_list .txt_wrap .txt1 {margin-bottom: 10px;}
#mv_wrap .mv_list_wrap .mv_list .txt_wrap .txt2 { font-weight: 300; line-height: 1.5; letter-spacing:41px; padding-left:5px;}
#mv_wrap .mv_list_wrap .mv_list .txt_wrap .txt3 { font-weight: 600; line-height: 1.5; margin-top: 20px; }
#mv_wrap .mv_list_wrap .mv_list.swiper-slide-active .txt_wrap .txt {animation:mvTxt 1s forwards; opacity: 0; transform:translateY(50px);}
#mv_wrap .mv_list_wrap .mv_list.swiper-slide-active .txt_wrap .txt1 {}
#mv_wrap .mv_list_wrap .mv_list.swiper-slide-active .txt_wrap .txt2 {animation-delay:0.3s;}
#mv_wrap .mv_list_wrap .mv_list.swiper-slide-active .txt_wrap .txt3 {animation:mvTxt 1s 0.6s forwards;}
.mv_list_video {/* background:#fff */ background-repeat: no-repeat; background-position: 50% 50%; background-size:cover; background-color:#000;}
.mv_list_video video { position: absolute; left: 50%; top: 50%; width: 100vw; min-width: 177.77vh; height: 56.25vw; min-height: 100vh; transform:translate(-50%,-50%); object-fit:contain;     filter: brightness(0.7);}



@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; }
}
@keyframes mvTxt1 {
    0% { transform:translateY(50px); opacity:0; }
    100% { transform:translateY(0); opacity:0.6; }
}

#mv_wrap .mv_list_wrap .slick-dots {display: flex;flex-direction:column; width: auto; left: 50%; margin-left: -1110px; bottom: 50%; transform:translateY(-50%);}
#mv_wrap .mv_list_wrap .slick-dots li {width: auto; height: auto; margin: 7px 0; }
#mv_wrap .mv_list_wrap .slick-dots li button {width: 10px; height: 10px; border-radius:20px; padding: 0; background-color: rgba(255,255,255,.6); transition:.25s; }
#mv_wrap .mv_list_wrap .slick-dots li.slick-active button {background-color: #00aeb2; }
#mv_wrap .mv_list_wrap .slick-dots li button:before {display: none;}

#mv_wrap .slick-slide img { display: inline-block;}
#mv_wrap .slider_navi { position: absolute;	left: 0; margin-left: 25%; bottom: 48%; width: 18px; z-index: 2;	}
#mv_wrap .slider_navi .swiper-pagination { display: flex; justify-content: center; align-items: center; flex-direction:column; position: static; }
/* button style */
#mv_wrap .slider_navi .swiper-pagination-bullet { position: relative; display: flex; justify-content: center; align-items: center; width: 18px; height: 18px; margin: 7px 0; background-color: transparent; border-radius: 50%; cursor: pointer; opacity: .6; transition: 0.3s; }
#mv_wrap .slider_navi .swiper-pagination-bullet span {  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-indent: -9999px; width: 10px; height: 10px; border-radius:50%; background-color: #fff;}

/* button circle */
#mv_wrap .slider_navi .progress { transform: rotate(-90deg); }
#mv_wrap .slider_navi .circle-border { fill: transparent; stroke: rgba(255,255,255,.6); stroke-width: 2px; stroke-linecap: round; stroke-dasharray: 125.664px; stroke-dashoffset: 125.664px; }
#mv_wrap .slider_navi .circle-origin { fill: transparent; stroke: transparent; stroke-width: 2px; stroke-linecap: round; stroke-dasharray: 125.664px; stroke-dashoffset: 125.664px; }
#mv_wrap .slider_navi .swiper-pagination-bullet-active {opacity: 1;}
#mv_wrap .slider_navi .swiper-pagination-bullet-active span {background-color: transparent;}
#mv_wrap .slider_navi .swiper-pagination-bullet-active .circle-border  {stroke-dasharray: 0; stroke-dashoffset: 0;}
#mv_wrap .slider_navi .swiper-pagination-bullet-active .circle-origin { stroke:#be9971; animation: progress 20s; }
#mv_wrap .slider_navi .swiper-pagination-bullet-active:first-child .circle-origin { animation: progress 100s; }

@keyframes progress {
  0% {
    stroke-dashoffset: 125.664px;
  }

  90% {
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dashoffset: -125.664px;
  }
}
#mv_wrap .swiper-button-prev:after,
#mv_wrap .swiper-button-next:after {display: none;}
#mv_wrap .swiper-button-prev,
#mv_wrap .swiper-button-next{width: 12px; height: 8px; position: absolute;top: 0;left: 3px;border: none; background: url('../images/main/mv_prev.png') 0 0 no-repeat;}
#mv_wrap .swiper-button-next {top: auto;bottom: -20px;background-image: url('../images/main/mv_next.png');}

#mv_wrap .mv_links {display: flex;width: 100%; max-width:820px;position: absolute; bottom: 15%; left: 50%; transform:translateX(-50%); z-index: 1;}
#mv_wrap .mv_links a {display: flex; flex-direction:column; align-items:center; width: calc(33.33% - 30px); margin: 0 15px; padding: 30px 15px; border: 1px solid #fff; background-color: rgba(214,160,137,.8); border-color: #d6a089;/*background-color: rgba(255,255,255,.15); */border-radius:10px; font-family: 'Noto Serif KR', serif; color: #fff; transition:.4s;}
/*#mv_wrap .mv_links a {display: flex; flex-direction:column; align-items:center; width: calc(33.33% - 30px); margin: 0 15px; padding: 45px 15px; border: 1px solid #fff; background-color: rgba(135,173,225,.8); border-color: #87ade1;/*background-color: rgba(255,255,255,.15); */ /*border-radius:10px; font-family: 'Noto Serif KR', serif; color: #fff; transition:.4s;}*/
#mv_wrap .mv_links a .icon {margin-bottom: 20px;}
#mv_wrap .mv_links a:hover {background-color: #d6a089; border-color: #d6a089; transform:translateY(-35px); border-radius:50px 10px 50px 10px;box-shadow:5px 5px 15px rgba(0,0,0,0.3)}





.scroll_down{position: absolute;bottom:0;left:50%;transform:translate(-47%);cursor:pointer; z-index: 1; }
.scroll_down span{display: block;position: relative;font-size:14px;color:#fff;font-weight:500;padding-bottom:75px;letter-spacing:0.02em; text-transform: uppercase;}


@keyframes scroll{
	0%{bottom:50%;}
	50%{bottom:7%;}
	100%{bottom:50%;}
}


#mv_wrap .wave{position:absolute;bottom:25px;left:50%;transform:translate(-50%,0);z-index:20;width: 10px;}
#mv_wrap .wave svg{display:block;}
#mv_wrap .wave svg path{stroke-dasharray: 55px;stroke-dashoffset: 55px;}

@keyframes wave {
	0% {stroke-dashoffset: 55px;}
	30% {stroke-dashoffset: 0;}
	60% {stroke-dashoffset: 0;}
	90% {stroke-dashoffset: -55px;}
	100% {stroke-dashoffset: -55px;}
}

#mv_wrap .wave svg path{animation: wave 2s 1s linear infinite;}

.flex_con{display:flex;}
.con {padding: 150px 0 0;}
.m1 {padding: 150px 0 0;}
.m2 {padding: 150px 0; background:#f0e7de url('/assets/images/main/m2_bg.jpg') 50% 50% no-repeat; background-attachment:fixed; background-size:cover;}

.m2 .more{width:380px;height: 70px;margin: 70px 0 0;/*border:1px solid #222;*/box-sizing:border-box;cursor: pointer;background:linear-gradient(to right, #be9971 40%, transparent 0%);background-size:400% 100%;background-position: right bottom;transition:all 0.75s ease-out;border-radius:300px;background-color: transparent;z-index:1;position: relative;left:0;border:2px solid #333;z-index: 999;}
.m2 .more p{ display:flex; align-items:center; justify-content:center; height: 100%; letter-spacing:-0.02em; color: #333; text-align: center; text-transform: uppercase; transition:.75s; }
.m2 .more p span{margin-left: 20px;}
.m2 .more:hover{/* background: #1a3369; */ border-color:#be9971; background-position:left bottom; }
.m2 .more:hover p {color: #fff;}

.m3 {padding: 150px 0; background:#013548 url('/assets/images/main/m3_bg.jpg') 50% 50% no-repeat; background-attachment:fixed; background-size:cover;}
.m4 {padding:150px 0;  background: #fff url("/assets/images/main/bg_logo.png") no-repeat bottom 40% left 8%;}

.m4 .more{width:185px;height: 50px;margin: 0 auto;box-sizing:border-box;cursor: pointer;background:linear-gradient(to right, #be9971 40%, transparent 0%);background-size:400% 100%;background-position: right bottom;transition:all 0.75s ease-out;border-radius:300px;background-color: transparent;border:1px solid #222;z-index:999;position: absolute;font-family:'Montserrat', serif;right: 0;top: 25px;left: auto;}
.m4 .more p{ display:flex; align-items:center; justify-content:center; height: 100%; letter-spacing:-0.02em; color: #222; text-align: center; text-transform: uppercase; transition:.75s; }
.m4 .more p span{margin-left: 20px;}
.m4 .more:hover{/* background: #1a3369; */ border-color:#5baefe; background-position:left bottom; }
.m4 .more:hover p {color: #fff;}

.m4 .more{width:185px;height: 50px;margin: 0 auto;box-sizing:border-box;cursor: pointer;background:linear-gradient(to right, #be9971 40%, transparent 0%);background-size:400% 100%;background-position: right bottom;transition:all 0.75s ease-out;border-radius:300px;background-color: transparent;border:1px solid #222;z-index:999;position: absolute;font-family:'Montserrat', serif;right: 0;top: 25px;left: auto;}
.m4 .more p{ display:flex; align-items:center; justify-content:center; height: 100%; letter-spacing:-0.02em; color: #222; text-align: center; text-transform: uppercase; transition:.75s; }
.m4 .more p span{margin-left: 20px;}
.m4 .more:hover{/* background: #1a3369; */ border-color:#5baefe; background-position:left bottom; }
.m4 .more:hover p {color: #fff;}


.slider_nav {display: flex; justify-content:space-between;align-items:center; margin-top: 0; width:98%;}
.slider_nav .slider_progress {position: relative; width: calc(100% - 165px); height: 4px;background-color: #efefef;margin: 0;}
.slider_nav .slider_progress .swiper-pagination-progressbar-fill { background: #222; }
.slider_nav .slider_arrow {width: 165px; text-align: right;}
.slider_nav .slider_arrow button {width: 44px; height: 13px; margin: 0 5px; background-color: transparent; border: none; padding: 0; text-indent: -9999px;}
.slider_nav .slider_arrow .prev_btn {background-image: url('/assets/images/main/slider_prev.png');}
.slider_nav .slider_arrow .next_btn {background-image: url('/assets/images/main/slider_next.png');}
.slider_arrow button:before {content:'';display: block;width: 100%;height: 100%;background-color: #fff;border-radius:50%;position: absolute;top: 0;left: 0;z-index: -1;transition:.4s;}


.m5 {padding:150px 0; background:#f0e7de url('/assets/images/main/m2_bg.jpg') 50% 50% no-repeat; background-attachment:fixed; background-size:cover;}
.m5 .inner {display: flex; flex-wrap:wrap; width:1300px; margin:0 auto;}
.m5 .lt {width: 50%; }
.m5 .rt {width: 50%;}

.m5 .board_list {}
.m5 .board_list li {width: 100%; height: 80px; line-height: 80px;font-size: 20px; padding-right: 150px; border-bottom: 1px solid rgba(0,0,0,.1); position: relative;transition:.25s;}
.m5 .board_list li:hover {background-color: #be9971; color: #fff;}
.m5 .board_list li a {display: block;padding-left: 15px;text-overflow:ellipsis;white-space: nowrap; overflow: hidden; font-size: 22px; color: inherit; text-align:left;}
.m5 .board_list li .allow {position: absolute; top: 0; right: 25px;font-size: 26px;}


.m5 .more{width:185px;height: 50px;margin: 0 auto;box-sizing:border-box;cursor: pointer;background:linear-gradient(to right, #be9971 40%, transparent 0%);background-size:400% 100%;background-position: right bottom;transition:all 0.75s ease-out;border-radius:300px;background-color: transparent;border:1px solid #222;z-index:999;position: absolute;font-family:'Montserrat', serif;right: 0;top: 0;left: auto;}
.m5 .more p{ display:flex; align-items:center; justify-content:center; height: 100%; letter-spacing:-0.02em; color: #222; text-align: center; text-transform: uppercase; transition:.75s; }
.m5 .more p span{margin-left: 20px;}
.m5 .more:hover{border-color:#be9971; background-position:left bottom; }
.m5 .more:hover p {color: #fff;}


.icon-box-wrap {display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px 30px;justify-items: center;align-items: center;width: 90%;margin: 0 0;padding: 0 0;float: right;}
.icon-box {text-align: center;transition: transform 0.3s ease;background-color:#fff;border-radius:20px;width:270px;padding: 50px; transition:.25s;}
.icon-box:hover {transform: translateY(-5px); background-color:#d4ae85; color:#fff !important;}
.icon-box img {  width: 70px;  height: 70px;  object-fit: contain;  margin-bottom: 30px;}
.icon-box p {  font-size: 20px;  font-weight: 500;color: #222; transition:.25s;}
.icon-box:hover p {color: #fff;}
.icon-box:hove img {filter: invert(1);}












.pl70 { padding-left:70px;}
.pr70 { padding-right:70px;}


.img_list { position:relative;}
.img_list li {display: flex;justify-content:space-between; align-items: center;}
.img_list li:nth-child(even) {/*flex-direction: row-reverse;*/}
.img_list li > div {width: 50%; overflow:hidden; }
.img_list li .img_box .img {width: 100%; /*height: 100%;*/ background-size:auto; background-repeat:no-repeat; background-position: 50% 50%; border-radius:30px; overflow:hidden; border:1px solid #ddd;}
.img_list li .txt_box {/* padding: 0 40px 0; */background-color: transparent;position: relative;}
.img_list li .img_box .img img{ width:auto;  transition:.5s; }
.img_list li .img_box:hover img {transform:scale(1.05);}
.img_list li .txt_box .img {width: 100%;background-size:auto;background-repeat:no-repeat;background-position: 50% 50%;}
.img_list li .txt_box .img img{width:auto;transition:.5s;}
.img_list li .txt_box:hover  img {transform:scale(1);}
.img_list li .num1 {position: relative;display: inline-block;width: 65px;height:65px;line-height:65px;text-align:center;background-color: #127864;color:#fff;border-radius:50px;font-family: 'Futura Std', sans-serif;letter-spacing: -3px; float: right;}


/*.img_list li .img_box .img::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
    opacity: 0;
}
.img_list li .img_box .img:hover::before {-webkit-animation: shine .75s;animation: shine .75s;}
@-webkit-keyframes shine {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		left: 125%;
		opacity: 0;
	}
}
@keyframes shine {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		left: 125%;
		opacity: 0;
	}
}

*/







@media all and (max-width:1800px){
}
@media all and (max-width:1630px){
	#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);}

	
}
@media all and (max-width:1230px){

}


@media all and (max-width:980px){
}


@media all and (max-width:820px){
#mv_wrap .mv_list_wrap .mv_list .visual {width: 100%;height: 100%;background-repeat: no-repeat;background-position: 35% 50%;background-size: cover;transform: scale(1.15);}
#mv_wrap .mv_list_wrap .mv_list1 .visual {background-image: url('/assets/images/main/mv1_m.jpg'); background-position:50% 100%;}
#mv_wrap .mv_list_wrap .mv_list2 .visual {background-image: url('/assets/images/main/mv2_m.jpg'); background-position:58% 50%;}
#mv_wrap .mv_list_wrap .mv_list3 .visual {background-image: url('/assets/images/main/mv3.jpg'); background-position:70% 50%;}


#mv_wrap .mv_list_wrap .mv_list .txt_wrap{position:absolute;left: 25%;top: 22%;transform:translateY(0%);margin-left: 0;overflow: hidden;color:#fff;}
#mv_wrap .mv_list_wrap .mv_list .txt_wrap .txt2 { font-weight: 300; line-height: 1.5; letter-spacing:1px; padding-left:5px;}




#mv .mv_list_wrap .mv_list .txt_wrap {position:absolute;left: 0;top:63%;transform: translateY(-60%);margin-left: 25px;/*overflow: hidden;*/}
#mv .mv_list_wrap .mv_list .txt_wrap p {color: #fff;letter-spacing: 3px;text-transform: uppercase}
#mv .mv_list_wrap .mv_list .txt_wrap .logo img { width:55%;}
#mv .slider_arrow_wrap {;bottom: 120px;}

#mv .slider_arrow_wrap {display: flex;align-items:center;position: absolute;bottom: 120px;left: 20px;transform: translateX(7%);scale: 1;}
#mv .slider_arrow_wrap button {background: none; border: none; font-family: 'Italiana', sans-serif; font-size: 14px; color: #fff;position: relative; letter-spacing:1px;}
#mv .slider_arrow_wrap button:after {content:'';display: block;width: 30px;height: 1px;background-color: #fff;position: absolute;top: 50%;}
#mv .slider_arrow_wrap .prev {padding-right: 38px;}
#mv .slider_arrow_wrap .next {padding-left: 38px;}
#mv .slider_arrow_wrap .prev:after {right: 0;}
#mv .slider_arrow_wrap .next:after {left: 0;}
#mv .slider_arrow_wrap .center-deco{width: 30px; height: 30px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.5); display: flex; align-items: center; justify-content: center;}


#mv_wrap .slider_navi {position: absolute;bottom: 20%;right: 50%;margin-right: -155px;z-index: 1;display: flex;align-items:center;scale: .7;}

#mv .more{width:185px; font-family: 'Italiana', sans-serif; height: 45px; margin: 30px auto 0; float: none; /*border:1px solid #222;*/ box-sizing:border-box; cursor: pointer; background:linear-gradient(to right, #d37f74 40%, transparent 0%); background-size:400% 100%; background-position: right bottom; transition:all 0.75s ease-out; border-radius:300px;  background-color: transparent; border:1px solid #fff;}


.pl70 { padding-left:0;}
.pr70 { padding-right:0;}
.mt70 { margin-top: 30px !important;}
.mt100 {margin-top: 50px !important;}

.more1{width: 210px;font-family: 'Italiana', sans-serif;height: 50px;margin: 50px auto 0; float: none;}


.m1 { padding:80px 0 0}
.m1 .title_wrap{display: block;padding-bottom:50px;}
.m1 .title_wrap .lt {width: -webkit-fill-available;}
.m1 .title_wrap .rt {width: -webkit-fill-available;margin-top:4%;margin-left: 0;}

.mt150{margin-top:50px !important;}

.m2 {padding: 80px 15px; background:#f0e7de url('/assets/images/main/m2_bg.jpg') 50% 50% no-repeat; background-attachment:inherit; background-size:cover;}
.more{width: -webkit-fill-available;font-family: 'Italiana', sans-serif;margin: 10% 0 0;float: right;cursor: pointer;/*background:linear-gradient(to right, #333 40%, transparent 0%); background-size:400% 100%; background-position: right bottom; transition:all 0.75s ease-out; border-radius:300px;  background-color: transparent; border:1px solid #fff;*/position: absolute;right: 0;opacity:.7;scale: .8;bottom: 0;}
 



.pl70 { padding-left:0px;}
.pr70 { padding-right:0px;}


.img_list { position:relative;}
.img_list li {display: block;justify-content:space-between;align-items: center;}
.img_list li:nth-child(even) {/*flex-direction: row-reverse;*/}
.img_list li > div {width: -webkit-fill-available;overflow:hidden;}
.img_list li .img_box .img {width: 100%; /*height: 100%;*/ background-size:auto; background-repeat:no-repeat; background-position: 50% 50%; border-radius:30px; overflow:hidden; border:1px solid #ddd;}
.img_list li .txt_box {/* padding: 0 40px 0; */background-color: transparent;position: relative;}
.img_list li .img_box .img img{ width:auto;  transition:.5s; }
.img_list li .img_box:hover img {transform:scale(1.05);}
.img_list li .txt_box .img {width: 100%;background-size:auto;background-repeat:no-repeat;background-position: 50% 50%;}
.img_list li .txt_box .img img{width:auto;transition:.5s;}
.img_list li .txt_box:hover  img {transform:scale(1);}
.img_list li .num1 {position: relative;display: inline-block;width: 65px;height:65px;line-height:65px;text-align:center;background-color: #127864;color:#fff;border-radius:50px;font-family: 'Futura Std', sans-serif;letter-spacing: -3px; float: right;}


.m2 .more{width: -webkit-fill-available;height: 70px;margin: 25px 0 0;/*border:1px solid #222;*/box-sizing:border-box;cursor: pointer;background:linear-gradient(to right, #be9971 40%, transparent 0%);background-size:400% 100%;background-position: right bottom;transition:all 0.75s ease-out;border-radius:300px;background-color: transparent;z-index:1;position: relative;left:0;border:2px solid #333;z-index: 999;}

.m3 {padding:80px 0;background:#013548 url('/assets/images/main/m3_bg.jpg') 50% 50% no-repeat;background-attachment: inherit;background-size:cover;}
.m4 {padding:80px 0;  background: #fff url("/assets/images/main/bg_logo.png") no-repeat bottom 40% left 8%;}

.m5 {padding:80px 0;background: #f0e7de url('/assets/images/main/m2_bg.jpg') 50% 50%  repeat;background-attachment: inherit;background-size:cover;position: relative;}
.m5 .inner {/* display:block; */flex-wrap:wrap;width:-webkit-fill-available;margin:0 15px;}
.m5 .lt {width: -webkit-fill-available; }
.m5 .rt {width: -webkit-fill-available;position: relative;display: block;}


.m5 .board_list {}
.m5 .board_list li {width: 100%;height: 60px;line-height: 60px;font-size: 15px;padding-right: 90px;border-bottom: 1px solid rgba(0,0,0,.1);position: relative;transition:.25s;}
.m5 .board_list li:hover {background-color: #be9971; color: #fff;}
.m5 .board_list li a {display: block;padding-left: 15px;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;font-size: 15px;color: inherit;text-align:left;}
.m5 .board_list li .allow {position: absolute;top: 0;right: 20px;font-size: 18px;}

.m5 .more{width: 150px;height: 50px;margin: 0 auto;box-sizing:border-box;cursor: pointer;background:linear-gradient(to right, #be9971 40%, transparent 0%);background-size:400% 100%;background-position: right bottom;transition:all 0.75s ease-out;border-radius:300px;background-color: transparent;border:1px solid #222;z-index:999;position: absolute;font-family:'Montserrat', serif;right: 0;top: 0;left: auto;}
.m5 .more p{ display:flex; align-items:center; justify-content:center; height: 100%; letter-spacing:-0.02em; color: #222; text-align: center; text-transform: uppercase; transition:.75s; }
.m5 .more p span{margin-left: 20px;}
.m5 .more:hover{border-color:#be9971; background-position:left bottom; }
.m5 .more:hover p {color: #fff;}

.icon-box-wrap {display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px 15px;justify-items: center;align-items: center;width: -webkit-fill-available;margin: 0 0;padding: 30px 0 0;float: right;}
.icon-box {text-align: center;transition: transform 0.3s ease;background-color:#fff;border-radius:20px;width:150px;padding: 30px 10px;transition:.25s;}
.icon-box:hover {transform: translateY(-5px); background-color:#d4ae85; color:#fff !important;}
.icon-box img {width: 50px;height: 50px;object-fit: contain;margin-bottom: 20px;}
.icon-box p {font-size: 14px;font-weight: 500;color: #222;transition:.25s;}
.icon-box:hover p {color: #fff;}
.icon-box:hove img {filter: invert(1);}


	
}


@media all and (max-width:360px){
.icon-box {text-align: center;transition: transform 0.3s ease;background-color:#fff;border-radius:20px;width:130px;padding: 30px 10px;transition:.25s;}
	
}