#subpage .section1 {height:auto}
#subpage .section2 {background: transparent;}
 .inner {padding:130px 0; width:92%; max-width:1400px; margin:0 auto ;position:relative}

.blue_txt {color:#004F96}
.blue_bg {background:#004F96; color:#fff}
 #footer {border-top:1px solid #D9D9D9; padding-top:50px;}
 

/* 회사소개 페이지 */
#subpage.intro .section_title {}
#subpage.intro .section_title span{font-size:1.5em}
#subpage.intro .section_title h2 {line-height:1.5; font-size:2.5em; margin-bottom:0; margin-top:0}
#subpage.intro .section1 .inner {padding-bottom:0}
#subpage.intro .section1 .txt_wrap{background: #fff;z-index: 2;position: relative;width: 80%;left: 50%;transform: translateX(-50%);padding: 100px 80px 0;box-sizing: border-box;top: -160px;}
#subpage.intro .section1 .txt_wrap span{font-size: 0.9em;line-height: 1.5;}
#subpage.intro .section1 .txt_wrap h2{font-size: 1.7em;font-weight: bold;margin-bottom: 45px;line-height: 1.5;}
#subpage.intro .section1 .txt_wrap > div {display: flex;flex-direction: column;background: #fff;align-items: center;}
#subpage.intro .section1 .txt_wrap p{font-size: 0.9em;color: #333;line-height: 1.4;text-align: center;margin-bottom: 1em;}
#subpage.intro .section1 .txt_wrap .people {font-size:1.1em; font-weight:bold; margin-top:1.5em}
#subpage.intro .section2 .inner {padding:0 0 150px}
#subpage.intro .section2 .content_box  h3{font-size: 1.75em;margin-bottom: 10px;position:relative;padding-left:10px;}
#subpage.intro .section2 .content_box  h3:before{position:absolute; content:''; width:4px; height:80%; background-color: #004F96;;left:0; top:50%;transform: translateY(-50%)}
#subpage.intro .section2 .content_box .adress_text p{color: #333;}
#subpage.intro .section2 .content_box .adress_text .adress_info{display: flex;gap: 20px 50px;padding-top: 20px;flex-wrap: wrap;}
#subpage.intro .section2 .content_box .adress_text .adress_info li  {font-size: 0.9em;color: #333;display: flex ;align-items: center;gap: 20px;font-weight:500}
#subpage.intro .section2 .content_box .adress_text .adress_info li span {position:relative;}
#subpage.intro .section2 .content_box .adress_text .adress_info li span:before { content:'';position:absolute;right:-10px; top:50%;transform: translateY(-50%);width:2px ; height:70%;background: #333;}
#subpage.intro .section2 .content_box .adress_text .adress_info li span:last-child:before  {display:none}
#subpage.intro .section3 .inner  {padding-top:0}
#subpage.intro .section3 .int_3_list_wrap {}
#subpage.intro .section3 .int_3_list_wrap ul {display:flex; flex-wrap:wrap;    justify-content: center;}
#subpage.intro .section3 .int_3_list_wrap ul li {width:calc(100% / 4)}
#subpage.intro .section3 .int_3_list_wrap ul li img {}
.root_daum_roughmap,.root_daum_roughmap .wrap_map {width:100%!important; height:420px!important}
.root_daum_roughmap .cont .section.lst {display:none!important}
@media (max-width:768px) {
    #subpage.intro .section1 .inner {flex-direction: column;gap:50px;}   
    #subpage.intro .section1 .txt_wrap h2 {font-size:40px;margin-bottom:30px;}
    #subpage.intro .section1 .txt_wrap {padding:50px;width:90%;top:-95px}
    #subpage.intro .section4 .tab_content .adress_text .adress_info {flex-direction: column;gap:10px}
    #subpage.intro .section_title h2, #subpage.intro .section4 .section_title h3 {font-size:30px}
}

@media (max-width:600px) { 
    #subpage.intro .section1 .txt_wrap span,
    #subpage.intro .section1 .txt_wrap p {font-size:15px;}
    #subpage.intro .section1 .txt_wrap h2 {font-size: 30px;}
    #subpage.intro .section1 .txt_wrap {padding:30px 20px;}
    #subpage.intro .section2 .content_box_wrap {flex-direction: column;}
    #subpage.intro .section2 .content_box h3 {font-size: 25px;;}
}


/* 물류보관/주차장 */

#subpage.storage .section1 {background: #F8F8F9;}
#subpage.storage .sec1_lsit{background: #fff;display: flex;flex-wrap: wrap;gap: 60px;padding: 50px 0;}
#subpage.storage .sec1_lsit li {width: calc(50% - 30px);display: flex;justify-content: space-between;flex-direction: column;padding-left: 30px;box-sizing: border-box;}
#subpage.storage .sec1_lsit li .top{display: flex;}
#subpage.storage .sec1_lsit li .top .img_wrap{}
#subpage.storage .sec1_lsit li .top .txt_wrap{padding: 0 40px;}
#subpage.storage .sec1_lsit li .top .txt_wrap h4 {font-size:2em; font-weight:600; margin-bottom:20px;}
#subpage.storage .sec1_lsit li .top .txt_wrap h4 span{font-size:25px; margin-right:10px}
#subpage.storage .sec1_lsit li .top .txt_wrap > span {font-size:30px;}
#subpage.storage .sec1_lsit li .bottom{padding: 50px 0;}
#subpage.storage .sec1_lsit li .bottom li { position:relative;width: 100%;font-size:1.1em;padding-left: 20px;}
#subpage.storage .sec1_lsit li .bottom li:before { position:absolute;left:0; top:50%; transform: translateY(-50%); content:'';width:5px ; height:5px; border-radius: 50%;background:#333}

#subpage.storage .section2 {background:  url('../img/sub/sub_storage_sec2_bg.png') no-repeat right top;}
#subpage.storage .section2 .twoswiper_wrap {display:flex;justify-content: space-between;}
#subpage.storage .section2 .sec2_slide_info_wrap {display: flex;flex-direction: column;max-width: 660px !important;width: 50% !important;justify-content: flex-end;gap: 100px;}
#subpage.storage .section2 .swiper {max-width:660px!important; width:50%!important}
#subpage.storage .section2 .swiper.main_Swiper  {margin-left:0; margin-right:0}
#subpage.storage .section2 .thumb_Swiper .swiper-slide {width:30%}
#subpage.storage .section2 .swiper.thumb_Swiper {width:100%!important}
#subpage.storage .section2 .swiper-slide img  {width:100%}
#subpage.storage .section2 .sec2_info h3 {margin-bottom: 50px;}
#subpage.storage .section2 .sec2_info ul {gap: 15px;display: flex;flex-direction: column;}
#subpage.storage .section2 .sec2_info ul li {display: flex;gap: 15px;}
#subpage.storage .section2 .sec2_info ul li span {width: 150px;display: flex;align-items: center;justify-content: center;border-radius: 30px;height: 35px;}
#subpage.storage .section2 .sec2_info ul li p {font-size: 1.25em;}
#subpage.storage .section2 .swiper-button-next:after, #subpage.storage .section2  .swiper-button-prev:after {font-size:1.3em}
#subpage.storage .section2 .swiper-button-next, #subpage.storage .section2 .swiper-button-prev {background: rgba(255, 255, 255,.7);width: 50px;aspect-ratio: 1 / 1;border-radius: 50%;height: auto;}

#subpage.storage .section3 .section_title h2 {margin-bottom:0}
#subpage.storage .section3.inner {padding-bottom:150px;}
.sec3_list_wrap {position: relative;padding: 0 40px 150px ;}
.sec3_list_wrap:before{top:5.5em;left:0;position:absolute;transform: translateY(-50%);width:100%; height:1px;background:#004F96;content:''; z-index: -2;}
.round_wrap  {display:flex; gap:30px }
.round_list { position:relative; display: flex;flex-direction: column;width: calc(100% / 5);align-items: center;gap:35px}
.round {position:relative; background: #f5f5f5;width: 100%;aspect-ratio: 1 / 1;height: auto;;border-radius: 50%;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px;}
.round:before {content:'';position:absolute;width:105%;aspect-ratio: 1 / 1;height: auto;border:1px solid #004F96;border-radius:50%;left:50%; top:50%;transform: translate(-50%,-50%);background: #fff;overflow: hidden;z-index: -1;}
.round span{margin-bottom: 5px;font-size: 1em;font-weight: 600;}
.round p{font-size: 1.2em;font-weight: 500;}
.round_list:last-child .round{background:#004F96; box-shadow: 0 0 40px #004F96;}
.round_list:last-child .round span,
.round_list:last-child .round p{color:#fff}
.round_list:last-child .round span {margin-bottom:0}
.round_list > p {text-align: center;}
.dot-left,
.dot-right {position: absolute;top:5.5em;width: 8px;height: 8px;background: #004F96;border-radius: 50%;transform: translateY(-50%);z-index: -1}
.dot-left {left: 0;}
.dot-right {right: 0;}
.line_banner {margin-bottom:40px;}
.mo_banner {display:none}

#subpage.storage .round_wrap {justify-content: center;}

#subpage.storage .section3 .caution_list_wrap {display: flex;flex-direction: column;}
#subpage.storage .section3 .caution_list_wrap li {display: flex;gap: 40px;padding: 50px 20px;border-bottom: 1px solid #bbb;}
#subpage.storage .section3 .caution_list_wrap li .img_wrap{width: 80px;display: flex;align-items: center;justify-content: center;}
#subpage.storage .section3 .caution_list_wrap li .img_wrap img {width:auto}
#subpage.storage .section3 .caution_list_wrap li .txt_wrap{width: calc(100% - 160px);display: flex;gap: 20px;flex-direction: column;}
#subpage.storage .section3 .caution_list_wrap li .txt_wrap h3 {font-size: 1.5em;}
#subpage.storage .section3 .caution_list_wrap li .txt_wrap p {font-size: 1.2em;}
@media (max-width:1400px) { 
}
@media (max-width:1100px) { 
    #subpage.storage .sec1_lsit li .top .txt_wrap > span {font-size:25px;}
    #subpage.storage .sec1_lsit li .top {    align-items: center;}
    #subpage.storage .section2 .sec2_slide_info_wrap {max-width:500px !important;}
    #subpage.storage .section2 .sec2_info ul li span {width:120px}
    #subpage.storage .section2 .sec2_slide_info_wrap {gap:60px;}
    #subpage.storage .section2 .sec2_info h3 {margin-bottom:30px;}
     
}
@media (max-width:800px) { 
}
@media (max-width:768px) { 
    #subpage.storage .sec1_lsit {flex-direction: column;}
    #subpage.storage .sec1_lsit li {width:100%}
    #subpage.storage .sec1_lsit li .top .img_wrap {display: flex;align-items: center;justify-content: center;}
    #subpage.storage .sec1_lsit li .bottom li {word-break: keep-all}
    #subpage.storage .sec1_lsit li .bottom li {width:90%}
    
    #subpage.storage .section2 {background-size:contain}
    #subpage.storage .section2 .twoswiper_wrap {flex-direction: column;}
    #subpage.storage .section2 .swiper {width:100%!important; max-width:100%!important}
    #subpage.storage .section2 .sec2_slide_info_wrap {max-width:100%!important; width:100%!important;flex-direction: column-reverse;gap: 30px;}
    #subpage.storage .section2 .sec2_info h3 {margin-bottom:20px;}
    
    .mo_banner {display: block;background: #004F96 url(../img/sub/sub_storage_banner_mo.png) no-repeat right bottom;background-size: 46%;padding: 50px 30px;}
    .pc_banner {display:none}
    .mo_banner h4 {color: #EA9696;font-size: 15px;margin-bottom: 30px;}
    .mo_banner p{color: #fff;font-size: 18px;}
    .round_wrap  {flex-wrap: wrap;gap:50px 30px;justify-content: center;}
    .sec3_list_wrap:before {display:none}
    .round_wrap li {width:calc(50% - 15px)}
}
@media (max-width:600px) { 
    #subpage.storage .sec1_lsit li .top .txt_wrap h4 {font-size:20px;}
    #subpage.storage .sec1_lsit li .top .txt_wrap > span {font-size:18px}
    #subpage.storage .sec1_lsit li .bottom li {font-size:17px;}
    #subpage.storage .sec1_lsit li .bottom {padding:20px 0}
    #subpage .inner {padding:80px 0}
     #subpage.storage .section2 .section_title h2 {margin-bottom:0}
     #subpage.storage .section2 .section_title {margin-bottom:30px;}
     #subpage.storage .section2 .sec2_info h3 {font-size:25px;}
     #subpage.storage .section2 .sec2_info ul li {flex-direction: column;}
     #subpage.storage .section2 .sec2_info ul li p,#subpage.storage .section2 .sec2_info ul li span {font-size:18px;}
     .sec3_list_wrap {padding:0 0 80px}
     .round_wrap {gap:50px 30px;}
     .round_wrap li {width: calc(50% - 20px);}
     .round_list > p {font-size:16px}

     #subpage.storage .section3 .caution_list_wrap li {flex-direction: column;align-items: center;}
     #subpage.storage .section3 .caution_list_wrap li .txt_wrap {width:100%;text-align: center;}
     #subpage.storage .section3 .caution_list_wrap li .txt_wrap h3 {font-size: 25px;}
     #subpage.storage .section3 .caution_list_wrap li .txt_wrap p {font-size: 18px;}
}


/* 기업화물 페이지, 공통 리스트 css  */
#subpage.corporate .section_title p {color:#333}
#subpage.corporate .section_title h2 {margin-bottom:20px;}
#subpage.corporate .section2  {background:#F9F9F9}
#subpage.corporate .section1 .inner > div:nth-child(2),
#subpage.corporate .section2 .inner > div:nth-child(2) {display:flex;    gap: 100px;align-items: center;}
#subpage.corporate .section2 .inner > div:nth-child(2)  {flex-direction: row-reverse;    justify-content: space-between;gap: 0}
.list_wrap {display:flex;flex-direction: column;gap:20px}
.list_wrap li {display: flex;align-items: center;gap: 15px;}
.list_wrap li .txt_wrap h4 {font-size: 1.3em;font-weight: 500;}
.list_wrap li .txt_wrap p {font-size: 0.9em;}


/* 전시화물 페이지, 공통 파란 박스 css */
#subpage.exhibition .section2  {background:#F9F9F9}
.blue_box_wrap {display: flex;gap: 20px;}
.blue_box_wrap li {background: #004f96;color: #fff;padding: 50px 40px;border-radius: 10px;width:calc(100% / 4 - 10px)}
.blue_box_wrap li h4 {font-size: 1.2em;}
.blue_box_wrap li p  {font-size: 0.9em;font-weight: 400;color: #A9D6FF;}
.blue_box_wrap li:nth-child(2n-1) {background:#E9F3FF}
.blue_box_wrap li:nth-child(2n-1) h4 {color:#000}
.blue_box_wrap li:nth-child(2n-1) p {color:#8C8C8C}
#subpage.exhibition .section2 .blue_box_wrap li {width :calc(100% / 3 - 20px); min-height:230px;}
#subpage.exhibition .section2 .blue_box_wrap li:nth-child(2n-1) {background:#fff; border:1px solid #DADADA}
#subpage.exhibition .section2 .blue_box_wrap {flex-wrap:wrap;}
#subpage.exhibition .section_title {margin-bottom:50px;}
#subpage.exhibition .section_title h2{margin-bottom:10px;}

@media(max-width:1000px){
    #subpage.corporate .section1 .inner > div:nth-child(2), #subpage.corporate .section2 .inner > div:nth-child(2)  {gap:50px;        flex-direction: column;}
    .blue_box_wrap {    flex-wrap: wrap;}
    .blue_box_wrap li {width:calc(50% - 10px)}
    #subpage.exhibition .section_title {margin-bottom:60px}
    .list_wrap {width:100% ;flex-wrap: wrap;flex-direction: unset;}
    .list_wrap li {width:calc(50% - 10px)}
     #subpage.corporate .section2 .list_wrap li {width:100%} 
}
@media(max-width:600px){
    .blue_box_wrap li {width:100%}
    .list_wrap li {width:100%}
}