@charset "utf-8";
@font-face {
  font-family: 'KIMM_Bold';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/KIMM_Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}




.mwrap {position:relative; overflow:hidden; font-family: 'Paperlogy'; letter-spacing:0; min-width:320px;}

.mwrap * {box-sizing:border-box;}

.mconwrap {width:1520px; margin:0 auto; position:relative;}
@media (max-width:1556px) {
  .mconwrap {width:100%; padding:0 16px;}
}

.sec1 {position:relative;height:580px;}
.sec1 > button {color:#fff; z-index:1; position:relative; overflow:hidden;}
.sec1 .prev-slide {color:#fff; background:rgba(0,0,0,0.5) url(/img/main/data_bleft.png) no-repeat 50% 50%; width:60px; height:60px; position:absolute; left:20px; top:calc(50% - 30px); text-indent:-9999px;}
.sec1 .next-slide {color:#fff; background:rgba(0,0,0,0.5) url(/img/main/data_bright.png) no-repeat 50% 50%; width:60px; height:60px; position:absolute; right:20px; top:calc(50% - 30px);text-indent:-9999px;}

.visual {height:580px; width:100%; position:absolute; top:0; left:0; z-index:0;}
.visual .visualSlide {height:100%;}
.visual .items {height:100%; min-height:580px;  background-size:cover!important;}
.visual .v01 {background:url(/img/main/v01.jpg) no-repeat 50% 50%; }
.visual .v02 {background:url(/img/main/v02.jpg) no-repeat 50% 50%;}


.mtit-wrap {text-align:left; color:#fff; font-family: 'Paperlogy'; padding-top:100px; padding-left:50px;}
.mtit-wrap .tc {font-size:35px; line-height:1.2em;}
.mtit-wrap .tc2 {font-size:44px; font-family: 'KIMM_Bold'; line-height:1.4em; margin-top:20px;}
.mtit-wrap .tc2 span {font-weight:700; color:#ffffd7;}
.mtit-wrap .tc2 em {font-size:58px;}

.msear {width:870px; margin:45px 0 0 50px; position:relative; }
.msear p.stt {position:absolute; top:20px; left:35px; color:#333; font-weight:600; font-family: 'Paperlogy'; z-index:0; font-size:22px;}
.msear p.stt em {color: #ee113a; font-weight:600;}
.msear input[type="text"] {width:calc(100% - 50px); border-radius:50px; border:4px solid #b72026; padding:0 30px; height:86px; z-index:1; font-size:22px; font-family: 'Paperlogy'; font-weight:600;}
.msear input[type="submit"] {width:86px; height:86px; border-radius:50%; position:absolute; top:0; right:0; background:#b72026 url(/img/main/msear_btn.png) no-repeat 50% 50%; text-indent:-9999px;}
.favsear {display:flex; margin-top:25px;}
.favsear p.tt {font-weight:500; color:#fff; background:url(/img/main/favicon.png) no-repeat 0 5px; padding-left:25px;}
.favsear p.tt:after {content:''; display:inline-block; width:40px; height:1px; background:rgba(255,255,255,0.4); margin:0 10px 0 15px; transform:translateY(-6px);}
.favsear div a {padding:7px 10px; border:2px dotted rgba(255,255,255,0.4); border-radius:10px; color:#fff; font-size:15px; margin:0 5px;}

.sec1 .controll {display:flex; justify-content:center; align-items:center; padding:30px 0; color:#fff;}
.sec1 .controll .count {display:flex; align-items:center; font-size:16px;}
.progress-bar { position: relative; width:70px; height:1px; background-color:rgba(255,255,255,0.5); margin:0 10px;}
.progress-bar .progress {display:block; width: 0; height: 100%; background-color: #fff; transition: width 0.5s ease; }
.sec1 .controll .count .total {opacity:0.5;}

.sec1 .controll button {width:26px; height:26px; border:2px solid #fff; border-radius:50%; overflow:hidden; text-indent:-9999px; margin-left:10px;}
.sec1 .controll button.stop-slide {background:url(/img/main/data_bstop.png) no-repeat 50% 50%;}
.sec1 .controll button.start-slide {background:url(/img/main/data_bplay.png) no-repeat 50% 50%;}

.sec1 .scroll {width:184px; min-height:42px; position:absolute; bottom:0; left:calc(50% - 92px);  background:url(/img/main/scroll-bg.png) no-repeat 50% top; text-align:center; padding:10px; overflow:visible; margin-bottom:-20px;}
.sec1 .scroll p {animation:scroll 1.5s linear infinite;}

.pronum {display:flex; width:360px; flex-wrap:wrap; justify-content: space-between; position:absolute; top:56%; right:0; transform:translateY(-50%);}
.pronum a {width:calc(50% - 10px); padding:30px; position:relative; background:#ffffff50; text-align:center; color:#fff; margin:10px 0; font-size:15px;}
.pronum a:after {content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; opacity:0.7;  z-index:0;
background: linear-gradient(360deg,rgba(115, 29, 202, 1) 0%, rgba(79, 55, 178, 1) 50%, rgba(78, 110, 174, 1) 100%);}
.pronum a > * {position: relative; z-index: 1; line-height: 1em;  font-size: 18px;  font-weight: 600;  display: flex;  align-items: center;  justify-content: center;  height: 40px;   margin-top: 5px;}
.pronum a p {padding:0; margin-top:10px;}
.pronum a p strong {font-size:30px;}
.pronum a:before {content:'';  width:60px; height:50px; background-repeat:no-repeat!important; background-size:contain!important; display:block; margin:0 auto; position:relative;  z-index:1;}

.pronum a:nth-of-type(1):before {background-image:url(/img/main/pro01_new.png);}
.pronum a:nth-of-type(2):before {background-image:url(/img/main/pro02_new.png);}
.pronum a:nth-of-type(3):before {background-image:url(/img/main/pro03_new.png);}
.pronum a:nth-of-type(4):before {background-image:url(/img/main/pro04_new.png);}

@keyframes scroll {
0%{transform:translateY(0);}
50% {transform:translateY(10px);}
100%{transform:translateY(0);}
}


@media (max-width:1520px) {
.pronum {right:16px;}
}
@media (max-width:1300px) {
	
	.msear {width:600px;}
	.mtit-wrap .tc2{font-size: 30px;}
	
}

@media (max-width:1100px) {
	
	.pronum{width: 320px;}
	.mtit-wrap .tc2{font-size: 30px;}
	.pronum a p strong{font-size: 25px;}
	
}



@media (max-width:1024px) {
  .sec1 .prev-slide {left:-16px; transform:scale(0.75); top:80%;} 
  .sec1 .next-slide {right:-16px; transform:scale(0.75); top:80%;}
  .mconwrap{height:550px;}
  .mtit-wrap {padding-top:50px; text-align: center; padding-left: 0;}
  .msear {width:80%; margin: 45px auto 0;}
  .pronum{top: auto; bottom: -35px;  width: 96%;  left: 16px;  box-sizing: border-box;}
  .pronum a{width: calc(25% - 10px);  padding: 10px 10px;}
  /*.pronum a:before{display:none;}*/
	
  .pronum a > *{font-size:16px;}
  .pronum a:before{width: 50px; height: 40px;}

}
@media (max-width:768px) {
  .favsear {display:none;}
  .msear {width:100%; }
  .pronum{bottom: -40px; }
  .pronum a p strong{font-size: 18px;}

  .sec1 .prev-slide,	
  .sec1 .next-slide{top: 55%;}
}
@media (max-width:520px) {
  .mtit-wrap .tc {font-size:20px;}
  .mtit-wrap .tc2 {font-size:30px; margin-top:20px;}
  .mtit-wrap .tc2 em {font-size:40px;}

  .pronum {bottom: -55px; width: calc(100% - 32px);}	
  .pronum a{width: calc(50% - 3px); display: flex; justify-content: flex-start;  align-items: center; margin: 3px 0;     font-size: 14px;}
  .pronum a:before{    margin: 0;}
  .pronum a span br{display:none;}
  .pronum a:before{width: 30px;  height: 20px;}

}

.sec2 {margin-top:30px; }
.sec2 .maintab {display:flex; flex-wrap:wrap; position:relative; justify-content: center;}
.sec2 .maintab:after {content:''; width:2560px; height:1px; position:absolute; bottom:0; left:calc(50% - 1280px); background:#000; }
.sec2 .maintab a{width:25%; display:block; position:relative; text-align:center; padding:30px 0 40px;}
.sec2 .maintab a * {position:relative; z-index:1;}
.sec2 .maintab a em {color:#ebeaea; font-weight:900; font-size:60px; position:absolute; top:0; left:0; width:100%; transform:translateY(-15px); opacity:0;}
.sec2 .maintab a span {color:#666; font-size:32px; font-weight:500; }
.sec2 .maintab a.active em {opacity:1;}
.sec2 .maintab a.active span {font-weight:700; color:#02040f;}
.sec2 .maintab a.active:after {content:''; display:block; width:191px; height:41px; background:url(/img/main/mtabbg.png) no-repeat 50% 50%; position:absolute; bottom:0; left:calc(50% - 96px);}

.sec2 .tab-content { display: none; position:relative; }
.sec2 .tab-content.active {display: flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.sec2 .tab-content:after {content:''; width:2560px; height:1px; position:absolute; bottom:0; left:calc(50% - 1280px); background:#bcbcbc;}
.sec2 .tab-content .tabcon {width:calc(33.33% - 94px); padding:50px 0; position:relative;}
.sec2 .tab-content .tabcon:after {content:''; display:block; width:1px; height:100%; background:#bcbcbc; position:absolute; top:0; right:-70px;}
.sec2 .tab-content .tabcon:nth-of-type(3):after {display:none;}

.sec2 .tab-content .tabcon p.tit {font-size:22px; color:#02040f; font-weight:500; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.sec2 .tab-content .tabcon p.tdate {color:#717171; font-weight:500; font-size:18px;}
.sec2 .tab-content .tabcon .thumb {width:100%; display:flex; align-items:center; justify-content:center; overflow:hidden; border-radius:5px; background:#dedede; margin-top:10px;}
.sec2 .tab-content .tabcon .thumb img {width:100%; transition:all .2s;}

.sec2 .tab-content .tabcon a:hover .tit {color:#b72026;}
.sec2 .tab-content .tabcon a:hover .thumb img {transform:scale(1.2);}

.sec2 .dbmore {width:100%; position:relative; text-align:center; padding:20px 0;}
.sec2 .dbmore:before {content:''; width:2560px; height:1px; position:absolute; top:0; left:calc(50% - 1280px); background:#bcbcbc; }
.sec2 .dbmore a {font-size:22px; font-weight:400; display:flex; align-items:center; justify-content:center; text-decoration:underline;}
.sec2 .dbmore a em {font-weight:700; color:#ef1c5d;}
.sec2 .dbmore a:after {content:''; display:inline-block; width:52px; height:52px; background:url(/img/main/dbmore.png) no-repeat 50% 50%; background-size:contain; margin-left:10px;}

@media (max-width:1280px) {
  .sec2 .tab-content .tabcon {width:calc(33.33% - 50px); padding:30px 0;}
  .sec2 .tab-content .tabcon:after { right:-37px;}
}
@media (max-width:1024px) {
  .sec2 .maintab a em {font-size:40px; transform:translateY(0);}
  .sec2 .maintab a span { font-size:24px; }
}
@media (max-width:768px) {
  .sec2 .maintab a {width:50%; padding:5px 0;}
  .sec2 .maintab a span { font-size:20px; }
  .sec2 .maintab a em {display:none;}
  .sec2 .maintab a.active:after {background: #b72026; width:30px; height:5px; bottom:0; left:calc(50% - 15px); top:0;}
  .sec2 .tab-content .tabcon:nth-of-type(3) {display:none;}
  .sec2 .tab-content .tabcon {width:calc(50% - 30px); padding:30px 0;}
  .sec2 .tab-content .tabcon:after { right:-30px;}
  .sec2 .tab-content .tabcon p.tit {font-size:16px;}
  .sec2 .dbmore a{    font-size: 18px;}
  .sec2 .maintab{margin-bottom: 20px;}
  .sec2 .maintab:after{bottom: -20px;}
}


@media (max-width:500px) {
	
	.sec2 .maintab a{width:33.3%}
	.sec2 .maintab a span{font-size:16px;}
}

.sec2-1 {margin-top:30px; }
.sec2-1 .maintab {display:flex; flex-wrap:wrap; position:relative; justify-content: center;}
.sec2-1 .maintab:after {content:''; width:2560px; height:1px; position:absolute; bottom:0; left:calc(50% - 1280px); background:#000; }
.sec2-1 .maintab a{width:25%; display:block; position:relative; text-align:center; padding:30px 0 40px;}
.sec2-1 .maintab a * {position:relative; z-index:1;}
.sec2-1 .maintab a em {color:#ebeaea; font-weight:900; font-size:60px; position:absolute; top:0; left:0; width:100%; transform:translateY(-15px); opacity:0;}
.sec2-1 .maintab a span {color:#666; font-size:32px; font-weight:500; }
.sec2-1 .maintab a.active em {opacity:1;}
.sec2-1 .maintab a.active span {font-weight:700; color:#02040f;}
.sec2-1 .maintab a.active:after {content:''; display:block; width:191px; height:41px; background:url(/img/main/mtabbg.png) no-repeat 50% 50%; position:absolute; bottom:0; left:calc(50% - 96px);}

.sec2-1 .tab-content_new { display: none; position:relative; }
.sec2-1 .tab-content_new.active {display: flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.sec2-1 .tab-content_new:after {content:''; width:2560px; height:1px; position:absolute; bottom:0; left:calc(50% - 1280px); background:#bcbcbc;}
.sec2-1 .tab-content_new .tabcon {width:calc(33.33% - 94px); padding:50px 0; position:relative;}
.sec2-1 .tab-content_new .tabcon:after {content:''; display:block; width:1px; height:100%; background:#bcbcbc; position:absolute; top:0; right:-70px;}
.sec2-1 .tab-content_new .tabcon:nth-of-type(3):after {display:none;}

.sec2-1 .tab-content_new .tabcon p.tit {font-size:22px; color:#02040f; font-weight:500; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.sec2-1 .tab-content_new .tabcon p.tdate {color:#717171; font-weight:500; font-size:18px;}
.sec2-1 .tab-content_new .tabcon .thumb {width:100%; display:flex; align-items:center; justify-content:center; overflow:hidden; border-radius:5px; background:#dedede; margin-top:10px;}
.sec2-1 .tab-content_new .tabcon .thumb img {width:100%; transition:all .2s;}

.sec2-1 .tab-content_new .tabcon a:hover .tit {color:#b72026;}
.sec2-1 .tab-content_new .tabcon a:hover .thumb img {transform:scale(1.2);}

.sec2-1 .dbmore {width:100%; position:relative; text-align:center; padding:20px 0;}
.sec2-1 .dbmore:before {content:''; width:2560px; height:1px; position:absolute; top:0; left:calc(50% - 1280px); background:#bcbcbc; }
.sec2-1 .dbmore a {font-size:22px; font-weight:400; display:flex; align-items:center; justify-content:center; text-decoration:underline;}
.sec2-1 .dbmore a em {font-weight:700; color:#ef1c5d;}
.sec2-1 .dbmore a:after {content:''; display:inline-block; width:52px; height:52px; background:url(/img/main/dbmore.png) no-repeat 50% 50%; background-size:contain; margin-left:10px;}

@media (max-width:1280px) {
  .sec2-1 .tab-content_new .tabcon {width:calc(33.33% - 50px); padding:30px 0;}
  .sec2-1 .tab-content_new .tabcon:after { right:-37px;}
}
@media (max-width:1024px) {
  .sec2-1 .maintab a em {font-size:40px; transform:translateY(0);}
  .sec2-1 .maintab a span { font-size:24px; }
}
@media (max-width:768px) {
  .sec2-1 .maintab a {width:50%; padding:5px 0;}
  .sec2-1 .maintab a span { font-size:20px; }
  .sec2-1 .maintab a em {display:none;}
  .sec2-1 .maintab a.active:after {background: #b72026; width:30px; height:5px; bottom:0; left:calc(50% - 15px); top:0;}
  .sec2-1 .tab-content_new .tabcon:nth-of-type(3) {display:none;}
  .sec2-1 .tab-content_new .tabcon {width:calc(50% - 30px); padding:30px 0;}
  .sec2-1 .tab-content_new .tabcon:after { right:-30px;}
  .sec2-1 .tab-content_new .tabcon p.tit {font-size:16px;}
  .sec2-1 .dbmore a{    font-size: 18px;}
  .sec2-1 .maintab{margin-bottom: 20px;}
  .sec2-1 .maintab:after{bottom: -20px;}
}


@media (max-width:500px) {
	
	.sec2-1 .maintab a{width:33.3%}
	.sec2-1 .maintab a span{font-size:16px;}
}
.sec3 .archive-tit {position:relative; text-align:center; padding:30px 0;}
.sec3 .archive-tit h3 {font-size:60px; font-weight:400; color:#02040f;}
.sec3 .archive-tit h3 em {font-weight:700; color:#0da995;}
.sec3 .archive-tit p {font-size:22px; font-weight:500; color:#02040f;}

.sec3 .archive-con {position:relative; display:flex; flex-wrap:wrap; justify-content:space-between; }
.sec3 .archive-con:before {content:''; width:2560px; height:1px; position:absolute; top:0; left:calc(50% - 1280px); background:#bcbcbc; }
.sec3 .archive-con .arccon {width:calc(25% - 75px); padding:50px 0; position:relative;}
.sec3 .archive-con .arccon:after {content:''; display:block; width:1px; height:100%; background:#bcbcbc; position:absolute; top:0; right:-50px;}
.sec3 .archive-con .arccon:nth-of-type(4):after {display:none;}

.sec3 .archive-con .arccon .thumb {width:100%; display:flex; align-items:center; justify-content:center; overflow:hidden; background:#dedede; margin-top:10px; border:1px solid #dedede;}
.sec3 .archive-con .arccon .thumb img {width:100%; transition:all .2s;}

.sec3 .archive-con .arccon .type {font-size:18px; font-weight:800; margin-top:15px;}
.sec3 .archive-con .arccon .type.t01 {color:#ea2a72;}
.sec3 .archive-con .arccon .type.t02 {color:#894e9c;}
.sec3 .archive-con .arccon .type.t03 {color:#335178;}
.sec3 .archive-con .arccon .type.t04 {color:#00886c;}
.sec3 .archive-con .arccon .tit {font-size:22px; color:#333; font-weight:500; text-overflow: ellipsis; height: 3em; line-height: 1.5em; display: -webkit-box; overflow:hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.sec3 .archive-con .arccon p.tdate {color:#717171; font-weight:500; font-size:18px; position:relative; }
.sec3 .archive-con .arccon p.tdate:before {content:''; display:block; width:30px; height:1px; background:#ddd; margin:15px 0;}

.sec3 .archive-con .arccon a:hover .tit {color:#b72026;}
.sec3 .archive-con .arccon a:hover .thumb img {transform:scale(1.2);}

@media (max-width:1280px) {
  .sec3 .archive-con .arccon {width:calc(25% - 30px); padding:10px 0;}
  .sec3 .archive-con .arccon:after { right:-20px;}
}
@media (max-width:768px) {
  .sec3 .archive-tit h3 {font-size:30px;}
  .sec3 .archive-tit p {font-size:18px; line-height:1.2em; color: #555; font-weight: 400;}
  .sec3 .archive-con .arccon .type {font-size:15px;}
  .sec3 .archive-con .arccon .tit {font-size:18px;}
  .sec3 .archive-con .arccon {width:calc(50% - 20px); }
  .sec3 .archive-con .arccon:before {content:''; display:block; width:calc(100% + 40px); height:1px; background:#bcbcbc; position:absolute; top:0; left:-20px;}
  .sec3 .archive-con .arccon:after { right:-20px;}
}

.mbanner {border-top:1px solid #dedede; padding:30px 0;}
.mbanner > div {position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.mbanner > div h4 {width:100px; font-size:20px; font-weight:600;}
.mbanner > div .bannercontrol {width:140px; display:flex; justify-content:space-between;}
.mbanner > div .bannercontrol button {width:40px; height:40px; border-radius:50%; background:#dedede; display:flex; align-items:center; justify-content:center; transition:all .2s;}
.mbanner > div .bannercontrol button i {font-size:20px; transform: translateY(-2px);}
.mbanner > div .bannercontrol button i span {text-indent:-9999px; display:inline-block;}
.mbanner > div .bannercontrol button:hover {background:#666;}
.mbanner > div .bannercontrol button:hover i {color:#fff;}
.mbanner > div ul {width:calc(100% - 300px);}

@media (max-width:1024px) {
  .mbanner > div ul {width:100%; margin-top:10px;}
}



/*팝업*/

  #layout_wrap {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000;}
  #layout_wrap .overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);}
  #layout_wrap .layout {position: relative;z-index: 1001;display: flex;flex-direction: row;justify-content: center;justify-content: space-evenly;}
  #layout_wrap .wrap {position: relative;top: 170px;}
  #layout_wrap .wrap .img-box {width: 500px;display: block;}
  #layout_wrap .wrap .img-box img {width: 100%;}


  #layout_wrap .layout .controller { display: flex; justify-content: space-between; padding: 0 12px;}
  #layout_wrap .wrap .notoday { color: #fff;}
  #layout_wrap .wrap .close { color: #fff;}
  
  @media (max-width: 960px) {

    #layout_wrap .layout { flex-direction: column; flex-wrap: nowrap; align-items: center; gap: 22px;}
    #layout_wrap .wrap { width: 80%; top: 90px;}
    #layout_wrap .wrap .img-box { margin: 0 auto; width: 100%;}
    #layout_wrap { overflow: scroll;}
    .close-btn { top: -36px; right: 42%;}
  }