@charset "utf-8";
@import "btn.css";
@font-face{
	font-family:"NanumGothic";
	src:url('./fonts/NanumGothic.eot');
	src:url('./fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
	url('./fonts/NanumGothic.woff') format('woff'),
	url('./fonts/NanumGothic.ttf') format('truetype');
	url('./fonts/NanumGothic.svg#NanumGothic') format('svg')
	src:local(※), url('../fonts/NanumGothic.woff') format('woff');
}


/* Reset */
html{overflow:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0;}
body,h1,h2,h3,h4,input,button,input{font-family:NanumGothic,나눔고딕,ng,'돋움',Dotum,Helvetica,sans-serif;font-size:16px;color:#525559;}
img,fieldset,iframe{border:0 none}
li{list-style:none}
img,input,select,button,radio{vertical-align:middle}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
a{color:#2f3743;text-decoration:none}
a:hover{text-decoration:underline}
button *{position:relative}
button img{left:-3px;*left:auto}
option{padding-right:6px}
hr{display:none}
legend, caption{ display:none;}
table{ border-collapse:collapse;border-spacing:0}

/* common */
#wrap{width:100%;}

/* login */
.login_wrap{ background:#e6e9ec;}
.login{padding-top:200px;background:url(/img/login_bg.gif) repeat-x;}
.login_box{background:url(/img/login_box.png) no-repeat;width:784px; height:468px; margin:0 auto; position:relative;}
.login_input{width:364px; height:174px;border-top:solid 3px #5c8bc3; border-bottom:solid 1px #5c8bc3; padding:28px 0; position:absolute; top:88px; left:363px; color:#525559; letter-spacing:-1px;}
.login_list dt{ float:left; background:url(/img/ico_line.gif) 0 11px no-repeat; padding-left:20px; }
.login_form{ width:277px;}
.login_form dt{ padding-top:3px;}
.login_form dd{ text-align:right;height:40px;}
.login_form dd.login_radio{text-align:left;margin-left:90px;}
.saveid{ font-size:14px;margin-left:-3px; padding:2px 0 0 90px;}
.saveid input{ margin-top:-1px}
.login_form dd.login_radio label{vertical-align:bottom;}
.login_select{ background:#fafbfc; border:solid 1px #c5cdd4; width:186px; height:22px;color:#909090; font-size:14px;}
.login_text{ background:#fafbfc; border:solid 1px #c5cdd4; padding:4px; width:176px; height:14px;color:#909090; font-size:14px;}
.login_btn{ display:inline; position:absolute; right:8px; bottom:62px;}
.login_notice{ position:absolute;left:363px; bottom:80px; width:322px; overflow:auto; height:60px; border:solid 1px #dadfec; background:#ebedf3; padding:20px; color:4b4b4b; text-align:center; font-weight:bold; font-size:14px;}

/* header */
#header{ background:#fff; height:75px;}
#header .top{ padding-left:20px;}
h1 img{margin:16px 0 0 0; display:inline;}
.line{ border-left:solid 1px #a1c2e0; height:23px; position:absolute; top:28px; left:209px;}
.top_menu{position:absolute; top:20px; left:227px;}


.top_menu_tab{ width:383px; height:36px; overflow:hidden;}
.top_menu_tab li{ float:left;margin-top:-36px;}
.top_menu_tab li a:hover img, .top_menu_tab li.selected a img{margin-top:36px;}

/*
    .top_menu_tab{ width:283px; height:36px; overflow:hidden;}
    .top_menu_tab li{ float:left;}
    .top_menu_tab li a:hover img, .top_menu_tab li.selected a img{margin-top:-36px;}
*/

.info{position:absolute; top:44px; right:20px;}

/* contents */
#container{ background:#487bb6; height:5px;}
.contents{padding:5px 5px 5px 5px;}
.blue_box{ border:solid 1px #9cb6d4;padding:20px; height:120px;position:relative;}
.blue_box2{ border:solid 1px #9cb6d4; padding:3px 15px 3px 15px; margin-top:6px;}
.box_tit{ background: url(/img/ico_dot.gif) 0 6px no-repeat; padding-left:25px;}
.box_tab{ width:125px; height:26px; overflow:hidden; position:absolute; top:15px; left:120px;}
.box_tab li{ float:left;}
.box_tab li a:hover img, .box_tab li.selected a img{ margin-top:-26px;}
.minibox{margin-top:38px;}
.miniblue_box1{ padding:8px 30px; background:#76a8d6; width:53%; color:#fff; font-weight:bold;}
.miniblue_box2{ padding:8px 30px; background:#4985bb; width:53%; color:#fff; font-weight:bold;}
.timg{padding:10px; position:absolute; top:3px; right:0;}
.tbl_tab{ width:241px; height:28px; overflow:hidden;}
.tbl_tab li{ float:left}
.tbl_tab li a:hover img, selected a img{ margin-top:-28px;}
.box_tab_que{background:url(/img/bg_tab.gif) repeat-x 0 100%}
.box_tab_que li{display:inline;float:left;margin-right:-1px;background:url(/img/bg_tab_right.gif) 100% 0 no-repeat}
.box_tab_que li a{float:left;height:19px;padding:9px 19px 0 18px;background:url(/img/bg_tab_left.gif) 0 0 no-repeat;color:#666;line-height:14px;text-decoration:none}
/*
.box_tab_que{background:url(/img/bg_tab.gif) repeat-x 0 100%}
.box_tab_que li{display:inline;float:left;margin-right:-1px;background:url() 100% 0 no-repeat; border:solid 1px #d7e1f0; }
.box_tab_que li a{float:left;height:19px;padding:9px 19px 0 18px;background:url() 0 0 no-repeat;color:#666;line-height:14px;text-decoration:none}
*/
.box_tab_que li.selected{background-position:100% -28px;}
.box_tab_que li a:hover, .box_tab_que li.selected a{background-position:0 -28px;color:#464646;font-weight:bold;letter-spacing:-1px}
.bluemid_box{overflow:hidden;font-size:18px; background:#e7edf7; border:solid 1px #d7e1f0; padding:7px;}
.mid_tab li{display:inline;float:left;margin-right:-1px; line-height:14px;color:#464646; background:#fff;}
.mid_tab li a{display:block;float:left;height:22px;padding:9px 18px 0 19px;border:1px solid #d4d4d4;color:#464646;font-weight:bold; text-decoration:none;}
.mid_tab li a:hover, .mid_tab li.selected a{background:#1963a4;color:#fff; font-weight:bold; border:solid 1px #1963a4;}

.size_tab li{display:inline;float:left;margin-right:-1px; line-height:14px;color:#464646; background:#fff;}
.size_tab li a{display:block;float:left;height:22px;padding:9px 18px 0 19px;border:1px solid #d4d4d4;color:#464646;font-weight:bold; text-decoration:none;}

.con_box{ margin-top:10px; overflow:auto;}
.blue_box_col{width:160px;float:left; margin-top:2px;}
select.all{ margin:0 0 5px 5px; font-size:16px;}
.box_row{ position:absolute; left:200px; right:20px;}
.blue_box_row{ float:left;}
.blue_box_row_con{ margin-top:37px;border:solid 1px #9cb6d4;}
.blue_row_btn{float:left;}
.blue_row_btn label{vertical-align:middle;}k
.blue_box2_top{ border-bottom:solid 1px #9cb6d4; padding:0 0 7px 0;}
.blue_box2_bt{ padding:5px 0 10px 0; position:relative;}
.score_text{ margin-left:10px;background:#fafbfc; border:solid 2px #c5cdd4; padding:4px; width:50px;margin-top:-5px; height:30px;color:#909090; font-size:24px;font-weight:bold;text-align:right; }
.read{ border:2px dotted #c5cdd4;background:#cccccc; }
.all_score{ display:inline-block; margin-top:10px;}
.score_btn{ display:inline-block; top:10px;left:450px;}

/* table */
.tbl_blue{text-align:center;border-top:solid 3px #356caa; border-bottom:solid 3px #abbccf; color:#464646; width:100%;}
.tbl_blue th{background:#f0f0f0; }
.tbl_blue th, .tbl_blue td{border:solid 1px #cacaca; padding:8px 0;}

/* footer */
#footer{ width:100%;height:44px;background:#525559; position:absolute; bottom:0;}
#footer .footer_logo{ padding-left:20px;}

/* popup */
#layer{position:absolute;left:50%;background:#fff;padding-bottom:15px;}
#layer .top{ padding:20px 20px 15px;}
.pop_tbl{ padding:0 20px;}
.btn_filefind{float:right; padding-right:20px;}
.width_400{width:400px; margin:0 -200px;border:2px solid #333;}
.width_600{width:600px; margin:0 -300px;border:2px solid #333;}
.width_700{width:700px; margin:0 -350px;border:2px solid #333;}
.width_800{width:800px; margin:0 -400px;border:2px solid #333;}
.btn_close{float:right;}

/* ETC */
.fc_skyblue{color:#45a4d5;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}

.al_right{ text-align:right;}
.disp_in{display:inline;font-size:18px;}

/* Custom */
.Loading { 
   background-color:#1F5A97;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 12000;
   text-align:center;
   vertical-align:middle;
}
.Loading .ProgressText{
    margin:300px 400px 0px 400px;
    font-size:30px;
    color:White;
    font-family: '맑은 고딕', verdana;
    font-weight:bold;
    text-align:left;
}
.Loading .ProgressBar{
    margin:5px 400px 0px 400px;
}


div.logMsg{
    background-color: rgb(0, 0, 0); 
    left: 0px;
    bottom: 0px;
    height:15px;
    width: 100%;
    z-index: 1000;
    display: block;
    position: fixed;
    padding: 10px;
}
div.logMsg span {
	float: left;
	margin: 0 4px;
    color: lime;
}
div.logMsg span.time {
    font-family:verdana;
    font-size:18px;
    font-weight:bold;
}
div.logMsg span.msg {
    font-size:18px;
}
div.logMsg span.error {
    color:Red;
    font-weight:bold;
}
div.logMsg span.cursor{
    cursor:pointer;
}

div#LogDetail{
    clear:both;
    height:130px;
    overflow-y:scroll;
    margin-left:27px;
    padding-top:5px;
    display:none;
}

div.logMsg span.time_small {
    clear:both;
    font-family:verdana;
    font-size:16px;
    font-weight:bold;
}
div.logMsg span.msg_small {
    font-size:16px;
}

#CanvasArea.text {
    padding:10px 10px 10px 10px;
    line-height:200%;
    word-break: break-all;
    white-space: pre-wrap;
}