@charset "utf-8";

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

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

    
    /* header */    
    
    #header { height: auto; min-height: 64px; }
	
	#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:12px; right:2.5%; z-index:20; width:36px; height:36px; border:2px solid #005aab; 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: #005aab;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;}
	
	 #all_menu .mo_dropdown_mn .dep3 a { color: #888; font-size: 0.875em; background: #cbdfef; padding: 2px 10px 1px 30px; }
    
    
	
	.subTopGnb ul { justify-content: center; }
	
	/* sub */
	.location { display: none; }
	
	
	
    /* BOARD LIST */
    .boardList .postNum { width: 7%; }
    .boardList .postWrap { width: 63%; }
    .boardList .postName { width: 30%; }
	
	
	.recrBoard { gap: 20px; }
            
    
    
    /* 행사개요 */
    #summary figure { width: 40%; }
    #summary > div > div { width: 57%;  }
	
	
	
	#fairInfo dl{grid-template-columns:200px 1fr;gap:12px 16px;}
	#fairInfo dt{font-size:1.05rem;}
	#fairInfo .step{gap: 20px 40px;}
	#fairInfo .step li:not(:last-child)::after{right:-26px;width:18px;height:18px;opacity:.7;}
	
	
	#event {
        grid-template-columns: repeat(2, 1fr); /* 2칸으로 배치 */
    }
	
	.eventSub02 { position: absolute; top: 200px; display: block; border-radius: 10px; text-align: center;  width: calc(50% - 10px); padding: 0;  }
	.eventSub02::before { left: 50%; margin-left: -15px; top: -40px; }

.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;
  }
    
	#fairInfo dl{grid-template-columns:180px 1fr;gap:12px 14px;}
	#fairInfo dt{padding:14px;}
	#fairInfo dd{padding:14px;}
	
	#fairInfo .step{display:block;gap:0;}
	  #fairInfo .step li{flex:none;max-width:100%;margin-bottom:32px;}
	  #fairInfo .step li:not(:last-child)::after{
		content:"";
		position:absolute;
		left:50%;
		bottom:-26px;
		top:auto;
		right:auto;
		transform:translateX(-50%);
		width:20px;
		height:20px;
		background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%230f1257' viewBox='0 0 24 24'><path d='M6 9l6 6 6-6'/></svg>") no-repeat center;
		background-size:contain;
		opacity:.75;
	  }
	
	
	/*카드뉴스 */
	.thumBoardList { gap: 10px; }
	.thumBoardList .post { width: calc(50% - 5px); padding-bottom: calc(50% + 35px);  }
        
    /* 채용 게시판 */
    .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%;}
    
	
    /* 행사개요 */
    #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%;  }
	
	
	/*부대행사관 체험관*/
	#event03 table {display:block;border-radius:12px;overflow:hidden; }
	#event03 table tbody{display:block;}
	#event03 table tr{display:block;border-bottom:1px solid rgba(0,0,0,.08);}
	#event03 table tr:last-child{border-bottom:none;}
	#event03 table th{display:block; width:auto; text-align:left; border-right:none; border-bottom:1px solid rgba(0,0,0,.06); border-top-left-radius:0; border-top-right-radius:0; }
	#event03 table td{display:block;background:rgba(255,255,255,.72);}
	
	/*부대행사관 컨설팅 */
	#event04 ul{grid-template-columns:1fr; gap:16px;}
	#event04 li{padding:18px 16px;border-radius:12px;}

}


