@charset "UTF-8";
/*
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;
src: url(../fonts/NotoSansKR-Thin.woff2) format('woff2'),
url(../fonts/NotoSansKR-Thin.woff) format('woff'),
url(../fonts/NotoSansKR-Thin.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;
src: url(../fonts/NotoSansKR-Light.woff2) format('woff2'),
url(../fonts/NotoSansKR-Light.woff) format('woff'),
url(../fonts/NotoSansKR-Light.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;
src: url(../fonts/NotoSansKR-Regular.woff2) format('woff2'),
url(../fonts/NotoSansKR-Regular.woff) format('woff'),
url(../fonts/NotoSansKR-Regular.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;
src: url(../fonts/NotoSansKR-Medium.woff2) format('woff2'),
url(../fonts/NotoSansKR-Medium.woff) format('woff'),
url(../fonts/NotoSansKR-Medium.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;
src: url(../fonts/NotoSansKR-Bold.woff2) format('woff2'),
url(../fonts/NotoSansKR-Bold.woff) format('woff'),
url(../fonts/NotoSansKR-Bold.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;
src: url(../fonts/NotoSansKR-Black.woff2) format('woff2'),
url(../fonts/NotoSansKR-Black.woff) format('woff'),
url(../fonts/NotoSansKR-Black.otf) format('opentype');}
*/
html{-webkit-text-size-adjust:none; /*-ms-user-select:none; */
  /*-khtml-user-select:none;*/ /*-webkit-user-select:none;*/
  -webkit-touch-callout:none; /*user-select:none;*/}
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

body,a,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,tr,th,td,
form,fieldset,label,legend,input,textarea,button,menu{margin:0px;padding:0px;
-webkit-text-size-adjust:none;}
body,input,textarea,select,table,button,code{color:#111; letter-spacing:-0.1px;
font-weight: 400; font-family: 'Noto Sans KR'; text-align: left; } 
body{width:100%; position:relative;word-wrap:break-word;word-break:break-all;}

nav,menu,ul,li,ol{list-style:none;}
div{display:block;}
table{border-collapse:collapse; border-spacing:0;}
img,fieldset{border:none;}
em,address{font-style:normal;}
select{cursor: pointer;}
section,article,header,footer,nav,aside,hgroup{display:block;}
button{border:none; background:none;}
button:focus{outline:none;}
a{margin:0px; padding:0px; text-decoration:none; cursor:pointer;}
a:hover, a:active{text-decoration:none !important;}
table{table-layout: fixed;}




/*fix*/
.clear_fix:after{content:""; display:block; clear:both;}
.ib_fix{line-height:0px;}
.hidden_fix{position: absolute; overflow: hidden; top: 0; left: 0; width: 1px; height: 1px; line-height: 0;
text-indent:-10000px}
legend, caption {overflow: hidden; top: 0; left: 0; width: 0; height: 0; line-height: 0;}

