@charset "utf-8";



#mVisual { }
.mv_slider.slick-slide,
.mvWrap .slick-track,
.mvWrap .slick-list{ position:relative; height:100%; outline: none;}

#mVisual .mv_slider {position:relative; width:100%; height:100vh; }


#mVisual .mv_slider video{position: absolute; top:50%; right: 50%; transform: translate(50%, -50%);  z-index: 8; width: auto; height: auto; min-width: 100%; min-height: 100%;}
#mVisual .mv_slider.ver3 video {left: 50%; transform: translate(-50%, -50%); }
#mVisual .mv_slider::after{content: ''; position: absolute; top: 0; left: 0;  width: 100%; height: 100vh; display: block; background-color: rgba(0,0,0,0.45); z-index: 10;}
/* #mVisual .mv_slider.ver2::after {display:none} */
#mVisual .mv_slider .s-inner {height:100%; z-index:11; }

#mVisual .mv_slider .mv-txt { position: relative; display:flex; align-items: center; width:100%; height:100%; margin:0 auto; max-width: 1600px; }
#mVisual .mv_slider .mv-txt.ver1 div {text-align:left}
#mVisual .mv_slider .mv-txt div { width: 100%; box-sizing:border-box; color:#fff; text-align:center }
#mVisual .mv_slider .mv-txt div .t1 { font-size:7rem; font-weight: 700;  line-height: 1.2em; }
#mVisual .mv_slider .mv-txt div .t1.st1 {font-size:6.0rem;   font-weight: 700; }
#mVisual .mv_slider .mv-txt div .t2 { font-size: 5rem; margin-top: 1.5em; font-weight:300}
#mVisual .mv_slider .mv-txt div .t2.st2 { font-size:6.3rem;}
#mVisual .mv_slider .mv-txt div .t3 { font-size: 2.0rem; line-height:1.6em; font-weight:500 }

#mVisual .mv_slider .mv-txt div .br767 {display:none}

#mVisual .mv_slider .mv-txt div p .fc-mv1 {color:#FF5050}
#mVisual .mv_slider .mv-txt div p .fc-mv2 {color:#0070C0}
#mVisual .mv_slider .mv-txt div p .fc-mv3 {color:#00ff18}
#mVisual .mv_slider .mv-txt div p .fc-mv4 {color:#002aff}
#mVisual .mv_slider .mv-txt div p .fc-mv5 {color:#66ff00}
#mVisual .mv_slider .mv-txt div p .fc-mv6 {color:#ff9c00}
#mVisual .mv_slider .mv-txt div p .fc-mv7 {color:#fff000}

@media all and (max-width:1280px) {
	#mVisual .mv_slider.ver1 video{ right: 50%; transform: translate(34%, -50%); }
	#mVisual .mv_slider.ver2 video{ right: 50%; transform: translate(28%, -50%); }
	#mVisual .mv_slider .mv-txt div .t1 { font-size:6rem;  }
	#mVisual .mv_slider .mv-txt div .t1.st1 {font-size:5.0rem; }
  #mVisual .mv_slider .mv-txt div .t2 { font-size: 4rem; }
  #mVisual .mv_slider .mv-txt div .t2.st2 { font-size:5.3rem;}
  #mVisual .mv_slider .mv-txt div .t3 { font-size: 1.8rem;}
}

@media all and (max-width:978px) {
	#mVisual .mv_slider video {height:70vh}
	#mVisual .mv_slider.ver2 video{ right: 50%; transform: translate(34%, -50%); }
	#mVisual .mv_slider .mv-txt { ; height:70%; }
    #mVisual .mv_slider .mv-txt div .t2 { font-size: 3.2rem; }
	#mVisual .mv_slider .mv-txt div .t2.st2 { font-size:4.0rem;}
}

