@charset "UTF-8";
/*-------------------------------------------------
title       : 메인
Author      : 플랜아이 moni
Create date : 2024-11-11
-------------------------------------------------*/
#wrap {
  position: relative;
}
#wrap::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  background: url("../img/main/bg.jpg");
  background-size: cover;
  background-position: center;
}
#wrap::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(77, 165, 171, 0.8)), to(rgba(0, 44, 124, 0.8)));
  background: linear-gradient(180deg, rgba(77, 165, 171, 0.8) 0%, rgba(0, 44, 124, 0.8) 100%);
  opacity: 0.8;
}

#header::before {
  display: none;
}

#logo,
#category,
#hnb .lang_con,
#gnb1,
#gnb2 {
  display: none;
}

#hnb .hnb2 li:last-child {
  padding-right: 0;
  margin-right: 0;
}
#hnb .hnb2 li:last-child::before {
  display: none;
}

#footer {
  position: relative;
  background: transparent;
}
#footer::before {
  content: "";
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
  position: absolute;
  left: 0;
  top: 0;
}
#footer .related .group {
  background: #031F50;
  border-color: #031F50;
}

#main {
  min-height: calc(100vh - 20rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#main .main_wrap {
  width: 180rem;
  max-width: calc(100% - 4rem);
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center;
  margin-bottom: 4rem;
}

.main_ti1 {
  max-width: calc(100% - 2rem);
  margin: 0 auto 4rem;
}

.desc {
  background: #23607C;
  padding: 0.6rem 2.5rem;
  color: rgba(255, 255, 255, 0.7);
  font-size: 1.7rem;
  display: inline-block;
  border-radius: 1rem;
  margin-bottom: 4rem;
  letter-spacing: -0.03rem;
  word-break: keep-all;
}
.desc i {
  color: rgba(255, 255, 255, 0.3);
}
.desc b {
  color: #46FEA5;
  font-weight: 500;
}

