/* basic css */
html {
  /* Prevent font scaling in landscape */
 -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
 -moz-text-size-adjust: none; /*Firefox*/
 -ms-text-size-adjust: none;  /*Ie*/
 -o-text-size-adjust: none; /*old versions of Opera*/
}
body{background:#fff}
.section{/* width: 100%; *//* font-size: 15px; *//* overflow: hidden; */position: relative;/* background-size: cover; *//* background-repeat: no-repeat; *//* background-position: center center; */}
.inner-wrap{ width: 90%; margin: 0 auto; position: relative; height: 100%;}
.clear-item:after{ content:""; display: block; clear: both;}
.left-item{ float: left;}
.right-item{ float: right;}
.half-item{ width: 50%;}
.full-item{ width: 100%;}
.full-img{ width: 100%;}
.ad-item{ position: absolute;}
.hide-item{display: none !important; font-size: 0px !important; width: 0px !important; height: 0px !important; position: absolute !important; line-height: 0px !important;}

.animate__delay-0_3s{-webkit-animation-delay: 0.3s;animation-delay: 0.3s;-webkit-animation-delay: calc(var(--animate-delay) * 0.3);animation-delay: calc(var(--animate-delay) * 0.3);}
.animate__delay-0_6s{-webkit-animation-delay: 0.6s;animation-delay: 0.6s;-webkit-animation-delay: calc(var(--animate-delay) * 0.6);animation-delay: calc(var(--animate-delay) * 0.6);}
.animate__delay-0_9s{-webkit-animation-delay: 0.9s;animation-delay: 0.9s;-webkit-animation-delay: calc(var(--animate-delay) * 0.9);animation-delay: calc(var(--animate-delay) * 0.9);}
.animate__delay-1_2s{-webkit-animation-delay: 1.2s;animation-delay: 1.2s;-webkit-animation-delay: calc(var(--animate-delay) * 1.2);animation-delay: calc(var(--animate-delay) * 1.2);}

.animate__delay-0_5s{-webkit-animation-delay: 0.5s;animation-delay: 0.5s;-webkit-animation-delay: calc(var(--animate-delay) * 0.5);animation-delay: calc(var(--animate-delay) * 0.5);}
.animate__delay-1_0s{-webkit-animation-delay: 1s;animation-delay: 1s;-webkit-animation-delay: calc(var(--animate-delay) * 1);animation-delay: calc(var(--animate-delay) * 1);}
.animate__delay-1_5s{-webkit-animation-delay: 1.5s;animation-delay: 1.5s;-webkit-animation-delay: calc(var(--animate-delay) * 1.5);animation-delay: calc(var(--animate-delay) * 1.5);}
.animate__delay-2_0s{-webkit-animation-delay: 2.0s;animation-delay: 2.0s;-webkit-animation-delay: calc(var(--animate-delay) * 2.0);animation-delay: calc(var(--animate-delay) * 2.0);}
.animate__slow_0_5s {  animation-duration: 0.5s !important;  -webkit-animation-duration: 0.5s !important;}
.animate__slow_1s {  animation-duration: 1s !important;  -webkit-animation-duration: 1s !important;}
.animate__slow_1_5s {  animation-duration: 1.5s !important;  -webkit-animation-duration: 1.5s !important;}
.animate__slow_2_5s {  animation-duration: 2.5s !important;  -webkit-animation-duration: 2.5s !important;}

/* board */
#bo_list, #bo_v, #bo_w{ width: 90%; margin: 5% auto; background-color: transparent;}
#bo_cate_ul li:first-child{ display: none;}
#bo_list_total{ display: none;}
#bo_cate {margin:25px 0; text-align: center;}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:inline-block;}
#bo_cate a {display:block;line-height:28px;padding:5px 15px;border:1px solid #e9e9e9;color:#000}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#00255c;color:#fff}
#bo_cate #bo_cate_on {z-index:2;background:#00255c;color:#fff;font-weight:bold;border:1px solid #e9e9e9;}
#bo_v_title { border-top: 1px solid #00122d; border-bottom: 1px solid #00122d; padding: 5% 0; }
#bo_v_title .if_date{ font-size: 15px; font-weight: 100; margin: 0 10px;}
#bo_v_title .bo_v_cate{ display: inline-block; width: 60px; line-height: 25px; background: #00255c; color: #ffffff; font-size: 13px; text-align: center; padding: 0px; border-radius: 0px;}
#bo_v_con{border-bottom: 1px solid #00122d; padding: 0 0 5% 0;}

/* head style */
#hd {position: fixed;left: 0;top: 0;width: 100%;z-index: 9999;transition: all 0.4s;background: #fff;padding: 5px 0;}
#hd.active{background-color: #fff;box-shadow: 0 12px 34px rgba(16, 24, 32, 0.08);}
#hd_wrapper{display: flex;justify-content: end;align-items: center;}
#logo{}
#logo a{display: inline-block;}
#logo a img{width: 100%;z-index: 1011;position: relative;}
.hd_gnb{position: absolute;right: -100%;background: #fff;width: 100%;transition: all 0.4s;z-index: 1000;top: 100px;}
.hd_gnb_inner{height: 100%;position: relative;width: 100%;padding: 80px 0 150px;font-family: 'Noto Sans KR';}
.hd_gnb a{font-size: 30px;color: #fff;position: relative;display: flex;width: 100%;font-weight: 500;padding: 25px 60px 25px 0;text-align: right;justify-content: right;border-bottom: 1px solid #ddd;}
.hd_gnb a:last-child{border-bottom:none}
.hd_gnb a p{position: relative;color: #475569;font-weight: 600;}
.hd_gnb a .hd_gnb_arrow{position: relative;margin-left: 30px;}
.hd_gnb a p span{
    color: #60a5fa;
}
.hd_gnb .hd_tel{}
.hd_gnb .hd_tel img{width: 185px;}
.hd_gnb .hd_tel #hd_tel{}
.hd_logo{display: flex;justify-content: center;align-items: center;position: absolute;left: 0;right: 0;margin: 0 auto;}
.hd_logo.active{/* justify-content: start; *//* left: 20px; */}
.PartSection{width:100%;height:28px;background:#d02f2d}
.LandingWrap{margin-top:100px;font-family: "Noto Sans KR"}
/* head style end */

/* gnb_btn */
.gnb_bar {width: 90px;height: 90px;transform: translatey(0%);cursor:pointer;position: relative;z-index: 3000;}
.gnb_bar > div {position:absolute;top: 30%;left: 20%;width: 60%;height: 7px;border-radius: 3px;background-color: #475569;}
.gnb_bar > div:nth-child(2) {top: 48%;transition:visibility 0s .15s;}
.gnb_bar.active > div:nth-child(2) {visibility:hidden;transition:visibility 0s;}
.gnb_bar > div:nth-child(3) {top: 65%;}
.gnb_bar > div:nth-child(1), .gnb_bar > div:nth-child(3) {transition:top .15s .15s, transform .15s;}
.gnb_bar.active > div:nth-child(1), .gnb_bar.active > div:nth-child(3) {top: 44%;transform: rotate(45deg);transition:top .15s, transform .15s .15s;}
.gnb_bar.active > div:nth-child(3) {transform: rotate(-45deg);}
.gnb_bar.active div{}
.gnb_dim{position: fixed;left: 0;top: 60px;width: 100%;height: 100vh;background: rgba(0,0,0,0.6);display: none;}
/* gnb_btn end */

/* sec */
.sec{position:relative}
.sec img{position: relative;}