@media all and (max-width:767px) {
		#mVisual .mv_slider.ver2 video{ right: 50%; transform: translate(28%, -50%); }
   #mVisual .mv_slider .mv-txt div .br767 {display:block}
   	#mVisual .mv_slider .mv-txt.ver1 div {text-align:center}
		#mVisual .mv_slider .mv-txt div .t1.st1 {font-size:6rem; }
	  #mVisual .mv_slider .mv-txt div .t2.st2 { font-size:3.2rem;}
}
@media all and (max-width:568px) {
  #mVisual .mv_slider .mv-txt div .t1 { font-size:4.8rem; }
	#mVisual .mv_slider .mv-txt div .t1.st1 {font-size:4.8rem; }
  #mVisual .mv_slider .mv-txt div .t2 { font-size: 2.8rem; margin-top: 1em;  }
	#mVisual .mv_slider .mv-txt div .t2.st2 { font-size:2.8rem;}
  #mVisual .mv_slider .mv-txt div .t3 { top: 43%; }
}

@media all and (max-width:480px) {
	#mVisual .mv_slider .mv-txt div .t3 br {display:none}
}



.mtit { margin-bottom: 1em; }
.mtit .en { font-size: 2rem; font-weight: 600; color:#004ddf; font-family: 'Jost'; margin-bottom: 0.7em; }
.mtit h3 { font-size: 4.6rem; font-family: 'Noto Sans SC'; color:#212121; line-height: 1.2em;}
.mtit .txt { font-size: 1.8rem; color:#949498; line-height: 1.7em; margin: 2em 0 0; }
.mtit .more { font-size: 1.8rem; font-family: 'Noto Sans SC'; color:#212121; font-weight: 600; margin-top: 3em;
                  display: inline-block; border-bottom: 4px solid #212121; padding: 0 0.7em 0.5em;  }
.mtit .more::after { content: '+'; margin-left: 2.5em; }

.mtit.wh .en, .mtit.wh h3, .mtit.wh .txt, .mtit.wh .more { color:#fff; border-color:#fff;  }

@media all and (max-width:1580px) {
  .mtit h3 { font-size: 4.3rem; }
}

@media all and (max-width:1280px) {
  .mtit .en { font-size: 1.9rem; }
  .mtit h3 { font-size: 3.8rem; }
  .mtit .txt { font-size: 1.7rem; }
}

@media all and (max-width:1080px) {
  .mtit .en { font-size: 1.8rem; }
  .mtit h3 { font-size: 3.6rem; }
  .mtit .txt { font-size: 1.6rem; line-height: 1.5em; }
}

@media all and (max-width:568px) {
  .mtit { margin-bottom: 2em; }
  .mtit .en { font-size: 1.5rem; }
  .mtit h3 { font-size: 3.2rem; }
  .mtit .more { border-width: 3px; margin-top: 2em; }
  .mtit .more::after { margin-left: 1.5em; }
}

@media all and (max-width:380px) {
  .mtit h3 { font-size: 2.8rem; }
}



#mBusiness { padding: 5% 0; }
#mBusiness .business-for .item { display: flex; align-items: flex-start; }
#mBusiness .business-for .item .img { width: 55%; }
#mBusiness .business-for .item .img img { max-width: 100%; }
#mBusiness .business-for .item .cont { width: 45%; padding: 3% 0 5% 6%; margin-bottom: 150px; }


#mBusiness .business-nav { background: #f7f9fc; position: absolute; right:0; bottom:0; width: 45%; height: 150px; padding: 1.1em 0 1.1em 4em; text-align: center; }
#mBusiness .business-nav li { max-width: 185px; font-family: 'Noto Sans SC';  border-left: 1px solid #dadee4; padding: 0.5em 0; color:#858b95; cursor: pointer;}
#mBusiness .business-nav li img { display: inline-block; max-width: 40%; }
#mBusiness .business-nav li img.on { display: none; }
#mBusiness .business-nav li p { margin-top: 1em; font-weight: 500; }
#mBusiness .business-nav .slick-current { color:#0d51f7;  }
#mBusiness .business-nav .slick-current img.off { display: none; }
#mBusiness .business-nav .slick-current img.on { display: inline-block; }

#mBusiness .business-nav .slick-list,
#mBusiness .business-nav .slick-track { transform: none !important; }


@media all and (max-width:1580px) {
  #mBusiness { padding: 7% 0; }
  #mBusiness .business-for .item .cont { padding: 0% 0 4% 4%; }
}

@media all and (max-width:1480px) {
  #mBusiness .business-for .item { align-items: stretch; }
  #mBusiness .business-for .item .img {  }
  #mBusiness .business-for .item .img img { max-width: auto; width: 100%; height: 100%; object-fit: cover; }
  /* #mBusiness .business-nav { padding: 2em 3em; } */

  #mBusiness .business-nav li img { max-width: 50%; }
  #mBusiness .business-nav li p { font-size: 1.5rem; }
}

@media all and (max-width:1280px) {
  #mBusiness .business-nav { padding: 1.5em 0 1.5em 2em; }
}



@media all and (max-width:976px) {
  #mBusiness { padding: 9% 0; }
  #mBusiness .s-inner { max-width: 800px; }
  #mBusiness .business-for .item { flex-wrap: wrap; }
  #mBusiness .business-for .item .img { width: 100%; }
  #mBusiness .business-for .item .cont { width: 100%; padding: 9% 5%; margin-bottom:0;  }

  #mBusiness .business-nav { position: relative; right: inherit; bottom: inherit; width: 100%; height: auto; padding: 1em 0; }
  #mBusiness .business-nav li:first-child { border-color:transparent; }
  #mBusiness .business-nav li img { width: 50px; }

  #mBusiness .business-nav li p { font-size: 1.6rem; }
}

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



#mPartner { position: relative; width: 100%; overflow: hidden; color:#fff; text-align: center; padding: 7% 0; font-family: 'Noto Sans SC'; font-weight: 500;
                  background: url("/images/main/partnerBG.jpg") no-repeat center; background-size: cover; }

#mPartner .partnerNav { display: flex; justify-content: center; margin: 3.5em 0; gap: 5px; }
#mPartner .partnerNav li { font-size: 1.8rem; width: 160px; line-height: 42px; border: 4px solid #fff; border-radius: 50px; display: block; color:#fff; cursor: pointer; }
#mPartner .partnerNav li.slick-current { background: #0058ff; border-color:#0058ff;  }
#mPartner .partnerNav .slick-list,
#mPartner .partnerNav .slick-track { transform: none !important; }

#mPartner .partnerSlide { position: relative; width: 90%; max-width: 1280px; margin: 0 auto; }
#mPartner .partnerList { position: relative; display: flex; flex-wrap: wrap; width: calc(100% - 1px); max-width: 1280px; margin: 0 auto; border-top: 1px solid rgba(255,255,255,0.3);  border-left: 1px solid rgba(255,255,255,0.3);}
#mPartner .partnerList > li { width: calc(100%/2); height: 150px; border: 1px solid rgba(255,255,255,0.3); border-top:0; border-left:0;  }
#mPartner .partnerList > li a {display:block; width:100%; height:100%; display: flex; align-items: center; justify-content: center; }
#mPartner .partnerList > li a > p { font-size: 2.2rem; width: 100%;  color:#FFF}
#mPartner .partnerList > li a > p::before { content:''; width: 100%; height: 36px; background: url("/images/main/symbol.png") no-repeat center; background-size: auto 100%;
    display: inline-block; }
    #mPartner .partnerList.col5 > li { width: calc(100%/5); }
    
    @media all and (max-width:1280px) {
        #mPartner { padding: 9% 0; }
}

@media all and (max-width:880px) {
    #mPartner { padding: 12% 0; }
    #mPartner .partnerSlide { width: 85%; }
    #mPartner .partnerList > li { width: calc(100%/2); height: 130px; }
    #mPartner .partnerList > li > p { font-size: 2rem; }
    #mPartner .partnerList > li > a > p{ font-size: 2rem; }
    #mPartner .partnerList > li > p::before { height: 28px; }
    #mPartner .partnerList.col5 > li { width: calc(100%/3); }
  /* #mPartner .partnerList.col5 > li:nth-child(n+7) { width: calc(100%/4); } */
}

@media all and (max-width:640px) {
    #mPartner { padding: 15% 0; }
    #mPartner .partnerNav li { font-size: 1.7rem; width: auto; padding: 0 2.6em;  line-height: 2.3em; }
    /* #mPartner .partnerList > li { height: 100px; } */
    #mPartner .partnerList > li > p { font-size: 1.7rem; }
    #mPartner .partnerList > li > a > p{ font-size: 1.6rem; }
    #mPartner .partnerList > li > p::before { height: 22px; }
    #mPartner .partnerList > li a > p::before {height: 30px;}
}

@media all and (max-width:480px) {
  #mPartner .partnerNav { margin: 2em 0 2.5em; }
  #mPartner .partnerNav li { font-size: 1.6rem; padding: 0 2.2em; border-width: 3px; }
  #mPartner .partnerSlide { width: 100%; }
}

@media all and (max-width:380px) {
  #mPartner .partnerList > li { width: 100%; height: 90px; }
  #mPartner .partnerList > li.nbsp { display: none; }
  #mPartner .partnerList > li > p::before { height: 18px; }
  #mPartner .partnerList.col5 > li { width: calc(100%/2) !important; }
}


#mAbout { position: relative; overflow: hidden; padding: 7% 0; }
#mAbout::before { content: ''; width: 409px; height: 409px; max-width: 25%; position: absolute; right: -7%; top: -7%;
                            background: url("/images/main/aboutBG1.png") no-repeat center; background-size: 100% auto;  }
#mAbout::after { content: ''; width: 722px; height: 722px; max-width: 40%; position: absolute; left: 50%; top: 50%;
                            transform: translate(-67%, -46%);
                            background: url("/images/main/aboutBG2.png") no-repeat center; background-size: 100% auto;  }
#mAbout .s-inner { display: flex; z-index: 10; }
#mAbout .s-inner > div { width: 50%; }
#mAbout .s-inner .mtit { padding: 6% 0; }
#mAbout .s-inner .cont { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 60px; }
#mAbout .s-inner .cont div { position: relative; max-width: calc(50% - 30px); }
#mAbout .s-inner .cont div a { display: block; }
#mAbout .s-inner .cont div a img { max-width: 100%; }
#mAbout .s-inner .cont div a dl { position: absolute; left:0; top: 0; padding: 3em 2em; color:#fff;  }
#mAbout .s-inner .cont div a dl dt { font-size: 2.8rem; font-weight: 700; font-family: 'Noto Sans SC'; }
#mAbout .s-inner .cont div a dl dd { font-family: 'Jost'; font-weight: 600; }
#mAbout .s-inner .cont div.about2 { transform: translateY(50%);}
#mAbout .s-inner .tBG { position: absolute; left:0; bottom: 8%; max-width: 50%; line-height: 1.0em; opacity: 0.7;
                                    font-family: 'jost'; color:#858b95; font-size: 5.2vw; font-weight: 100; text-transform: uppercase; }



@media all and (max-width:1280px) {
  #mAbout .s-inner .cont { gap: 30px; }
  #mAbout .s-inner .cont div { max-width: calc(50% - 15px); }
}

@media all and (max-width:1080px) {
  #mAbout { padding: 9% 0; }
  #mAbout .s-inner .mtit { padding: 3% 5% 3% 0; }
  #mAbout .s-inner .mtit br { display: none; }
  #mAbout .s-inner .cont { gap: 20px; }
  #mAbout .s-inner .cont div { max-width: calc(50% - 10px); }
  #mAbout .s-inner .cont div a dl { padding: 1.5em; }
  #mAbout .s-inner .cont div a dl dt { font-size: 2.4rem; }
  #mAbout .s-inner .cont div a dl dd { font-size: 1.5rem; }
}

@media all and (max-width:880px) {
  #mAbout { padding: 9% 0; }
  #mAbout .s-inner { flex-wrap: wrap; }
  #mAbout .s-inner > div { width: 100%; }
  #mAbout .s-inner .mtit { padding: 0 0 5% 0; }
  #mAbout .s-inner .mtit h3 br { display: block; }
  #mAbout .s-inner .cont { gap: 10px; }
  #mAbout .s-inner .cont div { max-width: calc((100% - 20px)/3); }
  #mAbout .s-inner .cont div.about2 { transform: translateY(20%);}
  #mAbout .s-inner .tBG { position: relative; left: inherit; bottom: inherit; max-width: 100%; margin-top: 2em; font-size: 7vw; }
  #mAbout .s-inner .tBG br { display: none; }
}

@media all and (max-width:568px) {
  #mAbout { padding: 15% 0; }
  #mAbout::before { width: 30vw; height: 30vw; max-width: 100%; }
  #mAbout::after { width: 50vw; height: 50vw; max-width: 100%; transform: translate(-65%, -35%); }
  #mAbout .s-inner .cont { gap: 7px; }
  #mAbout .s-inner .cont div { max-width: calc((100% - 14px)/3); }
  #mAbout .s-inner .cont div a dl { padding: 1em; }
  #mAbout .s-inner .cont div a dl dt { font-size: 2.2rem; }
}

@media all and (max-width:400px) {
  #mAbout::after { width: 60vw; height: 60vw; transform: translate(-30%, -80%); }
  #mAbout .s-inner .cont div { max-width: calc((100% - 7px)/2); }
  #mAbout .s-inner .cont div.about2 { transform: translateY(50%);}
  #mAbout .s-inner .tBG { margin-top: 1em; }
}






#mNotice { position: relative; width: 100%; overflow: hidden; padding: 5% 0 4%; background: url("/images/main/noticeBG.jpg") no-repeat center; background-size: cover; }
#mNotice .mtit .more { margin-top: 3em; }
#mNotice .bdSlide { width: calc(100% + 34px); margin-left: -17px; margin-top: 4%;  }
#mNotice .bdSlide li { margin: 0 17px; background: #fff; }
#mNotice .bdSlide li a { display: block; padding: 2.5em; }
#mNotice .bdSlide li a .en { font-family: 'Jost'; font-weight: 600; color:#004ddf; }
#mNotice .bdSlide li a h4 { font-size: 2.4rem; font-weight: 600; color:#212121; margin: 1em 0;
                                        display:-webkit-box; -webkit-line-clamp:2; /* 라인수 */  -webkit-box-orient:vertical; white-space:normal;
                                        line-height:1.25em; height:2.5em; overflow:hidden; text-overflow:ellipsis; }
