@charset "utf-8"; /*용어사전 Style 이관 추가*/
.path {
    width: 100%;
    color: #666;
    height: 50px;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    background-color: #f7f7f7;
    margin-top: 1px;
}

.path .inner {
    width: 1240px;
    margin: 0 auto;
    height: 50px;
}

.path .inner .home {
    width: 43px;
    height: 50px;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    display: block;
    padding: 0;
}

.path .catn01 {
    float: left;
    position: relative;
    display: inline-block;
    line-height: 50px;
}

.path .catn01 img {
    float: left;
}

.path .prt {
    background: url('/images/sub/icon_path.gif?ver=20191210') no-repeat 154px 21px;
    display: block;
    font-size: 13px;
    color: #666;
    padding-left: 11px;
    font-weight: bold;
}

.path .prt02 {
    display: block;
    font-size: 13px;
    color: #666;
    padding-left: 11px;
    font-weight: bold;
}

.path .catn02 {
    float: left;
    width: 175px;
    position: relative;
    display: inline-block;
    line-height: 50px;
    border-right: 1px solid #dedede;
}

.path .catn02 ul {
    display: none;
    width: auto;
    min-width: 175px;
    position: absolute;
    left: -1px;
    top: 50px;
    border: 1px solid #dedede;
    padding: 0;
    background-color: #fff;
    z-index: 10;
    width: 173px;
}

.path .catn02 ul li {
    height: 18px;
    line-height: 18px;
    border-bottom: 1px solid #dedede;
    height: 39px;
}

.path .catn02 ul li a.twice {
    line-height: 16px;
    height: 42px;
    padding-top: 10px;
}

/* 임시 스타일 */
.path .catn02 ul li:last-child {
    border-bottom: none;
}

.path .catn02 ul li:hover {
    background-color: #f9f9f9;
}

.path .catn02 ul li a {
    display: block;
    padding: 0;
    background: none;
    white-space: nowrap;
    font-size: 13px;
    line-height: 39px;
    letter-spacing: -1px;
    padding: 0 8px 0 12px;
}

.path .catn02 ul li a:hover {
    color: #1785d9;
}

.path span {
    margin: 0 20px;
    display: inline-block;
}

.ct_top {
    width: 100%;
    height: 134px;
    border-bottom: 1px solid #dedede;
    margin-bottom: 32px;
    background: url('/images/sub/ct_top_bg.png?ver=20191210') no-repeat 0 0;
}

.line_lr {
    overflow: hidden;
    margin-bottom: 14px;
}

.line_lr .left {
    float: left;
}

.line_lr .right {
    float: right;
}

.line_lr .input_search {
    float: left;
    width: 320px;
    border: 1px solid #d4d4d4;
    height: 38px;
    line-height: 38px;
    position: relative;
}

.line_lr .input_search a {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 37px;
    height: 38px;
}

.line_lr .input_search a img {
    float: right;
}

.line_lr .input_search input {
    height: 30px;
    vertical-align: top;
    border: none;
    margin: 0;
    padding: 4px 10px;
    font-size: 14px;
    width: 264px;
    border-radius: 0;
}

.knc_bg {
    padding: 18px 0 7px 146px;
    background: url('/images/sub/knc_bg.gif?ver=20191210') no-repeat 25px 0;
    font-size: 16px;
    color: #333;
    line-height: 30px;
    width: 700px;
    display: inline-block;
}

.ko_en_order {
    margin-bottom: 30px;
    border-top: 1px solid #0174af;
    overflow: hidden;
}

.ko_en_order dt {
    float: left;
    width: 132px;
    padding: 16px 0 15px 21px;
    border-bottom: 1px solid #d4d4d4;
}

.ko_en_order dd {
    float: left;
    width: 1044px;
    padding: 16px 0 15px 0;
    border-bottom: 1px solid #d4d4d4;
}

.ko_en_order .b_ko {
    padding: 0 20px;
    color: #fff;
    font-size: 16px;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    background-color: #1187cb;
    border-radius: 16px;
    text-align: center;
}

.ko_en_order .b_en {
    padding: 0 20px;
    color: #fff;
    font-size: 16px;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    background-color: #11b0cb;
    border-radius: 16px;
    text-align: center;
}

.ko_en_order .ul01 {
    overflow: hidden;
}

.ko_en_order .ul01 li {
    height: 28px;
    line-height: 28px;
    float: left;
    background: url('/images/sub/ul_libg01.gif?ver=20191210') no-repeat right 4px;
    padding-right: 22px;
    margin-right: 22px;
}

.ko_en_order .ul01 li:last-child {
    background: none;
}

.ko_en_order .ul01 li a {
    font-size: 20px;
    color: #333;
}

.ko_en_order .ul02 {
    overflow: hidden;
}

.ko_en_order .ul02 li {
    height: 28px;
    line-height: 28px;
    float: left;
    background: url('/images/sub/ul_libg01.gif?ver=20191210') no-repeat right 4px;
    padding-right: 14px;
    margin-right: 15px;
}

.ko_en_order .ul02 li:last-child {
    background: none;
}

.ko_en_order .ul02 li a {
    font-size: 16px;
    color: #333;
}

.choice {
    overflow: hidden;
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 46px;
}

.choice dt {
    display: block;
    height: 39px;
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    background-color: #f5f5f5;
}

.choice dt .sp01 {
    color: #333;
    font-size: 16px;
    float: left;
    line-height: 39px;
    padding: 0 60px 0 22px;
}

.choice dt .sp02 {
    color: #888;
    font-size: 14px;
    float: left;
    line-height: 39px;
    padding: 0 60px 0 22px;
}

.choice dd {
    padding: 22px;
    font-size: 14px;
    color: #333;
    line-height: 24px;
}

.more_common {
    display: block;
    height: 33px;
    line-height: 33px;
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    background-color: #f8f8f8;
    color: #0d7bb3;
    font-size: 13px;
    text-align: center;
}

.sta_content {
    background-color: #f5f5f5;
    min-height: 688px;
    margin-left: 298px;
}

.sta_content02 {
    background-color: #fff;
    min-height: 673px;
    margin-left: 394px;
    background: #eceef5;
    box-sizing: border-box;
    padding: 30px 20px;
}

.sta_tt {
    height: 40px;
}

