@charset "utf-8";
/*
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body, td, select, input, div, form, textarea, center, option, pre, blockquote {	margin:0px; padding:0px;font-size:11px; font-family: '나눔고딕',NanumGothic,'돋움',Dotum,Helvetica,AppleGothic,Sans-serif; line-height:150%; color:#4A4C5A;}
dl li, ul li {list-style:none}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
html,body{height:100%;}
*/

a{color:#4a4c5a;text-decoration:none;}
a:hover{color:#000;}
a:active{color:#000;}

/*#wrap {position:relative;width:100%;height:100%;}*/
/*top menu*/
.header_small_mode{position:absolute;top:0px;left:0px;padding-left: 10px;width:100%;padding-top: 2px;z-index:3;height:45px;background-color:#1f1f23;font-family:'Open Sans',sans-serif;font-size:14px;zoom:1}
.header_big_mode{position:absolute;top:0px;left:0px;width:100%;z-index:3;height:70px;background-color:#1f1f23;font-family:'Open Sans',sans-serif;font-size:14px;zoom:1}
header img {float:left;}
.header_small_mode ul {float:left;margin:8px 0 0 0;position:absolute;width:1100px;margin-left:230px;}
.header_big_mode ul {float:left;margin:35px 0 0 0;position:absolute;width:1100px;margin-left:230px;}

header li {float:left;color:#c0c4c7;/*padding-left:30px;padding-right:30px;*/width:120px;text-align: center;cursor: pointer;height: 30px;line-height: 30px;position: relative;}
header li a{color:#b0b0b0;}
header li a:hover{color:#fff;}
header li a:active{color:#00a7dc;}
header button {border:0;color:#ffffff;font-size:13px;height:20px;padding:0px 10px 5px 15px;cursor:pointer;background-color: transparent;}
header button:hover {color:#28aeff;}
.header_small_mode .logout{float: right;margin: 12px 50px 0 0;cursor: pointer;height: 20px;font-size: 13px;color: #ffffff;}
.header_big_mode .logout{float: right;margin: 20px 50px 0 0;cursor: pointer;height: 28px;font-size: 14px;color: #ffffff;}
    
/*
#container{height:100%;}
#left{overflow:auto;position:absolute;top:0px;left:0px;width:179px;height:100%;z-index:1;border-right:1px solid #bdbdbd;background:#e8e8e8;}
	.leftview{padding:44px 0 50px 15px;}
#content{overflow:auto;position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:0;background-color:#f8f8f8;}
	.contentview{padding:44px 0 50px 179px;}

#left_search{overflow:hidden;position:absolute;top:0px;left:0px;width:27px;height:100%;z-index:1;border-right:1px solid #bdbdbd;background:#f1f1f1;}
	.leftview_search{padding:44px 0 50px 0;}
#content_search{overflow-y:auto;overflow-x:hidden;position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:0;background-color:#f8f8f8;}
	.contentview_search{padding:44px 0 0 27px;}
*/

/* login */
body.centerbox1{background-color:#f3f1f1;height:100%;background-image: url(../css/images/login_bg.jpg);}
#login {position:absolute;top:50%;margin-top:-230px;width:100%;}
.loginbox {width:649px;height:388px;margin:0 auto;}
.loginbox ul {
  position:relative;
  width:400px;
  margin: 0 auto;
  /*padding-top:80px;*/
  /*margin-left:67px;*/
}
/*.loginbox li {margin:0;float:left;}*/
/*.loginbox input.id {width:169px;height:37px;border:1px hidden;border-radius:5px;background:url(../css/images/login_idbg.gif);padding-left:35px;color:#eaebeb;}*/
.loginbox input.id,.loginbox input.pass {
  width: 400px;
  height: 50px;
  background-color: #1F1F1F;
  border: 1px solid #000000;
  padding-left: 10px;
  margin-bottom: 15px;
  vertical-align: middle;
  color: #FFFFFF;
}
.loginbox label {
  padding-left: 3px;
  margin-bottom: 15px;
  font-family: Arial;
  font-size: 13px;
  vertical-align: top;
  color: #FFFFFF;
}
input[type="text"]#login-id::-webkit-input-placeholder,
input[type="password"]#login-pw::-webkit-input-placeholder{
  color: #FFFFFF;
}
/*.loginbox input.pass {width:169px;height:37px;margin:0 9px 0 7px;border:1px hidden;border-radius:5px;background:url(../css/images/login_passbg.gif);padding-left:35px;color:#9fa2a5;}*/
.loginbox img {margin-top:3px;}
.loginbox .forgotid {clear:both;margin-top:8px;color:#ececec;font-size:9px;}
.loginbox .forgotid a{color:#dadada;text-decoration:none;}
.loginbox .forgotid a:hover{color:#fff;}
.loginbox .forgotid a:active{color:#fff;}
.loginbox dl {position:relative;width:100%;margin:115px 0 0 130px;}
.loginbox dt {float:left;}
.loginbox dd {float:left;color:#ececec;margin:8px 0 0 7px;font-size:9px;}

.icon-rotate-45 {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.icon-rotate-315 {
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg);
}
.icon-rotate-225 {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}

/* Ariel.Nps.FileUploadWindow.js*/
.progress-column {
  vertical-align: middle;
}

/* home */
/*
.userinfo {position:relative;width:155px;margin:33px 0 0 0;zoom:1}
.userinfo_title img{float:left;width:16px;}
.userinfo_title li{float:left;padding:0 5px 0 5px;color:#474c61;font-family:'Open Sans',sans-serif;font-size:14px;letter-spacing:-1px;}
.userphoto {position:relative;width:155px;top:11px;overflow:hidden;zoom:1}
.userphoto li.photo{float:left;border:1px solid #8c9192;margin:0 4px 0 24px;background-color:#fff;}
.userphoto li.photo img{border:1px solid #e6e6e7;vertical-align:top;}
.userphoto li.btns{float:left;margin-top:90px;}
.useroption {position:relative;width:155px;top:20px;overflow:hidden;;zoom:1;}
.useroption li.leftbar{float:left;width:3px;height:100px;margin-right:7px;background-color:#959aad}
.useroption dl{position:relative;top:0;overflow:hidden;zoom:1;}
.useroption dt{clear:both;float:left;margin-right:6px;margin-bottom:10px;}
.useroption dd{float:left;margin-bottom:10px;color:#6e748d;}

.download {position:relative;width:155px;margin:60px 0 0 0;zoom:1;}
.download_title img{float:left;width:16px;}
.download_title li{float:left;padding:0 5px 0 5px;color:#474c61;font-family:'Open Sans',sans-serif;font-size:14px;letter-spacing:-1px;}
.download_option {position:relative;width:155px;top:12px;overflow:hidden;;zoom:1;}
.download dt.leftbar{clear:both;float:left;width:3px;height:20px;margin-right:7px;background-color:#959aad;padding-bottom:7px;}
.download dt.none{padding-bottom:0;}
.download dd{height:20px;color:#6e748d;padding-bottom:7px;}
.download dd a{color:#6e748d;}
.download dd a:hover{color:#23252c;}

.notice {position:relative;width:100%;margin:33px 0 0 0;zoom:1;}

.board_title {margin:0 0 12px 20px;}
.board_title img{float:left;margin-right:8px;}
.board_title li{font-family:'Open Sans',sans-serif;font-size:20px;padding-top:3px;}

.board_view table{width:100%;border:0;border-bottom:1px solid #d7d7d7;border-right:1px solid #d7d7d7;border-spacing:0;text-align:center;}
.board_view table td,table th{border:0;border-left:1px solid #d7d7d7;}
.board_view table th{background:#d7d7d7;height:36px;vertical-align:middle;font-size:12px;}
.board_view table td{height:26px;vertical-align:middle;font-size:12px;}
.board_view table tr:hover td{background:#e3d5ef;}
.board_view table td.al{text-align:left;padding-left:10px;}

.job {margin-top:10px;}
.job_formbox {position:relative;width:100%;height:48px;border:1px solid #d7d7d7;background:#f1f1f1;zoom:1;}
div.selectbox {float:left;margin:6px 0 0 10px;border:1px solid #c7c7c7; background: url(../images/formbg1.gif) right no-repeat; width:155px; overflow:hidden; }
div.selectbox select {border:none;background:transparent;width:155px;padding:5px;line-height:1;border:1 solid #c7c7c7;border-radius:0;height:34px;-webkit-appearance: none;-moz-appearance:none;appearance:none;}
ul.datebox {float:left;margin:6px 0 0 0;border:1px solid #c7c7c7;border-left:0;background: url(../images/formbg2.gif) left no-repeat;width:230px;overflow:hidden;height:34px;}
ul.datebox .dateform {background:transparent;-webkit-appearance:none;width:70px;height:34px;border:0;text-align:center}
ul.datebox li{float:left;margin-left:10px;}
ul.datebox li img{vertical-align:middle;}
div.searchbox {float:left;margin:6px 0 0 0;background: url(../images/formbg430.gif) right no-repeat; width:430px; overflow:hidden;}
div.searchbox input {border:none;background:transparent;width:424px;padding-left:5px;line-height:1;border:1px solid #c7c7c7;border-left:0;border-radius:0;height:34px;-webkit-appearance: none;}
.job_formbox div.btns36 {float:left;margin:6px 0 0 2px;}
*/

/* search */
/*
.orangebar {background:#fa6f57;height:4px;width:27px;}
.orangebar_bottom {background:#fa6f57;height:4px;width:27px;position:fixed;bottom:0;width:27px;}
.left_hide {position:relative;width:27px;margin:0 0 0 0;zoom:1}
.left_hide img{margin:10px 0 0 5px;}
.catecover {position:relative;height:100px;width:25px;margin:10px 0 10px 5px;}
.category {position: absolute;-ms-transform: rotate(90deg);-ms-transform-origin: 20% 40%;-webkit-transform: rotate(90deg); -webkit-transform-origin: 20% 40%; transform: rotate(90deg);transform-origin: 20% 40%;font-size:14px;color:#1f2734}
.search_formbox {position:relative;width:100%;height:48px;border:1px solid #d7d7d7;background:#f1f1f1;zoom:1;padding-left:10px;}
.search_formbox div.btns36 {float:left;margin:6px 0 0 2px;}
.search_formbox div.btns36 a{margin-right:2px;}
.search_formbox div.searchbox input {border:none;background:transparent;width:423px;padding-left:5px;line-height:1;border:1px solid #c7c7c7;border-radius:0;height:34px;-webkit-appearance: none;}
.search_formbox p {float:left;margin:17px 0 0 25px;}
*/

/* thumbnail list */
/*
.thumbnailbox {position:relative;width:99%;height:100%;margin:10px;zoom:1;}
.tabmenu{position:relative;height:35px;zoom:1;}
.tabmenu .tab1{position:absolute;display:block;top:7px;height:29px;font-size:12px;zoom:1;}
.tabmenu .tab1:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.tabmenu .tab1 li{float:left;margin:0 2px 3px 0;}
.tabmenu .tab1 li a{display:block;height:29px;padding-top:1px;text-decoration:none;border:1px solid #5a6f86;background:#6b8098;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.tabmenu .tab1 li a span {display:block;padding:7px 25px 0 25px;cursor:pointer;cursor:hand;}
.tabmenu .tab1 li.off a{color:#ffffff;}
.tabmenu .tab1 li.off a span{color:#ffffff;}
.tabmenu .tab1 li.off a:hover{color:#ffffff;background:#5a6f86;}
.tabmenu .tab1 li.off a:hover span{color:#ffffff;background:#5a6f86;}
.tabmenu .tab1 li.on a{color:#273545;font-weight:bold;border:1px solid #afafaf;background:#ecf0f1;}
.tabmenu .tab1 li.on a span{color:#273545;font-weight:bold;background:#ecf0f1;}

.thumbnail_menubar {position:relative;width:100%;height:40px;background-color:#4e4e4e;margin-top:3px;-webkit-border-top-right-radius: 5px;border-top-right-radius: 5px;zoom:1;}
.thumbnail_menubar p{padding-left:10px;}
.thumbnail_menubar img{padding:11px 0 0 3px;}
.thumbnail_list {position:relative;width:100%;height:100%;border:1px solid #afafaf;background-color:#ecf0f1;zoom:1;box-sizing: border-box;padding:15px;overflow:hidden;}
.thumbnail_con_blue {float:left;position:relative;width:240px;height:214px;margin:7px;border:3px solid transparent;box-sizing: border-box;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-bottomleft: 5px;-moz-border-radius-bottomright: 5px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;background-color:#849ab3;overflow:hidden}
.thumbnail_con_blue ul{height:29px;zoom:1;padding-left:5px;}
.thumbnail_con_blue li{float:left;padding:8px 0 0 2px;}
.thumbnail_con_blue img{}
.thumbnail_con_blue p{height:29px;margin-left:5px;color:#fff;padding-top:1px;}
.thumbnail_con_blue p.time{position:absolute;top:146px;left:-5px;width:95px;height:25px;background-color:#32383d;color:#c7cccf;font-size:15px;text-align:center;padding-top:8px;}

.thumbnail_con_white {float:left;position:relative;width:240px;height:214px;margin:7px;border:3px solid transparent;box-sizing: border-box;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-bottomleft: 5px;-moz-border-radius-bottomright: 5px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;background-color:#ffffff;overflow:hidden}
.thumbnail_con_white ul{height:29px;zoom:1;padding-left:5px;}
.thumbnail_con_white li{float:left;padding:8px 0 0 2px;}
.thumbnail_con_white img{}
.thumbnail_con_white p{height:29px;margin-left:5px;color:#292929;padding-top:1px;}
.thumbnail_con_white p.time{position:absolute;top:146px;left:-5px;width:95px;height:25px;background-color:#32383d;color:#c7cccf;font-size:15px;text-align:center;padding-top:8px;}

.thumbnail_con_blue:hover {border:3px solid #fa8c15;box-sizing: border-box; }
.thumbnail_con_white:hover {border:3px solid #fa8c15;box-sizing: border-box; }
*/


/* loading */
/*
.ly_loading{width:150px;padding:0 10px 0 10px;}
.ly_loading em{font-style:normal}
.ly_loading .dsc_loading_no{position:relative;width:100%;}
.ly_loading .progress{position:absolute;right:0;margin-top:-1px;color:#c6702b;}
.ly_loading .progress em{color:#c6702b;font-weight:bold;font-style:normal}
.ly_loading .loading_bar{width:110px;height:9px;border:2px solid #c6702b;background:#fff;border-radius:5px;}
.ly_loading .loading_bar span{display:block;margin-top:-1px;height:11px;background:url(../images/loading.gif) 0 repeat;font-size:0;border-radius:4px;}
*/

/* paging */
/*
.paginate{padding:15px 0;text-align:center;line-height:normal}
.paginate *{display:inline-block;position:relative;margin:0 -2px;padding:2px 4px;font-size:12px;font-family:Tahoma, Sans-serif;color:#333;line-height:normal;text-decoration:none;vertical-align:middle}
.paginate a:hover,
.paginate a:active,
.paginate a:focus{background-color:#f8f8f8}
.paginate strong{color:#ff6600}
.paginate .direction{padding:0 6px;font-weight:bold;font-size:14px;color:#666;text-align:center}
.paginate .direction:hover,
.paginate .direction:active,
.paginate .direction:focus{background-color:transparent !important;color:#333}
.paginate .direction span{overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
*/

/* button*/
/*
.btns a.srch,a.userphoto_modify {display:block;overflow:hidden;width:18px;height:18px;background:no-repeat 50% 0;text-indent:-5000px;} 
.btns a:hover,.btns a:active,.btns a:focus{background-position:50% -18px}
.btns a.userphoto_modify{background-image:url(../images/userphoto_modify.gif)}
.btns36 a.search_btn,a.searchdetail_btn,a.searchclear_btn {display:block;overflow:hidden;width:36px;height:36px;background:no-repeat 50% 0;text-indent:-5000px;} 
.btns36 a:hover,.btns36 a:active,.btns36 a:focus{background-position:50% -36px}
.btns36 a.search_btn{background-image:url(../images/search_btn.gif)}
.btns36 a.searchdetail_btn{background-image:url(../images/searchdetail_btn.gif)}
.btns36 a.searchclear_btn{background-image:url(../images/searchclear_btn.gif)}
*/
/*
.vam {vertical-align:middle;}

.mt6 {margin-top:6px;}
.mt10 {margin-top:10px;}

.pl10 {padding-left:10px;}

.fl {float:left;}
*/