@charset "utf-8";

@import "font.css"; /*다음폰트 적용*/
@import "common.css";
@import "contents.css";

/* Reset */
html {background:#fff;}
html,body{width:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h3,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,figure,figcaption {margin:0;padding:0;-webkit-text-size-adjust:none;}
body {font-family:'GC120', 'Malgun Gothic', dotum, gulim, verdana, sans-serif;color:#757575;font-size:12px;letter-spacing:-0.05em;overflow-x:hidden; overflow:auto;}
.wf-active body {font-family:'GC120';}
img,fieldset{border:0;}
ul,ol,li{list-style:none;}
h1,h2,h3,h3,h5,h6 {font-weight:normal;}
hr {display:none;}
em,i,address {font-style:normal;font-weight:normal;}
legend,caption {display:none;clear:both;}
table{border-collapse:collapse;border-spacing:0}
input,textarea,select,button,table{font-size:12px;vertical-align:middle;}/*font-size:100%;*/
textarea {outline-color:-moz-use-text-color;outline-style:none;outline-width:medium;}
label {cursor:pointer;}
input:-webkit-autofill, 
textarea:-webkit-autofill, 
select:-webkit-autofill {background:none;}
a {color:#757575;}
a, a:link {text-decoration:none;}
a:hover, a:active, a:visited {text-decoration:none;}


/* Global */
.floatL {float:left !important}
.floatR {float:right !important}
.clear {clear:both;width:0;height:0;font-size:0;line-height:0}
.clearFix:after {display:block;visibility:hidden;clear:both;height:0;content:"";}

.alignL {text-align:left !important}
.alignC {text-align:center !important}
.alignR {text-align:right !important}

.valignT {vertical-align:top !important}
.valignM{vertical-align:middle !important}
.valignB {vertical-align:bottom !important}

.show {display:block}
.hide {display:none}
.blind {overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0}

/* Margin */
.mt0 {margin-top:0px !important}
.mt3 {margin-top:3px !important}
.mt5 {margin-top:5px !important}
.mt7 {margin-top:7px !important}
.mt8 {margin-top:8px !important}
.mt10 {margin-top:10px !important}
.mt15 {margin-top:15px !important}
.mt20 {margin-top:20px !important}
.mt25 {margin-top:25px !important}
.mt30 {margin-top:30px !important}
.mt35 {margin-top:35px !important}
.mt40 {margin-top:40px !important}
.mt50 {margin-top:50px !important}
.mt60 {margin-top:60px !important}
.mt80 {margin-top:80px !important}

.mb5 {margin-bottom:5px !important}
.mb10 {margin-bottom:10px !important}
.mb20 {margin-bottom:20px !important}
.mb30 {margin-bottom:30px !important}
.mb40 {margin-bottom:40px !important}
.mb50 {margin-bottom:50px !important}


.ml2 {margin-left:2px !important}
.ml5 {margin-left:5px !important}
.ml7 {margin-left:7px !important}
.ml10 {margin-left:10px !important}
.ml20 {margin-left:20px !important}
.ml30 {margin-left:30px !important}
.ml40 {margin-left:40px !important}
.ml50 {margin-left:50px !important}
.ml65 {margin-left:65px !important}
.ml100 {margin-left:100px !important}

.ml_30{margin-left:-30px !important}/* 좌측 이미지가 접힐 경우, 하단 familysite 왼쪽 공간이 생겨서 공백 메울 때 사용 */

.mr114{margin-right:228px !important}/* 인재DB 하단 지원서등록,수정 버튼 위치 잡을 때 사용 - position:absolute로 잡혀 있어서 따로 제어 */
.mr115{margin-right:114px !important}/* 인재DB 하단 지원서등록,수정 버튼 위치 잡을 때 사용 - position:absolute로 잡혀 있어서 따로 제어 */

/* Padding */
.p0{padding:0px !important}/* 레이어팝업 padding 값이 겹겹이 적용되는 때문에 추가 */
.pt0 {padding-top:0px !important}
.pt10 {padding-top:10px !important}
.pt20 {padding-top:20px !important}
.pt30 {padding-top:30px !important}
.pt40 {padding-top:40px !important}
.pt50 {padding-top:50px !important}

.pb10 {padding-bottom:10px !important}
.pb20 {padding-bottom:20px !important}
.pb30 {padding-bottom:30px !important}
.pb40 {padding-bottom:40px !important}
.pb50 {padding-bottom:50px !important}

.pl0{padding-left:0px !important}
.pl2{padding-left:2px !important}
.pl3{padding-left:3px !important}
.pl4{padding-left:4px !important}
.pl10 {padding-left:10px !important}
.pl20 {padding-left:20px !important}
.pl30 {padding-left:30px !important}
.pl40 {padding-left:40px !important}
.pl50 {padding-left:50px !important}

.pr10 {padding-right:10px !important}
.pr20 {padding-right:20px !important}
.pr30 {padding-right:30px !important}
.pr40 {padding-right:40px !important}
.pr50 {padding-right:50px !important}



/* Etc */
.pointer {cursor:pointer;cursor:hand}
.noPointer {cursor:default !important;}
.lineH16 {line-height:16px !important;}

/* Input */
input {vertical-align:middle;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;width:16px;}
input[type="text"] {width:100%;*width:96%;height:23px;line-height:23px;padding:0 5px;border:1px solid #abadb3;}
input[type="file"] {width:100%;*width:96%;height:23px;line-height:23px;padding:0 5px;border:1px solid #abadb3;background:#fff;}
input[type="password"] {width:100%;*width:96%;height:23px;line-height:23px;padding:0 5px;border:1px solid #abadb3;}

/* Select  */
select {width:130px;height:23px;line-height:23px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;vertical-align:middle;margin-left:10px;}

/* Textarea */
textarea {border:1px solid #abadb3;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;resize:none;}
textarea.textBox {width:100%;height:120px;padding:5px;}
textarea.textBoxLarge {width:100%;height:400px;padding:5px;}

/* Width Size */
.wd5 {width:5% !important}
.wd10 {width:10% !important}
.wd15 {width:10% !important}
.wd20 {width:20% !important}
.wd25 {width:25% !important}
.wd30 {width:30% !important}
.wd35 {width:35% !important}
.wd40 {width:40% !important}
.wd45 {width:45% !important}
.wd50 {width:50% !important}
.wd55 {width:55% !important}
.wd60 {width:60% !important}
.wd70 {width:70% !important}
.wd80 {width:80% !important}
.wd85 {width:85% !important}
.wd90 {width:90% !important}
.wd98 {width:98% !important}

/* Emphasis */
.emp {color:#944c34 !important}/* 갈색 */
.emp1 {color:#008837 !important}/* 초록 */ 

/* Font Size */
.fs11 {font-size:11px !important}
.fontNum {font-family:Verdana !important;}

.header h1 img {width:170px;}