@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: 5px; }
.recruitmentList .list1 > h4{float: left;}
.recruitmentList .list1 > h5{float: left; color: #797979; }
.recruitmentList .list1 > div{float: right;}
.logoBox{width: 92px; height: 38px; overflow: hidden; position: absolute; bottom: 5px; right: 10px; border: 1px solid #efefef; }
.logoBox > img{width: 100%; height: 100%; object-fit: contain; }
.recruitmentList .list1 > div > h6{width: auto; display: inline; background-color: #FF9D00; padding: 3px 6px; border-radius: 3px; color: #fff; font-size: 12px;}
.recruitmentList .list1 > span{float: left; margin-left: 5px;}
.recruitmentList .list2{font-size: 1.2rem; line-height: 1.4; color: #595959; display: inline-block; font-weight: bold; margin-bottom: 10px; margin-top: 8px; }
.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{ width: fit-content; /* width: 124px; */}
.recruitmentList .list4{display: flex; align-items: center; gap: 10px;}
.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); }

.searchBox{margin: 20px auto; }
.searchBox *{box-sizing: border-box; }
.searchBox > div{margin: 4px auto; }
.searchBox > .selectric-wrapper{display: inline-block; }
.searchBox > .selectric-wrapper .selectric{height: 33px; border: 1px solid #ccc; border-radius: 30px; background-color: transparent; }
.selectric .label{height: 24px; line-height: 30px; }
.selectric .button{height: 30px; line-height: 24px; background-color: transparent; }
.selectric-items{border-radius: 12px; margin-top: 4px; overflow: hidden; }
.searchBox > .searchInput{width: 100%; display: block; position: relative; }
.searchBox > .searchInput > input{width: 100%; height: 33px; border: 1px solid #ccc; border-radius: 30px; padding: 0 4px; }
.searchBox > .searchInput > button{ width: 33px;height: 33px;position: absolute;background-color: transparent;border: 0;right: 0;top: 0;padding: 0; }
.searchBox > .searchInput > button.searchBtn{border-radius: 50%; background-color: #0090d8; }
.searchBox > .searchInput > button.resetBtn{right: 36px; }
.searchBox > .searchInput > button > svg{color: #ccc; }
.searchBox > .searchInput > button.searchBtn > svg{color: #fff; }

/* svg 변경 */
.searchInput .resetBtn object{width: .6875em; vertical-align: -0.125em;}
.searchInput .searchBtn object{width: 1em; vertical-align: -0.125em;}


.recruitmentWrtBtn{float: right; border: 0; background-color: #2196F3; border-radius: 30px; height: 28px; line-height: 28px; color: #fff; font-weight: 500; font-size: 14px; padding: 0 16px; margin-bottom: 16px; margin-right: 8px; }
/*.recruitmentWrtBtn:nth-of-type(2){background-color: #ff8a65;}*/
.recruitmentWrtBtn:last-child{background-color: #ff8a65;}
.recruitmentWrtBtn:hover{background-color: #2D3380;box-shadow: 0 2px 5px rgba(0,0,0,.15); }


.headtext {width: 100%; padding: 10px 0; text-align: center; line-height: 1.5;}
.headtext > h1 {font-size: 16px; font-weight: 500; word-break: keep-all;}
.headtext > h1 > .bluetext {color: #0090d8; font-weight: bold; font-size: 18px;}
.headtext > h1 > .orangetext {color: orange; font-weight: bold; font-size: 18px;}

.headtext > h2 {font-size: 16px; font-weight: 400; color: #666; padding: 10px 0;}
.headtext > h2 > .bluetext {color: navy; font-weight: 500;}
.headtext > h2 > .bold {color: black; font-weight: 500;}

.headtext > .infotext {width: 100%; padding: 10px 0; background-color: #fff; border-top: 1px solid #888; border-bottom: 1px solid #888;}
.headtext > .infotext > h1 {font-size: 16px; font-weight: 500;}
.headtext > .infotext > h1 > .bold {font-size: 16px; font-weight: bold; padding-bottom: 10px;}

.headtext > .textbtn {width: 100%; padding: 15px 0; text-align: center; margin: 0 auto;}
.headtext > .textbtn > a {font-size: 16px; font-weight: bold; padding: 5px 20px; background-color: #006CBA; color: #fff; border-radius: 5px;}
.headtext > .textbtn > a:hover {background-color: navy;}

@media all and (min-width: 640px){
	.recruitmentList .newList{padding:8px 12px;}
	.recruitmentList .list1 > div > h6{font-size: 12px; padding: 5px 6px;}
	.logoBox {width: 110px; height: 46px; bottom: 8px; right: 12px;}
	.recruitmentList .list4{font-size: 14px;}
}
@media all and (min-width: 768px){
	.recruitmentList .newListTitle{display: block; }
	.logoBox{width: 150px; height: 60px; }
	
	.searchBox{margin: 35px auto; text-align: center; }
	.searchBox:after{content: ''; display: block; clear: both; }
	.searchBox > div{margin-right: 8px; text-align: left; vertical-align: middle; }
	.searchBox > .selectric-wrapper{}
	.searchBox > .selectric-wrapper .selectric{height: 36px; border-radius: 30px; }
	.selectric .label{height: 36px; line-height: 36px; }
	.selectric .button{height: 36px; line-height: 36px; }
	.selectric-items{border-radius: 18px; }
	.searchBox > .searchInput{display: inline-block; }
	.searchBox > .searchInput > input{height: 36px; }
	.searchBox > .searchInput > button{ width: 36px;height: 36px; }
	.searchBox > .searchInput > button > span{}
	.searchBox > .searchInput > button > span:before {height: 16px; left: 16px; top: 10px; }
	.searchBox > .searchInput > button > span:after {height: 16px; left: 16px; top: 10px; }
	.searchBox > .selectric-search1{width: 20%; min-width: 100px; max-width: 160px; }
	.searchBox > .selectric-search2{width: 30%; min-width: 200px; max-width: 250px; }
	.searchBox > .searchInput{width: 50%; min-width: 400px; max-width: 600px; }
}

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

/* 직종별 채용정보 OR 아르바이트 */
.recruitmentText{position:relative;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: 0; text-align: center; height: 85px;}
.recruitmentList .newList > *{float: left; vertical-align: middle; }
.recruitmentList .list1{width: auto; margin-top: 12px; }
.recruitmentList .list1 > h4{width: 130px; float: left; margin-top: 21px; line-height: 1.4; }
.recruitmentList .list1 > h5{width: 105px; float: left; margin-top: 24px; }
.recruitmentList .list1 > div{width: 120px; float: left; margin-top: 22px; }
.recruitmentList .list1 > div.logoBox{margin-top: 0; }
.recruitmentList .list1 > div > h6{}
.recruitmentList .list1 > span{display: none; }
.recruitmentList .list2{width: 280px; text-align: left; font-size: 1rem; margin-top: 34px; }
.recruitmentList .list3{width: 140px; text-align: left; font-size: .875rem; margin-top: 38px; }
.recruitmentList .list3 > span{display: inline-block; vertical-align: middle; }
.recruitmentList .list4{font-size: .875rem; width: auto; margin-top: 37px; vertical-align: middle; display: flex; flex-direction: row; align-items: center; gap: 0;}
.recruitmentList .list4 > p{width: 110px; display: inline-block; vertical-align: middle; }
.list4-marginChange{margin-top: 30px !important;}
.recruitmentList .complete{line-height: 73px; }
.recruitmentList .completeBtn{padding: 5px 10px; float: none; }

	.logoBox{position: static; }
	
}

/* 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;}

}

/* For smartphones */
@media (max-width: 340px) {
	.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;}
	
	}