<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">header{position: absolute !important;left: 50%; transform: translateX(-50%);background: #fff;    z-index: 99; box-shadow: 0 0 10px rgb(0 0 0 / 10%);    width: 100%;}

/*�ㅼ��댄띁*/
.swiper-slide {  display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.swiper-slide img { display: block; object-fit: cover;}

.sec .sec_center{position: absolute;
    width: 100%;
    margin: 0 auto;
    top: 55%;
    left: 50%;
    transform: translate(-50%,-50%);}

.sec {/* padding:140px 0;  */width: 100vw;height: 100vh;}
.sec01{width: 100vw; height: 100vh;}
.sec01 .swiper,
.sec01 .swiper-wrapper,
.sec01 .swiper-slide,
.sec01 .slide_img{width: 100%;height: 100%;}
.sec01 .swiper-slide{flex-direction: column;    justify-content: flex-end;}
.sec01 .text_box{width: 75%;margin:0 auto;position:absolute;    top: 18%;left: 13%;}
:lang(en).sec01 .text_box{top:21%;}
.sec01 .text_box h2{font-size:2.5rem;font-family: 'S-CoreDream-6Bold'}
:lang(en).sec01 .text_box h2{font-size:2rem;}
.sec01 .text_box p{margin-top:10px; opacity: 0.8;}
.sec01 .slide_img{width: 100%;height:45vh;  background: #ddd;position: absolute;bottom: 70px;}



.sec01 .swiper-button-next:after,.sec01  .swiper-rtl .swiper-button-prev:after{content:'' !important;background: url(../img/arr.svg) no-repeat center/cover;width: 100%;height: 100%;}
.sec01 .swiper-button-prev:after, .sec01 .swiper-rtl .swiper-button-next:after{content:'' !important;background: url(../img/arr.svg) no-repeat center/cover;width: 100%;height: 100%;transform: rotate(180deg);}
.sec01 .swiper-button-next,.sec01  .swiper-rtl .swiper-button-prev{ right: 0!important; left: auto;}
.sec01 .swiper-button-prev,.sec01  .swiper-rtl .swiper-button-next{ right: 130px!important; left: auto !important;}
.sec01 .swiper-button-next,.sec01  .swiper-button-prev{    align-items: initial !important; top:0% !important;width: 80px !important; height: 80px !important;    margin: 0;}

.sec_txt_box{margin-bottom:5%;}
.sec01 .sw_but{     z-index: 999;   height: 80px; position: absolute; top: 30%; left: 50%; transform: translateX(-50%);}
.index_txt{font-size:1rem;font-weight: 600; color:#777}
.index_tit{font-size:2rem;font-family: 'S-CoreDream-6Bold';margin:10px 0; color:#222}

/*��*/
.sec{ display: flex; flex-direction: row; align-items: center;}
.sec02{position: relative;}
.tabSet{}
.sec02 .tabSet ul.tabs{justify-content: flex-end;}
.sec02 .tabSet .panels {margin-top:0;}
.tabSet .tabs{position:absolute;top:22%;right:0;}
.tabSet ul.tabs  li{float:left;padding:0 15px 0 0;list-style-type:none;width: 200px;}
.tabSet ul.tabs li a{float:left;color:#333;background:#fff;border:1px solid #333;padding:15px 0;	display:block;	font-weight:bold;font-size:14px;width:100%;	text-decoration:none;text-align: center;}
.tabSet ul.tabs li a.on{background:#333;cursor:default;color:#fff;	}
.panels{background:#fff;min-height:180px;}
.panel{color:#4d4d4d;/*  display:none; */}



:lang(en).tabSet .tabs{width: 35% !important;;}
:lang(en).tabSet ul.tabs li{width: 50%;;padding-right:0;}


/*sec02*/
.sec02 .sec02_mySwiper .swiper-slide{width: 100%;position: relative;overflow: hidden;border-radius: 5px;padding-bottom:20%;}
.sec02 .swiper{    overflow: inherit;}
.sec02 .swiper-slide::before{content:'';display: block;width: 100%;height: 100%;background: #000;opacity: 0.5;transform: translateY(30vh);transition-duration: 0.3s;}
.sec02 .swiper-slide:hover::before{transform: translateY(0vh);}
.sec02 .swiper-slide p{position:absolute;bottom:20px;left:20px;color:#fff;opacity: 0;transition-duration: 0.3s;}
.sec02 .swiper-slide:hover p{opacity: 1;}


/*sec03*/
.sec03{background: #f9f9f9;}
.sec03 .sec_txt_box{text-align: center;}

.sec03 .sec03_mySwiper{overflow: hidden;}
.sec03 .sec03_mySwiper .swiper-slide{margin-bottom:20px;}
.sec03 .sec03_mySwiper .swiper-slide &gt; div{    width: 100%;border:1px solid #ddd;background: #fff;}
.sec03 .swiper-slide i{width: 100%;    padding-bottom: 65%;background: #f2f2f2;display: block;background-size: cover;}
.sec03 .box{padding:20px;}
.sec03 .notice_tit{font-size:1rem;}
.sec03 .notice_date{font-size:0.9rem;color:#888;text-align: right;margin-top:20px;font-weight: 500;}

.sec03_but{margin-top:6vh;text-align: center;}
.sec03_but button{border:1px solid #ddd; color:#666;padding:15px 50px; font-family: 'S-CoreDream-3Light';background: #fff;;}


/*sec04*/
.sec04 &gt; div{width: 100%;}
.sec04 .sec_txt_box{justify-content: space-between; align-items: flex-end;}
.sec04 .index_tit{margin:0;}
.sec04 .partner_mySwiper .swiper-slide{padding: 70px 20px;position: relative;}
.sec04 .partner_mySwiper.swiper{overflow: initial;transform: translateX(-20%);}
.sec04 .sec04_mySwiper p{position: absolute;bottom:-25px;left:15px;color:#fff;transition-duration: 0.3s;z-index: 9;font-weight: 400;font-size: .8rem;}
.sec04 .sec04_mySwiper .swiper-slide::after{content:'';display: block; width: 100%;height: 100%;position: absolute;left:0;top:0;background: rgb(0 0 0 / 70%);opacity: 0;}
.sec04 .sec04_mySwiper .swiper-slide:hover p{bottom:15px;}
.sec04 .sec04_mySwiper .swiper-slide:hover::after{opacity: 1;transition-duration: 0.3s;}


/* ********************************************* *
 * 1500px
 * ********************************************* */
 @media screen and (max-width: 1500px){
   
    .sec01 .text_box {left: 1%; }
    .sec01 .sw_but {left: 49%;}
}

/* ********************************************* *
* 1400px
* ********************************************* */
@media screen and (max-width: 1400px){

    :lang(en).sec02 .sec_txt_box {margin-bottom: 11%;}
    :lang(en).tabSet .tabs {position: absolute;top: auto;right: 40px;bottom: 43%;width: 50% !important;}




 
}

/* ********************************************* *
* 1200px
* ********************************************* */
@media screen and (max-width: 1200px){

    .sec01 .swiper-button-next, .sec01 .swiper-button-prev{ width: 60px !important; height: 60px !important;}
    .sec01 .swiper-button-prev, .sec01 .swiper-rtl .swiper-button-next {right: 80px!important;}
}

/* ********************************************* *
* 1024px
* ********************************************* */
@media screen and (max-width: 1024px){
    .sec {padding: 140px 0; width: 100%;height: auto;}
    .sec04 .partner_mySwiper .swiper-slide { padding: 50px 10px;}


    .sec .sec_center {position: initial;transform: none;}

    
.section {height: auto !important;}
.sec02 &gt;div {height: auto !important;}
.sec03 &gt;div {height: auto !important;}
.sec04 &gt;div {height: auto !important;}
.sec01 .slide_img {height: 50vh;}
.sec01 .text_box {width: 100%;}

:lang(en).sec01 .sw_but{top:40%;}
}


/* ********************************************* *
* 960px
* ********************************************* */
@media screen and (max-width: 960px){
.sec02 .sec_txt_box{margin-bottom:100px;}
.tabSet .tabs {    top: 43%;; right: 0; width: 100%;display: flex;justify-content: flex-end;}

.sec02 .sec02_mySwiper .swiper-slide { padding-bottom: 23%;}


.sec03 .box {padding: 15px;}
.sec03 .row {margin-left: -8px; margin-right: -8px;}
.sec03 .row &gt; [class*='col'] { padding-right: 8px; padding-left: 8px;}
.sec03_but { margin-top: 6vh;}

.sec04 .partner_mySwiper.swiper { transform: none;}

.sec02 .swiper-slide p {opacity: 1;bottom: 10px;left: 10px;text-shadow: 0 0 8px rgb(0 0 0 / 60%);}

:lang(en).sec02 .sec_txt_box {margin-bottom: 15%;}
:lang(en).tabSet .tabs {right: 0px;width: 100% !important;}

:lang(en).sec04 .sec_txt_box { display: block;}


}


/* ********************************************* *
* 768px
* ********************************************* */
@media screen and (min-width: 769px){
 
 
}
@media screen and (max-width: 768px){

    .sec{padding: 80px 0;}
    .index_txt {font-size: 0.9rem;}
    .index_tit {font-size: 1.5rem;}
    .sec04 .partner_mySwiper .swiper-slide { padding: 40px 10px;}

    :lang(en).sec02 .sec_txt_box {margin-bottom: 15%;}
    :lang(en).tabSet .tabs {bottom:39%}


}


/* ********************************************* *
* 640px
* ********************************************* */
@media screen and (max-width: 640px){
    .sec01 .text_box h2 {font-size: 2rem;font-weight: 100;}

    .sec01 .swiper-button-next, .sec01 .swiper-button-prev{ width: 50px !important; height: 50px !important;}
    .sec01 .swiper-button-prev, .sec01 .swiper-rtl .swiper-button-next {right: 60px!important;}

    .tabSet .tabs {top: 50%;}
    .tabSet ul.tabs li{width: auto;;}
    .tabSet ul.tabs li a{    border: none;    padding: 0;}
    .tabSet ul.tabs li a.on{background: transparent;color:#222;font-family:  'S-CoreDream-6Bold';}
    .tabSet ul.tabs li a{background: transparent;color:#777;}

    .sec02 .sec_txt_box { margin-bottom: 60px;}
    .tabSet .tabs {top: 47%; }

    .sec01 .slide_img { height: 100%;;}

 .sec01 .swiper-slide:first-child .slide_img{background: url(../img/mo_main_slide01.jpg) no-repeat top/cover !important;}
 .sec01 .swiper-slide:last-child .slide_img{background: url(../img/mo_main_slide02.jpg) no-repeat top/cover !important;}
 .sec01 .text_box {left: 5%;color:#fff;}
 .sec01 .sw_but {
    left: 43%;
    top: auto;
    bottom: 0;
}

:lang(en).sec01 .text_box {width: 89%;}
:lang(en).sec01 .sw_but {top: auto;bottom:0;}
}


/* ********************************************* *
* 600px
* ********************************************* */
@media screen and (max-width: 600px){

    .tabSet .tabs {position: initial;}
    .tabSet ul.tabs li{padding-right:0;padding-left:15px;}
    .sec02 .sec02_mySwiper .swiper-slide { padding-bottom: 38%;}
    .sec02 .sec_txt_box { margin-bottom: 30px;}
    
    .sec03_but { margin-top: 30px;}

    :lang(en).tabSet .tabs{position: initial;transform: none;}
    :lang(en).tabSet ul.tabs li a{padding:15px;border:1px solid #222;color:#222;}
    :lang(en).tabSet ul.tabs li a.on {background: #222;color: #fff;}
    :lang(en).tabSet ul.tabs li{padding:0;}
}

/* ********************************************* *
* 500px
* ********************************************* */
@media screen and (max-width: 500px){
    .sec04 .sec_txt_box{flex-direction: column;align-items: flex-start;}

    .sec01 .text_box h2 {font-size: 1.6rem;}

    .sec01 .sw_but {left: 43%;top: auto;bottom: 0;}

    .index_txt {word-break: keep-all;}
    .index_txt br{display: none;}

    .sec {padding: 70px 0;}


    .sec03 .box {padding: 10px;}
    .sec03 .notice_date {margin-top: 10px;}

    
    :lang(en).tabSet ul.tabs li a{font-size: 0.9rem;}
    :lang(en).sec04 .sec_txt_box .index_txt{font-size: 0.8rem;margin-top:10px;}
    :lang(en).sec01 .text_box h2 {font-size: 1.4rem;}
}

/* ********************************************* *
* 400px
* ********************************************* */
@media screen and (max-width: 400px){
    :lang(en).tabSet ul.tabs{flex-wrap: wrap;}
    :lang(en).tabSet ul.tabs li{width: 100%;margin:0;margin-bottom:10px;}
    :lang(en).tabSet ul.tabs li a{padding:8px;border-radius: 4px;;}


}



</pre></body></html>