.container_box{width:1560px;margin:0 auto;padding:10px 0;}
.content{display:flex;gap:30px;min-height:600px;padding:0 0 60px 0;position: relative}

.lnb {
    width: 260px;
    flex-shrink:0;
}

.lnb > h2 {
    position:relative;
    color: #164FA3;
    font-size: 26px;
    line-height: 1em;
    padding:0 0 27px 0;
    margin-bottom: 20px;
    font-weight: 600;
    border-bottom: 1px solid #164FA3;
    /*background: url("../../../images/rone/portal/lnb_bg.png") no-repeat right bottom;*/
}

.lnb ul {
    margin: 21px 0 0 0;
    padding: 0;
    background: #fff;
    border-bottom: 1px solid #DCE0EC;
}

.lnb ul > li {
    display: block;

}

.lnb ul > li > a {
    position:relative;
    display: block;
    padding: 0 15px;
    color: #000000;
    font-size: 	16px;
    height:60px;
    line-height:60px;
    font-family:'NotoKrB';
    word-break: keep-all;
    /*border-radius:5px;*/
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}

.lnb ul > li > a.depth3{padding-left:25px;font-size:16px;}
.lnb ul > li > a.depth3:before{content:"- ";}

.lnb ul > li > a.on,
.lnb ul > li > a.selected {
    font-size: 	17px;
    color: #ffffff;
    background-color: #0064E6;
    /*box-shadow:0px 0px 15px rgba(7, 116, 219, 0.6);*/
}

/*.lnb ul > li > a.selected:after{*/
/*    width: 5px;*/
/*    height: 5px;*/
/*    background: #fff;*/
/*    border-radius: 0px;*/
/*    content: "";*/
/*    display: inline-block;*/
/*    vertical-align: middle;*/
/*    margin-bottom: 21px;*/
/*}*/

.cont{width:100%;}
.contents-navigation{display:flex;justify-content:flex-end;margin:0 0 40px 0;}
.contents-navigation .icon-home {
    display: inline-block;
    vertical-align: middle;
    width:25px;
    height: 25px;
    text-indent: -5000em;
    background: url(/img/icon_nhome.png) no-repeat center center;
}

.contents-navigation .icon-gt {
    position:relative;
    width: 6px;
    margin: 0 7px;
    color:#000000;
    display:inline-block;
    text-indent:-9999px;
    vertical-align: baseline;
}
.contents-navigation .icon-gt:before{
    position:absolute;
    top:2px;
    left:0;
    content:"\232A";
    text-indent:0;
    display:block;
    font-weight:bold;
    font-size:15px;
}
.contents-navigation .location,
.contents-navigation strong {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #000000;
}


.sub-function-list {
    float: right;
    height: 45px;
    border-left: 1px solid #415d80;
    display:none;
}

.sub-function-list button,
.sub-function-list a {
    float: left;
    width: 45px;
    height: 45px;
    cursor: pointer;
    background: transparent;
    border-right: 1px solid #415d80;
}
.contents-title-wrapper{
    position: relative;
    margin-bottom: 25px;
    border-bottom: 1px solid #d6d5d5;
    padding-bottom: 3px;
    display: flex;    justify-content: space-between
}
.contents-title-wrapper h3  {
    font-size: 30px;
    padding:0 0 19px 0;
    color: #000000;
    font-family: "notoKrM", notoKrM, sans-serif;
    font-weight: 500;
    line-height:0.9;
}

