#content {
    /* min-height: 90vh; */
}
.df {
    display: flex;
    flex-wrap: wrap;
}
.b {
    font-weight: bold;
}

.z-1 {
    z-index: 1;
}

.br-1 {
    border-right: 1px solid #999999;
}

.ta-r {
    text-align: right;
}

.mt-65 {
    margin-top: 65px;
}

.mb-16 {
    margin-bottom: 16px;
}

.mb-32 {
    margin-bottom: 32px;
}

.bg-color {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 50;
}

.bg-eee {
    background-color: #EEE;
}

.bg-999 {
    background-color: #999;
}

.br-8 {
    border-radius: 8px;
}

.category-active {
    border-color: #FFFFFF !important;
    outline: none;
}

.category-in-active {
    background-color: #d8e9f6;
}


.dp-n {
    display: none;
}

.dp-nim {
    display: none !important;
}

.mdp-n {
    display: none !important;
}

.dp-f {
    display: flex;
}

.df {
    display: flex;
    flex-wrap: wrap;
}

.dp-ib {
    display: inline-block;
}

.bb-0 {
    border: 0px !important;
}

.pb-8 {
    padding-bottom: 8px !important;
}

.pb-16 {
    padding-bottom: 16px !important;
}

.pb-24 {
    padding-bottom: 24px !important;
}

.pb-32 {
    padding-bottom: 32px !important;
}

.ls-n {
    list-style-type: none !important;
}

.f-1 {
    flex: 1;
}

.f-2 {
    flex: 2;
}

/* 테이블 */
.content-table {
    width: 100%;
    overflow: hidden;
}

.table-auto {
    overflow: auto;
}

.content-table .table-wrap {
    width: 100%;
    white-space: nowrap;
}

.content-table .table-wrap thead {}

.content-table .table-wrap .bb-1 {
    border-bottom: 2px solid #000000 !important;
}

.content-table .table-wrap thead tr {
    border-top: 3px solid #000000 !important;
}

.content-table .table-wrap thead tr th {
    border: 1px solid #E0E6EF;
    padding-left: 8px;
    padding-right: 8px;
}

.content-table .table-wrap tbody tr td {
    border: 1px solid #E0E6EF;
    padding-left: 8px;
    padding-right: 8px;
}

.content-table .table-wrap tbody tr .fix {
    border: 1px solid #E0E6EF;
}

.content-table .table-wrap thead tr .fix {
    min-width: 120px;
    /* max-width: 100px; */
    height: 50px;
    border: 1px solid #E0E6EF;
    font-size: 18px;
    font-family: 'nsr_b';
}

.content-table .table-wrap thead tr .table-content {
    /* display: flex; */
    position: relative;
    justify-content: center;
    width: 100%;
    min-height: 50px;
    align-items: center;
    font-size: 18px;
    font-family: 'nsr_b';
}

.content-table .table-wrap thead tr .table-content:last-child {
    border-right: 0px;
}

.content-table .table-wrap tbody tr .table-content:last-child {
    border-right: 0px;
}

.content-table .table-wrap thead tr .fix:first-child {
    border-left: 0px !important;
}

.content-table .table-wrap tbody tr .fix:first-child {
    border-left: 0px !important;
}

.content-table .table-wrap thead tr .table-content2 {
    /* display: flex; */
    position: relative;
    justify-content: center;
    width: 100%;
    min-height: 50px;
    align-items: center;
    min-width: 280px;
}

.content-table .table-wrap thead tr .dp-n {
    display: none;
}

.content-table .table-wrap tbody tr .table-content {
    /* width: 100%; */
    min-height: 50px;
    height: 50px;
    max-width: 150px;
    white-space: normal;
    border: 1px solid #E0E6EF;
    font-size: 14px;
    font-size: 18px;
    font-family: 'nsr_r';
}

.content-table .table-wrap tbody tr .table-content2 {
    /* width: 100%; */
    min-height: 50px;
    height: 50px;
    max-width: 150px;
    white-space: normal;
    text-align: center;
    padding: 8px;
    font-size: 14px;
    font-family: 'nsr_b';
    min-width: 130px;

}

.content-table .table-wrap tbody tr .fix {
    font-size: 14px;
    text-align: center;
    font-size: 18px;
    font-family: 'nsr_b';
}

.content-table .table-wrap thead tr th button {
    position: absolute;
    /* border-radius: 50%; */
    margin: 0px 8px;
    border: 1px solid #3769bb;
    color: #3769bb;
    width: 32px;
    height: 32px;
}

.content-table .table-wrap thead tr th button .table-right {
    font-size: 17px;
    width: 14px;
    margin: 0px auto;
    height: 100%;
    line-height: 30px;
}

.content-table .table-wrap thead tr th button .table-left {
    font-size: 17px;
    width: 14px;
    margin: 0px auto;
    height: 100%;
    line-height: 30px;
}

