.ip_num { display: none;}
.ip_num .ip_num { display: flex; text-align: right;}

.sub_8_nav.nav-tabs { background-color: transparent;}
.sub_8_nav.nav-tabs .nav-link, .sub_8_nav .nav-tabs .nav-link.active { margin-right: 2.0rem; color: #8D94A6; font-size: 2.5rem; font-weight: 700; box-shadow :none}
.sub_8_nav.nav-tabs .nav-link.active { color: #33A02C !important; background-color: transparent !important;}
.tit_1 { font-size: 2.5rem; font-weight: 700; margin-bottom: 1.5rem;}

.ip_tit h5 { font-size: 1.8rem !important; font-weight: 600 !important;}
.form-control { border: 1px solid #D6D6D6 !important; border-radius: 1.2rem;}
input.form-control::placeholder { color: #959595 !important;}

.pg_bbox { padding: 3.0rem 3.0rem 3.0rem 4.9rem;}

.ship_box { height: 100%; border: 1px solid #E5E9F1; background-color: #fff; border-radius: 1.2rem;}
.img_bbox { border: 1px solid #E5E9F1; background-color: #fff; width: 705px; height: 414px; border-radius: 1.2rem; overflow: hidden;}
.img_bbox.img_bbox_1 { background-image: url(../img/sub8_1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.img_bbox.img_bbox_2 { background-image: url(../img/sub8_2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.ship_in_box { height: 47rem; overflow-y: scroll;}
.ship_in_box::-webkit-scrollbar {
    width: 0.6rem;
    height: 0.6rem;
}
.ship_in_box:hover::-webkit-scrollbar {
    width: 1.2rem;
    height: 1.2rem;
}
.ship_in_box::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 100px;
}

.sub8_cont { padding-bottom: 8.5rem; position: relative;}
.bottom_bar { border-bottom-left-radius: 1.2rem; border-bottom-right-radius: 1.2rem;
    background-color: #fff; width: calc(100% - 1.0rem);
    position: absolute; bottom: 0; left: 0.5rem; padding: 1.6rem;
    display: flex; justify-content: end;
    box-shadow: 0px -4px 6px #0000000d;
    }

.btn_primary_54 { 
    font-size: 1.8rem; 
    padding: 0.5rem 8rem; height: 5.4rem; }


.measure_box_top { position: relative; width: 100%; height: 100%;}
.measure_box_bottom { position: relative; width: 100%; height: 100%;}
/*선박정보 값*/
.po_num_txt { position: absolute; font-size: 1.8rem; font-weight: 500; color: #000;}
.po_num_txt.length-overall { top:2.5rem; left: 34rem;}
.po_num_txt.sheer_left { top: 6rem; left: 14rem;}
.po_num_txt.sheer_right { top: 6rem; right: 14rem;}
.po_num_txt.freeboard { top: 10rem; left: 30.5rem;}
.po_num_txt.waterline { top: 10rem; right: 11.5em;}
.po_num_txt.draft { top: 13.7rem; left: 27.5rem;}
.po_num_txt.depth { top: 12.8rem; left:40.5rem;}
.po_num_txt.draftaft_left { top: 18rem; left: 4rem;}
.po_num_txt.draftaft_right { top: 17.8rem; right: 4.8rem;}
.po_num_txt.length_between_perpendiculars { top: 20.5rem; left: 34.5rem;}

.po_num_txt.freeboard.freeboard_bm { top: 26rem; left: 19rem;}
.po_num_txt.depth_left { top: 29rem; left: 10rem;}
.po_num_txt.draft.draft_bm { top: 29.9rem; left: 22rem;}
.po_num_txt.waterline.waterline_bm { top: 29rem; right: 12rem;}
.po_num_txt.breath { top: 36.8rem; left: 34.5rem;}

/*탱크설계 값*/
.outer_total_len { top: 2.5rem; left: 33rem;}
.inner_total_len { top: 18.5rem; left: 26rem;}
.tank_id { top: 22.3rem; right: 29rem;}
.shell_len { top: 26.2rem; left: 26rem;}
.outer-diam { top: 25.8rem; right: 5rem;}

@media (max-width:1500px) {
    .img_bbox { width: 550px;}
    .po_num_txt { position: absolute; font-size: 1.8rem; font-weight: 500; color: #000;}
    /*선박정보*/
    .po_num_txt.length-overall { top:6rem; left: 26rem;}
    .po_num_txt.sheer_left { top: 9rem; left: 11rem;}
    .po_num_txt.sheer_right { top: 9rem; right: 11rem;}
    .po_num_txt.freeboard { top: 12.2rem; left: 23.5rem;}
    .po_num_txt.waterline { top: 12.2rem; right: 16rem;}
    .po_num_txt.draft { top: 15.2rem; left: 20.8rem;}
    .po_num_txt.depth { top: 14.5rem; left: 31.8rem;}
    .po_num_txt.draftaft_left { top: 18.5rem; left: 3.3rem;}
    .po_num_txt.draftaft_right { top: 18.5rem; right: 3.3rem;}
    .po_num_txt.length_between_perpendiculars { top: 21rem; left: 26.5rem;}

    .po_num_txt.freeboard.freeboard_bm { top: 24.8rem; left: 15.2rem;}
    .po_num_txt.depth_left { top: 27.1rem; left: 6.5rem;}
    .po_num_txt.draft.draft_bm { top: 27.7rem; left: 17rem;}
    .po_num_txt.waterline.waterline_bm { top: 25.5rem; right: 6rem;}
    .po_num_txt.breath { top: 32.8rem; left: 27rem;}

    /*탱크설계*/
    /*탱크설계 값*/
    .outer_total_len { top: 6rem; left: 25.5rem;}
    .inner_total_len { top: 18.5rem; left: 20rem;}
    .tank_id { top: 21.5rem; right: 22rem;}
    .shell_len { top: 24.5rem; left: 20rem;}
    .outer-diam { top: 25rem; right: 4rem;}
}
@media (max-width:1250px) {
    .img_bbox { width: 705px;}

    /*선백정보*/
    .po_num_txt.length-overall { top:2.5rem; left: 34rem;}
    .po_num_txt.sheer_left { top: 6rem; left: 14rem;}
    .po_num_txt.sheer_right { top: 6rem; right: 14rem;}
    .po_num_txt.freeboard { top: 10rem; left: 30.5rem;}
    .po_num_txt.waterline { top: 10rem; right: 11.5em;}
    .po_num_txt.draft { top: 13.7rem; left: 27.5rem;}
    .po_num_txt.depth { top: 12.8rem; left: 40.5rem;}
    .po_num_txt.draftaft_left { top: 18rem; left: 4rem;}
    .po_num_txt.draftaft_right { top: 17.8rem; right: 4.8rem;}
    .po_num_txt.length_between_perpendiculars { top: 20.5rem; left: 34.5rem;}

    .po_num_txt.freeboard.freeboard_bm { top: 26rem; left: 19rem;}
    .po_num_txt.depth_left { top: 29rem; left: 10rem;}
    .po_num_txt.draft.draft_bm { top: 29.9rem; left: 22rem;}
    .po_num_txt.waterline.waterline_bm { top: 29rem; right: 12rem;}
    .po_num_txt.breath { top: 36.8rem; left: 34.5rem;}

    .loc_wp_mo { flex: 0 0 100%; max-width: 100%; margin-top: 3rem;}

    /*탱크설계 값*/
    .outer_total_len { top: 2.5rem; left: 33rem;}
    .inner_total_len { top: 18.5rem; left: 26rem;}
    .tank_id { top: 22.5rem; right: 29rem;}
    .shell_len { top: 26.2rem; left: 26rem;}
    .outer-diam { top: 25.8rem; right: 5rem;}

}