@charset "UTF-8";
/**
* OLYM Cascading Style Sheets
* File Name : main.css
* Description : 메인 스타일시트
* Author : Web business Team / Choi Hyun Mi
* Email : designtj@olym.co.kr
* Date : 2014.07.11
* Update : 2014.07.30
* Copyright(c) 2014 OLYM Communications. All Rights Reserved.
*/

/* 부드럽게 전환 */
#gnb, #gnb_768, #header, #header_1024, #header_mobile, #contents, #contents_box_768, #contents_box_mobile, #right_con, #right_con_1280, #footer, #footer_768, #footer_mobile {-webkit-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; transition:all .3s ease-in-out}

/* 1920px 이상 */
/* 이하 해상도에서 스타일 상속됨 */
#wrap { position:relative; max-width:1920px; width:100%; margin:0 auto; background:url(../images/common/bg_sub.gif) repeat-y left top;}
#gnb { position:absolute; right:550px; top:35px; z-index:1000;}
#gnb_768 { display:none;}
#header { position:absolute; top:0; left:0; width:254px; height:1450px;}
#header .mobile_menu{display: none;}
#header_1024 { display:none;}
#header_mobile { display:none;}
.ban_left { margin:0 23px;}
.jobs_search_1280 { display:none;}
#container { position:relative; margin:0 0 0 254px;border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;  letter-spacing:-0.5px; padding-bottom:150px; }
#main { margin-right:508px; height:564px; background:url(../images/main/main5.jpg) no-repeat left top; background-size:100% auto;}
#contents { margin-right:508px;}
.list_qu_mobile { display:none;}
.notice_768 { display:none;}
.notice_mobile { display:none;}
#contents_box_768 { display:none;}
#contents_box_mobile { display:none;}
#right_con { position:absolute; top:0; right:0; width:508px;}
#right_con_1280 { display:none;}
#footer { position:relative; border-left:1px solid #e5e5e5; border-top:1px solid #e5e5e5; margin:-150px 509px 0 254px; height:150px;}
#footer_768 { display:none;}
#footer_mobile { display:none;}

/* 1690px 이하*/
@media screen and (max-width:1689px) {
#main { margin-right:428px; height:auto;}
#contents { margin-right:428px;}
#right_con { position:absolute; top:0; right:0; width:428px;}
#right_con .jobs_search { width:228px !important; padding:0 20px 40px 20px !important;}
#right_con .cam_jobs { width:228px !important; padding:0 20px 20px 20px !important;}
#right_con .rec_jobs { width:228px !important; padding:0 20px !important;}
#footer { margin:-150px 429px 0 254px;}
}
/* 1530px 이하*/
@media screen and (max-width:1529px) {
#wrap { min-width:1260px;}
#gnb { right:35px;}
#header { width:260px;}
.ban_left { margin:0 35px;}
.jobs_search_1280 { display:block;}
#container { margin:0 0 0 260px; padding-bottom:0;}
#main { margin:0;}
#contents { margin:0;}
#right_con { display:none;}
#right_con_1280 { display:block; position:relative; width:auto;}
#footer { margin:0 0 0 260px;}
}

/* 1280px 이하*/
@media screen and (max-width:1279px) {
#wrap { min-width:996px;}
#header { max-width:260px; width:20%; min-width:200px; height:auto; border-right:0;}
#header_1024 { display:none;}
#header_mobile { display:none;}
.ban_left .tel_counsel { padding:36px 0 !important;}
#container { margin:0 0 0 20%; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
#main { margin:0;}
#right_con { position:relative; margin:0; height:300px;}
#footer { position:relative; margin:0 0 0 20%; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
}

/* 1024px 이하*/
@media screen and (max-width:1023px) {
#wrap { min-width:768px;}
#gnb { display:none;}
#gnb_768 { display:block; position:absolute; z-index: 90; top:30px; right:12px;}
#header { display:block;}

 #header h1{display: none;}
 #header #lnb ul{display: none;}
 #header .mobile_menu{display: block !important;}
#header .jobs_search_1280{display: none;}
#header .ban_left{display: none;}


#header_1024 { display:block;}
#header_mobile { display:none;}
.notice_768 { display:block;}
.jobs_search_1024 { display:none;}
#container { margin:0; height:auto; /*border-top:1px solid #e5e5e5;*/}
#contents_box { display:none;}
#contents_box_768 { display:block;}
#right_con { display:none;}
#right_con_1280 { display:none;}
#footer { display:none;}
#footer_768 { display:block; padding-bottom:30px;}
}
/* 768 이하*/
@media screen and (max-width:767px) {
#wrap { width:100%; min-width:320px;}
#gnb_768 { top:15px; right:7px;}
#gnb_768 li { padding-left:10px !important;}
#gnb_768 img { width:75%;}
#header_1024 { display:none;}
#header_mobile { display:block;}
.list_qu { display:none;}
.list_qu_mobile { display:block;}
.notice_768 { display:none;}
.notice_mobile { display:block;}
#contents_box_768 { display:none;}
#contents_box_mobile { display:block;}
#footer_768  { display:none;}
#footer_mobile { display:block;}

#main {display:none;}

}



