@charset "utf-8";
.js-box {display:none;position:relative;min-height: 20px;}
.js-box.on {display:block;}
.js-box2 {display:none;position:relative;min-height: 100px;}
.js-box2.on {display:block;}

  /*slick*/
  /* Slider */
  .slick-slider
  {
      position: relative;
  
      display: block;
      box-sizing: border-box;
  
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
  
      -webkit-touch-callout: none;
      -khtml-user-select: none;
      -ms-touch-action: pan-y;
          touch-action: pan-y;
      -webkit-tap-highlight-color: transparent;
  }
  
  .slick-list
  {
      position: relative;
  
      display: block;
      overflow: hidden;
  
      margin: 0;
      padding: 0;
  }
  .slick-list:focus
  {
      outline: none;
  }
  .slick-list.dragging
  {
      cursor: pointer;
      cursor: hand;
  }
  
  .slick-slider .slick-track,
  .slick-slider .slick-list
  {
      -webkit-transform: translate3d(0, 0, 0);
         -moz-transform: translate3d(0, 0, 0);
          -ms-transform: translate3d(0, 0, 0);
           -o-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
  }
  
  .slick-track
  {
      position: relative;
      top: 0;
      left: 0;
  
      display: block;
      margin-left: auto;
      margin-right: auto;
  }
  .slick-track:before,
  .slick-track:after
  {
      display: table;
  
      content: '';
  }
  .slick-track:after
  {
      clear: both;
  }
  .slick-loading .slick-track
  {
      visibility: hidden;
  }
  
  .slick-slide
  {
      display: none;
      float: left;
  
      height: 100%;
      min-height: 1px;
  }
  [dir='rtl'] .slick-slide
  {
      float: right;
  }
  .slick-slide img
  {
      display: block;
  }
  .slick-slide.slick-loading img
  {
      display: none;
  }
  .slick-slide.dragging img
  {
      pointer-events: none;
  }
  .slick-initialized .slick-slide
  {
      display: block;
  }
  .slick-loading .slick-slide
  {
      visibility: hidden;
  }
  .slick-vertical .slick-slide
  {
      display: block;
  
      height: auto;
  
      border: 1px solid transparent;
  }
  .slick-arrow.slick-hidden {
      display: none;
  }
  
  /*gnb*/
  .gnb .sub-nav {
    box-shadow: 2px 4px 5px #eee;
  }