#mNotice .bdSlide li a .txt { color:#787878; display:-webkit-box; -webkit-line-clamp:2; /* 라인수 */  -webkit-box-orient:vertical;
                                          white-space:normal; line-height:1.7em; height:3.4em; overflow:hidden; text-overflow:ellipsis; }
#mNotice .bdSlide li a .date { margin-top: 3em; padding-top: 1.5em; border-top: 1px solid #e5e5e5; font-family: 'jost';
                                            color:#989898; font-weight: 400; }
#mNotice .bdSlide .slick-arrow { transform: translateY(-170%); top:0; }
#mNotice .bdSlide .slick-prev { left: inherit; right:17px;  transform: translate(-105%, -170%);  }
#mNotice .bdSlide .slick-next { right:17px; }


@media all and (max-width:1480px) {
  #mNotice .bdSlide { width: calc(100% + 20px); margin-left: -10px;  }
  #mNotice .bdSlide li { margin: 0 10px; }
}

@media all and (max-width:1280px) {
  #mNotice .bdSlide { width: calc(100% + 10px); margin-left: -5px;  }
  #mNotice .bdSlide li { margin: 0 5px; }
  #mNotice .bdSlide li a { padding: 2em; }
  #mNotice .bdSlide li a h4 { font-size: 2.2rem; margin: 0.6em 0; }
  #mNotice .bdSlide li a .txt { line-height: 1.5em; height: 3em; }
  #mNotice .bdSlide li a .date { margin-top: 2em; padding-top: 1em; }
}