.content-table .table-wrap thead tr th button:first-child {
    left: 0px;
    top: 6px;
}

.content-table .table-wrap thead tr th button:last-child {
    right: 0px;
    top: 6px;
}

.content-table .table-wrap thead tr th button img {}


/*  */
#content .main .main-wrap .main-title {}

#content .main .main-wrap .main-title h1 {
    padding: 16px;
    font-size: 25px;
    font-weight: bold;
    color: #1563af;
    font-family: 'nsr_r';
}

#content .main .main-wrap .current-location {
    background-color: #F5F5F5;
    padding: 16px;
    margin-left: 8px;
    margin-bottom: 16px;
    line-height: 30px;
}

#content .main .main-wrap .current-location img {
    /* width: 19px;
    height: 14px; */
    margin-right: 8px;
    vertical-align: middle;
}

/* 카테고리 */
#content .main .main-wrap .category-list {
    display: flex;
    position: relative;
    height: 56px;
    padding-bottom: 16px;
    border-bottom: 1px solid #DDD;
    padding: 0px 8px;
    margin-bottom: 32px;
}

#content .main .main-wrap .category-list .category-tab {
    width: 100%;
    height: 47px;
    line-height: 47px;
    text-align: center;
}

#content .main .main-wrap .category-list .category-tab .bg-type {
    max-width: 170px;
    margin: 0px auto;
    border-radius: 30px;
    font-size: 18px;
}

#content .main .main-wrap .category-list .category-tab .bg-type a {
    font-weight: bold;
    font-size: 17px;
}

#content .main .main-wrap .category-list .category-tab .bg-type-active {
    background-color: #1563af;
}

#content .main .main-wrap .category-list .category-tab .bg-type-active a {
    color: #FFFFFF;
}







@media(min-width: 660px) {

    .content-table {
        padding: 0px 16px;
    }

    .content-table .table-wrap {
        width: 100%;
        margin: 0px auto;
    }

    .content-table .table-wrap thead tr .table-content {
        display: table-cell;
        width: auto;
    }

    .content-table .table-wrap thead tr .table-content2 {
        display: table-cell;
        width: auto;
        min-width: 100px;
        font-size: 18px;
        font-family: 'nsr_b';
    }

    .content-table .table-wrap tbody tr .table-content {
        display: table-cell;
        width: auto;
        max-width: 250px;
        white-space: normal;
    }

    .content-table .table-wrap tbody tr .table-content2 {
        display: table-cell;
        width: auto;
        max-width: 250px;
        white-space: normal;
        font-size: 18px;
        font-family: 'nsr_b';
    }

    .content-table .table-wrap thead tr .table-content button {
        display: none;
    }

    .content-table .table-wrap thead tr .table-content2 button {
        display: none;
    }
}

@media(min-width: 1080px) {

    .mdp-n {
        display: block !important;
    }

    /* 카테고리 */
    #content .main .main-wrap .category-list .category-tab {
        max-width: 200px;
    }

    #content .main .main-wrap .category-list .category-print {
        display: block;
        position: absolute;
        right: 0px;
        padding: 0px 16px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        cursor: pointer;
    }

    #content .main .main-wrap .category-list .category-print button {
        width: 32px;
        height: 32px;
        vertical-align: middle;
        border-radius: 8px;
    }

    #content .main .main-wrap .category-list .category-print button img {}

    #content .main .main-wrap .main-title h1 {
        font-size: 40px;
    }
}

.bd-n {
    border: 0px !important;
    
}

a:active, ul:active, li:active, button:active, div:active {
    background-color: transparent;
    outline: transparent;
    outline:none;
    -webkit-tap-highlight-color : transparent;
}

a:target, ul:target, li:target, button:target, div:target {
    background-color: transparent;
    outline: transparent;
    outline:none;
    -webkit-tap-highlight-color : transparent;
}
div:focus,li:focus,button:focus,a:focus,ul:focus{
    background-color: none;
    outline:none;
    -webkit-tap-highlight-color : transparent;
}
/* li:focus button:focus a:focus ul:focus */
div.focus-visible {
    outline: -webkit-focus-ring-color auto 1px;
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
    outline-width: 1px;
}
a:focus-visible {
    outline: -webkit-focus-ring-color auto 1px;
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
    outline-width: 1px;
}
button:focus-visible {
    outline: -webkit-focus-ring-color auto 1px;
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
    outline-width: 1px;
}

li:focus-visible {
    outline: -webkit-focus-ring-color auto 1px;
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
    outline-width: 1px;
}