.contents-title-wrapper.space_between{display: flex;    justify-content: space-between;}
.contents-pop-title-wrapper{position:relative;margin-bottom: 15px;border-bottom: 1px solid #e5e5e5;}
.contents-pop-title-wrapper{
    text-align:center;
    background:url(/img/bg_header_area.png) no-repeat 0 center;
    background-size:cover;
}
.btn_help{line-height:40px;display: inline-block;
    padding: 0 15px 0 35px;
    color: #ffffff;
    font-size: 13px;
    border-radius: 4px;
    background: #0768ca url(/img/icon_new_help.png) no-repeat 15px center;
    font-family: 'NotoKrM';}
.btn_help:hover{color: #fff}
.contents-pop-title-wrapper:after{content: "";clear: both;display: block;}
.contents-pop-title-wrapper i{position:absolute;bottom:10px;right:0;font-style:normal;color:#222222;}
.contents-pop-title-wrapper h3{float: left;height: 48px;margin-bottom: -1px;font-size: 2.154em;line-height: 1em;color: #126bc2;font-family: "notoKrM", notoKrM, sans-serif;font-weight: 500;border-bottom: 4px solid #126bc2;}
.contents-pop-title-wrapper h3{color:#000000;border:none;float:none;line-height:75px;height:75px;margin:0;}

.siren_info{background: #f6fbff; border: 1px solid #d3dde7; border-radius: 7px; padding: 21px;margin-bottom: 15px;}
.siren_info p{font-size: 15px;padding: 4px 8px;line-height: 1.3}
.siren_info .first{color: #0d4bc1}
.siren_info .second-span{color:#0d4bc1; white-space:nowrap; display:inline-block; line-height:1.3; vertical-align:baseline;}

.no-data{display: block; height: 100%;  display: flex;  flex-direction: column; align-items: center;  justify-content: center;gap: 6px; background: #fbfbfb;  padding: 13px;
    border-radius: 10px;    font-size: 16px;  color: #8d8d8d;}
.no-data:before{content: '';display: block;width: 56px;height: 56px;background: url("/img/no_data.png") no-repeat;}

.nodata{display: block; width: 100% !important;height: 100%;  display: flex;  flex-direction: column; align-items: center;  justify-content: center;gap: 5px;  padding: 5px !important;}
.nodata:before{content: '';display: block;width: 40px;height: 40px;background: url("/img/no_data.png") no-repeat;background-size: contain}

/* 게시판 */
.board-area {
    position: relative;
}

.board-area h3.title{
    font-size: 19px;
    color: #000000;
    font-family: 'notoKrB';
    display: inline-block;
    margin-bottom: 10px;
}

.board-area h4.title{
    font-size: 19px;
    color: #000000;
    font-family: 'notoKrB';
    display: inline-block;
    margin-bottom: 10px;
}

.board-area .total {
    float: left;
    margin-top: 15px;
    font-size: 1.154em;
    line-height: 1em;
    color: #6c6e6f;
}


.board-area .total.type02 {
    margin-top: 5px;
    color: #333333;
    font-size: 1.231em;
    font-family: "notoKrM", notoKrM, sans-serif;
    font-weight: 500;
}

.board-area .total.float-none {
    float: none;
}

.board-area .total strong {
    color: #0064E6;
    font-family: "notoKrB", sans-serif;
}

.board-area .search-wrapper {
    float: right;
}

.board-area .search-area {
    text-align: right;
    margin: 0;
    padding: 0;
    padding-bottom: 15px;
}

.board-area .search-area.fl {
    float: left;
}

.board-area .search-area select {
    display: inline-block;
    vertical-align: top;
    width: 134px;
    height: 43px;
    line-height: 43px;
    border: 1px solid #d5d5d5;
    border-radius: 0;
    text-indent: 10px;
    box-sizing: border-box;
    font-size:14px;
}

.board-area .search-area .search-box {
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
}

.board-area .search-area .search-box input[type="search"] {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #d5d5d5;
    height: 43px;
    line-height: 43px;
    padding: 0;
    width: 220px;
    text-indent: 10px;
    background: #fff;
    border-radius: 0;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-size:14px;
}


.board-area .search-area .search-box input[type="submit"] {
    display: inline-block;
    vertical-align: middle;
    width: 64px;
    height: 43px;
    line-height: 43px;
    margin-left: 1px;
    border-radius: 0;
    border: 0;
    text-align: left;
    -webkit-appearance: none;
    color: #fff;
    cursor: pointer;
    text-align: center;
    background:#0768ca;
    font-size: 14px;
    border-radius:4px;
}

.board-area .search-area .search-box button[type="button"] {
    display: inline-block;
    vertical-align: middle;
    width: 64px;
    height: 43px;
    line-height: 43px;
    margin-left: 1px;
    border-radius: 0;
    border: 0;
    text-align: left;
    -webkit-appearance: none;
    color: #fff;
    cursor: pointer;
    text-align: center;
    background:#0064E6;
    font-size: 14px;
    border-radius:4px;
}

.search-wrapper .qna-insert-button {
    float: right;
    margin-left: 4px;
    background: #53586c;
    height: 43px;
    line-height: 43px;
    font-size: 14px;
    color: #fff;
    padding: 0 30px;
    box-sizing: border-box;
    text-align: center;
    border-radius:4px;
}

.board-area .search-wrapper02 {
    position: relative;
    margin: 0;
    padding: 0;
    text-align: center;
    padding-bottom: 10px;
}

.search-area02.openApi{text-align: right;padding-right:130px}

.board-area .search-wrapper02 > .btn-s04 {
    position: absolute;
    top: 0;
    right: 0;
}

.board-area .search-wrapper02 .search-area02 select {
    display: inline-block;
    vertical-align: top;
    width: 134px;
    height: 43px;
    line-height: 43px;
    border: 1px solid #d5d5d5;
    border-radius: 0;
    text-indent: 10px;
    box-sizing: border-box;
    font-size:14px;
    border-radius: 5px;
}

.board-area .search-area02 .search-box02 {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.board-area .search-area02 .search-box02 input[type="search"] {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #d5d5d5;
    height: 43px;
    line-height: 43px;
    padding: 0;
    width: 220px;
    text-indent: 10px;
    background: #fff;
    border-radius: 0;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-size:14px;
    border-radius: 5px;
}


.board-area .search-area02 .search-box02 input[type="submit"] {
    display: inline-block;
    vertical-align: middle;
    width: 64px;
    height: 43px;
    line-height: 43px;
    margin-left: 1px;
    border-radius: 0;
    border: 0;
    text-align: left;
    -webkit-appearance: none;
    color: #fff;
    cursor: pointer;
    text-align: center;
    background: #4e93cc;
    font-size: 14px;
    border-radius:5px;
}

.board-area .search-area02 .search-box02.selected-depth2 > select {
    width: 100px;
}

.board-area.faq{display: grid;}

.board-top-information {
    position: relative;
    margin-bottom: 10px;
}

.board-top-information.totalsearch {
    margin-bottom: 10px;
}

.board-top-information.totalsearch .total {
    margin-top: 10px;
    margin-bottom: 0;
    float: left !important;
}

.board-top-information.totalsearch .btns-wrapper {
    clear: none;
    float: right !important;
}


.btns-wrapper {
    float: right;
}

.word-right {
    float: right;
}

.search-wrapper.search-micro .search-area{display: flex;align-items: center;gap: 10px}
.search-wrapper.search-micro .board-area .search-area .search-box input{font-size: 15px}

/* 게시판 목록 */
.board-list09{clear:both;border-top:2px solid #66575a;}

.board-list09 table thead .title{width:64%;}
.board-list09 table thead .writer{width:10%;}
.board-list09 table thead .date{width:16%;}
.board-list09 table thead .hit{width:10%;}

.board-list09 table tbody tr:hover{background:#f9f9f9;}
.board-list09 table thead th{color: #666666;background:#f7f7f7;padding:10px 5px;text-align:center;vertical-align:middle;border-bottom:1px solid #cccccc;font-family: "notoKrL", sans-serif;font-weight:100;}
.board-list09 table tbody td{border-bottom:1px solid #dddddd;color:#666666;text-align:center;padding:10px 5px;}
.board-list09 table tbody td a{color:#666666;display:inline-block;vertical-align:middle;max-width:100%;}

.board-list09 .mobile_block{display:none;overflow:hidden;}
.board-list09 .mobile_block li{float:left;padding:0 5px 0 0;font-size:12px;}
.board-list09 .mobile_block li:before{content:"|";margin:0 5px 0 0;font-size:10px;color:#999999;}
.board-list09 .mobile_block li:first-child:before{content:"";margin:0;}

.mobile_content{display:none;}

.ncontent_next ul li{border-bottom:1px solid #dddddd;padding:10px;}
.ncontent_next ul li span{vertical-align:top;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:calc(100% - 100px);}

.nc_next strong{background:url(/img/icon_prev_next.png) no-repeat 0 5px;display:inline-block;padding:0 0 0 25px;margin:0 10px 0 0;}
.nc_prev strong{background:url(/img/icon_prev_next.png) no-repeat 0 -87px;display:inline-block;padding:0 0 0 25px;margin:0 10px 0 0;}

.board-list01 {clear: both;border-top:1px solid #646769}
.board-list01 table {font-size: 14px;}
.board-list01 tr.notice {background: #f8f7f2;}
.board-list01 table th,
.board-list01 table td{border-width:0;}
.board-list01 tr:hover td{background:#f6f6f6;}

.presentation-material-area.otherTb{padding:0 !important;}
.presentation-material-area.otherTb .board-list01{border-top: 0 !important;}

.board-list01.line01 table {
    font-size: 14px;
}

.board-list01.line01 table th,
.board-list01.line01 table td {
    padding: 13px 5px;
    border-right: 1px solid #e5e6e6;
}

.board-list01.line01 table th.line-none,
.board-list01.line01 table td.line-none,
.board-list01.line01 table th:last-child,
.board-list01.line01 table td:last-child {
    border-right: 0;
}

.board-list01.line01 table tbody td.title {
    padding: 13px 15px;
}


.board-list01 table thead th {
    color: #000000;
    background: #FAFAFB;
    padding: 18px 5px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #E8EBF2;
    font-family: "notoKrM", sans-serif;
    font-weight: normal;
    font-size:16px;
}

.board-list01 table tbody th{
    background:#f7f7f7;
    border-top:1px solid #dddddd;
    border-bottom:1px solid #E8EBF2;
    font-weight:normal;
    font-size: 15px;
}

.board-list01 table tbody td {
    border-bottom: 1px solid #E8EBF2;
    color: #000000;
    text-align: center;
    padding: 20px 5px;
    font-size: 15px;
}

.board-list01 table tbody td a {
    color: #666666;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
}


.board-list01 table tbody td input[type="radio"] {
    display: inline-block;
    vertical-align: middle;
}
.board-list01 table tbody td .key {
    display: inline-block;
    vertical-align: middle;
    padding-left: 30px;
    color: #555560;
    background: transparent url(/img/icon_key.gif);
    background: -webkit-linear-gradient(transparent,transparent),url(/img/icon_key@2x.gif);
    background: linear-gradient(transparent,transparent),url(/img/icon_key@2x.gif);
    background-repeat: no-repeat;
    background-position: 5px center;
    background-size: 16px 16px;
}

/*
.board-list01 table tbody td.title {
    padding: 10px 15px 13px 15px;
}
*/

.board-list01 table tbody td.title a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overow: ellipsis;
    color:#000000;
    font-size: 15px;
}

.board-list01 table tbody td.title a.w100 {
    max-width: 100% !important;
}

.board-list01 table tbody td.title a:hover {
    text-decoration: none;
}


.board-list01 table tbody td .word-summary {
    display: inline-block;
    vertical-align: top;
    max-width: 90%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overow: ellipsis;
    color: #999999;
    font-family: "notoKrL", notoKrL, sans-serif;
    font-weight: 100;
    line-height: 1em;
}


.board-list01 table tbody td.title a img {
    margin-left: 5px;
}

.board-list01 table tbody td a:hover {
    color: #0768ca;
    text-decoration: underline;
}

.board-list01 table tbody td a .comment-hit {
    color: #f56300
}

.board-list01 table tbody td .icon {
    display: inline-block;
    vertical-align: top;
    padding: 0 5px;
    height: 19px;
    line-height: 19px;
    margin-top: 3px;
    margin-right: 5px;
    color: #fff;
    font-size: 0.688em;
}

.board-list01 table tbody td .icon-answer,
.board-list01 table tbody td .icon-hit {
    display: inline-block;
    vertical-align: middle;
    min-width: 40px;
    padding: 0 5px;
    height: 19px;
    line-height: 19px;
    margin-right: 5px;
    color: #fff;
    font-size: 12px;
}

.board-list01 table tbody td .icon.notice {
    background: #4a4a5c
}

.board-list01 table tbody td .icon-answer.type01 {
    background: #f15c22
}
.board-list01 table tbody td .icon-answer.type02 {
    background: #4b4a5c
}
.board-list01 table tbody td .icon-answer.type03 {
    background: #1680e8
}

.board-list01 table tbody td .icon-hit.type01 {
    background: #f19d22
}

.board-list01 table tbody td .icon-hit.type02 {
    background: #184e96
}


.board-list01 table tbody td .icon-reply {
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 9px;
    margin-right: 5px;
    text-indent: -5000em;
    background: transparent url(/img/icon_reply.gif) no-repeat 0 0;
    background: -webkit-linear-gradient(transparent, transparent), url(/img/icon_reply@2x.gif) no-repeat 0 0;
    background: linear-gradient(transparent, transparent), url(/img/icon_reply@2x.gif) no-repeat 0 0;
    background-size: 13px 9px;
}

.board-list01 table tbody td.right-line {
    border-right: 1px solid #f2f2f2
}

.board-list01 table th.notice,
.board-list01 table td.notice {
    width: 5%;
}

.board-list01 table .number {
    width: 8%;
}

.board-list01 table .number-block {
    width: 10%;
}

.board-list01 table .division {
    width: 15%;
    word-break: keep-all;
}

.board-list01 table .division02 {
    width: 10%;
}

.board-list01 table .name {
    width: 18%;
}

.board-list01 table .summary {
    width: 60%;
}

.board-list01 table .affiliate {
    width: 12%;
    color: #e84a4e
}

.board-list01 table .date {
    width: 12%;
    font-family:'NotoKrM';
}

.board-list01 table .writer {
    width: 10%;
}
.board-list01 table .file {
    width: 10%;
}

.board-list01 table .file02 {
    width: 15%;
}

.board-list01 table .answer {
    width: 10%;
}

.board-list01 table .hit {
    width: 8%;
    font-family:'NotoKrM';
}

.board-list01 table .hit02 {
    width: 10%;
}

.board-list01 table .counter {
    width: 10%;
}

.board-list01 table .support {
    width: 10%;
}

.board-list01 table .disclosure {
    width: 10%;
}

.board-list01 table .status {
    width: 10%;
}

.board-list01 table .item {
    width: 25%;
}

.board-list01 table .cycle {
    width: 10%;
}

.board-list01 table .department {
    width: 15%;
}

.board-list01 table .stats-type {
    width: 12%;
}

.board-list01 table .hit-type {
    width: 12%;
}

.board-list01 table .btn-hit {
    width: 12%;
}

.board-list01 table .code-search {
    width: 15%;
}

.board-list01 table tbody td.left {
    text-align:left;
}
.board-list01 table tbody td.center {
    text-align:center;
}
.board-list01 table tbody td.right {
    text-align:right;
}
.board-list01 table tbody td .mobile-notice-icon {
    display: none;
}
.board-list01 table tbody td .mobile-info {
    display: none;
}

.board-list01 table tbody td.title {
    text-align: left;
}

.board-list01 table .appl_number{
    width : 12%;
}

.word-right .board-icon,
.board-list01 table tbody td .board-icon {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
}


.board-list01 table tbody td.file02 .board-icon {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    margin-top: -2px;
}

.board-list01 table tbody td.no-data {
    color: #999999;
    font-family: "notoKrL", notoKrL, sans-serif;
    font-weight: 100;
}

.board-list01 table tbody td .board-icon.pc {
    display: none;
}

.board-list01 table tbody td .board-icon.mobile {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0;
    margin-right: 1px;
}

.focuson {color: #0064e6; font-style: normal; vertical-align: baseline;}

/* 페이징 네비게이션 */
.paging-navigation {
    clear: both;
    text-align: center;
    padding-bottom: 0;
    margin-top: 35px;
}

.paging-navigation a {
    display: inline-block;
    line-height: 35px;
    min-width: 29px;
    height: 35px;
    padding: 0 3px;
    color: #4c4c50;
    border: 1px solid #c5c7cc;
    vertical-align: middle;
    background: #fff;
    border-radius:4px;
    box-sizing:content-box;
    margin:0 2px;
}
.paging-navigation a:hover {
    border: 1px solid #164FA3;
    color: #fff !important;
    background: #164FA3;
    text-decoration: none;
}
.paging-navigation strong {
    display: inline-block;
    line-height: 35px;
    min-width: 29px;
    height: 35px;
    padding: 0 3px;
    border: 1px solid #164FA3;
    color: #fff;
    vertical-align: middle;
    background: #164FA3;
    border-radius:4px;
    box-sizing:content-box;
    margin:0 2px;
}
.paging-navigation a.btn-first {
    width: 35px;
    padding: 0;
    text-indent: -5000em;
    background: url(/img/btn_first@2x.gif) no-repeat center center;
    background-size: 12px 10px;
}
.paging-navigation a.btn-pre {
    width: 35px;
    padding: 0;
    text-indent: -5000em;
    background: url(/img/btn_previous@2x.gif) no-repeat center center;
    background-size: 6px 10px;
}
.paging-navigation a.btn-next {
    width: 35px;
    padding: 0;
    text-indent: -5000em;
    background: url(/img/btn_next@2x.gif) no-repeat center center;
    background-size: 6px 10px;
}
.paging-navigation a.btn-last {
    width: 35px;
    padding: 0;
    text-indent: -5000em;
    background: url(/img/btn_last@2x.gif) no-repeat center center;
    background-size: 12px 10px;
}
.board_attach{width:20px;}

/* tabmenu01 */
.tab-cont-sect{clear:both;}
.tabmenu-type01 {
    margin: 32px 0 0 0;
}

.tabmenu-type01>ul {
    position: relative;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border-bottom: 2px solid #0074A5;
    height:42px;
}

.tabmenu-type01>ul :after {
    content: "";
    clear: both;
    display: block;
}

.tabmenu-type01>ul>li {
    float: left;
    margin-left: -1px;
    margin-bottom: -2px;
}

.tabmenu-type01>ul>li>a {
    display: block;
    min-width: 100px;
    padding:0 15px;
    box-sizing: border-box;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #888888;
    font-size: 1.077em;
    font-family: "notoKrM", notoKrM, sans-serif;
    font-weight: 500;
    border: 1px solid #cccdce;
    border-bottom: 1px solid #0073cf;border-radius: 5px 5px 0 0;
}

.tabmenu-type01.w148px>ul>li>a {
    display: block;
    width:auto;
    min-width:132px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #888888;
    font-size: 1.077em;
    font-family: "notoKrM", notoKrM, sans-serif;
    font-weight: 500;
    border: 1px solid #cccdce;
    border-bottom: 1px solid #0073cf;
    padding-left:8px;
    padding-right:8px;
}

.tabmenu-type01>ul.none-fixed-width>li>a {
    width: auto;
    padding: 0 40px;
}

/*
.tabmenu-type01 > ul > li:first-child {
	margin-left: 0;
}
*/
.info_img{text-align: center}
.info_img img{;width: 100% }
.info_txt01{background: #f2f6f9;padding:13px;text-align: center}
.info_txt01 p{font-size: 15px;color: #000}
.tabmenu-type01>ul>li.on>a:hover,.tabmenu-type01>ul>li.on>a {
    background: #fff;
    border: 2px solid #0768ca;
    border-bottom: 1px solid #fff;
    color: #0768ca;
    font-size: 16px;border-radius: 5px 5px 0 0;
}
.tabmenu-type01>ul>li.on>a:hover,.tabmenu-type01>ul>li.on>a span{vertical-align:top;}

.tabmenu-type01>ul>li>a:hover {
    background: #f1f1f1;
    border: 1px solid #a3bedf;
    border-bottom: 2px solid #0073cf;
    color: #888888;
    margin-bottom: -1px;
}

/* tabmenu type02  */
.tabmenu-type02 {
    margin-bottom: 35px;
}

.tabmenu-type02:after {
    content: "";
    clear: both;
    display: block;
}

.tabmenu-type02.depth2 {
    margin-bottom: 15px;
}

.tabmenu-type02.depth4 {
    margin-bottom: 15px;
}

.tabmenu-type02.eightList {
    margin-bottom: 15px;
}

.tabmenu-type02>li {
    float: left;
    width: calc(33.33% + 1px);
    margin-left: -1px;
}

.tabmenu-type02>li:nth-child(2) {
    width: 33.34%;
}

.tabmenu-type02.depth2>li {
    width: calc(50% + 1px);
}

.tabmenu-type02.depth4>li {
    width: calc(25% + 1px);
    margin-left: -1px;
}

.tabmenu-type02.eightList>li {
    width: calc(12.5% + 1px);
}

.tabmenu-type02.harfList>li {
    width: calc(20% + 1px);
}

.tabmenu-type02>li>a {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #0074a5;
    font-size: 16px;
    border: 1px solid #90B6CF;
    box-sizing: border-box;
    font-family: "notoKrB", notoKrM, sans-serif;
    font-weight: 500;
    text-align: center;
}

.tabmenu-type02>li.on>a,.tabmenu-type02>li.on>a:hover {
    border: 1px solid #00C0F3;background: #00C0F3;
    color: #fff;
    z-index: 10;
    font-family: "notoKrB", notoKrB, sans-serif;
    font-weight: 700;
    text-shadow: 0px 0px 2px rgba(0,0,0,.8);
}

.tabmenu-type02>li>a:hover {
    border: 1px solid #a9c5eb;
    color: #002C6D;
    background: #f1f1f1;
    z-index: 10;
    font-family: "notoKrB", notoKrR, sans-serif;
}

/* tabmenu type03  */
.tabmenu-type03 {
    margin: 0;
    padding: 0;
    border: 1px solid #d2d2d2;
    border-bottom: 0;
}

.tabmenu-type03:after {
    content: "";
    clear: both;
    display: block;
}

.tabmenu-type03>li {
    float: left;
    width: 33.33%;
}

.tabmenu-type03>li:nth-child(2) {
    width: 33.34%;
}

.tabmenu-type03>li>a {
    display: block;
    padding: 20px 50px 0 50px;
    height: 63px;
    background: #fafafa;
    border-left: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2
}

.tabmenu-type03>li>a:hover,.tabmenu-type03>li>a.on {
    background: #fff;
    border-bottom: 1px solid #fff
}

.tabmenu-type03>li:first-child>a {
    border-left: 0;
}

.tabmenu-type03>li>a>img {
    display: inline-block;
    vertical-align: middle;
    width: 44px;
}

.tabmenu-type03>li>a>span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    color: #5b5b5b;
    font-size: 1.308em;
    line-height: 1.176em;
}

/*
.tab-contents-wrapper,
.ECsource-content {
	padding: 28px 20px;
	border: 1px solid #d8d8d8;
	border-top: 0;
}
*/
.tab-contents-wrapper,.ECsource-content {
    padding-top: 30px;
}
/* tabmenu type04 */
.tabmenu-type04 {
    margin-bottom: 25px;
    border-top: 1px solid #cecfd4;
    border-bottom: 1px solid #cecfd4;
}

.tabmenu-type04>li {
    float: left;
    background: transparent url(/img/icon_bar02.gif);
    background: -webkit-linear-gradient(transparent, transparent),
    url(/img/icon_bar02@2x.gif);
    background: linear-gradient(transparent, transparent),
    url(/img/icon_bar02@2x.gif);
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: 1px 12px;
}

.tabmenu-type04>li:first-child {
    background: transparent;
}

.tabmenu-type04>li a {
    display: block;
    padding: 15px 35px;
    margin-bottom: -1px;
    color: #666667;
    font-size: 1.154em;
    line-height: 1em;
    font-family: "notoKrL", notoKrL, sans-serif;
    font-weight: 100;
}

.tabmenu-type04>li a:hover,.tabmenu-type04>li a.on {
    color: #0e6fc1;
    background: transparent url(/img/bg_line01.gif);
    background: -webkit-linear-gradient(transparent, transparent),
    url(/img/bg_line01@2x.gif);
    background: linear-gradient(transparent, transparent),
    url(/img/bg_line01@2x.gif);
    background-position: 0 100%;
    background-repeat: repeat-x;
    background-size: 1px 3px;
}

.sitelist {display:block;position: relative;}
.sitelist li {float:left; border-bottom:1px solid #eee;font-size:14px;padding:20px 0; /* height: 2.5rem; padding: 0.6rem 0; */box-sizing:border-box;}
.sitelist li.linktit {font-family:'NotoKrM';position: relative; width: 22%; padding-left: 0rem; font-size:14px;color: #45494b;box-sizing:border-box;}
.sitelist li.linktxt {width: 28%; font-size:14px;/* font-size: .7rem; */ color: #888; font-weight: 300; letter-spacing: 0.025rem;box-sizing:border-box;}
.sitelist li.linktxt a{color:#666;}

.sitelist02 {border-top:1px solid #037cce;width:100%;display:block;position: relative;}
.sitelist02 li {float:left;border-bottom: 1px solid #037cce; border-bottom:1px solid #eee; padding:15px 0;/* height: 2.5rem;  *//* padding: 0.6rem 0; */box-sizing:border-box;}
.sitelist02 li.linktit {position: relative;width:30%; padding-right:5%; font-size:14px;color: #45494b;box-sizing:border-box;}
.sitelist02 li.linkdesc {width:39%;font-size:14px;color:#41607f;font-weight:300;box-sizing:border-box;}
.sitelist02 li.linktxt {width:31%; font-size:14px;/* font-size: .7rem; */ color: #888; font-weight: 300; box-sizing:border-box;}

.sitelist02 li.linktxt:hover {color: #037cc2;}

.r_txt1 {border: 1px #0768ca solid; padding: 0.1rem 0.6rem; margin-right:0.25rem; background: #0768ca; color: #fff;}
.r_txt2 {border: 1px #033d78 solid; padding: 0.1rem 0.6rem;  margin-right:0.25rem; background: #033d78; color: #fff;}

/* 게시판 글보기 */
.board-view {overflow: hidden;}
.board-view .one-box {position:relative;}
.board-view .one-box:first-child dt{display:none;}
.board-view .one-box:first-child dl{padding-left:0;/*border-bottom:2px solid #5281b1;padding-bottom:15px;*/margin-top:25px;}
.board-view .one-box:last-child dl{border-bottom:1px solid #737373;margin-top:15px}

.board-view .one-box._top_line{display: flex; justify-content: space-between;}
.board-view .one-box._top_line .half-box.Rdiv{display: flex; justify-content: flex-end;width: 50%}
.board-view .one-box._two_line{background: #F9F9FC;    border-top: 1px solid #d6d5d5;    border-bottom: 1px solid #d6d5d5;padding: 8px 0;    margin-top: 20px;}

/*.nb_reg{background:url(/img/nicon_clock.png) no-repeat 0 center;}*/
/*.nb_hit{background:url(/img/nicon_eye.png) no-repeat 0 center;}*/
/*.nb_buseo{background:url(/img/nicon_time.png) no-repeat 0 center;}*/
/*.nb_tel{background:url(/img/nicon_tel.png) no-repeat 0 center;}*/
/*.nb_file{background:url(/img/nicon_disk.png) no-repeat 0 center;}*/

.top_mg{margin-top:20px;}
.bottom_mg{margin-bottom:20px;}


.board-view .one-box:after {
    content: "";
    clear: both;
    display: block;
}

.board-view .half-box {
    float: left;
    width: 50%;
}


/*.board-view .half-box.Ldiv {float: left;	width: 50%;}*/
.board-view .half-box.Rdiv {float: right;	width: 25%;}

.board-view .depth3-box {
    float: left;
    width: 40%;
}

.board-view .depth3-box.type02 {
    width: 20%;
}

.board-view dl {
    position: relative;
    padding-left: 93px;
}

.board-view dl dt {
    position: absolute;
    top: 0;
    left: 0;
    width: 83px;
    height: 16px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 15px;
    color: #757575;
    font-size: 14px;
    line-height: 1;
    font-family: "notoKrB", sans-serif;
    font-weight: 700;

    /*
    background: transparent url(/img/icon_board_bar02.gif) no-repeat right center;
    background: -webkit-linear-gradient(transparent, transparent), url(/img/icon_board_bar02@2x.gif) no-repeat right center;
    background: linear-gradient(transparent, transparent), url(/img/icon_board_bar02@2x.gif) no-repeat right center;
    background-size: 1px 16px;
    */
}

.board-view dl dd {position: relative;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-right: 20px;
    color: #000000;
    font-size: 14px;
    line-height: 1;
    font-family: "notoKrR";
    word-break:break-all;
}
.board-view dl dd:before{    display: block;
    content: '';
    position: absolute;
    top: 10px;
    left: -13px;
    width: 1px;
    height: 16px;
    background: #797979;}
.board-view dl dd.linenone:before{display: none}
.board-view dl dd .add-file {
    display: block;
    padding-bottom: 10px;
}

.board-view dl dd .add-file a {
    display: inline-block;
    max-width: 100%;
    padding-left: 25px;
    background: url(/img/icon_file.png) no-repeat left center;
    text-decoration: underline;
    color: #767676;
    box-sizing: border-box;
    font-size: 0.938em;
    line-height: 1.600em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overow: ellipsis;
    font-family:'NotoKrM';
}

.board-view dl dd .add-file a:hover {
    color: #5994ed;
}
.board-view dl dd strong.bbsTit{color:#000;font-size:26px;font-family:'NotoKrB';letter-spacing: -1px;padding-left: 13px}

.board-contents {
    position: relative;
    border-bottom: 1px solid #d6d5d5;
    margin-top: -1px;
    padding: 25px 20px;
    min-height: 400px;
}

.board-contents > pre {
    word-wrap: break-word;
    box-sizing: border-box;
    white-space: pre-wrap;
    word-wrap: break-word;
    font-size: 1.154em;
    line-height: 1.867em;
    color: #000000;
    font-family: "notoKrM";
    font-weight: 100;
}

.board-contents img {
    display: block;
    margin: 20px auto;
    max-width: 100%;
}

.board-contents-answer {
    background: #fafafa;
    padding: 25px 30px;
    margin-top: 50px;
    border: 1px solid #c6c6c6
}

.board-contents-answer > h3 {
    margin-bottom: 40px;
    color: #333333;
    font-size: 1em;
    font-family: "notoKrB", notoKrB, sans-serif;
    font-weight: 700;
}

.board-contents-answer > p {
    margin-top: 40px;
}

.board-contents-answer > p:first-child,
.board-contents-answer > .person-information {
    margin-top: 0;
}

.board-contents-answer > pre {
    width: 100%;
    word-wrap: break-word;
    box-sizing: border-box;
    white-space: pre-wrap;
    word-wrap: break-word;
    font-size: 1.154em;
    line-height: 1.867em;
    font-family: "notoKrR", notoKrR, sans-serif;
    font-weight: 300;
}



.preview-next {
    border-top: 1px solid #808086;
    border-bottom: 1px solid #808086;
}

.preview-next a {
    display: block;
}

.preview-next a.line {
    border-bottom: 1px solid #d3d3d3
}

.preview-next a dl {
    position: relative;
    display: block;
    padding-left: 107px;
}

.preview-next a:hover {
    background: #f9f9f9;
}

.preview-next a dl dt {
    position: absolute;
    top: 0;
    left: 0;
    width: 88px;
    height: 55px;
    line-height: 55px;
    padding-left: 19px;
    color: #636363;
}


.preview-next a dl dt.preview {
    font-family: "notoKrM", sans-serif;
    font-weight: 500;

    background: transparent url(/img/icon_arrow_up.gif) no-repeat 71px center;
    background: -webkit-linear-gradient(transparent, transparent), url(/img/icon_arrow_up@2x.gif) no-repeat 71px center;
    background: linear-gradient(transparent, transparent), url(/img/icon_arrow_up@2x.gif) no-repeat 71px center;;
    background-size: 7px 4px;
}

.preview-next a dl dt.next {
    font-family: "notoKrM", sans-serif;
    font-weight: 500;

    background: transparent url(/img/icon_arrow_down.gif) no-repeat 71px center;
    background: -webkit-linear-gradient(transparent, transparent), url(/img/icon_arrow_down@2x.gif) no-repeat 71px center;
    background: linear-gradient(transparent, transparent), url(/img/icon_arrow_down@2x.gif) no-repeat 71px center;;
    background-size: 7px 4px;

}

.preview-next a dl dd {
    height: 55px;
    line-height: 55px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overow: ellipsis;;
}
.btn-right {
    overflow: hidden;
    padding: 10px 0;
    text-align: right;
}
.btns02 span {
    display: inline-block;
    min-width: 50px;
    height: 43px;
    line-height: 43px;
    padding: 0 20px;
    color: #fff;
    font-family: "notoKrM", sans-serif;
    font-weight: 500;
    cursor: pointer;
    text-align: center;
    border-radius:4px;
}
.btns-color02 span {
    background:#0768ca;
    font-size:14px;
    color: #fff
}

.intro{padding:30px 0 0 0;}
.intro_welcome{padding:47px 0 0 360px;background:url(/img/bg_intro.png) no-repeat 0 0;height:180px;line-height:1.3;}
.intro_welcome > div{font-family:'NotoKrB';font-size:28px;margin:0 0 8px 0;}
.intro_welcome > p{font-family:'NotoKrM';font-size:18px;}
.intro_welcome > div strong{font-family:'NotoKrB';font-size:28px;color:#0064e6;vertical-align:baseline;}
.intro dl{margin:40px 0;}
.intro dl dt{font-size:24px;font-family:'NotoKrB';margin-bottom:15px;}
.intro dl dt:before{
    width:6px;
    height:6px;
    border-radius:6px;
    display:inline-block;
    content:"";
    background:#f97248;
    vertical-align: middle;
    margin-right: 8px;
}
.intro dl dd{font-size:16px;margin:10px 0;text-indent: -9px;padding-left: 9px;line-height:1.2;}
.intro dl dd:before{content:"- ";}
.intro_tab{display:flex;gap:10px;}
.intro_tab li a{font-family:'NotoKrB';display:block;color:#0064e6;font-size:16px;border:1px solid #0064e6;border-radius:50px;padding:15px;}
.intro_txt{font-size:17px;line-height:1.5;margin:25px 0 40px 0;font-family:'NotoKrM';}

/* FAQ */
.faq-list-wrapper {/*margin-top: -24px;*/
    /*border-top: 1px solid #66575a*/
}

.faq-list-wrapper .faqGrpTxt{font-size: 18px;
    font-family: "notoKrB", sans-serif;
    background: #f4f9ff;
    padding: 15px 20px;
    border-top: 1px solid #ced7e5;
    border-bottom: 1px solid #ced7e5;
    color: #054485;}

.faq-list-wrapper dl {
    border-bottom: 1px solid #e6e7e7;
    word-break: keep-all;
}

.faq-list-wrapper dl dt {
    display: block;
}

.faq-list-wrapper dl dt button {
    position: relative;
    display: block;
    width: 100%;
    padding: 15px 55px 15px 65px;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
    text-align: left;
    background: #fff;
}

.faq-list-wrapper dl dt .icon-q {
    position: absolute;
    top: 15px;;
    left: 20px;
    display: block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    background: transparent url(/img/icon_q02.png);
    background: -webkit-linear-gradient(transparent, transparent),
    url(/img/icon_q02@2x.png);
    background: linear-gradient(transparent, transparent),
    url(/img/icon_q02@2x.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 26px 26px;
    text-indent: -5000em;
}

.faq-list-wrapper dl dt .title {
    display: block;
    font-size:17px;
    line-height: 1.5;
    font-family:'NotoKrM';
}

.faq-list-wrapper dl dt .arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    display: block;
    width: 13px;
    height: 9px;
    margin-top: -5px;
    background: transparent
    url(/img/icon_arrow_down04.png);
    background: -webkit-linear-gradient(transparent, transparent),
    url(/img/icon_arrow_down04@2x.png);
    background: linear-gradient(transparent, transparent),
    url(/img/icon_arrow_down04@2x.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 13px 9px;
}

.faq-list-wrapper dl dt.on .arrow {
    background: transparent
    url(/img/icon_arrow_up04.png);
    background: -webkit-linear-gradient(transparent, transparent),
    url(/img/icon_arrow_up04@2x.png);
    background: linear-gradient(transparent, transparent),
    url(/img/icon_arrow_up04@2x.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 13px 9px;
}

.faq-list-wrapper dl dd {
    display: none;
    position: relative;
    padding: 15px 15px 15px 65px;
    background: #f9f9f9;
    border-top: 1px solid #e6e7e7;
}

.faq-list-wrapper dl dd .icon-a {
    position: absolute;
    top: 15px;;
    left: 20px;
    display: block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    background: transparent url(/img/icon_a02@2x.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 26px 26px;
    text-indent: -5000em;
}

.faq-list-wrapper dl dd .submit {
    display: block;
    font-size: 16px;
    line-height: 1.5;
    font-family: "notoKrB",  sans-serif;
    font-weight: 100;
}
.intro_tab li a.btn_eydown{background:url(/img/icon_arrow_down.png) no-repeat right 10px center;padding-right:30px;}

.search_criteria{position:relative;background:#F9F9FA;padding:18px 60px;margin:15px 0 0 0;}
.search_criteria dl{display:flex;width:100%;align-items:center;}
.search_criteria dt:first-child{margin-left:0;}

.search_criteria dt{font-size:15px;display:flex;flex-shrink:0;width:80px;color:#000000;margin-left:58px;font-family:'NotoKrB';padding:3px 10px;}
.search_criteria dd{position:relative;width:141px;padding:4px 10px;}
.search_criteria dd > ul{display:flex;gap:35px;align-items:center;height:40px;}
.search_criteria dd > ul li{display:flex;gap:5px;align-items:center;}
.search_criteria dd > ul li input[type="radio"]{width:20px;height:20px;border:1px solid #eaeaea;}
.search_criteria dd > ul li label{font-size:15px;}
.search_criteria dd > div{display:flex;gap:4px;align-items:center;width:180px;}
.search_criteria dd > div > a{
    font-family:'NotoKrM';
    background: #08216e;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    border-radius: 2px;
    padding: 0 12px;
    height:40px;
}
.search_criteria dd input{width:100%;}
.search_criteria dd input[type="radio"]{width:auto;}
.search_criteria dd input[type="checkbox"]{width:17px}
.search_criteria dd select{width:100%;height:40px;border:1px solid #eaeaea;border-radius:2px;font-size:15px;}
.search_criteria dd select[disabled]{background:#e9e9e9;color:#717171;}
.search_criteria dl dd:only-of-type{width:85%;}
.search_criteria dl dd.sev:only-of-type{width:100%;}
.search_criteria_btn{    position: absolute; text-align: center; bottom: 21px; right:73px;}
.search_criteria_btn ul{position:absolute;display:flex;gap:6px;top:21px;left:10px;}
.search_criteria_btn ul li a{display:block;font-size:15px;
    background: #ffffff url(/img/icons_i.png) no-repeat 10px center;
    padding: 0px 15px 0 30px;
    border-radius: 44px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #ddd;
    color:#444;
}
.search_criteria .info_pop_btn{display: inline-block;width: 30px;height: 30px;background: url(/img/icons_i.png) no-repeat center;font-size: 0}
.scb_search{display:inline-block;font-family:'NotoKrM';width:100px;height:40px;line-height:40px;background:#08216e;color:#fff;font-size:15px;border-radius:3px;}
.scb_search:hover{color: #fff}

.rate_info{overflow-y:auto;height:710px;border-top:1px solid #8f8f8f;}
.rate_top{margin:20px 0 10px 0;display:flex;justify-content:space-between;align-items:flex-end;}
.rate_top_btn{display:flex;gap:4px;}

.btns_saki{
    color:#0064e6;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 30px 0 15px;
    border: 1px solid #0064e6;
    border-radius: 4px;
    background:#fff url(/img/icon_arrow_down.png) no-repeat right 10px center;
}
.btns_down{
    color:#0064e6;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 30px 0 15px;
    border: 1px solid #0064e6;
    border-radius: 4px;
    background:#fff url(/img/icon_arrow_down.png) no-repeat right 10px center;
}
.btns_print{
    color:#0064e6;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 36px 0 15px;
    border: 1px solid #0064e6;
    border-radius: 4px;
    background:#fff url(/img/icon_print.png) no-repeat right 5px center;
}

.rent_rate_table{border-collapse: separate; border-spacing: 0;}
.rent_rate_table th{
    background: #FAFAFB;
    border-bottom: 1px solid #c4c7c9;
    font-weight: normal;
    padding: 3px 0;
    text-align: center;
    font-size: 14px;
    letter-spacing: -1px;
    color: #000;
    border-right: 1px solid #c4c7c9;
    white-space: nowrap;
    height:27px;
    font-family:'NotoKrM';
}

.rent_rate_table td {height: 40px;
    border-bottom: 1px solid #c4c7c9;
    font-weight: normal;
    padding: 10px;
    text-align: center;
    font-size: 14px;
    letter-spacing: -1px;
    border-right: 1px solid #c4c7c9;
    white-space: nowrap;
}
/*.rent_rate_table tbody tr:nth-child(2n+1){*/
/*    background-color : #f0f0f0bf;`*/
/*}*/
.rent_rate_table tbody tr:nth-child(1){
    background-color : #fff6dc;
}
.rent_rate_table tbody tr:nth-child(2){
    background-color : #cfe8d1b3;
}
.rent_rate_table tbody tr:nth-child(3){
    background-color : #dbebefb3;
}

.rent_rate_table thead tr th{
    position : sticky;
    top : 0;
}

/**/
.trend_container{margin:20px 0;width: 100%}
.trend_container.space_between{display: flex;justify-content: space-between;align-items: flex-start;gap: 20px}
.trend_container > div{border: 1px solid #ccc;border-radius: 8px;flex: 1}
.trend_container .panel_contents{padding: 15px}
.trend_container > div .top_title{height: 50px;border-bottom: 1px solid #a1a1a1;background: #fbfbfb;border-radius: 8px 8px 0 0}
.trend_container > div .top_title > div{display: flex;align-items: center;}
.trend_container > div .top_title h3{font-family: "notoKrB", sans-serif;font-size: 20px;color: #000;padding: 14px 0 0 20px;margin-right: 5px}
.trend_container > div .top_title h3 span{vertical-align: baseline;color: #cf3030}
.trend_container .top_title.space_between{display: flex;justify-content: space-between; align-items: center;padding: 0 10px 0 20px}
.trend_container .top_title.space_between h3{padding:0 !important;}
.trend_container .top_title .base_date{width: 100px;text-align: right;}
.trend_container > div .top_title > div a{display: inline-block;width: 25px;height: 35px;font-size: 0;border-radius: 50%;margin: 0 2px}
.trend_container > div .top_title > div a.view_zoom{background:url("../../img/icon_url.png") no-repeat center}
.trend_container > div .top_title > div a.view_down{background:url("../../img/icon_down.png") no-repeat center}
.trend_container .tab_menu{display: flex;justify-content: flex-end;margin-bottom: 15px}
.trend_container > div .tabs{display: flex;gap: 3px;    align-items: center;}
.trend_container > div .tabs li.base_date{margin-right: 10px}
.trend_container > div .tabs li a{display: block;background: #f1f1f1;color: #000;padding: 8px 15px;border-radius: 20px}
.trend_container > div .tabs li.on a{background: #0c3584;color: #fff;}

/* 지도지역선택 */
.trend_container .trends_mapform_wrap{border: 0;padding: 0;}
.trends_mapform_wrap .region_sorting{border: 1px solid #ccc;border-radius: 8px;display: flex;align-items: center;flex: 1;margin-bottom: 10px}
.trends_mapform_wrap .region_sorting strong{display: inline-block;font-family: "notoKrB", sans-serif;font-size: 18px;width: 80px;text-align: center;
    background: #edf4fd ;line-height: 50px;border-radius: 8px 0 08px}
.trends_mapform_wrap .region_sorting button{display: inline-block;width: 50px;height: 50px;background:#1d67c5 url(../../img/land/search_w.png) no-repeat center;
    font-size: 0;border-radius:0 8px 8px 0}
.trends_mapform_wrap .region_sorting ul{display: flex;align-items: center;width: calc(100% - 130px)}
.trends_mapform_wrap .region_sorting li{flex: 1;border-left: 1px solid #ccc}
.trends_mapform_wrap .region_sorting li select{width: 100%;height: 50px;border: 0;font-size: 16px;padding-left: 15px}
.trends_mapform_wrap .region_map_div{border: 1px solid #ccc;padding: 10px;border-radius: 8px; width: 100%;  height: 580px;background: #f5f5f7;text-align: center}
.trends_mapform_wrap .region_map_div .btn_back{position: absolute;}
.trends_mapform_wrap .region_map_div .btn_back button{background: #3b86e7; border: 0;  padding: 6px 27px;  border-radius: 20px;  color: #fff; font-size: 17px;}
/* 단지 TOP10 */
.trend_container .trend_best10_wrap{width: 600px}
.trend_container .trend_best10_wrap .panel_contents{height: 590px}
    .trend_best10_wrap .best10_div{margin-top: 20px}
    .trend_best10_wrap .best10_div li{padding: 10px 0;border-top: 1px solid #e1e1e1;}
    /*.trend_best10_wrap .best10_div li .address{display: none}*/
    .trend_best10_wrap .best10_div a{display: flex;      flex: 1;  justify-content: space-between;    align-items: center;width: 100%}
    .trend_best10_wrap .best10_div a div{position: relative;display: flex; flex: 1;align-items: center;width:calc(100% - 140px);min-height: 30px;overflow: hidden;   white-space: nowrap;   text-overflow: ellipsis;}
    .trend_best10_wrap .best10_div a div span{width: 30px;height: 30px;background: #0768ca;border-radius: 50%;color: #fff;display:flex;align-items: center; justify-content: center;
        font-size: 15px;margin-right: 8px;position: absolute;left:0}
    .trend_best10_wrap .best10_div a div strong{display: inline-block;font-size: 18px;;width: calc(100% - 50px);;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;padding-left: 35px}
    .trend_best10_wrap .best10_div a .ranking_num{width: 140px;text-align: right}

.trend_best10_wrap .best10_div li.on{    background: #EFF7FF;display: flex;flex: 1}
.trend_best10_wrap .best10_div li.on div{}
.trend_best10_wrap .best10_div li.on .address{}
.trend_best10_wrap .best10_div li.on .ranking_num{font-family: "notoKrB", sans-serif;font-size: 16px;color: #0600ff;}
.trend_best10_wrap .best10_div li.on .ranking_num span{vertical-align: baseline}
.trend_best10_wrap .best10_div li.on .selectRank strong{padding-left: 0}
.trend_best10_wrap .best10_div li.on .selectRank > div{ width:calc(100% - 140px);flex-direction: column; align-items: flex-start;gap:6px;padding-left: 35px;}

.increaseSel.on .selectRank{width:calc(100% - 210px);}
.increaseSel.on .ranking_num {width: 210px !important}


/* 시세평균 */
._price_average{display: flex;justify-content: space-between;}
._price_average .price_average_wrap{width: 37%;}
._price_average .price_compare_wrap{width: 62%;}

.price_average_wrap .price_average{display: flex;gap: 20px}
.price_average_wrap .price_average > div{width: 100%}
.price_average_wrap .price_average ._area{position: relative}
.price_average_wrap .price_average ._area:after {
    content: '';
    width: 1px;
    height: 100%;
    background: #D7DBE7;
    position: absolute;
    right: -10px;
    top: 0;}
.trend_container > div .tabs.price_average li a{border: 1px solid #173673;background: #fff;font-size: 17px}
.trend_container > div .tabs.price_average li.on a{background: #173673}
._price_average .base_date{text-align: right;}
.price_average_wrap .price_average dl{margin:7px 0}
.price_average_wrap .price_average dt{color: #fff;font-size: 17px;font-family: "notoKrB", sans-serif;padding: 12px 10px;text-align: center;border-radius: 5px;height: 68px;
    display: flex; align-items: center;justify-content: center;}
.price_average_wrap .price_average dt span{vertical-align: top;color: #fff}
.price_average_wrap .price_average .dosi_dl dt{background: #2ba3a5}
.price_average_wrap .price_average .jenkok_dl dt{background: #2e60bb}
.price_average_wrap .price_average dd{font-size: 25px;font-family: "notoKrB", sans-serif;border-radius: 0 0 5px 5px;padding:20px 10px 10px;text-align: center}
.price_average_wrap .price_average dd span{font-size:16px;font-family: "notoKrM", sans-serif}
.price_average_wrap .price_average ul{display: flex;     flex-direction: column;align-items: flex-start;gap: 10px;padding: 10px 0;}
.price_average_wrap .price_average li{font-size: 15px}
.price_average_wrap .price_average li strong{font-size: 16px;display: inline-block;background: #fff;color: #0b5ed7;padding: 5px 10px;border-radius: 20px;margin-right: 5px;border: 1px solid #0b5ed7}
.price_average_wrap .price_average li strong.red{color: #e9192d; border: 1px solid #e9192d;}
span.increase-rate{font-size:11px;}
.ranking_num p{font-weight: bold;}

/* 시세비교 */
/*.price_compare_wrap{height: 260px}*/
.height_300{height: 300px}

/* 시세 검색결과 */
.search_result_sorting{ border-bottom: 1px solid #a1a1a1;  background: #fbfbfb; border-radius: 8px 8px 0 0 !important;padding:15px}
.search_result_sorting > div{display: flex; justify-content: center;   align-items: center;gap: 55px;padding: 5px}
.search_result_sorting dl{display: flex;    align-items: center;width: 350px;}
.search_result_sorting dt{width: 90px;font-size: 15px}
.search_result_sorting dd{ width: calc(100% - 90px);display: flex;gap: 3px;align-items: center;}
.search_result_sorting dd .form-control{display: inline-block;}
.search_result_sorting dd .form-control.half_{width: calc(50% - 6px);}
.search_result_sorting .btns{    width: 350px; display: flex; justify-content: flex-end; gap: 6px;}
.search_result_sorting .btns a{width: 105px}
.search_result_sorting .btns .btn_sear{background: #08216e;color: #fff}

.search_result{padding: 20px;border-radius: 0 0 8px 8px !important;  border-top: 0 !important;}
.search_result .result_txt{display: flex;align-items: center;justify-content: space-between;padding-bottom: 15px}
.search_result .result_txt .num_txt{font-size: 18px;font-family: "notoKrB", sans-serif}
.search_result .result_txt .unit_txt{}
.search_result .result_tb{border-top: 1px solid #333;max-height: 600px;overflow: auto}
.search_result .result_tb table{table-layout: fixed;}
.search_result .result_tb table thead tr{position: sticky;top: 0}
.search_result .result_tb table th{border-bottom: 1px solid #ccc;background: #f9f9f9;font-size:15px;text-align: center;height: 45px;}
.search_result .result_tb table th span{font-family: "notoKrM", sans-serif;font-weight: 400}
.search_result .result_tb table th button{display: inline-block;width: 20px;height: 20px;font-size: 0;border: 1px solid #ccc;margin-left: 7px}
.search_result .result_tb table th button.up{background:#efffff url("../../img/arrow_up.png") no-repeat center;background-size: 17px}
.search_result .result_tb table th button.down{background:#fff url("../../img/arrow_down.png") no-repeat center;background-size: 17px}
.search_result .result_tb table th button.down2{background:#fff url("../../img/arrow_down.png") no-repeat center;background-size: 17px}
.search_result .result_tb table td{text-align: center;border-bottom: 1px solid #ccc;font-size: 14px;line-height: 1.3;padding:10px 8px;}
.search_result .result_tb table tr:hover td{background: #ddffff}
span.moveurl{display: block; font-size: 0; width: 26px; height: 26px; background: url(../../img/land/icon_map_off.png) no-repeat right center;}
li.on span.moveurl{background: url(../../img/land/icon_map_on.png) no-repeat right center;}

/* footer */
footer{background:#1E1D23;}
footer > div{width:1600px;margin:0 auto;display:flex;padding:35px 0;gap:30px;justify-content:space-between;}
footer > div *{font-size:16px;}
.footer_logo{width:219px;height:36px;display:block;text-indent:-9999px;background:url(/img/logo_footer.png) no-repeat center;}
.footer_menu ul{display:flex;margin:0 0 20px 0;gap:50px;}
.footer_menu ul li{color:#fff;}
.footer_menu ul li a{color:#fff;vertical-align:baseline;}
.footer_menu ul li a.f_gaein{color:#EC6C45;}
.footer_menu address{color:#a6a6a6;margin:15px 0;}
.footer_menu div{color:#a6a6a6;}
.footer_menu div br{display: none}
.footer_com{display:flex;gap:15px;flex-direction:column;}
.footer_com span{color:#a6a6a6;}
.footer_site{display:flex;flex-direction:column;gap:5px;justify-content:center;}
.footer_site select{background:#292929;color:#fff;border:none;padding:10px;width:160px;}

/* layer_popup */
.layer_popup{    position: fixed; top: 0; left: 0;background: rgba(0, 0, 0, .6); width: 100%;height: 100%;z-index: 153;}
.popup_div{background: #fff;box-shadow: 4px 5px 20px rgba(0, 0, 0, .3);border-radius: 10px;transform: translate(-50%, -50%);top:50%;left:50%;position: absolute}
.popup_div .top_header{position: relative;background: #0068B7;border-radius: 10px 10px 0 0;padding: 10px 15px;    min-height: 55px;  display: flex;justify-content: space-between;  align-items: center;}
.popup_div .top_header h2{color: #fff;font-family: "notoKrB", sans-serif;font-size: 20px}
.popup_div .top_header .closed{display: block;width: 24px;height: 24px;background: url("../../img/pop_closed.png")no-repeat center;font-size: 0;}
.popup_div .content_pop{padding: 27px}
.popup_div .content_pop .rentalMarket{padding: 0 10px}
.popup_div .content_pop .rentalMarket dl{margin-bottom: 10px}
.popup_div .content_pop .rentalMarket dt{font-family: "notoKrB", sans-serif;font-size: 16px;padding: 7px 0}
.popup_div .content_pop .rentalMarket dd{position: relative;margin-bottom: 5px;padding-left: 20px;line-height: 1.3}
.popup_div .content_pop .rentalMarket dd:before{content: '';display: block;width: 3px;height: 3px;background: #000;position: absolute;top:7px;left:9px}
.popup_div .content_pop .rentalMarket .point01{color: #0054f5}
.popup_div .content_pop .rentalMarket .point01:before{display: none !important;}
.popup_div .content_pop .rentalMarket .call{padding: 13px 0;  text-align: center; border-top: 1px solid #979797; font-size: 15px;}
.popup_div .content_pop .rentalMarket .list_type01{}
.popup_div .content_pop .rentalMarket .list_type01 li{position: relative;margin-bottom: 5px;padding-left: 20px;line-height: 1.3}
.popup_div .content_pop .rentalMarket .list_type01 li:before{content: '';display: block;width: 3px;height: 3px;background: #000;position: absolute;top:7px;left:9px}
.popup_div .content_pop .rentalMarket .txt01{    font-size: 16px;  margin-bottom: 20px;}
.popup_div .content_pop .rentalMarket .txt02{margin-top: 15px;  padding: 10px 0; text-align: right; color: #777;border-top: 1px solid #979797; }
.popup_div .content_pop .rentalMarket .txt03{margin-left: 8px; }
.popup_div .content_pop .rentalMarket .sub_txt{}
.popup_div .content_pop .rentalMarket .sub_txt p{position: relative;padding-left: 10px}
.popup_div .content_pop .rentalMarket .sub_txt p:before{content: '';display: block;width: 2px;height: 2px;background: #000;position: absolute;top:7px;left:0px}

/* jjh 팝업 년도 추가 */
.popup_div .content_pop .tab_menu {display: flex; justify-content: flex-end; margin-bottom: 15px;}
.popup_div .content_pop .tabs{display: flex; gap: 3px; align-items: center;}
.popup_div .content_pop .tabs li.on a{background: #0c3584; color: #fff;}
.popup_div .content_pop .tabs li a{display: block; background: #f1f1f1; color: #000; padding: 8px 15px; border-radius: 20px;}

#popup-chart-container {margin-top:50px;height:90%;}

/* highcharts menu */
.highcharts-menu li.highcharts-menu-item:first-child:after{
    background-image:url(../../img/land/nicon_print.png);
    display:inline-block;
    content:"";
    width:11px;
    height:10px;
    margin-left:5px;
}
.highcharts-menu li.highcharts-menu-item:hover:first-child:after{
    background-image:url(../../img/land/nicon_print_w.png);
}
.highcharts-menu hr{display:none;}
li.highcharts-menu-item:hover{background:#0064E6 !important;color:#fff !important;}



/*  손정식 추가(임대시장 현황에서 써야함) */
.no-margin-left {
    margin-left: 0 !important;
}

.quick_menu{
    position: absolute;
    /*width: 1600px;*/
    top: 165px;
    right: calc(50% - 930px);
    z-index: 10;
}

.quick_menu_search{
    position: absolute;
    top: 0;
    right: 0;
    background: #004bac;
    display: block;
    text-align: center;
    width: 120px;
    padding: 10px 0;
    border-radius: 8px;
}
.quick_menu_search span{font-size:17px;font-weight:500;color:#fff;}
.quick_menu_search span:before{
    background-image: url(/img/land/icon_search_w.png);
    width: 16px;
    height: 15px;
    display: inline-block;
    content: "";
    background-size: cover;
    margin-right: 4px;
}

.quick_menu dl{
    position:absolute;
    top:48px;
    right:0;
    border-radius:8px;
    overflow:hidden;
    border:1px solid #DADCDF;
    width:120px;
    background:#fff;
    text-align:center;
    box-shadow:0 0 6px rgba(39,54,151,0.15);
}
.quick_menu dl dt{background:#EDF1F5;color:#004BAC;font-size:18px;padding:10px 0;display:block;text-align:center;line-height:1.4;}
.quick_menu dl dd a{font-size:17px;color:#393D43;font-weight:500;border-bottom:1px solid #ebebeb;display:block;padding:12px 0;margin:0 14px;}
.quick_menu dl dd:last-child a{border-bottom:none;}

.btn_qtop{position:absolute;top:245px;right:34px;width:55px;height:55px;background:url(/img/land/icon_qtop.png) no-repeat center center;display:block;text-indent:-9999px;}

.quick_search{
    display:none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 80%);
    z-index:160;

}
.quick_search > div{
    height:100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-top:10vw;
}
.quick_search > div > div{
    position: relative;
    background:#004BAC;
    border-radius:10px;
    width:100%;
    max-width:1000px;
    padding:30px 60px;
    display:flex;
    align-items: center;
    flex-direction: column;
    gap:30px;
}
.quick_search > div > div > strong{
    color:#fff;
    font-size:26px;
    font-weight:500;
}
.quick_form{align-items:center;width:60%;height:64px;display:flex;gap:10px;}
.quick_form input{width:100%;height:100%;font-size:16px;border:none;border-radius:8px;background:#fff url(/img/main/icon_search_bk.png) no-repeat 20px center;padding-left:55px;}
.quick_form button{
    color:#004BAC;
    width:83px;
    height:64px;
    flex-shrink:0;
    background:#E4F2FF;
    font-size:clamp(15px,2vw,19px);
    font-family:'NotoKrM';
    border-radius:8px;
}
.quick_search > div > div > a{
    position:absolute;
    top:30px;
    right:60px;
    width:25px;
    height:25px;
    background:url(/img/land/icon_x_w.png) no-repeat center center;
    display:block;
    text-indent:-9999px;
}

.quick_result{
    /*display:none;*/
    position:absolute;
    width:calc(100% - 565px);
    top: 180px;
    left:236px;
    background: #fff;
    border-radius:0 0 7px 7px;
    padding: 0px 0px 35px 0px;
    box-shadow:0 0 5px rgba(0,0,0,0.3);
    z-index: 1;
    overflow:hidden;
}
.quick_result .total_num{padding:10px 5px 8px 20px;font-size: 14px;    background: #f9f9f9;border-bottom: 1px solid #c9d1db}
.quick_result .total_num span{vertical-align: bottom;font-size: 14px;font-weight: bold}
.quick_result ul{
    max-height: 357px;
    overflow-y: auto;
}
.quick_result ul li a{font-size:16px;line-height:1.2;color:#666;padding:6px;display:block;border-radius:4px;}
.quick_result ul li em{color:#004BAC !important;font-weight:500;vertical-align:baseline;}
.quick_result ul li a:hover{background:#f6f6f6;}
.quick_result ul li{
    position: relative;
    line-height:1.2;
}
.quick_result ul li *{font-family:'Pretendard';}
.quick_result ul li i{
    display: inline-block;
    border: 1px solid #A4A7AF;
    border-radius: 4px;
    width: 67px;
    text-align: center;
    height: 22px;
    line-height: 22px;
    margin-right: 4px;
    position: absolute;
    left: 0;
    top: 5px;
}
.quick_result ul li:last-child{border:none;}
.quick_result > a{
    position: absolute;
    left: 0;
    bottom: 0;
    background: #EFF0F3;
    width: 100%;
    display: block;
    text-align: center;
    padding: 10px 0;
    border-radius: 0 0 6px 6px;
    font-size: 14px;
    font-weight: 500;
    color: #727272;
    border-top:1px solid #d5d5d5;
}

.quick_result li{padding:7px 4px 7px 8px;color: #444;font-size: 14px; line-height: 1.3; ;border-bottom: 1px solid #d5d5d5}
.quick_result li:hover{background: #d8fffa}
.quick_result li strong{color: #0064E6;vertical-align:baseline;font-size: 14px;font-weight:600;}
.quick_result li > div{font-weight:500;padding: 4px 0;position: relative;padding-left: 62px}
.quick_result li > div span{position: absolute; left: 0; top: 2px;font-weight:400;}
.quick_result .sortation_name{}
.quick_result .sortation_name span{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 21px;
    font-size:13px;
    color: #fff;
    background: #676767;
    border-radius: 20px;
    margin-right: 3px;
    line-height:1;
    font-family:'Pretendard';
    font-weight:300;
}
.quick_result .sortation_name .apt{background:#0064E6}
.quick_result .sortation_name .office{background:#8B7CFD}
.quick_result .sortation_name .apt_connect_1{background:#FF6905}
.quick_result .sortation_name .apt_connect_2{background:#FF6905}
.quick_result .sortation_name .dong{background:#838383}
.quick_result span.address{
    display: inline-block;
    background: #fff;
    color: #4d5c6f;
    border: 1px solid #919191;
    width: 55px;
    padding: 3px 0;
    text-align: center;
    border-radius: 5px;
    font-size: 13px;
    letter-spacing: -1px;
    line-height:1;
}

/* print */
.print_pop_area{text-align:center;padding:20px 0 0 0;}
.print_pop_area a:active, .print_pop_area a:hover, .print_pop_area a:focus{color: #fff !important}
.btn_pop_close{margin:0 4px;font-family:'NotoKrL';min-width: 106px;background: #0c3584;color: #ffffff;display: inline-block;height: 40px;line-height: 40px;border-radius:3px;-webkit-border-radius:3px;text-align:center;}
.btn_pop_print{margin:0 4px;background:#0c3584 url(../../img/icon_pop_print.png) no-repeat 17px center;padding-left:20px;font-family:'NotoKrL';min-width: 106px;color: #ffffff;display: inline-block;height: 40px;line-height: 40px;border-radius:3px;-webkit-border-radius:3px;text-align:center;}
.btn_pop_close:hover{color:#ffffff;}
.btn_pop_print:hover{color:#ffffff;}



/* 빠른검색의 시도구군동 선택 */
.ft_Quick_region_div{
    position: absolute;
    top:100%;
    background: #f0f8ff;
    border: 1px solid #c9c9c9;
    width: 100%;
    border-radius:0px;
    z-index: 15;
    padding: 8px 0;
    border-right:none;
    border-left:none;
}
.ft_Quick_region_div ul{display: flex;}
.ft_Quick_region_div ul li{position: relative;padding:1px 5px;line-height: 1.35;width: 33.3%;cursor: pointer}
.ft_Quick_region_div ul li::after{background: url(../../img/land/region_arrow.png) no-repeat center right;content: '';display: block;width: 6px;height: 10px;position: absolute;right:0;top:6px}
.ft_Quick_region_div ul li:last-child:after{display: none;}
.ft_Quick_region_div ul li button{display: inline-block;min-width: 85px;background: #f0f8ff;letter-spacing: -1px;}

.ft_Quick_region_div .region_select{
    position: absolute;
    top:29px;
    left:0;
    background: #fff;
    border: 1px solid #c9c9c9;
    width: 100%;
    border-radius: 0;
    z-index: 15;
    padding: 0px 0;
}
.ft_Quick_region_div .region_select .scolling{max-height: 190px;overflow: auto;padding: 5px}
.ft_Quick_region_div .region_select .scolling ul{display: block}
.ft_Quick_region_div .region_select .scolling li{width: 100%}
.ft_Quick_region_div .region_select .scolling li::after{display: none}
.ft_Quick_region_div .region_select .scolling li a{display: block}
.ft_Quick_region_div .region_select .scolling li a:hover{background: #ebeef1}
.ft_Quick_region_div .region_select .title{background: #E6ECF4;border-radius: 0;display: flex;align-items: center;    justify-content: space-between;padding: 3px 10px 3px 12px}
.ft_Quick_region_div .region_select .title span{font-size: 14px;font-family: 'NotoKrM';line-height: 27px;color: #004BAC}
.ft_Quick_region_div .region_select .title button{display: inline-block;width: 20px;height: 20px;background: url("../../img/land/iconamoon_close.png") no-repeat center;font-size: 0;min-width: auto}
.quick_search_region{
    position: absolute;
    width: calc(100% - 565px);
    top: 141px;
    left: 236px;
    z-index: 9;
}

/*모바일 */

@media only all and (max-width: 1200px) {
    .region_sorting .region_sorting_btn {display:none !important;}
    .trends_mapform_wrap .region_sorting ul {width: calc(100% - 85px);}
    .btns_print {display:none;}
}

@media only all and (max-width: 1000px) {
    .quick_search > div{    margin-top: 32vw;}
    .quick_search > div > div{padding:30px;}
    .quick_form{width:100%;height:auto;}
    .quick_form input{height:64px;}
    .quick_result, .quick_search_region{width:calc(100% - 60px) !important;left:30px !important;}
    .ft_Quick_region_div ul li button{min-width: 78px}
    .quick_result ul{max-height: 270px}
}