@media all and (max-width:976px) {
  #mNotice { padding: 9% 0; }
  #mNotice .bdSlide li a { padding: 2.5em 2em; }
  #mNotice .bdSlide li a .en { font-size: 1.4rem; }
}

@media all and (max-width:568px) {
  #mNotice { padding: 12% 0; }
  #mNotice .bdSlide { margin-top: 3em; }
  #mNotice .bdSlide li a { padding: 2em; }
}




#mCount {background:#555 url('/images/main/mcount-bg.jpg')no-repeat center center; width:100%;  height:950px; max-height: 100vh; text-align:center }
#mCount .mcountWrap {display:table; height:100%;}
#mCount .mcountWrap .in-box {display:table-cell; vertical-align:middle}

#mCount .mtit {margin:6em 0 3em}
#mCount .cont {display:flex; justify-content:center; flex-wrap:wrap; align-items: top; }
#mCount .cont li {width:23%; padding:3em 1em; border:1px solid rgba(255,255,255,0.05); margin:1%; color:#FFF; }
#mCount .cont li img {}
#mCount .cont li h3 .numT1 {font-size:5.5rem;  font-family: 'Jost','Pretendard', sans-serif; font-weight:700; line-height:1.3em}
#mCount .cont li h3  {margin:0.7em 0 0; font-size:2.6rem; color:#067bff; }
#mCount .cont li dl dt {font-size:2.4rem; font-family: 'Noto Sans SC'; font-weight:700; line-height:1.4em}
#mCount .cont li dl dd {margin-top:0.5em; opacity:.5}

