@charset "utf-8";

html,body {width:100%;height:100%;zoom:1; position:relative;}
body {color:#333333; position:relative; font-family:'dotum','돋움','Arial',sans-serif;font-weight:normal;white-space:normal;word-wrap:break-word;word-break:keep-all;font-size:12px; 
	scrollbar-arrow-color:#c2c2c2;  scrollbar-3dlight-color:#e5e5e5; scrollbar-darkshadow-color:#e5e5e5; scrollbar-face-color:#c2c2c2; scrollbar-shadow-color:#e5e5e5; scrollbar-track-color:#f1f1f1;scrollbar-highlight-color: #fff;
}
*{position:relative;margin:0;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(0,0,0,.2);margin:0;padding:0; letter-spacing:0px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,span,form,fieldset,legend,input,button,textarea,button,p,blockquote,th,td {margin:0;padding:0;-webkit-text-size-adjust:none;}
img,fieldset {border:0;}
h1,h2,h3,h4,h5,span {font-size:100%;margin:0;padding:0;}
ul,ol,li {list-style:none;margin:0;padding:0;}
hr {display:none;}
legend,caption {display:none;clear:both;}
table {width:100%;border-collapse:collapse;border:0;}
table, thead, tbody, tfoot, tr, th, td {position:static;}
textarea,input, button {-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}
textarea {
    resize:none;
    -webkit-ime-mode:active;
    -moz-ime-mode:active;
    -ms-ime-mode:active;
    ime-mode:active;
}
label {cursor:pointer;}
label,textarea,input,select,button {vertical-align:middle;}
pre {overflow-x:scroll;}
button {overflow:visible;cursor:pointer;background:none;border:0;}
button[disabled="disabled"] {cursor:default;}
input[type=numberber]::-webkit-inner-spin-button,
input[type=numberber]::-webkit-outer-spin-button {margin:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;}

/*
@font-face {
	font-family: 'GothamBook';
	src: url('../../common/_font/GothamBook.eot');
	src: local('GothamBook'), url('../../common/_font/GothamBook.woff') format('woff'), url('.../../common/_font/GothamBook.ttf') format('truetype');
}
*/

/*
@font-face {
	font-family: 'NanumGothic';
	src: url('../../common/_font/NanumGothic.ttf');
	src: local('NanumGothic'), url('../font/GothamBook.woff') format('woff'), url('../font/GothamBook.ttf') format('truetype');
}
*/

input:-webkit-autofill {
   -webkit-box-shadow: 0 0 0 1000px white inset;
}
main input[type="text"], main input[type="numberber"]{border:1px solid #cbcbcb; padding-left:9px; height:32px;}
input[type="text"] {
	-webkit-ime-mode:active;
	-moz-ime-mode:active;
	-ms-ime-mode:active;
	ime-mode:active;
}
/*main textarea {*/
    /**/
/*}*/
/* Chrome/Opera/Safari */	input[type="password"]::-webkit-input-placeholder , input[type="text"]::-webkit-input-placeholder { color:#c4c4c4; letter-spacing:-1px;}
/* Firefox 19+ */			input[type="password"]::-moz-placeholder, input[type="text"]::-moz-placeholder { color:#c4c4c4; letter-spacing:-1px;}
/* IE 10+ */				input[type="password"]:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder { color:#c4c4c4 !important; letter-spacing:-1px;}
/* Firefox 18- */			input[type="password"]:-moz-placeholder, input[type="text"]:-moz-placeholder { color:#c4c4c4; letter-spacing:-1px;}

/* Chrome/Opera/Safari */	textarea::-webkit-input-placeholder { color:#c4c4c4; letter-spacing:-1px;}
/* Firefox 19+ */			textarea::-moz-placeholder {color:#c4c4c4; letter-spacing:-1px;}
/* IE 10+ */				textarea:-ms-input-placeholder { color:#c4c4c4; letter-spacing:-1px;}
/* Firefox 18- */			textarea:-moz-placeholder { color:#c4c4c4; letter-spacing:-1px;}


/* progress bar */
progress{height:10px; background:#ddd; border:none; -webkit-appearance: none; appearance:none; vertical-align:baseline;}
progress::-webkit-progress-bar {background-color: #ddd;}
progress[value]::-moz-progress-bar {background-color: #2c79e1;} /* 파이어 폭스 */
progress[value]::-webkit-progress-value {background-color: #2c79e1;} /* 크롬 */
progress[value]::-ms-fill {background-color: #2c79e1; border:none;} /* ie */
/* progress bar */


/* 실제 체크박스는 화면에서 숨김 */
main input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
main input[type="checkbox"] + label {display:inline-block; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}

dd input[type="checkbox"] { width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
dd input[type="checkbox"] + label {display:inline-block; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}


/* 실제 체크박스는 화면에서 숨김 */
.popup_load input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.popup_load input[type="checkbox"] + label {display:inline-block; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}

/* 실제 라디오 버튼 화면에서 숨김 */
input[type="radio"] {display:none;}


/* 네이티브 화살표 숨기기 */
select {width:auto; height:29px; line-height:29px; padding-left:15px; padding-right:25px; background:#fff url('../_img/select_arr2.gif') no-repeat right center; -webkit-appearance:none; -moz-appearance:none; color:#333333; display:inline-block;  border:1px solid #989898; }
select::-ms-expand {display:none;}
select:focus::-ms-value {background:transparent; color:inherit; outline-style:none; outline-width:thin;}
select:focus {outline: none;}

input:focus {outline:none;}
button:focus {outline:none;}


/* a link setting */
a, a:link {text-decoration:none;outline: none;}
a,button,select,input {font-family:'dotum','돋움',sans-serif;}

header{width:100%; height:55px; background-color:#2c79e1; padding:0 15px; color:#fff; font-weight:bold; vertical-align:middle; position:relative; z-index:30;}

article{position:relative; width:100%; height:100%; min-width:1050px; min-height:650px; overflow:hidden;}
section{ position:absolute; top:0; bottom:0; left:0; right:0; overflow:hidden; margin:55px 0 29px 0; min-height:0; z-index:20; zoom:1;}

nav{overflow:visible; position:absolute; top:0; bottom:0; left:0; width:250px; line-height:normal; display:inline-block; border-right:1px solid #b4b4b4; z-index:25; overflow:auto;  height:100%; background:#fff;}
main{position:absolute; left:250px; top:0; right:0; bottom:0; margin:0; z-index:20; padding-top:16px; display:inline-block; height:100%; overflow:hidden; overflow:visible; }

footer{width:100%; display:block; position:absolute; bottom:0; height:30px; line-height:30px; z-index:100; border-top:1px solid #b5b5b5; padding:0 18px; color:#555555;}


.popup main{position:absolute; left:180px; top:0; right:0; bottom:0; margin:0; z-index:20; padding-top:10px; display:inline-block; height:100%; overflow:hidden; overflow:visible; }