@charset "utf-8"; 

/* main
------------------------------------------------------ */
.wrap{position:relative; }


.full_nav{position:fixed; top: 50%; right: 0; width: 100px; text-align: center; z-index: 105; transform:translateY(-50%); }
.full_nav > ul{position:relative; }
.full_nav > ul > li{}
.full_nav > ul > li p{position:absolute; top: -75px; left: 0; width: 100%; text-align: right; display:inline-block; text-transform: uppercase; font-weight:100; font-size:10px; letter-spacing:0.02em; color: #fff; transform:rotate(90deg);}
.full_nav > ul > li > ul{margin-top: 30px;}
.full_nav > ul > li > ul > li{width: 6px; height: 6px; background: #ddd; vertical-align: top; transition:0.5s; margin: 0 auto 26px; cursor: pointer; border-radius:50%}
.full_nav > ul > li > ul > li:last-of-type{margin-bottom:0;}
.full_nav > ul > li > ul > li p{font-size:0; overflow: hidden;}
.full_nav > ul > li > ul > li.on{width: 16px; height: 16px; box-sizing:border-box; border:1px solid #ddd; background: transparent; border-radius:50%}

.full_down{position:fixed; width: 100px; height: 100px; bottom: 0; right: 0; text-align: center; cursor: pointer; z-index: 10;}
.full_down i{color: #fff; text-align: center; line-height: 100px; font-size:20px;}

.top_btn{display:none; width: 100px; height: 100px; position:fixed; bottom: 0; right: 0; text-align: center; cursor: pointer; z-index: 10;}
.top_btn .p50{display:flex; flex-direction:column; justify-content:center; align-items:center; height: 100px;}
.top_btn i{color: #fff;}
.top_btn p{color: #fff; font-weight:bold; font-size:12px; margin-top: 5px;}

@media (max-width:1200px) {
	.full_nav {display:none;}
}

/* main visual */
#main_visual{}
#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{}
#main_visual .roll_txt {position:absolute; text-align:center; top:40%; left:50%; transform:translateX(-50%);}
#main_visual .roll_img{z-index:-1; position:absolute; left:0; top:0; width:100%;height:100%; background-size:cover; animation: imagescale 6s infinite; -webkit-animation: imagescale 6s infinite; -moz-animation: imagescale 6s infinite; -o-webkit-animation: imagescale 6s 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/visual03.jpg);}
#main_visual .roll04{background-image:url(../img/main/visual04.jpg);}
#main_visual .roll{height:100%;}
#main_visual h2{ font-weight:300; font-size:60rem; color: #fff; overflow: hidden;  line-height: 1.2em; animation:down 1.5s .5s forwards; opacity:0}
#main_visual h2 b {font-weight:800; display:block; }
#main_visual p{color: #fff;  line-height:2.4;  font-size:20rem; font-weight:100; animation:down 0.8s .2s forwards; opacity:0}
#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/layout/icon_btn_arrow.svg) 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.1)  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);
  }
}

@media (max-width:1700px){

	#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{height:1000rem;}
	#main_visual .roll_img{    background-position: 50%;}
}

@media (max-width:1023px) {
	#main_visual{ height:700rem;}
	#main_visual h2{font-size:40rem}


}


@media (max-width:860px){
	
	#main_visual .bx-default-pager{display:block;}
	#main_visual .bx-controls-direction{display:none;}



}

@media (max-width:540px) {
	#main_visual{height:600rem}
	#main_visual .roll{padding-top:0}
	#main_visual p{margin:60rem 0 0; font-size:12rem}
	#main_visual h2{font-size:20rem}
	#main_visual .btn_more{margin-top:25rem}

	


}

.mv{position:relative;}
.mv .slide_wrap{position:relative;}
.mv .slide_wrap .slide_ctn{}
.mv .slide_wrap .slide_ctn .item{width: 100%; height: 100vh; min-height: 600px; animation: imagescale 5s infinite; -webkit-animation: imagescale 5s infinite; -moz-animation: imagescale 5s infinite; -o-webkit-animation: imagescale 5s infinite;}
.mv .slide_wrap .slide_ctn .item .bg{background:url(../img/main/visual01.jpg) 50% 50% no-repeat; background-size:cover; height: 100vh; min-height: 600px; }
.mv .slide_wrap .slide_ctn .item .bg02{background:url(../img/main/visual02.jpg) 50% 50% no-repeat; background-size:cover;}
.mv .slide_wrap .slide_ctn .item .bg03{background:url(../img/main/visual03.jpg) 50% 50% no-repeat; background-size:cover;}

.mv .slide_wrap .slide_txt{position:absolute; top: 50%; left: 0; box-sizing:border-box; width: 100%; }
.mv .slide_wrap .slide_txt .item{display: flex; align-items: center; justify-content: center;  }

.mv .slide_wrap .slide_txt .item p{font-size:25px; font-weight:600; color: #fff; margin-top: 26px; animation:up 1.5s .8s forwards; opacity:0}
.mv .slide_wrap .slide_txt .item h2{font-weight:600; font-size:50rem; color: #fff; overflow: hidden;  line-height: 1.2em; animation:down 1.5s .5s forwards; opacity:0}

.mv .slide_wrap .slide_ui{position:absolute; bottom: 0; left: 50%; width: 100%; max-width: 1500px; transform:translateX(-50%);}
.mv .slide_wrap .slide_ui .chk_progress{display:flex; flex-wrap:wrap; position:relative;width: 100%; height: 10px;}
.mv .slide_wrap .slide_ui .chk_progress::after{content:''; position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: #1b1464; opacity: 0.2;}
.mv .slide_wrap .slide_ui .chk_progress .item{position: relative; top: 0; left: 0; width: 33.33%; height: 100%;}
.mv .slide_wrap .slide_ui .chk_progress .item .txt{text-align: right; position: relative; margin-top: -28px;}
.mv .slide_wrap .slide_ui .chk_progress .item .txt p{font-weight:300; font-size:12px; color: #fff; opacity: 0.3; transition:0.2s;}
.mv .slide_wrap .slide_ui .chk_progress .item .bar{position:absolute; top: 0; left: 0; width: 0; height: 100%; background: #1b1464;}


@media screen and (max-width: 1800px){
	.mv .slide_wrap .slide_ui{margin: 0 120px; left: 0; max-width: none; width: calc(100% - 240px); transform:translateX(0);}
}

@media screen and (max-width: 1500px){
	.mv .slide_wrap .slide_txt{}	
	.mv .slide_wrap .slide_ui{margin: 0 120px 0 40px; width: calc(100% - 160px);}
	
}

@media screen and (max-width: 1200px){
	.mv .slide_wrap .slide_ui{width: 100%; margin: 0; padding: 0 16px; box-sizing:border-box;}
	.mv .slide_wrap .slide_ctn .item .bg{margin-right: 0; }
}

@media screen and (max-width: 1023px){
	.mv .slide_wrap .slide_ctn .item{height: 88vh;}
	.mv .slide_wrap .slide_txt .item{ margin-top: 46px;}
	.mv .slide_wrap .slide_txt .item h2{font-size:50px;}
	.mv .slide_wrap .slide_txt .item p{font-size:20px; margin-top:16px;}
}

@media screen and (max-width: 600px){
	.mv .slide_wrap .slide_txt .item h2{font-size:30rem;}
}




/* ms_bsn ----------------------------------------------------------------------------------- */
.ms_bsn {}
.ms_bsn .inner_box{    position: relative;    display: flex;    align-items: stretch;    height: 100%;}
.ms_bsn .inner_box .lt_area{    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    z-index: 99;}
.ms_bsn .inner_box .lt_area>.lt{    width: 50%;}

.ms_bsn .inner_box .lt_area .mnu_itms{    width: 50%;    height: 100%;    display: flex;    transition: 0.5s;}
.ms_bsn .inner_box .lt_area .mnu_itms:hover{    /* width: 70%; */}
.ms_bsn .inner_box .lt_area .mnu_itms .itm{    position: relative;    height: 100%;    width: 33.33%;    transition:0.5s}
.ms_bsn .inner_box .lt_area .mnu_itms .itm:hover {    width: 75%;}
.ms_bsn .inner_box .lt_area .mnu_itms .itm .img_box{    position: absolute;    width: 100%;    height: 100%;}
.ms_bsn .inner_box .lt_area .mnu_itms .itm .img_box img{    width: 100%;    height: 100%;    object-fit: cover;}
.ms_bsn .inner_box .lt_area .mnu_itms .itm01 .img_box img,
.ms_bsn .inner_box .lt_area .mnu_itms .itm02 .img_box img{    opacity: 0.75;}
.ms_bsn .inner_box .lt_area .mnu_itms .itm .li_in{}
.ms_bsn .inner_box .lt_area .mnu_itms .itm .li_in .shadow{    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;}
.ms_bsn .inner_box .lt_area .mnu_itms .itm01 .li_in .shadow{    background: rgba(0, 0, 0, 0.38);}
.ms_bsn .inner_box .lt_area .mnu_itms .itm02 .li_in .shadow{    background: rgba(0, 0, 0, 0.38);}
.ms_bsn .inner_box .lt_area .mnu_itms .itm03 .li_in .shadow{    background: rgba(0, 0, 0, 0.38);}
.ms_bsn .inner_box .lt_area .mnu_itms .itm .li_in .name_box {    position: absolute;    top: 50%;    transform: translateY(-50%);    right: 0;    display: flex;    justify-content: flex-end;    gap: 5px;    width: 100%;    padding: 0 30px;}
.ms_bsn .inner_box .lt_area .mnu_itms .itm .li_in .name_box::after {    content: '';    position: relative;    flex: 0;    height: 1px;    background: #ddd;    top: 25px;    right: -30px;    transition: 0.5s;}
.ms_bsn .inner_box .lt_area .mnu_itms .itm:hover .li_in .name_box::after {    flex: 1;} 
.ms_bsn .inner_box .lt_area .mnu_itms .itm .li_in .name_box .name{    display: flex;    flex-direction: column;    align-items: flex-end;    gap: 5px;    min-width: 140px;}
.ms_bsn .inner_box .lt_area .mnu_itms .itm .li_in .name_box .name .ko{ word-break: keep-all;   font-size: 30rem;    color: #fff;}
.ms_bsn .inner_box .lt_area .mnu_itms .itm .li_in .name_box .name .en{    font-size: 20rem;   color: rgba(255, 255, 255, 0.35);}
.ms_bsn .inner_box .lt_area .mnu_itms .itm .li_in .name_box .desc{    position: absolute;    top: calc(50% + 45px);    transform: translateY(-50%);    right: 0;    width: calc(100% - 200px);    padding:0 10px;    font-size: 17px;    font-family: 'NanumSquareAcr';     color: #FFF6F6;    line-height: 1.5;    opacity: 0;    min-height: 76px;}

.ms_bsn .inner_box .lt_area .mnu_itms .itm:hover .li_in .name_box .desc{    opacity: 1;    transition: 0.5s 0.3s;}

.ms_bsn .inner_box .rt_area{ position: relative;    width: 100%;    background: #ff0;    background: #fff;}
.ms_bsn .inner_box .rt_area .inner{    margin-left: auto;    height: 100%;    width: 50%;    display: flex;    align-items: center;    justify-content: center;    flex-direction: column;    gap: 90px;}
.ms_bsn .inner_box .rt_area .inner .txt_box{display: flex;    align-items: center;    flex-direction: column;    gap: 20px;}
.ms_bsn .inner_box .rt_area .inner .txt_box .tit {font-size:40rem; font-weight:600; letter-spacing:-1px; }
.ms_bsn .inner_box .rt_area .inner .txt_box .tit:after {content: ""; display:block; margin:30px auto; width:65px; height:3px; background:#000; }
.ms_bsn .inner_box .rt_area .inner .txt_box .desc {font-size:20rem; font-weight:500; color:#7b7b7b; }
.ms_bsn .inner_box .rt_area .inner .itms_box{display:grid;grid-template-columns: repeat(3, 1fr);gap:20rem; z-index:1010;}
.ms_bsn .inner_box .rt_area .inner .itms_box>li{}
.ms_bsn .inner_box .rt_area .inner .itms_box>li .li_in{width: 140px; aspect-ratio: auto 1/1; border: 1px solid #D9D9D9; background: #fff; border-radius: 15px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
.ms_bsn .inner_box .rt_area .inner .itms_box>li .li_in .icon_box{}
.ms_bsn .inner_box .rt_area .inner .itms_box>li .li_in .icon_box img{}
.ms_bsn .inner_box .rt_area .inner .itms_box>li .li_in .koName{font-size: 17rem;    color: #000; font-weight:500; }
.ms_bsn .inner_box .rt_area .inner .itms_box>li .li_in:hover {background:#7a6a55; color:#fff; -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
.ms_bsn .inner_box .rt_area .inner .itms_box>li .li_in:hover .koName { color:#fff; }
.ms_bsn .inner_box .rt_area .inner .itms_box>li .li_in:hover .icon_box {filter: brightness(0) invert(1);}

@media (max-width: 1600px) {
	.ms_bsn .inner_box .lt_area .mnu_itms {    width: 60%;}
	.ms_bsn .inner_box .rt_area .inner {    width: 40%;}
	.ms_bsn .inner_box .lt_area .mnu_itms .itm .li_in .name_box .desc {    top: calc(50% + 60px);    transform: translateY(0);    width: 100%;    min-height: unset;    text-align: right;}
	.ms_bsn .inner_box .lt_area .mnu_itms .itm .li_in .name_box {    padding: 0 10px;}
	.ms_bsn .inner_box .lt_area .mnu_itms .itm .li_in .name_box .name {    gap: 0px;    min-width: 122px;}
	.ms_bsn .inner_box .lt_area .mnu_itms .itm .li_in .name_box .name .ko {    font-size: 35px;}
	.ms_bsn .inner_box .lt_area .mnu_itms .itm .li_in .name_box .name .en {    font-size: 21px;}
	.ms_bsn .inner_box .lt_area .mnu_itms .itm .li_in .name_box::after {    right: -10px;}
}

@media (max-width: 1300px) {
	.ms_bsn .inner_box .rt_area {  padding:50rem 0;}
	.ms_bsn .inner_box .rt_area .inner .itms_box {    width: 90%;    gap: 15px;}
	.ms_bsn .inner_box .rt_area .inner .itms_box>li .li_in {    width: 100%;    border-radius: 10px;}
	.ms_bsn .inner_box .rt_area .inner {    gap: 60px;}
	.ms_bsn .inner_box .rt_area .inner .txt_box .tit {    font-size: 30rem;}
	.ms_bsn .inner_box .rt_area .inner .txt_box .desc {    font-size: 17px;}
	.ms_bsn .inner_box .rt_area .inner .txt_box {    gap: 50px;}
	.ms_bsn .inner_box .rt_area .inner .txt_box .tit::after {    top: calc(100% + 22px);    height: 2px;    width: 65px;}
}

@media (max-width: 1100px) {

	.ms_bsn {    padding: 120px 0 0 0;}
	.ms_bsn .inner_box {    height: auto;    flex-direction: column;    gap: 80px;}
	.ms_bsn .inner_box .lt_area {    position: relative;    top: unset;    left: unset;    height: auto;}
	.ms_bsn .inner_box .lt_area>.lt {    display: none;}
	.ms_bsn .inner_box .lt_area .mnu_itms {    width: 100%;}
	.ms_bsn .inner_box .rt_area {  padding:0;}
	.ms_bsn .inner_box .rt_area .inner {    width: 100%;    gap: 40px;    padding: 0 10px;}
	.ms_bsn .inner_box .rt_area .inner .txt_box {    width: 100%;    align-items: flex-start;    gap: 20px;}
	.ms_bsn .inner_box .rt_area .inner .txt_box .desc {    text-align: left;}
	.ms_bsn .inner_box .rt_area .inner .txt_box .desc br{    display: none;}
	.ms_bsn .inner_box .rt_area .inner .txt_box .tit::after {    display: none;}
	.ms_bsn .inner_box .rt_area .inner .itms_box {    width: 100%;    grid-template-columns: repeat(6, 1fr);}
	.ms_bsn .inner_box .lt_area{    order: 2;    height: 600px;}
	.ms_bsn .inner_box .rt_area .inner .txt_box .tit {    width: 100%; font-size:35rem; }
	.ms_bsn .inner_box .rt_area .inner .txt_box .desc {    text-align: left;    width: 100%;}
	.ms_bsn .inner_box .lt_area .mnu_itms .itm .li_in .name_box .name .ko {    font-size: 35rem;}
	.ms_bsn .inner_box .lt_area .mnu_itms .itm .li_in .name_box .name .en {    font-size: 20rem;}


}

@media (max-width: 992px) {
	.ms_bsn .inner_box .lt_area .mnu_itms {    flex-direction: column;}
	.ms_bsn .inner_box .lt_area .mnu_itms .itm ,
	.ms_bsn .inner_box .lt_area .mnu_itms .itm:hover {    width: 100%;}
	.ms_bsn .inner_box .lt_area .mnu_itms .itm .li_in .name_box {    flex-direction: column;    gap: 15px;    align-items: flex-start;}
	.ms_bsn .inner_box .lt_area .mnu_itms .itm .li_in .name_box .name {    align-items: flex-start;}
	.ms_bsn .inner_box .lt_area .mnu_itms .itm .li_in .name_box .desc {    position: relative;    top: unset;    text-align: left;    padding: 0;    opacity: 1;}
	.ms_bsn .inner_box .lt_area .mnu_itms .itm .li_in .name_box::after {    display: none;}
	.ms_bsn .inner_box .rt_area .inner .itms_box {    grid-template-columns: repeat(3, 150px);     width: fit-content;    margin: 0 auto;}
	.ms_bsn .inner_box .rt_area .inner .txt_box .tit {     font-size: 25rem;}
	.ms_bsn .inner_box .lt_area {    height: unset;}
	.ms_bsn .inner_box .lt_area .mnu_itms .itm {    height: 170px;}
	.ms_bsn .inner_box .lt_area .mnu_itms .itm .li_in .name_box .name .ko {    font-size: 25rem;}
	.ms_bsn .inner_box .lt_area .mnu_itms .itm .li_in .name_box .name .en {    font-size: 18rem;}
	

}


@media (max-width: 768px) {

	.ms_bsn {    padding: 60px 0 0 0;}
	.ms_bsn .inner_box {    gap: 60px;}
	
	.ms_bsn .inner_box .rt_area .inner .itms_box {    grid-template-columns: repeat(3, 1fr);    width: 90%;}
	.ms_bsn .inner_box .rt_area .inner .itms_box>li .li_in .koName{font-size: 14rem;    }


}

@media (max-width: 430px) {

	.ms_bsn .inner_box .rt_area .inner .txt_box .tit {    font-size: 25rem;}
	.ms_bsn .inner_box .rt_area .inner .itms_box {    grid-template-columns: repeat(2, 1fr);    width: 100%;}
	.ms_bsn .inner_box .lt_area .mnu_itms .itm .li_in .name_box .desc {    font-size: 15px;}
	.ms_bsn .inner_box .lt_area .mnu_itms .itm .li_in .name_box .name .ko {    font-size: 25px;}
	.ms_bsn .inner_box .lt_area .mnu_itms .itm .li_in .name_box .name .en {    font-size: 16px;}
	.ms_bsn .inner_box .rt_area .inner .itms_box>li .li_in .koName{font-size: 15rem;    }

}



/* ms_abu ----------------------------------------------------------------------------------- */
.ms_abu {    background: url(../img/main/intro_bg.jpg) no-repeat center center / cover;}
.ms_abu .inner_box{    display: flex;    align-items: center;    gap: 30px;}
.ms_abu .inner_box .txt_box {    width: 32%;    min-width: 32%;}
.ms_abu .inner_box .txt_box .tit_box{  word-break: keep-all;color:#fff;  margin-bottom: 90px;    display: flex;    flex-direction: column; margin-left:100rem; }
.ms_abu .inner_box .txt_box .tit_box .tit {font-size:40rem; font-weight:500; letter-spacing:-1px;}
.ms_abu .inner_box .txt_box .tit_box .tit:after {content: ""; display:block; margin:30px 0; width:65px; height:3px; background:#fff; }
.ms_abu .inner_box .txt_box .tit_box .desc {word-break: keep-all; font-size:18rem; font-weight:400; letter-spacing:-.5px;}
.ms_abu .inner_box .txt_box .moer_box{     margin-left:100rem;    width: 220px;    height: 70px;    display: flex;    align-items: center;    justify-content: center;    border: 1px solid #fff;}
.ms_abu .inner_box .txt_box .moer_box a{    display: flex;    align-items: center;    gap: 50px;    font-size: 20px;    color: #fff;    width: 100%;    height: 100%;    justify-content: center;    background: transparent;}
.ms_abu .inner_box .txt_box .moer_box:hover a{    background: rgba(26, 26, 26, 0.65);}
.ms_abu .inner_box .mnu_box{}
.ms_abu .inner_box .mnu_box .mnu_itms{    display: flex;    align-items: center;    gap: 10px;}
.ms_abu .inner_box .mnu_box .mnu_itms>li{position: relative;      transition: 0.3s;    transform: translateY(0);}
.ms_abu .inner_box .mnu_box .mnu_itms>li .li_in{}
.ms_abu .inner_box .mnu_box .mnu_itms>li .li_in .img_box{    width: 235px;    height: 530px;}
.ms_abu .inner_box .mnu_box .mnu_itms>li .li_in .img_box img{    width: 100%;    height: 100%;    object-fit: cover;    filter: grayscale(0.5);    transition: 0.3s;}
.ms_abu .inner_box .mnu_box .mnu_itms>li.active:nth-child(1){    transform: translateY(60px);    transition: 0.3s;}
.ms_abu .inner_box .mnu_box .mnu_itms>li.active:nth-child(2){    transform: translateY(-60px);    transition: 0.3s;}
.ms_abu .inner_box .mnu_box .mnu_itms>li.active:nth-child(3){    transform: translateY(60px);    transition: 0.3s;}
.ms_abu .inner_box .mnu_box .mnu_itms>li.active:nth-child(4){    transform: translateY(-60px);    transition: 0.3s;}
.ms_abu .inner_box .mnu_box .mnu_itms>li:hover .li_in .img_box img{    filter: grayscale(0);}
.ms_abu .inner_box .mnu_box .mnu_itms>li .li_in .img_box span {position:absolute; text-align:right; right:0%; transform:translateX(0%); bottom:0; color:#fff; font-weight:600; padding:20rem; }

@media (max-width: 1700px) {

	.ms_abu .inner_box {    padding: 120px 0;}

	.ms_abu .inner_box .txt_box {    width: 45%;    min-width: unset;}
	.ms_abu .inner_box .mnu_box {    width: 55%;}
	.ms_abu .inner_box .txt_box .tit_box {   margin-left:50rem;}
	.ms_abu .inner_box .txt_box .tit_box .tit {    font-size: 30rem; }
	.ms_abu .inner_box .txt_box .tit_box .desc {    font-size: 18rem; }
	.ms_abu .inner_box .mnu_box .mnu_itms {    flex-wrap: wrap;}
	.ms_abu .inner_box .mnu_box .mnu_itms>li {    transition: 0.3s;    width: calc((100% - 20px) / 2);}
	.ms_abu .inner_box .mnu_box .mnu_itms>li.active {    transform: translateY(0) !important;}
	.ms_abu .inner_box .mnu_box .mnu_itms>li .li_in .img_box img { width:100%;   filter: grayscale(0.5);}
	.ms_abu .inner_box .mnu_box .mnu_itms>li .li_in .img_box { width:100%;    height: 100%;}

	.ms_abu .inner_box .txt_box .moer_box {  margin-left:50rem;  width: 180px;    height: 60px;}
	.ms_abu .inner_box .txt_box .moer_box a {    gap: 40px;    font-size: 18px;}

}


@media (max-width: 992px) {


	.ms_abu .inner_box {    flex-direction: column;    padding: 60px 0;    gap: 40px;}
	.ms_abu .inner_box .txt_box,
	.ms_abu .inner_box .mnu_box {    width: 100%;}
	.ms_abu .inner_box .txt_box .tit_box { padding-left:20rem; margin-left:0rem;    margin-bottom: 40px;    gap: 20px;}
	.ms_abu .inner_box .txt_box .tit_box .tit::after{    display: none;}
	.ms_abu .inner_box .txt_box .tit_box .tit {    font-size: 25rem; }
	.ms_abu .inner_box .txt_box .tit_box .desc {    font-size: 16rem; }
	.ms_abu .inner_box .txt_box .moer_box { margin-left:20rem;   width: 180px;    height: 50px;}
	.ms_abu .inner_box .txt_box .moer_box a {    font-size: 17px;}
	.ms_abu .inner_box .mnu_box .mnu_itms {    gap: 15px;}
	.ms_abu .inner_box .mnu_box .mnu_itms>li {    width: calc((100% - 15px) / 2);}

}

@media (max-width: 576px) {
	.ms_abu .inner_box .mnu_box .mnu_itms>li .li_in .img_box {    height: 160px;}
}

@media (max-width: 430px) {

	.ms_abu .inner_box .txt_box .tit_box {    margin-bottom: 30px;}
	.ms_abu .inner_box .txt_box .moer_box {    width: 150px;    height: 45px;}
	.ms_abu .inner_box .txt_box .moer_box a {    font-size: 15px;}

}





/* ms_news ----------------------------------------------------------------------------------- */
.ms_news{}
.ms_news .inner_box{    position: relative;    height: 100%;    height: 100dvh;}

.ms_news .inner_box .bg_box{    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    display: flex;    align-items: stretch;    pointer-events: none;}
.ms_news .inner_box .bg_box .lt_area,
.ms_news .inner_box .bg_box .rt_area{    width: 50%;    height: 100%;}
.ms_news .inner_box .bg_box .lt_area{}

.ms_news .inner_box .bg_box .rt_area{}
.ms_news .inner_box .bg_box .rt_area .img_box{    position: relative;    width: 100%;    height: 100%;}
/*.ms_news .inner_box .bg_box .rt_area .img_box::after{    content: '';    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: rgba(13, 34, 68, 0.59);}*/
.ms_news .inner_box .bg_box .rt_area .img_box img{    width: 100%;    height: 100%;    object-fit: cover;}

.ms_news .inner_box .sld_wrap{    display: flex;    height: 100%;}
.ms_news .inner_box .sld_wrap .tit_wrap{    width: 50%;}
.ms_news .inner_box .sld_wrap .tit_wrap{    display: flex;    align-items: center;    justify-content: center;}
.ms_news .inner_box .sld_wrap .tit_wrap .tit_box{  position: relative;  display: flex;    align-items: flex-start;    justify-content: center;    flex-direction: column;}
.ms_news .inner_box .sld_wrap .tit_wrap .tit_box i {position:absolute; text-align:center; left:-5%; transform:translateX(-50%); top:-60rem;}
.ms_news .inner_box .sld_wrap .tit_wrap .tit_box h3{    font-size: 40rem;    color: #000; font-weight:500; letter-spacing:-1px; margin-bottom:20rem; }
.ms_news .inner_box .sld_wrap .tit_wrap .tit_box .tit{    font-size: 20rem;    color: #4a4a4a; padding-right: 20rem;}

.ms_news .inner_box .sld_wrap .tit_wrap .moer_box{ margin-top:50rem; width: 220px;    height: 70px;   border: 1px solid #828282;}
.ms_news .inner_box .sld_wrap .tit_wrap .moer_box a{    display: flex;    align-items: center;    gap: 50px;    font-size: 20px;    color: #828282;    width: 100%;    height: 100%;    justify-content: center;    background: transparent;}
.ms_news .inner_box .sld_wrap .tit_wrap .moer_box:hover a{    background: rgba(122, 106, 85, 0.15);}

.ms_news .inner_box .slide_area{    position: relative;    width: 50%;}
.ms_news .inner_box .slide_area .mo_bg{    display: none;}
.ms_news .inner_box .slide_area .news_slider{    left: -175px;    top: 50%;    transform: translateY(-50%);    width: 1420px;    overflow: hidden;    padding: 10px;}
.ms_news .inner_box .slide_area .news_slider .slick-list{    margin: 0 -25px;    padding: 10px 0;}
.ms_news .inner_box .slide_area .news_slider .slick-slide{    margin: 0 25px;}
.ms_news .inner_box .slide_area .news_slider .sld{    background: #fff;    padding: 25px 30px 35px;    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);}
.ms_news .inner_box .slide_area .news_slider .sld .sld_in{}
.ms_news .inner_box .slide_area .news_slider .sld .sld_in .img_box{    width: 100%;    height: 245px;      border: 1px solid #E1E1E1;      margin-bottom: 10px;}
.ms_news .inner_box .slide_area .news_slider .sld .sld_in .img_box img{    width: 100%;    height: 100%;    object-fit: cover;    }
.ms_news .inner_box .slide_area .news_slider .sld .sld_in .txt_box{    margin-bottom: 45px;    padding: 0 5px;}
.ms_news .inner_box .slide_area .news_slider .sld .sld_in .txt_box .tit{    font-size: 20rem; font-weight:500;    color: #000000;    min-height: 48px;}

@media (max-width: 1600px) {
	.ms_news .inner_box .slide_area .news_slider{    left: -130px;    width: calc(100% + 130px);}
	.ms_news .inner_box .slide_area .news_slider .slick-list{    margin: 0 -15px;}
	.ms_news .inner_box .slide_area .news_slider .slick-slide{    margin: 0 15px;}
}

@media (max-width: 1200px) {
	.ms_news .inner_box {    height: unset;    padding: 120px 0 0;}
	.ms_news .inner_box .sld_wrap {    position: relative;    height: unset;    flex-direction: column;    align-items: flex-start;    gap: 40px;}
	.ms_news .inner_box .sld_wrap .tit_wrap {    justify-content: flex-start;    width: 100%;    padding: 0 10px;}
	.ms_news .inner_box .sld_wrap .tit_wrap .tit_box i {left:0%; transform:translateX(0%); top:-100rem;}
	.ms_news .inner_box .sld_wrap .tit_wrap .tit_box i img {width:80rem;}
	.ms_news .inner_box .sld_wrap .tit_wrap .tit_box h3 {    font-size: 30rem;}
	.ms_news .inner_box .slide_area .news_slider .sld .sld_in .txt_box .tit{    font-size: 18rem;}
	.ms_news .inner_box .sld_wrap .tit_wrap .moer_box {  margin-left:10rem;  width: 180px;    height: 60px;}
	.ms_news .inner_box .sld_wrap .tit_wrap .moer_box a {    gap: 40px;    font-size: 18px;}
	.ms_news .inner_box .slide_area {    position: relative;    width: 100%;    padding: 60px 10px;}
	.ms_news .inner_box .slide_area .news_slider {    left: 0;    width: 100%;    top: unset;    transform: translateY(0);    width: 100%;    padding: 0;} 
	.ms_news .inner_box .bg_box {    background: #fff;}
	.ms_news .inner_box .bg_box .lt_area,
	.ms_news .inner_box .bg_box .rt_area {    display: none;}

	.ms_news .inner_box .slide_area .mo_bg{    display: block;    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;}
	.ms_news .inner_box .slide_area .mo_bg img{    width: 100%;    height: 100%;    object-fit: cover;}
	
}

@media (max-width: 992px) {

	.ms_news .inner_box {    padding: 60px 0 0;}
	.ms_news .inner_box .sld_wrap .tit_wrap .tit_box i img {width:50rem;}
	.ms_news .inner_box .sld_wrap .tit_wrap .tit_box .tit p {    font-size: 16rem;}
	.ms_news .inner_box .sld_wrap .tit_wrap .tit_box h3 {    font-size: 25rem;}
	.ms_news .inner_box .slide_area .news_slider .sld .sld_in .txt_box .tit{    font-size: 18rem;}
	.ms_news .inner_box .sld_wrap .tit_wrap .tit_box i {left:0%; transform:translateX(0%); top:-10rem;}
	.ms_news .inner_box .slide_area .news_slider .sld {    padding: 20px 15px 30px;}
	.ms_news .inner_box .slide_area .news_slider .sld .sld_in .img_box {    height: 180px;}

	.ms_news .inner_box .slide_area .news_slider .slick-list{    margin: 0 -7px;}
	.ms_news .inner_box .slide_area .news_slider .slick-slide{    margin: 0 7px;}
}

@media (max-width: 576px) {
	.ms_news .inner_box .sld_wrap .tit_wrap .tit_box h3 { margin-top:40rem; }
	.ms_news .inner_box .sld_wrap .tit_wrap .tit_box .tit{    font-size: 16rem;}
	.ms_news .inner_box .slide_area {    padding: 60px 0;}

}


@media (max-width: 430px) {
 
	.ms_news .inner_box .slide_area .news_slider .sld .sld_in .img_box {    height: 140px;}
	.ms_news .inner_box .slide_area .news_slider .sld .sld_in .txt_box {    margin-bottom: 20px;    padding: 0;}

	.ms_news .inner_box .slide_area .news_slider .sld {    padding: 20px 15px;}
	.ms_news .inner_box .slide_area .news_slider .sld .sld_in .more p {    width: 130px;    height: 45px;    padding-left: 10px;    font-size: 14px;}
	.ms_news .inner_box .slide_area .news_slider .sld .sld_in .more p i {    font-size: 20px;}

	.ms_news .inner_box .sld_wrap .tit_wrap .moer_box {    width: 150px;    height: 45px;}
	.ms_news .inner_box .sld_wrap .tit_wrap .moer_box a {    font-size: 15px;}
}