@charset "utf-8";

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

@media screen and (min-width:0) and (max-width: 1080px) {
    .wrapper { width: 98%; }
    
    
    .mainCon { background-position: right -330px bottom -10px; }
    .mainRight .frmDate { font-size: 1.3em; }
    
    /* header */    
    
    #header { height: auto;}
    #header .mnbLayout h1 img { height: 55px; }
    #header .mnbLayout { border-bottom: 4px solid #efefef;  }
    #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:1px solid #b22454; background-color:#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; background: url('../img/icon_lnb_m_open.png') no-repeat center center; font-size:0; }
    
    #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:290px;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:#b22454; 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;}
    
    
    /* BOARD LIST */
    .boardList .postNum { width: 7%; }
    .boardList .postWrap { width: 63%; }
    .boardList .postName { width: 30%; }
    
    
    /* 채용 게시판 */
    .recrBoard .post { box-sizing: border-box; box-shadow: 10px 10px 20px #aaa; margin: 0 20px 40px 0; }
    .recrBoard .post:nth-child(4n) { margin-right: 0; }
    .recrBoard .post:nth-child(5n) { margin-right: 20px; }
            
    
    
    /* 행사개요 */
    #summary figure { width: 40%; }
    #summary > div > div { width: 57%;  }
	
	
	
	
	#event {
        grid-template-columns: repeat(2, 1fr); /* 2칸으로 배치 */
    }


}

@media all and (max-width: 825px) {
    .mainCon { background: #fdece4; }
    .mainCon .wrapper { flex-wrap: wrap;  }

    .mainTop { display: block; }
    .mainTop .mainVisual { width: 100%; margin-top: 20px; }
    .mainTop .mainVisual img.mobileVisual { display: block; }
    .mainTop .mainVisual img.pcVisual { display: none; }
    .mainTop .banners { width: 100%; margin-top: 40px; display: flex; justify-content: space-between; flex-wrap: wrap; }
    .mainTop .banners a { width: 48.5%; }
    
    
    
    
    /* 행사개요 */
    #summary > div { flex-wrap: wrap;  }
    #summary figure { width: 50%; 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; }
    
    
    /* 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;}


    
    /* CONTAINER */
    .container { padding: 15px 0 40px; }
        
    
    /* 게시판 검색창 */
    .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 .post { width: calc(33.3% - 20px); box-sizing: border-box; box-shadow: 10px 10px 20px #aaa; margin: 0 20px 40px 0; }
    .recrBoard .post:nth-child(3n) { margin-right: 0; }
    .recrBoard .post:nth-child(4n) { margin-right: 20px; }

    
    
   

	/* 부대행사 상세페이지 */
	.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%; }
    
}


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

    body { font-size: 15px; }
    
    #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%; }
 
    
    /* 채용 게시판 */
    .recrBoard .post { width: calc(50% - 20px); box-sizing: border-box; box-shadow: 10px 10px 20px #aaa; margin: 0 20px 40px 0; }
    .recrBoard .post:nth-child(2n) { margin-right: 0; }
    .recrBoard .post:nth-child(3n) { margin-right: 20px; }

    
    /* 온라인채용관 VIEW */
    .cpnInfo { display: block; }
    .cpnInfo figure { width: 100%; padding: 15px 0; }
    .cpnInfo div { padding: 10px 0; }
    .cpnInfo div dl dt { width: 20%; min-width: 60px;}

    div.recrInfo2 { display: block; }
    div.recrInfo2 dl { width: 100%;  }

    .recrWrite .req { font-size: 0.813em; color: #E20000; display: block;}
    .recrWrite dl { padding: 8px 0;  }
    .recrWrite dl dt { width: 20%; vertical-align: middle; line-height: 1.5; }
    .recrWrite dl dd { width: 80%; box-sizing: border-box; padding: 0 10px; }

    .recrWrite dl dd input[type="text"] { width: 100%;  }
    .recrWrite dl dd input[type="tel"] { width: 20%;  }
    .recrWrite dl dd select { width: 20%; }
    
    #recUpload { margin: 30px auto 20px;  }
    
    
    /* 썸네일형 게시판 */
    .thumBoardList .post { width: calc(50% - 30px); padding-bottom: 50%;  }
    
    
    /* 행사개요 */
    #summary .info { padding: 15px 20px 10px; box-sizing: border-box; border: 5px solid #efefef; }
    
    
    /* 참가안내 */
    .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: 100%; height: auto; padding-right: 45px; text-align: center;}
    #header h1#logo a { display: block; width: 80%; height: 100%;  }
    #header h1#logo img { width: 100%; height: auto; }
    
    .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%; }
    
    
    /* 채용 게시판 */
    .recrBoard .post { width: 100%; margin: 0 0px 30px 0;box-shadow: 5px 5px 10px #aaa; }
    .recrBoard .post:nth-child(3n) { margin-right: 0px; }

    div.recrInfo2 dl dt { padding-left: 5px; }
    
    
    /* 영상관 */
    .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 { width: 100%; }
    #summary dl dd { width: 100%; }
    #summary dl:last-child dd img { display: inline-block; height: 40px; }
	
}



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

}