@charset "utf-8";

@import url("base.css");
@import url("xeicon.min.css");
@import url("contents.css");

body {font-family:'NanumBarunGothic','nanumsquarer',sans-serif; font-weight:400;font-size:13px;color:#555;background:#fff;font-weight: inherit;font-style: inherit;font-family: inherit;}
body{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
/* body#main{background:url('../img/container_bg.jpg') repeat-y left top;} */
body#login{background:url('../img/login_bg_smart.jpg') no-repeat center top;background-size:cover;}

/*** LAYOUT ***/

#wrapper {position:relative;width:100%;height:100%;margin:0 0;overflow:hidden;}
#container {position:relative;width:100%;height:100%;margin:0 0;box-sizing:border-box;}
#container #container_in {position:relative;width:1260px;height:100%;margin:0 0;padding:0 0 20px 0;box-sizing:border-box;overflow:hidden;}
#container #container_in .copyright{float:right;position:fixed;right:17px;/*left:17px*/bottom:22px;font-size:12px;color:#93a2ba;}
#popup_wrapper{position:relative;width:100%;margin:0;height:600px;overflow-y:auto;}
#popup_wrapper .contents {width:100%;margin:0;height:auto;padding:12px;box-sizing:border-box;}

#left_wrap {float:left;width:213px;height:100%;padding-bottom:60px;/*overflow:hidden;*/background:#485a70;}
#left_wrap h1{width:100%;height:60px;line-height:60px;background:#407bcb;}
#left_wrap h1 a{display:block;width:100%;height:60px;}
#left_wrap h1 a img{ vertical-align:middle;}

/* layout.css 추가 부분*/
.hamburger-menu, .close_btn {color: white;font-size: 20px;font-weight: bold;position: absolute;top: 8px;right: -45px;cursor: pointer;display: flex;align-items: center;justify-content: center; width: 45px;
    height: 45px;background-color: rgba(51, 51, 51, 0.2);border-top-right-radius: 4px;border-bottom-right-radius: 4px;box-shadow: 1px 1.5px 1px rgba(0, 0, 0, 0.1);}
.hamburger-menu {display: none;flex-direction: column;}
.hamburger-menu .bar {width: 23px;height: 3px;background-color: white;margin: 2.8px 0}
.close_btn {display: none;}
@media/*(min-width: 830px) and */(max-width: 1290px) {
    #left_wrap {position: fixed;left: -213px;top: 0;height: 100%;width: 213px;padding-bottom: 60px;background: #485a70;transition: left 0.3s ease;}
    #left_wrap.show {left: 0; }
    #left_wrap.show .close_btn {display: flex;}
    #left_wrap:not(.show) .hamburger-menu {display: flex;}
}

/* 
@media(max-width: 767px) {
    #left_wrap {
        position: fixed;
        left: -213px;
        top: 0;
        height: 100%;
        width: 213px;
        padding-bottom: 60px;
        background: #485a70;
        transition: left 0.3s ease;
    }

    #left_wrap.show {
        left: 0;
    }

    #left_wrap.show .close_btn {
        display: flex;
    }

    #left_wrap:not(.show) .hamburger-menu {
        display: flex;
    }
} */



#contents_wrap {float:left;width:1047px;box-sizing:border-box;padding:0 0 0 0;overflow:hidden;}
#contents_wrap .userBox{background:#f6f7f9;height:61px;border-bottom:#e5e5e5 solid 1px;box-sizing:border-box;padding:15px 26px;}
#contents_wrap .userBox .fl{padding-top:5px;}
#contents_wrap .userBox .fl a{color:#999999;}
#contents_wrap .userBox .fr .user{display:inline-block;overflow:hidden;height:34px;line-height:34px;vertical-align:middle;}
#contents_wrap .userBox .fr .user .photo{float:left;width:34px;height:34px;line-height:14px !important;border-radius:34px;overflow:hidden;margin-right:6px;}
#contents_wrap .userBox .fr .user .name{font-weight:600;color:#286ac3;}
#contents_wrap .userBox .fr .bell{display:inline-block;position:relative;margin:0 10px 0 8px;vertical-align:top;}
#contents_wrap .userBox .fr .bell em{position:absolute;top:-1px;right:-4px;background:#ff9519;width:15px;height:15px;line-height:16px;border-radius:15px;text-align:center;font-size:10px;color:#fff;vertical-align:middle;}
#contents_wrap .userBox .fr .bell i{font-size:23px;margin-top:7px;color:#9d9d9d;vertical-align:top;}

/*
    .contents {width:100%;height:auto;padding:18px 26px 26px 26px;box-sizing:border-box;}
*/
.contents {width:100%;height:auto;padding:0px 26px 26px 26px;box-sizing:border-box;margin-top:15px;}
.location{height:36px;border-bottom:#e6e9ec solid 1px;margin-bottom:10px;margin-top:15px;} /* bottom: 16->10으로 축소 */
.location h2 {float:left;font-size:19px;font-weight:600;font-family:"nanumsquarer";color:#000;margin-left:7px;}
.location .location_txt {float:right;margin-top:6px;font-size: 15px;}
.location .location_txt em{color:#2566bd;font-weight:600;}

/* board block */
.boardblock { clear:both;overflow:hidden;position:relative;width:100%;margin:0 0 0 0;text-align:center;font-size:14px;}
.boardblock .left { float:left;display:inline;font-size:14px;}
.boardblock .left span { margin-right:3px;}
.boardblock .right { float:right;display:inline;font-size:14px;}
.boardblock .right span { margin-left:3px;}
.boardblock .total {margin-top:30px;color:#444444;}
.boardblock .total span{color:#dc2425;text-decoration:underline;}

.search_box { clear:both;overflow:hidden;box-sizing:border-box;position:relative;/*width:100%;margin:0 0 13px 0;*/width:99%;margin:0 4px 13px 3px;padding:10px 10px 10px 12px;text-align:left;font-size:14px;background:#f5f7f8;border:1px solid #e5e5e5;}
.search_box.center { clear:both;overflow:hidden;box-sizing:border-box;position:relative;width:100%;padding:10px;margin:0 0 13px 0;text-align:center !important;font-size:14px;background:#f5f7f8;border:1px solid #e5e5e5;}
.search_box .button {margin:0 3px;width:150px;display:inline-block;background:#2e5275;border:1px solid #2e5275;color:#fff;padding:0 0;height:32px;line-height:32px !important;border-radius:0;font-size:14px;font-weight:400;vertical-align:middle;text-align:center;}
.search_box .info {float:left;overflow:hidden;width:866px;margin-right:3px;box-sizing:border-box;border:1px solid #cdcdcd;height:32px;line-height:32px;padding:0 5px;font-size:13px;border-radius:0;color:#888888;background:#fff;}
.search_box .info li{float:left;margin:0 15px 0 0;padding:0 8px;background: url('../img/info_bl.png') no-repeat 0 50%;color:#888888;font-size:13px;}
.search_box .row{margin:4px 0;}
.search_box select {font-size:13px;height:32px;color:#888888;padding-left:2px;padding-right:30px;-webkit-appearance:none;border-radius:0;-moz-appearance:none;background:#fff url('../img/select.png') no-repeat 96% 50%;font-family:inherit;border:1px solid #cdcdcd;}
.search_box select.h30 {font-size:13px;height:30px;color:#888888;padding-left:2px;padding-right:30px;-webkit-appearance:none;border-radius:0;-moz-appearance:none;background:#fff url('../img/select.png') no-repeat 96% 50%;font-family:inherit;border:1px solid #cdcdcd;}
.search_box select::-ms-expand { display:none;}
.search_box .btn {display:inline-block;background:#6d6d6d;border:1px solid #6d6d6d;color:#fff;padding:0 12px;height:32px;line-height:32px !important;border-radius:0;font-size:13px;font-weight:400;vertical-align:middle;text-align:center;}
.search_box .btn.gray{color:#fff;background:#999999;border:1px solid #999999 !important;}
.search_box .btn.red{color:#fff;background:#df2e38;border:1px solid #df2e38 !important;}
.search_box .btn.green{color:#fff;background:#21a737;border:1px solid #21a737 !important;}
.search_box .btn.orange{color:#fff;background:#ff8527;border:1px solid #ff8527 !important;}
.search_box .btn.blue{color:#fff;background:#407bcb;border:1px solid #407bcb !important;}
.search_box .btn.sky{color:#fff;background:#5aaadf;border:1px solid #5aaadf !important;}
.search_box .btn i{font-size:19px;margin-top:7px;vertical-align:top;}

h3 {clear:both;width:auto;height:auto;box-sizing:border-box;text-align:left;margin-bottom:10px;font-size:15px;font-weight:500;color:#407bcb;}

/*********************************/
/* list_tbl :  position setting */
/*********************************/
.list_tbl {position:relative;/*width:100%;margin: 0 0 0 0;*/width:99%;margin:0 4px 0 3px;border-top:2px solid #5083c7;font-size:14px;color:#333;}
.list_tbl thead th {font-weight:600;}
.list_tbl thead td {font-weight:600;color:#000;}
.list_tbl th {height:24px;line-height:20px;padding:9px 5px 9px 5px;border-bottom:1px solid #ccc;font-size:13px;text-align:center;box-sizing:border-box;color:#666;background:#f5f7f8;}
.list_tbl td {height:24px;line-height:20px;padding:6px 5px 6px 5px;border-bottom:1px solid #ccc;font-size:13px;color:#888888;text-align:center;box-sizing:border-box;word-break:keep-all;word-break:break-all;}
.list_tbl th.b_line {border-bottom:2px solid #043142;}
.list_tbl td.b_line {border-bottom:2px solid #ccc;}
.list_tbl .r_none {border-right:none;}

/*********************************/
/* write_tbl :  position setting */
/*********************************/
/* test code */
.write_tbl_bpu {position:relative;/*width:100%;margin: 0 0 28px 0;*/width:99%;margin:0 4px 28px 3px;border-top:1px solid #ccc;font-size:12px;color:#333;}
.write_tbl_bpu th {height:28px;line-height:28px;/*padding:5px*/padding:2px 5px 2px 21px;border-bottom:1px solid #ccc;font-size:12px;text-align:left;box-sizing:border-box;color:#222222;background:#f5f7f8;vertical-align:middle;}
.write_tbl_bpu td {height:28px;line-height:28px;padding:2px 1px 2px 15px;border-bottom:1px solid #ccc;font-size:12px;color:#888888;text-align:left;box-sizing:border-box;word-break:keep-all;word-break:break-all;vertical-align:middle;}
.write_tbl_bpu th.padding {height:24px;line-height:20px;padding:5px;border-bottom:1px solid #ccc;font-size:12px;text-align:left;box-sizing:border-box;color:#222222;background:#f5f7f8;}
.write_tbl_bpu td.padding {height:24px;line-height:20px;padding:6px 5px 6px 15px;border-bottom:1px solid #ccc;font-size:12px;color:#888888;text-align:left;box-sizing:border-box;word-break:keep-all;word-break:break-all;}
/* test code */

.write_tbl {position:relative;/*width:100%;margin:0 0 28px 0;*/width:99%;margin:0 4px 28px 3px;border-top:1px solid #ccc;font-size:14px;color:#333;}
.write_tbl th {height:28px;line-height:28px;/*padding:2px 5px 2px 20px;*/padding:2px 5px 2px 21px;border-bottom:1px solid #ccc;font-size:13px;text-align:left;box-sizing:border-box;color:#222222;background:#f5f7f8;vertical-align:middle;}
.write_tbl td {height:28px;line-height:28px;padding:2px 1px 2px 15px;border-bottom:1px solid #ccc;font-size:13px;color:#888888;text-align:left;box-sizing:border-box;word-break:keep-all;word-break:break-all;vertical-align:middle;}
.write_tbl th.padding {height:24px;line-height:20px;padding:6px 5px 6px 20px;border-bottom:1px solid #ccc;font-size:13px;text-align:left;box-sizing:border-box;color:#222222;background:#f5f7f8;}
.write_tbl td.padding {height:24px;line-height:20px;padding:6px 5px 6px 15px;border-bottom:1px solid #ccc;font-size:13px;color:#888888;text-align:left;box-sizing:border-box;word-break:keep-all;word-break:break-all;}

.view_tbl {width:100%;margin:0 0 20px 0;border-top:2px solid #407bcb;font-size:14px;color:#333;}
.view_tbl th {height:28px;line-height:28px;padding:6px 5px 6px 20px;border-bottom:1px solid #ccc;font-size:13px;text-align:left;box-sizing:border-box;color:#222222;background:#f5f7f8;}
.view_tbl td {height:28px;line-height:28px;padding:6px 5px 6px 15px;border-bottom:1px solid #ccc;font-size:13px;color:#888888;text-align:left;box-sizing:border-box;word-break:keep-all;word-break:break-all;}
.view_tbl .textView{padding:0 0 0 0;min-height:250px;}

/* board_search */
.board_top {clear:both;position:relative;width:100%;display:inline-block;text-align:center;padding:0 0;margin-bottom:10px;font-size:14px;}
.board_top .left { float:left;display:inline;}
.board_top .left h3{margin-top:6px;margin-bottom:0;font-size:16px;font-weight:700;color:#407bcb;}
.board_top .left h3 em{font-size:12px;font-weight:400;color:#999999;}
.board_top .right { float:right;display:inline;}

.paging {position:relative;text-align:center;padding:0 0;}
.paging > a, .paging > span {display:inline-block;font-size:14px;width:33px;height:33px;line-height:33px;box-sizing:border-box;vertical-align:top;margin:0 2px;color:#333;}
.paging a:hover, .paging a.active {text-decoration:underline;color:#6ea2cf;font-weight:bold;}
.paging .num {display:inline-block;text-align:center;width:24px;height:33px;line-height:33px;}
.paging .fl_block{position:absolute;left:0;top:0;}
.paging .fl_block select {font-size:13px;height:28px;color:#888888;padding-left:2px;padding-right:40px;-webkit-appearance:none;border-radius:0;-moz-appearance:none;background:#fff url('../img/select2.png') no-repeat 100% 50%;font-family:inherit;border:1px solid #cdcdcd;}
.paging .fl_block select::-ms-expand { display:none;}
.paging.mg_t20 {position:relative;text-align:center;padding:0 0;margin-top:20px;}


#popup_wrapper .paging {position:relative;text-align:center;padding:0 0;}
#popup_wrapper .paging > a, .paging > span {display:inline-block;font-size:13px;width:28px;height:28px;line-height:28px;box-sizing:border-box;vertical-align:top;margin:0 2px;color:#333;}
#popup_wrapper .paging a:hover, .paging a.active {text-decoration:underline;color:#6ea2cf;font-weight:bold;}
#popup_wrapper .paging .num {display:inline-block;text-align:center;width:24px;height:28px;line-height:28px;}
#popup_wrapper .paging .icon img{width:28px;}
#popup_wrapper .paging .fl_block{position:absolute;left:0;top:0;}
#popup_wrapper .paging .fl_block select {font-size:13px;height:33px;color:#888888;padding-left:4px;padding-right:40px;-webkit-appearance:none;border-radius:0;-moz-appearance:none;background:#fff url('../img/select2.png') no-repeat 100% 0;font-family:inherit;border:1px solid #cdcdcd;}
#popup_wrapper .paging .fl_block select::-ms-expand { display:none;}

.graybox{padding:20px;font-size:13px;text-align:left;box-sizing:border-box;color:#666;background:#f5f7f8;}
.graybox ul li {padding-left:10px;line-height:22px;background: url('../img/bl1.png') no-repeat 0 45%}

/*
#menu_wrap {position:relative;font-size:17px;color:#fff;}
#menu_wrap img {vertical-align:middle;}
#menu_wrap > ul > li {overflow:hidden;position:relative;width:100%;border-bottom:1px solid #344454;}
#menu_wrap > ul > li > a {overflow:hidden;display:block;padding:17px 20px 17px 45px;box-sizing:border-box;line-height:140%;width:100%;height:54px;color:#fff;font-weight:600;font-size:15px;font-weight:normal;background:url('../img/icon_newsSubMore.png') no-repeat 99% center;}
#menu_wrap > ul > li.active > a {color:#fff;font-weight:bold;}

#menu_wrap > ul > li > div {display:none;padding:0;background:#3b4e60;color:#fff;line-height:1.8em;font-size:0.9em;}
#menu_wrap > ul > li.active > div {position:relative;display:block;overflow:hidden;}
#menu_wrap > ul > li > div ul li {border-bottom:1px solid #344454;}
#menu_wrap > ul > li > div ul li:last-child{border-bottom:none;}
#menu_wrap > ul > li > div ul li a {overflow:hidden;display:block;padding:17px 0 17px 45px;box-sizing:border-box;line-height:140%;width:100%;color:#c5cad0;font-weight:600;font-weight:normal;background:url('../img/menu_wrap_bl2_off.jpg') no-repeat 14% center;}
#menu_wrap > ul > li > div ul li.on a {overflow:hidden;display:block;padding:17px 0 17px 45px;box-sizing:border-box;line-height:140%;width:100%;color:#66baf3;font-weight:600;font-weight:normal;background:url('../img/menu_wrap_bl2_on.jpg') no-repeat 14% center;}
#menu_wrap > ul > li > div ul li ul{padding:0 0 15px 45px;}
#menu_wrap > ul > li > div ul li ul li{border-bottom:none;}
#menu_wrap > ul > li > div ul li ul li a {overflow:hidden;display:block;padding:3px 0 !important;box-sizing:border-box;line-height:120%;width:100%;color:#c5cad0  !important;font-weight:600;font-size:12px;font-weight:normal;background:none !important;}

#menu_wrap > ul > li > a.bg1 {background:url('../img/menu_bg1_off.png') no-repeat 0 0;}
#menu_wrap > ul > li.active > a.bg1 {background:url('../img/menu_bg1_on.png') no-repeat 0 0;}
#menu_wrap > ul > li > a.bg2 {background:url('../img/menu_bg2_off.png') no-repeat 0 0;}
#menu_wrap > ul > li.active > a.bg2 {background:url('../img/menu_bg2_on.png') no-repeat 0 0;}
#menu_wrap > ul > li > a.bg3 {background:url('../img/menu_bg3_off.png') no-repeat 0 0;}
#menu_wrap > ul > li.active > a.bg3 {background:url('../img/menu_bg3_on.png') no-repeat 0 0;}
#menu_wrap > ul > li > a.bg4 {background:url('../img/menu_bg4_off.png') no-repeat 0 0;}
#menu_wrap > ul > li.active > a.bg4 {background:url('../img/menu_bg4_on.png') no-repeat 0 0;}
*/

#menu_wrap {position:relative;font-size:17px;color:#fff;}
#menu_wrap img {vertical-align:middle;}
#menu_wrap > ul > li {overflow:hidden;position:relative;width:100%;border-bottom:1px solid #344454;}
#menu_wrap > ul > li > a {overflow:hidden;display:block;padding:7px 10px 5px 45px;box-sizing:border-box;line-height:140%;width:100%;height:34px;color:#fff;font-weight:600;font-size:15px;font-weight:normal;background:url('../img/icon_newsSubMore.png') no-repeat 99% center;}
#menu_wrap > ul > li.active > a {color:#fff;font-weight:bold;}

#menu_wrap > ul > li > div {display:none;padding:0;background:#3b4e60;color:#fff;line-height:1.8em;font-size:0.9em;}
#menu_wrap > ul > li.active > div {position:relative;display:block;overflow:hidden;}
#menu_wrap > ul > li > div ul li {border-bottom:1px solid #344454;}
#menu_wrap > ul > li > div ul li:last-child{border-bottom:none;}
#menu_wrap > ul > li > div ul li a {overflow:hidden;display:block;padding:5px 0 5px 45px;box-sizing:border-box;line-height:140%;width:100%;color:#c5cad0;font-weight:600;font-weight:normal;background:url('../img/menu_wrap_bl2_off.jpg') no-repeat 14% center;background-position-y:center;}
#menu_wrap > ul > li > div ul li.on a {overflow:hidden;display:block;padding:5px 0 5px 45px;box-sizing:border-box;line-height:140%;width:100%;color:#66baf3;font-weight:600;font-weight:normal;background:url('../img/menu_wrap_bl2_on.jpg') no-repeat 14% center;background-position-y:center;}
#menu_wrap > ul > li > div ul li ul{padding:0 0 5px 45px;}
#menu_wrap > ul > li > div ul li ul li{border-bottom:none;}
#menu_wrap > ul > li > div ul li ul li a {overflow:hidden;display:block;padding:3px 0 !important;box-sizing:border-box;line-height:120%;width:100%;color:#c5cad0 !important;font-weight:600;font-size:12px;font-weight:normal;background:none !important;}
#menu_wrap > ul > li > div ul li ul li.on a {overflow:hidden;display:block;padding:3px 0 !important;box-sizing:border-box;line-height:120%;width:100%;color:#9dd1f5 !important;font-weight:600;font-size:12px;font-weight:normal;background:none !important;}

#menu_wrap > ul > li > a.bg1 {background:url('../img/menu_bg1_off.png') no-repeat 0 0; background-position-y:center;}
#menu_wrap > ul > li.active > a.bg1 {background:url('../img/menu_bg1_on.png') no-repeat 0 0;background-position-y:center;}
#menu_wrap > ul > li > a.bg2 {background:url('../img/menu_bg2_off.png') no-repeat 0 0;background-position-y:center;}
#menu_wrap > ul > li.active > a.bg2 {background:url('../img/menu_bg2_on.png') no-repeat 0 0;background-position-y:center;}
#menu_wrap > ul > li > a.bg3 {background:url('../img/menu_bg3_off.png') no-repeat 0 0;background-position-y:center;}
#menu_wrap > ul > li.active > a.bg3 {background:url('../img/menu_bg3_on.png') no-repeat 0 0;background-position-y:center;}
#menu_wrap > ul > li > a.bg4 {background:url('../img/menu_bg4_off.png') no-repeat 0 0;background-position-y:center;}
#menu_wrap > ul > li.active > a.bg4 {background:url('../img/menu_bg4_on.png') no-repeat 0 0;background-position-y:center;}

.btnMore {position:relative;float:right;margin-left:8px;}
.btnMore.on #pop_btnMore {display:block !important;}
#pop_btnMore {display:none;width:auto;position:absolute;right:0;top:22px;padding:14px;background:#fff;border:1px solid #cccccc;border-radius:4px;z-index:100 !important;}
#pop_btnMore .btn{display:inline-block !important;background:#6d6d6d;color:#fff;width:80px;padding:0 0;height:30px;line-height:30px !important;margin:2px 0;border-radius:0;font-size:12px;font-weight:400;vertical-align:middle;text-align:center;}

#pop_btnMore .btn.black{color:#fff;background:#000;border:1px solid #000;}
#pop_btnMore .btn.gray{color:#fff;background:#999999;border:none !important;}
#pop_btnMore .btn.red{color:#fff;background:#df2e38;border:none !important;font-weight:600;}
#pop_btnMore .btn.green{color:#fff;background:#21a737;border:none !important;}
#pop_btnMore .btn.orange{color:#fff;background:#ff8527;border:none !important;}
#pop_btnMore .btn.blue{color:#fff;background:#407bcb;border:1px solid #407bcb !important;}
#pop_btnMore .btn.sky{color:#fff;background:#5aaadf;border:none !important;}
#pop_btnMore .btn i{font-size:21px;margin-top:8px;vertical-align:top;}
#pop_btnMore .btn:hover, #pop_btnMore .btn:active{text-decoration:none !important;}
#pop_btnMore .btn.lightgray{color:#fff;background:#8f99a7;border:none !important;}

.tab1{position:relative;margin-bottom:20px;}
.tab1 ul {clear:both;display:block;margin:0 auto 0;height:39px;border-bottom:1px solid #407bcb;}
.tab1 li { float:left;width:6%;box-sizing:border-box;height:40px;line-height:40px;cursor:pointer;margin-left:0 !important;padding:0 0;text-align:center;border:1px solid #d6d6d6;border-bottom:1px solid #407bcb;border-left:none;background:#f9f9f9;}
.tab1 li a {display:block;text-align:center;font-size:15px;letter-spacing:-0.02em;font-weight:600;color:#9b9b9b !important;cursor:pointer;padding:0 0 0 0;}
.tab1 li:first-child {width:10%;border-left:1px solid #d6d6d6 !important;}
.tab1 li:first-child.active {width:10%;border-left:1px solid #407bcb !important;margin-left:0 !important;}
.tab1 li.active {width:10%;box-sizing:border-box;height:40px;line-height:40px;margin-left:-1px !important;border:1px solid #407bcb;border-right:1px solid #407bcb;border-bottom:1px solid #fff;background:#fff;}
.tab1 li.active a {display:block;font-size:15px;font-weight:600;color:#407bcb !important;padding:0 0 0 0;}
.tab1 .right{position:absolute;right:0;top:0;}


/*********************************/
/* tab 모양 변경 부분 */
/*********************************/
.tab2{position:relative;margin-bottom:20px;height: 75px;}
.tab2 .left{position: absolute;left: 0;top: 0;width: 80%;}
.tab2 ul {clear:both;display:block;margin:0 auto 0;height:39px;width: 100%;}
.tab2 li {float:left;width:9%;box-sizing:border-box;height:40px;line-height:40px;cursor:pointer;margin-left:0 !important;padding:0 0;text-align:center;border:none;background:url('../img/li-bak.png');background-repeat:no-repeat;background-size: 100% 50%;background-position: center;}
.tab2 li:last-child {background:none;}
.tab2 li a {display:block;text-align:center;font-size:15px;letter-spacing:-0.02em;font-weight:600;color:#9b9b9b !important;cursor:pointer;padding:0 0 0 0;}
.tab2 li.active {width:9%;box-sizing:border-box;height:40px;line-height:40px;margin-left:-1px !important;}
.tab2 li.active a {display:block;font-size:15px;font-weight:600;color:#407bcb !important;padding:0 0 0 0;}
.tab2 .right{position:absolute;right:0;top:0;width:20%;text-align:right;margin-top:5px;}
/*********************************/


/*********************************/
/* tab 모양 변경 부분 */
/*********************************/
.tab3{position:relative;margin-bottom:20px;}
.tab3 ul {clear:both;display:block;margin:0 auto 0;height:35px;width: 100%;}
.tab3 li {float:left;width:9%;box-sizing:border-box;height:30px;line-height:30px;cursor:pointer;margin-left:0 !important;padding:0 0;text-align:center;border:none;background:url('../img/li-bak.png');background-repeat:no-repeat;background-size: 100% 50%;background-position: center;}
.tab3 li:last-child {background:none;}
.tab3 li a {display:block;text-align:center;font-size:15px;letter-spacing:-0.02em;font-weight:600;color:#9b9b9b !important;cursor:pointer;padding:0 0 0 0;}
.tab3 li.active {width:9%;box-sizing:border-box;height:30px;line-height:30px;margin-left:-1px !important;}
.tab3 li.active a {display:block;font-size:15px;font-weight:600;color:#407bcb !important;padding:0 0 0 0;}
/*********************************/


.login {position:relative;width:450px;height:520px;box-sizing:border-box;background:#fff;margin:10% auto 0;padding:0 0 0 0;}
.login h1{text-align:center;width:100%;height:145px;box-sizing:border-box;padding-top:34px;font-size:29px;background:#4275bb;margin-bottom:40px;}
.login h1 p{padding-top:14px;font-size:16px;color:#fff;font-weight:normal;}
.login .form_in{overflow:hidden;width:380px;margin:0 auto;}
.login .form_in ul{overflow:hidden;margin-bottom:20px;}
.login .form_in ul li{overflow:hidden;margin-bottom:12px;font-size:18px;border:1px solid #dddddd;}
.login .form_in ul li input.input_dt{width:82%;display:inline-block;height:60px;line-height:58px;padding:0 60px 0 12px;font-size:18px;border:1px solid #fff;color:#646464;background:#fff url('../img/input_dt_bg.png') no-repeat 96% 50%;box-sizing:border-box;vertical-align:middle;}
.login .form_in ul li input.input_dd{width:82%;display:inline-block;height:60px;line-height:58px;padding:0 60px 0 12px;font-size:18px;border:1px solid #fff;color:#646464;background:#fff url('../img/input_dd_bg.png') no-repeat 96% 50%;box-sizing:border-box;vertical-align:middle;}
.login .form_in .form_btn a{display:block;width:100%;font-size:18px;color:#fff;background:#2a6fb4;text-align:center;height:60px;line-height:58px;vertical-align:middle;font-weight:600;}
.login .login_info{clear:both;overflow:hidden;padding:30px 0 0 0;text-align:center;color:#b8b8b8;}
.login .login_info a{font-size:13px;color:#333;}
.login .login_info .fl{float:left;text-align:left;width:60%;padding:0;margin:0;color:#333;}
.login .login_info .fr{float:right;text-align:right;width:40%;padding:6px 0 0 0;margin:0;}
.login .login_info .fr a{color:#666;font-size:14px;}
.login .login_info .fr i{font-size:19px;margin-top:0;vertical-align:top;}

.login_etc{margin-top:20px;text-align:center;font-size:14px;line-height:26px;color:#fff;}

.table_scroll{overflow:hidden;overflow-x:scroll;}