* { font-family: 'Pretendard-Regular' !important; }

/* @font-face {
    font-family: 'NanumBarunGothic';
    font-style: normal;
    font-weight: 700;
    src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
    src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
   } */
/* 
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
} */

/* 나눔바른고딕 */
@font-face {
    font-family: 'NanumBarunGothic';
    src: url('/font/NanumBarunGothicBold.ttf');

}


/* 프랜디다드 */
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('/font/Pretendard-Regular.ttf');

}


/* COMMON */
body { line-height:1.2; }
.container { position:relative; width:1800px; margin:0 auto; height: 100%;}
.container:after { display:block; content:""; clear:both; }
.container .height-box{ position: relative; min-height: 100vh; }

.title-area .title { font-size:65px; margin-bottom: 35px; font-family: 'NanumBarunGothic' !important; line-height: normal; }
.title-area .copy { font-size:36px; }

.section { padding:70px 0; }

/* LAYOUT */
#header { position:absolute; left:0; top:45px; width:100%; z-index: 1; }

#header .gnb-box { padding:30px 0; font-weight: 700;}
#header .gnb-box .gnb {   }
#header .gnb-box .gnb li {  cursor: pointer;}
#header .gnb-box .gnb li a { display:block; color:#fff; font-size:30px; }


#visual-section { background:url(../images/visual/bg01.jpg) no-repeat center center ;     background-size: cover;}
#visual-section .title-area { position:absolute; bottom:265px; left:130px; color:#fff; }



#company-section .container .slide-area { position: relative; }
#company-section .container .slide-area .slide-inner .slide-item-box img{ width: 970px; }



#company-section .container .slide-area .slide-item-text { position: absolute; top: 200px; left: 1065px;}
#company-section .container .slide-area .slide-item-text .title { margin-bottom: 70px; }
#company-section .container .slide-area .slide-item-text .title  .sub-title{ font-size: 40px; font-family: 'NanumBarunGothic' !important;}
#company-section .container .slide-area .slide-item-text .title  .main-title{ font-size: 95px; font-family: 'NanumBarunGothic' !important;}

#company-section .container .slide-area .slide-item-text .content { margin-bottom: 60px; font-size: 25px; line-height: normal;}

#company-section .container .slide-area .slide-item-text .keyword span{  font-size: 25px; background: #f7f7f7; padding: 15px; border-radius: 30px; margin-right: 35px;}





#faq-section  {background-color: #f7f7f7;}

#faq-section .container .faq-area { text-align: center; width: 1000px; margin: 0 auto;}

#faq-section .container .title-area{ text-align:center; margin-bottom: 100px; }
#faq-section .container .title-area .faq-sub-title{ font-size: 22px; font-weight: 550; }
#faq-section .container .faq-area ul li { margin-bottom: 50px; }
#faq-section .container .faq-area ul li .question { position:relative; padding:0 17px 15px 17px; border-bottom: 1px solid #000; font-size: 25px; font-weight: 550; cursor:pointer; }
#faq-section .container .faq-area ul li .question::after{ content: ''; position:absolute; right:10px; top:5px; width: 0; height: 0;  border-top: 28px solid #c9c2c2d6; border-left: 17px solid transparent; border-right: 17px solid transparent;}
#faq-section .container .faq-area ul li .question span { display: inline-block; width: 40px; height: 40px; line-height: 40px; margin-right: 10px; color: #FFF; background-color: #084a92; border-radius: 50%; text-align:center; }

#faq-section .container .faq-area ul li .answer { display:none; padding: 15px 30px; margin: 15px 0; background-color: #fff; text-align: left; font-size: 20px; font-weight: 600;}
#faq-section .container .faq-area ul li.open .answer { display:block; }



#footer #f-top { padding: 15px 0; background-color: #465e85; }
#footer #f-top .logo { position: absolute; bottom: 0; right: 0; }
#footer #f-top .f-info p {padding: 10px; color: #fff; font-weight: 600}


