@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nanum+Gothic&family=Noto+Sans+KR:wght@100..900&family=Noto+Serif+KR:wght@500&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

* {margin:0;padding:0;}

/*body {font-family: "Noto Sans KR", serif; font-weight:400; word-break: keep-all; }*/
body {font-family: "Nanum Square Neo", sans-serif; font-weight:400; word-break: keep-all; }

.text-sh {
     text-shadow: 0 5px 5px rgba(0, 0, 0, 0.4);
}

.box_sh{
     box-shadow: 9px 9px 18px rgba(138, 138, 138, 0.07);
}


.swiper-slide .sbg {
  transition: transform 3s ease, opacity 0.8s ease;
  transform: scale(1.1);
}

.swiper-slide:not(.swiper-slide-active) .sbg {
  transform: scale(1);
}


.hover {}
.hover:hover {
  background: #3a61cf;
}


/*slide style*/

.swiper-pagination-bullet {
     width:11px;
     height:11px;
     border-radius: 20px;
     background:#cccccc;
     margin: 0 6px !important;
     opacity:1;
}
.swiper-pagination-bullet-active{
     width:11px;
     height:11px;
     border-radius: 20px;
     background:#4154ff;
     margin:0 6px !important;
}

.page_s1 .swiper-pagination-bullet {
     width:11px;
     height:11px;
     border-radius: 20px;
     background:#cccccc;
     margin: 0 6px !important;
     opacity:1;
}
.page_s1 .swiper-pagination-bullet-active{
     width:11px;
     height:11px;
     border-radius: 20px;
     background:#fff;
     margin:0 6px !important;
}


.page_s2 .swiper-pagination-bullet {
     width:11px;
     height:11px;
     border-radius: 20px;
     background:#cccccc;
     margin: 0 6px !important;
     opacity:1;
}
.page_s2 .swiper-pagination-bullet-active{
     width:11px;
     height:11px;
     border-radius: 20px;
     background:#2e9fa3;
     margin:0 6px !important;
}


.sc_none {
  overflow-x: scroll;       /* 가로 스크롤 가능 */
  scrollbar-width: none;    /* Firefox */
  -ms-overflow-style: none; /* IE, Edge */
}

.sc_none::-webkit-scrollbar {
  display: none;            /* Chrome, Safari */
}


.tag_box1 {
     padding-top:2px;
     display: inline-block;
     height:30px;
     padding-left:10px;
     padding-right:10px;
     border-radius: 5px;
     background-color:#e54520;
     color:#fff;
     font-size:16px;
     letter-spacing:-0.05em;
}
.sl_box1 {
     width:880px;
     overflow: hidden;
     background: #fff;
     border-radius:0 0 30px 30px;
     box-shadow: 9px 9px 18px rgba(138, 138, 138, 0.07);
}

.con_bt1{
     height:45px;
     padding:0 20px;
     font-size:16px;
     color:#323232;
     border:1px solid #323232;
     border-radius: 40px;
     background-color: transparent;
}

.con_bt1_mo{
     height:53px;
     padding:0 25px;
     font-size:20px;
     color:#323232;
     border:1px solid #323232;
     border-radius: 50px;
     letter-spacing: -0.05em;
     background-color: transparent;
}

.con_bt2 {
     cursor: pointer;
     letter-spacing: -0.05em;
     font-size:26px;
     color: #fff;
     width:375px;
     height:80px;
     border-radius: 50px;
     background:#2f3a5f;
}
.con_bt2:hover {
     background:#3a61cf;
}

.con_bt3 {
     cursor: pointer;
     letter-spacing: 0.05em;
     font-size:24px;
     color: #fff;
     background:#2f3a5f;
     font-weight: 600;
}
.con_bt3:hover {
     background:#3a61cf;
}

.con_bt4 {
     cursor: pointer;
     letter-spacing: 0.05em;
     font-size:22px;
     color: #fff;
     background:#2f3a5f;
     border-radius: 10px;
}
.con_bt4:hover {
     background:#3a61cf;
}
/*모바일*/
.mobile_area {
     width: 600px;
     margin: auto;
     overflow-x: hidden !important;
     box-sizing: border-box;
     position: relative;
}

.m_bt{
     cursor: pointer;
     width: 240px;
     height: 70px;
     color: #242c47;
     font-size:26px;
     border:4px solid #242c47;
}

.item_hi:hover .it_no{display: none;}
.item_hi:hover .it_ho{display: block;}

/*모션*/

.img_ho {
     overflow: hidden;
     transition:all 0.2s ease-out 0s;
 }
.img_ho:hover {
     transition:all 0.2s ease-out 0s;
     transform:scale(1.1);
}

.nav_ho {
     position: relative;
     margin-left: -2px;
     margin-right: -2px;
     z-index: 2;
}

.nav_t{
     animation: nav_t 1s infinite ease-in-out alternate;
}

.bt_han {
     animation: bt_han 1s infinite ease-in-out alternate;
}

.top_a {
     animation: top_a 2s infinite ease-in-out alternate;
}

.link_hover_bt:hover .link_hover {display: block;}

.icon_11{
     animation: icon_11 1s infinite ease-in-out alternate;
}

.serif {
     font-family: "Noto Serif KR", serif;
     font-weight: 500;
}

#at_1 video {
     cursor: default;
}

@keyframes nav_t{
     from{
          transform: translateY(0px);
     }
     to{
          transform: translateY(-7px);
     }
}
@keyframes bt_han{
     from{
          transform: translateY(0px);
     }
     to{
          transform: translateY(-10px) rotate(-7deg);
     }
}

@keyframes top_a{
     from{
          transform: translateY(0px) translateX(0px);
     }
     to{
          transform: translateY(-10px) rotate(-5deg) translateX(30px);
     }
}

@keyframes icon_11{
     from{
          transform: translateY(0px);
     }
     to{
          transform: translateY(-7px) scale(1.05);
     }
}