@charset "utf-8";

@media screen and (min-width:0) and (max-width: 1400px) {
    
    .container .wrapper { padding: 15px 1%; box-sizing: border-box; }
    .subTopGnb li { width: auto; min-width: 25%; }
}

@media screen and (min-width:0) and (max-width: 1080px) {
    .wrapper { width: 98%; }

    
    /* header */    
    
    #header { height: auto;}
	
	#header h1#logo { width: 250px; }
	#header h1#logo img { width: 100%; }
    #header nav#gnb { display: none; }
    
    #header .gnb_m_open {visibility:visible; opacity:1; position:absolute; top:22px; right:2.5%; z-index:20; width:36px; height:36px; border:2px solid #fff; transition-property:none;}
    #header .gnb_m_open button {display:block; width:100%; height:100%; cursor:pointer; padding-top:0; padding-right:0; padding-bottom:0; padding-left:0; color: #fff;font-size: 2rem; }
    
    #all_menu { display: block; overflow-y: auto;position:fixed;top:0;right:0;width:100%;height:100%;background: rgba(0,0,0,0.5);z-index: 1000;}
    #all_menu .gnb_m_device { display:block; position:absolute; top:0; right:0; overflow:auto; width:50% ;height:100%; background:#fff; z-index:1040}
    #all_menu .gnb_m_hd { background:#dde8f2; height:50px; border-bottom: 2px solid #333;  }
    #all_menu .gnb_m_hd ul { overflow:hidden; padding-left:6px; padding-top:16px;}
    #all_menu .gnb_m_hd ul li{float:left; position: relative; padding: 0 10px 10px 10px;vertical-align: top;}
    #all_menu .gnb_m_hd ul li:before{content:""; display:block; width:1px; height:12px; background:#999; position:absolute; right:0; top:7px; margin-top:-2px; }
    #all_menu .gnb_m_hd ul li:last-child:before{display:none}
    #all_menu .gnb_m_device .btn_allNavClose{ position:absolute; top:16px; right:10px; width:20px; font-size:0; cursor:pointer; height:20px; background:url('../img/btn_allNavClose.png') no-repeat center center;}
    #all_menu .mo_dropdown_mn { padding:10px 10px 0 10px; }
    #all_menu .mo_dropdown_mn li a { display:block; float:none; line-height:30px;font-size:1.125em;color:#4d3c7c; border-bottom:#dddddd solid 1px; padding-left:10px; font-weight:bold;}
    #all_menu .mo_dropdown_mn li.dep1 > a { line-height: 42px; }
    #all_menu .mo_dropdown_mn li a.M_on { font-weight:500; border-bottom:3px solid #222; margin-bottom:2px;}
    #all_menu .mo_dropdown_mn li li a { background: #efefef; border-bottom:#dddddd solid 1px; padding:2px 10px 1px 20px; font-size:1em; font-weight:normal; color: #333; }
    #all_menu .mo_dropdown_mn li li a.M_on {color:#ffffff; background: #527694; border:#527693 solid 3px;font-weight:500;}
    #all_menu .mo_dropdown_mn li li li a { background: url('../img/main_bg.png') no-repeat -135px -201px;  padding:0 0 0 20px; color:#333; border-bottom:none; line-height:1.8; font-size:0.875em;font-weight:normal;}
    #all_menu .mo_dropdown_mn li li li a.M_on {  background: url('../img/main_bg.png') no-repeat -135px -201px; padding:0 0 0 20px; color:#0050a5; text-decoration:underline;border:none; line-height:1.8; font-weight:bold;}
    #all_menu .mo_dropdown_mn ul ul { background:#f8f8f8; padding:5px 15px;border-bottom:#dddddd solid 1px;}
    
    
	/* sub */
	.location { display: none; }
	
	
	
    /* BOARD LIST */
    .boardList .postNum { width: 7%; }
    .boardList .postWrap { width: 63%; }
    .boardList .postName { width: 30%; }
            
    
    
    /* 행사개요 */
    #summary figure { width: 40%; }
    #summary > div > div { width: 57%;  }
	
	
	
	
	#event {
        grid-template-columns: repeat(2, 1fr); /* 2칸으로 배치 */
    }

