@import url(common.css);
@charset "utf-8";
/* CSS Document */
html{font-size: 30px;}

#wrap{width:100%; font-family:Noto Sans KR; padding-top: 50px; color: #333;}

/*top CSS*/
#header{z-index:10; position: fixed; top: 0; left: 0; width: 100%; height: 50px; overflow: hidden; border-bottom: 2px solid #91b821; background: #fff;}
#header>h1>a>img{width: 70px; margin-left: 10px; margin-top: 8px; }
#header>.menuBtn{position: absolute; right: 10px; top: 17.5px; cursor: pointer; }
#header>.menuBtn>a>ul>li{width: 23px; height: 3px; margin-bottom: 3px; background: #91b821; }
#header>.menuBtn>a>ul>li:last-child{margin-bottom: 0px; }
.menuCover{display: none; position: fixed; top: 0; right: 0; width: 100%; height: 100%; overflow: auto; background: rgba(0,0,0,0.5); font-size: 0.5em; z-index: 100;}
.menuCover>.closeCover{position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.menuCover>.menuWrap{width: calc(100%*5/6); position: absolute; top: 0; right: 0; background: #fff; padding-bottom: 80%;}  
.menuCover>.menuWrap>.btnWrap{z-index: 50; position: fixed; top: 0; right: 0; width: calc(100%*5/6); height: 50px; background: #fff; border-bottom: 2px solid #91b821; }
.menuCover>.menuWrap>.btnWrap>a{display: inline-block; position: absolute; right: 10px; top: 12px; }
.menuCover>.menuWrap>.btnWrap>a>img{width: 23px; }
.menuCover>.menuWrap>.menu{display: inline-block; width: 100%; padding-top: 50px;}
.menuCover>.menuWrap>.menu>li{display: inline-block; width: 100%; float: left; border-bottom: 1px solid #f4f4f4; }
.menuCover>.menuWrap>.menu>li>a{position: relative; float: left; display: inline-block; width: 100%; padding: 15px 15px; color: #666; background: url(/m/images/down_arrow.png) no-repeat center right 15px;}
.menuCover>.menuWrap>.menu>li>ul{display: inline-block; width: 100%; height: 0; background: #91b821; float: left; overflow: hidden; transition: height 0.5s; }
.menuCover>.menuWrap>.menu>li>ul>li{display: inline-block; width: 100%; float: left; }
.menuCover>.menuWrap>.menu>li>ul>li>a{display: inline-block; float: left; width: 100%; height: auto; padding: 15px 0; padding-left: 28px; color: #fff;}
.menuCover>.menuWrap>.menu>li.on>a{background: url(/m/images/up_arrow.png) no-repeat center right 15px; background-size: 12px;}
.menuCover>.menuWrap>.menu>li.on>ul{height: auto; }    
.menuCover>.menuWrap>.snsWrap{padding-top:35px; padding-bottom: 25px; }
.menuCover>.menuWrap>.snsWrap>ul{display: inline-block; width: 100%; padding: 0 25px; }
.menuCover>.menuWrap>.snsWrap>ul>li{display: inline-block; width: calc(100%/3); float: left; padding: 0 10px; text-align: center; }
.menuCover>.menuWrap>.snsWrap>ul>li>a{display: inline-block; width: 100%; }
.menuCover>.menuWrap>.snsWrap>ul>li>a>img{width: 70%; max-width: 100px; }    
.menuCover>.menuWrap>.langWrap>span{display: inline-block; width: 100%; padding-bottom: 20px;  font-weight: 500; text-align: center; }
.menuCover>.menuWrap>.langWrap>ul{display: inline-block; width: 100%; padding: 0 10px; }
.menuCover>.menuWrap>.langWrap>ul>li{display: inline-block; width: calc(100%/4); float: left; padding: 0 5px; text-align: center; }
.menuCover>.menuWrap>.langWrap>ul>li>a{display: inline-block; width: 100%; }
.menuCover>.menuWrap>.langWrap>ul>li>a>img{width: 100%; max-width: 150px; }

/*searchBox*/
.searchBox{ position:relative; height:55px; background:#fff; padding: 0 10px; border-bottom:5px solid #dee0e4}
.searchBox>select{float: left; height: 40px; margin-top: 5px; border: none; width:40%; background: none; border: 1px solid #ccc; font-size:0.5em; color:#222}
.searchBox>select:nth-child(1){border-right: 0;}
.searchBox>select{-webkit-appearance:none; padding-left: 10px;background: url(../images/place_select_arrow.png) no-repeat right 10px center}
.searchBox>select::-ms-expand {display: none}
.searchBox>select option {color:#000}
.searchBox>div{ display:none; position:absolute; right:10px}
.searchBox>div>input[type=text]{padding: 0 10px; box-sizing: border-box;color: #fff; height: 100%; width: 230px;background: none; border: none;}
.searchBox>div>input[type=text]::-webkit-input-placeholder{color: #fff}
.searchBox>div>input[type=button]{background: url(../images/place_search_icon.png) no-repeat #90b73e center; border: none; width: 50px}


/*footer CSS*/
#footer{text-align: center; background: #6d6d6d; font-size: 0.5em; border-top:1px solid #878787;}
#footer>.footerBtn{overflow: hidden; border-bottom:1px solid #646464;}
#footer>.footerBtn>ul{width: 100%;}
#footer>.footerBtn>ul>li{display: inline-block;  vertical-align: middle;}
#footer>.footerBtn>ul>li>a{display: inline-block; float: left; padding: 10px 10px 7px 10px; color: #f7f7f7;}
#footer>.footerBtn>ul>li>span{display: inline-block; height: 10px; border-left: 1px solid #999; position: relative; top: 2px;}
#footer>.footerInfo{padding:10px 0; border-top:1px solid #878787;}
#footer>.footerInfo>p{text-align: center; font-size: 0.7em; color: #fff; padding:2px 0; font-weight:400;}
#footer>.footerInfo>p>span{font-weight:500; }
#footer>.footerToolBtn{border-top: 4px solid #555555; }
#footer>.footerToolBtn>ul{display: inline-block; width: 100%; float: left; background: #3f3f3f;}
#footer>.footerToolBtn>ul>li{float: left; width: 50%; }
#footer>.footerToolBtn>ul>li:first-child{background: url(/m/images/sort_04.png) no-repeat right center; }
#footer>.footerToolBtn>ul>li>a{display: inline-block; padding: 15px 0;}
#footer>.footerToolBtn>ul>li>a>span{color: #bbbbbb; font-weight: 500;}
#footer>.footerToolBtn>ul>li>a>img{vertical-align: middle; }
#footer>.footerToolBtn>ul>li:first-child>a>img{margin-right: 8px; }
/*footer CSS end*/

/*sub Common Css*/
.subTitle{padding:15px 0; text-align: center;}
.subTitle>h2{font-size: 0.7em; color: #333; font-weight:500 }
.subTitle>h2>span{color: #91b821;}
.subTitle>p{font-size: 0.5em; color: #333; }

.sub_conTit span{font-size:1em; font-weight:600;}
.sub_conTit span em{color:#90b73e; font-weight:600;}
.sub_conTit p{color:#999; font-size:0.5em;}

.subCont{border-top:7px solid #dee0e4;}

.btnDefault{display: inline-block; border: none; box-shadow: none; border-radius: 3px; padding: 15px 20px; font-size: 0.8em; background: #7a7a7a; font-weight: 500; text-align: center; color: #fff; }
.btnDefault.green{background: #90b83e; color: #fff;}
.btnDefault.middle{padding: 15px 50px;}
.btnDefault.full{padding: 15px 0; width: 100%;}

/* board Common Css */
.board_btnMore button{display:inline-block; width:100%; height:2em; line-height:2em; border:1px solid #fff; vertical-align:top; background:url("../images/boardList_btnMore.gif") no-repeat center #eee; background-size:66px;}


/* realmodel_form */
.btnStep{display:inline-block; padding:0.5em 0.8em; width:100%; background:#dee0e4; vertical-align:top;}
.btnStep a{display:inline-block; width:47%; text-align:center; height:2.8em; line-height:2.8em; font-size:0.7em; font-weight:500; color:#fff;}
.btnStep a.btnPrev{float:left; background:#7a7a7a;}
.btnStep a.btnNext{float:right; background:#90b73e;}

.realmodel_form .topBanner img{width:100%;}

.realmodel_form .rquest_form{border-top:7px solid #dee0e4;}
.realmodel_form .rquest_form .formTit{display:inline-block; padding:0.6em 0.8em; width:100%; line-height:0.7em; border-bottom:2px solid #dee0e4;}
.realmodel_form .rquest_form .formTit span{font-size:0.8em; color:#444;}
.realmodel_form .rquest_form .formTit p{display:inline-block; font-size:0.4em; color:#e70808;}

.rquest_form ul.formList{margin-top:0.6em; padding:0 0.8em;}
.rquest_form ul.formList.fisrt{border-bottom:2px solid #f3f3f3;}
.rquest_form input[type="text"], .rquest_form select, .rquest_form button{display:inline-block; padding:0 0.6em; height:2.3em; border:1px solid #ccc; box-sizing:border-box;}
.rquest_form input[type="text"], .rquest_form button{background:#f3f3f3;}
.rquest_form input[type="radio"]{}
.rquest_form ul.formList>li{display:inline-block; width:100%; line-height:0.7em;}
.rquest_form ul.formList>li label{display:inline-block; float:left; margin-top:7px; width:25%; font-size:0.5em; color:#666; font-weight:500;}
.rquest_form ul.formList>li>div{display:inline-block; float:left; width:75%; font-size:0.5em; color:#666;}
.rquest_form ul.formList>li *{vertical-align:middle;}

.rquest_form ul.formList.second{padding:0.8em; border-top:2px solid #dee0e4;}
.rquest_form ul.formList li.form_calendar div{position:relative; width:68%;}
.rquest_form ul.formList li.form_calendar div input{width:100%; background:#fff;}
.rquest_form ul.formList li.form_calendar > div > span{position:absolute; top:0.3em; right:5.5em;}
.rquest_form ul.formList li.form_calendar > div > span img{width:28px;}

.rquest_form ul.formList li div.ipRadio div{float:left; margin-right:15px;}
.rquest_form ul.formList li div.ipRadio div input[type="radio"]{margin-right:10px;}

.rquest_form ul.formList li div.ipRadio02 span{display:inline-block; margin-right:15px;}
.rquest_form ul.formList li div.ipRadio02 input[type="radio"]{margin-right:10px;}

.rquest_form .memo{margin-bottom:0.5em; vertical-align:top;}
.rquest_form .memo p{display:inline-block; margin-right:10px; color:#666; font-size:0.5em; font-weight:500; vertical-align:middle;}
.rquest_form .memo div{vertical-align:middle; float:none !important; width:initial !important;}
.rquest_form .memo div input{margin-right:10px;}
.rquest_form .memo div span{margin-right:15px;}
.rquest_form .memo textarea{margin-top:0.5em; padding:0.2em 0.4em; width:100%; height:3.3em; font-size:0.5em; border:1px solid #ccc; background:#f3f3f3;}

.gradationButton{border:none !important;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+0,f1f1f1+49,e7e7e7+100 */
background: #efefef; /* Old browsers */
background: -moz-linear-gradient(top, #efefef 0%, #f2f2f2 49%, #d6d4d4 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(top, #efefef 0%,#f2f2f2 49%,#d6d4d4 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #efefef 0%,#f2f2f2 49%,#d6d4d4 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.rquest_form .agreeBox{float:right; line-height:0.6em;}
.rquest_form .agreeBox p{display:inline-block; font-size:0.5em; color:#999;}
.rquest_form .agreeBox *{vertical-align:middle;}
.rquest_form .agreeBox div{display:inline-block; margin-left:10px;}
.rquest_form .agreeBox div span{display:inline-block; margin-right:15px; font-size:0.5em;}
.rquest_form .agreeBox div input[type="radio"]{margin-right:10px;}
.rquest_form .privacy > p{display:inline-block; font-size:0.5em;}
.rquest_form .privacy > a{display:inline-block; margin:0 0 0.7em 10px; padding:0.5em 0.7em; font-size:0.5em; color:#fff; border-radius:2px; background:#b5b5b5;}

.rquest_form ul.formList li div.phone > div{display:inline-block; margin-bottom:0.3em; width:100%;}
.rquest_form ul.formList li div.phone *{float:left; vertical-align:middle;}
.rquest_form ul.formList li div.phone select{width:32%;}
.rquest_form ul.formList li div.phone input{width:28%;}
.rquest_form ul.formList li div.phone span{display:inline-block; margin-top:5px; width:6%; text-align:center;}
.rquest_form ul.formList li div.phone p{margin:0.2em 0 0.1em 0; font-size:0.7em; color:#e20a0a;}

.rquest_form ul.formList li div.address div{width:100%;}
.rquest_form ul.formList li div.address input:first-child{width:50%; margin-right:5%;}
.rquest_form ul.formList li div.address button{width:43%;}
.rquest_form ul.formList li div.address input:last-child{margin:0.3em 0; width:100%;}

.rquest_form ul.formList li > div.email{display:inline-block;}
.rquest_form ul.formList li > div.email *{float:left; display:inline-block;}
.rquest_form ul.formList li > div.email input{width:43%;}
.rquest_form ul.formList li > div.email span{margin-top:5px; width:10%; text-align:center;}
.rquest_form ul.formList li > div.email select{width:47%;}

.rquest_form ul.formList li > div.birth input{float:left; width:23%;}
.rquest_form ul.formList li > div.birth span{display:inline-block; float:left; width:10%; line-height:2.4em; text-align:center;}


.rquest_form ul.formList li.twoIp div {width:25%;}
.rquest_form ul.formList li.twoIp div input{width:100%;}
.rquest_form ul.formList li.twoIp label:nth-child(3){padding-left:5%;}


/* 채용 */
.job_kindTab ul{display:inline-block; width:100%; vertical-align:top;}
.job_kindTab ul li{float:left; width:calc(100%/3); height:2.5em; line-height:2.4em; text-align:center; color:#999; font-size:0.6em;
border-top:2px solid #dee0e4; border-right:1px solid #dee0e4; border-bottom:1px solid #91b821;}
.job_kindTab ul li:last-child{border-right:0;}
.job_kindTab ul li a{display:inline-block; width:100%; height:100%;}
.job_kindTab ul li.on a{color:#fff; background:#91b821;}

.jobInfo_bottomBtn{display:inline-block; padding:0.5em 0.8em; width:100%; text-align:center; background:#dee0e4; vertical-align:top;}
.jobInfo_bottomBtn a{display:inline-block; width:47%; height:2.8em; line-height:2.8em; font-size:0.7em; font-weight:500; color:#fff;}
.jobInfo_bottomBtn a.btnGray{background:#7a7a7a;}
.jobInfo_bottomBtn a.btnGreen{background:#90b73e;}
.jobInfo_bottomBtn a:first-child{float:left;}
.jobInfo_bottomBtn a:last-child{float:right;}

.job .innerTit{padding:0.5em 0; text-align:center;}
.job .innerTit span{font-size:0.8em; color:#333; font-weight:500;}
.job .innerTit p{font-size:0.55em; color:#666;}

.jobPost_tab ul{display:inline-block; width:100%;}
.jobPost_tab ul li{float:left; width:50%;  text-align:center;}
.jobPost_tab ul li a{display:inline-block; width:100%; height:2.6em; line-height:2.4em; font-size:0.6em; font-weight:500;color:#c5ee50; background:#91b821; vertical-align:top;}
.jobPost_tab ul li.on a{color:#fff; border-bottom:4px solid #cde783;}

.job_post_list > .subTab ul{padding:0 0.8em; text-align:center;}
.job_post_list > .subTab ul li{display:inline-block; width:23%; height:3em; line-height:3em; font-size:0.5em; font-weight:500; color:#fff; background:#6c6c6c;}
.job_post_list > .subTab ul li.on{background:#91b821;}

.job_post_receipt .viewCont .top{padding:0.2em 0.5em 0.5em 0.5em; text-align:center; border-bottom:7px solid #dee0e4;}
.job_post_receipt .viewCont .top>ul>li{display:inline-block; width:63px; height:63px; line-height:80px; font-size:13px; color:#fff; border-radius:100%; background:#cccccc; vertical-align:top;}
.job_post_receipt .viewCont .top>ul>li.on{border:2px solid #7ca30a; background:#a1c831;}
.job_post_receipt .viewCont .top>ul>li span{display:inline-block; line-height:19px;}

@media screen and (max-width:360px){
	.job_post_receipt  .viewCont .top>ul>li{width:50px; height:50px; line-height:63px; font-size:10px;}
	.job_post_receipt  .viewCont .top>ul>li span{line-height:14px;}
}

@media screen and (min-width:650px){
	.job_post_receipt  .viewCont .top>ul>li{width:100px; height:100px; line-height:113px; font-size:15px;}
}


/* 게시판 */
ul.boardList li a span.icon_new{display:inline-block;}
ul.boardList li a span.icon_new img{width:14px; vertical-align:middle;}

ul.boardList li:first-child{border-top:1px solid #dee0e4;}

ul.boardList li{padding:0.4em 0.8em; border-bottom:1px solid #dee0e4; background:url("../images/boardList_arrowRight.png") no-repeat right 0.8em top 50% #fff; background-size:8px;}
ul.boardList li:nth-child(even){background:url("../images/boardList_arrowRight.png") no-repeat right 0.8em top 50% #f5f5f5; background-size:8px;}


ul.boardList li a{display:inline-block; width:100%;}
ul.boardList li > a{display:inline-block; line-height:0.6em; width:100%;}
ul.boardList li a .postList_name{margin-bottom:0.2em;}
ul.boardList li a .postList_name, ul.boardList li > a > p{display:inline-block; width:85%; font-size:0.6em; color:#666; font-weight:500; text-overflow: ellipsis; overflow:hidden; white-space:nowrap; }
ul.boardList li a .dDay{display:inline-block; float:right; margin-top:2px; font-size:0.6em; color:#91b821;}
ul.boardList li div{margin-top:0.2em;}
ul.boardList li div span{display:inline-block; font-size:0.5em; font-weight:500;}
ul.boardList li div span.date{padding-right:12px; margin-right:5px; color:#ccc; background:url("../images/boardList_dateBar.gif") no-repeat right center;}
ul.boardList li div span.career{color:#999;}
ul.boardList li div span.name{color:#90b73e;}


/* 달력 */
.datepicker table.calendar{left:-50px !important; width:265px !important; box-shadow:none !important;}
.datepicker table.calendar tr{width:265px;}
.calendar th, .calendar td{width:60px;}
.calendar thead tr:last-child th{background:#f9f9f9;}
.calendar thead tr:last-child th:first-child{color:#c90e0e;}
.calendar thead tr:last-child th:last-child{color:#0c61fd;}
.calendar #prev, .calendar #next{text-indent:-9999px;}
.calendar #prev{background:url("../images/calendar_arrow_left.png") no-repeat 13px center; background-size:7px !important;}
.calendar #next{background:url("../images/calendar_arrow_right.png") no-repeat right 13px top 50%; background-size:7px !important;}
.calendar tr:first-child th{height:50px; font-size:22px; color:#91b821;}
.calendar #currDay span{background:#91b821;}
.calendar #today{font-size:0; height:20px; padding:0;}

/* 개인정보취급방침_팝업 */
.privacy_cont{display:none; position:fixed; top:50px; z-index:2000; padding:30px 0; font-size:15px; width:100%; height:100%; background:#fff;}
.privacy_cont .close{z-index:1; float:right; margin-right:20px; width:20px;}
.privacy_cont .close img{width:20px;}
.privacy_cont>ul{position:relative; margin:30px 15px; height:100%; overflow:auto;}