/******** 1920, 1280 이상 header Start ********/
#header h1 { text-align:center; padding:35px 0 40px 0;}

#gnb li { padding-left:15px; float:left;}
#gnb li a { color:#343434; font-size:13px;}
#gnb li a:hover { position:relative; top:1px;}

/* 1차메뉴 */
#header #lnb > ul > li.over { background:#f7f7f7;}
#header #lnb > ul > li > a { font-size:15px; font-weight:bold; color:#343434; padding:13px 0 14px 44px; display:block; background:url(../images/common/bg_lnb_1dep_off.png) no-repeat 90% center; border-top:1px solid #ebebeb;}
#header #lnb > ul > li > a:hover, #header #lnb > ul > li > a.over { color:#fff; padding:14px 0 14px 44px; border-top:0; background:#005d4f url(../images/common/bg_lnb_1dep_over.png) no-repeat 90% center;}
#header #lnb > ul > li:last-child > a { border-bottom:1px solid #ebebeb;}

/* 2차메뉴 */
#header #lnb > ul > li > ul { padding:15px 0;}
#header #lnb > ul > li > ul > li > a { font-size:14px; font-weight:bold; color:#343434; padding:4px 0 4px 44px; display:block;}
#header #lnb > ul > li > ul > li > a:hover { color:#0f927d;}
#header #lnb > ul > li > ul > li > a.over { background:#f0f0f0; color:#0f927d;}
#header #lnb > ul > li > ul > li > a:before {display:inline-block; padding-right:5px; content:"-";}

/* 3차메뉴 */
#header #lnb > ul > li > ul > li > ul { padding-bottom:10px;}
#header #lnb > ul > li > ul > li > ul > li a { font-size:14px; color:#878787; padding:4px 0 4px 56px; display:block;}
#header #lnb > ul > li > ul > li > ul > li a:hover, #header #lnb > ul > li > ul > li > ul > li a.over { position:relative; top:1px; color:#f84000; font-weight:bold;}
#header #lnb > ul > li > ul > li > ul > li a:before {display:inline-block; content:"ㄴ ";}
/******** 1920, 1280 이상 header End ********/