.sprite {background-image: url('../img/sprite.png'); background-size:1000px; background-repeat:no-repeat; text-indent:-999em;}
.spritepc {background-image: url('../img/sprite.png'); background-repeat:no-repeat; text-indent:-999em;}
.cloud {display:inline-block; margin-left:10px; vertical-align: middle; width:25.5px; height:20.5px; background-position:-46.5px -461.5px;}


/* bbs 뷰 */
.bbs_view {border-top:3px solid #0153a9; }
.bbs_view .bbs_view_tit {padding:30px;}
.bbs_view .bbs_view_tit {text-align:left;}
.bbs_view .bbs_view_tit h3 {font-size:27px; margin:0 0 20px; background:none; padding:0; font-family:'nsr_r'; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.bbs_view .bbs_view_tit .tit_info {overflow:hidden; line-height:25px;}
.bbs_view .bbs_view_tit .tit_info p{ }
.bbs_view .bbs_view_tit .tit_info p strong{ display:inline-block; padding-right:5px; position:relative; font-weight:bold; color:#333;}
.bbs_view .bbs_view_tit .tit_info .writer{ float:left;}
.bbs_view .bbs_view_tit .tit_info .writer strong{ padding-right:15px; margin-right:15px;}
.bbs_view .bbs_view_tit .tit_info .writer strong:after{ content:''; display:block; width:1px; height:14px; background-color:#ddd; position:absolute; top:5px; right:0;}
.bbs_view .bbs_view_tit .tit_info .info{ float:right;}
.bbs_view .bbs_view_tit .tit_info .info strong.info_line{ padding-left:15px; margin-left:13px;}
.bbs_view .bbs_view_tit .tit_info .info strong.info_line:after{ content:''; display:block; width:1px; height:14px; background-color:#ddd; position:absolute; top:5px; left:0;}

.bbs_view .bbs_view_body {padding:50px 30px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.bbs_view .bbs_view_body_txt {padding:20px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.bbs_view .bbs_view_body_txt textarea {display:block; width:100%; padding:20px; }
.bbs_view .bbs_view_body p {color:#686767;}
/* .bbs_view_filedown {border-bottom: 1px solid #e0e0e0;}
.bbs_view_filedown > * {height:70px; line-height:70px; display:inline-block; vertical-align:middle;}
.bbs_view_filedown .th {width:250px; background:#f7f7f7; text-align:center; color:#686767; font-family:'nsr_b';}
.bbs_view_filedown .td {padding-left:30px;}
.bbs_view_filedown .td * {color:#828282;}
.bbs_view_filedown .td .cloud {display:inline-block; vertical-align:middle; width:25.5px; height:20.5px; background: url('../img/sprite.png') no-repeat -46.5px -461.5px; background-size:1000px; margin-right:10px;} */
.bbs_view_filedown {border-bottom: 1px solid #e0e0e0;}
.bbs_view_filedown > * {height:70px; line-height:70px; display:table-cell; vertical-align:top;}
.bbs_view_filedown .th {width:250px; background:#f7f7f7; text-align:center; color:#686767; font-family:'nsr_b';}
.bbs_view_filedown .td {padding:25px 30px;}
.bbs_view_filedown .td > p {margin-bottom:10px; }
.bbs_view_filedown .td > p:last-child {margin-bottom:0;}
.bbs_view_filedown .td * {color:#828282;}
.bbs_view_filedown .td .cloud {display:inline-block; vertical-align:middle; width:25.5px; height:20.5px; background: url('../img/sprite.png') no-repeat -46.5px -461.5px; background-size:1000px; margin-right:10px;}
.bbs_view_file {position:relative; padding:20px 0 17px;}
.bbs_view_file .file_tit {position:absolute; left:20px; top:20px;}
.bbs_view_files_wrap {padding-left:100px;}
.bbs_view_files_wrap:after {content:""; clear:both; display:block;}
.bbs_view_files_wrap li {float:left; width:50%; }
.bbs_view_files_wrap li div {display:inline-block; padding:0; background:#f6f6f6;}
.bbs_view .bbs_view_files_wrap li div:after {clear:both; content:""; display:block;}
.bbs_view .bbs_view_files_wrap li div a {display:inline-block; float:left; padding:0 10px 0 20px; height:36px; line-height:36px;}
.bbs_view .bbs_view_files_wrap li div a.file_name {border:1px solid #e0e0e0;}
.bbs_view .bbs_view_files_wrap li div a.file_view_btn {float:right; background:#fff; border:1px solid #e0e0e0; border-left:#fff; font-size:12px; background:#fff url('../images/ico_bbs_view_fileview.png') no-repeat 10px center; padding:0 10px 0 30px; }
.bbs_view .bbs_view_files_wrap li.on div {}
.bbs_view .bbs_view_files_wrap li.on div a.file_name {border:1px solid #234498; color:#234498;}
.bbs_view .bbs_view_files_wrap li div a.file_name:hover {border:1px solid #234498;}
.bbs_view .bbs_view_files_wrap li div a.file_view_btn:hover {color: #234498;}
.bbs_view_prevnext {border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; margin:20px 0;}
.bbs_view_prevnext .prev {border-bottom:1px solid #e0e0e0; height:80px;}
.bbs_view_prevnext .next {height:80px;}
.bbs_view_prevnext > div:after {clear:both; content:""; display:block;}
.bbs_view_prevnext > div > span {display:block; float:left; width:100px; height:80px; line-height:80px; color:#9c9c9c; text-align:center;}
.bbs_view_prevnext > div > a {position:relative; display:block; padding:0 20px; float:left; width:calc(100% - 120px); height:80px; line-height:80px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right:130px;}
.bbs_view_prevnext > div > a .date {position:absolute; right:0; top:0;}




.btns{ width:100%; text-align:center; margin-top:70px; margin-bottom:50px; overflow:hidden;}
.btns.right{ text-align:right;}
.btns.left{ text-align:left;}
.btns .right{ float:right;}
.btns .left{ float:left;}
a.btn,
button.btn{ display:inline-block; text-align:center; font-size:9pt; vertical-align:middle; margin:2px 5px;}
a.btn.radi,
button.btn.radi{ border-radius:7px;}

/* bt size style */
a.bt_micro,
button.bt_micro{ padding:3px 5px; font-size:0.75em; font-weight:bold;}
a.bt_small,
button.bt_small{ padding:0 10px; height:20px; line-height:20px; font-size:0.85em;}
a.bt_normal,
button.bt_normal{ padding:0 18px; height:41px; line-height:41px; font-size:20px;}
a.bt_big,
button.bt_big{ padding:0 50px; height:50px; line-height:50px; font-size:24px;}
a.bt_full,
button.bt_full{ padding:0; height:50px; line-height:50px; width:100%; box-sizing:border-box; margin:0; font-size:20px;}
a.bt_half,
button.bt_half{ padding:0; height:50px; line-height:50px; width:50%; margin:0 auto; margin:0; font-size:20px;}

/* bt bg style */
.bg_red{ background-color:#f04124; color:#fff !important;}
.bg_red:hover{ background-color:#dd381d; color:#fff !important;}
.bg_orange{ background-color:#f79750; color:#fff !important;}
.bg_orange:hover{ background-color:#e06f1b; color:#fff !important;}
.bg_green{ background-color:#43ac6a; color:#fff !important;}
.bg_green:hover{ background-color:#389d5e; color:#fff !important;}
.bg_blue{ background-color:#1b7abd; color:#fff !important;}
.bg_blue:hover{ background-color:#10619b; color:#fff !important;}
.bg_sky{ background-color:#7299b5; color:#fff !important;}
.bg_sky:hover{ background-color:#5884a4; color:#fff !important;}
.bg_mint{ background-color:#00a5ac; color:#fff !important;}
.bg_mint:hover{ background-color:#01969c; color:#fff !important;}
.bg_pink{ background-color:#ff8e8e; color:#fff !important;}
.bg_pink:hover{ background-color:#f18080; color:#fff !important;}
.bg_wgray{ background-color:#fafafa; color:#777;}
.bg_wgray:hover{ background-color:#ececec; color:#777;}
.bg_gray{ background-color:#ccc; color:#fff !important;}
.bg_gray:hover{ background-color:#bbbbbb; color:#fff !important;}
.bg_dgray{ background-color:#666; color:#fff !important;}
.bg_dgray:hover{ background-color:#424242; color:#fff !important;}
.bg_white{ background-color:#fff !important; color:#777;}
.bg_white:hover{ background-color:#f1f1f1; color:#777;}
.bg_black{ background-color:#000; color:#fff !important;}
.bg_black:hover{ background-color:#434343; color:#fff !important;}
.border{ border:1px solid #ddd; box-sizing:border-box;}
.border:hover{ border:1px solid #aaa; background-color:#fafafa;}

@media (max-width:959px){
	/* bt size style */
	a.bt_micro,
	button.bt_micro{ padding:3px 5px; font-size:0.75em; font-weight:bold;}
	a.bt_small,
	button.bt_small{ padding:0 10px; height:20px; line-height:20px; font-size:0.85em;}
	a.bt_normal,
	button.bt_normal{ padding:0 15px; height:35px; line-height:35px; font-size:14px;}
	a.bt_big,
	button.bt_big{ padding:0 20px; height:50px; line-height:50px; font-size:16px;}
	a.bt_full,
	button.bt_full{ padding:0; height:50px; line-height:50px; width:100%; box-sizing:border-box; margin:0; font-size:16px;}
	a.bt_half,
	button.bt_half{ padding:0; height:50px; line-height:50px; width:50%; margin:0 auto; margin:0; font-size:16px;}
}