.category_wrap {
  width: 84.8rem;
  max-width: calc(100% - 4rem);
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.category_wrap .item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}
.category_wrap .item.type2 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(50% - 2.5rem);
          flex: 1 1 calc(50% - 2.5rem);
}
.category_wrap .item.type2:nth-child(even) {
  margin-left: 5rem;
}
.category_wrap .item.item1 li:nth-child(1) a::before {
  background-image: url(../img/main/ic_a_1.png);
  background-size: cover;
}
.category_wrap .item.item1 li:nth-child(2) a::before {
  background-image: url(../img/main/ic_a_2.png);
  background-size: cover;
}
.category_wrap .item.item1 li:nth-child(3) a::before {
  background-image: url(../img/main/ic_a_3.png);
  background-size: cover;
}
.category_wrap .item.item1 li:nth-child(4) a::before {
  background-image: url(../img/main/ic_a_4.png);
  background-size: cover;
}
.category_wrap .item.item1 li:nth-child(5) a::before {
  background-image: url(../img/main/ic_a_5.png);
  background-size: cover;
}
.category_wrap .item.item1 li:nth-child(6) a::before {
  background-image: url(../img/main/ic_a_6.png);
  background-size: cover;
}
.category_wrap .item.item1 li:nth-child(7) a::before {
  background-image: url(../img/main/ic_a_7.png);
  background-size: cover;
}
.category_wrap .item.item1 li:nth-child(8) a::before {
  background-image: url(../img/main/ic_a_8.png);
  background-size: cover;
}
.category_wrap .item.item1 li:nth-child(9) a::before {
  background-image: url(../img/main/ic_a_9.png);
  background-size: cover;
}
.category_wrap .item.item1 li:nth-child(10) a::before {
  background-image: url(../img/main/ic_a_10.png);
  background-size: cover;
}
.category_wrap .item.item2 li:nth-child(1) a::before {
  background-image: url(../img/main/ic_b_1.png);
  background-size: cover;
}
.category_wrap .item.item2 li:nth-child(2) a::before {
  background-image: url(../img/main/ic_b_2.png);
  background-size: cover;
}
.category_wrap .item.item2 li:nth-child(3) a::before {
  background-image: url(../img/main/ic_b_3.png);
  background-size: cover;
}
.category_wrap .item.item2 li:nth-child(4) a::before {
  background-image: url(../img/main/ic_b_4.png);
  background-size: cover;
}
.category_wrap .item.item2 li:nth-child(5) a::before {
  background-image: url(../img/main/ic_b_5.png);
  background-size: cover;
}
.category_wrap .item.item2 li:nth-child(6) a::before {
  background-image: url(../img/main/ic_b_6.png);
  background-size: cover;
}
.category_wrap .item.item2 li:nth-child(7) a::before {
  background-image: url(../img/main/ic_b_7.png);
  background-size: cover;
}
.category_wrap .item.item2 li:nth-child(8) a::before {
  background-image: url(../img/main/ic_b_8.png);
  background-size: cover;
}
.category_wrap .item.item2 li:nth-child(9) a::before {
  background-image: url(../img/main/ic_b_9.png);
  background-size: cover;
}
.category_wrap .item.item2 li:nth-child(10) a::before {
  background-image: url(../img/main/ic_b_10.png);
  background-size: cover;
}
.category_wrap .item.item3 li:nth-child(1) a::before {
  background-image: url(../img/main/ic_c_1.png);
  background-size: cover;
}
.category_wrap .item.item3 li:nth-child(2) a::before {
  background-image: url(../img/main/ic_c_2.png);
  background-size: cover;
}
.category_wrap .item.item3 li:nth-child(3) a::before {
  background-image: url(../img/main/ic_c_3.png);
  background-size: cover;
}
.category_wrap .item.item3 li:nth-child(4) a::before {
  background-image: url(../img/main/ic_c_4.png);
  background-size: cover;
}
.category_wrap .item.item3 li:nth-child(5) a::before {
  background-image: url(../img/main/ic_c_5.png);
  background-size: cover;
}
.category_wrap .item.item3 li:nth-child(6) a::before {
  background-image: url(../img/main/ic_c_6.png);
  background-size: cover;
}
.category_wrap .item.item3 li:nth-child(7) a::before {
  background-image: url(../img/main/ic_c_7.png);
  background-size: cover;
}
.category_wrap .item.item3 li:nth-child(8) a::before {
  background-image: url(../img/main/ic_c_8.png);
  background-size: cover;
}
.category_wrap .item.item3 li:nth-child(9) a::before {
  background-image: url(../img/main/ic_c_9.png);
  background-size: cover;
}
.category_wrap .item.item3 li:nth-child(10) a::before {
  background-image: url(../img/main/ic_c_10.png);
  background-size: cover;
}
.category_wrap .item.item4 li:nth-child(1) a::before {
  background-image: url(../img/main/ic_d_1.png);
  background-size: cover;
}
.category_wrap .item.item4 li:nth-child(2) a::before {
  background-image: url(../img/main/ic_d_2.png);
  background-size: cover;
}
.category_wrap .item.item4 li:nth-child(3) a::before {
  background-image: url(../img/main/ic_d_3.png);
  background-size: cover;
}
.category_wrap .item.item4 li:nth-child(4) a::before {
  background-image: url(../img/main/ic_d_4.png);
  background-size: cover;
}
.category_wrap .item.item4 li:nth-child(5) a::before {
  background-image: url(../img/main/ic_d_5.png);
  background-size: cover;
}
.category_wrap .item.item4 li:nth-child(6) a::before {
  background-image: url(../img/main/ic_d_6.png);
  background-size: cover;
}
.category_wrap .item.item4 li:nth-child(7) a::before {
  background-image: url(../img/main/ic_d_7.png);
  background-size: cover;
}
.category_wrap .item.item4 li:nth-child(8) a::before {
  background-image: url(../img/main/ic_d_8.png);
  background-size: cover;
}
.category_wrap .item.item4 li:nth-child(9) a::before {
  background-image: url(../img/main/ic_d_9.png);
  background-size: cover;
}
.category_wrap .item.item4 li:nth-child(10) a::before {
  background-image: url(../img/main/ic_d_10.png);
  background-size: cover;
}
.category_wrap .text1 {
  font-size: 1.8rem;
  font-weight: 600;
  color: #fff;
  letter-spacing: -0.03rem;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.4);
  margin: 0 0.5rem 1.5rem;
  text-align: left;
  line-height: 1.2;
  padding-bottom: 1rem;
}
.category_wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 2rem;
}
.category_wrap ul a {
  padding: 1rem 2.7rem 1rem 6.8rem;
  display: inline-block;
  border-radius: 5.8rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.09);
  color: rgba(255, 255, 255, 0.9);
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: -0.03em;
  line-height: 3.8rem;
  margin: 0 0.5rem 1rem;
  position: relative;
  height: 6rem;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.category_wrap ul a::before {
  content: "";
  width: 4rem;
  height: 4rem;
  position: absolute;
  left: 2rem;
  top: 1rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.category_wrap ul a.inactive {
  background: rgba(0, 0, 0, 0.08) !important;
  border: none !important;
  color: rgba(255, 255, 255, 0.6) !important;
  cursor: auto !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  padding: 1rem 2.8rem 1rem 6.8rem !important;
}
.category_wrap ul a.inactive::before {
  opacity: 0.2;
  background-position: 0 0 !important;
}
.category_wrap ul a:hover, .category_wrap ul a:focus {
  background: linear-gradient(109.28deg, #48A7FF 17.28%, #794AFF 77.31%);
  color: #fff;
  border: none;
  padding: 1rem 2.8rem 1rem 6.9rem;
  -webkit-box-shadow: 2px 2px 20px 0px rgba(27, 0, 137, 0.19);
          box-shadow: 2px 2px 20px 0px rgba(27, 0, 137, 0.19);
}
.category_wrap ul a:hover::before, .category_wrap ul a:focus::before {
  background-position: 0 -4rem; /*top: 1.1rem; left: 2.1rem;*/
}
.category_wrap ul p {
  padding: 2.5rem 4.4rem;
  display: inline-block;
  border-radius: 5.8rem;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(0, 0, 0, 0.08);
  color: rgba(255, 255, 255, 0.6);
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: -0.03em;
  margin: 0 1rem 2rem;
}