.sta_tt .spm {
    font-weight: 600;
    font-size: 20px;
    font-family: '나눔스퀘어', NanumSquare;
    padding-left: 12px;
    background: url('/images/sub/tit_cnblock.gif?ver=20191210') no-repeat left center;
}

.sta_tt .btn_e {
    float: right;
    background: #fff url('/images/sub/icon_excel.png?ver=20191210') no-repeat 10px 4px;
    cursor: pointer;
    margin: 7px 9px 0 0;
    height: 24px;
    line-height: 24px;
    padding-left: 34px;
    color: #333;
    font-size: 12px;
    padding-right: 10px;
    border: 1px solid #bfbfbf;
    border-radius: 4px;
}

.sta_fds {
    padding: 0 5px;
    overflow: hidden;
}

.lab_l {
    width: 100%;
    text-align: left;
}

.lab_l label {
    display: inline-block;
    font-size: 14px;
    color: #363636;
    font-weight: 600;
    padding-right: 7px;
    line-height: 34px;
}

.lab_l select {
    height: 34px;
    border: 1px solid #d4d4d4;
}

.lab_l input[type="text"] {
    height: 32px;
    border: 1px solid #d4d4d4;
    padding-left: 12px;
    width: 50px;
}

.lab_l input[type="radio"] {
    display: inline-block;
    vertical-align: middle;
    height: 32px;
    border: 1px solid #d4d4d4;
    /* margin-right:40px; */
    width: 22px;
    height: 22px;
}

.lab_l .sp01 {
    font-size: 13px;
    color: #333;
    margin-right: 22px;
}

.lab_l_sub {
    display: inline-block;
    margin-right: 10px;
}

