@charset "UTF-8";
@import url('../../css/common.css');
@import url('/main/css/sub.css');
@import url('contents.css');
/*-------------------------------------------------
title       : 서브
Author      : ㅈㅁㅈ
Create date : 2020-06-07
-------------------------------------------------*/
#snb .list > ul > li > a {
    font-size: 1.6rem;
    display: flex;
    height: auto;
    height: auto;
    padding-top: 2rem;
    padding-bottom: 2rem;
    white-space: normal;
    align-items: center;
    line-height: 1.2;
}

#snb .list > ul > li ul li + li {
    margin-top: 1rem;
}

#snb .list > ul > li ul a {
    display: block;
    line-height: 1.5;
}

#snb .list > ul > li ul a::after {
    display: none;
}

#snb .list > ul > li ul .active a {
    text-decoration: underline;
}

#snb.sub02 .list > ul > li > a {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

#snb.sub04 .title {
    line-height: 1.2;
}

#snb.sub07 .title::after {
    content: 'ETC';
}

.layerpopup p + .txt_right {
    transform: translateY(-100%);
}

.layerpopup .btn3 {
    min-width: 0;
}

.layerpopup .txt3 + .txt_center {
    margin-top: 2rem;
}

.layerpopup .board_list .tstyle_list td {
    white-space: normal;
}

.bookmark {
    margin-top: 4rem;
}

.bookmark .tab {
    display: none;
}

.bookmark .tab.active {
    display: block;
}

.tstyle_list_type2 {
    table-layout: fixed;
}

.crm-wrap {
    display: flex;
    align-items: center;
    width: 100%;
}

.crm-wrap input {
    flex: 1;
    text-align: center;
    min-width: 5rem;
}

.crm-wrap i {
    margin: 0 0.25rem;
    flex-shrink: 0;
}

.form_textbox[type='number'][placeholder='Number'] {
    min-width: 10rem;
}

[class*='organization-label-'] {
    padding: 0.5rem 1rem;
    line-height: 1.2;
}

.organization-captain-list {
    width: 103.4rem;
}

.organization-captain-list-detail {
    width: 35rem;
}

.organization-captain-list-detail-item > a::before {
    width: 2.2rem;
}

.organization-captain-list-detail-item:has(> a + a)::before {
    left: calc(100% + 2.2rem);
}

.organization-captain-list-item:nth-of-type(even)
    .organization-captain-list-detail-item:has(> a + a)::before {
    right: calc(100% + 2.2rem);
}

#apmp::before {
    width: 2.2rem;
    height: calc(3rem + (5.4rem / 2) + (5.5rem / 2));
}
#hr::before {
    width: 2.2rem;
    height: calc(3rem + (5.5rem / 2));
}
.organization-captain#other::after {
    background: transparent;
}
.organization-department {
    overflow: hidden;
    text-align: center;
    z-index: 1;
}
/*
.organization-department > ul {flex-wrap:wrap; padding-right:3.25rem; gap :8rem 1rem;}

.organization-department > ul::before {width:100%;}

.organization-department > ul::after {display:block; content:""; width:calc((100% / 5 - 1rem * 4 / 5) / 2 - .4rem); height:1px; top:0; left:0; background:#fff; position:absolute;}

.organization-department > ul > li {width:calc(100% / 5 - 1rem * 4 / 5); flex:none;}

.organization-department > ul > li:nth-of-type(6)::after {z-index:-1; display: block; content: ""; width: calc((100% * 5) + (1rem * 4) - 50% + 3.25rem); height: 1px; position: absolute; left: 50%; height: 200%; bottom: 100%; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
*/
.organization-department > ul {
    flex-wrap: wrap;
}
.organization-department > ul > li {
    width: calc(100% / 8 - 1rem * 7 / 8);
}
.organization-department-title {
    padding: 1rem;
    min-height: 12rem;
    word-break: auto-phrase;
    font-size: 1.6rem;
}

