@charset "utf-8";

/******************************************************* common *******************************************************/
html{height:100%;}
body{color:#333;font-family:'돋움',dotum,sans-serif;font-size:12px;line-height:1.6em;height:100%;}
a{text-decoration:none;color:#333;transition:0.3s;}
a:hover,a:focus{color:#1477ac;}
label{cursor:pointer;}
.blind{position:absolute;left:-9999em;}
.center{width:1280px;margin:0 auto;}
.clear:after{content:"";display:block;clear:both;}

/******************************************************* skip *******************************************************/
.db_skip>a{position:absolute;left:-9999em;width:100%;line-height:30px;color:#fff;font-weight:bold;text-align:center;background:#1477ac;z-index:9999;transition:none;}
.db_skip>a:focus{left:0;}

/******************************************************* header *******************************************************/
.db_hd_wrap{width:100%;height:60px;padding:0 20px;border-bottom:1px solid #112531;background:#fff;box-sizing:border-box;z-index:9999;}
.db_hd>h1{float:left;}
.db_logo{display:block;width:160px;height:59px;margin-right:10px;text-indent:-9999em;background:url("../img/common/logo_index.png") no-repeat center center;}
.db_search_wrap{float:left;margin-top:10px;border:1px solid #ccc;border-radius:5px;overflow:hidden;transition:0.3s;}
.db_search_wrap:hover,.db_search_wrap.on{border:1px solid #1477ac;}
.db_search_select{float:left;width:90px;height:38px;padding-left:5px;border:none;background:#fff url("../img/common/table_select.png") no-repeat right 5px center;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;box-sizing:border-box;}
.db_search_block{float:left;}
#db_search{width:200px;height:38px;padding:0 10px;border:none;font-size:12px;font-weight:bold;color:#1477ac;box-sizing:border-box;}
.db_search_btn{position:relative;width:40px;height:38px;border:1px solid #ccc;border:none;margin-left:-4px;vertical-align:top;text-indent:-9999em;transition:0.3s;}
.db_search_btn:before{content:"";position:absolute;left:10px;top:10px;width:16px;height:16px;border:2px solid #666;border-radius:8px;box-sizing:border-box;}
.db_search_btn:after{content:"";position:absolute;left:22px;top:22px;width:2px;height:10px;background:#666;transform-origin:left top;transform:rotate(-45deg);}
.db_tnb{float:right;width:300px;box-sizing:border-box;}
.db_tnb>a{float:left;width:60px;height:59px;padding-top:40px;color:#fff;text-align:center;box-sizing:border-box;background-repeat:no-repeat;background-position:center;background-size:40px;}
.db_tnb>a:hover{color:#1477ac;}
.db_tnb>a:nth-of-type(1){background-image:url("../img/common/icon_nav_user.svg");}
.db_tnb>a:nth-of-type(2){background-image:url("../img/common/icon_nav_message.svg");}
.db_tnb>a:nth-of-type(3){background-image:url("../img/common/icon_nav_notice.svg");}
.db_tnb>a:nth-of-type(4){background-image:url("../img/common/icon_nav_setting.svg");}
.db_tnb>a:nth-of-type(5){background-image:url("../img/common/icon_nav_logout.svg");}
.db_tnb>a:nth-of-type(1):hover{background-image:url("../img/common/icon_nav_user_on.svg");}
.db_tnb>a:nth-of-type(2):hover{background-image:url("../img/common/icon_nav_message_on.svg");}
.db_tnb>a:nth-of-type(3):hover{background-image:url("../img/common/icon_nav_notice_on.svg");}
.db_tnb>a:nth-of-type(4):hover{background-image:url("../img/common/icon_nav_setting_on.svg");}
.db_tnb>a:nth-of-type(5):hover{background-image:url("../img/common/icon_nav_logout_on.svg");}
.db_tnb_mobile_btn{display:none;}

/******************************************************* nav *******************************************************/
.db_gnb_wrap{position:fixed;left:0;top:0;height:100%;z-index:9998;box-sizing:border-box;}
#db_gnb{height:100%;padding-top:30px;background:#112531;box-sizing:border-box;}
#db_gnb>ul>li>a{display:block;width:60px;height:60px;text-indent:-9999em;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.db_gnb1{background-image:url("../img/common/nav_home.png");}
.db_gnb2{background-image:url("../img/common/nav_map.png");}
.db_gnb3{background-image:url("../img/common/nav_search.png");}
.db_gnb4{background-image:url("../img/common/nav_control.png");}
.db_gnb5{background-image:url("../img/common/nav_complain.png");}
.db_gnb6{background-image:url("../img/common/nav_manage.png");}
.db_gnb7{background-image:url("../img/common/nav_setting.png");}
.db_gnb1:hover,.db_gnb1:focus{background-color:#1477ac;background-image:url("../img/common/nav_home_on.png");}
.db_gnb2:hover,.db_gnb2:focus{background-color:#1477ac;background-image:url("../img/common/nav_map_on.png");}
.db_gnb3:hover,.db_gnb3:focus{background-color:#1477ac;background-image:url("../img/common/nav_search_on.png");}
.db_gnb4:hover,.db_gnb4:focus{background-color:#1477ac;background-image:url("../img/common/nav_control_on.png");}
.db_gnb5:hover,.db_gnb5:focus{background-color:#1477ac;background-image:url("../img/common/nav_complain_on.png");}
.db_gnb6:hover,.db_gnb6:focus{background-color:#1477ac;background-image:url("../img/common/nav_manage_on.png");}
.db_gnb7:hover,.db_gnb7:focus{background-color:#1477ac;background-image:url("../img/common/nav_setting_on.png");}
#db_gnb>ul>li>ul{position:absolute;left:-120px;top:0;width:180px;height:100%;background:#1477ac;transition:0.4s;z-index:-1;}
#db_gnb>ul>li:hover>ul{left:60px;}
.db_nav_title>p{padding-left:20px;font-weight:bold;line-height:30px;color:#fff;background:#0e5479;}
#db_gnb>ul>li>ul>li>a{display:block;padding-left:20px;line-height:30px;color:#fff;}
#db_gnb>ul>li>ul>li>a:hover,#db_gnb>ul>li>ul>li>a:focus{color:#1477ac;background:#fff;}

.res_none{display:block;}

.side_menu_frame{position:absolute;left:-9999em;top:0;}

.manual_down_btn{position:absolute;left:0;bottom:0;width:60px;height:60px;text-indent:-9999em;background-image:url("../img/common/nav_manual.png");background-repeat:no-repeat;background-position:center;box-sizing:border-box;transition:0.3s;}
.manual_down_btn:hover,.manual_down_btn:focus{background-color:#1477ac;background-image:url("../img/common/nav_manual_on.png");}

/* search result */
#BoxCloseBtn{position:absolute;right:10px;top:10px;width:19px;height:19px;border:1px solid #999;text-indent:-9999em;}
#BoxCloseBtn:before{content:"";position:absolute;left:0;top:9px;width:19px;height:1px;background:#999;transform:rotate(45deg);}
#BoxCloseBtn:after{content:"";position:absolute;left:0;top:9px;width:19px;height:1px;background:#999;transform:rotate(-45deg);}

/******************************************************* footer *******************************************************/
.db_ft_wrap{position:fixed;left:0;bottom:0;width:100%;height:40px;background:#e6e6e6;z-index:9999;}
.db_ft{line-height:40px;color:#aaa;text-align:center;}
.copy{position:relative;margin-left:55px;}
.copy:after{content:"";position:absolute;left:-110px;top:-3px;width:87px;height:15px;background:url("../img/common/copyright.png") no-repeat center center;}

/******************************************************* form *******************************************************/

input{line-height:1;outline:none;}
input[type=text].input_basic{height:26px;border:1px solid #ccc;background:#fff;box-sizing:border-box;}

input[type="radio"]{width:12px;height:12px;margin-top:-2px;margin-right:5px;border:1px solid #ccc;border-radius:6px;background:#fff;vertical-align:middle; -webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;}
input[type="radio"]:checked{background:#fff url("../img/common/checked_radio.png") no-repeat center;}

input[type=checkbox]{width:12px;height:12px;margin-top:-3px;border:1px solid #ccc;border-radius:3px;background:#fff;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;}
input[type=checkbox]:checked{background:#fff url("../img/common/checked.png") no-repeat center;}

select{min-width:40px;max-width:150px;height:26px;padding-left:5px;padding-right:20px;border:1px solid #aaa;color:#666;line-height:1;background:#fff url(../img/common/table_select.png) no-repeat right 5px center;outline:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;}
optgroup{color:#fff;background:#1477ac;}
optgroup>option{color:#333;background:#fff;}

button{padding:0;margin:0;border:1px solid #1477ac;color:#1477ac;background: #fff;outline:none;}

/* anchor btn */
.db_con_select_btn{min-width:80px;height:26px;padding:0 5px 0;border:1px solid #aaa;color:#666;background:#fff;line-height:1;transition:0.3s;}
.db_con_select_btn:hover,.db_con_select_btn:focus{border:1px solid #1477af;color:#fff;background:#1477af;}
a.db_con_select_btn{display:inline-block;text-align:center;line-height:24px;box-sizing:border-box;}

/* close btn */
.db_close_btn{position:absolute;right:0px;top:0px;display:block;width:12px;height:12px;text-indent:-9999em;z-index:9999;}
.db_close_btn:before{content:"";position:absolute;left:0;top:0;width:18px;height:1px;background:#fff;transform:rotate(45deg);transform-origin:left top;}
.db_close_btn:after{content:"";position:absolute;right:0;top:0;width:18px;height:1px;background:#fff;transform:rotate(-45deg);transform-origin:right top;}

/* search bar */
.db_con_searchbar{width:200px;height:26px;padding:0 10px;border:1px solid #aaa;color:#666;box-sizing:border-box;}

/* pager */
.pager_wrap{width:100%;height:50px;padding-top:15px;text-align:center;box-sizing:border-box;}
.db_pager_pre{margin-right:5px;color:#666;}
.db_pager_next{margin-left:5px;color:#666;}
.db_pager_list{display:inline-block;min-width:20px;padding:0 3px;margin:0 5px;border:1px solid #ccc;color:#666;line-height:18px;box-sizing:border-box;}
.db_pager_select{display:inline-block;min-width:20px;padding:0 3px;margin:0 5px;border:1px solid #1477ac;color:#fff;line-height:18px;background:#1477ac;box-sizing:border-box;}
.db_pager_select:hover,.db_pager_select:focus{display:inline-block;min-width:20px;padding:0 3px;margin:0 5px;border:1px solid #1477ac;color:#fff;line-height:18px;background:#1477ac;box-sizing:border-box;}

/* file upload btn wrap*/
.db_file_btn_wrap{padding:5px;text-align:center;box-sizing:border-box;}
.db_file_btn_wrap>.db_con_select_btn{width:60px;}

/* SearchListPannel */
#SearchListPannel{position:fixed;top:0px;left:60px;width:300px;height:100%;box-sizing:border-box; display:none;z-index:20;border-right:1px solid #ccc;}
.db_container_wrap{height:100%;}
.db_search_result{width:100%;height:100%;border-right:1px solid #ccc;background:#fff;box-sizing:border-box;}
.db_search_result_title{padding:10px;font-weight:bold;background:#f5f5f5;}
.db_search_result_title>strong{color:#1477af;}
.db_search_result_content{margin:10px;border-bottom:1px dashed #ccc;transition:0.3s;cursor:pointer;}
.db_search_result_content:hover{color:#1477af;}
.db_search_result_content>span{display:block;color:#1477af;font-weight:bold;}
.db_search_result_content>p{padding:10px;}
.db_search_list_scroll{height:calc(100% - 39px); overflow:auto;}



.res_gnb_cls_btn{display:none;}






/******************************************************* responsive *******************************************************/

/******************************************************* tablet *******************************************************/
@media screen and (min-width:768px) and (max-width:1279px){

a:hover,a:focus{color:#333;}
.db_con_select_btn:hover,.db_con_select_btn:focus{border:1px solid #aaa;color:#666;background:#fff;}
a.remove_btn_excel,a.remove_btn_print,.res_remove{display:none;}



/* header */
.db_hd_wrap{padding:0 0 0 10px;}
#db_search{width:142px;}

/* side_menu */
.db_gnb_wrap.res_nav_wrap{top:initial;bottom:0;width:100%;height:40px;}
#db_gnb{height:initial;padding:0;}
#db_gnb>ul:after{content:"";display:block;clear:both;}
#db_gnb>ul>li{float:left;width:calc(100% / 7);}
#db_gnb>ul>li>a{width:100%;height:40px;background-size:60px 60px;}
#db_gnb>ul>li>ul{position:fixed;left:initial;right:-260px;width:260px;height:calc(100% - 40px);padding:40px 20px 20px;border-left:1px solid #e5e5e5;background:#fff;box-sizing:border-box;overflow-y:auto;z-index:1;}
#db_gnb>ul>li:hover>ul{left:initial;right:-100%;}
#db_gnb>ul>li>ul.on{right:0;}
.db_nav_title>p{padding-top:10px;padding-left:0;border-bottom:1px solid #46a6e4;font-size:14px;color:#333;text-align:right;background:initial;}
#db_gnb>ul>li>ul>li>a{position:relative;padding-right:10px;padding-left:0;font-size:12px;font-weight:bold;color:#666;text-align:right;line-height:40px;}
#db_gnb>ul>li>ul>li>a:before{content:"<";position:absolute;right:0;top:0;width:10px;height:30px;font-weight:bold;line-height:40px;}

.res_gnb_cls_btn{display:block;position:absolute;right:10px;top:5px;width:40px;height:40px;border:none;text-indent:-9999em;background:initial;}
.res_gnb_cls_btn:hover{border:none;background:initial;}
.res_gnb_cls_btn:before{content:"";position:absolute;right:10px;top:10px;width:24px;height:4px;border-radius:2px;background:#333;transform:rotate(-45deg);transform-origin:top right;}
.res_gnb_cls_btn:after{content:"";position:absolute;right:10px;bottom:10px;width:24px;height:4px;border-radius:2px;background:#333;transform:rotate(45deg);transform-origin:bottom right;}
.res_nav#db_gnb>ul>li>ul>li>a.res_none{display:none;}






.manual_down_btn{display:none;}

/* SearchListPannel */
#SearchListPannel{left:0;width:240px;height:calc(100% - 40px);}

}


@media screen and (max-width:767px){  /* 모바일 */

a:hover,a:focus{color:#333;}
.db_con_select_btn:hover,.db_con_select_btn:focus{border:1px solid #aaa;color:#666;background:#fff;}
a.remove_btn_excel,a.remove_btn_print,.res_remove{display:none;}



/* header */
.db_hd_wrap{position:relative;min-width:360px;height:40px;padding:0;background:#1477ac;border-bottom:1px solid #005f92;overflow:hidden;}
.db_hd>h1{display:none;}

.db_search_wrap{margin:4px 0 0 5px;border:1px solid #1477ac;}
.db_search_select{height:30px;}
#db_search{width:187px;height:30px;}
.db_search_btn{width:30px;height:30px;border:none;}
.db_search_btn:before{left:5px;top:5px;}
.db_search_btn:after{left:17px;top:17px;}

.db_tnb{position:absolute;right:-100%;top:0;width:calc(100% - 40px);height:100%;transition:0.3s;}
.db_tnb.on{right:40px;}
.db_tnb>a{float:left;position:relative;width:25%;height:39px;margin:0;text-indent:-9999em;line-height:39px;background-color:#1477ac;background-position:center;background-size:24px 24px;box-sizing:border-box;}
.db_tnb>a:nth-of-type(1){display:none;}
.db_tnb>a:nth-of-type(2){background-image:url("../img/common/header_icon_res_message.png");}
.db_tnb>a:nth-of-type(3){background-image:url("../img/common/header_icon_res_notice.png");}
.db_tnb>a:nth-of-type(4){background-image:url("../img/common/header_icon_res_configur.png");}
.db_tnb>a:nth-of-type(5){background-image:url("../img/common/header_icon_res_logout.png");}

.db_tnb_mobile_btn{display:block;position:fixed;right:0;top:0;width:40px;height:39px;padding:0;background:#1477ac;box-sizing:border-box;z-index:9999;}
.db_tnb_mobile_btn:before{content:"";position:absolute;right:10px;top:10px;width:20px;height:4px;border-radius:2px;background:#fff;transition:0.2s;}
.db_tnb_mobile_btn:after{content:"";position:absolute;right:10px;bottom:9px;width:20px;height:4px;border-radius:2px;background:#fff;transition:0.2s;}
.db_tnb_mobile_btn>button{position:absolute;right:10px;top:18px;width:28px;height:4px;border:none;border-radius:2px;text-indent:-9999em;background:#fff;transition:0.2s;}
.db_tnb_mobile_btn.on:before{width:24px;right:12px;transform:rotate(-45deg);transform-origin:top right;}
.db_tnb_mobile_btn.on:after{width:24px;right:12px;transform:rotate(45deg);transform-origin:bottom right;}
.db_tnb_mobile_btn.on>button{transform:rotateY(90deg);}

/* side_menu */
.db_gnb_wrap.res_nav_wrap{top:initial;bottom:0;width:100%;height:40px;}
#db_gnb{height:initial;padding:0;}
#db_gnb>ul:after{content:"";display:block;clear:both;}
#db_gnb>ul>li{float:left;width:calc(100% / 7);}
#db_gnb>ul>li>a{width:100%;height:40px;background-size:60px 60px;}
#db_gnb>ul>li>ul{position:fixed;left:initial;right:-260px;width:260px;height:calc(100% - 40px);padding:40px 20px 20px;border-left:1px solid #e5e5e5;background:#fff;box-sizing:border-box;overflow-y:auto;z-index:1;}
#db_gnb>ul>li:hover>ul{left:initial;right:-100%;}
#db_gnb>ul>li>ul.on{right:0;}
.db_nav_title>p{padding-top:10px;padding-left:0;border-bottom:1px solid #46a6e4;font-size:14px;color:#333;text-align:right;background:initial;}
#db_gnb>ul>li>ul>li>a{position:relative;padding-right:10px;padding-left:0;font-size:12px;font-weight:bold;color:#666;text-align:right;line-height:40px;}
#db_gnb>ul>li>ul>li>a:before{content:"<";position:absolute;right:0;top:0;width:10px;height:30px;font-weight:bold;line-height:40px;}

.res_gnb_cls_btn{display:block;position:absolute;right:10px;top:5px;width:40px;height:40px;border:none;text-indent:-9999em;background:initial;}
.res_gnb_cls_btn:hover{border:none;background:initial;}
.res_gnb_cls_btn:before{content:"";position:absolute;right:10px;top:10px;width:24px;height:4px;border-radius:2px;background:#333;transform:rotate(-45deg);transform-origin:top right;}
.res_gnb_cls_btn:after{content:"";position:absolute;right:10px;bottom:10px;width:24px;height:4px;border-radius:2px;background:#333;transform:rotate(45deg);transform-origin:bottom right;}
.res_nav#db_gnb>ul>li>ul>li>a.res_none{display:none;}

.manual_down_btn{display:none;}

/* SearchListPannel */
#SearchListPannel{left:0;width:240px;height:calc(100% - 40px);}



}