.btn_dds {
    display: inline-block;
    border: none;
    cursor: pointer;
    padding: 0 38px;
    height: 34px;
    line-height: 34px;
    background-color: #7c89cc;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}

.btn_apply {
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 60px;
    color: #363636;
    background: #ececec;
}

.tbl_uta02 {
    border: 1px solid #ddd;
    width: 100%;
}

.tbl_uta02 th {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 13px;
    font-weight: normal;
    padding: 8px 0;
}

.tbl_uta02 td {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 13px;
    padding: 8px;
    text-align: center;
}

.tbl_uta02 .f_bottom {
    width: 584px;
    height: 375px;
    border: 1px solid #ddd;
    background-color: #fff;
    box-sizing: border-box;
    padding: 22px;
}

.tbl_uta02 input[type="text"] {
    padding: 0 4px;
}

.tbl_uta02 input[type="text"].tr {
    text-align: right;
}

.tbl_uta02 .btn01 {
    height: 24px;
    line-height: 24px;
    color: #fff;
    font-size: 12px;
    padding: 0 20px;
    background-color: #889ca6;
    border-radius: 2px;
}

.sta_left02 {
    position: relative;
    float: left;
    width: 373px;
    padding: 13px 10px;
    margin-left: 0;
    min-height: 660px;
}

.stats_c {
    width: 100%;
}

.sta_left {
    position: relative;
    float: left;
    width: 373px;
    padding: 13px 10px 0;
    margin-left: 0;
    min-height: 700px;
    background: #fff;
}

.sta_left .cnblock01 {
    padding-bottom: 10px;
    border-bottom: 1px dotted #a8a8a8;
    overflow: hidden;
    margin-bottom: 10px;
}

.sta_left .cnblock01 select {
    float: left;
    height: 34px;
    width: 84px;
    border: 1px solid #d4d4d4;
    margin-right: 5px;
}

.sta_left .cnblock01 input {
    float: left;
    height: 32px;
    width: 98px;
    border: 1px solid #d4d4d4;
    margin-right: 5px;
    padding: 0 4px;
}

.sta_left .cnblock01 button {
    width: 56px;
    border-radius: 4px;
    background-color: #27acd7;
    height: 34px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}

.sta_left .cnblock02 {
    padding-bottom: 10px;
    border-bottom: 1px solid #c9c9c9;
    overflow: hidden;
    margin-bottom: 17px;
}

.sta_left .cnblock02 button {
    float: left;
    border-radius: 2px;
    height: 24px;
    text-align: center;
    color: #666;
    font-size: 12px;
    border: 1px solid #b6bbc1;
    cursor: pointer;
}

.sta_left .cnblock02 button.bt01 {
    background: #f8f8f8 url('/images/sub/icon_cl.gif?ver=20191210') no-repeat 6px 5px;
    padding: 0 11px 0 26px;
    margin-right: 8px;
}

.sta_left .cnblock02 button.bt02 {
    background: #f8f8f8 url('/images/sub/icon_op.gif?ver=20191210') no-repeat 6px 5px;
    padding: 0 11px 0 26px;
    margin-right: 8px;
}

.sta_left .cnblock02 button.bt03 {
    background: #f8f8f8 url('/images/sub/icon_reset.gif?ver=20191210') no-repeat 6px 5px;
    padding: 0 11px 0 26px;
}

.sta_left .sta_left_close {
    text-indent: -9999px;
    width: 21px;
    height: 178px;
    position: absolute;
    top: 50%;
    right: -21px;
    margin-top: -95px;
    background: url(/images/sub/mapsearch_close.png?ver=20191210) no-repeat 0 0;
    cursor: pointer;
}

.sta_left .sta_left_close.open {
    background: url(/images/sub/mapsearch_open.png?ver=20191210) no-repeat 0 0;
}

.tbl_uta {
    border-top: 1px solid #7c89cc;
    border-bottom: 1px solid #7c89cc;
    width: 100%;
    background: #fff;
    border-collapse: separate;
}

.tbl_uta th, .tbl_uta td {
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 7px;
    text-align: center;
    font-size: 14px;
}

.tbl_uta tr:first-child th, .tbl_uta tr:first-child td {
    border-top: none;
}

.tbl_uta th {
    background: #f8f8f8;
    color: #606060;
    font-weight: normal;
}

.tbl_uta th.thTit {
    font-weight: 600;
    background: #fff;
    color: #466289 !important;
    border-left: 0 none;
}

.tbl_uta .f_bottom {
    width: 584px;
    height: 375px;
    border: 1px solid #ddd;
    background-color: #fff;
    box-sizing: border-box;
    padding: 22px;
}

.tbl_uta th.bg_s {
    background-color: #f5f8fa;
}

.table05 {
    margin: 0 auto;
    border-top: 1px solid #0174af;
    border-bottom: 1px solid #dedede;
}

.table05 th {
    border-bottom: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    color: #fff;
    height: 42px;
    ;font-size: 14px;
    background-color: #6d8092;
}

.table05 th:last-child {
    border-right: none;
}

.table05 td {
    border-bottom: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    color: #333;
    font-size: 14px;
    background-color: #fff;
    padding: 16px;
    line-height: 24px;
}

.table05 td:last-child {
    border-right: none;
}

.table05 td a {
    color: #111;
}

.table05 .lath {
    border-right: 1px solid #d4d4d4 !important;
}

.table05 .blue {
    color: #0d7bb3;
}

.chklist_2 {
    position: relative;
    margin-bottom: 5px;
    padding: 10px 4px 10px 15px;
    /* height:77px;max-height:115px; */
    overflow-y: auto;
}

.chklist_2 label {
    display: inline-block;
    width: 0px;
}

.chklist_3 {
    position: relative;
    margin-bottom: 5px;
    /* height:77px;max-height:115px; */
    overflow-y: auto;
}

.chklist_3 label {
    display: inline-block;
    width: 0px;
}

.chkbox_2 {
    display: block;
    margin-bottom: 2px;
}

.chkbox_2 input[type="checkbox"] {
    width: 0;
    height: 0;
    overflow: hidden;
}

/* 스타일 변경 - 2018.12.20 display:none; ---> width:0;height:0;overflow:hidden; */
.chkbox_2 input[type="checkbox"] + label span {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 0 0 0;
    vertical-align: middle;
    background: url(/images/sub/bg_chk_off.gif?ver=20191210) left top no-repeat;
    cursor: pointer;
}

.chkbox_2 input[type="checkbox"]:checked + label span {
    background: url(/images/sub/bg_chk_on.gif?ver=20191210) 0 top no-repeat;
}

.conSubTab {
    margin-bottom: 10px;
    text-align: center;
}

.conSubTab a {
    display: inline-block;
    border: 1px solid #d2d5de;
}

.conSubTab a span {
    display: block;
    width: 129px;
    height: 30px;
    text-align: center;
    border: 1px solid #fff;
    background: #f5f5fa;
    line-height: 30px;
    font-size: 16px;
    color: #466289;
}

.conSubTab a.active {
    border: 1px solid #7c89cc
}

.conSubTab a.active span {
    border: 1px solid #7c89cc;
    background: #7c89cc;
    color: #fff;
    font-family: "나눔스퀘어",'Nanum Square';
    font-weight: 500;
}

.conSubTab.exn2 a span {
    width: 538px;
}

.conSubTab.exn4 a span {
    width: 266px;
}

.conSubTab.exn5 a span {
    width: 211px;
}

.conSubTab.exn6 a span {
    width: 156px;
}

.map_search_r {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background-color: #fff;
    z-index: 800;
    width: 620px;
    border-left: 1px solid #e2e5ed;
    transition: all 1s ease-out;
}

.map_search_r.hide {
    right: -621px;
    transition: all 1s ease-out;
}

.map_search_r.shotsrh {
    width: 570px !important;
}

.map_search_r.shotsrh.hide {
    right: -571px;
}

.map_search_r.shotsrh.hide >.infotbl {
    display: none;
}

.map_search_r .mapsearch_close {
    position: absolute;
    top: 50%;
    left: -21px;
    width: 42px;
    margin-top: -95px;
    height: 190px;
    background: url('/images/sub/mapsearch_close_r.png?ver=20191210') no-repeat 0 0;
    text-indent: -9999px;
    cursor: pointer;
}

.map_search_r .mapsearch_close.open {
    text-indent: -9999px;
    width: 42px;
    height: 190px;
    position: absolute;
    top: 50%;
    left: -22px;
    background: url('/images/sub/mapsearch_open_r.png?ver=20191210') no-repeat 0 0;
    cursor: pointer;
}

.mapsearch_legend {
    position: absolute;
    /* top:500px; */
    bottom: 0;
    left: -200px;
    width: 170px;
    margin-bottom: 15px;
    min-height: 185px;
    max-height: 190px;
    background-color: #fff;
    border: 1px solid #e2e5ed;
    padding: 0.5em;
    line-height: 1em;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    text-align: left;
    line-height: 18px;
    font-size: 13px;
    z-index: 10;
    opacity: .9;
}

.mapsearch_legend i {
    width: 40px;
    height: 17px;
    float: left;
    margin-right: 8px;
}

.mapsearch_legend_2 {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 400;
    width: 170px;
    margin-top: -210px;
    min-height: 185px;
    background-color: #fff;
    ;border: 1px solid #e2e5ed;
    padding: 0.5em;
    line-height: 1em;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    ; text-align: left;
    line-height: 18px;
    font-size: 13px;
    opacity: .9;
}

.mapsearch_legend_2 i {
    width: 40px;
    height: 17px;
    float: left;
    margin-right: 8px;
}

.searchingNew {
    position: fixed;
    top: 475px;
    left: 50%;
    width: 113px;
    height: 76px;
    margin-left: -89px;
    z-index: 99999;
    background: url('/images/sub/searching_bg.png?ver=20191210') no-repeat center;
    text-align: left;
    padding-left: 66px;
    padding-top: 9px;
}

.searchingNew img {
    float: left;
}

.mapsearch_preview {
    position: absolute;
    top: 0%;
    left: -200px;
    width: 180px;
    margin-top: 20px;
    height: 200px;
    background-color: #bdf;
    border: 1px solid #1bf;
    padding: 0.5em;
    line-height: 1em;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    opacity: 0.7;
    text-align: left;
    line-height: 19px;
    display: none;
}

#map_bf {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* 2018-11-14 정은하 수정 */
.map_search_bf {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #fff;
    z-index: 800;
    width: 620px;
    border-right: 1px solid #e2e5ed;
    transition: all 1s ease-out;
}

.map_search_bf.hide {
    left: -620px;
    transition: all 1s ease-out;
}

.map_search_bf.shotsrh {
    width: 363px !important;
}

.map_search_bf.shotsrh.hide {
    left: -364px;
}

.map_search_bf .mapsearch_close {
    text-indent: -9999px;
    width: 42px;
    height: 190px;
    position: absolute;
    top: 50%;
    right: -42px;
    margin-top: -95px;
    background: url('/images/sub/mapsearch_close.png?ver=20191210') no-repeat 0 0;
    cursor: pointer;
}

.map_search_bf .mapsearch_close.open {
    text-indent: -9999px;
    width: 42px;
    height: 190px;
    position: absolute;
    top: 50%;
    right: -42px;
    background: url('/images/sub/mapsearch_open.png?ver=20191210') no-repeat 0 0;
    cursor: pointer;
}

.map_search_bf #section_tab {
    position: absolute;
    top: 0;
    right: 0;
    width: 361px;
    height: 100%;
}

