/* PC */
@media (min-width: 1000px) {

	/* header */
	#header .logo { position:absolute; left:40px; top:0; }
	#header .gnb-box { float:right; }
	#header .gnb-box .gnb li { float:left; padding:0 50px; }
		
	/* visual */
	#visual-section { height:94vh; }


	/* 회사소개 */
	#company-section .container .slide-area .slide-nav { position: absolute; top: 55px; right: 70px; z-index: 1000;}
	

	/* fixde box */
	#apply-box { position: fixed; bottom: 0; left: 0; width: 100%;  z-index: 1500; }

	#apply-box .container .apply-wrap  .counsel-box .counsel-txt01 { font-size: 15px; }
	#apply-box .container .apply-wrap  .counsel-box .counsel-txt02 { font-size: 13px; }
	#apply-box .container .apply-wrap  .counsel-box .counsel-txt03 { font-size: 25px; font-weight: 700;}

	#apply-box .container .apply-wrap .form-group {  position: relative; padding: 0 20px 0 40px;}
	#apply-box .container .apply-wrap .form-group::before { content: ''; width: 1px; height: 100%; position: absolute; left: 20px; background-color: #FFF; }
	#apply-box .container .apply-wrap .form-box form{ display: flex; justify-content: space-between;}
	#apply-box .container .apply-wrap .form-group .form-input{ height: 30px;}
	#apply-box .container .apply-wrap .form-group .form-label { font-size: 25px; margin-bottom: 10px; }
	#apply-box .container .apply-wrap .form-group button{ font-size: 25px; font-weight: 700; border: none; border-radius: 12px; padding: 0 30px; margin-left: 22px; background-color: #317fe1; color:#FFF; cursor: pointer;}
	#apply-box .container .apply-wrap .form-group .hp-col{ padding: 0 8px; }

	.agree { padding-top:48px; margin-left: 55px; }


	/* 하단 */
	#footer { padding-bottom: 107px; }


	/* 인재채용 */
	#incruit-section .title-area .copy { font-size: 25px; }
	#incruit-section .title-area .title { font-size: 72px; }
	
	#incruit-section .process-box .process-list { float:left; width:20%; padding: 0 10px 10px 10px;}
	#incruit-section .process-box .process-list .list-box{ flex-direction: column; justify-content: space-between; padding-bottom:10px;  }
	#incruit-section .process-box .process-list .list-box .content{text-align: center; font-size: 18px; }
	#incruit-section .process-box .process-list .list-box .sub-title{ margin-bottom: 30px;}
	#incruit-section .process-box .process-list .list-box .setp{ margin-bottom: 20px;}
	#incruit-section .process-box .process-list .list-box .content-box { text-align: center; } 

	/* 인사말 */
	#greet-section .container .height-box{ padding: 200px 100px 100px 100px;  }
	#greet-section .container .height-box .title-box{ padding: 70px; }
	#greet-section .container .height-box .title-box .title{ font-size: 40px;}
	#greet-section .container .height-box .title-box .sub-title{ font-size: 35px; }
	#greet-section .container .height-box .title-box .content-box{ font-size: 25px;}
	#greet-section .container .height-box .title-box .content-bottom{ font-size: 25px; }
	
}

@media (max-width: 1800px) {
	.container { width:100%; }
}


@media (max-width: 1400px) {
	#incruit-section .process-box .process-list { width:33.333%; }
}

/* MOBILE */


