@charset "utf-8";
/* CSS Document */

* {margin: 0; padding: 0; box-sizing: border-box; font-family:'Noto Sans KR'; font-weight:400;  font-size:16px;}
a, span{text-decoration: none;}


body{width:100%; height: 100%;}


.container{position:relative; width:100%; height:100%;}

.navbar-brand{font-weight:700; font-size:2rem; width:150px;}
.navbar-brand img{width: 20%;}
.navbar-brand.ver2 img{width: 30%;}

.navbar-toggler{border:none; border-radius:0;}
.navbar-toggler:focus,
.navbar-toggler:visited{border:none; box-shadow: none;}

.author{ position: absolute; bottom: 30px; width: 100%;}
.author h2{font-size: 2rem; font-weight: 700;  color: #fff; display: inline-block;  margin-bottom: 18px;  transform: translateY(10px);}
.author p{color: #fff;  font-size: 1rem;  font-weight: normal;  display: inline-block;  letter-spacing:-2px}


@keyframes moveUp {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
@-webkit-keyframes moveUp{
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}

.home-slider{overflow: hidden;}
.home-slide.slick-active .author .col-md-12 {animation-name: moveUp; animation-duration: 0.75s; animation-delay: 0.5s; animation-timing-function: ease-in-out; animation-fill-mode: both;}
.home-slide{position: relative; height:calc(var(--vh, 1vh) * 100)}
.home-slide img{width: 100%; position: absolute; left: 0; bottom: 0; height: 100vh; object-fit: cover;}

footer{width: 100%;  background: #515151; color:#B1B1B1; padding:3rem 0;}
footer .company-name{font-size:1.25rem; margin-bottom:1rem;}
footer ul{list-style: none; margin:0; padding:0;}
footer ul li,
footer ul li span{ font-size:.75rem;}
footer span:after{content:"|"; padding:0 10px; font-size:.5rem}
footer span:last-child:after{content:"";}


section{min-height:100vh; display: block;  padding-top:90px; padding-bottom:140px;}
section .con_area{position: relative; display: block}



/*tab css*/
.tab{float:left; width:100%; margin-top:60px;}
.tabnav{font-size:0; width:100%; border:1px solid #ddd; padding-left:0; margin-bottom:0; border-top:none; border-right:none;}
.tabnav li{display: inline-block;  height:45px; text-align:center; border:1px solid #ddd; border-left:none; }
.tabnav li a:before{content:""; position:absolute; left:-1px; top:-1px; width:calc(100% + 2px); height:3px; }
.tabnav li a.active:before{background:#5012c1;}
.tabnav li a.active{border-bottom:1px solid #fff;}
.tabnav li a{ position:relative; display:block; background: #f8f8f8; color: #000; padding:0 30px; line-height:46px; text-decoration:none; font-size:16px; border-top:1px solid #ddd; margin-top:-2px;}
.tabnav li a:hover,
.tabnav li a.active{background:#fff; color:#5012c1;}
.tabcontent{position: relative; height:auto; border:1px solid #ddd; overflow:hidden; margin-bottom:50px; border-top:none; }

/*.tabcontent button{float:right;}*/
.mail_code{position: relative; width:100%; font-size:11px; height:250px; background: #333; color:#fff;}

.memberBox{position: relative; display: block; padding:20px;}
.memberBox img{border:1px solid #ccc; display: block; margin-top:1rem}
.memberBox dt{margin:1rem 0;}
.memberBox dd{display: block; color:#555; margin-bottom:3rem;}
.memberBox dd .stepDetail{display: block;}
.point{color:#3e1884; font-weight:bold;}
h6{color:#605279; line-height: 22px;}





@media screen and (max-width: 576px) {
    
    
    
    .navbar-brand.ver2 img{width: 25%;}
    
    .author{bottom:25px;}
    .author h2{font-size:1.75rem; margin-bottom: 10px; letter-spacing:-2px}
    .author p{font-size:1rem;}
    
    footer ul li,
    footer ul li span{font-size:.75rem;}
    
    .slide1 .author h2{width:72%;}
    .slide2 .author h2{width:75%;}
    
    .ver_pc{display: none;}
    
    .tab{float:left; width:100%; margin-top:40px;}
    .tabnav{display: table; border-bottom:none;}
    .tabnav li{display: table-cell}
    .tabnav li a{ position:relative; display:block; background: #f8f8f8; color: #000; padding:0; text-align: center; line-height:46px; text-decoration:none; font-size:12px; border-top:1px solid #ddd; margin-top:-2px; letter-spacing: -1px;}
    
    
    .tabcontent dl{padding:.5rem !important}
    .tabcontent dl dd,
    .tabcontent dl dd span,
    .tabcontent dl dd a{font-size:12px;}
    .tabcontent img{width: 100%;}
  
    h6,
    h6 u,
    h6 b{color:#605279; line-height: 22px; font-size:14px;}
    
    h6 {word-break:break-all}
    img{width:100%;}
    
}

@media (min-width: 992px) {
    .ver_mo{display: none !important;}
    .navbar-brand img{width: 25%;}
    
    .author h2{font-size:2rem; margin-bottom: 15px;}
    .author p{font-size:1rem; letter-spacing:-2px}
    
    footer .company-name{font-size:1.25rem; margin-bottom:.75rem;}
    footer ul li,
    footer ul li span{font-size:.75rem;}

}

@media (min-width: 1200px) {
    .ver_mo{display: none !important;}
    .offcanvas{max-width:80%;}  
    
    .author h2{font-size:2rem; margin-bottom: 15px;}
    .author p{font-size:1em; letter-spacing:-2px} 
    
    footer .company-name{font-size:1.25rem; margin-bottom:.75rem;}
    
    footer ul li,
    footer ul li span{font-size:.75rem;}
    
}


@media (min-width: 1440px) {
    .author{bottom: 30px;}
    .ver_mo{display: none !important;}
}

/*
@media (min-width: 1201px) {
    
    footer .company-name{font-size:1.25rem; margin-bottom:.75rem;}
    footer ul{font-size:.75rem;}
    
}
*/