@media all and (max-width:767px) {
    html, body { font-size: 15px; }
    
    .enterLine { display: inline; }
	
    
	/* sub Title */
	.titleArea { padding: 40px 0 30px; }

	.subTopGnb ul { text-align: center; }
	.eventSub.eventSub01 { position: absolute; }
    
    /* 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; }


	
	
	.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; }
    
   #fairInfo dl{grid-template-columns:1fr;gap:10px;border-radius:8px;}
   #fairInfo dt{border-right:none;border-bottom:1px solid rgba(0,0,0,.06);text-align:left;border-top-left-radius:8px;border-top-right-radius:8px;}
   #fairInfo dd{border-bottom-left-radius:8px;border-bottom-right-radius:8px;}
   
   
   
	/* 부대행사 상세페이지 */
	.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; }


	/* 썸네일형 게시판2 채용설명회*/
	.thumBoardList2 { gap: 15px; }
	.thumBoardList2 .post { width: calc(50% - 8px); padding-bottom: 40%; box-sizing: border-box; height: 0; position: relative; border: 1px solid #ccc; }
	.thumBoardList2 .postTitle { font-size: 1em; font-weight: 600;  }


	/* 만족도조사 */
	.surveyUserInfo dl { width: 48%; margin-bottom: 10px;  }
	.surveyUserInfo div { width: 100%;  }
	.surveyUserInfo dl dd input[type=text] { width: 100%; }
	
	
	/* 취업성공반 */
	.jobSurveyForm dl { width: 100%; }
	
	
	
  /* 팝업 */
	.lpWrap { width: min(92vw, 500px); max-height: 90vh;  }
	.lpBody { padding: 10px; overflow: auto; }
	.lpFigure img { border-radius: 6px; }

	.popup1 { transform: rotate(0deg) translateX(40px) translateY(6px); }
	.popup2 { transform: rotate(0deg) translateX(-40px); }
	.popup3 { transform: rotate(0deg) translateY(6px); }

	.lpFooter { padding: 10px 12px; gap: 8px; }
	.lpBtnClose { padding: 10px 14px; }
    
}


@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%; }
 
    
    

		
	
	/* 만족도조사 */
	.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; }
	
	.mainTop .mainInfo ul { flex-wrap: wrap; gap: 0; justify-content: space-between; }
	.mainTop .mainInfo ul li { width: 49%; margin-bottom: 10px; }
    
	 .titleArea { padding: 40px 0 20px; }
    .titleArea .wrapper { background-size: 70%; background-position: right 0px bottom -10px; }
    
	.subTopGnb { position: static; margin: 0 auto 0; }
	.subTopGnb ul { display: flex; justify-content: center; gap: 5px; flex-wrap: wrap; }
	.subTopGnb li { font-size: 0.9em; margin-right:0; display: block;  }
	.subTopGnb li a { display: block; padding: 4px 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%; }
    
	
	    /* 채용 게시판 */
	.recrBoard .post { padding: 10px; box-sizing: border-box; width: 100%;  max-width: 93%; margin: 0 auto; }
    .recrBoard .post a { flex-wrap: wrap;  }
	.recrBoard .post figure { width: 100%; flex: none;  justify-content: center; padding: 15px 0; }
	.recrBoard .post figure img { max-width: 90%; }
	.recrBoard .post .recrInfo { width: 100%; margin: 20px auto 10px; padding: 0; }
	.recrBoard .post .recrBtns { width: 100%; }
    
    
    /* 영상관 */
    .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; }
    #summary dl dt { margin: 0 0 10px;  font-size: 1.125em; text-align: left; }
    #summary dl dd { width: 100%; font-size: 1.125em; }
    #summary dl:last-child dd img { display: inline-block; height: 40px; }
	
	
	/* 팝업 */
    .lpWrap { width: 90vw; max-height: 90vh; }
    .lpBody { padding: 8px; }
    .lpFigure img { width: 100%; height: auto;   }

    .popup1 { transform: rotate(0deg) translateX(0px) translateY(0px); }
    .popup2 { transform: rotate(0deg) translateY(-58px); }
    .popup3 { transform: rotate(0deg) translateX(0px) translateY(-20px); }

    .lpFooter { padding: 10px; }
    .lpBtnClose { padding: 10px 12px; }
    .lpToday { font-size: .9rem; }
	
}



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

}