@charset "utf-8";
.commentCount{color: #006CBA; }
.recruitmentList{position: relative; }
#loading{width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 10000; }
#loadingBG{width: 100%; height: 100%; top: 0px;left: 0px;position: absolute; display: block; opacity: 0.5; background-color: #fff; z-index: 0; text-align: center; }
#loading > img{margin: 0 auto; display: block; margin-top: 150px; }
.excelDownBtn{position:relative;left:50%;margin-left:-48px;margin-top:12px;width:96px;height:24px;background-color:#0d8e00;border:0;color:#fff;line-height:24px;font-size:12px;letter-spacing:-0.5px;cursor:pointer;}
li.myInfo{background-color:transparent !important;}
/* For larger displays */
.recruitmentList li{position: relative; }
.recruitmentList .complete.progress{ color: #ffff00;cursor: pointer;}

/*2020리스트 변경*/
.recruitmentList .newListTitle{display: none; }
.recruitmentList .newListTitle:after{content: ''; display: block; clear: both; }
.recruitmentList .newListTitle > h6{text-align: center; float: left; height: 18px; line-height: 18px; padding: 0; }
.recruitmentList .newListTitle > h6:nth-of-type(1){width: 5%;}
.recruitmentList .newListTitle > h6:nth-of-type(2){width: 10%;}
.recruitmentList .newListTitle > h6:nth-of-type(3){width: 10%;}
.recruitmentList .newListTitle > h6:nth-of-type(4){width: 65%;}
.recruitmentList .newListTitle > h6:nth-of-type(5){width: 10%;}
.recruitmentList .newList{padding: 5px 10px; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; }
.recruitmentList .newList > *{width: 100%; margin: 5px 0; box-sizing: border-box; }
.recruitmentList .newList *{vertical-align: middle; color: #333; }
.recruitmentList .list1{font-size: 1rem; margin-bottom: 10px; }
.recruitmentList .list1 > h4{float: left;}
.recruitmentList .list1 > h5{float: left; color: #797979; }
.recruitmentList .list1 > div{float: right;}
.recruitmentList .list1 > div > h6{width: auto; display: inline; background-color: #FF9D00; padding: 5px; border-radius: 3px; color: #fff; }
.recruitmentList .list1 > span{float: left; }
.recruitmentList .list2{font-size: 1.3rem; line-height: 1.3; color: #595959; display: inline-block; font-weight: bold; }
.recruitmentList .list2 > p{display: inline-block; width: auto; margin-left: 4px; margin-top: -4px; }
.recruitmentList .list2 > p path{color: #acacac; }
.recruitmentList .list2:hover{font-weight: bold; color: #006CBA; }
.recruitmentList .list3{ }
.recruitmentList .list4{}
.recruitmentList .list4:after{content: ''; display: block; clear: both; }
.recruitmentList .list4 > p{display: inline; font-size: 1rem;}
.recruitmentList .list4 span{}
.recruitmentList .completeBtn{width: auto; padding: 2px 10px; border: 0; border-radius: 30px; background-color: #00aeef; color: #fff; font-size: .875rem; float: right; cursor: pointer; }
.recruitmentList .completeBtn:hover{box-shadow: 0 0 3px 1px rgba(100, 100, 225, .5); }
.recruitmentList .complete{line-height: 110px; display: block; color: #fff; font-size: 1.143rem; font-weight: bold; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, .4); text-align: center; margin: 0; }

.ck_password{padding: 160px 0; }
.ck_password > form{width: 80%; max-width: 280px; border: 1px solid #ccc; padding: 16px 32px; margin: 0 auto; border-radius: 5px; overflow: hidden; }
.ck_password > form > *{height: 28px; font-size: 14px; box-sizing: border-box; }
.ck_password .ck_pass_text{width: 100%; margin-bottom: 40px; }
.ck_password .ck_pass_input{width: 100%; margin-bottom: 16px; text-indent: 4px; border-radius: 5px; border: 1px solid #ccc; }
.ck_password .ck_pass_ok{width: 100%; margin-bottom: 8px; border-radius: 5px; border: 0; background-color: #00aeef; color: #fff; }
.ck_password .ck_pass_btn{width: 100%; text-align: center; display: block; background-color: #595959; color: #fff; border-radius: 5px; line-height: 28px; }
.ck_password .ck_pass_ok:hover{font-weight: bold; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3); }
.ck_password .ck_pass_btn:hover{font-weight: bold; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3); }

@media all and (min-width: 768px){
	.recruitmentList .newListTitle{display: block; }
}

@media all and (min-width:1080px){
.recruitmentListBG{margin:94px auto 60px;width:1080px;}
#loading{top: 0; }
#loading > img{margin-top: 300px; }

/* 직종별 채용정보 OR 아르바이트 */
.recruitmentText{position:relative;margin-top:94px;width:100%;background-color:#f5f5f5;}
.recruitmentText > img{margin:0;padding:0;width:100%;}
.recruitmentTextBtn{position:absolute;bottom:32%;right:2%;/*width:14%;*/max-width:197px}
.comm_tab1 {margin-top:45px;}
.comm_tab1>.tab_menu{margin:0 auto;width:720px;}
.comm_tab1>.tab_menu>li{position:relative;float:left;margin:0 4px;width:350px;height:53px;border:1px solid #CACACA;}
.comm_tab1>.tab_menu>li>a{display:block;width:100%;height:100%;text-decoration:none;text-align:center;line-height:53px;font-size:18px;font-weight:bold;color:#565656;}
.on > .triangle{border-color:#565656 transparent transparent transparent; border-width:14px; border-style:solid; width:0;height:0;position:absolute;top:53px;left:168px;}
.comm_tab1>.tab_menu .on{background-color:#565656;}
.comm_tab1>.tab_menu .on>a{color:#fff;}

.comm_tab2>.tab_menu{margin-top:33px;width:1080px;border-top:1px solid #CACACA;border-left:1px solid #CACACA;}
.comm_tab2>.tab_menu>li{position:relative;float:left;width:215px;height:48px;border-bottom:1px solid #CACACA;border-right:1px solid #CACACA;}
.comm_tab2>.tab_menu>li>a{display:block;width:100%;height:100%;text-decoration:none;text-align:center;line-height:48px;font-size:17px;color:#565656;}
.comm_tab2>.tab_menu .on{background-color:#006CBA;}
.comm_tab2>.tab_menu .on>a{color:#fff;}

.myInfo a{color:#fff !important;font-weight:bold;background-color:#FF9D00;}

/* 채용정보 리스트 박스*/
.greenStudyNoticeSearchBG{margin:40px auto;width:1078px;height:68px;border:1px solid #a8a8a8;background-color:#F2F2F2;}
.greenStudyNoticeSearchBox{float:left;margin-left:145px;margin-top:14px;width:680px;height:40px;border:1px solid #a8a8a8;border-right:0;border-top:0;border-bottom:0;background-color:#FFF;}
#greenStudyNoticeSearch{padding:0 10px;width:560px;height:38px;background-color:transparent;border:0;border-top:1px solid #a8a8a8;border-bottom:1px solid #a8a8a8;vertical-align:top;-webkit-border-radius: 0px;}
.greenStudyNoticeSearchBtn{width:100px;height:40px;border:1px solid #a8a8a8;border-radius:2px;background-color:#00aeef;font-size:16px;font-weight:bold;color:#fff;cursor:pointer;}
.WriteBtn{display:inline-block;margin-top:14px;margin-left:7px;width:98px;height:38px;border:1px solid #a8a8a8;background-color:#006cba;color:#fff;font-size:16px;text-align:center;line-height:38px;text-decoration:none;border-radius:2px;}

/* 채용정보 리스트 검색 */
.greenStudyImageCategoryBG{position:relative;float:left;margin-top:14px;margin-left:60px;width:148px;height:38px;border:1px solid #a8a8a8;background-color:#FFF;background-image:url('/assets/_img/sub/community/arrow.png');background-repeat:no-repeat;background-position:95% 50%;}
.greenStudyImageCategoryBG label{position:absolute;top:11px;left:12px;font-size:16px;}
#greenStudyImageCategory{width:100%;height:38px;min-height:38px;line-height:38px;opacity:0;}

.greenStudyImageSearchBox{float:left;margin-left:7px;margin-top:14px;width:680px;height:40px;border:1px solid #a8a8a8;border-right:0;border-top:0;border-bottom:0;background-color:#FFF;}
#greenStudyImageSearch{padding:0 10px;width:560px;height:38px;background-color:transparent;border:0;border-top:1px solid #a8a8a8;border-bottom:1px solid #a8a8a8;vertical-align:top;-webkit-border-radius: 0px;}
.greenStudyImageSearchBtn{width:100px;height:40px;border:1px solid #a8a8a8;border-radius:2px;background-color:#00aeef;font-size:16px;font-weight:bold;color:#fff;cursor:pointer;}
.downloadListBtn{display:inline-block;margin-top:14px;margin-left:7px;width:98px;height:38px;border:1px solid #a8a8a8;background-color:#006cba;color:#fff;font-size:16px;text-align:center;line-height:38px;text-decoration:none;border-radius:2px;}

/*채용정보 리스트*/
.recruitmentList {margin-bottom:50px;border-top:1px solid #565656;}
.recruitmentList li{padding:13px 0px;border-bottom:1px solid #bbbbbb;}
.recruitmentList li div{float:left;font-size:12px;color:#333;text-align:center;line-height:15px !important;}

.recruitField{width:120px;}
.recruitAddress{width:120px;}
.recruitCompany{width:160px;}
.recruitTitle{width:390px; text-align:left !important;padding-left:20px;box-sizing:border-box;font-weight:bold;}
.recruitDays{width:120px;}
.recruitCareer{width:55px;padding-right:15px;}
.recruitDeadline{width:100px;color:#ff3600 !important;font-weight:bold;font-size:11px !important;}
.recruitmentList li div a{font-size:13px;color:#565656;text-decoration:none;text-align:center;}
.recruitTitle > a:hover{color:#006cba;}


.moreBtn{display:block;margin:0px 0px 100px 0px;width:1078px;height:52px;text-decoration:none;border:1px solid #bcbcbc;text-align:center;line-height:52px;font-size:22px;font-weight:bold;color:#565656;background-color:#eaeaea;}

/*2020리스트 변경*/
.recruitmentList .newList{padding: 8px 0; text-align: center; }
.recruitmentList .newList > *{float: left; }
.recruitmentList .list1{width: auto; margin-top: 12px; }
.recruitmentList .list1 > h4{width: 130px; float: left; }
.recruitmentList .list1 > h5{width: 110px; float: left; }
.recruitmentList .list1 > div{width: 120px; float: left; }
.recruitmentList .list1 > div > h6{}
.recruitmentList .list1 > span{display: none; }
.recruitmentList .list2{width: 375px; text-align: left; font-size: 1rem; margin-top: 12px; }
.recruitmentList .list3{width: 160px; text-align: left; font-size: .875rem; margin-top: 12px; }
.recruitmentList .list3 > span{display: inline-block; }
.recruitmentList .list4{width: 90px; font-size: .875rem; width: auto; }
.recruitmentList .list4 > p{width: 100px; display: inline-block; }
.recruitmentList .complete{line-height: 73px; }
.recruitmentList .completeBtn{padding: 5px 10px; float: none; }

}

/* For smaller displays like laptops */
@media (min-width: 641px) and (max-width: 1079px) {
.recruitmentListBG{margin:0 5%;width:90%;}

#loading{top: 0; }
#loading > img{margin-top: 450px; }

/* 직종별 채용정보 OR 아르바이트 */
.greenStudyAllBG{ width:100%;}
.recruitmentText{position:relative;margin-top:58px;width:100%;background-color:#f5f5f5;}
.recruitmentText > img{margin:0;padding:0;width:100%;}
.recruitmentTextBtn{position:absolute;bottom:32%;right:3%;width:20%;}
.recruitmentTextBtn img{width:100%;}
.comm_tab1 {margin-top:20px;}
.comm_tab1>.tab_menu{margin:0 auto;width:70%;}
.comm_tab1>.tab_menu>li{position:relative;float:left;margin:0 1%;width:46%;height:53px;border:1px solid #CACACA;}
.comm_tab1>.tab_menu>li>a{display:block;width:100%;height:100%;text-decoration:none;text-align:center;line-height:53px;font-size:18px;font-weight:bold;color:#565656;}
.triangle{border-color:#565656 transparent transparent transparent; border-width:14px; border-style:solid; width:0;height:0;position:absolute;top:53px;left:45%;}
.comm_tab1>.tab_menu .on{background-color:#565656;}
.comm_tab1>.tab_menu .on>a{color:#fff;}

.comm_tab2>.tab_menu{margin-top:33px;width:100%;border-left:1px solid #CACACA;}
.comm_tab2>.tab_menu>li{position:relative;float:left;width:33%;height:48px;border-bottom:1px solid #CACACA;border-right:1px solid #CACACA;}
.comm_tab2>.tab_menu>li>a{display:block;width:100%;height:100%;text-decoration:none;text-align:center;line-height:48px;font-size:14px;color:#565656;}
.comm_tab2>.tab_menu .on{background-color:#006CBA;}
.comm_tab2>.tab_menu .on>a{color:#fff;}
.bdbCACACA{border-top:1px solid #CACACA;}

.myInfo a{color:#fff !important;font-weight:bold;background-color:#FF9D00;}
/* 채용정보 리스트 박스*/
.greenStudyNoticeSearchBG{margin:40px auto;width:100%;height:68px;border:1px solid #a8a8a8;background-color:#F2F2F2;}
.greenStudyNoticeSearchBox{float:left;margin-left:6%;margin-top:14px;width:73%;height:40px;border:1px solid #a8a8a8;border-right:0;border-top:0;border-bottom:0;background-color:#FFF;}
#greenStudyNoticeSearch{padding:0 3%;width:77%;height:38px;background-color:transparent;border:0;border-top:1px solid #a8a8a8;border-bottom:1px solid #a8a8a8;vertical-align:top;-webkit-border-radius: 0px;}
.greenStudyNoticeSearchBtn{width:17%;height:40px;border:1px solid #a8a8a8;border-radius:2px;background-color:#00aeef;font-size:16px;font-weight:bold;color:#fff;cursor:pointer;}
.WriteBtn{display:inline-block;margin-top:14px;margin-left:7px;width:95px;height:38px;border:1px solid #a8a8a8;background-color:#006cba;color:#fff;font-size:16px;text-align:center;line-height:38px;text-decoration:none;border-radius:2px;}

/* 채용정보 리스트 검색 */
.greenStudyImageCategoryBG{position:relative;float:left;margin-top:14px;margin-left:4%;width:16%;height:38px;border:1px solid #a8a8a8;background-color:#FFF;background-image:url('/assets/_img/sub/community/arrow.png');background-repeat:no-repeat;background-position:95% 50%;}
.greenStudyImageCategoryBG label{position:absolute;top:14px;left:12px;font-size:13px;}
#greenStudyImageCategory{width:100%;height:38px;min-height:38px;line-height:38px;opacity:0;}

.greenStudyImageSearchBox{float:left;margin-left:7px;margin-top:14px;width:58%;height:40px;border:1px solid #a8a8a8;border-right:0;border-top:0;border-bottom:0;background-color:#FFF;}
#greenStudyImageSearch{padding:0 3%;width:77%;height:38px;background-color:transparent;border:0;border-top:1px solid #a8a8a8;border-bottom:1px solid #a8a8a8;vertical-align:top;-webkit-border-radius: 0px;}
.greenStudyImageSearchBtn{width:17%;height:40px;border:1px solid #a8a8a8;border-radius:2px;background-color:#00aeef;font-size:13px;font-weight:bold;color:#fff;cursor:pointer;}
.downloadListBtn{display:inline-block;margin-top:14px;margin-left:7px;width:15%;height:38px;border:1px solid #a8a8a8;background-color:#006cba;color:#fff;font-size:13px;text-align:center;line-height:38px;text-decoration:none;border-radius:2px;}

/*채용정보 리스트*/
.recruitmentList {margin-bottom:40px;width:100%;border-top:1px solid #565656;}
.recruitmentList li{border-bottom:1px solid #bbbbbb;}
.recruitmentList li div{float:left;font-size:16px;color:#565656;}

.recruitField{padding-top:20px;width:30%;padding-bottom:20px;}
.recruitAddress{padding-top:20px;width:30%;padding-bottom:20px;}
.recruitCompany{padding-top:20px;width:35%;text-align:right;}
.recruitTitle{width:100%;}
.recruitDays{padding-top:20px;width:30%;}
.recruitCareer{padding:20px 0;width:10%;}
.recruitDeadline{padding-top:15px;padding-bottom:15px;width:20%;color:#ff3600 !important;font-weight:bold;}

.recruitmentList li div a{font-size:23px;color:#565656;text-decoration:none;line-height:24px;}
.complete{line-height: 137px; font-size: 2rem;}


.moreBtn{display:block;margin: 0px 0px 80px 0px;width:100%;height:52px;text-decoration:none;border:1px solid #bcbcbc;text-align:center;line-height:52px;font-size:22px;font-weight:bold;color:#565656;background-color:#eaeaea;}


}

/* For smartphones */
@media (max-width: 640px) {
.recruitmentListBG{margin:0 1%;width:98%;}

#loading{top: 0; }
#loading > img{margin-top: 250px; }

/* 직종별 채용정보 OR 아르바이트 */
.recruitmentText{position:relative;margin-top:40px;width:100%;background-color:#f5f5f5;}
.recruitmentText > img{margin:0;padding:0;width:100%;}
.recruitmentTextBtn{width: 35%; margin: 0 auto; }
.recruitmentTextBtn img{width:100%;}
.comm_tab1 {margin-top:15px;}
.comm_tab1>.tab_menu{margin:0 auto;width:90%;}
.comm_tab1>.tab_menu>li{position:relative;float:left;margin:0 1%;width:46%;height:30px;border:1px solid #CACACA;}
.comm_tab1>.tab_menu>li>a{display:block;width:100%;height:100%;text-decoration:none;text-align:center;line-height:30px;font-size:12px;font-weight:bold;color:#565656;}
.triangle{border-color:#565656 transparent transparent transparent; border-width:14px; border-style:solid; width:0;height:0;position:absolute;top:30px;left:40%;}
.comm_tab1>.tab_menu .on{background-color:#565656;}
.comm_tab1>.tab_menu .on>a{color:#fff;}

.comm_tab2>.tab_menu{margin-top:33px;width:100%;border-left:1px solid #CACACA;}
.comm_tab2>.tab_menu>li{position:relative;float:left;width:32.5%;height:26px;border-bottom:1px solid #CACACA;border-right:1px solid #CACACA;}
.comm_tab2>.tab_menu>li>a{display:block;width:100%;height:100%;text-decoration:none;text-align:center;line-height:26px;font-size:10px;color:#565656;}
.comm_tab2>.tab_menu .on{background-color:#006CBA;}
.comm_tab2>.tab_menu .on>a{color:#fff;}
.MbdbCACACA{border-top:1px solid #CACACA;}

.myInfo a{color:#fff !important;font-weight:bold;background-color:#FF9D00;}
/* 채용정보 리스트 박스*/
.greenStudyNoticeSearchBG{margin:40px auto;width:100%;height:68px;border:1px solid #a8a8a8;background-color:#F2F2F2;}
.greenStudyNoticeSearchBox{float:left;margin-left:4%;margin-top:14px;width:70%;height:40px;border:1px solid #a8a8a8;border-right:0;border-top:0;border-bottom:0;background-color:#FFF;}
#greenStudyNoticeSearch{padding:0 3%;width:70%;height:38px;background-color:transparent;border:0;border-top:1px solid #a8a8a8;border-bottom:1px solid #a8a8a8;vertical-align:top;-webkit-border-radius: 0px;}
.greenStudyNoticeSearchBtn{width:24%;height:40px;border:1px solid #a8a8a8;border-radius:2px;background-color:#00aeef;font-size:12px;font-weight:bold;color:#fff;cursor:pointer;}
.WriteBtn{display:inline-block;margin-top:14px;margin-left:7px;width:20%;height:38px;border:1px solid #a8a8a8;background-color:#006cba;color:#fff;font-size:12px;text-align:center;line-height:38px;text-decoration:none;border-radius:2px;}

/* 채용정보 리스트 검색 */
.greenStudyImageCategoryBG{position:relative;float:left;margin-top:14px;margin-left:6%;width:18%;height:38px;border:1px solid #a8a8a8;background-color:#FFF;background-image:url('/assets/_img/sub/community/arrow.png');background-repeat:no-repeat;background-position:95% 50%;}
.greenStudyImageCategoryBG label{position:absolute;top:14px;left:3px;font-size:10px;}
#greenStudyImageCategory{width:100%;height:38px;min-height:38px;line-height:38px;opacity:0;}

.greenStudyImageSearchBox{float:left;margin-left:7px;margin-top:14px;width:47%;height:40px;border:1px solid #a8a8a8;border-right:0;border-top:0;border-bottom:0;background-color:#FFF;}
#greenStudyImageSearch{padding:0 3%;width:68%;height:38px;background-color:transparent;border:0;border-top:1px solid #a8a8a8;border-bottom:1px solid #a8a8a8;vertical-align:top;-webkit-border-radius: 0px;}
.greenStudyImageSearchBtn{width:26%;height:40px;border:1px solid #a8a8a8;border-radius:2px;background-color:#00aeef;font-size:10px;font-weight:bold;color:#fff;cursor:pointer;}
.downloadListBtn{display:inline-block;margin-top:14px;margin-left:7px;width:17%;height:38px;border:1px solid #a8a8a8;background-color:#006cba;color:#fff;font-size:10px;text-align:center;line-height:38px;text-decoration:none;border-radius:2px;}

/*채용정보 리스트*/
.recruitmentList {margin-bottom:30px;width:100%;border-top:1px solid #565656;}
.recruitmentList li{border-bottom:1px solid #bbbbbb;}
.recruitmentList li div{float:left;font-size:10px;color:#565656;}

.recruitField{padding-left:10px;padding-top:15px;width:25%;}
.recruitAddress{padding-top:15px;width:30%;}
.recruitCompany{padding-top:15px;width:38%;}
.recruitTitle{padding-left:10px;padding-top:15px;width:100%;}
.recruitCareer{padding:15px 0 15px 10px;width:20%;}
.recruitDeadline{padding-top:15px;padding-bottom:15px;width:30%;}
.recruitmentList li div a{font-size:14px;color:#565656;text-decoration:none;line-height:24px;}
.complete{line-height: 105px; font-size: 1.5rem; }

.moreBtn{display:block;margin:0px 0px 60px 0px;width:100%;height:52px;text-decoration:none;border:1px solid #bcbcbc;text-align:center;line-height:52px;font-size:22px;font-weight:bold;color:#565656;background-color:#eaeaea;}

.excelDownBtn{position:relative;margin:0;padding:0;width:70px;height:20px;font-size:10px;left:50%;margin-left:-35px;margin-top:3px;}

}