.map_search_bf #section_tab .inr {
    padding: 22px 22px 0 22px;
}

.map_search_bf #section_tab h3 {
    float: left;
    padding: 0 12px 0 0;
    background: url('/images/sub/bg_srh_title.gif?ver=20191210') no-repeat right 18px;
    font-family: "나눔스퀘어",'Nanum Square';
    font-size: 18px;
}

.map_search_bf #section_tab ul {
    clear: both;
    margin-bottom: 22px;
    padding: 8px 0 0 0;
}

.map_search_bf #section_tab ul li {
    margin-bottom: 5px;
}

.map_search_bf #section_tab select {
    vertical-align: top;
    width: 100%;
    font-size: 14px;
    border: 1px solid #d4d4d4;
    border-radius: 0;
    height: 40px;
    padding-left: 12px;
    border: 1px solid #9fa9c2;
}

.map_search_bf #section_tab input[type="text"] {
    width: 291px;
    font-size: 14px;
    border: 1px solid #d4d4d4;
    border-radius: 0;
    height: 38px;
    padding-left: 12px;
    padding-right: 12px;
    border: 1px solid #9fa9c2;
    background: #f5f5f5;
}

.map_search_bf .tip {
    margin-top: -12px;
    margin-bottom: 20px;
    padding: 0 0 0 22px;
    background: url(/images/sub/ico_tip.png?ver=20191210) no-repeat 0 3px;
    font-size: 13px;
    color: #606060;
    letter-spacing: -1px;
}

.map_search_bf .tip .fc {
    color: #4aac8f;
}

.map_search_bf .srhbtn {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 311px;
    padding: 24px 25px 24px 25px;
    text-align: center;
    border-top: 1px solid #e2e5ed;
}

.map_search_bf .srhbtn2 {
    padding: 24px 25px 24px 25px;
    text-align: center;
    border-top: 1px solid #e2e5ed;
}

.map_search_bf .fullBtn {
    width: 100% !important;
}

.map_search_bf .rudTitle {
    height: 27px;
    margin-bottom: 20px;
    text-align: center;
    border-radius: 100px 100px 100px 100px;
    background: #dbe2f7;
    font-size: 14px;
    color: #868a9e;
    font-weight: 400;
    line-height: 27px;
    font-weight: 600;
}

.map_search_bf_r {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background-color: #fff;
    z-index: 800;
    width: 620px;
    border-left: 1px solid #e2e5ed;
    transition: all 1s ease-out;
}

.map_search_bf_r.hide {
    right: -621px;
    transition: all 1s ease-out;
}

.map_search_bf_r.shotsrh {
    width: 500px !important;
}

.map_search_bf_r.shotsrh.hide {
    right: -501px;
}

.map_search_bf_r .mapsearch_close {
    position: absolute;
    top: 50%;
    left: -42px;
    width: 42px;
    margin-top: -95px;
    height: 190px;
    background: url('/images/sub/mapsearch_close_r.png?ver=20191210') no-repeat 0 0;
    text-indent: -9999px;
    cursor: pointer;
}

.map_search_bf_r .mapsearch_close.open {
    text-indent: -9999px;
    width: 42px;
    height: 190px;
    position: absolute;
    top: 50%;
    left: -42px;
    background: url('/images/sub/mapsearch_open_r.png?ver=20191210') no-repeat 0 0;
    cursor: pointer;
}

/* 내손안의 스펙트럼 */
.pop_layout03 {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -390px;
    margin-top: -320px;
    width: 780px;
    height: 700px;
    border: 3px solid #0d7bb3;
    background-color: #fff;
    z-index: 1000000;
}

.pop_layout03 .head {
    position: relative;
    height: 59px;
    border-bottom: 1px solid #ebebeb;
    line-height: 59px;
    color: #333;
    font-weight: 600;
    font-size: 24px;
    padding-left: 32px;
}

.pop_layout03 .head a {
    position: absolute;
    width: 23px;
    height: 23px;
    top: 18px;
    right: 15px;
}

.pop_layout03 .head a img {
    float: left;
}

.pop_layout03 .head a.ddl {
    position: absolute;
    top: 14px;
    right: 68px;
    width: auto;
    height: 28px;
    line-height: 28px;
    background-color: #11b0cb;
    border-radius: 20px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding: 0 26px;
}

.pop_layout03 .content {
    overflow: hidden;
    padding: 0 20px;
    height: 640px;
    overflow: auto;
    background-color: #fbfbfb;
    border-bottom: 1px solid #ebebeb;
}

.pop_layout03 .content .tyt {
    border-bottom: 1px solid #d1d1d1;
    padding: 15px 0 10px;
    margin-bottom: 20px;
    text-align: right;
}

.pop_layout03 .content dt {
    float: left;
    font-size: 14px;
    text-align: left;
    width: 144px;
    line-height: 26px;
    margin-bottom: 20px;
    color: #333;
    font-weight: 600;
    padding-left: 10px;
}

.pop_layout03 .content dd {
    float: left;
    font-size: 13px;
    text-align: left;
    line-height: 22px;
    padding: 2px 0 2px 16px;
    color: #333;
    border-left: 1px solid #0d7bb3;
    margin-bottom: 20px;
    width: 530px;
    min-height: 26px;
}

.pop_layout03 .content dl.grt02 dd {
    border-left: 1px solid #27acd7;
}

.pop_layout03 .content dl.grt02 {
    overflow: hidden;
}

.pop_layout03 .content .p01 {
    font-size: 14px;
    color: #333;
    line-height: 24px;
    padding-left: 26px;
    margin-bottom: 38px;
}

.pop_layout03 .content .p02 {
    font-size: 16px;
    color: #333;
    line-height: 22px;
    padding-top: 18px;
    margin-bottom: 38px;
}

