@charset utf-8;
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{margin:0;padding:0;-webkit-text-size-adjust:none;color:#383838;font-family: "Noto Sans KR", sans-serif; font-size:13px;height:100%;min-width:1024px;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
a{color:#454545;text-decoration:none;margin:0;padding:0;}
a:link{color:#454545;text-decoration:none;margin:0;padding:0;}
a:hover{color:#454545;text-decoration:none;margin:0;padding:0;}
a:visited{color:#454545;text-decoration:none;margin:0;padding:0;}
img{border:0;vertical-align:middle;border:none;outline:0;}
*,:before,:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
label{font-size:13px;margin:6px 0px; font-weight: 500}
input::-webkit-input-placeholder { /* Edge */
  color: #ccc !important;
}

input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ccc !important;
}

input::placeholder {
  color: #ccc !important;
}

/*yk*/
/*label{font-size:13px;margin:5px; font-weight: 500} */
* { font-family: "Noto Sans KR", sans-serif;
/*color:#2d2e38;*/
/*line-height:140% !important;*/
/*    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;*/
}

.form-control[disabled], .form-control[readonly]{background-color: #fff !important}
.form-control.no-input{border-bottom: none !important;
    border: none !important;
    background-color: transparent !important;cursor: default !important}
.form-control.no-input:focus{box-shadow:none;}
/* ========== 레이아웃 ========== */
body{min-width: 1300px}
header{widows: 100%;margin:auto;}

header nav{width: 1300px;margin:auto;}
.title{width:100%;font-size:16px;color:#2d2d2d;font-weight:bold;margin:15px 0 15px;}
.wrap{width:100%;background-color:#f6f7fa;}
.containers{min-width:774px;padding:0;background:#fff; font-weight: 400}
.content{width:100%;padding:25px 0;}
.form-group{margin-bottom:10px;}
.content_box{margin-top:30px;}
.subtit_01{font-size:15px;float:left;}
.main_color{color:#108ccd;}
.main_bg_color{background-color:#108ccd;}
.page-content{display:flex;display:0;width: 1300px;margin: auto}
.content-wrapper{width:1300px; padding-right:38px; padding-left:38px;margin-left: 200px;border-left: 1px solid #ddd; /*height: 100vh*/height: calc( 100vh - 60px);}
.main{padding-top:0;}
.upper_area{}
.upper_area:after{display:block;visibility:hidden;clear:both;content:"";}
.searh_area{float:left;}
.btn_area{float:right;}
.btn_area span{margin-left:5px;}




/* 사이드 바 */
.side-bar{width:200px;/*height:100vh;*/padding-top:0px;flex:0 0 auto;display:0 0 0 auto;position: absolute; top:0px;z-index: 100}
.side-hide .side-bar{width:60px;}
.side-bar .sub{display:none;background:#fff;/*height: 100%;*/}
.side-bar .sub.on{display:block;}
.side-hide .side-bar .sub{display:none;}
.side-bar .sub li{float:left;clear:left;width:100%;}
.side-bar .sub li a{float:left;clear:left;width:100%;font-weight:bold;font-size:14px;}
/*.side-bar .sub li a ul li a{float: left;clear: left;width: 100%; font-weight: normal;}*/
.side-bar .sub a{display:block;position:relative;text-align:left;text-decoration:none;font-size:13px;background-color:#fff;color:#3a3a3a;width:100%;padding:10px 15px;}
.side-bar .sub a i{float:right;color:#ddd;transition:0 .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out;-webkit-font-smoothing:antialiased;}
.side-bar .sub a:hover{background-color:#108ccd;color:#fff!important;font-weight:bold;}
.side-bar .sub a:hover i{color:#fff!important;font-weight:bold;}
.side-bar .sub li .sub_ul{/*display: none*/}
.side-bar .sub li .sub_ul a{padding-left:30px;font-weight:normal;font-size:13px;}
/*.side-bar .sub .sub_on>a {color: #108ccd;font-weight: bold}*/
.side-bar .sub .sub_on>a i{/*color: #108ccd*/-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg);}
.side-bar .sub .sub_close{height:60px;border-bottom:2px solid #03214c;text-align:center;position:relative;}
.side-bar .sub .sub_close:after{content:"";width:50px;height:2px;background-color:#108ccd;display:block;position:absolute;bottom:-2px;}
.side-bar .sub .sub_close img{width:90px;padding-top:7px;}
.side-bar .sub .sub_close a{position:absolute;top:12px;right:0;display:inline-block;width:0;}
.side-bar .sub .sub_close a:hover,.side-bar .sub .sub_close a:hover i{background-color:#fff;color:#ddd!important;}
/*.side-menu {display: block; float: left; width: 200px; border-top: 1px solid #108ccd; }*/

.animate-menu-push{left:0;position:relative;transition:all .3s ease;}
.animate-menu-push.animate-menu-push-right{left:200px;}
.animate-menu{position:fixed;top:0;width:200px;height:100%;transition:all .3s ease;}
.animate-menu-left.animate-menu-open{left:0;}
.animate-menu-right{right:-200px;}
.animate-menu-right.animate-menu-open{right:0;}

/*.sidebar-menu {display: none;}*/
.sidebar-menu > li > a{display:block; color:#333; /*border-left:3px solid transparent;color:#333;*//*padding:12px 5px 12px 15px; *//*font-weight: bold;*/ font-size: 14px;}
.sidebar-menu li.sidebar-header{font-size:12px;color:#4b646f;background:#1a2226;padding:10px 25px 10px 15px;}
.sidebar-menu .sidebar-submenu{display:none;list-style:none;/*padding-left:5px;*/background:#fff; /*margin:0px 1px;*/}
.sidebar-menu .sidebar-submenu .sidebar-submenu{padding-left:20px;}
/*.sidebar-submenu > li {height: 40px; }*/
.sidebar-menu .sidebar-submenu > li > a{display:block;font-size:13px;color:#333;padding:5px 5px 5px 25px;}
/*.sidebar-menu-rtl > li > a{display:block;border-left:3px solid transparent;color:#b8c7ce;padding:12px 15px 12px 5px;}*/
.sidebar-menu-rtl li.sidebar-header{font-size:12px;color:#4b646f;background:#1a2226;padding:10px 15px 10px 25px;}
.sidebar-menu-rtl .sidebar-submenu{display:none;list-style:none;padding-right:5px;background:#fff;margin:0 1px;}
.sidebar-menu-rtl .sidebar-submenu .sidebar-submenu{padding-right:20px;}
.sidebar-menu-rtl .sidebar-submenu > li > a{display:block;font-size:14px;color:#333;padding:5px 15px 5px 5px;}
.animate-menu-push.animate-menu-push-left,.animate-menu-left{left:-200px;}
.sidebar-menu,.sidebar-menu-rtl{list-style:none;background-color:#fff;margin:0;padding:0; width: 198px;}
.sidebar-menu > li,.sidebar-menu-rtl > li{position:relative;margin:0;padding:0;}
.sidebar-menu > li > a > .fa,.sidebar-menu .sidebar-submenu > li > a > .fa,.sidebar-menu-rtl > li > a > .fa,.sidebar-menu-rtl .sidebar-submenu > li > a > .fa{width:20px;}
/*.sidebar-menu > li:hover > a,.sidebar-menu > li.active > a,.sidebar-menu-rtl > li:hover > a,.sidebar-menu-rtl > li.active > a{color:#fff; background:#108ccd; border-left-color:#3c8dbc;}*/
.sidebar-menu > li .label,.sidebar-menu > li .badge,.sidebar-menu-rtl > li .label,.sidebar-menu-rtl > li .badge{margin-top:3px;margin-right:5px;}
.sidebar-menu li > a > .fa-angle-left,.sidebar-menu-rtl li > a > .fa-angle-left{width:auto;height:auto;margin-right:10px;margin-top:3px;padding:0;}
.sidebar-menu li.active > a > .fa-angle-left,.sidebar-menu-rtl li.active > a > .fa-angle-left{transform:rotate(-90deg);}
.sidebar-menu li.active > .sidebar-submenu,.sidebar-menu-rtl li.active > .sidebar-submenu{display:block;}
.sidebar-menu a,.sidebar-menu-rtl a{color:#b8c7ce;text-decoration:none;}
.sidebar-menu .sidebar-submenu > li > a > .fa-angle-left,.sidebar-menu .sidebar-submenu > li > a > .fa-angle-down,.sidebar-menu-rtl .sidebar-submenu > li > a > .fa-angle-left,.sidebar-menu-rtl .sidebar-submenu > li > a > .fa-angle-down{width:auto;}
.sidebar-menu .sidebar-submenu > li.active > a,.sidebar-menu .sidebar-submenu > li > a:hover,.sidebar-menu-rtl .sidebar-submenu > li.active > a,.sidebar-menu-rtl .sidebar-submenu > li > a:hover{color:#333; background: #e6eaed}
.sidebar-menu > li:hover a div{color:#fff; background:#108ccd;}


/* ========== nav ========== */
.side-hide nav .logo{width:60px;}
.side-hide nav .logo img{width:0;}
.side-hide nav .logo{width:0px;}

nav {width:1300px; min-width:1024px;height:60px;padding:0 20px;padding-left:200px; }
nav .logo{width:140px;height:60px;line-height: 60px;float:left;background-color:#fff;border-bottom:2px solid #03214c;position:relative;transition:.5s all ease;-webkit-transition:.5s all ease;-moz-transition:.5s all ease;-ms-transition:.5s all ease;-o-transition:.5s all ease;}
nav .side-bar-btn{width:60px;height:60px;float:left;background-color:#fff;border-bottom:2px solid #03214c;position:relative;transition:.5s all ease;-webkit-transition:.5s all ease;-moz-transition:.5s all ease;-ms-transition:.5s all ease;-o-transition:.5s all ease; z-index: 100}
nav .side-bar-btn a{position:absolute;top:21px;right:36px;display:inline-block;width:0;color:#b1b1b1;}
nav .logo img{width:120px;margin-left:20px;padding-top:12px;display:block;transition:.5s all ease;-webkit-transition:.5s all ease;-moz-transition:.5s all ease;-ms-transition:.5s all ease;-o-transition:.5s all ease;}
/*nav .logo:after{content:"";width:60px;height:2px;background-color:#108ccd;display:block;position:absolute;bottom:-2px;}*/
nav .menu_con{float:left;margin-left:18px;}
nav .menu_con .menu{height:60px;}
nav .menu_con .menu>li{height:60px;float:left;padding:0 20px;}
nav .menu_con .menu>li>a{position:relative;width:100%;height:100%;font-size:17px; font-weight:300; letter-spacing: 1px; color:#fff;display:inline-block;text-align:center;line-height:60px;}
nav .menu_con .menu>li.on{background:#0f7db7;}
nav .menu_con .menu>li.on a{color:#fff;}
nav .menu_con .menu>li:hover{background:#0f7db7;}
nav .menu_con .menu>li:hover a{color:#fff;}
nav .menu_con .menu .main_menu_on{background:#0f7db7;}
nav .login{float:right;line-height:60px;padding-right: 18px;}
nav .login a{color:#fff;padding:5px 8px;border:1px solid #fff;border-radius:15px;}
/* ========== nav ========== *//* login */
.mbskin{position:relative;margin:auto;width:320px;text-align:center;}
.login-brand{margin-bottom:60px;display:inline-flex; color:#108ccd; font-size:60px; font-weight: 900}
.login-chk{color:#ddd;text-align: left;font-size: 14px; line-height: 1.9}
.login-chk input[type="checkbox"] {display: none;}
.login-chk input[type="checkbox"] + label {display: inline-block; width:17px; height: 17px; background: #fff; cursor: pointer; border:1px solid #ddd; border-radius: 3px; float: left;}
.login-chk:after {display:block; clear:both; content:"";}
.login-chk a {color:#ddd;float: right}

/*.form-group{margin-bottom:0px;}*/
.btn-login{display:inline-block;background:#108ccd;color:#fff;padding:0 5px;height:35px;width:100%;line-height:30px;border-radius:33px;padding:0 15px;font-weight:normal; font-size: 15px; margin-top:15px;}
.btn-lg{display:inline-block;background:#e6eaed;color:#333;padding:0 5px;height:35px;width:100%;line-height:30px;border-radius:33px;padding:0 15px;font-weight:normal; font-size: 15px;}
.btn-reset{display:inline-block;background:#e6eaed;color:#333;padding:0 5px;height:35px;width:100%;line-height:30px;border-radius:33px;padding:0 15px;font-weight:normal;}

.nav-tabs{border-bottom:2px solid #108ccd;margin-top:30px;margin-bottom:5px;}
.nav-tabs li{width:25%;text-align:center;}
.nav-tabs > li{margin-bottom:-2px;}
.nav-tabs > li.active > a,.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus{border:2px solid #108ccd;border-bottom-color:transparent;}
.nav-tabs > li > a{border-radius:0;background-color:#fff;margin-right:1px;}
/* 개입매출분석 관련 길어지는 탭 */
.nav-tabs02{border-bottom:2px solid #108ccd;margin-top:30px;margin-bottom:5px;}
.nav-tabs02 li{width:33.33%;text-align:center; float:left;}
.nav-tabs02 > li{margin-bottom:-2px;}
.nav-tabs02 > li.active > a,.nav-tabs02 > li.active > a:hover,.nav-tabs02 > li.active > a:focus{border:2px solid #108ccd;border-bottom-color:transparent;}
.nav-tabs02 > li > a{border-radius:0;background-color:#fff;margin-right:1px;}
/* ========== Forms ========== */
/*yk*/
input[type=text],input[type=email],input[type=password]{font-size:14px;vertical-align:middle;color:#333; height:30px;line-height:10px;border-bottom: 1px solid #ddd !important; -webkit-appearance: none;
   -webkit-border-radius: 0;}
/*input[type=text],input[type=email],input[type=password]{    background: #fff url(../img/bg_select.png) no-repeat right .5rem center;padding: 0 10px;    border: 0px;height: 30px;border-bottom: 1px solid #eee;}*/
input::placeholder,
input::-webkit-input-placeholder,
input::-moz-placeholder {
  line-height: 1.12 !important;
}
/*yk*/
/*input[type="radio"],input[type="checkbox"],select,textarea,button{font-size:13px;vertical-align:middle;color:#707070;}
textarea{padding:4px;border:1px solid #c6c6c6;resize:none;}
input[type="radio"],input[type="checkbox"]{padding:10px; height:35px;line-height:10px;border:1px solid #c6c6c6;}*/
/*select{ background:#8c8787 url(../img/bg_select.png)}*/

/*select{display:inline-block;background:#fff url(../img/bg_select.png) no-repeat right .5rem center;padding-right:2rem;border-radius:4px;padding:0 10px;height:30px;width:100%;border:1px solid #ddd;min-width:100px;-webkit-appearance:none;-moz-appearance:none;appearance:none;}*/
select{display: inline-block;
    background: #fff url(../img/bg_select.png) no-repeat right .5rem center !important;
    padding-right: 2rem;
    border-radius: 0px;
    padding: 0 10px;
    height: 30px;
    width: 100%;
    border: 0px;
    /* border-left: 0px; */
    border-: 0px;
    border-bottom: 1px solid #ddd !important;
    min-width: 100px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;margin-right:28px;padding-bottom: 2px}
/* IE 에서 Select box 화살표 제거 */
select::-ms-expand{display:none;}
input[type="radio"]+label{vertical-align:middle;margin-right:15px;}
input[type="time"]{padding:5px;}
input::-webkit-input-placeholder{/* Chrome/Opera/Safari */color:#f5f5f5; }
input::-moz-placeholder{/* Firefox 19+ */color:#f5f5f5;}
input::-ms-input-placeholder{/* IE 10+ */color:#f5f5f5;}
input::-moz-placeholder{/* Firefox 18- */color:#f5f5f5;}
/* ========== button ========== */button{outline:0;border:0;cursor:pointer;font-size:11px;background-color: #ebebeb;}
/* ========== table ========== */
.tab-content{scrollbar-face-color:#108ccd;scrollbar-track-color:#e0e0e0;scrollbar-arrow-color:none;scrollbar-highlight-color:#108ccd;scrollbar-3dlight-color:none;scrollbar-shadow-color:#108ccd;scrollbar-darkshadow-color:none;}
table caption{text-indent:-9999em;height:10px;}
.table_1{border-top:2px solid #666;width:100%;}
.table_1 tr{border-bottom:1px solid #bebebe;}
.table_1 tr:last-child{border-bottom:1px solid #666;}
.table_1 tr th,.table_1 tr td{padding:7px;}
.table_1 tr th{color:#505050;background:#f5f5f5;font-weight:600;}
.table_1 tr td{color:#5c5c5c;}
.table_1.call_list tr:hover{background:#fafafa;}
/* ==========  datepicker ========== */


/* ==========  Material Icons ========== */
@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:url(../fonts/Material-Design-Iconic-Font.eot);/* For IE6-8 */src:url(../fonts/Material-Design-Iconic-Font.woff2) format(woff2), url(../fonts/Material-Design-Iconic-Font.woff) format(woff), url(../fonts/Material-Design-Iconic-Font.ttf) format(truetype);}
/* ==========  Icons ========== */[class^=icon_]:before,[class*= icon_]:before{display:inline-block!important;width:1em;font-family:'Material Icons';font-variant:normal;line-height:1em;text-align:center;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
/*[class^=icon_] i,[class*= icon_] i{font-size:0;line-height:0;text-indent:-999rem;}*/
.icon_first:before{content:'\f2ff';}
.icon_last:before{content:'\f301';}
.icon_prev:before{content:'\f2fa';}
.icon_next:before{content:'\f2fb';}
/* ==========  paging ========== */
.paging{overflow:hidden;clear:both;margin:0 auto .5rem;font-size:0;text-align:center;zoom:1;margin-top:20px;}
.paging a{display:inline-block;width:25px;height:25px;margin-left:3px;border-radius:3px;line-height:2rem;font-size:12px;text-align:center;white-space:nowrap;}
.paging a:first-child{margin-left:4px;}
.paging a span{font-size:11px;}
.paging .icon_first,.paging .icon_next,.paging .icon_prev,.paging .icon_last{border:1px solid #cacaca;background:#fff;}
.paging .active{background:#1565bc;color:#fff;}
.paging strong {font-size: 14px;}
/* ========== footer ========== */footer{width:100%;height:70px;background:#ebebeb;padding:28px 30px;}
footer ul li{float:left;color:#4c749f;margin-right:10px;}
footer ul li .at_bar{display:inline-block;margin-right:9px;width:1px;height:11px;background:#4c749f;vertical-align:-2px;}
.btn_round{background-color:#108ccd;color:#fff;padding:5px 10px;border-radius:15px;}
.btn_round.btn2{background-color:#ff9c00;}
/* ========== layer_popup ========== */
.layer_popup{display:none;position:fixed;left:0;top:0;z-index:100;width:700px !important;background:#fff;color:#494949;}
/*.layer_popup input[type=password],input[type=text],input[type=date],input[type=tel],input[type=number],input[type=email],input[type=url],input[type=file]{padding:4px;}*/
.layer_popup .pop_title{position:relative;height:50px;line-height:50px;text-indent:16px;font-size:1rem;font-weight:500;background:#555555;color:#fff;padding-left: 35px}
.layer_popup .close{display:block;position:absolute;right:9px;top:7px;width:24px;height:24px;text-indent:0;}
.layer_popup .close img{vertical-align:baseline;}
.layer_popup .popup_contents{padding:20px 60px;padding-right: 63px;max-height:700px;overflow-x:hidden;overflow-y:auto;background-color: #fff;}
.layer_popup .login_type{margin-bottom:16px;padding:16px 20px;background:#fafafa;border:1px solid #bebebe;}
.layer_popup .login_type li{display:block;margin-top:12px;font-size:.875rem;}
.layer_popup .login_type li:first-child{margin-top:0;}
.layer_popup .login_type .top_box_txt{display:inline-block;vertical-align:top;line-height:27px;}
.layer_popup .login_type .top_box_txt:first-child{width:105px;}
.layer_popup .popup_contents .contents_info .additional{display:block;margin-top:5px;font-size:.813rem;color:#0e56a4;margin-bottom:5px;}
.modalmask{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:80;background-color:rgba(0,0,0,.4);}
.modal_close{float: right; margin: 5px 10px;}
.modal_body{margin:20px;}
.login_type ul li span .btn1{min-width:70px;}
.layer_popup .popup_contents .popup_list{width:100%;height:300px;overflow-y:auto;border:1px solid #bebebe;}
.layer_popup .popup_contents .popup_list ul li{width:100%;display:table;border-bottom:1px solid #eee;}
.layer_popup .popup_contents .popup_list ul li span{display:table-cell;text-align:center;padding:10px 5px;}
.layer_popup .popup_contents .popup_list ul li span:first-child{width:15%;}
.layer_popup .popup_contents .popup_list ul li span:nth-child(2){width:20%;}
.layer_popup .popup_contents .popup_list ul li span:nth-child(3){width:10%;}
.layer_popup .popup_contents .popup_list ul li span:nth-child(4){width:35%;}
.layer_popup .popup_contents .popup_list ul li span:last-child{width:20%;}
.layer_popup .popup_contents label {font-size: 13px;}

/*yk*/
.layer_popup .popup_contents02{padding:20px 45px;padding-right: 45px;max-height:700px;overflow-x:hidden;overflow-y:auto;}

.layer_popup .popup_contents02 .contents_info .additional{display:block;margin-top:5px;font-size:.813rem;color:#0e56a4;margin-bottom:5px;}

.layer_popup .popup_contents02 .popup_list{width:100%;height:300px;overflow-y:auto;border:1px solid #bebebe;}
.layer_popup .popup_contents02 .popup_list ul li{width:100%;display:table;border-bottom:1px solid #eee;}
.layer_popup .popup_contents02 .popup_list ul li span{display:table-cell;text-align:center;padding:10px 5px;}
.layer_popup .popup_contents02 .popup_list ul li span:first-child{width:15%;}
.layer_popup .popup_contents02 .popup_list ul li span:nth-child(2){width:20%;}
.layer_popup .popup_contents02 .popup_list ul li span:nth-child(3){width:10%;}
.layer_popup .popup_contents02 .popup_list ul li span:nth-child(4){width:35%;}
.layer_popup .popup_contents02 .popup_list ul li span:last-child{width:20%;}
.layer_popup .popup_contents02 label {font-size: 13px; margin-right: 5px}


/* ========== layer_popup ========== */
.layer_popup_small{display:none;position:fixed;left:0;top:0;z-index:100;width:680px !important; height: 210px !important; background:#fff;color:#494949;}
/*.layer_popup_small input[type=password],input[type=text],input[type=date],input[type=tel],input[type=number],input[type=email],input[type=url],input[type=file]{padding:4px;}*/
.layer_popup_small .pop_title{position:relative;height:50px;line-height:50px;text-indent:16px;font-size:1rem;font-weight:500;background:#555555;color:#fff;padding-left: 35px}
.layer_popup_small .close{display:block;position:absolute;right:9px;top:7px;width:24px;height:24px;text-indent:0;}
.layer_popup_small .close img{vertical-align:baseline;}
.layer_popup_small .popup_contents{padding:20px 60px;padding-right: 63px;max-height:700px;overflow-x:hidden;overflow-y:auto;}
.layer_popup_small .login_type{margin-bottom:16px;padding:16px 20px;background:#fafafa;border:1px solid #bebebe;}
.layer_popup_small .login_type li{display:block;margin-top:12px;font-size:.875rem;}
.layer_popup_small .login_type li:first-child{margin-top:0;}
.layer_popup_small .login_type .top_box_txt{display:inline-block;vertical-align:top;line-height:27px;}
.layer_popup_small .login_type .top_box_txt:first-child{width:105px;}
.layer_popup_small .popup_contents .contents_info .additional{display:block;margin-top:5px;font-size:.813rem;color:#0e56a4;margin-bottom:5px;}
.modalmask{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:80;background-color:rgba(0,0,0,.4);}
.modal_close{float: right; margin: 5px 10px;}
.modal_body{margin:20px;}
.login_type ul li span .btn1{min-width:70px;}
.layer_popup_small .popup_contents .popup_list{width:100%;height:300px;overflow-y:auto;border:1px solid #bebebe;}
.layer_popup_small .popup_contents .popup_list ul li{width:100%;display:table;border-bottom:1px solid #eee;}
.layer_popup_small .popup_contents .popup_list ul li span{display:table-cell;text-align:center;padding:10px 5px;}
.layer_popup_small .popup_contents .popup_list ul li span:first-child{width:15%;}
.layer_popup_small .popup_contents .popup_list ul li span:nth-child(2){width:20%;}
.layer_popup_small .popup_contents .popup_list ul li span:nth-child(3){width:10%;}
.layer_popup_small .popup_contents .popup_list ul li span:nth-child(4){width:35%;}
.layer_popup_small .popup_contents .popup_list ul li span:last-child{width:20%;}
.layer_popup_small .popup_contents label {font-size: 13px;}
/* ==========  datepicker ========== */
.datepicker{}
.ui-datepicker{width:20rem!important;text-align:center;}
.ui-datepicker-trigger{display:inline-block;min-width:1.6rem;height:30px;background:#666;border-radius:3px;padding:0 .4rem;margin-left:.2rem;}
.ui-datepicker-trigger img{width:1rem;height:1rem;margin-top:-3px;}
.ui-datepicker{display:none;background:#fff;border-radius:3px;border:1px solid #343d5e;-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 2px 3px 0 rgba(0,0,0,0.2);-ms-box-shadow:0 2px 3px 0 rgba(0,0,0,0.2);box-shadow:0 2px 3px 0 rgba(0,0,0,0.3);}
.ui-datepicker .ui-datepicker-prev{position:absolute;top:0;left:0;padding:15px;}
.ui-datepicker .ui-datepicker-next{position:absolute;top:0;right:0;padding:15px;}
.ui-datepicker-year{margin-right:5px;}
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{text-indent:-999rem;font-size:0;overflow:hidden;}
.ui-datepicker .ui-datepicker-prev span:before,.ui-datepicker .ui-datepicker-next span:before{display:inline-block!important;text-indent:0;color:#fff;line-height:2rem;font-size:2rem;font-family:'Material Icons';font-variant:normal;text-align:center;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.ui-datepicker .ui-datepicker-prev span:before{content:'\f2fa';}
.ui-datepicker .ui-datepicker-next span:before{content:'\f2fb';}
.ui-datepicker .ui-datepicker-title{text-align:center;line-height:40px;font-size:1rem;font-weight:bold;}
.ui-datepicker-header{position:relative;background:#343d5e;color:#fff;}
.ui-datepicker table{width:100%;font-size:15px;border-collapse:collapse;margin:0 0 5px;}
.ui-datepicker thead{border-bottom:1px solid #555;background:#343d5e;color:#fff;font-size:1rem;}
.ui-datepicker .ui-datepicker-calendar .ui-state-default{width:2rem;height:2rem;text-align:center;line-height:2rem;font-size:1rem;font-weight:bold;color:#666;}
.ui-datepicker-calendar tbody td{border-bottom:1px solid #f0f0f0;}
.ui-datepicker th{padding:.6rem;}
.ui-datepicker td{border:0;font-size:1rem;text-align:center;padding:.4rem;}
.ui-datepicker td span,.ui-datepicker td a{display:block;text-align:right;text-decoration:none;}
.ui-datepicker .ui-datepicker-current-day .ui-state-default{background:#1e75d6;border-radius:50%;color:#fff;}
.ui-datepicker-calendar thead th{font-weight:bold;}
.ui-datepicker-calendar thead th:first-child{color:#f26d7d;}
.ui-datepicker-calendar thead th:nth-child(7){color:#00b4ed;}
.ui-datepicker-calendar tr td:first-child .ui-state-default{color:#f26d7d;}
.ui-datepicker-calendar tr td:last-child .ui-state-default{color:#00b4ed;}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today .ui-state-default{background:#ccc;color:#000;border-radius:50%;}
.ui-datepicker-month,.ui-datepicker-year{border:1px solid #32404e;}
.ui-datepicker-buttonpane{padding:5px;}
.ui-datepicker-buttonpane:after{display:block;clear:both;content:'';}
.ui-datepicker button{border:1px solid #e1e1e1;background:#fff;border-radius:3px;font-size:1rem;padding:2px 7px;}
.ui-datepicker .ui-datepicker-current{float:left;}
.ui-datepicker .ui-datepicker-close{float:right;}
/* ============== btn =================== */
/*a.btn_add {display: inline-block;background: #1da0dc;color: #fff;text-decoration: none;border: 0;}*/
/*a.btn_add,.btn_add {display: inline-block;background: #1da0dc;color: #fff;text-decoration: none;border: 0;}*/
/*a.btn_add:hover, .btn_add:hover{color:#1da0dc;border-color:#1da0dc}*/
/* 버튼 */
.btn_wrap{margin:0;margin-right: -10px}
.btn_wrap .card-footer{float: right;     margin: 10px 10px;}
a.btn_add,.btn_add{display:inline-block;background:#108ccd;color:#fff;height:25px;line-height:1.4;border-radius:5px;padding:0 15px;font-weight:normal;font-size:14px; }
a.btn_add2,.btn_add2{display:inline-block;background:#108ccd;color:#fff;height:25px;line-height:1.6;border-radius:5px;padding:0 15px;font-weight:normal;font-size:14px; }
.btn_add2:focus,.btn_add2:hover {background:#ebebeb;color:#333;}
a.btn_add2:focus,a.btn_add2:hover{background:#ebebeb;color:#333;}
.btn_add:focus,.btn_add:hover {background:#ebebeb;color:#333;}
a.btn_add:focus,a.btn_add:hover{background:#ebebeb;color:#333;}
a.btn_add02,.btn_add02{display:inline-block;background:#555555;color:#fff;padding:0 5px;height:25px;line-height:1.4;border-radius:5px;padding:0 15px;font-weight:normal;font-size:14px; }
.btn_add02:focus,.btn_add02:hover {background:#ebebeb;color:#333;}
a.btn_add02:focus,a.btn_add02:hover{background:#ebebeb;color:#333;}
a.btn_submit,.btn_submit{display:inline-block;background:#108ccd;color:#fff;padding:0 5px;height:30px;line-height:28px;border-radius:5px;padding:0 15px;font-weight:normal;font-size:14px;margin-left: 4px;}
a.btn_submit:focus,a.btn_submit:hover{background:#ebebeb;color:#333;}
.btn_submit:focus,.btn_submit:hover{background:#ebebeb;color:#333;}
a.btn_cancel,.btn_cancel{display:inline-block;background:#555555;color:#fff;padding:0 5px;height:30px;line-height:28px;border-radius:5px;padding:0 15px;font-weight:normal; font-size:14px; margin-left: 4px;}
a.btn_cancel:focus,a.btn_cancel:hover{background:#ebebeb;color:#333; }
.btn_cancel:focus, .btn_cancel:hover{background:#ebebeb;color:#333; }
a.btn_gray,.btn_gray{display:inline-block;background:#ebebeb;color:#333;padding:0 5px;height:25px;line-height:24px;border-radius:5px;padding:0 15px;font-weight:normal;}
a.btn_gray:focus,a.btn_gray:hover{background:#ebebeb;color:#333;}

a.btn_del,.btn_del{display:inline-block;background:#d9534f;color:#fff;padding:0 5px;height:25px;line-height:25px;border-radius:5px;padding:0 15px;font-weight:normal;font-size:14px; }
.btn_del:focus,.btn_del:hover {background:#ebebeb;color:#333;}
a.btn_del:focus,a.btn_del:hover{background:#ebebeb;color:#333;}
a.btn_excel,.btn_excel{background-color: #529244;}

.btn_down{display:inline-block;background:#ebebeb;color:#555;height:25px;line-height:1.4;border-radius:5px;padding:0 15px;font-weight:normal;font-size:14px;}
.btn_down:focus,.btn_down:hover {background:#555;color:#fff;}

.btn_orange {
    background-color: #f29341;
    float: right;
    margin-left: 8px;
    color: #fff;
    height: 25px;
    line-height: 1.4;
    border-radius: 5px;
    padding: 0 15px;
    font-weight: normal;
    font-size: 14px;
}
.btn_submit_orange {
  display: inline-block;
    background-color: #f29341;
    margin-left: 8px;
    color: #fff;
    height: 30px;
    line-height: 28px;
    border-radius: 5px;
    padding: 0 15px;
    font-weight: normal;
    font-size: 14px;
    width: 120px;
}
.btn_orange_sm {
  display: inline-block;
    background-color: #f29341;
    margin-left: 8px;
    color: #fff;
    height: 22px;
    border-radius: 5px;
    padding: 0 15px;
    font-weight: normal;
    font-size: 12px;
}
.btn:hover {
    background:#ebebeb;
    color:#333;
}


/*검색버튼*/
.btn_search{display:inline-block;background:#555555;color:#ffffff;padding:0 5px;height:30px;width:100%;line-height:30px;border-radius:5px;padding:0 15px;font-weight:normal; font-size: 12px;}
.btn_search:focus,.btn_search:hover{background:#ebebeb;color:#333;}
/* 테이블 */
.tbl_head:after{display:block;visibility:hidden;clear:both;content:""}
.tbl_head button,.tbl_head a{float:right; margin-left: 8px;}
.tbl_head select{float: left;height: 25px;width: 130px;}
.tbl_list01 {margin-bottom: 16px}
.tbl_list01 table{width:100%;}
.tbl_list01 thead tr{border-top:1px solid #cccccc; border-bottom: 1px solid #cccccc; }
.tbl_list01 th{background-color:#ebebeb;color:#000; font-weight: 400; text-align: center;padding:9px 14px; vertical-align:middle;position: relative;font-size: 14px}
.tbl_list01 th:after{content: '';position: absolute;right: 0px;bottom: 0px;width: 1px;height: 15px;background-color: #cccccc}
.tbl_list01 th:last-child:after{height: 0px;}
.tbl_list01 td{text-align: center;padding:10px 10px;vertical-align:middle} 
.tbl_list01 td a {/*yk margin-left: 15px;*/ float: left;}
.tbl_list01 td a span{font-size:15px;}
/*.tbl_list01 tr{border-bottom:1px solid #f8f8f8;}*/
.tbl_list01 tr:nth-child(even){background-color:#f8f8f8;}
.tbl_list01 tr:hover{background: #d9edf7}

.tbl_list02 table{width:100%; }
.tbl_list02 thead tr{border-top:1px solid #cccccc; border-bottom: 1px solid #cccccc; }
.tbl_list02 th{background-color:#ebebeb;color:#000; font-weight: 400; text-align: center;padding:10px 14px; vertical-align:middle;font-size: 14px}
.tbl_list02 td{text-align: center;padding:10px 10px;vertical-align:middle} 
.tbl_list02 td a {margin-left: 10px;}
.tbl_list02 td a span{font-size:18px;}
.tbl_list02 tr{border-bottom:1px solid #f8f8f8;}
.tbl_list02 tr:nth-child(even){background-color:#f8f8f8;}
/*.tbl_list02 tr:hover{background: #d9edf7}*/

.tbl_list03 table{width:100%;}
.tbl_list03 thead tr{border-top:1px solid #cccccc; border-bottom: 1px solid #cccccc; }
.tbl_list03 th{background-color:#ebebeb;color:#000; font-weight: 400; text-align: center;padding:10px 14px; vertical-align:middle;position: relative;font-size: 14px}
/*.tbl_list03 th:after{content: '';position: absolute;right: 0px;bottom: 0px;width: 1px;height: 15px;background-color: #cccccc}*/
.tbl_list03 th:last-child:after{height: 0px;}
.tbl_list03 td{text-align: left;padding:10px 10px;vertical-align:middle} 
.tbl_list03 td a {margin-left: 15px;}
.tbl_list03 td a span{font-size:15px;}
.tbl_list03 tr{border-bottom:1px solid #f8f8f8;}
.tbl_list03 tr:nth-child(even){background-coslor:#f8f8f8;}
.tbl_list03 tr:hover{background: #d9edf7}

.tbl_list04 {width:100%; border-bottom: 1px solid #ddd !important; border-collapse: inherit !important;}
.tbl_list04 table{width:100%; border-bottom: 1px solid #ccc; border-spacing: 1px !important;}
.tbl_list04 thead tr{border-top:1px solid #cccccc; border-bottom: 1px solid #cccccc; }
.tbl_list04 th{background-color:#ebebeb;color:#000; font-weight: 400; text-align: center;padding:10px 14px; vertical-align:middle;font-size: 14px}
.tbl_list04 td{text-align: center;padding:10px 10px;vertical-align:middle} 
.tbl_list04 td a {margin-left: 10px;}
.tbl_list04 td a span{font-size:18px;}
.tbl_list04 tr{border-bottom:1px solid #f8f8f8;}
.tbl_list04 tr:nth-child(even){background-color:#f8f8f8;}

/* 01에서 번갈아 나타나는 색 없앰 */
.tbl_list05 {margin-bottom: 16px}
.tbl_list05 table{width:100%;}
.tbl_list05 thead tr{border-top:1px solid #cccccc; border-bottom: 1px solid #cccccc; }
.tbl_list05 th{background-color:#ebebeb;color:#000; font-weight: 400; text-align: center;padding:9px 14px; vertical-align:middle;position: relative;font-size: 14px}
.tbl_list05 th:after{content: '';position: absolute;right: 0px;bottom: 0px;width: 1px;height: 15px;background-color: #cccccc}
.tbl_list05 th:last-child:after{height: 0px;}
.tbl_list05 td{text-align: center;padding:10px 10px;vertical-align:middle} 
.tbl_list05 td a {/*yk margin-left: 15px;*/ float: left;}
.tbl_list05 td a span{font-size:15px;}
.tbl_list05 tr:hover{background: #d9edf7}


/*
#menu ul { padding:0; margin:0; }
#menu ul li { margin: 0; list-style: none; }
#menu a { display:block; text-decoration:none; }*/
/*display: table-cell;
padding-left: 10px;
text-align: left;
vertical-align: middle;*/

.tab-content {
    overflow-y: hidden;
    overflow-x: hidden;
}

.chk_comment{text-align: center; color:#ff0000; height: 30px;line-height: 28px;padding-left: 4px;text-align: left;}

.dot{    width: 60px;
    height: 29px;
    display: block;
    float: left;
    text-align: center;
    font-size: 3px;
    line-height: 3;
    color: #108ccd;display: none }

.dot a {display:block; }   
.dot_span{width: 5px;height: 5px;background-color: #000;border-radius: 10px;display: inline-block; /*display: table-cell; vertical-align: middle; line-height: 20px;*/}

.dot_on {
  background: #ebebeb;
  color: #fff;
}    
.dot_on a {color: #fff; }
.dot_on .dot_span{background-color: #fff}

.side-menu {
position:relative;
width:200px;
display: block;
float: left;
margin-top: 10px;
}

.side-menu h1 {
height:40px;
text-align:center;
color:#fff;
font-size:20px;
line-height:1.8;
letter-spacing:-2px;
background:#d71a21;
}

.side-menu > ul > li {
/*border-bottom:1px solid #dcdcdc;*/
height: 40px;
}

.side-menu > ul > li > a {
display:block;
color:inherit;
font-size:13px;

/*padding:14px 35px 14px 15px;*/
}
.side-menu > ul > li > a:hover{
  color:#000;
  background-color:#108ccd;
}

.side-menu > ul > li a:hover {
  color:#000;
  background-color:#108ccd;
}

.side-menu > ul > li.on > a {
  color:#108ccd;
/*background:#f5f2ec url(https://t1.daumcdn.net/cfile/tistory/257B794F570C5C0D1A) no-repeat 95% 14px;*/
}

.side-menu > ul > li ul {
display:none;
float:left;
width: 200px;
}

.side-menu > ul > li > ul > li > a {
display:block;
font-size:13px;
/*background:#f5f2ec url(https://t1.daumcdn.net/cfile/tistory/2417E04D570C5C0225) no-repeat 95% 1px;*/
color:#333;
/*background-color:#f5f2ec;*/
padding:0px 0 0px 60px;
height: 40px;
line-height: 40px;
}

.side-menu > ul > li > ul > li.on a {
background:#ebebeb; color:#333;
/*background:#f5f2ec url(https://t1.daumcdn.net/cfile/tistory/257B794F570C5C0D1A) no-repeat 95% 3px;*/
}

.side-menu > ul > li > ul > li span {
  display: none;
}

.side-menu > ul > li > ul li ul {
display:none;
padding-bottom:8px;
background-color:#f5f2ec;
}

.side-menu > ul > li > ul li li a {
display:block;
color:#666;
font-size:12px;
background-color:#f5f2ec;
padding:0 25px 10px 22px;
}

.side-menu > ul > li > ul > li > a:hover {
  color:#fff;
  background-color:#108ccd;
}
.side-menu > ul > li > ul > li li a:hover {
color:#ededed;
}

.side-menu > ul li.noDepth a {
background-image:none!important;
}

/* 검색영역 */
.search_wrap{/*background-color:#f6f7fa;*/padding:10px 0px;/*margin-bottom:30px;*/ font-size:14px;/* border-bottom: 2px solid #108ccd*/}
.search_wrap label{margin-left: 14px; margin-right: 14px; margin-top:5px;}
.table_wrap{/*background-color:#f6f7fa;*/padding:10px 0px;margin-bottom:30px; font-size:14px;}
.table_wrap label{margin-left: 14px; margin-right: 14px; margin-top:5px;}
#stx_name {font-size:14px; width:130px; margin-right: 14px;padding-bottom: 10px;}
#stx_year,#stx_team_id,#stx_div_id,#stx_mb_state{width: 130px;}
.right_bar{position: relative;}
.right_bar:after{content: "";width: 1px;height: 15px;background-color: #ddd;display: inline-block;position: absolute;top: 6px;right: 0px}
.menu_icon i {font-size:20px;}
.material-icons-outlined{font-size:18px !important;}
.status {width: 80px;
    height: 17px;
    display: block;
    float: left;
    text-align: center;
    font-size: 0.7em;
    line-height: 2;
}

.dot_blue {color:#108ccd;}
.dot_green {color:#92d050;}
.dot_red {color:#c55a11;}
.dot_gray {color:#7f7f7f;}
.dot_yellow{color:#f29341;}

#promote_year, #gradeup_year{width:40px; float: left;}
#promote_year, #gradeup_year span{line-height: 30px;}


.ml-0{margin-left: 0px !important}
.mr-5{margin-right: 5px !important}


.file_box,.file_box01,.file_box02,.file_box03 {border-bottom: 1px solid #ddd; }
/* 파일 버튼 */
.file_box label, .file_box01 label,.file_box02 label,.file_box03 label{
  display: inline-block;
  padding: .25em .6em;
  color: #fff;
  font-size: 12px;
  line-height: normal;
  vertical-align: middle;
  background-color: #555555;
  cursor: pointer;
  border-radius: 5px;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.file_box label:hover, .file_box01 label:hover,.file_box02 label:hover,.file_box03 label:hover {
  background-color: #ededed;
}

.file_box label:active, .file_box01 label:active,.file_box02 label:active,.file_box03 label:active {
  background-color: #ededed;
}

.file_box input[type="file"], .file_box01 input[type="file"],.file_box02 input[type="file"],.file_box03 input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.file_name {border:0px; width: 180px; background-color: #fff; margin-left:10px; }
.file_name01, .file_name02, .file_name03{border:0px; width: 380px; background-color: #fff; margin-left:10px; }
/* 가로 영역이 넘어가는 테이블 */
.row_scroll_wrap{max-width: 1023px; overflow-x: scroll;}

/*yk*/
._wrap {}
.main_wrap {margin: 0 10px;    padding-top: 10px;}
.containers .bill{margin:0!important; padding-top:15px!important;}
.tb_subtitle {margin: 30px 0 10px;}
.tb_subtitle02 {margin: 10px 0;}
.tb_titlewrap {padding: 10px 0}
.sales_action_wrap{padding: 10px 0 0 0}
.tb_wrap {padding: 10px 0}
.tb_wrap div {padding: 10px 0;}
.view-footer {float: right;margin-right: 10px;}
.grant_wrap {padding: 0 10px;}
.lnr-file-add {font-size: 17px !important; }
.tdt_line {border-top: 1px solid #f8f8f8;}
.grid_forced {    margin-left: 10px !important; margin-right: 10px !important;}
.dp_design {display: inline-block;
    background: url(../img/bg_select.png) no-repeat right .5rem center; border: none; color: #999999;    margin-left: 10px;}
.form_arrow {background: #fff url(../img/bg_select.png) no-repeat right .5rem center; margin: 0;}
.form_solution {    border-bottom: 1px solid #ddd;}
.form_left {/*margin-left: 14px;*/}
.select02 {    display: inline-block;
    background: #fff url(../img/bg_select.png) no-repeat right .5rem center !important;
    padding-right: 2rem;
    border-radius: 0px;
    padding: 0 10px;
    height: 30px;
     width: auto; 
    border: 0px;
    /* border-left: 0px; */
    border-: 0px;
    border-bottom: 1px solid #ddd !important;
    min-width: 100px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
     margin-right: 0px; 
    padding-bottom: 2px}
.status02 span {font-size: 13px; margin-left: 4px; vertical-align: middle;}
.status02 {
    margin-right: 15px;
    height: 17px;
    display: block;
    float: left;
    text-align: center;
    font-size: 0.7em;
    line-height: 2;
}
.paging_wrap {color: #333; border: none;    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;}
.paging_wrap li a { background-color: #f8f8f8 }
.paging_wrap {
  display: inline-block;
  padding-left: 0;
  margin: 10px 0;
  border-radius: 4px;
}
.paging_wrap > li {
  display: inline;
}
.paging_wrap > li > a,
.paging_wrap > li > span {
  position: relative;
  float: left;
  padding: 3px 0;
  /*margin-left: -1px;*/
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #eee;

}
.paging_wrap > li:first-child > a,
.paging_wrap > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.paging_wrap > li:last-child > a,
.paging_wrap > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.paging_wrap > li > a:hover,
.paging_wrap > li > span:hover,
.paging_wrap > li > a:focus,
.paging_wrap > li > span:focus {
  color: #23527c;
  background-color: #eee;
  border-color: #eee;
}
.paging_wrap > .active > a,
.paging_wrap > .active > span,
.paging_wrap > .active > a:hover,
.paging_wrap > .active > span:hover,
.paging_wrap > .active > a:focus,
.paging_wrap > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #108ccd;
  border-color: #108ccd;
}
.paging_wrap > .disabled > span,
.paging_wrap > .disabled > span:hover,
.paging_wrap > .disabled > span:focus,
.paging_wrap > .disabled > a,
.paging_wrap > .disabled > a:hover,
.paging_wrap > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.lnr-chevron-down {font-weight: 900!important;font-size: 10px; }
.lnr {font-size: 15px; margin: 5px;}
.lnr-trash {font-size: 16px!important}
.sort_arrow {font-size: 10px;}
/*.form_left {text-align: left!important; padding-left: 50px!important;}*/
.insert_wrap {margin:0 10px;}
/*.lnr_right {text-align: right!important;}*/
.sum_list {    background-color: #ebebeb!important; 
    color: #000;
    font-weight: 400;
    text-align: center;
    padding: 9px 14px;
    vertical-align: middle;
    position: relative;
    font-size: 14px;
  border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
   }
   .sum_list td { padding: 9px 10px!important }

.left_02 tr td:nth-child(2){text-align: left; padding-left: 40px;}
.left_03 tr td:nth-child(3){text-align: left; padding-left: 30px;}
.left_03_20 tr td:nth-child(4){text-align: left; padding-left: 20px;}
.left_04 tr td:nth-child(4){text-align: left; padding-left: 20px;}
.left_05 tr td:nth-child(5){text-align: left; padding-left: 40px;}
.left_07 tr td:nth-child(7){text-align: left; padding-left: 20px;}
.icon_right tr td:last-child {text-align: right!important;}
/*#chkall {height: auto;}*/

.text-left{text-align: left !important}
.text-right{text-align: right !important}
.text-center{text-align: center !important}


/*아이콘*/
.icon { margin: 5px;}

/* dropdown */

.account-item{position: relative;float: right}
.account-dropdown {
    min-width: 150px;
    position: absolute;
    top: 60px;
    right: -30px;
    background: #fff;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
    z-index: 3;
}

.account-dropdown__footer {
    border-top: 1px solid #f2f2f2;
}

.account-dropdown__footer a {
    display: block;
    color: #333;
    padding: 15px 25px;
    font-size: 14px;
}

.account-dropdown__footer a:hover {
    background: #34b1da;
    color: #fff;
}

.account-dropdown__footer a i {
    line-height: 1;
    margin-right: 20px;
    font-size: 18px;
    vertical-align: middle;
}

.show-dropdown .js-dropdown {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}


/* YK */

/* estimate - write */
.tb_esti_w { text-align:left; margin:0 0 16px;}
.tb_esti_w td{ padding: 10px 0; }
.tb_esti_w td:first-child {     border-left: none; }
.tb_esti_w td:last-child {    border-right: none; }
.tb_esti_w .esti_title { background-color: transparent; vertical-align: middle; font-weight: 500}
.tb_esti_w .esti_con {  vertical-align: middle; }
/* estimate - view */
.tb_esti { text-align: center; margin:0 0 16px;}
.tb_esti td{ padding: 10px 0; border: 1px solid #ccc; }
.tb_esti td:first-child {     border-left: none; }
.tb_esti td:last-child {    border-right: none; }

.tb_sales { text-align: left; margin:0px;}
.tb_sales td{ padding: 10px 20px; border: 1px solid #ccc; }
.tb_sales td:first-child {     border-left: none; }
.tb_sales td:last-child {    border-right: none; }
.tb_sales { text-align: left; margin:0px;}

.esti_title { background-color: #ebebeb; vertical-align: middle; font-weight: 500}
.esti_con {  vertical-align: middle; }
.side_pad {padding-right: 0; padding-left: 0;}
.side_pad_02 {padding-right: 10px; padding-left: 10px;}
.con_name {font-size: 30px; font-weight: 600;}
.pad_top { padding-top: 30px; }
.bill_wrap {

}
.bill_wrap tr td .form-control {
    width: 250px;
    float: left;
}

/* sales_plan/list/member */
.sub_total {
    border-bottom: 1px solid #ddd;
    color: #108ccd;
}
.sub_total_year {
    border-bottom: 1px solid #ddd;
}
.sub_total_year tr:last-child {
    color: #108ccd;
}
.sub_total_year02 {
    border-bottom: 1px solid #ddd;
}
.sub_total_year02 td:nth-child(n+2):nth-child(-n+6){
    color: #108ccd;
}
.sw_line {
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.sw_line_fff {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
}
.sw_right_line{
  border-right: 1px solid #ddd;
}
.sw_right_line_fff {
  border-right: 1px solid #fff;
}
.quarter {
    background-color: #eee;
    border-bottom: 1px solid #ddd;
}
.quarter_noline {
  background-color: #eee;
}
.quarter_bold {
    background-color: #eee;
    border-bottom: 1px solid #ddd;
    font-weight: 600;
}
.Semiannual {
    font-weight: 600;
    background-color: #cae6f4;
}
.Semiannual_year {
    background-color: #cae6f4;
}
.yearly {
    font-weight: 600;
    color: #ffffff;
    background-color: #108ccd;
    border-bottom: 2px solid #108ccd;
}


/* 영업활동내역 */
.action_input tr { height: 56px; }
.action_input label {width: 70px; float: left;}
.action_input input {width: 300px; float: left;}
.action_input select {width: 300px; float: left;}


/* 견적서 */
/*.estimate_input {padding:10px 0px;}*/
.estimate_input tr { height: 56px; }
.estimate_input label {width: 80px; float: left;}
.estimate_input input {width: 250px; float: left;}
.estimate_input select {width: 250px; float: left;}

.vaca_term{text-align:center;}
#vaca_term_sum{text-align:center;}
#vaca_term_minus{text-align:center;}


/* 200131 수정사항 */
/*.solution_cost_table th:nth-child(3) {
  text-align: left;
}*/
.solution_cost_table td:nth-child(3) {
  text-align: left;
}

/* 수주보고서 */
.tb_esti_w tr td ul li {
  width: 100%;
}


/* 시스템관리 프로파일 등록 */
.menu_top {
    background-color: #ddd;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    float: left;
    height: 30px;
    text-align: center;
    padding: 5px;
}
.auth_top {
    background-color: #ddd;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    float: left;
    height: 30px;
    text-align: center;
    padding: 5px;
}
.auth_top span {
  margin: 0 8px;
}
.menu_wrap {    
    padding: 0!important;
}
.menu_profile {
    background-color: #eee; 
    padding: 0!important;
}
.auth {
    background-color: #fff;
    float: right;
    padding: 5px 10px 4px!important;
}
.auth input {
    margin-left: 31px;
}
.menu_profile ul {

}

.menu_profile ul li div {
    padding: 6px 10px;
    border-bottom: 1px solid #ccc;
    height: 30px;
}
.step2 {
    padding-left: 20px!important;
}
.step3 {
    padding-left: 30px!important;
}
.menu_first {
   font-weight: 600;
   text-align: center;
}