@charset "utf-8";


/* reset */
body,div,ul,li,p,span,button,a{font-family:'NotoSansCJKkr-Regular'; margin:0; padding:0;}
a {text-decoration: none; color: #959595; font-weight: bold;}
body{line-height: 1.5;}
ul,li,ol {list-style:none;}
.clearfix{*zoom:1;}
.clearfix:before, .clearfix:after {display: block; content: '';line-height: 0;}
.clearfix:after {clear: both;}


/* style */
.section_wrap .section.sec01 .txt_box,
.section_wrap .section.sec02 .txt_box,
.section_wrap .section.sec03 .txt_box,
.section_wrap .section.sec04 .txt_box {
  position: absolute;
  top: 50%;
  left: 15%;    
  transform: translateY(-50%);
}

.section_wrap .txt_box .tit_big{
  font-size:40px;  
}

.section_wrap .txt_box .tit{
  font-size: 62px;  
  font-family: 'Godo', sans-serif;
}

.section_wrap .txt_box .tit.mobile{
  display: none;
}

.section_wrap .txt_box p{
  font-size: 26px;
}

.section_wrap .txt_box ul li{
  font-size: 24px;
}

.section_wrap .txt_box ul li{
  font-size: 18px;
}

.section_wrap .txt_box .sub_tit{
  margin-top: 15px;
}
.section_wrap .btn_wrap {
  margin-top: 50px;
}

.section_wrap .txt_box .sub_tit.mobile{
  display: none;
}

.section_wrap .txt_box{
  color: #fff;  
  /* display: block; */
  margin-right: 50px;
}

.section_wrap .sec02 .txt_box{
  color: #000 !important;
}

.section_wrap .btn_wrap .btn {
  display: inline-block;
  border: 1px solid #fff;
  border-radius: 30px;
  padding: 10px 20px;
  font-size: 20px;
  color: #fff;
  cursor: pointer;
  width: 160px;
  text-align: center;
}

.section_wrap .btn_wrap .btn.black {
  border: 1px solid #000 !important;
  color: #000;
}

#fullpage .footer_wrap {
  font-family: 'NotoSans_Regular';
  font-weight: normal;
  width: 100%;
  background: #f6f6f6;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 15px 0;  
}

.detail {  
  font-size: 12px;
}
.detail ul{
  padding: 10px 0;
  border-bottom: 1px solid #959595;
}
.detail ul::after{
  display: block;
  content: '';
  clear: both;  
}
.detail ul li{
  float: left;
  padding-left: 10px;
  color: #959595;
  font-size: 12px;
}
.detail ul li:first-child{
  padding-left: 0;
}

.detail address{
  font-style: normal;  
  color: #959595;
}
.detail address a,
.detail address p{
  line-height: 20px;
}
.detail address p{
  margin-top: 5px;
}

.detail address a.company{
  font-size: 14px;
  color: #000;  
}

.detail span {
  padding: 0 5px;
}

/* 공통 */

/* header */
#header {
  position: fixed;
  background: none;
  width: 100%;
  height: 70px;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.16);
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  z-index: 99999;
}

#header .header_inner,
.footer_inner {
  /* padding: 0 20px; */
  padding: 0 100px;
}

#header .logo_box {
  position: relative;
  top: 20px;
  display: inline-block;
  padding-right: 5px;
  width: 75px;
  height: 33px;
  background: url('../images/img_logo_white.png') no-repeat;
}

#header.change {
  background: #fff !important;
}

#header .logo_box.change {
  background: url(../images/img_logo_black.png) no-repeat !important;
}

.down {
  -webkit-transition-duration: 1s;
  -webkit-transition-timing-function: ease;
  transition-duration: 1s;
  transition-timing-function: ease;
}

#fp-nav ul li a span {
  display: block !important;
  width: 6px !important;
  height: 6px !important;
  background: transparent !important;
  border: 1px solid #000 !important;
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span {
  background: #000 !important;
  border-radius: 100% !important;
}
/* fullpage */
#fullpage .fp-tableCell {  
  padding: 70px 100px 0;
}

.section.sec01.fp-section {
  background: #005FB3;
}
.section.sec02.fp-section {
  background: #fff;
}
.section.sec03.fp-section {
  background: #ff7a00;
}
.section.sec04.fp-section {
  background: #001f3c;
}

/* 반응형 */
@media screen and (max-width: 1366px) {
  .section_wrap .txt_box p.tit{
    font-size: 42px;
  }
}

@media screen and (max-width: 1024px) {
 
  #header .header_inner, .footer_inner {    
    padding: 0 50px;
  }

  .section_wrap .section.sec01 .txt_box, 
  .section_wrap .section.sec02 .txt_box, 
  .section_wrap .section.sec03 .txt_box, 
  .section_wrap .section.sec04 .txt_box {
    left: 8%;    
  }

  .section_wrap .txt_box p.tit_big {
    font-size: 30px;
  }

  .section_wrap .txt_box p.tit.pc{
    display: none !important;
  }

  .section_wrap .txt_box p.tit.mobile{
    display: block !important;
  }

  .section_wrap .txt_box p.tit{
    font-size: 42px;
  }
  
  .section_wrap .txt_box p.sub_tit {
    font-size: 22px;
  }
  

  #fullpage .fp-tableCell {
    padding: 70px 50px 0;
  }

}

@media screen and (max-width: 768px) {

  #header .header_inner, 
  .footer_inner {
    padding: 0 20px !important;
  }

  #header .logo_box {
    top: 24px !important;
    height: 33px !important;
    background-size: 75% !important;
  }
  #header .logo_box.change {
    background-size: 75% !important;
  }
  

  #fullpage .fp-tableCell {
    padding: 70px 20px 0 !important;
  }
  
  .section_wrap .txt_box p.tit_big {
    font-size: 20px !important;
  }

  .section_wrap .txt_box p.tit {
    font-size: 23px !important;
  }
  
  .section_wrap .txt_box p.tit.pc{
    display: none !important;
  }

  .section_wrap .txt_box p.tit.mobile{
    display: block !important;
  }
  
  .section_wrap .txt_box p.sub_tit.pc{
    display: none !important;
  }

  .section_wrap .txt_box p.sub_tit.mobile{
    display: block !important;
  }

  .section_wrap .txt_box p.sub_tit{
    margin-top: 10px;
  } 
  
  .section_wrap .btn_wrap {
    margin-top: 20px !important;
  }

  .section_wrap .txt_box p {
    font-size: 14px !important;
  }
  
  .section_wrap .btn_wrap .btn {    
    font-size: 12px !important;
    width: 100px !important;
  }

  .section_wrap .txt_box ul li{
    font-size: 13px !important;
  }      
}

@media screen and (max-width: 440px) {
  .detail ul li:nth-child(4){
    padding-left: 0 !important;
  }

}