.pop_layout03 .content h1 {
    font-size: 24px;
    color: #333;
    margin-bottom: 30px;
}

.pop_layout03 .content .dt_num {
    float: left;
    width: 26px;
    height: 26px;
    background: url('/images/sub/dt_bg_num01.png?ver=20191210') no-repeat 0 0;
    text-align: center;
    font-size: 14px;
    color: #fff;
    margin-right: 16px;
}

.pop_layout03 .content .dt_num02 {
    float: left;
    width: 22px;
    height: 22px;
    line-height: 22px;
    margin-top: 2px;
    background: url('/images/sub/dt_bg_num02.png?ver=20191210') no-repeat 0 0;
    text-align: center;
    font-size: 14px;
    color: #fff;
    margin-right: 16px;
}

.pop_layout03 .tip {
    margin-bottom: 22px;
    height: 82px;
    background: url('/images/sub/kct_tjbg03.gif?ver=20191210') repeat-x 0 0;
    width: 100%;
}

.pop_layout03 .tip .tt {
    float: left;
    width: 76px;
    height: 25px;
    line-height: 25px;
    border-radius: 12px;
    background-color: #6d8092;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    margin: 19px 12px 0 49px;
}

.pop_layout03 .tip .tt02 {
    float: left;
    font-size: 14px;
    color: #333;
    line-height: 22px;
    padding: 19px 12px 0 0;
}

.pop_layout03 .h3_tit {
    color: #0d7bb3;
    font-size: 16px;
}

.pop_layout03 .h3_tit02 {
    color: #0d7bb3;
    font-size: 18px;
}

.spt_bt01 {
    display: inline-block;
    padding: 0 14px 0 40px;
    height: 33px;
    line-height: 33px;
    border-radius: 4px;
    background: #3d63b7 url('/images/sub/icon_dw.png?ver=20191210') no-repeat 15px 10px;
    color: #fff;
    font-size: 14px;
}

.spt_bt02 {
    display: inline-block;
    padding: 0 22px 0 52px;
    height: 33px;
    line-height: 33px;
    border-radius: 4px;
    background: #4791c8 url('/images/sub/icon_wen.png?ver=20191210') no-repeat 20px 7px;
    color: #fff;
    font-size: 14px;
}

.grp_layout {
    width: 804px;
    height: 666px;
    float: left;
    margin: 85px 0 0 38px;
}

/* 내손안에 스펙트럼  */
.zps {
    width: 1200px;
    height: 880px;
    background: url('/images/sub/zps_bg.png?ver=20191210') no-repeat 0 0;
    background-size: 100%;
}

.zps .right_aside {
    position: relative;
    width: 289px;
    float: right;
    margin: 85px 32px 0 0;
    font-size: 14px;
}

.zps .right_aside .popbox {
    position: absolute;
    background-color: #f8f8f8;
    top: 0px;
    left: 0px;
    border: 2px solid #818181;
    width: 266px;
    height: 237px;
    padding: 10px;
}

.zps .right_aside .popbox h2 {
    margin-bottom: 10px;
}

.zps .right_aside .popbox input[type="radio"] {
    display: inline-block;
    width: 20px;
    height: 20px;
}

.zps .right_aside .popbox label {
    display: inline-block;
    line-height: 20px;
    color: #333;
    font-size: 20px;
    vertical-align: top;
}

.zps .right_aside .popbox02 {
    position: absolute;
    background-color: #f8f8f8;
    top: 76px;
    left: 0px;
    border: 2px solid #818181;
    width: 266px;
    height: 237px;
    padding: 10px;
}

.zps .right_aside .popbox02 h2 {
    margin-bottom: 10px;
}

.zps .layout01 {
    overflow: hidden;
}

.zps .inner {
    line-height: 40px;
    color: #fff;
}

.zps .layout01 .inner02 {
    margin-bottom: 12px;
    line-height: 32px;
    color: #fff;
    overflow: hidden;
}

.zps input {
    padding: 0 10px;
    border-radius: 4px;
    border: none;
    height: 40px;
}