.jobSurveyForm { max-width: none; width: 100%; padding: 40px 20px; box-sizing: border-box; }

}

@media all and (max-width: 825px) {
.mainCon { padding: 100px 0 40px; }
.mainTop {
    flex-direction: column;
    align-items: center;
  }

  .mainTop .mainTxt {
    width: 90%;
    max-width: none;
    text-align: center;
	margin-bottom: 25px;
  }
  
  .mainTop .mainInfo {
    width: 100%;
    max-width: none;
    text-align: center;
	margin-bottom: 25px;
  }

  .mainTop .mainInfo dl {
    text-align: left;
  }

  .mainTop .banners {
    grid-template-columns: 1fr;
  }
    
	
	/*카드뉴스 */
	.thumBoardList .post { width: calc(50% - 10px); padding-bottom: 37%;  }
    
    
    
    /* 행사개요 */
    #summary > div { flex-wrap: wrap;  }
    #summary figure { width: 100%; margin: 0 auto 39px; }
    #summary div div { padding-left: 0px; box-sizing: border-box; width: 100%;  }
    #summary dl { display: flex; margin-bottom: 15px; }

}


@media all and (max-width:767px) {
    html, body { font-size: 15px; }
    
    .enterLine { display: inline; }
	
    
	/* sub Title */
	.titleArea { padding: 100px 0 40px; }
	.titleArea::before { display: none; }
	.subTopGnb { display: none; }
    
    /* FOOTER */
    
    .wrapper {width: 98%; }

    #footer #btmGnb { padding: 10px 0; }
    #footer #btmGnb .wrapper > ul { text-align: center;}
    #footer #btmGnb .wrapper > ul li::after { margin: 0 10px; color: #a9a9a9; vertical-align: baseline; }

    #footer .addBox .wrapper { padding: 10px 0; line-height: 1.5; text-align: center;}
    #footer address span { padding-left: 0; display: block;}


    /* 게시판 검색창 */
    .searchBox { margin-bottom: 15px; }
    .searchBox select { width: 80px; }
    
    
    /* 게시판 페이지상태 */
    .pageState { margin-top: 0; }


    /* 리스트 */
    .boardList .postNum { width: 10%; }
    .boardList .postWrap { width: 70%; }
    .boardList .postName { width: 20%; }
       
    
    .boardViewList { margin-top: 30px; }
    .boardViewList dl { padding: 8px 15px 8px 0;}
    .boardViewList dl dt { width: 20%; }
    .boardViewList dl dd { width: 80%; }
    
    /* BOARD WRITE */
    .boardWrite dl dt { width: 20%; padding: 0 5px; }
    .boardWrite dl dd { width: 80%; padding: 0 5px; }

    .boardWrite .postDate p { display: block; margin-top: 5px; }
    .boardWrite .postDate p:first-child { margin-right: 0px; margin-top: 0; }
    .boardWrite .postDate input[type=text] { width: 80px; margin-right: 5px; }

    
    /* 채용 게시판 */
    .recrBoard { grid-template-columns: 1fr; }
	.recrBoard .post { flex-direction: column; align-items: flex-start; gap: 10px;  }
	.recrBoard .post figure { width: 140px; justify-content: flex-start; }
	.recrBoard .post .recrInfo { width: calc(100% - 245px); }
	.recrBoard .post .recrBtns { width: 105px; }
	.recrBoard .post .recrBtns button { width: 100%;}
	
	
	.cpnInfo { flex-direction: column; }
	.cpnInfo > figure { width: 100%; text-align: center; }
	.cpnInfo .cpnPic { justify-content: flex-start; }
	
	table.recrInfo2 { font-size: 0.85rem; }
	
	div.recrInfo2 { font-size: 0.9rem; }
	div.recrInfo2 dl { flex-direction: column; }
	div.recrInfo2 dt { min-width: auto; }
    
	.recrWrite dl { flex-direction: column; }
	.recrWrite dt { min-width: auto; }
	.recrWrite dd { width: 100%; }
	.recrWrite dd * { box-sizing: border-bax; }
	.recrWrite dd input[type="text"], .recrWrite dd select { width: 100%; }
	.recrWrite dd #phone1 { width: 80px; }
	.recrWrite dd input[type="tel"] { width: 80px; }
	#interview_month, #interview_date, #interview_hour, #interview_minute { width: 80px; }
	
	.policy table, .policy table th, .policy table td { font-size: 0.85rem; }
    
   

	/* 부대행사 상세페이지 */
	.event { display: block; }
	.event figure { width: 100%; background: none; min-height: auto; margin-bottom: 15px; }
	.event figure img { display: block; width: 100%; border-radius: 8px; }
	.event ul { width: 100%; padding-left: 25px; }



	/* 만족도조사 */
	.surveyUserInfo dl { width: 48%; margin-bottom: 10px;  }
	.surveyUserInfo div { width: 100%;  }
	.surveyUserInfo dl dd input[type=text] { width: 100%; }
	
	
	/* 취업성공반 */
	.jobSurveyForm dl { width: 100%; }
    
}


