@charset "UTF-8";

/* LAYOUT */
#top{height:56px; box-sizing:border-box; position:relative; top:0; left:0; background:#2B455A; z-index:100; padding:10px 10px 10px 15px;}/* #009eb5 */
#top2 .logo{width:100%; height:54px; background:#2B455A; line-height:0; box-sizing:border-box; padding:5px 0 0 5px; position:absolute; top:0; left:0; z-index:100;}
#top .greeting{color:#fff; font-size:1.14em;}
#top .greeting b{color:#ffd800;}
#top .greeting span.time{font-size:0.87em; color:#cbe5ea;}
#top button{position:absolute; top:15px; right:25px;}

#nav{width: inherit; height:100%; padding-top:70px; box-sizing:border-box; position:fixed; top:0; left:0; background:#172a39; z-index:99;}
#nav .gnb li{line-height:50px; position:relative;}
#nav .gnb li a{display:block;padding:0 20px; color:#fff; font-size:1.14em; font-weight:500;}
#nav .gnb li a i{opacity:0.8; width:25px;}
#nav .snb{background:#2f404d; display:none;}
#nav .snb li{line-height:40px; border-bottom:1px solid #43525e;}
#nav .snb li a{font-weight:300; font-size:1em; padding:0 30px;}
#nav .snb li:last-child{border-bottom:0;}
#nav li.active a{background:#f5f5f5; color:#009eb5; font-weight:500;}
#nav li a:hover{background:#f5f5f5; color:#009eb5; font-weight:500; transition:0.3s;}
#nav .gnb .snb_drop.on .snb{display:block;}

#wrap{position:relative; width:100%; height:100%; padding-top:70px; padding-left:220px; box-sizing:border-box;}
.container{padding:30px; width:100%; height:100%; box-sizing:border-box; overflow-y:scroll; position:relative;}
h2.title{font-size:1.78em; line-height:1em;}
h3.s_title{font-size:1.42em; line-height:1.8em; color:#333; padding:2px 0 2px 0; font-weight:900; position:relative;}
h3.s_title i{color:#007e91;}
h3.s_title .top_btn{position:absolute; top:15px; right:0;}
h3.s_title .s_tit_sch{text-align:right;}
h3.s_title .s_tit_sch select{line-height:18px;}
h3.s_title .s_tit_sch input{line-height:1em;}
h3.s_title .s_tit_schl{text-align:left; width:100%; font-size:12px; }
h3.s_title .s_tit_schl select{line-height:18px;}
h3.s_title .s_tit_schl input{line-height:1em;}
h3.s_title .s_tit_schl label{margin-right:6px;}
h3.s_title .s_tit_schc {text-align:center; width:100%; font-size:12px; }
h3.s_title .s_tit_schc select{line-height:18px;}
h3.s_title .s_tit_schc input{line-height:1em;}
h3.s_title .s_tit_schc label{margin-right:6px;}


popup{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:999; display:none;}
.popup .popup_con{padding:30px 15px;}/* width:100%;  transform:translate(-50%,-50%); background:#fff; box-sizing:border-box;  */
.popup .pop_tit{position:relative; line-height:1.4em; }
.popup .pop_tit .top_btn{position:absolute; top:0; right:0; line-height:1em;}
.popup .pop_s_tit{padding:10px; font-weight:500; color:#333; position:relative; line-height:1.8em;}
.popup .pop_s_tit i{color:#007e91;}
.popup .pop_s_tit .top_btn{position:absolute; top:10px; right:0;}
.popup .pop_section{float:left; padding-right:15px; box-sizing:border-box;}
.popup .pop_section:last-child{padding-right:0;}
.popup .popTop_btn{text-align:right; margin-bottom:10px;}
.popup .popTop_btn input[type="text"]{height:25px; vertical-align:middle;}
.popup .popTop_btn button{vertical-align:middle;}

/* FORM */
.calendar input{background:url(../../images/icon_calendar.png) no-repeat 95% center #fff !important; padding-right:30px !important; width:100%}
.sch_group{position:relative; display:inline-block; line-height:1em; margin-left:10px;}
.sch_group input{padding-right:40px;}
.sch_group button{width:30px; height:30px; font-size:0.85em; top:0; right:0; border-radius:3px; margin-left:6px; vertical-align:middle; background:#3f3f3f;}
.sch_group button i{color:#fff;}


#file_preview{width:80px; height:80px; padding:5px; box-sizing:border-box; border:1px solid #e1e1e1; border-radius:3px; float:left; margin-right:10px;}
#file_preview img{width:100%; vertical-align:middle;}
.file_inp{width:0;}
#file_name{width:200px; height:28px; padding:5px; float:left; margin-right:10px; background:#f1f1f1;}

.fl_box{float:left; box-sizing:border-box; padding-right:30px;}
.fl_box:last-child{padding-right:0;}

h2.pop_tit{border-bottom: 2px solid #d1d1d1; padding-bottom: 10px;}
h4.pop_tit{border-bottom: 2px solid #d1d1d1; padding-bottom: 10px;}

.ctf{
	/* card title font */
 	font-size:1.24em;
    line-height:1.2em;   
 	font-weight:200;
 	position:relative; 
 	font-family: 나눔고딕,NanumGothic,돋움,Dotum;
 }
 
.card-h-l{
	/* background-color:#888787; */
	background-color:#848484;
	color:#FFFFFF;
	/* font-style:italic; */
}

.card-h-w{
	background-color:#4B8EA7;
	color:#FFFFFF;
	/* font-style:italic; */
}

.card-h-t{
	background-color:#4B8EA7;
}

.card-header {
	padding:.70rem .75rem .40rem 1.0rem ;
}
.card-b-l{
	background-color:#ffffff;
}
.desc{
	font-size:11px;
	color:#B18904;
	margin-left:5px;
}
.top_right_btn{ position: absolute;top: 2px; right: 0;}

.tron {
	background-color: rgb(247,236,173);
}

.input-group-text1 {
    display: -ms-flexbox;
    /* display: flex; */
     -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    flex-direction: row; *
}

.input-group1 {
    position: relative;
    display: -ms-flexbox;
   /*  display: flex; */
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
.input-group-append1 {
    margin-left: -3px;
    margin-top: 100px;
}