.zps .btn_z01 {
    width: 140px;
    height: 40px;
    border-radius: 4px;
    background-color: #336ab0;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

.zps .btn_z01.on {
    width: 140px;
    height: 40px;
    border: 1px solid #4b5158;
    border-radius: 4px;
    background-color: #0a3c7b;
    line-height: 38px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    -webkit-box-shadow: inset 0 0 12px #072852;
    -moz-box-shadow: inset 0 0 12px #072852;
    box-shadow: inset 0 0 12px #072852;
}

.zps .btn_z02 {
    margin-right: 11px;
    width: 64px;
    height: 40px;
    border-radius: 4px;
    background-color: #fff;
    line-height: 40px;
    text-align: center;
    color: #333;
    font-size: 16px;
    cursor: pointer;
}

.zps .btn_z02.on {
    background-color: #3ba2d2;
    color: #fff;
}

.zps .btn_z03 {
    width: 140px;
    height: 40px;
    border-radius: 4px;
    background-color: #fff;
    line-height: 40px;
    text-align: center;
    color: #333;
    font-size: 16px;
    cursor: pointer;
}

.zps .btn_z03.on {
    width: 140px;
    height: 40px;
    border: 1px solid #555a60;
    border-radius: 4px;
    background-color: #585858;
    line-height: 38px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
    -webkit-box-shadow: inset 4px 4px 6px #3e3e3e;
    -moz-box-shadow: inset 4px 4px 6px #3e3e3e;
    box-shadow: inset 4px 4px 6px #3e3e3e;
}

.zps .btn_z04 {
    width: 140px;
    height: 30px;
    border-radius: 4px;
    background-color: #fff;
    line-height: 30px;
    text-align: center;
    color: #333;
    cursor: pointer;
    font-size: 13px;
}

.zps .btn_z04.on {
    width: 140px;
    height: 30px;
    border: 1px solid #555a60;
    border-radius: 4px;
    background-color: #585858;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
    -webkit-box-shadow: inset 4px 4px 6px #3e3e3e;
    -moz-box-shadow: inset 4px 4px 6px #3e3e3e;
    box-shadow: inset 4px 4px 6px #3e3e3e;
}

.zps .btn_z05 {
    width: 140px;
    height: 40px;
    border-radius: 4px;
    background-color: #565759;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    border: 1px solid #777;
}

.zps .btn_z05.on {
    width: 140px;
    height: 40px;
    border: 1px solid #464646;
    border-radius: 4px;
    background-color: #424242;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    -webkit-box-shadow: inset 0 0 12px #181818;
    -moz-box-shadow: inset 0 0 12px #181818;
    box-shadow: inset 0 0 12px #181818;
}

.zps .btn_z06 {
    width: 68px;
    height: 40px;
    border-radius: 4px;
    background-color: #336ab0;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

.zps .btn_z06.on {
    width: 68px;
    height: 40px;
    border: 1px solid red;
    border-radius: 4px;
    background-color: #0a3c7b;
    line-height: 38px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    -webkit-box-shadow: inset 0 0 12px #072852;
    -moz-box-shadow: inset 0 0 12px #072852;
    box-shadow: inset 0 0 12px #072852;
}

.zps .sx {
    float: left;
    width: 46px;
    height: 40px;
}

.zps .sx .up {
    float: left;
    width: 46px;
    height: 19px;
    margin-bottom: 2px;
    background: url('/images/sub/btn_sx_up.png?ver=20191210') no-repeat 0 0;
    cursor: pointer;
    text-indent: -9999px;
}

.zps .sx .down {
    float: left;
    width: 46px;
    height: 19px;
    background: url('/images/sub/btn_sx_down.png?ver=20191210') no-repeat 0 0;
    cursor: pointer;
    text-indent: -9999px;
}

.zps .btn_z07 {
    position: relative;
    width: 126px;
    height: 32px;
    border-radius: 4px;
    background-color: #565759;
    line-height: 32px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    border: 1px solid #777;
}

.zps .btn_z07.on {
    width: 126px;
    height: 32px;
    border: 1px solid #464646;
    border-radius: 4px;
    background-color: #424242;
    line-height: 32px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    -webkit-box-shadow: inset 0 0 12px #181818;
    -moz-box-shadow: inset 0 0 12px #181818;
    box-shadow: inset 0 0 12px #181818;
}

.zps .btn_z08 {
    width: 266px;
    height: 32px;
    border-radius: 4px;
    background-color: #565759;
    line-height: 32px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    border: 1px solid #777;
}

.zps .btn_z08.on {
    width: 266px;
    height: 32px;
    border: 1px solid #464646;
    border-radius: 4px;
    background-color: #424242;
    line-height: 32px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    -webkit-box-shadow: inset 0 0 12px #181818;
    -moz-box-shadow: inset 0 0 12px #181818;
    box-shadow: inset 0 0 12px #181818;
}

.zps .b_left {
    background: url('/images/sub/icon_left.png?ver=20191210') no-repeat 0 0;
    width: 7px;
    height: 12px;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 20px;
}

.zps .b_right {
    background: url('/images/sub/icon_right.png?ver=20191210') no-repeat 0 0;
    width: 7px;
    height: 12px;
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 20px;
}

.result_tt {
    width: 100%;
    font-size: 14px;
    color: #666;
}

.result_tt strong {
    font-size: 18px;
    color: #333;
    margin-right: 24px;
}

.result_tt span {
    color: #0174af;
    font-size: 14px;
    font-weight: 600;
}

.result_content {
    border-top: 2px solid #0174af;
}

.result_content li {
    padding: 12px 0;
    border-bottom: 1px solid #d4d4d4;
}

.result_content li span {
    color: #0174af;
    line-height: 20px;
    font-size: 13px;
}

.single {
    width: 60px;
    height: 60px;
}

.single em {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    cursor: pointer;
    display: block;
    position: relative;
    background: url('/images/sub/icc_anm.gif?ver=20191210') no-repeat 0 0;
}

.stt_content article {
    display: none;
    height: 474px;
    top: 68px;
    position: absolute;
    left: 250px;
    border: 2px solid #137eb5;
    width: 671px;
    padding: 22px 25px 0;
    background-color: #fff;
    z-index: 1000;
}

.stt_content article.on {
    display: block;
}

.stt_content h1 {
    color: #333;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eee;
}

.stt_content .box {
    padding: 18px 8px 0;
}

.stt_content .box .p01 {
    font-size: 14px;
    color: #333;
    line-height: 22px;
    margin-bottom: 10px;
}

.stt_content .box .p02 {
    font-size: 14px;
    color: #0174af;
    line-height: 14px;
}

.stt_content .stt_close {
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 17px;
    height: 17px;
}

.stt_content .sst_foot {
    position: absolute;
    bottom: 0;
    left: 25px;
    border-top: 1px solid #eee;
    height: 52px;
    width: 671px;
}

.stt_content .sst_foot .sp01 {
    float: left;
    padding-left: 24px;
    background: url('/images/sub/icon_gdz.png?ver=20191210') no-repeat 0 0;
    line-height: 17px;
    color: #666;
    font-size: 12px;
    margin-right: 30px;
    margin-top: 18px;
}

.stt_content .sst_foot .btn01 {
    float: left;
    text-align: center;
    border-radius: 12px;
    font-weight: 600;
    line-height: 30px;
    color: #fff;
    background-color: #1187cb;
    width: 110px;
    ;vertical-align: middle;
    margin-right: 20px;
    margin-top: 11px;
}

.stt_content .sst_foot .btn02 {
    float: left;
    text-align: center;
    border-radius: 12px;
    font-weight: 600;
    line-height: 30px;
    color: #fff;
    background-color: #11b0cb;
    width: 110px;
    ;vertical-align: middle;
    margin-right: 20px;
    margin-top: 11px;
}

.stt_content .sst_foot .btn03 {
    float: left;
    text-align: center;
    border-radius: 12px;
    font-weight: 600;
    line-height: 30px;
    color: #fff;
    background-color: #f9b32c;
    width: 131px;
    ;vertical-align: middle;
    margin-right: 20px;
    margin-top: 11px;
}

.summerayTable {
    margin: 0px;
    border-collapse: separate;
    table-layout: fixed;
    border-top: 2px solid #7c89cc;
}

.summerayTable th {
    margin: 0.1em 0em;
    height: 23px;
    padding: 12px 10px;
    color: #466289;
    text-align: center;
    overflow: hidden;
    position: relative;
    white-space: normal !important;
    border-bottom: 1px solid #7c89cc;
    font-size: 16px;
    font-weight: bold;
    vertical-align: middle;
    background: url('/images/sub/bar_bg.gif?ver=20191210') no-repeat right #fff;
}

.summerayTable th:last-child {
    background: #fff !important;
}

.summerayTable td {
    text-align: left;
    font-size: 14px;
    vertical-align: text-top;
    white-space: normal !important;
    border-bottom: 1px solid #ececec;
    border-right: 1px solid #ececec;
    height: 10px;
    padding: 12px 10px;
    vertical-align: middle;
}

.summerayTable td:last-child {
    border-right: none !important;
}

.summerayTable tbody tr:nth-child(2n+1) {
    background-color: #f0f0f0;
}

/* 무선국종합분석 비교년도 년월표시 */
.map_title {
    position: absolute;
    width: 100px;
    background-color: #184680;
    padding: 0.3em;
    -webkit-border-radius: 0.5em;
    opacity: 0.8;
    text-align: center;
    line-height: 19px;
    z-index: 999;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
}

.pop_privacy {
    display: none;
    position: fixed;
    border: 2px solid #0d7bb3;
    background-color: #fff;
    z-index: 9999;
}

.pop_privacy.sm {
    height: 470px;
    margin-top: -235px;
}

.pop_privacy.on {
    display: block;
}

.pop_privacy .head {
    position: relative;
    padding-left: 20px;
    height: 46px;
    border-bottom: 1px solid #ebebeb;
    line-height: 46px;
    color: #333;
    font-weight: 600;
    font-size: 18px;
}

.pop_privacy .head a {
    position: absolute;
    top: 17px;
    right: 17px;
    width: 17px;
    height: 17px;
}

.pop_privacy .head a img {
    float: left;
}

.pop_privacy .div01 {
    height: 580px;
    overflow-y: auto;
    margin: 0 auto;
    font-size: 14px;
    color: #333;
    line-height: 16px;
    background-color: #fbfbfb;
    text-align: left;
    margin-bottom: 16px;
    padding: 36px 34px;
    border-bottom: 1px solid #eee;
}

.pop_privacy .div02 {
    width: 100%;
    height: 377px;
    background: url('/images/email_s.gif?ver=20191210') no-repeat center 64px;
    text-align: center;
    border-bottom: 1px solid #ebebeb;
}

.pop_privacy .div02 span {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #333;
    line-height: 24px;
    padding-top: 245px;
}

.pop_privacy .div03 {
    height: 580px;
    overflow-y: auto;
    margin: 0 auto;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    text-align: left;
    margin-bottom: 16px;
    padding: 36px 34px;
    border-bottom: 1px solid #eee;
    letter-spacing: -0.5px;
}

.pop_privacy .div03 span {
    color: #0d7bb3;
    font-weight: 600;
}

/*팝업사이즈 조정 */
.map_search.shotsrh_wavemap {
    width: 364px !important;
    height: 660px;
}

.map_search.shotsrh_wavemapPms {
    width: 204px !important;
    height: 467px;
}

/*공동사용*/
.map_search.shotsrh_raomfall {
    width: 204px !important;
    height: 425px;
}

/* 우량 */
.map_search.shotsrh_coastal {
    width: 204px !important;
    height: 279px;
}

/* 어업 */
.map_search.shotsrh_nationalpark {
    width: 364px !important;
    height: 500px;
}

.map_search.shotsrh_common {
    width: 204px !important;
    height: 400px;
}

/* 공용화가능 무선국 */
.map_search.shotsrh_nationalpark {
    width: 204px !important;
    height: 500px;
}

/*국립공원*/
.map_search.shotsrh_wavedata {
    width: 204px !important;
    height: 216px;
}

/* 밀집도 */
.map_search.shotsrh_radiomap {
    width: 204px !important;
    height: 360px;
}

.map_search.shotsrh_mesuremap {
    width: 204px !important;
    height: 415px;
}

/* gis - 새로고침, 검색버튼 */
/* .bn_t1_1 {display:inline-block;width:90px;height:40px;text-align:center;background:#9fa9c2;line-height:40px;color:#fff;font-size:13px;}	2018-08-17 수정
.bn_t1_1:hover {filter:brightness(110%);}
.bn_t1_1:active,
.bn_t1_1:focus {filter:brightness(90%);}
.bn_t2_1 {display:inline-block;width:90px;height:40px;text-align:center;background:#7c89cc;line-height:40px;color:#fff;font-size:13px;}	2018-08-17 수정
.bn_t2_1:hover {filter:brightness(110%);}
.bn_t2_1:active,
.bn_t2_1:focus {filter:brightness(90%);} */
.map_search #section_tab .inr_1 {
    padding: 0px 12px 0 12px;
}

.map_table {
    display: table;
    position: relative;
    width: 100%;
    height: 660px;
}

.map_table .map_table_row {
    display: table-row;
    position: relative;
    width: 100%;
    height: 100%;
}

.map_table .map_table_cell {
    display: table-cell;
    height: 660px;
}

/* 2018-11-24 세연 수정  */
.map_table .search {
    width: 312px;
    height: 100%;
    transition: all .5s ease-out;
}

.map_table .search.hide {
    display: none;
    height: 100%;
    transition: all .5s ease-out;
}

.map_table .result {
    width: 50%;
    height: 100%;
    transition: all .5s ease-out .1s;
}

.map_table .result.hide {
    display: none;
    height: 100%;
    transition: all .5s ease-out;
}

.map_table .map_table_search_close.open {
    z-index: 10;
    position: absolute;
    display: block;
    top: 50%;
    left: 0px;
    width: 42px;
    margin-top: -95px;
    height: 190px;
    background: url('/images/sub/mapsearch_close.png?ver=20191210') no-repeat 0 0;
    text-indent: -9999px;
    cursor: pointer;
}

.map_table .map_table_search_close {
    z-index: 10;
    position: absolute;
    display: block;
    top: 50%;
    left: 0px;
    width: 42px;
    margin-top: -95px;
    height: 190px;
    background: url('/images/sub/mapsearch_open.png?ver=20191210') no-repeat 0 0;
    text-indent: -9999px;
    cursor: pointer;
}

.map_table .map_table_result_close.open {
    z-index: 10;
    position: absolute;
    display: block;
    top: 50%;
    right: 0px;
    width: 21px;
    margin-top: -95px;
    height: 190px;
    background: url('/images/sub/mapsearch_close_r.png?ver=20191210') no-repeat 0 0;
    text-indent: -9999px;
    cursor: pointer;
}

.map_table .map_table_result_close {
    z-index: 10;
    position: absolute;
    display: block;
    top: 50%;
    right: 0px;
    width: 21px;
    margin-top: -95px;
    height: 190px;
    background: url('/images/sub/mapsearch_open_r.png?ver=20191210') no-repeat 0 0;
    text-indent: -9999px;
    cursor: pointer;
}

/* .map_table .tip {margin-top:-12px;margin-bottom:20px;padding:0 0 0 22px;background:url(/images/sub/ico_tip.png?ver=20191210) no-repeat 0 3px;font-size:13px;color:#606060;letter-spacing:-1px;}
.map_table .tip .fc {color:#4aac8f;}

.map_table .srhbtn2 {padding:24px 25px 24px 25px;text-align:center;border-top:1px solid #e2e5ed;}
.map_table .fullBtn {width:100% !important;}
.map_table .rudTitle {height:27px;margin-bottom:20px;text-align:center;border-radius:100px 100px 100px 100px;background:#dbe2f7;font-size:14px;color:#868a9e;font-weight:400;line-height:27px;font-weight:600;} */
.map_table .tip {
    margin: -1px 0 12px 24px;
    padding: 0 0 0 22px;
    background: url(/images/sub/ico_tip.png?ver=20191210) no-repeat 0 3px;
    font-size: 14px;
    color: #606060;
    letter-spacing: -1px;
}

.map_table.tip .fc {
    color: #e96b00;
}

.map_table .srhbtn {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 190px;
    padding: 12px 12px 12px 12px;
    text-align: center;
    border-top: 1px solid #e2e5ed;
}

/*2018-08-17 수정*/
.map_table .srhbtn2 {
    padding: 24px 25px 24px 25px;
    text-align: center;
    border-top: 1px solid #e2e5ed;
}

.map_table .srhbtn3 {
    position: absolute;
    right: 0;
    width: 180px;
    padding: 24px 12px 24px 12px;
    text-align: center;
    border-top: 1px solid #e2e5ed;
}

/*2018.07.18*/
.map_table .fullBtn {
    width: 100% !important;
}

.map_table .rudTitle {
    height: 27px;
    margin-bottom: 20px;
    text-align: center;
    border-radius: 100px 100px 100px 100px;
    background: #dbe2f7;
    font-size: 14px;
    color: #868a9e;
    font-weight: 400;
    line-height: 27px;
    font-weight: 600;
}

.map_table >.srhbgc {
    position: absolute;
    left: 0;
    bottom: 0;
    /* margin-left:23px; */
    width: 256px;
    overflow: hidden;
    padding: 10px 37px 17px 23px;
    background-color: #fff;
}

.map_table >.srhbgc a {
    float: left;
    width: 126px;
    margin-left: 4px;
}

.map_table >.srhbgc a:first-child {
    margin-left: 0;
}

.shotsrh_coastal01 {
}

.mapArea_legend {
    z-index: 10;
    position: absolute;
    right: 12px;
    /*  top: 498px; width: 135px; */
    bottom: 12px;
    width: 150px;
    min-height: 135px;
    background-color: #fff;
    border: 1px solid #e2e5ed;
    padding: 0.5em;
    text-align: left;
    line-height: 19px;
    -webkit-border-radius: 0.5em;
}

.mapArea_legend div {
    border: 1px solid #808080;
    position: relative;
    width: 30px;
    height: 15px;
    float: left;
}

.mapArea_legend span {
    padding-left: 7px;
    font-size: 12px;
}

@media screen and (max-width: 959px) {
    .knc_bg {
        width:100%;
        box-sizing: border-box;
    }

    .ko_en_order dt {
        width: 100%;
        box-sizing: border-box;
        padding: 15px 20px;
    }

    .ko_en_order dd {
        width: 100%;
        box-sizing: border-box;
        padding: 15px 20px;
    }

    .line_lr .right {
        width: 100%;
    }

    .line_lr .input_search {
        width: 100%;
        box-sizing: border-box;
        height: 40px;
    }

    .ko_en_order .b_ko {
        width: 100%;
        box-sizing: border-box;
    }

    .ko_en_order .b_en {
        width: 100%;
        box-sizing: border-box;
    }

    .sta_left02 {
        float: none;
        width: 100%;
        min-height: 500px;
        box-sizing: border-box;
        margin-bottom: 20px;
    }

    .sta_content02 {
        margin-left: 0;
    }

    .sta_left_close {
        display: none;
    }

    .zps {
        background: none;
        margin: 0;
        width: 100%;
        height: auto;
    }

    .grp_layout {
        width: 100%;
        box-sizing: border-box;
        padding: 15px;
        background: #000;
        border-radius: 15px;
        margin: 0;
    }

    .zps .right_aside {
        width: 100%;
        margin: 0;
        background-color: #efefef;
        box-sizing: border-box;
        padding: 15px;
        border-radius: 15px;
        margin: 10px 0;
    }

    .zps .right_aside >div {
        display: inline-block;
        vertical-align: top;
        width: 100%;
        margin-bottom: 10px !important;
    }

    .zps .btn_z06, .zps .btn_z06.on, .zps .btn_z02, .zps .btn_z02.on {
        width: calc(25% - 6px);
        margin-right: 6px !important;
    }

    .zps .inner {
        width: 50%;
    }

    .zps .layout01 >div {
        padding-left: 0 !important;
        margin-bottom: 10px !important;
    }

    .zps input {
        width: calc(50% - 6px) !important;
        margin-right: 6px !important;
        box-sizing: border-box;
    }

    #spanRbwVbw {
        width: calc(21% - 6px) !important;
        color: #393939 !important;
        font-size: 18px !important;
        font-weight: bold;
    }

    #spanUnit, #rbwVbwUnit,#spanRbwVbwUnit {
        color: #393939 !important;
    }

    .zps .btn_z01 {
        width: calc(50% - 6px);
        margin-right: 6px;
    }

    .zps .btn_z03 {
        width: calc(25% - 6px);
        margin-right: 6px;
        margin-bottom: 0 !important;
    }

    .zps .btn_z04 {
        width: calc(50% - 6px);
        margin-right: 6px;
    }

    #btnMF {
        width: calc(50% - 6px) !important;
    }
}