#footer #f-bot { padding: 30px 0; background-color: #465e85; font-size: 20px;}
#footer #f-bot  p {padding: 5px; color: #aeb5c4;}


#apply-box { background-image: url(../images/form/form_bg.jpg); padding: 20px; color:#FFF; z-index: 1; }

#apply-box .container .apply-wrap  { display: flex; align-items: center; }

#apply-box .container .apply-wrap  .counsel-box { display: flex;  flex-direction: column; align-items: center;}
#apply-box .container .apply-wrap  .counsel-box .counsel-txt01,
#apply-box .container .apply-wrap  .counsel-box .counsel-txt02 { font-weight: 700; margin-bottom: 4px;}

#apply-box .container .apply-wrap  .counsel-box .counsel-txt01,
#apply-box .container .apply-wrap  .counsel-box .counsel-txt02 { color : #084a92;}
#apply-box .container .apply-wrap  .counsel-box .counsel-txt03 { color : #084a92;}

/* #apply-box .container .apply-wrap .form-box form { color: #000; } */
#apply-box .container .apply-wrap .form-box form .hp-row{ display: flex; align-items: center; }



#apply-box .container .apply-wrap .form-group { display: flex; flex-direction: column; } 

#apply-box .container .apply-wrap .form-group .form-label { font-weight: 700;  }
#apply-box .container .apply-wrap .form-group .form-input{ border: none;}

#apply-box .container .apply-wrap .form-group .inquiry{ display: flex; flex-direction: column;}
#apply-box .container .apply-wrap .form-group .inquiry input{ width: 245px; }
#apply-box input {border-radius: 5px;}  

#fixed-box .fix-btn-box { position: fixed; bottom: 110px; right: 60px; z-index:1000; } 
#fixed-box .fix-btn-box ul li { margin-bottom: 10px;  } 
#fixed-box .fix-btn-box ul li img{ border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;} 
#fixed-box .fix-btn-box img { width: 100px; cursor: pointer;} 


#banner-section { padding:10px;}
#banner-section .swiper-slide {  }
#banner-section .swiper-slide img { max-width:100%; }



/* 인재채용 */
#incruit-section { background:url(../images/incruit/incruit_bg.jpg) no-repeat center center ;     background-size: cover; }

#incruit-section .title-area {float:right; width:40%; margin-bottom:80px; padding-top:170px; color:#fff; }

#incruit-section .process-area {  clear:both; }
#incruit-section .process-box { }
#incruit-section .process-box:after { display:block; content:""; clear:both; }


#incruit-section .process-box .process-list .list-box{ display: flex; align-items: center;  background-color: #f7f7f7ba;  border-radius:10px 30px; }

#incruit-section .process-box .process-list .list-box img{ width: 200px; }

#incruit-section .process-box .process-list .list-box .setp{ color:#FFF; font-size: 25px; font-weight: 700;}
#incruit-section .process-box .process-list .list-box .sub-title{ color:#517ae9;  font-size: 30px; font-weight: 700; }
#incruit-section .process-box .process-list .list-box .content{ color: #000000;  }



/* 인사말 */
#header .gnb-box .gnb .greet-nav a{ color: #000 !important; }
#greet-section { background:url(../images/greet/greet_bg.jpg) no-repeat center center ;     background-size: cover; }

#greet-section .container .height-box .title-box{background-color:#ffffffcc;}
#greet-section .container .height-box .title-box .title{  margin-bottom: 50px;}
#greet-section .container .height-box .title-box .title span{ font-family: 'NanumBarunGothic' !important; }
#greet-section .container .height-box .title-box .sub-title{  font-weight: 600; margin-bottom: 30px;}
#greet-section .container .height-box .title-box .content-box{  margin-bottom: 30px;}
#greet-section .container .height-box .title-box .content-bottom{  text-align: center;}


#greet-section .container .height-box .logo-box{ position: absolute; top: 340px; right: 200px; }
#greet-section .container .height-box .logo-box img{ width: 400px; }