@media (max-width: 1000px) {

	/* br 필요없을때 사용하는 class */
	.no-br {display: none;}
	
	/* 기본 설정 */
	.title-area { padding:20px; }
	.title-area .title { margin-bottom:10px; font-size:25px;  }
	.title-area .copy { font-size:18px; }
	
	.section { padding:40px 0; }
	


	#fixed-box .fix-btn-box { right:15px; bottom: 30px; z-index:1000; }
	#fixed-box .fix-btn-box img { width:60px; }
	

	/* header */
	#header { top:20px; }
	#header .logo { text-align:center; }
	#header .logo img { width:160px; }
	
	#header .gnb-box { text-align:center; }
	#header .gnb-box .gnb li { display:inline-block; padding:0 10px; }
	#header .gnb-box .gnb li a { font-size:17px; }
	
	
	/* visual */
	#visual-section { height:400px; }
	#visual-section .title-area {  left:0; bottom:0; }

	/* 회사소개 */
	#company-section .container .slide-area .slide-nav .slide-nav-list { text-align:center; margin-bottom:20px; letter-spacing:-1px; }
	#company-section .container .slide-area .slide-nav .slide-nav-list div { display:inline-block; }
	.swiper-pagination-clickable .swiper-pagination-bullet { margin-right:10px !important; }
	.swiper-pagination-clickable .swiper-pagination-bullet span { font-size:18px; }
	.swiper-pagination-bullet { width:auto; height:auto; }
	
	#company-section .container .slide-area .slide-inner .slide-item-box img { width:100%; }
	#company-section .container .slide-area .slide-item-text { left:20px; top:80px; color:#fff; }
	
	#company-section .container .slide-area .slide-inner .slide-item-box.slide-item-image-box { position:relative; }
	#company-section .container .slide-area .slide-inner .slide-item-box.slide-item-image-box:after { display: block; content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #000; opacity: .2; }
	
	#company-section .container .slide-area .slide-item-text .title { margin-bottom:30px; }
	#company-section .container .slide-area .slide-item-text .title .sub-title { font-size:25px; }
	#company-section .container .slide-area .slide-item-text .title .main-title { font-size:28px; }
	#company-section .container .slide-area .slide-item-text .content { margin-bottom:20px; font-size:16px; }
	#company-section .container .slide-area .slide-item-text .keyword span { padding:5px; margin-right:10px; color:#333; font-size:16px; }
	

	/* 자주묻는 질문 */
	#faq-section .container .title-area { margin-bottom:50px; }
	#faq-section .container .faq-area { width:100%; text-align:left; }
	#faq-section .container .faq-area ul li .question { font-size:16px;}
	#faq-section .container .faq-area ul li .answer { font-size:14px; }
	#faq-section .container .faq-area ul li .question span { width: 30px; height: 30px; line-height: 30px; margin-right: 5px; }
	#faq-section .container .faq-area ul li .question::after {top:10px;	border-top: 15px solid #c9c2c2d6; border-left: 10px solid transparent; border-right: 10px solid transparent; } 
	
	/* 하단 */
	#footer #f-top .logo { display:none; }
	#footer #f-bot p { padding:5px 10px; }

	/* fixde box */
	#apply-box .container .apply-wrap  .counsel-box { width: 45%; margin-right: 5px;}
	#apply-box .container .apply-wrap  .counsel-box .counsel-txt01 { font-size: 18px; }
	#apply-box .container .apply-wrap  .counsel-box .counsel-txt02 { font-size: 13px; }
	#apply-box .container .apply-wrap  .counsel-box .counsel-txt03 { font-size: 25px; font-weight: 700;}

	#apply-box .container .apply-wrap  .form-box { width: 55%; margin-left: 5px;}

	#apply-box .container .apply-wrap .form-group { margin-bottom: 15px;}
	#apply-box .container .apply-wrap .form-group .form-input{ padding:10px 5px; }
	#apply-box .container .apply-wrap .inquiry-group{ display: block;}
	#apply-box .container .apply-wrap .form-group #name{ width: 180px;}
	#apply-box .container .apply-wrap .form-group .hp-col input{ width: 53px;}
	#apply-box .container .apply-wrap .form-group .inquiry input{ width: 180px;}
	#apply-box .container .apply-wrap .form-group .form-label { font-size: 15px; margin-bottom: 5px; }
	#apply-box .container .apply-wrap .form-group button{ font-size: 18px; font-weight: 700; border: none; border-radius: 12px; padding: 5px 20px;  background-color: #317fe1; color:#FFF; cursor: pointer;}
	

	.agree { display: block; margin-top: 10px; }
	.form-submit-btn { margin-top: 10px; }


	/* 인재채용 */
	
	#incruit-section .title-area { width:100%; padding-top:170px; margin-bottom:40px; }
	
	#incruit-section .process-box .process-list { width:100%; }
	#incruit-section .process-box .process-list {  padding: 0 10px 20px 10px;}
	#incruit-section .process-box .process-list .list-box { padding: 0 10px;}
	#incruit-section .process-box .process-list .list-box .content-box{ display: flex; flex-direction: column; padding: 5px 10px; width: 100%;}
	#incruit-section .process-box .process-list .list-box .setp { font-size: 20px; float: left; }
	#incruit-section .process-box .process-list .list-box .sub-title { font-size:25px; margin-bottom: 10px;}
	#incruit-section .process-box .process-list .list-box .content { font-size: 15px; }
	#incruit-section .process-box .process-list .list-box img { width:90px; }


	
	/* 인사말 */
	#greet-section .container .height-box{ padding: 200px 20px 20px 20px;  }
	#greet-section .container .height-box .logo-box{ display: none; }
	#greet-section .container .height-box .title-box{ padding: 30px; }
	#greet-section .container .height-box .title-box .title{ font-size: 30px; }
	#greet-section .container .height-box .title-box .sub-title{ font-size: 25px; }
	#greet-section .container .height-box .title-box .content-box{ font-size: 15px;}
	#greet-section .container .height-box .title-box .content-bottom{ font-size: 15px; }
	
	
}