@charset "utf-8";
@import url(basic.css);
@import url(board.css);

.clearfix:after {clear:both;content:"";display:block;}

body{ background:none;}

#wrapper{min-width:1220px;}

#left_area{border-top:6px;box-sizing:border-box;width:240px;float:left;background:#232c32;position:fixed;}
#left_area h1{text-align:center;background:#232c32;}
#left_area .log {background:#11171c;height:89px;}
#left_area .log .pic{width:70px;float:left;padding:25px 0 0 13px;box-sizing:border-box;}
#left_area .log .txt{padding:24px 0 10px 0;color:#ffffff;font-family:굴림;}
#left_area .log .btn_log{}


.leftmenu > ul > li {position:relative;border-bottom:1px solid #334049;}
.leftmenu > ul > li > a {background:#232c32;height:45px;display:block;line-height:43px;padding:0 0 0 21px;font-size:14px;color:#8ca1af; }
.leftmenu > ul > li > a:hover,
.leftmenu > ul > li.on > a {background:#313e47; color:#fff;}
.leftmenu > ul > li.on > .dep2 { display:block; }
.leftmenu > ul > li > .dep2 {margin:0 auto; padding:8px 0 10px;display:none; background:#181f24; }
.leftmenu > ul > li > .dep2 > li { display:block; padding:0 0 0 20px;}
.leftmenu > ul > li > .dep2 > li > a {color:#8ca1af;padding:0 0 0 12px; font-size:13px;display:block;line-height:24px;}
.leftmenu > ul > li > .dep2 > li > a:hover,
.leftmenu > ul > li > .dep2 > li.on > a {color:#fff;}
.leftmenu i {position:absolute;top:14px;right:20px;font-size:14px;color:#8ca1af;}

.f_right{float:right;}
#right_area{padding-left:240px;}
#right_area .gnb{z-index:10;background:#fff;position:fixed;width:100%;border-top:6px solid #181f24;border-bottom:1px solid #d7e3e9;height:93px;}
#right_area .gnb ul{}
#right_area .gnb li{width:4.3%;border-left:1px solid #d7e3e9;float:left;text-align:center;}
#right_area .gnb li:last-child{border-right:1px solid #dedede;}
#right_area .gnb li a{color:#777;box-sizing:border-box;display:block;height:93px;padding: 0 2px 10px 2px;font-size:13px;font-weight:bold;overflow: hidden;word-break: break-all; line-height: 1.2;letter-spacing: -1px;}
#right_area .gnb li a.on, #right_area .gnb li a:hover {color:#ef3936;}
#right_area .gnb i{padding:19px 0 9px;display:block;font-size:24px;}
#right_area .loca {z-index:10;position:fixed;width:100%;top:92px;padding-left:36px;line-height:37px;background:#ebeef3;/*opacity:0.9;filter:alpha(opacity=90);*/border-bottom:1px solid #d7e3e9;}
#right_area .loca span {background:url(/images/new_mnt/loca_bg.gif) 0 0 no-repeat;padding-left:22px;}
#right_area #titleM h2{margin-bottom:20px;font-size:22px;padding-bottom:8px;border-bottom:2px solid #5a5a5a;color:#41586e;}
#right_area #titleM {box-sizing:border-box;padding:160px 30px 0 35px;z-index:5;float:left;width:100%;}
#right_area #contents {z-index:5;float:left;width:100%;box-sizing:border-box;padding-left:35px;padding-right:30px;}
/*#right_area #contents:after {display:block;content:'';clear:both;}*/


.main-title h2 {display:block;font-size:14px;margin-bottom:5px;}
.main-title i {display:inline-block;}
.main-title.add_btn:after{display:block;content:'';clear:both;}
.main-title.add_btn button{float:right;margin-bottom:5px;}

.ad_main_search{border-top:1px solid #bcbfcf;padding:13px;background:#d4d6e0;text-align:center;}
span.cal_in {position:relative;display:inline-block;}
span.cal_in input{width:105px;border:1px solid #d5d8dc;height:29px;line-height:29px;padding:0 0 0 5px;box-sizing:border-box;background:#fff;}
span.cal_in img {position:absolute;top:8px;right:8px;}
.ad_main_search a.date {line-height:25px;height:27px;border:1px solid #d5d8dc;background:#f8f8f8;display:inline-block;width:60px;text-align:center;}
.ad_main_search a.search {line-height:28px;height:20px;color:#fff;background:#525f78;display:inline-block;width:80px;text-align:center;}


.new_tab{margin:10px 0 ;}
.new_tab ul{overflow:hidden;padding:0 0 0 0;}
.new_tab ul{overflow:hidden;border-bottom:1px solid #b6b5b5;}
.new_tab ul li{float:left;background:#f2f2f2;margin:0 -1px -1px 0;position:relative;border-top:2px solid #b6b5b5;border:1px solid #b6b5b5}
.new_tab ul li a{display:block;line-height:35px;height:35px;text-align:center;padding:0 15px;}
.new_tab ul li a:hover{background:#8899b5;color:#fff;}
.new_tab ul li:first-child a{}
.new_tab ul li a.on{background:#8899b5;color:#fff;}

.addFileTbl button + button{margin-left:5px;}

/* 로그인 화면 */
#n_login{background:#232c32;}
.n_login{margin:0 auto;width:450px;text-align:center;}
.n_login_title{margin:180px 0 40px;color:#adbece;font-size:20px;letter-spacing:-0.5px;}
.login_box{border:1px solid #e8e8e8;background:#fff;margin-bottom:20px;border-radius:3px;}
.login_box .title{padding:14px 15px;background:#f5f5f5;border-bottom:1px solid #e8e8e8;}
.login_box .title b{font-size:15px;}
.login_box .txt_box{padding:23px;text-align:left;}
.login_box .txt_box .form-group{margin-bottom: 15px;}
.login_box .txt_box .form-group label{display:inline-block;max-width:100%;margin-bottom:5px;box-sizing:border-box;color:#717171;}
.login_box .txt_box .form-group .form-control{border-color: #d9d9d9;display: block;color: #555;box-sizing:border-box;
background-color: #fff;border: 1px solid #ccc;width: 100%;border-radius: 2px;}
.login_box .txt_box .form-group .input-lg{height: 40px;box-sizing:border-box;padding: 10px 16px;font-size: 18px;}
.login_box .txt_box .checkbox{display: block;min-height: 20px;margin-top: 10px;margin-bottom: 10px;color: #717171;}
.login_box .txt_box .nbtn{border-radius: 2px;line-height:40px;font-size:13px;}
.login_box .txt_box .btn-default{color: #fff !important;background: #c71f4b;text-align:center;border-bottom-color: #ccc;
-webkit-box-shadow: 0 1px 1px rgba(90,90,90,0.1);box-shadow: 0 1px 1px rgba(90,90,90,0.1);}
.login_box .txt_box .btn-block{display: block;box-sizing:border-box;width: 100%;padding-left: 12px;padding-right: 12px;}
.login_footer{color:#999}
.nline-dashed{height: 2px; margin: 10px 0; border-top: 1px dashed #e8e8e8;}



td.fa_width label {width:20px;display:inline-block;}
.txt_white {color:#fff;}
.txt_white label{color:#fff;}
/* .hidden {display:none;} */
.hidden {overflow:hidden; position:absolute; left:-9999em; height:0; font-size:0; line-height:0;}


/*Base*/
html.body{margin:0}
body{background:none}
input[type='button'],input[type='submit'],button{cursor:pointer}

/*Table*/
.write.small{font-size:12px;}
.write.small th, .write.small td{padding:5px;}
.write.small th{padding-left:5px;}

/*Button*/
table label{margin-right:5px;}
.btn_arrow{display:inline-block;width:18px;height:20px;font-size:12px;text-align:center;color:#fff;background:#374b5e;border:0px none;}

/*Dialog*/
.ui-dialog{padding:0 !important;border-radius:0px !important;-webkit-border-radius:0px !important;-moz-border-radius:0px !important}
.ui-dialog .ui-dialog-titlebar{padding:0 0 0 15px !important;height:35px;line-height:35px;background:#5786b7;border:0px none;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title{margin:0 !important;height:35px;color:#fff;line-height:35px}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close{right:10px !important}
.ui-dialog .ui-dialog-content{padding:10px 10px 0 10px !important;clear:both}
.ui-dialog .ui-dialog-buttonpane{margin-top:0 !important;padding:0 !important;border-top:1px #d4d4d4 solid}

/*Etc*/
.f_left.linebox{padding:0 !important}

/* 달력 */
.cal-legend{display:inline-block;width:15px;height:15px;overflow:hidden;text-indent:-9999px;vertical-align:middle;box-sizing:border-box;}
.cal-legend.holiday{background:#f6b900;}
.cal-legend.able{border:1px solid #ccc;}

/**/
.img_list {}
.img_list ul {margin-left:-20px; padding-bottom:80px;}
.img_list ul:after {content:""; display:block; clear:both;}
.img_list ul li {float:left; width:249px; padding:19px; margin-left:20px; margin-bottom:20px; border:1px solid #ddd; box-sizing:border-box;}
.img_list ul li span.thum{display:block;padding-bottom:16px;width:100%;height:130px;overflow:hidden;}
.img_list ul li span.thum img {border: 0 none; vertical-align:middle; width:100%;max-width:100%;}
.img_list ul li strong {display:block;font-size:14px;color:#000;margin:10px 0 5px 0;line-height:1.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.img_list ul li span.date {display:block;font-size:14px;color:#999;}

/* loading */
#loading{display:none;top:50%;left:50%;width:400px;margin:-70px 0 0 -200px;z-index:1000;}
#loading:after{display:block;content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:1;}
#loading > div{width:60px;height:60px;border-radius:100%;position:relative;margin:0 auto;z-index:2;}
#loading > div:before, #loading > div:after{content:"";top:-10px;left:-10px;width:100%;height:100%;border-radius:100%;border:10px solid transparent;border-top-color:#3498db;}
#loading > div:before{z-index:1001;animation:spin 1s infinite;}
#loading > div:after{border:10px solid #ccc;}
#loading p.loadingCon{position:relative;margin-top:20px;line-height:30px;font-size:18px;color:#ccc;text-align:center;z-index:1001;}
@keyframes spin{
0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
}

.txt_bold{font-weight:bold !important;}
.f_left {float:left}

/** 1090~ *************************************************************************************************************** */
@media all and (max-width:1300px){

#left_area{width:17%;}
#left_area h1{height:92px;}
#left_area h1 img{max-width:90%;}
#right_area{width:83%;float:left;padding:0;}
#right_area .loca {width:96%;padding-left:2%;padding-right:2%;}
#right_area #titleM{padding:153px 2% 0 2%;}
#right_area #contents{width:100%;padding-left:2%;padding-right:2%;}

}