@media all and (max-width:669px){ 

    body { font-size: 15px; }
	
	
    #all_menu .gnb_m_device { width: 100%; }
    
    #mainBan li a { background-position: right 10px bottom 10px; background-size: 35%; }
    #mainBan li:nth-child(2) a { background-size: 25%; }
    #mainBan li:nth-child(3) a { background-size: 25%; }
    #mainBan li:nth-child(4) a { background-size: 30%; }
	
    
    .titleArea .wrapper { background-size: 70%; }
 
    


    
    /* 참가안내 */
    .step { display: block; }
    .step li { width: 100%; padding: 0px; margin-bottom: 10px; }
    .step li div { padding: 10px; }
    .step li div::before { display: none; }
    .step li p { font-size: 1em;}
		
	
	/* 만족도조사 */
	.surveyUserInfo dl { width: 100%; margin-bottom: 10px;  }
    
}

@media all and (max-width:460px){ 

    body { font-size: 14px; }
    .wrapper {width: 96%; }
    
    #header h1#logo { width: 200px; }
    
    .titleArea .wrapper { background-size: 70%; background-position: right 0px bottom -10px; }
    
    
    /* 리스트 */
    .boardList .post { position: relative; padding-bottom: 40px; }
    .boardList .postNum { width: 10%; }
    .boardList .postWrap { width: 90%; }
    .boardList .postName { position: absolute; width: 85%; left: 15%; justify-content: flex-start; bottom: 10px; align-self: baseline; box-sizing: border-box; padding: 0 10px; }
    
    
    
    /* 뷰페이지 */
    .boardView .postName dt { width: 20%; }
    .boardView .postName dd { width: 80%; }
    
    
    
    /* 영상관 */
    .videoBoardList .post { width: 100%; }
    
    
    #summary dl dt { font-weight: 600; width: 10%; min-width: 70px; }
    
    
    /* -------------------------------------- 각 페이지 -------------------------------------- */

    /* 행사개요 */
    #summary figure { width: 100%; margin: 0 auto 20px; }    
    #summary dl { display: block; margin-bottom: 25px; }
    #summary dl dt { margin: 0 0 10px;  font-size: 1.125em; }
    #summary dl dd { width: 100%; font-size: 1.125em; }
    #summary dl:last-child dd img { display: inline-block; height: 40px; }
	
}



@media all and (max-width: 360px) {  
   
    /* -------------------------------------- 타이틀, 리스트 -------------------------------------- */

}