.organization-department-list a {
    min-height: 6.1rem;
    align-items: center;
    font-size: 1.4rem;
    word-break: auto-phrase;
    overflow-wrap: anywhere;
}
.organization-captain-list-detail-depth[data-index='3'] {
    width: calc(100% + 10rem);
}
/*
.greeting::before {
	background: url(/eng/img/contents/greeting-eng.png) no-repeat center / cover;
}
*/
.greeting::before {
    background: url(/main/img/contents/greeting.png) no-repeat right 0 bottom 0 / cover !important;
}

.greeting .txt span span + span {
    margin-top: 0;
}
.greeting .txt-container {
    max-width: 100%;
}
.greeting .txt-container strong {
    line-height: 4.8rem;
}
.greeting strong br:nth-of-type(1),
.greeting strong br:nth-of-type(3),
.greeting strong br:nth-of-type(4) {
    display: block;
}

.organization-captain-list-detail-depth ul li {
    display: flex;
    flex-direction: column;
}
.organization-captain-list-detail-depth ul li a {
    flex: 1;
}
#apmp::before {
    height: calc(3rem + (7rem / 2) + (5.5rem / 2));
}
#hr::before {
    height: calc(3rem + (11rem / 2));
}

/* 20250707조직도수정 */
#captain .organization-captain-list-item:first-of-type{
    order: 2;
}
.organization-captain#subCaptain{
    padding-bottom: 15.5rem;
}
#subCaptain .organization-captain-list-item:nth-of-type(1){
    order: 3;
}
#subCaptain .organization-captain-list-center .organization-label-captain{
    order: 2;
}
#subCaptain .organization-captain-list > .organization-captain-list-item:first-of-type .organization-captain-list-detail::before{
    left: unset;
    right: 38.5rem;
    width: 1rem;
}
.organization-label-navy.captain{
    right: 5rem;
}
.organization-label-navy.captain:before{
    right: 100%;
    left: unset;
}
.organization-label-navy.captain:after{
    height: 50.7rem;
    right: calc(100% + 2rem);
    left: unset;
}
.organization-captain-list-detail-outside{
    padding-top: 4rem;
}
.organization-captain-list-detail-item:has(> a + a)::before{
    right: calc(100% + 3.45rem);
    left: unset;
}
.organization-captain-list-detail-item > a::before{
    right: 100%;
    left: unset;
    width: 3.4rem;
}
.organization-captain-list-item:nth-of-type(even) .organization-captain-list-detail-item a::before{
    right: unset;
    left: 100%;
}
.organization-captain-list-item:nth-of-type(even) .organization-captain-list-detail-item:has(> a + a)::before{
    right: unset;
    left: calc(100% + 3.45rem);
}
.organization-captain-list-item:nth-of-type(even) .organization-captain-list-detail::before{
    left: 100%;
    right: unset;
}
.organization-captain-list-detail-outside > a:first-of-type{
    order: 3;
}
#hr{
    right: calc(50% + 0.5rem);
    left: auto;
}
#hr::before{
    right: calc(100% + 2px);
    left: auto;
    border-right: none;
    border-left: 1px dashed #cecece;
}
#apmp::before{
    border-right: none;
    border-left: 1px dashed #cecece;
    left: unset;
    right: calc(100% + 2px);
}
#gma::before{
    height: 4rem;
}
@media (max-width: 1400px) {
#subCaptain .organization-captain-list > .organization-captain-list-item:first-of-type .organization-captain-list-detail::before{
    right: 31.5rem;
}
}
@media (max-width: 1024px) {
    #subCaptain .organization-captain-list > .organization-captain-list-item:first-of-type .organization-captain-list-detail::before{
        right: 27.5rem;
        width: calc(54rem / 2 - 23.5rem);
    }
    #subCaptain .organization-captain-list-detail-item:has(> a + a)::before{
        height: calc(100% - 5.5rem);
        top: 2.7rem;
    }
    .organization-label-navy.captain:after{
        height: 52.2rem;
    }
}