input[type="text"], input[type="password"], input[type="tel"], input[type="date"], input[type="time"], select[id="time"]
{height:44px; line-height:42px; border:1px solid #e0e0e0; padding: 0px 5px 0px 10px; color: #111;
font-size:15px; font-weight: 400; background:#fafafa; vertical-align:middle; border-radius: 5px;}
input[readonly]{background: #eaeaea;}
.n-readonly{background: #fafafa !important;}

input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus{}
select{height:32px; border:1px solid #e2e2e2; padding:0px 7px; color:#111; font-size:14px; font-weight: 400;}
.t-center{text-align: center;}
.lb_hide {overflow: hidden; position: absolute; width: 0; height: 0;line-height: 0;text-indent: -9999px;}

.l-cont{float: left;}
.l-cont:after{content:""; display:block; clear:both;}
.r-cont{float: right;}
.r-cont:after{content:""; display:block; clear:both;}

.font-strong{font-weight: 700; color: #37a5aa;}
.list-bg{background: #f7f7f7;}



/*레이아웃*/
#wrap{width: 100%; display: block;}
#wrap:after{content:""; display:block; clear:both;}
.content-wrap{width: 100%; max-width: 1024px; padding: 0px 16px; text-align: center; margin: 0 auto;}
.content-wrap:after{content:""; display:block; clear:both;}


/*버튼류*/
.bottom-btns-wrap{width: 100%; display: block; text-align: center; line-height: 0;}
.bottom-btns-wrap:after{content:""; display:block; clear:both;}
.bottom-btns{display: inline-block;}
.bottom-btns:after{content:""; display:block; clear:both;}


.b-btn {display: block; width: 100%; height: 50px; line-height: 48px; font-size: 17px;border-radius: 5px;text-align: center; font-weight: 500; color: #fff; background: #37a5aa; border: 1px solid #37a5aa;}
.btn-default 		{color: #fff; background: #37a5aa; border: 1px solid #37a5aa;float:left}
.btn-defaultfalse {color: #aaa; background: #fff; border: 1px solid #e0e0e0;float:left}
.btn-grayline 		{color: #111; background: #fff; border: 1px solid #e0e0e0;}
.btn-grayline2 	{color: #aaa; background: #fff; border: 1px solid #e0e0e0;}
.btn-darkgreen 	{color: #fff; background: #0f595c; border: 1px solid #0f595c;}


/*가로선*/
.w-line1{width: 100%; height: 1px; border-top: 1px dashed #e0e0e0; margin: 10px 0px;}
.w-line2{width: 100%; height: 1px; border-top: 1px dashed #e0e0e0; margin: 10px 0px 0px;}
.w-line3{width: 100%; height: 1px; border-top: 1px solid #e0e0e0; margin: 10px 0px;}

/*체크박스 라디오박스*/
.brisak-input input[type=checkbox], .brisak-input input[type=radio] {
    margin: 4px 0 0;
    box-sizing: border-box;
    padding: 0;

    line-height: normal;
}

label.brisak-input {margin-bottom: 0; font-weight: 400; display: inline-block; max-width: 100%;
cursor: pointer; font-size: 15px;}

label.brisak-input input+span {position: absolute; left: 0; top: 7px; width: 22px; height: 22px;}

label.brisak-input {position: relative; margin-bottom: 0; padding: 5px 16px 5px 26px; line-height: 24px;}
label.brisak-input input {position: absolute; clip: rect(0,0,0,0); pointer-events: none;}

label.brisak-input input[type="radio"]+span{border-radius: 11px;}
label.brisak-input input[type="radio"]:focus+span{outline:2px solid #20787c; outline-offset: -2px;}
label.brisak-input input[type="radio"]:not(:checked)+span {
background: url(../images/radio-off2.png) no-repeat; background-size: 22px 22px; content: "";}
label.brisak-input input[type="radio"]:checked+span {
background: url(../images/radio-on.png) no-repeat; background-size: 22px 22px; content: "";}


label.brisak-input input[type="checkbox"]+span{border-radius: 5px;}
label.brisak-input input[type="checkbox"]:focus+span{outline:2px solid #20787c; outline-offset: -2px;}
label.brisak-input input[type="checkbox"]:not(:checked)+span {
background: url(../images/checkbox-off3.png) no-repeat; background-size: 22px 22px; content: "";}
label.brisak-input input[type="checkbox"]:checked+span {
background: url(../images/checkbox-on.png) no-repeat; background-size: 22px 22px; content: "";}




/*index 로그인*/
.login .content-wrap{padding: 48px 32px 0px; max-width: 380px;}
.index-logo{width: 100px; height: 100px; margin: 0 auto; line-height: 0;}
.index-logo img{width: 100%;}
.index-logo-title{width: 200px; margin: 0 auto; line-height: 0;}
.index-logo-title img{width: 200px;padding:20px}
.index-logo-txt{font-size: 18px; font-weight: 700; color: #15762b;
display: inline-block; padding: 0px 10px; height: 30px; line-height: 30px;
margin: 8px auto 30px}

.login .form-control{width: 100%}
.login .form-control + .form-control{margin-top: 12px}
.login-control{text-align: left; margin: 14px 0px 30px}
.login-btns{width: 100%; margin-top: 24px; /*text-align: center;*/}
.login-btns:after{content:""; display:block; clear:both;}
.btn-login{}

.btn-kakao-login{color: #333; background: #fee500 url(../images/login-logo-a.png) 22px 14px /*18px*/ no-repeat;
background-size: 24px 22px; /*height: 58px; line-height: 56px;*/
border: 1px solid #fee500; margin-top: 12px;}
.login-bt-btn{width: 100%; text-align: center;}
.btn-join{margin: 14px 0px 0px; /*display: inline-block; margin: 20px 0px 0px; font-size: 14px; color: #111;
height: 32px; line-height: 32px; border-bottom: 1px solid #777;*/}
.btn-find-idpw{display: inline-block; margin: 12px 0px 0px 0px; font-size: 14px; color: #111;
height: 32px; line-height: 32px; border-bottom: 1px solid #ccc;}
/*.btn-join{width: 100%; float: left; margin: 12px 0px 0px; font-size: 14px;}
.btn-find-idpw{width: 100%; margin: 12px 0px 0px 0px; float: left; font-size: 14px;}*/

.login-footer-wrap{width: 100%; border-top: 1px solid #e0e0e0; text-align: center; margin: 36px 0px 0px}
.login-footer-wrap:after{content:""; display:block; clear:both;}
.login-footer-wrap-in{display: inline-block;}
.login-footer-wrap-in:after{content:""; display:block; clear:both;}
.login-ft-policy{display: inline-block; padding: 0px 8px; float: left; text-align: center;
height: 50px; line-height: 50px; width: 50%; font-size: 14px; color: #111; position: relative;}
.login-ft-policy + .login-ft-policy:before{position: absolute; width: 1px; height: 16px;
left: 0px; top: 17px; background: #e0e0e0; content: ""; display: block;}


/*헤더*/
.b-header { width: 100%; height: 48px;
background: #37a5aa; position: fixed; top: 0; left: 0px; z-index: 90;}

.b-header .btn-home {display: block;
position: absolute; top: 0px; left: 0px; width: 48px; height: 48px;
background: url(../images/nav-home.png) center no-repeat; text-indent: -9999px;
background-size: 22px 18px; z-index: 91;}

.b-header .btn-h-logo {display: block;
position: absolute; top: 0px; left: 0px; width: 49px; height: 48px;
background: url(../images/header-logo.png) center no-repeat; text-indent: -9999px;
background-size: 30px 30px; z-index: 91;}

.b-header .btn-h-logout {display: block;
position: absolute; top: 0px; right: 0px; width: 48px; height: 48px;
background: url(../images/btn-logout_2.png) center no-repeat; text-indent: -9999px;
background-size: 22px 20px; z-index: 91;}

.b-header .btn-h-back {display: block;
position: absolute; top: 0px; left: 0px; width: 48px; height: 48px;
background: url(../images/back@4x.png) center no-repeat; text-indent: -9999px;
background-size: 18px 18px; z-index: 91;}

.b-header .btn-h-close {display: block;
position: absolute; top: 0px; right: 0px; width: 48px; height: 48px;
background: url(../images/btn-close-22w.png) center no-repeat; text-indent: -9999px;
background-size: 22px 22px; z-index: 91;}


.b-header h1 {display: block; width: 100%; height: 48px; line-height: 48px;
text-align: center; font-size: 20px; font-weight: 500; color: #fff;}



/*아이디비번찾기*/
.findidpw.content-wrap{max-width: 640px; margin-top: 48px; padding: 16px 16px 50px;}
.tab-wrao{width: 100%; border-bottom: 1px solid #e0e0e0;}
.tab-wrao:after{content:""; display:block; clear:both;}
.b-tab{width: 50%; float: left; border: 1px solid #e0e0e0; 
height: 44px; line-height: 43px; background: #f0f0f0; margin-bottom: -1px;}
.b-tab.active{background: #fff;border-bottom: 0px;}
.findidpw h2{font-size: 18px; font-weight: 700; color: #333; line-height: 26px;
padding: 38px 0px 15px; text-align: center;}
.findidpw h3{font-size: 15px; font-weight: 500; color: #333; line-height: 23px;
padding: 0px 0px 26px; text-align: center;}
.ipt-findid{width: 100%;}
.ipt-findid + .ipt-findid{margin-top: 18px;}
.b-tab-content{padding: 0px; display: none;}
.b-tab-content.active{padding: 0px; display: block;}
.yourid{font-size: 15px; font-weight: 500; color: #333; line-height: 23px;
padding: 26px 0px 26px; text-align: center; margin-top: 30px; display: block;
border: 4px solid #dde5e5/*#37a5aa*/}
.phone-cf{width: 100%; margin-top: 18px;}
.phone-cf:after{content:""; display:block; clear:both;}
.select-phone-cp{float: left; width: 70px; height: 44px; line-height: 42px; border-radius: 5px;}
.ipt-findid2{width: calc(100% - 170px); margin-left: 4px; float: left;}
.btn-phone-cf{width: 92px; margin-left: 4px; float: left; font-size: 14px; height: 44px; line-height: 42px;}
.btn-phone-cf2{width: 92px; margin-left: 4px; float: left; font-size: 14px; height: 44px; line-height: 42px;}
.ipt-findid-mt{width: calc(100% - 96px); float: left;}

.set-pw.content-wrap{max-width: 640px; margin-top: 48px; padding: 40px 16px 50px;}
.set-pw h3{font-size: 15px; font-weight: 500; color: #333; line-height: 23px;
padding: 0px 0px 26px; text-align: center;}

/*회원가입1 join1*/
.join01.content-wrap{max-width: 640px; margin-top: 48px; padding: 0px 16px 50px;}
.join01.content-wrap h2{font-size: 17px; font-weight: 500; color: #333; line-height: 26px;
padding: 18px 0px 6px;
text-align: left;}
.agree-row{width: 100%; text-align: left; margin: 10px 0px 0px;}

.join .area-scroll {font-size: 13px; line-height: 21px; text-align: left;  border: 1px solid #e0e0e0; border-radius: 5px; padding: 16px 14px; height: 140px; overflow-y: auto;}
.policy-title{font-size: 15px; margin-bottom: 10px;}
.btn-join01-agree{width: 100%; display: block; margin: 40px 0px 0px;}


.job.content-wrap{max-width: 640px; margin-top: 48px; padding: 0px 16px 50px;}
.job.content-wrap h2{font-size: 17px; font-weight: 500; color: #333; line-height: 26px; padding: 30px 0px 6px; text-align: left;}
.job .gray-box{padding: 20px 0px 0px;}
.job-1-col1{width: 100px;}
.job-1-col2{width: calc(100% - 100px);}
.join .area-scroll {font-size: 13px; line-height: 21px; text-align: left;  border: 1px solid #e0e0e0; border-radius: 5px; padding: 16px 14px; height: 140px; overflow-y: auto;}


/*회원가입2 join2*/
.join02.content-wrap{max-width: 640px; margin-top: 48px; padding: 0px 16px 50px;}
.join02.content-wrap h2{font-size: 17px; font-weight: 500; color: #333; line-height: 26px; padding: 30px 0px 6px; text-align: left;}


.join02 .gray-box{padding: 20px 0px 0px;}
/*.join02 .w-line2 + .gray-box{padding: 20px 0px 0px;}*/
.join02-1-col1{width: 100px;}
.join02-1-col2{width: calc(100% - 100px);}

.table-type1{font-size: 15px; width: 100%}
.table-type1 th{font-weight: 500;}
.table-type1 td{padding: 8px 0px}
.table-type1 .form-control{width: 100%; height: 38px; line-height: 36px;}
.table-type1-select{    width: 100% !important; height: 38px; line-height: 36px; border: 1px solid #e0e0e0;
padding: 0px 5px 0px 10px; color: #111; font-size: 15px; font-weight: 400; background: #fafafa;
border-radius: 5px;}

.join02-th-fix{line-height: 17px; padding-top: 18px; vertical-align: top;}

.b-search-address{width: 40% !important; height: 38px; line-height: 36px; width: 100%; display: block; text-align: center; border-radius: 5px; float: left;}
.b-confirm-rbtn{width: 40% !important; height: 38px; line-height: 36px; width: 100%; display: block; text-align: center; border-radius: 5px; float: right;}

.input-zipcode{width: calc(60% - 10px) !important; float: right;}
.input-id{width: calc(60% - 10px) !important; float: left;}
.input-address{width: 100%}
.btn-b-done{width: calc(30% - 5px) !important; float: left; }
.btn-b-cancel{width: calc(50% - 5px) !important; float: left; margin-left: 10px;}
.btn-b-cancel-w{width: 100% !important;}
/* .bottom-btns-wrap-join02{margin-top: 30px;} */
.bottom-btns-wrap-join02{margin-top: 10px;margin-bottom: 20px;} 

.toggle-group{width: 100%; text-align: left; border-top: 1px solid #e0e0e0;}
.toggle-title1{width: 100%; text-align: left; height: 50px; line-height: 50px; display: block;
background: #fff; color: #111; border: 1px solid #e0e0e0; border-top: none;
padding: 0px 20px 0px 10px; font-weight: 500; cursor: pointer;
background: url(../images/arcd-closed.png) calc(100% - 10px) center no-repeat; background-size: 12px 6px;}
.toggle-title1.active{background: url(../images/arcd-opened.png) calc(100% - 10px) center no-repeat; background-size: 12px 6px;}


.toggle-sub-area{background: #fff; color: #111; border: 1px solid #e0e0e0;
border-top: none; padding: 20px 10px 11px;}
.btn-default2 {background: #ccc; color: #fff; border-radius: 4px; padding: 0px 8px; cursor: pointer;
height: 30px; line-height: 30px; font-size: 15px; display: inline-block; margin:0px 3px 9px 0px;}

.btn.checked {background-color: /*#fdd000*/#52c6cb !important; /*color: #111;*/}
.btn.all-click {background-color: #00d000 !important; /*color: #111;*/}
.j1-mt{padding-top: 0px !important}
.j1-mt2{padding-top: 40px !important}



/*구직자용 앱 – 승인대기 화면*/
.first-waiting.content-wrap{max-width: 400px; margin-top: 48px; padding: 0px 16px 50px;}
.img-waiting{width: 180px; height: 180px; display: inline-block; margin: 40px auto 10px;}
.txt-waiting{display: block; width: 100%; font-size: 28px; font-weight: 900; text-align: center;
color: #37a5aa;}
.first-waiting-txt{font-size: 16px; line-height: 24px; font-weight: 400; text-align: left;
border: /*4px solid #95d1d1*/ 4px dashed #dbe5e5; border-radius: 8px; margin: 40px auto; padding: 28px;}


/*구직자용 앱 – 홈화면 들어가기 전 필요한 정보 입력받기  first-setting*/
.first-setting.content-wrap{max-width: 400px; margin-top: 48px; padding: 0px 16px 50px;}
.first-setting.content-wrap h2{width: 100%; font-size: 17px; font-weight: 500; color: #333; line-height: 26px;
padding: 38px 0px 90px;
text-align: center;}

.first-setting.content-wrap h3{width: 100%; font-size: 17px; font-weight: 500; color: #333; line-height: 26px;
padding: 0px 0px 70px; color: #37a5aa;
text-align: center;}

.first-setting-pic.content-wrap{max-width: 400px; margin-top: 48px; padding: 40px 16px 50px !important;}


.btn-run-camera{background: /*#f1fbfb*/ url(../images/btn-camera.png) center no-repeat; background-size: 48px 40px;
margin: 0 auto 90px; width: 150px; height: 150px; display: block;
border: 6px solid #37a5aa; border-radius: 14px;}
/*.btn-camara-later{position: fixed; width: calc(100% - 32px); bottom:16px; left:16px; }*/
/*.btn-camara-later{width: 150px; margin: 0px auto;}*/
.btn-camara-later{position: fixed; bottom: 20px; z-index: 98; left:calc(50% - 75px);
    width: 150px; margin: 0px auto;}
.btn-camara-later-new{
    width: 150px !important; margin: 0px auto;}
.btn-open-pic{width: 150px; margin: 0px auto;}



.b-footer-menu-wrap{position: fixed; left: 0px; bottom: 0px; width: 100%; height: 63px;
background: #fff/*#fafafa*/; border-top: 1px solid #d0d0d0; z-index:90;}
.b-footer-menu{max-width: 600px; margin: 0px auto;}
.b-footer-menu:after{content:""; display:block; clear:both;}

.btn-footer-wrap{width: 20%; height: 63px; text-align: center; float: left;}
.btn-footer{display: inline-block; height: 63px; text-align: center; font-size: 13px;
color: #333; padding-top: 36px; font-weight: 500; letter-spacing: -1px; width: 60px}
.btn-footer1{background: url(../images/fi-001.png) center 10px no-repeat; background-size: 28px 22px;}
.btn-footer2{background: url(../images/fi-002.png) center 9px no-repeat; background-size: 28px 24px;}
.btn-footer3{background: url(../images/fi-003.png) center 10px no-repeat; background-size: 22px 22px;}
.btn-footer4{background: url(../images/fi-004.png) center 10px no-repeat; background-size: 22px 22px;}
.btn-footer5{background: url(../images/fi-005.png) center 10px no-repeat; background-size: 22px 22px;}
.btn-footer1.active{background: url(../images/fi-001a.png) center 10px no-repeat; background-size: 28px 22px;}
.btn-footer2.active{background: url(../images/fi-002a.png) center 9px no-repeat; background-size: 28px 24px;}
.btn-footer3.active{background: url(../images/fi-003a.png) center 10px no-repeat; background-size: 22px 22px;}
.btn-footer4.active{background: url(../images/fi-004a.png) center 10px no-repeat; background-size: 22px 22px;}
.btn-footer5.active{background: url(../images/fi-005a.png) center 10px no-repeat; background-size: 22px 22px;}

.btn-footer.active{color: #37a5aa; font-weight: 700;}
.opened-pic-area{width: 100%; height: 220px; background: #ddd; margin: 10px 0px 20px; overflow:hidden;}
.opened-pic-area img{width: auto; height:220px;}
.bottom-btns-wrap-cs{position: fixed; bottom: 0px; left: 0px; width: 100%; padding:10px 16px 20px;
background: #fff;}


/*구직자용 앱 – 소개소정보 화면*/
.office-info.content-wrap{max-width: 640px; margin-top: 48px; padding: 30px 16px 100px;}
.office-one{width: 100%; background: #fff; padding: 18px 18px; border: 1px solid #e0e0e0; border-radius: 8px;}
.office-one + .office-one{margin-top: 30px;}
.of-tr{width: 100%;}
.of-tr:after{content:""; display:block; clear:both;}

.of-th{width: 100px; float: left; text-align: left; font-size: 15px; font-weight: 500; padding: 8px 0px; line-height: 23px;}
.of-td{width: calc(100% - 100px); float: left; text-align: left; padding: 8px 0px; font-size: 15px; line-height: 23px;}

.of-map-area{width: 100%; height: 220px; background: #ddd; margin: 10px 0px;}
.btn-call-txt{color: #111;}
.btn-call-office{display: inline-block; padding: 0px 9px; height: auto; width: auto; line-height: 1; font-size: 13px;
height: 20px; line-height: 18px; margin-left: 9px; font-weight: 400;}



/*구직자용 앱 - 홈화면*/
/*
.job-list.content-wrap{max-width: 640px; margin-top: 102px; padding: 16px 16px 100px;}
.job-one{color:black; width: 100%; background: #fff url(../images/new-window.png) calc(100% - 14px) 14px no-repeat;
background-size: 18px 18px;
padding: 12px 18px; border: 1px solid #e0e0e0; border-radius: 6px;
position: relative; display: block;}
.job-one + .job-one{margin-top: 10px;}
.job-one:after{content:""; display:block; clear:both;}
.job-one .o-title{font-weight: 700; width: calc(100% - 20px); float: left; text-align: left; font-size: 15px; line-height: 23px;
text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.job-one .o-spec{font-weight: 400; width: 100%; float: left; text-align: left; font-size: 14px; line-height: 22px;}
.job-one .o-time{font-weight: 400; width: 100%; float: left; text-align: left; font-size: 13px; line-height: 21px;}
.job-one .txt-end-time{font-weight: 500; color: #33ba20;}
.job-list-one{width: 100%; background: #fff; padding: 12px 18px; border: 1px solid #e0e0e0; border-radius: 8px;}*/
/*.job-list.content-wrap{max-width: 640px; margin-top: 102px; padding: 16px 16px 100px;}
.job-one{width: 100%; background: #fff; padding: 12px 18px; border: 1px solid #e0e0e0; border-radius: 8px;}
.job-one + .job-one{margin-top: 16px;}
.job-one .of-th{padding: 1px 0px; width: 50px; line-height: 22px;}
.job-one .of-td{padding: 1px 0px; width: calc(100% - 50px); line-height: 22px;}*/

.job-list.content-wrap{max-width: 640px; margin-top: 35px; padding: 16px 16px 100px; }
.job-one{color:black; width: 100%; background: #fff url(../images/new-window.png) calc(100% - 14px) 14px no-repeat;background-size: 18px 18px;padding: 0px 0px; border: 1px solid #e0e0e0; border-radius: 6px;position: relative; display: block;}
.job-one + .job-one{margin-top: 5px;margin-bottom: 5px;}
.job-one:after{content:""; display:block; clear:both;}
.job-one .o-img{background: #fff;width:80px;height:62px;overflow: hidden;float: left;border-radius: 8px;border: 1px solid #e0e0e0; display:table-cell;  vertical-align:middle;margin-left:2px;margin-top:2px;}
.job-one .o-img #img_profile{max-width:80px; max-height:62px;}
.job-one .o-list{calc(100% - 100px); overflow: hidden;margin-left: 8px;}
.job-one .o-list .o-user{font-weight: 700; width: calc(100% - 10px); float: left; text-align: left; font-size: 15px; line-height: 23px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.job-one .o-list .o-title{font-weight: 700; width: calc(100% - 10px); float: left; text-align: left; font-size: 15px; line-height: 23px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.job-one .o-list .o-addr{font-weight: 400; width: calc(100% - 10px); float: left; text-align: left; font-size: 15px; line-height: 22px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.job-one .o-list .o-spec{font-weight: 400; width: 100%; float: left; text-align: left; font-size: 14px; line-height: 22px;}
.job-one .o-list .o-time{font-weight: 400; width: 100%; float: left; text-align: left; font-size: 13px; line-height: 21px;}
.job-one .o-list .txt-end-time{font-weight: 500; color: #33ba20;}

.job-cls{color:black; width: 100%;padding: 0px 0px; margin-top: 5px; border: 1px solid #e0e0e0; border-radius: 6px;position: relative; display: block;}
.job-cls + .job-cls{margin-top: 5px;margin-bottom: 5px;}
.job-cls:after{content:""; display:block; clear:both;}
.job-cls .o-img{background: #fff;width:80px;height:62px;overflow: hidden;float: left;border-radius: 8px;border: 1px solid #e0e0e0; display:table-cell;  vertical-align:middle;margin-left:2px;margin-top:2px;}
.job-cls .o-img #img_profile{max-width:80px; max-height:62px;}
.job-cls .o-list{calc(100% - 100px); overflow: hidden;margin-left: 8px;}
.job-cls .o-list .o-user{font-weight: 700; width: calc(100% - 10px); float: left; text-align: left; font-size: 15px; line-height: 23px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.job-cls .o-list .o-title{font-weight: 700; width: calc(100% - 10px); float: left; text-align: left; font-size: 15px; line-height: 23px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.job-cls .o-list .o-addr{font-weight: 400; width: calc(100% - 10px); float: left; text-align: left; font-size: 15px; line-height: 22px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.job-cls .o-list .o-spec{font-weight: 400; width: 100%; float: left; text-align: left; font-size: 14px; line-height: 22px;}
.job-cls .o-list .o-time{font-weight: 400; width: 100%; float: left; text-align: left; font-size: 13px; line-height: 21px;}
.job-cls .o-list .txt-end-time{font-weight: 500; color: #33ba20;}


.list-nothing{width: 100%; text-align: center; font-size: 15px; font-weight: 500; line-height: 23px; padding: 90px 20px; }
.icon-nolist{width: 130px; height: 130px; display: inline-block;
background: url(../images/icon-nolist.png) center no-repeat;
background-size: 130px 130px; margin: 0px auto 30px}
.list-nothing span{display: block; text-align: center;}

.filter-job-list{width: 100%; height: 45px; background: #fff; border-bottom: 1px solid #e0e0e0;top: 48px; left: 0px; z-index: 98; position: fixed; }
.filter-job-list-in{width: 100%; margin: 0 auto; max-width: 640px; padding: 11px 6px;}
.filter-job-list-in:after{content:""; display:block; clear:both;}
.ft-btn-prev{float: left; width: 26px; height: 32px; background: url(../images/ft-btn-prev.png) center no-repeat;background-size: 26px 32px; margin: 0px 6px 0px 0px; opacity: 0.4; pointer-events:none;}
.ft-btn-next{float: left; width: 26px; height: 32px; background: url(../images/ft-btn-next.png) center no-repeat;background-size: 26px 32px; margin: 0px 0px 0px 6px; opacity: 0.4; pointer-events:none;}
.ft-btn-reset{float: left; width: 26px; height: 26px; background: url(../images/ft-btn-reset.png) center no-repeat;background-size: 26px; margin: 3px 0px 3px 3px; opacity: 0; pointer-events:none;}
.btn-enabled{opacity: 1; pointer-events:auto;}
.reset-enabled{opacity: 0.7; pointer-events:auto;}
.ft-today{float: left; width:90px; text-align: center; padding: 0px !important; font-size: 13px !important;height: 32px !important; line-height: 32px !important;}
.f-job-title{float: left; width: 50px; font-size: 14px; text-align: right; font-weight: 500; height: 32px; line-height: 32px; padding-right: 4px;}
.select-job{float: left; width: 90px; font-size: 13px; text-align: left; padding: 0px 0px 0px 4px !important;}


.job-detail.content-wrap{max-width: 640px; margin-top: 48px; padding: 20px 16px 100px;}
.job-detail-address{margin-right: 7px;}
.btn-open-map{display: inline-block; padding: 0px 9px; height: auto; width: auto; line-height: 1; font-size: 13px;
height: 20px; line-height: 18px;  font-weight: 400;}
.job-detail-map.content-wrap{max-width: 640px; margin-top: 0px; padding: 20px 16px 0px;}
.job-map{width: 100%; height: calc(100vh - 110px); background: #f0f0f0;}





/*페이지네이션*/
.b-pagenation{width: 100%; margin: 40px 0px; text-align: center;}
.b-pagenation-in{display: inline-block;}
.b-pagenation-in:after{content:""; display:block; clear:both;}

.page-one{width: 34px; height: 34px; border: 1px solid #e0e0e0; text-align: center; display: block;
line-height: 32px; font-size: 13px; font-weight: 500; color: #111; float: left; background: #fff; margin-right: 6px; margin-bottom: 10px;}
.page-one:last-child{margin-left: 0px;}

.page-one.last{background: #fff url(../images/p-new2.png) center no-repeat; background-size: 10px 12px;}
.page-one.next{background: #fff url(../images/p-prev2.png) center no-repeat; background-size: 6px 12px;}
.page-one.prev{background: #fff url(../images/p-next2.png) center no-repeat; background-size: 6px 12px;}
.page-one.first{background: #fff url(../images/p-first2.png) center no-repeat; background-size: 10px 12px;}
.page-one.on{background: #37a5aa; border: 1px solid #2c8f93/*#37a5aa*/; color: #fff;}


/*알림 화면*/
.msg-list.content-wrap{max-width: 640px; margin-top: 48px; padding: 16px 16px 100px;}
.msg-one{color:black; width: 100%; background: #fff url(../images/new-window.png) calc(100% - 14px) 14px no-repeat;
background-size: 18px 18px;
padding: 12px 18px; border: 1px solid #e0e0e0; border-radius: 6px;
position: relative; display: block;}
.msg-one + .msg-one{margin-top: 10px;}
.msg-one:after{content:""; display:block; clear:both;}
.msg-one .o-title{font-weight: 700; width: calc(100% - 20px); float: left; text-align: left; font-size: 15px; line-height: 23px;
text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.msg-one .o-spec{font-weight: 400; width: 100%; float: left; text-align: left; font-size: 14px; line-height: 22px;}
.msg-one .o-time{font-weight: 400; width: 100%; float: left; text-align: left; font-size: 13px; line-height: 21px;}
.msg-one .txt-end-time{font-weight: 500; color: #33ba20;}


/*.msg-one{width: 100%; background: #fff; padding: 14px 15px; border: 1px solid #e0e0e0; border-radius: 8px;}
.msg-one:after{content:""; display:block; clear:both;}
.msg-list.content-wrap{max-width: 640px; margin-top: 48px; padding: 30px 16px 100px;}
.msg-date{float: left; font-size: 12px; width: 67px; text-align: left; height: 16px; line-height: 16px; color: #37a5aa; font-weight: 500;
letter-spacing: -0.5px;}
.msg-title{float: left; font-size: 14px; width: calc(100% - 67px); text-align: left; height: 16px; line-height: 15px;
overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.msg-one + .msg-one{margin-top: 12px;}*/



.msg-detail.content-wrap{max-width: 640px; margin-top: 48px; padding: 20px 16px 100px;}
.msg-d-one{width: 100%; background: #fff; padding: 18px 20px; border: 1px solid #e0e0e0; border-radius: 8px;}
.msg-d-one .of-th{width: 60px;}
.msg-d-one .of-td{width: calc(100% - 60px);}




/*매칭내역 화면*/
.match-h-title{font-size: 19px; font-weight: 500; text-align: center; padding: 10px 0px 18px; float: left; width: 100%;}
.match-detail.content-wrap{max-width: 640px; margin-top: 48px; padding: 20px 16px 100px;}
.match-d-one{width: 100%; background: #fff; padding: 18px 20px; border: 1px solid #e0e0e0; border-radius: 8px;}
.match-d-one .of-th{width: 70px;}
.match-d-one .of-td{width: calc(100% - 70px);}

.match-list.content-wrap{max-width: 640px; margin-top: 102px; padding: 16px 16px 100px;}
.match-one{color:black; width: 100%; background: #fff url(../images/new-window.png) calc(100% - 14px) 14px no-repeat;
background-size: 18px 18px;
padding: 12px 18px; border: 1px solid #e0e0e0; border-radius: 6px;
position: relative; display: block;}
.match-one + .match-one{margin-top: 10px;}
.match-one:after{content:""; display:block; clear:both;}
.match-one .o-title{font-weight: 700; width: calc(100% - 20px); float: left; text-align: left; font-size: 15px; line-height: 23px;
text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.match-one .o-state{font-weight: 700; width: 100%; float: left; text-align: left; font-size: 15px; line-height: 23px;}
.match-one .o-spec{font-weight: 400; width: 100%; float: left; text-align: left; font-size: 14px; line-height: 22px;}
.match-one .o-time{font-weight: 400; width: 100%; float: left; text-align: left; font-size: 13px; line-height: 21px;}
.match-one .txt-end-time{font-weight: 500; color: #33ba20;}
.match-detail-map.content-wrap{max-width: 640px; margin-top: 0px; padding: 20px 0px;}
.match-map{width: 100%; height: calc(40vh); background: #f0f0f0;}

/*.match-one{width: 100%; background: #fff; padding: 14px 15px; border: 1px solid #e0e0e0; border-radius: 8px;}
.match-one:after{content:""; display:block; clear:both;}
.match-list.content-wrap{max-width: 640px; margin-top: 102px; padding: 30px 16px 100px;}
.match-date{float: left; font-size: 12px; width: 67px; text-align: left; height: 16px; line-height: 16px; color: #37a5aa; font-weight: 500;
letter-spacing: -0.5px;}
.match-title{float: left; font-size: 14px; width: calc(100% - 67px); text-align: left; height: 16px; line-height: 15px;
overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.match-col3{width: calc(100% - 100px); float: left; text-align: left; margin-top: 4px; height: 30px; line-height: 30px;
font-size: 16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.match-col4{width: 100px; float: right; text-align: right; margin-top: 4px; font-size: 18px; font-weight: 500; color: #111;
height: 30px; line-height: 30px;}
.match-one + .match-one{margin-top: 12px;}*/

.filter-match-list{width: 100%; height: 54px; background: #fff; border-bottom: 1px solid #e0e0e0;
top: 48px; left: 0px; z-index: 98; position: fixed; }
.filter-match-list-in{width: 100%; margin: 0 auto; max-width: 640px; padding: 11px 16px;}
.filter-match-list-in:after{content:""; display:block; clear:both;}

.f-match-ipt{float: left; width: calc(50% - 65px); text-align: left; 
font-size: 13px !important; height: 32px !important; line-height: 32px !important;}
.f-match-title{float: left; width: 70px; font-size: 14px; text-align: left; font-weight: 500; 
height: 32px; line-height: 32px; padding-right: 4px;}
.f-match-ipt-bw{width: 20px; text-align: center; height: 32px; line-height: 32px; font-size: 14px; font-weight: 500; float: left;}

.f-match-search{width: 32px; height: 32px; float: left; margin-left: 8px;
background: #37a5aa url(../images/search-14-fff.png) center no-repeat; background-size: 14px 14px; border-radius: 4px;}



/*회원정보*/

.user-info.content-wrap{max-width: 640px; margin-top: 48px; padding: 30px 16px 100px;}
.user-pic-area{width: 100%; height: 220px; background: #e7eff0; text-align: center; line-height: 0; position: relative;
border-radius: 12px; overflow: hidden;}
.user-pic-txt{font-size: 20px; font-weight: 500; color: #37a5aa; padding-top: 95px; line-height: 30px;
display: block;}
.user-pic-area + .user-pic-area{margin-top: 20px;}
.edit-myinfo{
    width: 150px !important; margin: 30px auto 0px;}
.btn-u-picture{width: calc(40% - 5px) !important; float: left; margin-left: 10%; }
.btn-u-myinfo{width: calc(40% - 5px) !important; float: left; margin-left: 10px;}

.btn-write{position: absolute; width: 41px; height: 41px; bottom: 8px; right: 8px;background: url(../images/btn-write1.png) center no-repeat; background-size: 33px 33px; z-index: 89;}
.user-pic-area img{height: 220px; width: auto;}
.qrcode-ipt{width: calc(100% - 128px) !important; float: left;}
.qrcode-btn{width: 120px; float: left; margin-left: 8px; display: block; height: 38px; line-height: 36px;
text-align: center; border-radius: 5px;}
.tb-t1-ex-txt{font-size: 14px; line-height: 23px; color: #37a5aa; font-weight: 500;}

.user-h2-title{font-size: 17px; font-weight: 500; color: #333; line-height: 26px;
padding: 68px 0px 6px;
text-align: left;}
.user-h2-title + .login-footer-wrap{margin: 10px 0px; border: 1px solid #e0e0e0}



/*작업장사진*/



/*약관*/
.policy-wrap {
    font-size: 13px;
    line-height: 21px;
    text-align: left;
    padding: 16px 14px 100px;
 
}
.policy-wrap p{padding: 3px 0px;}


/* modal */
#modal{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:100;}
#modal .layer{position:absolute; top:10%; left:5%; background:#fff;z-index:10; width:90%; border:1px solid #d4d3d3; border-radius:5px; color:#333; font-size:15px;}
#modal .layer.sm{}
#modal .layer .message{padding:35px 10px; text-align: center; font-size: 15px; line-height: 24px; font-weight: 500;}
#modal .layer .message2{padding:35px 10px 5px 10px;margin:0 10px}
#modal .layer .message3{padding:0 0 35px 0;}
#modal .layer .btns{padding:0; margin:0; /*border-top:1px solid #d4d3d3;*/ padding:7px 0; text-align: center;}
#modal .layer .title{ font-size:20px; color:#000; margin-bottom:20px;}
#modal .btn{/*padding:5px 0; */font-size:14px; border-radius: 5px;}
#modal .layer .top-group{padding:25px 30px;}
.btn-m-done{width: 100px; margin: 0 auto; height: 36px; line-height: 34px; display: inline-block; font-size: 15px;}




@media screen and (max-width: 470px) {
/*구직자용 앱 - 홈화면*/
.ft-today{width: 74px;}
.f-job-title{width: 40px;}
.select-job{width: 74px;}
}

@media screen and (max-width: 400px) {
/*구직자용 앱 - 홈화면*/
.f-job-title{display: none;}
.sj-loc{margin-left: 7px;}

.job-list .of-th{width: 60px;}
.job-list .of-td{width: calc(100% - 60px);}
}


@media screen and (max-width: 350px) {
    /*구직자용 앱 - 홈화면*/
.ft-today{width: 69px}
.sj-loc{margin-left: 4px;}
.ft-btn-prev{margin: 0px 4px 0px 0px}
.ft-btn-next{margin: 0px 0px 0px 4px}
.of-th{width: 80px;}
.of-td{width: calc(1005 - 80px);}


/*매칭내역 화면*/
.f-match-ipt{float: left; width: calc(50% - 59px); text-align: left; 
font-size: 13px !important; height: 32px !important; line-height: 32px !important;}
.f-match-title{float: left; width: 64px; font-size: 14px; text-align: left; font-weight: 500; 
height: 32px; line-height: 32px; padding-right: 4px;}
.f-match-ipt-bw{width: 16px;}
.f-match-search{margin-left: 6px;}
}


.tabs {	font-size: 13px; line-height: 20px;}
.tabs ul:before, .tabs ul:after {content: "\0020"; display: block; height: 0; visibility: hidden;	} 
.tabs ul:after {clear: both;}
.tabs ul {margin:0;list-style:none;padding: 0 6%;	border-bottom: 1px solid #e0e0e0;zoom: 1;}
.tabs ul li {position: relative;float: left;margin: 0;}
.tabs ul li a {background: #f6f6f6;	font-weight: bold;	text-align: center;	display: block;	border: 1px solid #e0e0e0;	color: #909090;
				text-shadow: 0 1px 0 rgba(255,255,255, 0.75);
				padding: 6px 10px; margin: 0 5px -1px 0;
				/* Border Radius */
				-webkit-border-top-left-radius: 10px;
				-webkit-border-top-right-radius: 10px;
				-moz-border-radius-topleft: 10px;
				-moz-border-radius-topright: 10px;
				border-top-left-radius: 10px;
				border-top-right-radius: 10px;
				text-decoration:none;
				}
.tabs ul li a:hover {border-color: rgb(214, 241, 207);	color: #606060;}
.tabs ul li.active a {background: yellow;	border-color: #d4d4d4;	border-bottom: 1px solid #fff;	color: #000000;	margin-top: -4px;	padding-top: 10px;}