@media all and (max-width:1280px) {
	#mCount .mtit {margin:4em 0 2em}
	#mCount .cont li { padding:2em 1em; }
	#mCount .cont li img {width:70px}
	 #mCount .cont li h3 .numT1 {font-size:4.5rem}
	#mCount .cont li h3  {font-size:2.4rem}
	#mCount .cont li dl dt {font-size:2.0rem;}
	#mCount .cont li dl dd {}
}
@media all and (max-width:1130px) {
	#mCount .cont li { padding:2em 1em; }
	#mCount .cont li img {width:60px}
	 #mCount .cont li h3 .numT1 {font-size:4.0rem}
	#mCount .cont li h3  {font-size:2.2rem}
	#mCount .cont li dl dt {font-size:1.8rem;}
	#mCount .cont li dl dd {font-size:1.5rem}
}
@media all and (max-width:976px) {
	#mCount .cont li { width:48%; padding: 1em;}
		#mCount .cont li img {width:70px}
	 #mCount .cont li h3 .numT1 {font-size:5.0rem}
	#mCount .cont li h3  {font-size:2.0rem}
	#mCount .cont li dl dt {font-size:2.6rem;}
		#mCount .cont li dl dd {font-size:1.6rem}
}
@media all and (max-width:767px) {
	#mCount .mtit {margin:0 0 2em}
}
@media all and (max-width:510px) {
	#mCount .cont li { width:48%; }
		#mCount .cont li img {width:55px}
	 #mCount .cont li h3 .numT1 {font-size:3.5rem}
	#mCount .cont li h3  {font-size:1.8rem}
	#mCount .cont li dl dt {font-size:2.4rem;}
		#mCount .cont li dl dd {font-size:1.5rem}
}