/******** 좌측바로가기 Start ********/
.ban_left .tgs a { color:#343434; font-size:13px; font-weight:bold; display:block; padding:33px 0 33px 60px; background:url(../images/common/bg_ban_left1_off.gif) no-repeat 20px center;}
.ban_left .tgs a:hover { color:#35867a; background:url(../images/common/bg_ban_left1_over.gif) no-repeat 20px center;}
.ban_left .tel_counsel { background:url(../images/common/bg_dot.gif) repeat-x left top; padding:36px 0 36px 30px; color:#c7503b; font-size:13px; font-weight:bold; letter-spacing:-0.5px;}
.ban_left .tel_counsel .tel { font-family:tahoma; color:#424242; font-size:18px; line-height:1.0em; font-weight:bold;}
/******** 좌측바로가기 End ********/

#main { position:relative; overflow:hidden;}
.flexslider_event { width:100%;}
.flexslider_event .slides { width:100%;}
.flexslider_event .slides > li { display:none; -webkit-backface-visibility:hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider_event .slides img { display:block; width:100%;}
.flexslider_event .flex-direction-nav { z-index:999; display:none;}
.flexslider_event .flex-direction-nav .flex-next { background-position:right 0; position:absolute; top:275px; right:120px;}
.flexslider_event .flex-direction-nav .flex-prev { background-position:left 0; position:absolute; top:275px; left:120px;}
.flexslider_event .flex-control-nav { position:absolute; bottom:5%; left:50%; margin-left:-24px;}
.flexslider_event .flex-control-nav li { float:left; margin-right:7px; display:inline-block; zoom:1; *display:inline; }
.flexslider_event .flex-control-paging li a { width:11px; height:11px; display:block; background:url(../images/main/btn_m_off.png) no-repeat left top; cursor:pointer; text-indent:-9999px;}
.flexslider_event .flex-control-paging li a.flex-active { width:11px; height:11px; background:url(../images/main/btn_m_over.png) no-repeat left top; cursor:pointer; }

media all and (max-width:600px) {
 .flexslider_event .slides img {display:none;}

}


.list_qu { height:160px; border-bottom:2px solid #005d4f;}
.list_qu:after { content:""; display:block; clear:both;}
.list_qu li { width:17%; float:left;}
.list_qu li:nth-child(2), .list_qu li:nth-child(5) { width:16%;}
.list_qu li a { text-align:center; display:block; padding-top:24px; height:136px; font-size:13px; color:#868686; border-right:1px solid #efefef;}
.list_qu li a:hover { position:relative; top:1px;}
.list_qu li:last-child a { border:0;}
.list_qu li a p { padding-top:8px;}

#contents_box { width:100%;}
.left_box { float:left; width:40%;}
.center_box { float:left; width:20%;}
.right_box { float:left; width:40%;}

/* 공지사항, Q&A */
.board_box { position:relative; height:295px; width:100%; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.board_box .notice { position:absolute; top:47px; width:100%;}
.board_box .qna { position:absolute; top:47px; width:100%;}
.board_box h2 { position:absolute; top:-47px;}
.board_box .notice h2 { left:0; width:50%;}
.board_box .qna h2 { left:50%; width:50%;}
.board_box h2 a { color:#7b7b7b; font-size:13px; font-weight:bold; padding:15px 0; text-align:center; display:block; background:#f6f6f6; border-bottom:1px solid #cbcbcb;}
.board_box h2 a:hover { color:#5a5a5a;}
.board_box h2 a.over { color:#0b6154; font-size:14px; display:block; background:#fff; border-bottom:1px solid #fff;}
.board_box .notice h2 a { border-right:1px solid #c4c4c4;}
.board_box ul { padding:33px 0 0 0;}
.board_box li { padding:0 0 14px 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_box li:before {display:block; position:absolute; left:0; content:"ㆍ ";}
.board_box li a { color:#6a6a6a; font-size:14px;}
.board_box li a:hover { text-decoration:underline;}


/* 페이스북, 트위터 */
.sns_box { position:relative; height:274px; width:100%; border-right:1px solid #e5e5e5;}
.sns_box .facebook { position:absolute; top:47px; width:100%;}
.sns_box .twitter { position:absolute; top:47px; width:100%;}
.sns_box h2 { position:absolute; top:-47px;}
.sns_box .facebook h2 { left:0; width:50%;}
.sns_box .twitter h2 { left:50%; width:50%;}
.sns_box h2 a { color:#7b7b7b; font-size:13px; font-weight:bold; padding:15px 0; display:block; border-bottom:1px solid #cbcbcb;}
.sns_box h2 a:hover { color:#5a5a5a;}
.sns_box h2 a.over { color:#004da9; font-size:14px; display:block; background:#fff; border-bottom:1px solid #fff;}
.sns_box .facebook h2 a { padding-left:26%; border-right:1px solid #c4c4c4; background:url(../images/main/bg_facebook_off.gif) no-repeat 15% center;}
.sns_box .facebook h2 a.over { background:url(../images/main/bg_facebook_over.gif) no-repeat 16% center;}
.sns_box .facebook .fbcomment1 { margin:0 auto; width:100% !important; height:225px; overflow-x:hidden; overflow-y:scroll;}
.sns_box .facebook .fbcomment2 { margin:0 auto; width:100% !important; height:225px; overflow-x:hidden; overflow-y:scroll;}
.sns_box .facebook .fbcomment3 { margin:0 auto; width:100% !important; height:225px; overflow-x:hidden; overflow-y:scroll;}
.sns_box .twitter h2 a { padding-left:31%; background:url(../images/main/bg_twitter_off.gif) no-repeat 20% center;}
.sns_box .twitter h2 a.over { background:url(../images/main/bg_twitter_over.gif) no-repeat 21% center;}

.sns_box .twitter ul { padding:0 5%;}
.sns_box .twitter li { position:relative; padding:10px 0; border-bottom:1px solid #e5e5e5;}
.sns_box .twitter .left_img { position:absolute; top:10px; left:0;}
.sns_box .twitter .right_desc { padding-left:60px;}
.sns_box .twitter .right_desc a { color:#888888;}
.sns_box .twitter .right_desc a:hover {  border-bottom:1px dashed #bebebe;}
.sns_box .twitter .right_desc .title a { color:#4079c0; font-size:13px; text-decoration:underline;}
/* center_box */
.center_box a:hover { position:relative; top:1px;}
.center_box .box_in { position:relative; padding:35px 10% 20px 15%; height:134px; border-right:1px solid #bdbdbd; border-bottom:1px solid #eaeaea;}
.center_box .box_in:last-child { border-bottom:0; padding-top:46px;}
.center_box h2 { font-size:15px; font-weight:bold; color:#353535; line-height:1.2em; margin-bottom:15px;}
.center_box p a { color:#787878; font-size:13px;}
.center_box .name { color:#787878; font-size:13px;}
.center_box .btn_more { position:absolute; top:8%; right:8%;}

/* info_box */
.info_box { position:relative; width:100%;}
.info_box .info_jobs { position:absolute; top:47px; width:100%;}
.info_box .info_alba { position:absolute; top:47px; width:100%;}
.info_box h2 { position:absolute; top:-47px;}
.info_box .info_jobs h2 { left:0; width:50%;}

.info_box .info_jobs .info_img img {  width:430px; height:auto; padding-left:13px;}

.info_box .info_alba h2 { left:50%; width:50%;}
.info_box h2 a { color:#7b7b7b; font-size:13px; font-weight:bold; padding:15px 0; text-align:center; display:block; background:#f6f6f6; border-bottom:1px solid #cbcbcb;}
.info_box h2 a:hover { color:#5a5a5a;}
.info_box h2 a.over { color:#0b6154; font-size:14px; display:block; background:#fff; border-bottom:1px solid #fff;}
.info_box .info_jobs h2 a { border-right:1px solid #c4c4c4;}
.info_box li { padding-left:8%;}
.info_box li:hover { background:#fafafa;}
.info_box li a { display:block; padding:20px 0; min-height:90px;}
.info_box li a:hover { position:relative; top:1px;}
.info_box a h3 { color:#414141; font-size:15px; font-weight:bold;}
.info_box a .p_desc1 { color:#6a6a6a; font-size:14px;}
.info_box a .p_desc2 { color:#919191; font-size:13px;}
.info_box a .date { margin-top:3px; color:#686868; font-size:11px; font-weight:bold;}





/* right_con */
#right_con h2 { color:#343434; font-size:17px; font-weight:bold; margin:45px 0 17px 0;}
#right_con .list_ban { float:left;}
#right_con .jobs_search { float:left; width:268px; padding:0 40px 40px 40px; border-bottom:1px solid #e5e5e5;}
#right_con .cam_jobs { float:left; position:relative; width:268px; padding:0 40px 20px 40px; border-bottom:1px solid #e5e5e5;}
#right_con .rec_jobs { float:left; position:relative; width:268px; padding:0 40px;}

.jobs_search .input_box { border:2px solid #005d4f; padding:4px 0 4px 4px;}
.jobs_search .input_box .input_jobs_se { height:24px; width:96%; border:0; line-height:24px; font-size:15px;}
.jobs_search .btn_search { background:#005d4f url(../images/common/bg_search.png) no-repeat 28% center; font-weight:bold; font-size:15px; color:#fff; display:block; padding:10px 0 10px 35%;}

#right_con .ul_jobs_info li:hover { position:relative; top:1px;}
#right_con .ul_jobs_info li .img_box { border:1px solid; border-color:#e5e5e5 #c4c4c4 #c4c4c4 #e5e5e5; width:100%; height:89px; overflow:hidden;}
#right_con .ul_jobs_info li .img_box img { width:100%;}
#right_con .ul_jobs_info li a h3 { color:#383838; font-weight:bold; font-size:14px; padding:17px 0 5px 13px;}
#right_con .ul_jobs_info li a p { color:#545454; font-size:12px; padding:0 0 20px 13px;}
#right_con .btn_more { position:absolute; top:30px; right:8%;}

/* footer */
.footer_box { padding:35px 0 0 45px; color:#999999; font-size:12px; position:relative;}
.footer_box a { color:#999999;}
.footer_box a:hover { position:relative; top:1px;}
.footer_box .btn_footer { height:40px;}
.footer_box .btn_footer li { float:left; padding-right:15px;}
.footer_box .btn_footer li a { color:#4d4d4d; font-weight:bold; font-size:13px;}
#footer .footer_box .group_link { position:absolute; top:25px; right:35px; width:210px;}
 .footer_box .group_link .sel_list { top:auto !important; bottom:33px; }


/******** 1280 Start ********/ 
/* 좌측 채용정보검색 jobs_search_1280 */
.jobs_search_1280 { margin:35px 35px 0 35px;}
.jobs_search_1280 h2 { font-size:15px; font-weight:bold; color:#0b6154; margin-bottom:15px;}
.jobs_search_1280 .input_box { border:2px solid #005d4f; padding:4px 0 4px 4px;}
.jobs_search_1280 .input_box .input_jobs_se { height:24px; width:96%; border:0; line-height:24px; font-size:15px;}
.jobs_search_1280 .btn_search { background:#005d4f url(../images/common/bg_search.png) no-repeat 17% center; font-weight:bold; font-size:15px; color:#fff; display:block; padding:10px 0 10px 28%;}

/* right_con_1280 */
#right_con_1280 { border-top:1px solid #c4c4c4; padding-top:18px;}
#right_con_1280 h2 { color:#fff; font-size:15px; font-weight:bold; padding:12px 0 13px 33px;}

#right_con_1280 .cam_jobs { position:relative; float:left; width:50%;}
#right_con_1280 .rec_jobs { position:relative; float:left; width:50%;}
#right_con_1280 .list_ban { float:left; width:100%; height:159px; border-top:1px solid #c4c4c4; padding-top:10px;}

#right_con_1280 .ul_jobs_info li { float:left; width:40%; padding:36px 5% 5px 5%;}
#right_con_1280 .ul_jobs_info li:last-child { background:#f6f6f6;}
#right_con_1280 .ul_jobs_info li .img_box { border:1px solid; border-color:#e5e5e5 #c4c4c4 #c4c4c4 #e5e5e5; width:100%; height:69px; overflow:hidden;}
#right_con_1280 .ul_jobs_info li .img_box img { width:100%;}
#right_con_1280 .ul_jobs_info li a h3 { color:#383838; font-weight:bold; font-size:14px; padding:17px 0 5px 13px;}
#right_con_1280 .ul_jobs_info li a p { color:#545454; font-size:12px; padding:0 0 20px 13px;}
#right_con_1280 .btn_more { position:absolute; top:13px; right:20px;}

#right_con_1280 .cam_jobs h2 { background:url(../images/common/bg_dot_green1.gif);}
#right_con_1280 .rec_jobs h2 { background:url(../images/common/bg_dot_green2.gif);}
#right_con_1280 .list_ban li { float:left; width:25%; height:159px; overflow:hidden; background:#005b4d; text-align:right;}
#right_con_1280 .list_ban li:nth-child(2) { background:#0a4c42;}
#right_con_1280 .list_ban li:nth-child(4) { background:#007966;}
/******** 1280 End ********/ 


/******** 1024 Start ********/
#header_1024 h1 { position:absolute; top:39px; left:12px;}


@media all and (max-width: 1023px) {
 #header{display: block; position: relative; width: 100%; max-width: inherit; min-width: inherit;}
 #header #lnb{ padding-top:96px; height:44px; width:100%; margin-bottom:8px;}

 /*호버삭제*/
 #header #lnb > ul > li > a:hover, #header #lnb > ul > li > a.over{padding: 13px 0 14px; border-top: 1px solid #ebebeb;}

 /* 1차메뉴 */
  #header #lnb > ul > li { float:left; width:13%;}
  #header #lnb > ul > li:nth-child(4) { float:left; width:17%;}
  #header #lnb > ul > li:nth-child(5) { float:left; width:18%;}
  #header #lnb > ul > li > a { font-size:15px; font-weight:bold; color:#fff; text-align:center; padding:13px 0 14px 0; display:block; background:url(../images/common/bg_dot_green1.gif); border-right:1px solid #51958a;}
  #header #lnb > ul > li > a:hover,  #header #lnb > ul > li > a.over { background: url(../images/common/bg_dot_green2.gif);}
/*  #header #lnb > ul > li:last-child a { border:0;}*/

 /* 2차메뉴 */
  #header #lnb > ul > li > ul { display:none; padding:15px 0;}
  #header #lnb > ul > li > ul > li > a { font-size:14px; font-weight:bold; color:#343434; padding:4px 0 4px 44px; display:block;}
  #header #lnb > ul > li > ul > li > a:before { content:"- ";}

 /* 3차메뉴 */
  #header #lnb > ul > li > ul > li > ul { display:none; padding-bottom:10px;}
  #header #lnb > ul > li > ul > li > ul > li a { font-size:14px; color:#878787; padding:4px 0 4px 56px; display:block;}
  #header #lnb > ul > li > ul > li > ul > li a:hover,  #header #lnb > ul > li > ul > li > ul > li a.over { position:relative; top:1px; color:#005d4f;}
  #header #lnb > ul > li > ul > li > ul > li a:before { content:"";}
}
@media all and (max-width: 910px) {
 #header #lnb{height: 90px;}
 #header #lnb > ul > li:nth-child(1),  #header #lnb > ul > li:nth-child(3) { width:20%;}
 #header #lnb > ul > li:nth-child(2),  #header #lnb > ul > li:nth-child(4) { width:30%;}
 #header #lnb > ul > li:nth-child(5),  #header #lnb > ul > li:nth-child(7) { width:33%;}
 #header #lnb > ul > li:nth-child(6) { width:34%;}

}
/* 좌측 채용정보검색 jobs_search_1024 */
.jobs_search_1024 { position:absolute; top:46px; right:0; height:40px;}
.jobs_search_1024 .select_box { float:left; width:160px;}
.jobs_search_1024 .input_box { float:left; border:2px solid #005d4f; padding:4px 0 4px 4px;}
.jobs_search_1024 .input_box .input_jobs_se { height:24px; width:96%; border:0; line-height:24px; font-size:15px;}
.jobs_search_1024 .btn_search { float:left; background:#005d4f url(../images/common/bg_search.png) no-repeat 20px center; font-weight:bold; font-size:15px; color:#fff; display:block; padding:10px 0 10px 40px; width:120px;}

/******** 1024 End ********/

/******** 768 Start ********/
#gnb_768 li { padding-left:27px; float:left;}
#gnb_768 li a:hover { position:relative; top:1px;}

/* contents_box_768 */
.notice_768 { background:url(../images/common/bg_dot_gray.gif); height:31px; padding-top:14px; border:1px solid #5b5d5e; font-size:14px; color:#fff;}
.notice_768 h2 { float:left; font-weight:bold; width:27%; padding-right:3%; text-align:right; background:url(../images/common/bg_div_w.png) no-repeat right center;}
.notice_768 p { float:left; width:67%; padding-left:3%;}
.notice_768 p a { color:#fff;}
.notice_768 span.date {position: absolute; left: 0; padding-left:20px;}


.info_box_768 { position:relative; width:100%; height:330px; border-bottom:1px solid #eaeaea;}
.info_box_768 .info_jobs { position:absolute; top:47px; width:100%;}
.info_box_768 .info_alba { position:absolute; top:47px; width:100%;}
.info_box_768 .info_alba iframe {height:260px;}
.info_box_768 .info_cam { position:absolute; top:47px; width:100%;}
.info_box_768 .info_rec { position:absolute; top:47px; width:100%;}
.info_box_768 h2 { position:absolute; top:-47px;}
.info_box_768 .info_jobs h2 { left:0; width:25%;}
.info_box_768 .info_cam h2 { left:25%; width:25%;}
.info_box_768 .info_rec h2 { left:50%; width:25%;}
.info_box_768 .info_alba h2 { left:75%; width:25%;}
.info_box_768 h2 a { color:#7b7b7b; font-size:13px; font-weight:bold; padding:15px 0; text-align:center; display:block; background:#f6f6f6; border-bottom:1px solid #cbcbcb; border-right:1px solid #c4c4c4;}
.info_box_768 h2 a:hover { color:#5a5a5a;}
.info_box_768 h2 a.over { color:#0b6154; font-size:14px; display:block; background:#fff; border-bottom:1px solid #fff;}
.info_box_768 .info_alba h2 a { border-right:0;}
.info_box_768 li { padding-left:8%; float:left; width:42%;}
.info_box_768 li:nth-child(3), #contents_box_768 li:nth-child(4) { background:#fafafa;}
.info_box_768 li a { display:block; padding:20px 0; min-height:90px;}
.info_box_768 li a:hover { position:relative; top:1px;}
.info_box_768 a h3 { color:#414141; font-size:15px; font-weight:bold;}
.info_box_768 a .p_desc1 { color:#6a6a6a; font-size:14px;}
.info_box_768 a .p_desc2 { color:#919191; font-size:13px;}
.info_box_768 a .date { margin-top:3px; color:#686868; font-size:11px; font-weight:bold;}

#contents_box_768 .sns_box .facebook h2 a { padding-left:40%; background:url(../images/main/bg_facebook_off.gif) no-repeat 30% center;}
#contents_box_768 .sns_box .facebook h2 a.over { background:url(../images/main/bg_facebook_over.gif) no-repeat 30% center;}
#contents_box_768 .sns_box .twitter h2 a { padding-left:40%; background:url(../images/main/bg_twitter_off.gif) no-repeat 30% center;}
#contents_box_768 .sns_box .twitter h2 a.over { background:url(../images/main/bg_twitter_over.gif) no-repeat 30% center;}

#contents_box_768 .bottom_btn { height:47px;}
#contents_box_768 .bottom_btn li { float:left; width:50%;}
#contents_box_768 .bottom_btn a { display:block; border:1px solid; border-color:#e7e7e7 #c4c4c4 #c4c4c4 #e7e7e7; padding:15px 0; text-align:center; color:#212121; font-size:13px;}

#footer_768 .footer_box .group_link { margin-top:15px; width:210px;}
/******** 768 End ********/

/******** Mobile Start ********/
@media all and (max-width:767px) {
 #header_1024 { display:block;}
 #header_1024 h1 { position:absolute; top:20px; left:10px;}
 #header_1024 h1 img { width:70%;}
 #header #lnb { padding-top:56px; height:88px; width:100%; }
 /* 1차메뉴 */
  #header #lnb > ul { background:url(../images/common/bg_dot_green1.gif);}
  #header #lnb > ul:after { clear:both; content:""; display:block;}
  #header #lnb > ul > li { float:left;}
  #header #lnb > ul > li:nth-child(1),  #header #lnb > ul > li:nth-child(3) { width:20%;}
  #header #lnb > ul > li:nth-child(2),  #header #lnb > ul > li:nth-child(4) { width:30%;}
  #header #lnb > ul > li:nth-child(5),  #header #lnb > ul > li:nth-child(7) { width:33%;}
  #header #lnb > ul > li:nth-child(6) { width:34%;}
  #header #lnb > ul > li > a { font-size:12px; font-weight:bold; color:#fff; text-align:center; padding:13px 0 14px 0; display:block; background:url(../images/common/bg_dot_green1.gif); border-right:1px solid #51958a; border-bottom:1px solid #51958a;}
  #header #lnb > ul > li > a:hover,  #header #lnb > ul > li > a.over { background: url(../images/common/bg_dot_green2.gif);}
  #header #lnb > ul > li:last-child a { border-right:0; border-bottom: 0;}
}
/******** Mobile End ********/


.notice_mobile { background:url(../images/common/bg_dot_gray.gif); height:31px; padding:14px 10px 0 0; border:1px solid #5b5d5e; font-size:14px; color:#fff;}
.notice_mobile h2 { float:left; font-weight:bold; width:22%; padding-right:3%; text-align:right; background:url(../images/common/bg_div_w.png) no-repeat right center;}
.notice_mobile p { float:left; width:72%; padding-left:3%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.notice_mobile p a {color:#fff; }


.list_qu_mobile { height:241px; border-bottom:2px solid #005d4f;}
.list_qu_mobile:after { content:""; display:block; clear:both;}
.list_qu_mobile li { width:33%; float:left;}
.list_qu_mobile li:nth-child(2), .list_qu_mobile li:nth-child(5) { width:34%;}
.list_qu_mobile li a { text-align:center; display:block; padding-top:14px; height:106px; font-size:13px; color:#868686; border-right:1px solid #efefef; border-bottom:1px solid #efefef;}
.list_qu_mobile li:nth-child(4) a, .list_qu_mobile li:nth-child(5) a, .list_qu_mobile li:nth-child(6) a { border-bottom:0;}
.list_qu_mobile li:nth-child(3) a, .list_qu_mobile li:nth-child(6) a { border-right:0;}
.list_qu_mobile li a:hover { position:relative; top:1px;}
.list_qu_mobile li a p { padding-top:8px; letter-spacing:-1px; font-size:12px;}

.info_box_mobile { position:relative; height:307px; overflow-y:hidden; width:100%; border-bottom:1px solid #eaeaea;}
.info_box_mobile .info_jobs { position:absolute; top:47px; width:100%; }
.info_box_mobile .info_jobs img {width:100%; height:auto; padding-left:35px;}

.info_box_mobile .info_alba { position:absolute; top:47px; width:100%;}
.info_box_mobile .info_cam { position:absolute; top:47px; width:100%;}
.info_box_mobile .info_rec { position:absolute; top:47px; width:100%;}
.info_box_mobile h2 { position:absolute; top:-47px;}
.info_box_mobile .info_jobs h2 { left:0; width:50%;}
.info_box_mobile .info_alba h2 { left:50%; width:50%;}
.info_box_mobile .info_cam h2 { left:0; width:50%;}
.info_box_mobile .info_rec h2 { left:50%; width:50%;}
.info_box_mobile h2 a { color:#7b7b7b; font-size:13px; font-weight:bold; padding:15px 0; text-align:center; display:block; background:#f6f6f6; border-bottom:1px solid #cbcbcb; border-right:1px solid #c4c4c4;}
.info_box_mobile h2 a:hover { color:#5a5a5a;}
.info_box_mobile h2 a.over { color:#0b6154; font-size:14px; display:block; background:#fff; border-bottom:1px solid #fff;}
.info_box_mobile .info_alba h2 a { border-right:0;}
.info_box_mobile li { padding:0 5% 0 6%;}
.info_box_mobile li:nth-child(2), .info_box_mobile li:nth-child(4) { background:#fafafa;}
.info_box_mobile li a { display:block; padding:20px 0; height:90px;}
.info_box_mobile li a:hover { position:relative; top:1px;}
.info_box_mobile a h3 { color:#414141; font-size:15px; font-weight:bold;}
.info_box_mobile a .p_desc1 { color:#6a6a6a; font-size:14px;}
.info_box_mobile a .p_desc2 { color:#919191; font-size:13px;}
.info_box_mobile a .date { margin-top:3px; color:#686868; font-size:11px; font-weight:bold;}

.info_box_mobile .info_box li:nth-child(3), .info_box li:nth-child(4) { display:none;}

.info_box_mobile .info_jobs img {width:100%; height:auto;}

#contents_box_mobile .sns_box .facebook h2 a { padding-left:10%; background:url(../images/main/bg_facebook_off.gif) no-repeat 90% center;}
#contents_box_mobile .sns_box .facebook h2 a.over { background:url(../images/main/bg_facebook_over.gif) no-repeat 90% center;}
#contents_box_mobile .sns_box .twitter h2 a { padding-left:10%; background:url(../images/main/bg_twitter_off.gif) no-repeat 90% center;}
#contents_box_mobile .sns_box .twitter h2 a.over { background:url(../images/main/bg_twitter_over.gif) no-repeat 90% center;}

#contents_box_mobile .bottom_btn { height:47px;}
#contents_box_mobile .bottom_btn li { float:left; width:50%;}
#contents_box_mobile .bottom_btn li a { display:block; border:1px solid; border-color:#e7e7e7 #c4c4c4 #c4c4c4 #e7e7e7; padding:15px 0; text-align:center; color:#212121; font-size:13px;}
#contents_box_mobile .bottom_btn li:first-child a { border-right:0; }

#footer_mobile .footer_box { padding:20px !important;}
#footer_mobile .footer_box .group_link { margin-top:15px; width:100%;}

/******** Mobile End ********/


/* 20220907 아르바이트 정보부분 삭제*/
.info_box .info_alba{display: none; visibility: hidden; opacity: 0;}
.info_box .info_jobs h2{width: 100%;}
.info_box .info_jobs h2 a{border-right: none;}

.info_box_768 .info_alba{display: none; visibility: hidden; opacity: 0;}
.info_box_768 .info_jobs h2,
.info_box_768 .info_rec h2,
.info_box_768 .info_cam h2{width: calc(100%/3);}
.info_box_768 .info_cam h2{left: calc(100%/3);}
.info_box_768 .info_rec h2{left:auto; right:0;}

.info_box_mobile .info_alba h2{display: none; visibility: hidden; opacity: 0;}
.info_box_mobile .info_jobs h2{width: 100%;}
.info_box_mobile .info_jobs h2 a{border-right: none;}

/* 20220908 페이스북 */
.sns_box .facebook .box_in{padding: 30px 0;}
.sns_box .facebook .box_in li{font-size: 0; line-height: 0;}
.sns_box .facebook .box_in li + li{margin-top: 20px;}
.sns_box .facebook .box_in .left_img{display: inline-block; width: 48px; vertical-align: top;}
.sns_box .facebook .box_in .right_desc{display: inline-block; width: calc(100% - 63px); padding-left: 15px;}
.sns_box .facebook .box_in .right_desc p{font-size: 12px; line-height: 15px;}