/*	메인페이지
===========================*/
.main-section{position:relative; background-color:#fff; font-family:'Nanum Gothic'; padding-top:30px; line-height:1.1;}
.main-section__in{position: relative; min-height:200px; width:1024px; margin:0 auto; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; gap:30px;}
.main-section__in:after{content:' '; clear:both; display:block; visibility:hidden;}

* + html .main-section__in{display:inline-block;}

.main-lay-1{width:350px;}
.main-lay-2{width:644px;}
.main-lay-3{width:350px;}
.main-lay-4{width:644px;}

.main-popup{width:350px; height:460px; overflow:hidden; border-radius:12px; position:relative; -webkit-box-shadow:1px 2px 3px #999; box-shadow:1px 2px 3px #999;}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .main-popup{width:auto; height:auto; max-width:600px; margin:0 auto;}
}

.main-popup-slide .slick-arrow{display:none !important;}
.main-popup .main-popup-nav{position:absolute; left:0px; bottom:0px; padding:11px 15px; border-radius:0 12px 0 0; background-color:rgba(43, 50, 66, 0.9); z-index:999; color:#fff;}
.main-popup .main-popup-nav div, .main-popup .main-popup-nav ul, .main-popup .main-popup-nav li{display:inline-block; vertical-align:middle;}
.main-popup .main-popup-nav button{color:#fff;}

/*.main-popup .slick-slide img dia
  height: 100%;
}*/

@media screen and (min-width: 1px) and (max-width: 1024px) {
  .main-popup .slick-slide img{height:auto; -o-object-fit:cover; object-fit:cover;}
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .main-popup .slick-slide img{height:auto;}
}

.main-popup .slick-slide a:focus img{opacity:0.8;}
.main-popup .slick-dots-list{margin-right:5px;}
.main-popup .slick-dots-list li{margin-right:5px;}
.main-popup .slick-dots-list li button{background-color:#444; display:inline-block; color:gold; vertical-align:middle; overflow:visible; border:3px solid #999; width:22px; height:22px; line-height:22px; border-radius:22px; font-size:0;}
.main-popup .slick-dots-list li button:focus{background-color:#fff; border:3px solid gold;}
.main-popup .slick-dots-list li.slick-active{display:inline-block;}
.main-popup .slick-dots-list li.slick-active button{background-color:#fff; border:3px solid #fff;}
.main-popup.ver-numbers .slick-dots-list{margin-right:5px;}
.main-popup.ver-numbers .slick-dots-list li{color:#fff; display:none; font-size:15px; letter-spacing:2px;}
.main-popup.ver-numbers .slick-dots-list li.slick-active{display:inline-block;}
.main-popup.ver-numbers .slick-dots-list li.slick-active::first-letter{color:#68ccf6; font-weight:bold;}
.main-popup .slide-prev-item {width:25px; height:25px; display:inline-block; vertical-align:middle; position:relative; background-image:url("/commons/new/images/popup-left.png"); background-repeat:no-repeat; background-position:center center;}
.main-popup .slide-prev-item span{text-indent:-9999px; position:absolute; top:0; left:-9999px; height:0; overflow:hidden;}
.main-popup .slide-pause-item{width:25px; height:25px; display:inline-block; vertical-align:middle; position:relative; background-image:url("/commons/new/images/popup-pause.png"); background-repeat:no-repeat; background-position:center center;}
.main-popup .slide-pause-item span{text-indent:-9999px; position:absolute; top:0; left:-9999px; height:0; overflow:hidden;}
.main-popup .slide-play-item{width:25px; height:25px; display:inline-block; vertical-align:middle; position:relative; background-image: url("/commons/new/images/popup-right.png"); background-repeat: no-repeat; background-position:center center;}
.main-popup .slide-play-item span{text-indent:-9999px; position:absolute; top:0; left:-9999px; height:0; overflow:hidden;}
.main-popup .slide-next-item{width:25px; height:25px; display:inline-block; vertical-align:middle; position:relative; background-image:url("/commons/new/images/popup-right.png"); background-repeat:no-repeat; background-position:center center;}
.main-popup .slide-next-item span{text-indent:-9999px; position:absolute; top:0; left:-9999px; height:0; overflow:hidden;}
.main-popup a:focus{background-color:gold; border-radius:4px;}
.main-popup .slide-prev-item{display:none;}
.main-popup .slide-pause-item{display:inline-block;}
.main-popup .slide-play-item{display:inline-block;}
.main-popup .slide-next-item{display:none;}
.main-popup.ver-arrow .slide-prev-item{display:inline-block;}
.main-popup.ver-arrow .slide-pause-item{display:inline-block;}
.main-popup.ver-arrow .slide-play-item{display:none;}
.main-popup.ver-arrow .slide-next-item{display:inline-block;}
.main-popup2{width:100%; height:242px; overflow:hidden; -webkit-box-sizing:border-box; box-sizing:border-box; padding:25px 35px; border-radius:12px; position:relative; background-color:#eef7ff;}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .main-popup2{width:auto; height:auto; max-width:600px; margin:0 auto;}
}

.main-popup2__tit{font-size:20px; font-weight:800; color:#000; margin-bottom:16px;}
.main-popup2-slide{margin:0 -10px;}
.main-popup2-slide .slick-slide{margin: 0 10px;}
.main-popup2-slide .slick-arrow{display:none !important;}
.main-popup2 .img-line{border-radius:10px; margin-bottom:10px;}
.main-popup2 .img-line{position: relative; width:100%; height:0; overflow:hidden; padding-bottom:69%; /*16:9*/ background-color:#00235d; color:#fff;}
.main-popup2 .img-line__in{position:absolute; top:0; left:0; width:100%; height:100%;}
.main-popup2 .img-line iframe{width:100%; height:100%;}
.main-popup2 .img-line img{width:100%; height:100% !important;
  /* 비율 안깨지고 상하 가운데 정렬시
		 object-fit: cover;
		 position: absolute;
		 top: 50%;
		 left: 0;
		 transform: translateY(-50%);
	*/
}

.main-popup2 .pop-sbj-line{display:block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px;}
.main-popup2 .main-popup2-nav{position:absolute; right:16px; top:12px; padding:11px 15px; border-radius:0 12px 0 0; z-index:999; color:#fff;}
.main-popup2 .main-popup2-nav div, .main-popup2 .main-popup2-nav ul, .main-popup2 .main-popup2-nav li{display:inline-block; vertical-align:middle;}
.main-popup2 .main-popup2-nav button{color:#fff;}

.main-popup2 .slick-slide img{border-radius:10px;}
.main-popup2 .slick-slide a:focus img{opacity:0.8;}

.main-popup2 .slick-dots-list{margin-right:5px;}
.main-popup2 .slick-dots-list li{margin-right:5px;}
.main-popup2 .slick-dots-list li button{background-color:#444; display:inline-block; color:gold; vertical-align:middle; overflow:visible; border:3px solid #999; width:22px; height:22px; line-height:22px; border-radius:22px;  font-size:0;}
.main-popup2 .slick-dots-list li button:focus{background-color:#fff; border:3px solid gold;}
.main-popup2 .slick-dots-list li.slick-active{display:inline-block;}
.main-popup2 .slick-dots-list li.slick-active button{background-color:#fff; border:3px solid #fff;}

.main-popup2.ver-numbers .slick-dots-list{margin-right:5px;}
.main-popup2.ver-numbers .slick-dots-list li{color:#fff; display:none; font-size:15px; letter-spacing:2px;}
.main-popup2.ver-numbers .slick-dots-list li.slick-active{display:inline-block;}
.main-popup2.ver-numbers .slick-dots-list li.slick-active::first-letter{color:#68ccf6; font-weight:bold;}

.main-popup2 .slide-prev-item{width:25px; height:25px; display:inline-block; vertical-align:middle; position:relative; background-image:url("/commons/new/images/popup-left2.png"); background-repeat: no-repeat; background-position:center center;}
.main-popup2 .slide-prev-item span{text-indent:-9999px; position:absolute; top:0; left:-9999px; height:0; overflow:hidden;}
.main-popup2 .slide-pause-item{width:25px; height:25px; display:inline-block; vertical-align:middle; position:relative; background-image:url("/commons/new/images/popup-pause2.png"); background-repeat:no-repeat; background-position:center center;}
.main-popup2 .slide-pause-item span{text-indent:-9999px; position:absolute; top:0; left:-9999px; height:0; overflow:hidden;}
.main-popup2 .slide-play-item{width:25px; height:25px; display:inline-block; vertical-align:middle; position:relative; background-image:url("/commons/new/images/popup-right2.png"); background-repeat:no-repeat; background-position:center center;}
.main-popup2 .slide-play-item span{text-indent:-9999px; position:absolute; top:0; left:-9999px; height:0; overflow:hidden;}
.main-popup2 .slide-next-item{width:25px; height:25px; display:inline-block; vertical-align:middle; position:relative; background-image:url("/commons/new/images/popup-right2.png"); background-repeat:no-repeat; background-position:center center;}
.main-popup2 .slide-next-item span{text-indent:-9999px; position:absolute; top:0; left:-9999px; height:0; overflow:hidden;}
.main-popup2 .slide-plus-item{width:25px; height:25px; display:inline-block; vertical-align:middle; position:relative; background-image:url("/commons/new/images/popup-plus2.png"); background-repeat:no-repeat; background-position:center center;}
.main-popup2 .slide-plus-item span{text-indent:-9999px; position:absolute; top:0; left:-9999px; height:0; overflow:hidden;}

.main-popup2 a:focus{background-color:gold; border-radius:4px;}
.main-popup2 .slide-prev-item{display:none;}
.main-popup2 .slide-pause-item{display:inline-block;}
.main-popup2 .slide-play-item{display:inline-block;}
.main-popup2 .slide-next-item{display:none;}

.main-popup2.ver-arrow .slide-prev-item{display:inline-block;}
.main-popup2.ver-arrow .slide-pause-item{display:inline-block;}
.main-popup2.ver-arrow .slide-play-item{display:none;}
.main-popup2.ver-arrow .slide-next-item{display:inline-block;}

.main-popup3{width:100%; height:197px; overflow:hidden; -webkit-box-sizing: border-box; box-sizing:border-box; padding:25px 35px; border-radius:12px; position:relative; border:1px solid #eee;}

@media screen and (min-width: 1px) and (max-width: 768px){
	.main-popup3{width:auto; height:auto; max-width:600px; margin:0 auto;}
}

.main-popup3__tit{font-size:20px; font-weight:800; color:#000; margin-bottom:16px;}

.main-popup3-slide{margin:0 -10px;}
.main-popup3-slide .slick-slide{margin:0 10px;}
.main-popup3-slide .slick-arrow{display:none !important;}
.main-popup3-slide a:focus{text-decoration:underline;}

.main-popup3 .yg-wrap{display:-webkit-box; display:-ms-flexbox; display:flex; gap:15px;}
.main-popup3 .yg-wrap .imgs-left{-webkit-box-flex:1; -ms-flex:1 0 auto; flex:1 0 auto; width:76px; max-height:102px;}
.main-popup3 .yg-wrap .text-right .item1{height:65px; margin-bottom:19px; overflow:hidden; line-height:1.6;}
.main-popup3 .yg-wrap .text-right .item2{color:#777;}

.main-popup3 .main-popup3-nav{position:absolute; right:5px; top:12px; padding:11px 15px; border-radius:0 12px 0 0; z-index:999; color:#fff;}
.main-popup3 .main-popup3-nav div, .main-popup3 .main-popup3-nav ul, .main-popup3 .main-popup3-nav li{display:inline-block; vertical-align:middle;}
.main-popup3 .main-popup3-nav button{color:#fff;}

.main-popup3 a
.slick-slide img{width:75px;}

@media screen and (min-width: 1px) and (max-width: 1024px) {
  .main-popup3 a
.slick-slide img {
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .main-popup3 a
.slick-slide img {
    height: auto;
  }
}

.main-popup3 .slick-slide a:focus img{opacity:0.8;}
.main-popup3 .slick-dots-list{margin-right:5px;}
.main-popup3 .slick-dots-list li{margin-right:5px;}
.main-popup3 .slick-dots-list li button{background-color:#444; display:inline-block; color:gold; vertical-align:middle; overflow:visible; border:3px solid #999; width:22px; height:22px; line-height:22px; border-radius:22px; font-size:0;}
.main-popup3 .slick-dots-list li button:focus{background-color:#fff; border:3px solid gold;}
.main-popup3 .slick-dots-list li.slick-active{display:inline-block;}
.main-popup3 .slick-dots-list li.slick-active button{background-color:#fff; border:3px solid #fff;}
.main-popup3.ver-numbers .slick-dots-list{margin-right:5px;}
.main-popup3.ver-numbers .slick-dots-list li{color:#fff; display:none; font-size:15px; letter-spacing:2px;}
.main-popup3.ver-numbers .slick-dots-list li.slick-active{display:inline-block;}
.main-popup3.ver-numbers .slick-dots-list li.slick-active::first-letter{color:#68ccf6; font-weight:bold;}
.main-popup3 .slide-prev-item{width:25px; height:25px; display:inline-block; vertical-align:middle; position:relative; background-image:url("/commons/new/images/popup-left2.png"); background-repeat:no-repeat; background-position:center center;}
.main-popup3 .slide-prev-item span{text-indent:-9999px; position:absolute; top:0; left:-9999px; height:0; overflow:hidden;}
.main-popup3 .slide-pause-item{width:25px; height:25px; display:inline-block; vertical-align:middle; position:relative; background-image: url("/commons/new/images/popup-pause2.png"); background-repeat: no-repeat; background-position: center center;}
.main-popup3 .slide-pause-item span{text-indent:-9999px; position:absolute; top:0; left:-9999px; height:0; overflow:hidden;}
.main-popup3 .slide-play-item{width:25px; height:25px; display:inline-block; vertical-align:middle; position:relative; background-image:url("/commons/new/images/popup-right2.png"); background-repeat:no-repeat; background-position: center center;}
.main-popup3 .slide-play-item span{text-indent:-9999px; position:absolute; top:0; left:-9999px; height:0; overflow:hidden;}
.main-popup3 .slide-next-item{width:25px; height:25px; display:inline-block; vertical-align:middle; position:relative; background-image:url("/commons/new/images/popup-right2.png"); background-repeat:no-repeat; background-position: center center;}
.main-popup3 .slide-next-item span{text-indent:-9999px; position:absolute; top:0; left:-9999px; height:0; overflow:hidden;}

.main-popup3 .slide-plus-item {
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  background-image: url("/commons/new/images/popup-plus2.png");
  background-repeat: no-repeat;
  background-position: center center;
}

.main-popup3 .slide-plus-item span {
  text-indent: -9999px;
  position: absolute;
  top: 0;
  left: -9999px;
  height: 0;
  overflow: hidden;
}

.main-popup3 a:focus {
  background-color: gold;
  border-radius: 4px;
}

.main-popup3 .slide-prev-item {
  display: none;
}

.main-popup3 .slide-pause-item {
  display: inline-block;
}

.main-popup3 .slide-play-item {
  display: inline-block;
}

.main-popup3 .slide-next-item {
  display: none;
}

.main-popup3.ver-arrow .slide-prev-item {
  display: inline-block;
}

.main-popup3.ver-arrow .slide-pause-item {
  display: inline-block;
}

.main-popup3.ver-arrow .slide-play-item {
  display: none;
}

.main-popup3.ver-arrow .slide-next-item {
  display: inline-block;
}

.prg-result {
  width: 100%;
  height: 5px;
  background-color: #fff;
  z-index: 97;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.prg-result.on {
  display: block;
}

.prg-result__in {
  background-color: black;
  height: 5px;
  display: inline-block;
  vertical-align: top;
  width: 0%;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/*메인탭*/
.main-tab {
  height: 220px;
}

.main-tab__ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  padding-right: 60px;
  border-radius: 15px;
  border: 1px solid #eee;
}

.main-tab__ul__li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.main-tab__ul__li a {
  height: 46px;
  line-height: 46px;
  display: block;
  font-size: 17px;
  font-size: 1.7rem;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  color: #222;
  font-weight: bold;
  position: relative;
}

.main-tab__ul__li a:after{content:' '; display:block; width:1px; height:13px; position:absolute; top:18px; right:0; background-color:#eee;}
.main-tab__ul__li.on a{color:#fff; background-color:#2280d7; border-radius:15px; position:relative;}
.main-tab__ul__li.on a:after{content:' '; display:block; height:10px; position:absolute; top:unset; bottom:-5px; left:50%; margin-left:-5px; background-color:#2280d7; -webkit-transform: rotate(45deg); transform:rotate(45deg);}
.main-tab__ul__li a:hover, .main-tab__ul__li a:focus{text-decoration:underline;}
.main-tab__cont__ul{margin-top:14px;}
.main-tab__cont__ul__li:first-child{border-top:0;}
.main-tab__cont__ul__li a{display:block; position:relative; padding-left:10px; padding-right:10px;}
.main-tab__cont__ul__li a:hover, .main-tab__cont__ul__li a:focus{background-color:#eee;}
.main-tab__cont__ul__li a:focus{text-decoration: underline;}

.main-tab__cont__more{position:absolute; right:0; top:-61px; display:block; width:46px; height:46px; padding:2px; -webkit-box-sizing: border-box; box-sizing:border-box; border-radius:15px; text-indent:-9999px; background-image: url("/commons/new/images/more.png"); background-position:center center; background-repeat:no-repeat;}
.main-tab__cont__more:focus{border:2px solid gold; padding:0;}

.mtcul-cont{white-space:nowrap; overflow:hidden; display:block; text-overflow:ellipsis; width:75%; padding-top:10px; padding-bottom:10px; color:#000; font-size:13px; padding-left:15px; position:relative;}
.mtcul-cont::before{content: ' '; display:block; position:absolute; top:16px; left:4px; width:4px; height:4px; background-color:#2280d7;}

.mtcul-date{display:block; position:absolute; top:10px; right:10px; font-size:13px;}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .mtcul-cont{width:auto;}
  .mtcul-date{display:none;}
}

.sns-go-links{margin-top:15px;}
.sns-go-links__list{display:-webkit-box;display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; gap:4px;}
.sns-go-links__list li{-webkit-box-flex:1; -ms-flex:1 0 auto; flex:1 0 auto;}
.sns-go-links__list li a:hover img, .sns-go-links__list li a:focus img{opacity:0.8;}

/*바로가기 서비스*/
.go-go-box {background-color:#f6f8fb; padding:13px 35px; padding-bottom:10px; border-radius:12px; margin-bottom:6px;}
.go-go-box.ver1{background-color:#dae6f7;}
.go-go-box.ver2{background-color:#e2f7e9;}
.go-go-box__tit{font-size:20px; font-weight:800; color:#000; height:32px;}
.go-go-box__list{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; gap:15px; -webkit-box-pack:left; -ms-flex-pack: left; justify-content:left; -webkit-box-align:left; -ms-flex-align:left; align-items: left;}
.go-go-box__list__item{-webkit-box-flex:1; -ms-flex:1 0 auto; flex:1 0 auto;}
.go-go-box__list__item a{min-width:83px; display:block; height:86px; text-align:center; background-color:#fff; border-radius:10px; font-size:13px; -webkit-box-sizing:border-box; box-sizing:border-box; padding-top:8px; -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; opacity:1;}
.go-go-box__list__item a span{display:block; width:46px; height:36px; margin:0 auto; background-position:center center; background-repeat:no-repeat; margin-bottom:3px;}
.go-go-box__list__item a:hover{opacity:0.9;}
.go-go-box__list__item a:focus .go-go-sbj{text-decoration:underline;}
.go-go-box__list__item a .go-go-sbj{display:-webkit-box; display:-ms-flexbox; display:flex; height:33px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; font-weight:600;}

.go-go-box__list__item.type0 a span{background-image:url("/commons/new/images/gogo-0-new.png");}
.go-go-box__list__item.type1 a span{background-image:url("/commons/new/images/gogo-1-new.png");}
.go-go-box__list__item.type2 a span{background-image:url("/commons/new/images/gogo-2-new.png");}
.go-go-box__list__item.type3 a span{background-image:url("/commons/new/images/gogo-3-new.png");}
.go-go-box__list__item.type4 a span{background-image:url("/commons/new/images/gogo-4-new.png");}
.go-go-box__list__item.type5 a span{background-image:url("/commons/new/images/gogo-5-new.png");}
.go-go-box__list__item.type6 a span{background-image:url("/commons/new/images/gogo-6-new.png");}
.go-go-box__list__item.type7 a span{background-image:url("/commons/new/images/gogo-7-new.png");}
.go-go-box__list__item.type8 a span{background-image:url("/commons/new/images/gogo-8-new.png");}
.go-go-box__list__item.type9 a span{background-image:url("/commons/new/images/gogo-9-new.png");}

/*메인 부분 여기까지*/

/* 메인26 */
.main-section-wrap{padding-top:45px; background:linear-gradient(#f6f6f6,#ffffff);}

#main-section__in1line{background: radial-gradient(ellipse 80% 50% at bottom, #b4e2fa 0%, rgba(255,255,255,0) 50%);}

.main-lay1{display:flex; justify-content:space-between; margin:0 auto; width:1024px;}

/* 메인배너 */
.main-banner{position:relative; width:350px; height:460px; overflow:hidden; border-radius:10px; box-shadow:3px 3px 30px 0 rgba(0,0,0,.2);}
.slideimg1 a img{object-fit:cover;}
.slidebt1{position:absolute; bottom:0; right:0; padding:10px 20px 8px 70px; width:150px; background:rgba(0,0,0,.7); border-top-left-radius:10px; border-bottom-right-radius:10px; box-sizing:border-box; z-index:1;}
.swiper-pagination1{transition: none !important;left:10px !important; width:30% !important;}
.swiper-pagination1 span{font-size:15px; color:#fff; font-weight:bold;}
.swiper-pagination1 span.swiper-pagination-current{color:#99e0fe;}
.slidebt1{position:absolute; display:flex; justify-content:space-between;}
.slidebt1 .btn_stop1{position:absolute; top:10px; right:45px;}
.slidebt1 .btn_play1{position:absolute; display:none; top:10px; right:45px;}

/* 데이터누림배너 */
.main-data{position:relative; width:630px; height:100%;}
.main-data h3{padding-bottom:15px; width:210px; font-size:24px; color:#000; font-family:'GyeonggiMillenniumTitle'; font-weight:300; background:url('/commons/new/images/icon_chart.png')no-repeat right 0 top 2px;}
.mySwiper2{border-radius:10px; box-shadow:3px 3px 30px 0 rgba(0,0,0,.2);}
.swiper-pagination2{transition: none !important;left:10px !important; width:30% !important;}
.swiper-pagination2 span{font-size:15px; color:#fff; font-weight:bold;}
.swiper-pagination2 span.swiper-pagination-current{color:#99e0fe;}
.slidebt2{position:absolute; display:flex; justify-content:space-between; bottom:0; right:0; padding:10px 20px 8px 70px; width:150px; background:rgba(0,0,0,.7); border-top-left-radius:10px; border-bottom-right-radius:10px; box-sizing:border-box; z-index:1;}
.slidebt2 .btn_stop2{position:absolute; top:10px; right:45px;}
.slidebt2 .btn_play2{position:absolute; display:none; top:10px; right:45px;}

/* 플랫폼과 주요사업 */
.main-lay2{margin:0 auto; padding:45px 0 50px 0; width:1024px; box-sizing:border-box;}
.main-icontab_wrap{display:flex; justify-content:space-between; border:3px solid #2280d7; border-radius:10px; box-sizing:border-box;}

/* 플랫폼과 주요사업 tab */
.main-icontab_tab{padding:25px 0 25px 30px; width:230px; font-family:'GyeonggiMillenniumTitle'; font-size:18px; background:linear-gradient(to right, #ffffff, #ebf5fb 90%, transparent 90%); border-top-left-radius:10px; border-bottom-left-radius:10px; box-sizing:border-box;}
.main-icontab_tab li{}
.main-icontab_tab button{display:block; padding-left:5px; width:200px; height:55px; text-align:left; font-family:'GyeonggiMillenniumTitle'; font-size:18px; line-height:55px; background:none; border:none; box-sizing:border-box;}
.main-icontab_tab [role="tab"][aria-selected="true"]{padding-left:15px; color:#fff; background:url('/commons/new/images/maincentertab_bg.png') no-repeat center center;}

/* 플랫폼과 주요사업 content */
.main-icontab_con{padding-top:40px; padding-right:20px; width:calc(100% - 230px); box-sizing:border-box;}

/* 플랫폼 */
.icontabcon_flat{position:relative; width:100%;  background:url('/commons/new/images/tab/icontabline.png')no-repeat center center;}
.mySwiper3{position:relative; width:95%;}
.slideimg3 ul{display:flex; justify-content:center; width:100%;}
.slideimg3 ul li{width:33%; font-family:'GyeonggiMillenniumTitle'; font-size:17px;}
.slideimg3 .icontab_flat1set li:nth-child(1){background:url('/commons/new/images/tab/mainicon-flat01.png') no-repeat center top 0px; transform: translateY(0px); transition:transform 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);}
.slideimg3 .icontab_flat1set li:nth-child(2){background:url('/commons/new/images/tab/mainicon-flat02.png') no-repeat center top 0px; transform: translateY(0px); transition:transform 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);}
.slideimg3 .icontab_flat1set li:nth-child(3){background:url('/commons/new/images/tab/mainicon-flat03.png') no-repeat center top 0px; transform: translateY(0px); transition:transform 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);}
.slideimg3 .icontab_flat2set li:nth-child(1){background:url('/commons/new/images/tab/mainicon-flat04.png') no-repeat center top 0px; transform: translateY(0px); transition:transform 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);}
.slideimg3 .icontab_flat2set li:nth-child(2){background:url('/commons/new/images/tab/mainicon-flat05.png') no-repeat center top 0px; transform: translateY(0px); transition:transform 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);}
.slideimg3 .icontab_flat2set li:nth-child(3){background:url('/commons/new/images/tab/mainicon-flat06.png') no-repeat center top 0px; transform: translateY(0px); transition:transform 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);}
.slideimg3 .icontab_flat1set li:hover{transform:translateY(5px);}
.slideimg3 .icontab_flat2set li:hover{transform:translateY(5px);}
.slideimg3 ul li a{display:block; padding:5px; padding-top:60px; letter-spacing:-1px; text-align:center; color:#222; box-sizing:border-box;}
.slideimg3 ul li a:hover{color:#1263ae;}
.slidebt3{position:absolute; display:flex; justify-content:space-between; top:30px; width:100%;}

/* 주요사업 */
.icontabcon_busi{position:relative; width:100%;}
.mySwiper4{position:relative; width:95%; box-sizing:border-box;}
.mySwiper4 .swiper-wrapper{}
.mySwiper4 .swiper-wrapper .swiper-slide{width:20%; box-sizing:border-box;}
.slideimg4 a{padding:5px; padding-top:55px; display:block; font-family:'GyeonggiMillenniumTitle'; letter-spacing:-1px; font-size:15px; color:#222; text-align:center; box-sizing:border-box;}
.slideimg4 a:hover{color:#1263AE;}
.slideimg4 a.longletter{letter-spacing:-2px;}
.mySwiper4 .swiper-wrapper .swiper-slide:nth-child(1) .slideimg4 a{background:url('/commons/new/images/tab/mainicon-busi01.png') no-repeat center top 0px; transform: translateY(0px); transition:transform 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);}
.mySwiper4 .swiper-wrapper .swiper-slide:nth-child(2) .slideimg4 a{background:url('/commons/new/images/tab/mainicon-busi02.png') no-repeat center top 0px; transform: translateY(0px); transition:transform 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);}
.mySwiper4 .swiper-wrapper .swiper-slide:nth-child(3) .slideimg4 a{background:url('/commons/new/images/tab/mainicon-busi03.png') no-repeat center top 0px; transform: translateY(0px); transition:transform 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);}
.mySwiper4 .swiper-wrapper .swiper-slide:nth-child(4) .slideimg4 a{background:url('/commons/new/images/tab/mainicon-busi04.png') no-repeat center top 0px; transform: translateY(0px); transition:transform 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);}
.mySwiper4 .swiper-wrapper .swiper-slide:nth-child(5) .slideimg4 a{background:url('/commons/new/images/tab/mainicon-busi05.png') no-repeat center top 0px; transform: translateY(0px); transition:transform 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);}
.mySwiper4 .swiper-wrapper .swiper-slide:nth-child(6) .slideimg4 a{background:url('/commons/new/images/tab/mainicon-busi06.png') no-repeat center top 0px; transform: translateY(0px); transition:transform 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);}
.mySwiper4 .swiper-wrapper .swiper-slide:nth-child(7) .slideimg4 a{background:url('/commons/new/images/tab/mainicon-busi07.png') no-repeat center top 0px; transform: translateY(0px); transition:transform 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);}
.mySwiper4 .swiper-wrapper .swiper-slide:nth-child(8) .slideimg4 a{background:url('/commons/new/images/tab/mainicon-busi08.png') no-repeat center top 0px; transform: translateY(0px); transition:transform 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);}
.mySwiper4 .swiper-wrapper .swiper-slide:nth-child(9) .slideimg4 a{background:url('/commons/new/images/tab/mainicon-busi09.png') no-repeat center top 0px; transform: translateY(0px); transition:transform 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);}
.mySwiper4 .swiper-wrapper .swiper-slide:nth-child(10) .slideimg4 a{background:url('/commons/new/images/tab/mainicon-busi10.png') no-repeat center top 0px; transform: translateY(0px); transition:transform 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);}
.mySwiper4 .swiper-wrapper .swiper-slide:nth-child(11) .slideimg4 a{background:url('/commons/new/images/tab/mainicon-busi11.png') no-repeat center top 0px; transform: translateY(0px); transition:transform 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);}
.mySwiper4 .swiper-wrapper .swiper-slide:nth-child(12) .slideimg4 a{background:url('/commons/new/images/tab/mainicon-busi12.png') no-repeat center top 0px; transform: translateY(0px); transition:transform 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);}
.mySwiper4 .swiper-wrapper .swiper-slide:nth-child(13) .slideimg4 a{background:url('/commons/new/images/tab/mainicon-busi13.png') no-repeat center top 0px; transform: translateY(0px); transition:transform 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);}
.mySwiper4 .swiper-wrapper .swiper-slide:nth-child(14) .slideimg4 a{background:url('/commons/new/images/tab/mainicon-busi14.png') no-repeat center top 0px; transform: translateY(0px); transition:transform 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);}
.mySwiper4 .swiper-wrapper .swiper-slide .slideimg4 a:hover{transform:translateY(5px);}
.slidebt4{position:absolute; display:flex; justify-content:space-between; top:30px; width:100%;}

.main-lay3{display:flex; justify-content:space-between; margin:70px auto 60px; width:1024px;}
.main-lay3 h3{font-size:20px; line-height:30px; color:#000; font-family:'GyeonggiMillenniumTitle'; font-weight:300;}

/* 기관소식알림 */
.main-boardtab{width:calc(100% - 295px);}
.main-boardtab-wrap{padding:45px; background:#eaf5fd; border-radius:10px;}
.main-boardtab_tab{display:flex; justify-content:flex-start; margin-bottom:30px;}
.main-boardtab_tab li{position:relative; margin-right:18px; box-sizing:border-box;}

/* 기관소식알림 버튼식 */
.main-boardtab_tab li button{display:block; padding:8px 16px; font-family:'GyeonggiMillenniumTitle'; font-size:20px; color:#555; background:#fff; border:2px solid #fff; border-radius:30px; box-sizing:border-box;}
.main-boardtab_tab li button:hover{border:2px solid #1263ae;}
.main-boardtab_tab li button[role="tab"][aria-selected="true"]{font-weight:500; color:#fff; background:#1263ae; border:2px solid #1263ae;}
.main-boardtab_tab li button[role="tab"][aria-selected="true"]:before{content:""; position:absolute; top:-10px; left:50%; width:28px; height:7px; background:url('/commons/new/images/boardtabwave.png') no-repeat center center;  transform:translateX(-50%);}

.mainboardtabcon{position:relative;}
.boardtab_list li{display:flex; justify-content:space-between; margin-top:15px; padding:10px 15px 10px 30px; background:url('/commons/new/images/boardtabheart.png') no-repeat left 15px center, #fff; border-radius:10px; box-shadow:3px 3px 20px 0 rgba(0,0,0,.1); box-sizing:border-box;}
.boardtab_list li:hover{box-shadow:none;}
.boardtab_list li p:first-child{width:calc(100% - 100px); text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.boardtab_list li p:last-child{width:80px; line-height:25px; text-align:right; color:#222;}
.boardtab_list li p a{color:#222; font-size:16px;}
.boardtab_more{position:absolute; top:-60px; right:5px; width:20px; height:20px;}
.boardtab_more button{background:none; border:none;}
.boardtab_more button img{transition:transform 0.4s ease-out;}
.boardtab_more button:hover img{transform:rotate(90deg);}

/* 연구발간자료 */
.main-board-public{position:relative; margin-bottom:29px;}
.mySwiper5{width:240px; background:#eaf5fd; border-radius:10px; box-sizing:border-box;}
.slideimg5{padding:15px;}
.main-board-pub-in{display:flex; justify-content:space-between;}
.main-board-pub-photo{width:82px; height:112px;}
.main-board-pub-photo img{width:100%; height:100%; object-fit:cover;}
.main-board-pub-txt{position:relative; width:calc(100% - 90px); color:#222; font-weight:500; font-size:1.3rem;}
.main-board-pub-txt span:last-child{position:absolute; bottom:0; display:block; width:100%;}
.slidebt5{position:absolute; display:flex; justify-content:space-between; top:8px; right:25px; width:45px;}
.slidebt5 .btn_stop5{position:absolute; top:0px; right:19px;}
.slidebt5 .btn_play5{position:absolute; display:none; top:0px; right:19px;}
.board_more{position:absolute; top:0px; right:-20px; width:12px; height:12px;}

/* 갤러리 */
.main-board-photo{position:relative;}
.mySwiper6{width:240px; background:#eaf5fd; border-radius:10px; box-sizing:border-box;}
.slideimg6{padding:15px; box-sizing:border-box;}
.main-board-pho-in p img{width:100%; height:130px; object-fit:cover; box-sizing:border-box;}
.main-board-pho-in span{display:block; width:100%; font-weight:500; font-size:1.6rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; background:#eaf5fd;}
.slidebt6{position:absolute; display:flex; justify-content:space-between; top:8px; right:25px; width:45px;}
.slidebt6 .btn_stop6{position:absolute; top:0px; right:19px;}
.slidebt6 .btn_play6{position:absolute; display:none; top:0px; right:19px;}
.board_more{position:absolute; top:0px; right:-20px; width:12px; height:12px;}

/* 반응형 26 */
@media screen and (max-width: 1024px){
	.main-lay1{width:95%;}
	.main-banner{width:34%; height:43vw;}
	.slideimg1 a img{width:100%;}

	.main-data{width:calc(100% - 39%);}

	.main-lay2{width:95%;}
	.main-icontab_tab{padding:30px 0 20px 10px; width:200px;}
	.main-icontab_con{padding-right:10px; width:calc(100% - 200px);}

	.main-lay3{width:95%;}
	.main-boardtab{width:calc(100% - 260px);}
}

@media screen and (max-width: 910px){
	.main-lay3{flex-wrap:wrap;}
	.main-boardtab{width:100%;}

	.main-boardgroup{display:flex; justify-content:space-between; margin-top:30px; width:100%;}
	.main-board-public{width:calc(100% - 260px);}
	.mySwiper5{width:100%;}
	.main-board-pub-photo{width:112px; height:153px;}
	.main-board-pub-txt{width:calc(100% - 120px);}
}

@media screen and (max-width: 860px){
	.main-icontab_wrap{flex-wrap:wrap;}
	.main-icontab_tab{display:flex; justify-content:center; padding:20px 0 0 0; width:100%; background: linear-gradient(to bottom, #ffffff, #ebf5fb 80%, transparent 80%); border-top-right-radius:10px;}
	.main-icontab_tab button{padding-left:40px;}
	.main-icontab_tab [role="tab"][aria-selected="true"]{padding-left:30px;}
	.main-icontab_con{padding:10px 20px; width:100%; height:120px;}
}

@media screen and (max-width: 768px){
	#main-section__in1line{background: radial-gradient(ellipse 80% 20% at bottom, #b4e2fa 0%, rgba(255,255,255,0) 100%);}


	.main-lay1{flex-wrap:wrap;}
	.main-banner{margin-bottom:30px; width:100%; height:122vw;}

	.main-data{width:100%;}
	.main-data h3{padding-bottom:5px; width:185px; font-size:20px;}

	.icontabcon_flat{background:none;}

	.main-boardtab-wrap{padding:20px;}
	.main-boardtab_tab{margin-bottom:10px;}
	.main-boardtab_tab li{margin-right:5px;}
	.main-boardtab_tab li button{padding:5px 10px; font-size:15px; border-radius:15px;}
	.boardtab_list li p:first-child{width:100%;}
	.boardtab_list li p:last-child{display:none;}
	.boardtab_more{top:-37px;}
}

@media screen and (max-width: 542px){
	.main-boardgroup{flex-wrap:wrap;}
	.main-board-public{width:100%;}

	.main-board-photo{width:100%;}
	.mySwiper6{width:100%; box-sizing:border-box;}
	.main-board-pho-in p img{height:50vw;}
}

@media screen and (max-width: 425px){
	.main-icontab_tab{font-size:15px;}
	.main-icontab_tab button{padding:0 0 10px 0; width:128px; text-align:center; line-height:15px; font-size:15px;}
	.main-icontab_tab [role="tab"][aria-selected="true"]{padding:0; background:url('/commons/new/images/maincentertab_bg_m.png') no-repeat center center;}
	.main-icontab_con{padding:10px 10px; width:100%; height:120px; box-sizing:border-box;}

	.main-boardtab_tab li button{width:51px; text-align:center; box-sizing:border-box;}
	.boardtab_more{top:-40px;}
	.boardtab_list li{margin-top:10px; padding:5px 10px 5px 22px; background:url('/commons/new/images/boardtabheart.png') no-repeat left 9px center, #fff;}
	.boardtab_list li p a{font-size:14px;}
}

@media screen and (max-width: 375px){
	.main-icontab_con{padding:10px 5px; width:100%; height:120px; box-sizing:border-box;}
	.main-icontab_con{padding:10px 10px; width:100%; height:120px; box-sizing:border-box;}
	.slideimg3 ul li{font-size:15px;}
	.slideimg3 ul li a{padding:60px 0 5px 0;}
}

/*배너존*/
.banner_zone_outwrap{font-family:'Noto Sans KR'; margin:0 auto; padding-bottom:10px; padding-top:10px; border-top:1px solid #e0e0e0;}
.banner_zone_wrap{position:relative; overflow:hidden; width:1024px; margin:0 auto; height:50px;}
.banner_zone_wrap h3{margin-left:0px; margin-bottom:0px; font-size:18px; color:#333333; position:absolute; top:14px; left:2px;}
.banner_zone{width:810px; overflow:hidden; z-index:0; position:relative; text-align:center; margin-left:210px;}
.banner_zone .slick-arrow{display:none !important;}
.banner_zone a{padding:0 0;}

.listwrap{position:relative; left:0; overflow:hidden;}
.listwrap li{width:198px; height:50px;}
.listwrap li a{display:block;}
.listwrap li a:focus img{border:1px solid gold;}
.listwrap li a img{width:186px; height:48px; border:1px solid #ddd;}

.foot_roll_nav2{position:relative; z-index:1;}
.foot_roll_nav2 a:focus{border:1px solid gold;}
.foot_roll_nav2 .r_prev{left:83px; top:13px;}
.foot_roll_nav2 .r_pause{left:110px; top:13px;}
.foot_roll_nav2 .r_next{left:137px; top:13px;}
.foot_roll_nav2 .r_plus{left:164px; top:13px;}
.foot_roll_nav2 .r_start{left:34px; top:29px;}
.foot_roll_nav2 span{position:absolute;}
  
.r_plus a{width:28px; height:28px; font-size:0; display:block;background-color:#fff; background-image:url('/commons/new/images/ico-roll-plus.png'); background-repeat:no-repeat; background-position:center center;}
.r_pause a{width:28px; height:28px;	font-size:0; display:block;	background-color:#fff; background-image:url('/commons/new/images/ico-roll-pause.png'); background-repeat:no-repeat;	background-position:center center;}
.r_start a{width:28px;height:28px;font-size:0;display:block; background-color:#fff;	background-image:url('/commons/new/images/ico-roll-start.png'); background-repeat: no-repeat; background-position:center center;}
.r_prev a{width:28px; height:28px;font-size:0;display:block;background-color:#fff;background-image:url('/commons/new/images/ico-roll-left.png');background-repeat:no-repeat;background-position:center center;}
.r_next a{width:28px;height:28px;font-size:0;display:block;	background-color:#fff;margin-right:-1px;background-image:url('/commons/new/images/ico-roll-right.png');	background-repeat:no-repeat;background-position: center center;}

/*20250120*/
.h3-new{font-size:22px; margin-bottom:30px; font-weight:600;}

.sub-slide{position:relative; margin-bottom:30px;}
.sub-slide__box{max-width:100%; margin:0 auto;}
.sub-slide__box img{width:100%; margin-bottom:30px;}
.sub-slide__nav{position:absolute; width:30px; display:block; top:50%; margin-top:-15px; height:30px; background-color:#fbfbfb; border:1px solid #ddd; text-indent:-9999px; border-radius:100%;}
.sub-slide__nav:after{border-radius:100%; width:30px; height:30px; line-height:30px; display:block; position:absolute; top:0px; left:0px; color:#4f679d; text-align:center; text-indent:0; font-size:12px;
font-family:"Nanum Gothic";}
.sub-slide__nav:hover:after, .sub-slide__nav:focus:after{color:gold;}
.sub-slide__prev{left:0;}
.sub-slide__prev:after{content:'◀';}
.sub-slide__next{right:0;}
.sub-slide__next:after{content: '▶';}

.sub-slide-cro {
  margin-bottom: 40px;
  overflow: hidden;
  padding-left: 24px;
  padding-right: 24px;
}

.sub-slide-cro a {
  display: block;
  width: calc(100% - 30px);
  margin: 0 auto;
}

.sub-slide-cro img {
  height: 155px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0.8;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid #fff;
}

@media screen and (min-width: 1px) and (max-width: 1200px) {
  .sub-slide-cro img {
    height: 100px !important;
  }
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .sub-slide-cro img {
    height: 55px !important;
  }
}

.sub-slide-cro .slick-current img {
  opacity: 1;
  border: 1px solid #000;
}

.sub-slide-cro a:focus img {
  opacity: 1;
}
 
html body, .main-section .main-section-wrap{font-family:'Noto Sans KR';}

/* 메인 반응형 */
@media screen and (max-width: 1060px) {
	.skiptoContent div {
		min-width: 280px;
	}
	
	.top-nav__box,
	[class*='header__wrap'],
	.header__wrap__h1,
	.main-section__in,
	.banner_zone_wrap,
	.footer_in_wrap {
		width: auto;
		padding: 0 15px;
		margin-left: 0;
		margin-right: 0;
	}

	.top-nav__fav3,
	.btn_all {
		right: 15px;
	}

	.gnb {
		right: 70px;
		width: 520px;
	}

	.all_menu_wrap {
		left: 20px;
		right: 20px;
		width: auto;
	}

	.main-section__in {
		gap: 20px;
	}

	.main-lay-2 {
		width: calc(100% - 380px);
	}

	.main-lay-3,
	.main-lay-4 {
		width: 100%;
	}

	.sns-go-links {
		margin-top: 20px;
	}

	.go-go-box.ver1 {
		margin-bottom: 20px;
	}

	.main-popup3 .yg-wrap .imgs {
		width: 94px !important;
		height: 129px !important;
		flex: 0 0 auto;
	}

	.sns-go-links__list {
		flex-wrap: nowrap;
	}

	.sns-go-links__list li {
		flex: 1 1 auto;
	}

	.sns-go-links__list li img {
		width: 100%;
	}

	.banner_zone_wrap h3 {
		left: 20px;
	}

	.banner_zone {
		width: calc(100% - 210px);
	}

	.listwrap li a img {
		margin: 0 auto;
	}
	
	.footer_in_wrap {
		min-height: 0;
		padding-top: 25px;
		padding-bottom: 25px;
	}
	
	.copy_box,
	.copy_box2 {
		position: static;
	}

	.copy_box {
		margin-bottom: 10px;
	}

	.copy_box3 {
		top: auto !important;
		left: auto !important;
		right: 20px;
		bottom: 34px;
	}

	.family_site {
		top: 20px;
		right: 20px;
	}
}

@media screen and (max-width: 1024px) {
	.gnb {
		display: none;
	}
}

@media screen and (max-width: 860px) {
	.main-lay-1,
	.main-lay-2 {
		width: 100%;
	}

	.main-lay-1 {
		background: #f8f8f8;
		padding: 30px 0;
		border-radius:  20px;
	}

	.main-popup {
		margin: 0 auto;
	}

	.main-popup2 {
		height: auto;
	}
}

@media screen and (max-width: 768px) {
	.top-nav__box h2{display:none;}
	.top-nav__fav3{
		display: none;
	}

	header,
	[class*='header__wrap']{
		height: 70px;
	}

	.header__wrap__h1 h1 {
		top: 22px;
	}
	
	[class*='header__wrap'] h1 a img {
		height: 30px;
	}

	.btn_all {
		bottom: 10px;
	}

	.all_menu_wrap {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 100;
		overflow-y: auto;
		overscroll-behavior: none;
	}

	.all_menu_in {
		padding: 0 20px 20px;
		word-break: keep-all;
		overflow-wrap: break-word;
		letter-spacing: -0.02em;
	}

	.all_menu_in h2 {
		padding-top: 18px;
	}

	.all_menu_in .all_menu_close {
		top: 16px;
		right: 20px;
	}

	.all_menu_in .gnb-ul,
	.all_menu_in .gnb-menu{
		display: block;
	}

	.all_menu_in .gnb-menu {
		width: auto !important;
		float: none;
	}

	.all_menu_in .gnb-menu {
		border-left: 0;
	}

	.all_menu_in .gnb-menu > div {
		padding: 0;
	}

	.all_menu_in .sub-nav__box__ul > li div:not(:has(li)) {
		display: none;
	}

	.all_menu_in .gnb-menu > div > a {
		margin-bottom: 0;
	}

	.all_menu_in .gnb-menu .sub-nav {
		margin-left: 10px;
	}

	.all_menu_in .sub-nav__box__ul > li {
		display: flex;
		gap: 0 10px;
		margin-bottom: 0;
		padding: 12px 0;
	}
	.all_menu_in .sub-nav__box__ul > li + li {
		border-top: 1px dotted #e1e1e1; 
	}
	
	.all_menu_in .sub-nav__box__ul > li > a {
		flex: 0 0 100px;
		font-weight: 600;
	}
	.all_menu_in .sub-nav__box__ul > li div {
		flex: 1 1 100%;
		min-width: 0;
	}

	.all_menu_in .sub-nav__box__ul > li div {
		padding-top: 0;
	}

	.main-section {
		padding-top: 10px;
	}

	.main-lay-1{background:none; padding:0;	border-radius:0;}

	.main-popup .slick-track{display:flex;}
	.main-popup .slick-slide{height:auto;}
	.main-popup .slick-slide a{display:block; height:100%;}
	.main-popup .slick-slide img{width:100%; height:100%;}

	.main-tab, .sns-go-links__list,	.go-go-box{max-width:600px;	margin:0 auto; box-sizing:border-box;}
	.main-tab__ul__li a{font-size:1.3rem;}

	.main-popup2__tit, .main-popup3__tit, .go-go-box__tit{font-size:18px;}
	.main-popup2, .main-popup3,	.go-go-box{padding:20px 25px;}
	.main-popup2 .pop-sbj-line{font-size:12px;}

	.banner_zone_wrap h3{display:none;}
	.banner_zone{margin-left:104px;	width:calc(100% - 104px);}

	.foot_roll_nav2 .r_prev{left:0;}
	.foot_roll_nav2 .r_pause{left:28px;}
	.foot_roll_nav2 .r_next{left:55px;}
	.footer_in_wrap{padding-bottom:80px;}

	.family_site{bottom:35px; top:auto;	left:105px;}

	.select_concept ul{top:auto; bottom:100%;}

	.copy_box3{left:20px !important;right:auto; bottom:20px;}
	.copy_box3 img{height:52px;}
}

@media screen and (max-width: 520px) {
	.sns-go-links__list{flex-wrap:wrap;}
	.sns-go-links__list li{width:calc((100% - 4px) / 2);}
}