@charset "UTF-8";
@import url('../css/e-HR.css');

@font-face {
    font-family: 'Malgun Gothic';
    src: url('../font/MalgunGothic.eot'); /* IE9 Compat Modes */
    src: url('../font/MalgunGothic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../font/MalgunGothic.woff') format('woff'), /* Modern Browsers */
         url('../font/MalgunGothic.ttf')  format('truetype'), /* Safariboard-viewer, Android, iOS */
}
/*Reset*/ 
html,body {height:100%}
* { margin:0; padding:0; border:0; outline:0; vertical-align:top; }
body{overflow-x:hidden;font-family:'맑은 고딕',Malgun Gothic,dotum, Arial, sans-serif; font-size:12px; color:#464646;line-height:1.6;background:#fff url(../image/bg-main.png) repeat-x}
div,ul,ol,li,dl,dt,dd,p,input,textarea,select,h1,h2,h3,h4,em,address,fieldset,form,iframe,object,img,img a {border:none; margin:0; padding:0}

/* HTML5 display-role reset for older browsers */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section {margin:0; padding:0; display:block}

img {margin:0; padding:0; vertical-align:top;border:none}
ul,ol,dl,li, dd {list-style:none}

hr, legend, caption, .blind {position:absolute;left:-5000px;top:0;visibility:hidden;overflow:hidden;line-height:0.1%;font-size:0.1%;width:0.1%;height:0.1%} /*blind는 화면에 보이지 않지만 리더기에서는 읽힘 */
caption{position:static}
/*.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}*/
table{border-collapse:collapse; border-spacing:0}
em,address,cite{font-style:normal}
a {text-decoration:none; vertical-align:top}
i,em,address { font-style:normal; font-weight:normal; }

label {cursor:pointer}
fieldset, iframe{border:none}
textarea {resize:none}

/* 링크 */
a {text-decoration:none;color:#333}
a:link, a:visited {text-decoration:none;color:#333;cursor:pointer}
a:hover, a:focus, a:active {text-decoration:underline}

/* 정렬 */
input, button, select, textarea {
    vertical-align: middle;
}

input, select { vertical-align:middle;font-family:'맑은고딕',Malgun Gothic,'돋움',Dotum,Sans-serif;display:inline-block;*display:inline;*zoom:1}
input[type="checkbox"] {width:13px; height:13px; vertical-align:middle; margin:0 4px 0 0; padding:0}
input[type="text"],
input[type="file"],
select,textarea,
input[type="password"]{display:inline-block;*display:inline;*zoom:1; margin-bottom:10px; background-color:white; border:1px solid #ddd}
input[type="button"]	 {  width:120px; display:block}
label {position:relative; top:1px; cursor:pointer}

textarea {width:100%}

.txt_c {text-align:center !important}
.txt_l {text-align:left !important}
.txt_r {text-align:right !important}

.fl {float:left}
.fr {float:right}

/* Skip Navigation */
#skipNavi li {font-size:0; line-height:0}
#skipNavi li a {display:block; width:100%; padding:10px 0; color:#fff; position:absolute; left:0; top:-100px; text-align:center; z-index:200; background:#413022; border:0 none}
#skipNavi li a:active, #skipNavi li a:focus {top:0; font-weight:bold; font-size:16px; line-height:1.5; border-bottom:1px solid #fff}

/*폰트 사이즈*/
.fs_10{font-size:10px}
.fs_11{font-size:11px}
.fs_12{font-size:12px}
.fs_13{font-size:13px}
.fs_14{font-size:14px}
.fs_16{font-size:16px}
.fs_18{font-size:18px}

/*폰트 칼라*/
.fc_01 {color:#719800}
.fc_02 {color:#d77900}
.fc_03 {color:#f6600e}

/*기타*/
.letter_zero {letter-spacing:0}
.letter_01	{letter-spacing:1px}
.letter_02	{letter-spacing:2px}
.letter_03	{letter-spacing:-1px}

.fc_bk	{color:#000 !Important}

.clear {clear:both !importnat}

.ellipsis {display:inline-block;*display:inline;zoom:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}

/* 마진 */
.mgt03 {margin-top:3px !important}
.mgt05 {margin-top:5px !important}
.mgt07 {margin-top:7px !important}
.mgt10 {margin-top:10px !important}
.mgt15 {margin-top:15px !important}
.mgt20 {margin-top:20px !important}
.mgt25 {margin-top:25px !important}
.mgt30 {margin-top:30px !important}
.mgt40 {margin-top:40px !important}
.mgt50 {margin-top:50px !important}
.mgt60 {margin-top:60px !important}
.mgt80 {margin-top:80px !important}
.mgt90 {margin-top:90px !important}
.mgt100 {margin-top:100px !important}

.mgb0 {margin-bottom:0px !important}
.mgb05 {margin-bottom:5px !important}
.mgb10 {margin-bottom:10px !important}
.mgb15 {margin-bottom:15px !important}
.mgb20 {margin-bottom:20px !important}
.mgb25 {margin-bottom:25px !important}
.mgb30 {margin-bottom:30px !important}
.mgb35 {margin-bottom:35px !important}
.mgb40 {margin-bottom:40px !important}
.mgb50 {margin-bottom:50px !important}
.mgb150 {margin-bottom:150px !important}

.mgl05 {margin-left:5px !important}
.mgl07 {margin-left:7px !important}
.mgl10 {margin-left:10px !important}
.mgl15 {margin-left:15px !important}
.mgl20 {margin-left:20px !important}
.mgl25 {margin-left:25px !important}
.mgl30 {margin-left:30px !important}
.mgl60 {margin-left:60px !important}
.mgl115 {margin-left:115px !important}

.mgr0 {margin-right:0px !important}
.mgr05 {margin-right:5px !important}
.mgr10 {margin-right:10px !important}
.mgr20 {margin-right:20px !important}
.mgr30 {margin-right:30px !important}
.mgr40 {margin-right:40px !important}