/*공통*/
.aboutus_place{font-size: 16px; color: #9E9E9E; line-height: 1;}
.aboutus_title{font-size: 100px; font-weight: 700; letter-spacing: -4px;margin-bottom: 40px;}
.aboutus_title::after{content: "●"; color: #E60011; font-size: 30px; padding-left: 10px;}

/*CEO인사말*/
.ceo_img{background: url(./img/sub01_01_img01.png) no-repeat center center/cover; max-width: 1800px; height: 480px; margin: 0 auto 0;}
.sub-container .ceo_text01{font-size: 40px; font-weight: 700; line-height: 50px;margin-top: 100px;margin-bottom: 50px;}
.sub-container .ceo_text02{word-break: keep-all; letter-spacing: -0.7px; line-height: 28px; color: #555;}
.sub-container .ceo_text03{font-size: 22px; font-weight: 700; text-align: right; margin-top: 40px;}

.ceo_overview{background: url(./img/sub01_01_bg01.png) no-repeat center center/cover;padding: 80px 0 80px;margin-top: 100px;}
.ceo_overview .overview_title{font-size: 30px; line-height: 1;padding-left: 15px; border-left: 6px solid #E60011; font-weight: 700; color: white;margin-bottom: 50px;}
.ceo_overview .overview_text{font-size: 0;}
.ceo_overview .overview_text li{width: 50%; display: inline-block; color: white; letter-spacing: -0.7px; line-height: 28px;padding-left: 70px; word-break: auto-phrase;font-weight: 500; border-bottom: 1px solid #B9B9B9;padding-bottom: 40px; padding-top: 40px; font-size: 18px;}
.ceo_overview .overview_text li span{display: block; color: #D5D5D5; font-size: 16px; line-height: 1; padding-bottom: 10px;}
.ceo_overview .overview_text li:nth-child(1){background: url(./img/sub01_01_icon01.png) no-repeat left top; padding-top: 0;}
.ceo_overview .overview_text li:nth-child(2){background: url(./img/sub01_01_icon02.png) no-repeat left top; padding-top: 0;}
.ceo_overview .overview_text li:nth-child(3){background: url(./img/sub01_01_icon03.png) no-repeat left top 40px;}
.ceo_overview .overview_text li:nth-child(4){background: url(./img/sub01_01_icon04.png) no-repeat left top 40px;}
.ceo_overview .overview_text li:nth-child(5){background: url(./img/sub01_01_icon05.png) no-repeat left top 40px; border: 0;}
.ceo_overview .overview_text li:nth-child(6){background: url(./img/sub01_01_icon06.png) no-repeat left top 40px; border: 0;}

/*연혁*/
.history_img{background: url(./img/sub01_02_img01.png) no-repeat left top; width: 500px; height: 700px;display: inline-block;}
.history_text.timeline{display: inline-block;vertical-align: top; width: calc(100% - 600px); float: right;}
.history_text.timeline .year{font-size: 50px; font-weight: 700; letter-spacing: -2px; float: left; clear: both;}
.history_text.timeline .events{display: inline-block; float: right; width: 630px;padding-top: 12px;}
.history_text.timeline .event{font-size: 18px; letter-spacing: -1.5px; line-height: 1.5; font-weight: 500; margin-bottom: 15px; display: flex; word-break: keep-all;}
.history_text.timeline .event:last-child{margin-bottom: 80px;}
.history_text.timeline .event .event-month{color: #E60011;width: 60px;}

/*오시는길*/
.location_map{border: 1px solid #D5D5D5; height: 500px;background: #f7f7f7; margin-bottom: 40px;}
.location_text{padding-left: 40px; font-size: 30px; line-height: 35px; font-weight: 500; background: url(./img/map_icon.png) no-repeat left top;}
.location_text span{font-weight: 700;}
.location_text.first{margin-bottom: 40px;}
.location_text.last{background: unset; margin-top: 15px;}
.location_text.last span{opacity: 0;}
#map div:first-child div:first-child div:nth-child(6) div:first-child div:first-child{margin-top: -2px;}

/*조직도*/
.sub-container.org{position: relative; height: 1014px;}
.org div{z-index: 1;}
.org .org1_1{width: 230px; height: 230px; background: rgba(242, 129, 1, .1);padding: 15px; border-radius: 50%; position: absolute; left: calc(50% - 115px);}
.org .org1_2{width: 200px; height: 200px; background: #F28101; border-radius: 50%; text-align: center; color: white; font-size: 24px; font-weight: 700; line-height: 200px;}
.org .org2{background: #555; line-height: 70px; font-size: 22px; text-align: center; color: white; font-weight: 700; position: absolute; top: 300px; width: 330px; left: calc(50% - 165px);}
.org .org3{display: flex; position: absolute; top: 496px; width: 100%; gap: calc((100% - 990px - 330px) / 3); z-index: 9;}
.org .org3 ul li:first-child{width: 330px; border: 3px solid #555; font-size: 22px; font-weight: 700; color: #333; text-align: center;margin-bottom: 20px; line-height: 1;padding-top: 114px; height: 180px;}
.org .org3 .org3_1 ul li:first-child{background: url(../aboutus/img/org_icon1.png) no-repeat top 40px center white; border: 3px solid #555;}
.org .org3 .org3_2 ul li:first-child{background: url(../aboutus/img/org_icon4.png) no-repeat top 40px center white; border: 3px solid #555;}
.org .org3 .org3_3 ul li:first-child{background: url(../aboutus/img/org_icon2.png) no-repeat top 40px center white; border: 3px solid #555;}
.org .org3 .org3_4 ul li:first-child{background: url(../aboutus/img/org_icon3.png) no-repeat top 40px center white; border: 3px solid #555;}
.org .org3 ul li{background: #f5f5f5; border: 1px solid #d5d5d5; line-height: 70px; font-weight: 700; color: #333; position: relative; margin-bottom: 10px; text-align: center;}
.org .org_bar1{position: absolute; left: 50%; width: 1px; top: 50px; height: 380px; background: #d5d5d5; font-size: 0; z-index: 0;}
.org .org_bar2{position: absolute; left: 165px; width: calc(100% - 330px);  top: 430px; height: 430px; border: 1px solid #d5d5d5; font-size: 0; z-index: 0; border-bottom: 0;}
.org .org_bar3{position: absolute; right: 165px; width: 1px; top: 900px; height: 80px; background: #d5d5d5; font-size: 0; z-index: 0;}
.org .org_bar4{position: absolute; left: calc((50% - 165px) - ((100% - 990px - 330px) / 6)); width: 1px; top: 600px; height: 230px; background: #d5d5d5; font-size: 0; z-index: 0;}
.org .org_bar5{position: absolute; left: calc((50% + 165px) + ((100% - 990px - 330px) / 6)); width: 1px; top: 600px; height: 300px; background: #d5d5d5; font-size: 0; z-index: 0;}


/* 1400px 이하일때 */
@media (max-width: 1400px){
    /*인사말*/
    .ceo_img{height: 300px;margin-left: 20px; margin-right: 20px;}
    .sub-container .ceo_text01{margin : 70px 0 50px; font-size: 40px; line-height: 50px;}
    .ceo_overview{padding: 80px 0 40px;}
    /*연혁*/
    .history_img{background-size: cover; width: 300px; height: 420px;}
    .history_text.timeline{width: calc(100% - 400px);}
    .history_text.timeline .year{float: unset;}
    .history_text.timeline .events{display: block; width: auto; float: unset;}
    .history_text.timeline .events span:nth-child(2){width: calc(100% - 60px);}
    .history_text.timeline .events:last-child li:last-child{margin-bottom: 0;}
    /*오시는길*/
    .location_text{font-size: 22px; background-size: 24px; background-position-y: center;}
    .location_text.first{margin-bottom: 15px;}
    .location_text.last{margin: 0;}
    /*조직도*/
    .org .org2, .org .org3 ul li{width: 200px;}
    .org .org3 ul li:first-child{width: 200px;}
    .org .org2{left: calc(50% - 100px);}
    .org .org3{width: calc(100% - 40px); gap: calc((100% - 800px) / 3);}
    
    .org .org_bar2{left: 120px; width: calc(100% - 200px - 40px);}
    .org .org_bar3{right:125px;}
    .org .org_bar4{left:calc((50% - 100px) - ((100% - 800px - 40px) / 6));}
    .org .org_bar5{left:calc((50% + 100px) + ((100% - 800px - 40px) / 6));}
}

/* 900px 이하일때 */
@media (max-width: 900px){
    /*인사말*/
    .ceo_overview .overview_text li:nth-child(3),.ceo_overview .overview_text li:nth-child(4),.ceo_overview .overview_text li:nth-child(5),.ceo_overview .overview_text li:nth-child(6){width: 100%;}
    .ceo_overview .overview_text li:nth-child(3) br{display: none;}
    .ceo_overview .overview_text li:nth-child(5){border-bottom: 1px solid #B9B9B9;}
    /*연혁*/
    .history_img{background: url(./img/sub01_02_img01_2.png) no-repeat center center / cover; display: block; width: 100%; height: 300px; margin-bottom: 70px;}
    .history_text.timeline{width: 100%;}
    .history_text.timeline .event:last-child{margin-bottom: 50px;}
    .history_text.timeline .event .event-month{width: 40px;}
    .history_text.timeline .year{font-size: 40px;}
    /*오시는길*/
    .location_map{height: 350px;}
    .location_text{font-size: 18px;background-size: 20px; padding-left: 35px;}
    .location_text.last,.location_text.first{margin-top: 0; margin-bottom: 0;}
    /*조직도*/
    .sub-container.org{height: 731px;}
    .org .org1_1{width: 170px; height: 170px; left: calc(50% - 85px);padding: 15px;}
    .org .org1_2{width: 140px; height: 140px; line-height: 140px; font-size: 22px;}
    .org .org2{font-size: 18px;top: 230px; left: calc(50% - 100px); width: 200px; line-height: 50px;}
    .org .org3{gap: calc((100% - 450px) / 2); top: 345px;}
    .org .org3 ul li{width: 150px;margin-bottom: 6px; line-height: 40px;}
    .org .org3 ul li:first-child{width: 150px; font-size: 20px; background-size: 40% !important;padding-top: 100px;background-position-y:32px !important; height: 156px; border-width: 2px !important;}
    .org .org3 .org3_2 ul li:first-child, .org .org3 .org3_3 ul li:first-child{background-size: 38% !important;}
    .org .org_bar1{height: 360px;}
    .org .org_bar2{top: 310px; left: 95px; width: calc(100% - 148px - 40px); height: 270px;}
    .org .org_bar3{right: 95px; top: 580px; height: 100px;}

}

/* 500px 이하일때 */
@media (max-width: 500px){
    /*인사말*/
    .ceo_img{height: 200px;}
    .sub-container .ceo_text01{font-size: 30px; line-height: 40px;}
    .sub-container .ceo_text02{font-size: 16px; line-height: 26px;}
    .sub-container .ceo_text03{font-size: 20px;}
    .ceo_overview .overview_text li{font-size: 16px; padding-left: 60px;}
    .ceo_overview .overview_text li:first-child{width: 60%;}
    .ceo_overview .overview_text li:nth-child(2){width: 40%;}
    /*연혁*/
    .history_img{height: 200px;}
    .history_text.timeline .event{font-size: 16px;background-size: 18px; padding-left: 20px;}
    /*오시는길*/
    .location_text{font-size: 16px;}
    /*조직도*/
    .sub-container.org{height: 954px;}
    .org .org1_2{font-size: 20px;}
    .org .org2{font-size: 16px; top: 200px;}
    .org .org3{top: 320px; display: flex; justify-content: center; flex-wrap: wrap; gap: 40px}
    .org .org3 ul li{width: auto; font-size: 16px; font-weight: normal;}
    .org .org3 div{width: 120px;}
    .org .org3 ul li:first-child{width: 120px;background-position-y:20px !important; padding-top: 70px; font-size: 18px; height: 112px;}
    .org .org_bar1{height: 235px;}
    .org .org_bar2{left: 50%; transform: translateX(-50%); width: calc(100% - 210px); top: 284px; height: 600px;}
    .org .org_bar3{left: calc(50% + 80px);top: 890px; height: 50px;}
    .org .org_bar4,.org .org_bar5{display: none;}
}