@charset "utf-8";

/* 초기화 */
html {overflow-x:hidden !important;}
body {margin:0;padding:0;font-size:0.75em;font-family:'Pretendard', dotum, sans-serif;background:#fff}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Pretendard', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1.3rem}
input, button, figure {margin:0;padding:0;font-family:'Pretendard', dotum, sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Pretendard', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

button:hover{transition: 0.3s;}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
  -webkit-transition:all 0.30s ease-in-out;
  -moz-transition:all 0.30s ease-in-out;
  -ms-transition:all 0.30s ease-in-out;
  -o-transition:all 0.30s ease-in-out;
  outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
  -webkit-box-shadow:0 0 5px #9ed4ff;
  -moz-box-shadow:0 0 5px #9ed4ff;
  box-shadow:0 0 5px #9ed4ff;
  border:1px solid #558ab7;
}

.placeholdersjs {color:#aaa !important}
  
  :root {
    /* [font-family 설정] -----------------------------*/
    /* 한글 종류 사용: font - 폰트명 */
    --k-ff1: "Pretendard";
    /*------------------------------------------------*/
  }

/* ==================================
main
================================== */

@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* content common */
.flex{display: flex;}
.flex-column{display: flex;flex-direction: column;}
.flex-center{display: flex;align-items: center;}

.font_b{font-weight: 600 !important;}

.main_tit_wrap{gap: 4rem;}
.main_tit_wrap .p_tit__area h2{margin-top: 0.85rem;font-size:22px; font-weight: 600;color:#327454;}
.main_tit_wrap .b_tit__area .tit{display:flex;flex-direction:column;font-size:44px; font-weight: 300;color:#1C1D1D;}
.main_tit_wrap .b_tit__area .txt{margin-top: 3rem;font-size:18px; font-weight: 300;color:#6C6C6C;}


/* ==================================
animation area
================================== */
/* Scroll Down(Animation) - arrow */
@keyframes scrollIcon {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(60%);
  }
  100% {
    transform: translateY(0);
  }
}
/* 흐르는 배경 */
@keyframes flowAni {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}

.back-to-position {opacity: 0;transition: 1s;}

.back-to-position.to-right {transform: translateX(-150px);}
.back-to-position.to-left {transform: translateX(150px);}
.back-to-position.to-top {transform: translateY(150px);}
.back-to-position.to-btm {transform: translateY(-150px);}
.show .back-to-position {opacity: 1;transform: translateX(-150px);}
.show .back-to-position {opacity: 1;transform: translateY(0);}
.show .back-to-position.delay-0 {transition-delay: 0s;}
.show .back-to-position.delay-1 {transition-delay: 0.3s;}
.show .back-to-position.delay-2 {transition-delay: 0.6s;}
.show .back-to-position.delay-3 {transition-delay: 0.9s;}
.show .back-to-position.delay-4 {transition-delay: 1.2s;}
.show .back-to-position.delay-5 {transition-delay: 1.5s;}
.show .back-to-position.delay-6 {transition-delay: 1.8s;}

/* ==================================
animation area : end
================================== */


.top__btn { position: fixed; bottom: 2rem; right: 2rem; z-index: 3; opacity: 0.4; }
.top__btn:hover { opacity: 1; transition: 0.2s; }


/* ==================================
footer
================================== */
.footer {
  background-color: #14181C;
}
.footer .inner{
  width:80%;
  margin:0 auto;
  padding:7rem 0;
  color:#ffffff;
  display: flex;
  justify-content: space-between;
  gap: 3rem;
}
.footer .inner .f_logo{width:216px;}
.footer .inner .f_logo img{width:100%;}
.footer .inner .f_content{
  width:80%;
  display: flex;
  justify-content: space-between;
}
.footer .inner .f_content ul{
  display: flex;
  gap: 42px;
  margin-bottom: 3rem;
}
.footer .inner .f_content ul li{
  font-size:1.8rem;
  font-weight: 600;
}
.footer .inner .f_content p{
  font-size:1.6rem;
  line-height: 180%;
  display: flex;
}
.footer .inner .f_content p span{
  width:30px;
  display: flex;
  flex-direction: row;
  position: relative;
}
.footer .inner .f_content p span:after{
  content: "";
  background-color: #5D5D5D;
  width:1px;
  height: 1.6rem;
  position: absolute;
  left: 50%;
  top: 8px;
}
.footer .inner .f_content .copy{font-size:1.6rem;margin-top:3rem;color:#A0A0A0;}
.footer .inner .f_content a{font-size:1.8rem;font-weight:600;color:#ffffff}

@media (max-width:1400px){
  .footer .inner{flex-direction: column;}
}
@media (max-width:1200px){
}
@media (max-width:1024px){
  .footer .inner .f_content p {
    display: flex;
    flex-direction: column;
  }
  .footer .inner .f_content p span{display: none;}
}
@media (max-width:780px){
}

/* ==================================
footer : end
================================== */