@charset "utf-8";
/* CSS Document */
/* KJ S&M Digital Insight Group Hwnag In Dong */


@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('/font/NanumGothic.eot');
  src: url('/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
       url('/font/NanumGothic.woff') format('woff'),
       url('/font/NanumGothic.woff') format('woff'),
       url('/font/NanumGothicBold.woff') format('woff'),
       url('/font/NanumGothicBold.eot') format('eot'),
}
.wrap_inner{position:relative;overflow:hidden;background-color:#f5f5f5}

.m-top{display:none}

.btn_menu_area{display:none}


/* side_wrap */
.side_wrap{position:fixed;width:100%;max-width:200px;z-index:50}
.side_wrap:after{display:block;position:absolute;top:0;right:-8px;width:9px;height:110%;background:url(../images/common/bg_left_sh.png) repeat-y;content:'';}
.top_area{position:relative;height:204px;padding:30px 20px;background:url(../images/common/bg_top_area.gif) no-repeat}
.top_logo{margin:0 0 20px;font-size:0;}
.top_area .user_area{color:#fff}
.top_area .user_area p{margin-bottom:14px;font-size:13px;}
.top_area .user_area .user_name{font-size:18px;letter-spacing:-2px}
.top_area .user_area .user_name span{font-size:16px;letter-spacing:-2px}
.top_area .top_util{}
.top_area .top_util:after{}
.top_area .top_util li{display:inline-block;min-width:76px;}
.top_area .top_util li:first-child{margin-right:3px;}
.top_util li a{display:block;border:1px solid #fff;border-radius:20px; text-align:center; line-height:30px;color:#fff}
.button_menu{position:absolute;top:56px;right:-12px;width:13px;height:92px;background:url(../images/common/btn_menu.png) no-repeat; z-index:10}
.button_close{position:absolute;top:56px;right:-12px;width:13px;height:92px;background:url(../images/common/btn_menu.png) no-repeat; z-index:11}
.button_close .glyphicon-triangle-left{font-size:12px;color:#fff}
.button_menu .glyphicon-triangle-right{font-size:12px;color:#fff}

.slim_scroll_area{height:100%;background-color:#f6f6f7}
.left-menu-item{margin-bottom:0}
.left-menu-item > li{position:relative;background-color:#f6f6f7;border-bottom:1px solid #f0f0f0}
.left-menu-item > li > a{display:block;position:relative;padding:10px 20px 10px 54px;color:#4c4c4c}
.left-menu-item > li > a:hover,.left-menu-item > li > a:focus,.left-menu-item > li.on > a{color:#c7171d}
.left-menu-item > li:before{-webkit-transition: -webkit-transform .5s;transition: -webkit-transform .5s;transition: transform .5s;transition: transform .5s, -webkit-transform .5s;}
.left-menu-item > li.on:before{display:block;position:absolute;top:0;left:0;width:5px;height:100%;background-color:#c92228;content:''; z-index:10}

.left-menu-item > li .glyphicon-menu-down {-webkit-transition: -webkit-transform .15s;transition: -webkit-transform .15s;transition: transform .15s;transition: transform .15s, -webkit-transform .15s;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-transform: translate(0, 0);transform: translate(0, 0);color: #4c4c4c;}
.left-menu-item > li.on .glyphicon-menu-down{-webkit-transform: rotate(180deg);transform: rotate(180deg);}


.left-menu-item .go_hompage > a{background:url(../images/common/ico_go_homepage.png) 21px 11px no-repeat }
.left-menu-item .item_lst1 > a{background:url(../images/common/ico_bg_item_lst1.png) 21px 14px no-repeat }
.left-menu-item .item_lst2 > a{background:url(../images/common/ico_bg_item_lst2.png) 21px 14px no-repeat }
.left-menu-item .item_lst3 > a{background:url(../images/common/ico_bg_item_lst3.png) 21px 14px no-repeat }
.left-menu-item .item_lst4 > a{background:url(../images/common/ico_bg_item_lst4.png) 21px 14px no-repeat }
.left-menu-item .item_lst5 > a{background:url(../images/common/ico_bg_item_lst5.png) 21px 14px no-repeat }
.left-menu-item .item_lst6 > a{background:url(../images/common/ico_bg_item_lst6.png) 21px 14px no-repeat }
.left-menu-item .item_lst7 > a{background:url(../images/common/ico_bg_item_lst7.png) 21px 14px no-repeat }
.left-menu-item .item_lst8 > a{background:url(../images/common/ico_bg_item_lst8.png) 21px 14px no-repeat }
.left-menu-item .item_lst9 > a{background:url(../images/common/ico_bg_item_lst9.png) 21px 14px no-repeat }
.left-menu-item .item_lst10 > a{background:url(../images/common/ico_bg_item_lst10.png) 21px 14px no-repeat }
.left-menu-item .item_lst11 > a{background:url(../images/common/ico_bg_item_lst11.png) 21px 14px no-repeat }
.left-menu-item .item_lst12 > a{background:url(../images/common/ico_bg_item_lst12.png) 21px 14px no-repeat }
.left-menu-item .item_lst13 > a{background:url(../images/common/ico_bg_item_lst13.png) 21px 14px no-repeat }
.left-menu-item .item_lst14 > a{background:url(../images/common/ico_bg_item_lst12.png) 21px 14px no-repeat }

.dep_lst{display:none}
.dep_lst li{position:relative;border-bottom:1px solid #e1e1e1}
.dep_lst li:first-child{border-top:1px solid #e1e1e1}
.dep_lst li:before{display:block;position:absolute;top:20px;left:29px;width:3px;height:3px;background-color:#c7171d;content:'';}
.dep_lst li a{display:block;padding:10px 20px 10px 54px;background-color:#fff;color:#808080}

.left-menu-item li a{font-size:14px;letter-spacing:-1px;text-decoration:none}
.left-menu-item li:last-child{border-bottom:none}

.side_quick_menu{position:fixed;bottom:0;width:198px;background-color:#fff;z-index:10}
.quick_lst{margin:0}
.quick_lst:after{display:block;clear:both;content:'';}
.quick_lst li{display:inline-block;margin-left:10px;}
.quick_lst li:first-child{margin-left:7px}
.quick_lst li a{display:block;padding:26px 4px 10px;font-size:10px;text-decoration:none;color:#4c4c4c}

.quick_lst li .book_mark{background:url(../images/common/bookmark_ico.png) center 8px no-repeat}
.quick_lst li .set{background:url(../images/common/set_ico.png) center 8px no-repeat}
.quick_lst li .help{background:url(../images/common/help_ico.png) center 8px no-repeat}

.bookmark_popover.popover {max-width:180px;width:180px;}
.bookmark_popover .close{margin-top:-5px}
.bookmark_popover .popover-content{overflow:auto;max-height:150px;padding:0;}
.bookmark_lst{}
.bookmark_lst li{}
.bookmark_lst li a{display:block;padding:5px 0 5px 30px;background:url(../images/common/bookmark_list_ico.png) 10px center no-repeat;font-size:14px;color:#4c4c4c}

/* 레프트메뉴 닫혔을때 */
.side_wrap.on{width:70px;}
.side_wrap.on .slimScrollDiv{width:70px !important;}
.side_wrap.on .slim_scroll_area{ /* overflow:inherit !important ; */ width:70px !important;}
.side_wrap.on .button_close{display:none}
.side_wrap.on .top_area{padding:0;background-size:cover}
.side_wrap.on .top_logo{padding:30px 20px}
.side_wrap.on .top_logo img{display:none}
.side_wrap.on .top_logo_link{display:block;width:31px;height:32px;background:url(../images/common/top_logo_ico.png) no-repeat}
.side_wrap.on .user_area{display:none}

.side_wrap.on .top_util{text-align:center}
.side_wrap.on .top_util:after{}
.side_wrap.on .top_util li{min-width:60px;}
.side_wrap.on .top_util li:first-child{margin:0 0 5px;}
.side_wrap.on .top_util li a{font-size:12px;}

.side_wrap.on .left-menu-item li a{ text-indent:-9999px}
.side_wrap.on .left-menu-item li a:hover{background-color:#fff}
.side_wrap.on .side_quick_menu{width:70px;}
.side_wrap.on .quick_lst li{display:block;margin-left:0}
.side_wrap.on .quick_lst li:first-child{margin-left:0}
.side_wrap.on .quick_lst li a{text-indent:-9999px}

/* container_wrap */
#container_wrap{margin:0 0 0 200px;}
.side_wrap.on + #container_wrap{margin-left:70px}

.content_wrap{padding:5px 0 20px 0px;}
.content_wrap:after{display:block;clear:both;content:'';}
.content_inner{}
.content_inner:after{display:block;clear:both;content:'';}





/* footer */
/* .footer{padding:16px;background-color:#7f7f7f;text-align:center;color:#fff} */
/* 20190701 footer 사이즈 조절 */
.footer{padding:1px;background-color:#7f7f7f;text-align:center;color:#fff}


/*--------------------------------------------------------------------------------------------------------------
*  mobile
*--------------------------------------------------------------------------------------------------------------*/
@media all and (max-width: 1200px) {


}
/* 1000px */


@media all and (max-width: 1024px) {
		


}
/* 1024px */

@media all and (max-width: 1000px) {

.login_box_inner .form-title{font-size: 24px;}



}
/* 1000px */


@media all and (max-device-width: 780px) {
/* @media all and (max-width: 700px) { */

.footer{margin-left: 0px !important; }
.m-top{display:block;position:fixed;top:0;left:0;right:0;height:35px;background-color:#c7171d;text-align:center; z-index:100}
.m-top_logo{margin:0;line-height:35px; font-size:0}

.btn_menu_area{display:block;position:absolute;top:10px;left:10px;}
.btn_menu{display:block;position: relative;width:20px;height:16px;}
.btn_menu span {display:inline-block;position:absolute;left:0;width:100%;height:2px;background-color:#fff;border-radius:2px;transition:all .4s;box-sizing:border-box;}
.btn_menu span:nth-of-type(1){top:0;}
.btn_menu span:nth-of-type(2){top:7px;}
.btn_menu span:nth-of-type(3){bottom:0;}
.btn_menu.active span:nth-of-type(1){-webkit-transform: translateY (6px) rotate (-45deg);transform: translateY(6px) rotate(-45deg);}
.btn_menu.active span:nth-of-type(2) {opacity: 0;}
.btn_menu.active span:nth-of-type(3) {-webkit-transform: translateY(-8px) rotate(45deg);transform: translateY(-8px) rotate(45deg);}

.side_wrap{display:none;max-width:100%}
.button_menu,.button_close{display:none}

/* 모바일 레프트메뉴 열었을때 */
.side_wrap.on + #container_wrap{margin-left:0}

.side_wrap.open{display:block;width:100%}

.side_wrap.open .top_area{width:100%;height:100px;padding:30px 30px;margin-top:35px; background-size:100% 100%}
.side_wrap.open .top_area:after{display:block;clear:both;content:'';}
.side_wrap.open .top_logo{display:none}
.side_wrap.open .top_area .user_area{display:block;float:left;}
.side_wrap.open .top_area .user_area p{margin-bottom:0;font-size:12px;}
.side_wrap.open .top_area .user_area .user_name{font-size:13px;letter-spacing:0;line-height:25px}
.side_wrap.open .top_area .user_area .user_name span{display:block;font-size:14px}
.side_wrap.open .top_area .user_area .last-date{display:none}
.side_wrap.open .top_area .top_util{float:right}
.side_wrap.open .top_area .top_util:after{}
.side_wrap.open .top_area .top_util li{display:block;min-width:0;}
.side_wrap.open .top_area .top_util li:first-child{margin:0 0 5px;}
.side_wrap.open .top_util li a{display:block;padding:3px;border:1px solid #fff;border-radius:10px;font-size:11px;line-height:normal}

.side_wrap.open .slim_scroll_area{width:100% !important;height:100% !important;}
.side_wrap.open .slimScrollDiv{width:100% !important;min-height:360px !important;}

.side_wrap.open .left-menu-item > li > a{padding:10px 10px 10px 30px;}
.side_wrap.open .left-menu-item > li.on:before{width:3px;}

.side_wrap.open .left-menu-item > li .glyphicon-menu-down {-webkit-transition: -webkit-transform .15s;transition: -webkit-transform .15s;transition: transform .15s;transition: transform .15s, -webkit-transform .15s;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-transform: translate(0, 0);transform: translate(0, 0);color: #4c4c4c;}
.side_wrap.open .left-menu-item > li.on .glyphicon-menu-down{-webkit-transform: rotate(180deg);transform: rotate(180deg);}

.left-menu-item .go_hompage > a{background:url(../images/common/ico_go_homepage.png) 5px 7px no-repeat }
.side_wrap.open .left-menu-item .item_lst1 > a{background:url(../images/common/ico_bg_item_lst1.png) 5px 10px no-repeat  }
.side_wrap.open .left-menu-item .item_lst2 > a{background:url(../images/common/ico_bg_item_lst2.png) 5px 10px no-repeat  }
.side_wrap.open .left-menu-item .item_lst3 > a{background:url(../images/common/ico_bg_item_lst3.png) 5px 10px no-repeat  }
.side_wrap.open .left-menu-item .item_lst4 > a{background:url(../images/common/ico_bg_item_lst4.png) 5px 10px no-repeat  }
.side_wrap.open .left-menu-item .item_lst5 > a{background:url(../images/common/ico_bg_item_lst5.png) 5px 10px no-repeat  }
.side_wrap.open .left-menu-item .item_lst6 > a{background:url(../images/common/ico_bg_item_lst6.png) 5px 10px no-repeat  }
.side_wrap.open .left-menu-item .item_lst7 > a{background:url(../images/common/ico_bg_item_lst7.png) 5px 10px no-repeat  }
.side_wrap.open .left-menu-item .item_lst8 > a{background:url(../images/common/ico_bg_item_lst8.png) 5px 10px no-repeat  }
.side_wrap.open .left-menu-item .item_lst9 > a{background:url(../images/common/ico_bg_item_lst9.png) 5px 10px no-repeat  }
.side_wrap.open .left-menu-item .item_lst10 > a{background:url(../images/common/ico_bg_item_lst10.png) 5px 10px no-repeat  }
.side_wrap.open .left-menu-item .item_lst11 > a{background:url(../images/common/ico_bg_item_lst11.png) 5px 10px no-repeat  }
.side_wrap.open .left-menu-item .item_lst12 > a{background:url(../images/common/ico_bg_item_lst12.png) 5px 10px no-repeat  }
.side_wrap.open .left-menu-item .item_lst13 > a{background:url(../images/common/ico_bg_item_lst13.png) 5px 10px no-repeat  }
.side_wrap.open .left-menu-item .item_lst14 > a{background:url(../images/common/ico_bg_item_lst12.png) 5px 10px no-repeat  }


.side_wrap.open .left-menu-item li a{font-size:11px;text-indent:0}

.dep_lst li:before{display:block;position:absolute;top:17px;left:20px;width:3px;height:3px;background-color:#c7171d;content:'';}
.dep_lst li a{display:block;padding:10px 10px 10px 30px;}


.side_wrap.open .side_quick_menu{width:100%;}
.side_wrap.open .quick_lst li{display:block;margin-left:0;border-bottom:1px solid #f0f0f0}
.side_wrap.open .quick_lst li:first-child{margin-left:0}
.side_wrap.open .quick_lst li a{padding:13px 10px 12px 30px;text-indent:0}
.side_wrap.open .quick_lst li .book_mark{background:url(../images/common/bookmark_ico.png) 5px 10px no-repeat}
.side_wrap.open .quick_lst li .set{background:url(../images/common/set_ico.png) 5px 10px no-repeat}
.side_wrap.open .quick_lst li .set + .tooltip{display:none !important}
.side_wrap.open .quick_lst li .help{background:url(../images/common/help_ico.png) 5px 10px no-repeat}
.side_wrap.open .quick_lst li .help + .tooltip{display:none !important}

/* container_wrap */
#container_wrap{margin:50px 0 0}

}
/* 780px => 1200*/

@media all and (max-width:568px) {  
}
/* 568px */

@media all and (max-width:500px) { 

}
/* 500px */