@charset "utf-8";
/*공통*/
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);




body  { font: normal 14px  Pretendard, "나눔고딕", Nanum Gothic, "나눔바른고딕", NanumBarunGothic,"맑은고딕", Malgun Gothic,"돋움", dotum, AppleGothic, sans-serif; color: #333; -webkit-text-size-adjust: none; letter-spacing: 0px; line-height:1.6em; min-width:320px;/*word-break:break-all*/word-break:keep-all }


@media screen and (max-width:640px){
body  { letter-spacing: -1px;}
}


html, body { width: 100%; height: 100%; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, 
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, textarea, input, 
span, form, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, th, td, caption, 
article, aside, hgroup, header, footer, figure, figcaption, nav, section { margin: 0; padding: 0; /* vertical-align: baseline;*/  }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight:normal; font-weight:600  }

ul, ol { list-style: none;  }
ul, ol, dl, dd, dt, li { list-style-type: none; margin: 0; padding: 0;  }

form, fieldset, p { margin: 0; padding: 0; border: 0; }

table { width: 100%;  border-collapse: collapse; border-spacing: 0; /*table-layout: fixed;*/ }
table, tbody, tfoot, thead, tr, th, td { /*border-collapse: separate;*/ border-spacing: 0; /* table-layout: fixed;*/ }
/* 6 */* html table, tbody, tfoot, thead, tr, th, td { border-collapse: collapse; }
/* 7 */* + html table, tbody, tfoot, thead, tr, th, td { border-collapse: collapse; }
legend { display: none; position: absolute; visibility: hidden; }
caption { visibility: hidden; width: 0px; height: 0px; overflow: hidden; font-size: 0px; margin: 0; padding: 0; line-height: 0px; }

img { border: 0;  outline: none; vertical-align:middle; max-width:100%;}
img, fieldset { border: 0 none transparent;/*'transparent' for Opera7*/ }
i, em { font-style: normal; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }

label { cursor: pointer; }
input.radio { width: 12px; height: 12px; }
input, select { color: inherit; font-family:Pretendard, "나눔고딕", Nanum Gothic, "나눔바른고딕", NanumBarunGothic,"맑은고딕", Malgun Gothic,"돋움", dotum, AppleGothic, sans-serif; font: inherit; line-height: 100%; vertical-align: middle; border:1px solid #ccc; height: 22px; }
input, select,textarea{ font-family:Pretendard, "나눔고딕", Nanum Gothic, "나눔바른고딕", NanumBarunGothic,"맑은고딕", Malgun Gothic,"돋움", dotum, AppleGothic, sans-serif; }
input[type=image]{ height:auto; border:0; }
textarea { border: 1px solid #dedede; padding: 5px; resize: vertical; overflow-y: auto;  }


.tb_job tr td textarea{width:90%;}

.txtarea_wid tr td textarea{width:85%;}



address { font-style: normal; }

.cursor { cursor: pointer; }

strong{ font-weight:normal; font-weight:600 !important}


a { text-decoration: none; color: #333; cursor: pointer; transition:0.3s ease;}
a:link, a:visited { text-decoration: none; color: #333; }
a:hover, a:focus, a:active { text-decoration: none; }




.text_c{ text-align:center}
.text_l{ text-align:left}
.text_r{ text-align:right}
.float_r{ float:right}
.float_l{ float:left}

.clear_b{ clear:both}




.mat5{ margin-top:5px !important}
.mar5{ margin-right:5px !important}
.mab5{ margin-bottom:5px !important;}
.mal5{ margin-left:5px !important}

.mat10{ margin-top:10px !important}
.mar10{ margin-right:10px !important}
.mab10{ margin-bottom:10px !important;}
.mal10{ margin-left:10px !important}

.mat15{ margin-top:15px !important}
.mar15{ margin-right:15px !important}
.mab15{ margin-bottom:15px !important;}
.mal15{ margin-left:15px !important}

.mat20{ margin-top:20px !important}
.mar20{ margin-right:20px !important}
.mab20{ margin-bottom:20px !important;}
.mal20{ margin-left:20px !important}

.mat25{ margin-top:25px !important}
.mar25{ margin-right:25px !important}
.mab25{ margin-bottom:25px !important;}
.mal25{ margin-left:25px !important}

.mat30{ margin-top:30px !important}
.mar30{ margin-right:30px !important}
.mab30{ margin-bottom:30px !important;}
.mal30{ margin-left:30px!important}



.mat35{ margin-top:35px !important}
.mar35{ margin-right:35px !important}
.mab35{ margin-bottom:35px !important;}
.mal35{ margin-left:35px !important}

.mat40{ margin-top:40px !important}
.mar40{ margin-right:40px !important}
.mab40{ margin-bottom:40px !important;}
.mal40{ margin-left:40px !important}

.mat50{ margin-top:50px !important}
.mar50{ margin-right:50px !important}
.mab50{ margin-bottom:50px !important;}
.mal50{ margin-left:50px !important}




.mat60{ margin-top:60px !important}
.mar60{ margin-right:60px !important}
.mab60{ margin-bottom:60px !important;}
.mal60{ margin-left:60px !important}

.mat70{ margin-top:70px !important}
.mar70{ margin-right:70px !important}
.mab70{ margin-bottom:70px !important;}
.mal70{ margin-left:70px !important}

.mat80{ margin-top:80px !important}
.mar80{ margin-right:80px !important}
.mab80{ margin-bottom:80px !important;}
.mal80{ margin-left:80px !important}


.mat100{ margin-top:100px}
.mar100{ margin-right:100px}
.mab100{ margin-bottom:00px;}
.mal100{ margin-left:100px}



.job_diary input, select { color: inherit; font: inherit; line-height: 100%; vertical-align: middle; border:1px solid #ccc; height: 22px; font-size:13px; }
.job_diary input, select,textarea{ font-family:Pretendard, "나눔고딕", Nanum Gothic, "나눔바른고딕", NanumBarunGothic,"맑은고딕", Malgun Gothic,"돋움", dotum, AppleGothic, sans-serif; }