@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1680px){	
body{ font-size:15px;}


}

@media screen and (max-width:1400px){
	
/* HEADER */
#header .all_wrap{ display: block;}
.sRinquiry_con.PC,
#header .gnb_wrap {display: none;}

.sRinquiry_con.MB{ margin-top: 2em;}

}

@media screen and (max-width:1280px){	

}

@media screen and (max-width:1024px){
	

[data-aos^=fade][data-aos^=fade]{ opacity:1 !important; transform:translateZ(0) !important;}

.pcHide{ display:block !important;}
.moHide{ display:none !important;}

.moAc{ text-align:center !important;}
.moAl{ text-align:left !important;}
.moBr br{ display:block !important;}

/* INC STYLE */
.box1 {width: 92vw;}
/* .goTop{ display:none;} */

/* HEADER */
#header .side_wrap .sns_st {display: none;}
#header .all_wrap .all_layer .all_inner {flex-direction: column;}
#header .all_wrap .all_layer .all_inner > .wrap_bg {width: 100%;}
#header .all_wrap .all_layer .all_inner > .wrap_bg .resize {padding-bottom: 50%;}
#header .all_wrap .all_layer .all_inner > .wrap_in {padding: 3vh 8vw 10em;}
.allGnbOn #header .all_wrap .all_layer {overflow-y: scroll !important;}
.allGnbOn #header .all_wrap .all_layer .all_inner:before {transform: scale(100);}

/* CONTENTS */
#contents .sub_page_tit {padding: 4em 0 1.5em 0;}
#contents .sub_page_tit > .box1 {gap: 1.5em 0; flex-direction: column; align-items: flex-start; align-content: start;}
#contents .sub_page_tit .nav {margin-left: 0;}
#contents .sub_page_tit .wrap_tit .sub_txt {font-size: 3.5em;}
#contents .sub_page_bg {padding: 5em 0 0;}
#contents .sub_page_bg .wrap_in {height: 40vw;}
#contents .sub_page_bg .bg {top: 1px;}
#contents .doc {padding: 5em 0 10em;}
#contents .sub_page_menu {padding-bottom: 1.5em;}
#contents .sub_page_menu .gnb {transform: translateX(-1em);}
#contents .sub_page_menu .gnb .dp2 > li > a {padding: 1em;}

/* MAIN_TXT */
.main_txt .t12 {font-size: 4.5em;}

/* PAGE_TT */
.page_tt.s12 {font-size: 4em;}

/* MAIN_PADDING */
.main_pd {padding: 0;}

/* MAIN_CONTROL */
.main_control {margin-top: 2.5em;}

/* MAIN - VISUAL */
.visualSlide_wrap .mask {z-index: -1;}
.visualSlide_wrap .slogan .wrap_in {width: 100%; max-width: 90%;}
.visualSlideSlogan_wrap {bottom: 15vh;}

/* MAIN - ABOUT US */
.main_about {height: auto;}
.main_about_wrap {height: auto;}
.main_about_wrap .posBg {right: 2vw; border-radius: 3vw 3vw 0 0;}
.main_about_wrap .posImg {display: none;}
.main_about .posTxt {top: 0; position: relative;}
.main_layout {flex-direction: column;}
.main_about .fixImg {position: absolute;}
.main_about .box0 > .main_txt,
.main_about .box0 > .main_layout {padding: 0 4vw;}

/* MAIN - CENTER */
.main_center {padding: 10vh 0 10em 0;}
.main_center .posCircle {width: 100%; height: 100%; border-radius: 0;}
.main_center .wrapObj.o3 {top: 8%;}
.main_center .list {margin-top: 6em;}
.main_center .list > li:nth-child(1),
.main_center .list > li:not(:nth-child(1)) {width: 100%; flex: 1 1 100%;}

/* MAIN - PARTNERSHIP */
.vodfix > .vod {top: 1%; height: 99%;}
.main_partnership .vod_wrap .masktxt {padding: 0 4vw 3em 4vw;}
.mainPartnerSlide .list > .el {width: 33%;}
.main_partnership .main_txt {align-items: flex-end;} 

/* MAIN - JOB */
.main_job .main_txt.flex {flex-direction: column; position: relative;}
.main_job .main_txt.flex > .incon:not(:first-child) {padding: 1.5em 0 3em 0; margin-top: 1.5em; border-left: none; border-top: 1px solid #ddd;}
.main_job .main_txt.flex > .main_more {position: absolute; top: 1em; right: 0;}

/* SUBPAGE */
/* COMPANY - ABOUT */
.profile-list > li {width: calc(50% - 1em)};
.main_vision .list {gap: 3em; padding: 2em 0; }
.main_vision .list {gap: 5em; padding: 2em 0; width: 50vw; margin: 0 auto;}
.main_vision .list > li {flex: 1 1 100%;}

/* COMPANY - CEO */
.ceo-con {flex-direction: column;}
.ceo-con .title-wrap {margin-bottom: 2em;}
.ceo-con .title-wrap > h3 {}
.ceo-con .title-wrap > h2 {font-size: 2.5em !important;}
.ceo-con .message .paragraph > p br {display: none;}
.ceo-con .ceo-name {justify-content: flex-end;}

/* COMPANY - HISTORY */
.history-con .history-inner {flex-direction: column;}
.history-con .history-left .img-wrap {margin-left: 0; margin-right: 0; width: 100%; top: 0;}
.history-con .history-left .img-wrap .imgfix {height: 30vh;}
.history-con .history-inner .history-right {padding-left: 1em; padding-top: 5em;}
.history-con .history-inner .history-right .item {margin-bottom: 7em; display: flex; gap: 7em;}
.history-con .history-inner .history-right .item:last-child {margin-bottom: 0;}
.history-con .history-inner .history-right .item .years-title {flex: 0 0 20vw;}
.history-con .history-inner .history-right .item .info-text {margin-top: 1em;}

/* COMPANY - ORGANIZATION */
.organization-con .img-wrap {width: 100%;}

/* COMPANY - LOCATION */
.location-con .location-inner .conIdx {flex-direction: column-reverse;}
.location-con .location-inner .conIdx .left {padding-left: 0;}
.location-con .root_daum_roughmap {height: 400px !important;}

/* BUSINESS - INFRA */
.center-container .list-wrap > li {flex-direction: column; gap: 0; margin-bottom: 5em;}
.center-container .list-wrap > li:nth-child(even) {flex-direction: column;}
.center-container .center-img-wrap {min-width: 100%;}
.center-container .center-img-wrap .img-wrap {width: calc(100% - 2px); margin: 0 auto;}
.center-container .center-txt-wrap {margin-top: -5em; position: relative; z-index: 111; background: #fff; border-radius: 2em 2em 0 0; padding: 2em;}
.center-container .center-txt-wrap .number:before {width: calc(80vw - 1em);}
.center-container .center-txt-wrap .title {margin-bottom: 0;}
.center-container .center-txt-wrap .info {margin-left: 50vw; margin-top: -3em;}

/* BUSINESS - LOGISTICS */
.system-container .list-item > li .img-wrap {height: 50vw;}

/* PARTNERSHIP */
.partner-title {flex-direction: column; align-items: flex-start !important; justify-content: flex-start; gap: 1.5em;}
.partner-container .partner-inner .p-list > li {flex: 1 1 32%; max-width: 33%;}
.partner-container .partner-inner .p-list > li .img-wrap {padding: 2em;}

/* BOARD */
.board_gallery {margin: 0 0 -2.5em -2em;}
.board_gallery > li {width: 50%;}
.board_gallery > li .wrap_in {margin: 0 0 2.5em 2em;}

/* MYPAGE - MODIFY */
.estimate-table tbody tr th, .estimate-table tbody tr td.pcHide {display: table-cell !important;}
.estimate-table tbody tr td.w_tit > span {margin: 1em 0 0 0 !important; display: inline-block;}
.input_st.w1 {width: 100%;}
.input_st.w2 {width: 30%;}

/* FOOTER */
#footer .info_wrap {flex-direction: column-reverse;}
#footer .mo_sns {position: fixed; bottom: calc(5vw + 4.5em); right: 3vw; z-index: 999; opacity: 0; transform: translateY(3.5em); transition: 0.5s;}
.scroll #footer .mo_sns {transform: translateY(0); opacity: 1;}
#footer .mo_sns .sns_st {flex-direction: column; gap: 1em;}
#footer .mo_sns .sns_st > li .in {width: 3.5em; height: 3.5em; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
#footer .goTop {right: 3vw; bottom: 5vw; border-radius: 50%; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
}

@media screen and (max-width:768px){
body{ font-size:14px;}

/* HEADER */
#header .logo {width: 35vw;}
#header .logo > .in img {width: 100%;}
#header .side_wrap .mem > li:nth-child(2) {display: none;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 {flex-wrap: wrap; gap: 1.5em 0;}
#header .all_wrap .all_layer .all_inner > .wrap_bg {padding: 16vh 4vw 0 4vw;}
#header .all_wrap .all_layer .all_inner > .wrap_bg .cs {text-align: right; padding-top: 1em;}
.allGnbOn #header .all_wrap .all_layer .all_inner:before {transform: scale(300);}

.sRinquiry_con .btn_list > li .btn{ font-size: .95em;}

/* CONTENTS */
#contents .sub_page_tit .wrap_tit .sub_txt {font-size: 3em;}
#contents .sub_page_menu .gnb .dp2 > li > a .in {padding: 0;}

/* MAIN - VISUAL */
.visualSlide_wrap .slogan .t1 {font-size: 3em;}
.visualSlide_wrap .slogan .t2 {font-size: 1.25em; line-height: 1.6;}
.swiperBtn.btn {width: 2em; height: 2em;}

/* MAIN_CON */
.main_con {padding: 3.5em 0;}

/* MAIN_TXT */
.main_txt .t12 {font-size: 3.75em;}
.main_txt .t10 {font-size: 3.5em;}
.main_txt .t9 {font-size: 3em;}
.main_txt .t8 {font-size: 2em;}
.main_txt .t6 {font-size: 1.25em;}
.main_txt .t5 {font-size: 1.25em;}

/* PAGE_TT */
.page_tt.s4 {font-size: 1.125em;}
.page_tt.s5 {font-size: 1.125em;}
.page_tt.s6 {font-size: 1.25em;}
.page_tt.s7 {font-size: 1.25em;}
.page_tt.s9 {font-size: 1.75em;}
.page_tt.s12 {font-size: 3em;}

/* MAIN_MORE */
.main_more > .more {min-width: auto; height: 3.5em;}
.main_more > .more.st1 {width: 3.5em; height: 3.5em;}

/* MAIN - ABOUT */
.main_about {height: auto;}
.main_about .fixImg {width: 80vw; height: 80vw; position: absolute;}
.main_about .posTxt {position: relative; top: 0;}

/* MAIN - NEWS */
.mainNewsSlide_wrap {padding-bottom: 2em;}
.main_control {margin-top: 1.5em;}

/* MAIN - CENTER */
.main_center {padding: 10vh 0 10vh 0;}
.main_center .list > li .in {padding: 10em 3em 3em 3em;}

/* MAIN - PARTNER */
.vodfix > .vod {top: 0;}
.mainPartnerSlide_wrap {padding: 0;}
.mainPartnerSlide .el .wrap_img {height: 5em; padding: 1em;}

/* MAIN - JOB */
.main_job .main_txt.flex > .incon:not(:first-child) {padding-bottom: 0;}

/* SUBPAGE */
/* COMPANY - OVERVIEW */
.profile-list > li {padding: 2em; display: flex; justify-content: center; align-items: center;}
.main_vision .list {width: 70vw;}

/* COMPANY - CEO */
.ceo-con .title-wrap > h3 {font-size: 1.5em !important;}
.ceo-con .title-wrap > h2 {font-size: 2em !important;}

/* COMPANY - HISTORY */
.history-con .history-inner .history-right .item {gap: 5em; margin-bottom: 3.5em; padding-bottom: 3.5em; border-bottom: 3px solid #ddd;}
.history-con .history-inner .history-right .item:last-child {border-bottom: none;}
.history-con .history-inner .history-right .item .info-text {flex: 0 0 55vw;}

/* BUSINESS - INFRA */
.system-container .list-item > li .txt-wrap {flex-direction: column;}
.center-container .center-txt-wrap .info {margin-left: 40vw; margin-top: -2em;}
.center-container .center-txt-wrap .number:before {width: calc(75vw - 1em);}
.center-container .center-txt-wrap .number:after {font-size: 1em;}

/* BUSINESS - LOGISTICS */
.system-container .list-item > li {margin-bottom: 5em;}
.system-container .list-item > li:last-child {margin-bottom: 0;}
.system-container .list-item > li .txt-wrap .left {max-width: 40vw;}

/* PARTNERSHIP */
.partner-container .partner-inner .p-list > li .img-wrap {padding: 2em 1.5em;}
.partner-container .partner-inner .p-list > li .img-wrap .imgfix > img {filter: grayscale(0);} 

/* BOARD */
/* CONTACT - NOTICE */
.input_st {border-radius: 5px;}

.board_search {flex-direction: column; align-items: flex-start; gap: 1em 0;}
.board_search .search {width: 100%;}
.board_search .search .select {flex: 1;}
.board_search .search .inp {width: auto; flex: 5;}
.board_search .search .btn {flex: 1; min-width: 6em;}

.board_table {border-top: 1px solid #ddd;}
.board_table col {display: none !important;}
.board_table thead {display: none;}
.board_table tbody tr {display: flex; flex-wrap: wrap; border-bottom: 1px solid #ddd; padding: 1.5em 0;}
.board_table .rNotice {background: #fff;}
.board_table .rNotice, 
.board_table .rNotice:hover {background: transparent;}
.board_table tbody tr td {text-align: left; height: auto; padding: 0.5em 0; box-sizing: border-box; border-bottom: none;}
.board_table tbody tr td.w_no {width: 100%; padding: 0;}
.board_table tbody tr td.w_no > * {display: none;}
.board_table tbody tr td.w_no > .boardIco {display: block;}
.board_table tbody tr td.w_tit {width: 100%; font-size: 1.25em;}
.board_table tbody tr td.w_name,
.board_table tbody tr td.w_date,
.board_table tbody tr td.w_hit {width: fit-content; color: #888;}
.board_table tbody tr td.w_name::after,
.board_table tbody tr td.w_date::after {content: '·'; padding: 0 .5em; color: #888; font-size: 1.063em; font-weight: 700;}
.board_table tbody tr td.w_hit::before {content: attr(data-hit); display: inline-block; margin-right: 0.25em; -webkit-box-flex: 0; -ms-flex: 2em; font-size: 1.063em; color: #888;}
.boardIco {width: fit-content;}
.boardIco.notice,
.boardIco.new {padding: 0 0 .5em 0;}
.boardIco.notice:before {content: '공지'; background: #042d5c;}
.boardIco.new:before {content: 'NEW'; background: #49b7be;}
.boardIco.notice:before,
.boardIco.new:before {font-size: 0.65rem; padding: 0.5em 0.75em; border-radius: 20px; color: #fff; font-weight: 500; font-family: 'Pretendard';}

/* CONTACT - ESTIMATE */
.estimate-table col {display: none !important;}
.estimate-table tbody tr {display: flex; flex-wrap: wrap; border-bottom: 1px solid #ddd; padding: 1em 0;}
.estimate-table tbody tr th,
.estimate-table tbody tr td {width: 100%;}
.estimate-table tbody tr th:nth-of-type(2) {border-top: 1px solid #ddd; padding-top: 1em;} 
.estimate-table tbody tr th, 
.estimate-table tbody tr th {padding: 0;}
.estimate-table tbody tr td {padding: 1em 0;}
.estimate-table tbody tr td .col-wrap {gap: 0.5em; justify-content: space-between;}
.estimate-table tbody tr td .col_w3 {width: 30%; margin: 0 !important;}
.estimate-table tbody tr td #tel {width: 30%;}
.estimate-table tbody tr td .input_sec {display: inline-block; width: 3%;}
.estimate-table select.input_st {margin-left: 0 !important;}
.page_btn > button[type="submit"] {min-height: 3.5em;}

/* BOARD GALLERY */
.board_wrap {padding-top: 1.5em;}
.board_gallery {margin: 0 0 -.5em -1em;}
.board_gallery > li .wrap_in {margin: 0 0 .5em 1em;}
.board_gallery > li .wrap_in .con_wrap {padding: 1em 0.5em; gap: .5em 0;}
.hover_st.zoom .img_wrap .resize {padding-bottom: 66.66%;}
.board_gallery .con_wrap .info {gap: 0;}
.board_gallery .con_wrap .info > li {gap: 0;}
.board_gallery .con_wrap .info > li:before, 
.board_gallery .con_wrap .info > li:after {display: none;} 
.board_gallery .con_wrap .info .area {flex: none;}
.board_gallery .con_wrap .info .area:after {content: '·'; margin: 0 .5em; display: inline-block;}

/* FOOTER */
#footer {padding: 2em 0 6.5em 0;}
#footer .logo_wrap {flex-direction: column-reverse; align-items: flex-start; gap: 1.5em 0;}
#footer .logo_wrap .wrap_in {justify-content: space-between; width: 100%;}
}

@media screen and (max-width:600px){

}


@media screen and (max-width:500px){
body{ font-size:12px;}
/* CONTENTS */
#contents {overflow: hidden;}
#contents .sub_page_menu .gnb .dp2 {min-width: 100vw;}
#contents .sub_page_menu .gnb .dp2 > li > a .tt {font-size: 1.125em;}

/* MAIN - VISUAL */
.visualSlide_wrap .slogan .t1 {margin: 0.25em 0 0.75em 0; font-size: 2.5em;}

/* MAIN_TXT */
.main_txt .t8 {font-size: 1.75em; line-height: 1.4;}

/* PAGE_TT */
.page_tt.s4 {font-size: 1.125em;}
.page_tt.s12 {font-size: 2.5em;}

/* MAIN - ABOUT US */
.main_about_wrap .posBg {left: 0; right: 0;}

/* MAIN - CENTER */
.main_center .list > li .in {padding: 7em 2em 2em 2em;}

.main_center .list > li:nth-child(n + 3) .in {padding: 7em 2em 2em 2em;}

/* MAIN - PARTNER */
.vodfix > .vod {top: 1%; height: 95%;}
.main_partnership .main_txt {gap: 0 1em;}
.mainPartnerSlide .el .wrap_img {padding: 0;}

/* SUBPAGE */
/* COMPANY - OVERVIEW */
.overview-con {margin-top: 2em !important;}
.profile-list > li {width: 100%;}
.profile-list > li .item-in {flex-direction: row; width: 100%; gap: 3em;}
.profile-list > li .item-in .profile-info {margin-top: 0 !important; text-align: left; padding-left: 1em;}
.main_vision .list {width: 80vw;}

/* COMPANY - HISTORY */
.history-con .history-inner .history-right .item {gap: 3em;}
.history-con .history-inner .history-right .item .month {min-width: 2.5em;}

/* COMPANY - ORGANIZATION */
#contents .doc.organization-bg {padding: 5em 0 3em;}

/* COMPANY - LOCATION */
.location-con .location-inner .tab-list > li .tab-tt {padding: 0.5em 1em;}

/* BUSINESS - INFRA */
.center-container .center-txt-wrap .number:before {width: calc(70vw - 1em);}
.center-container .center-txt-wrap .info {margin: 0;}
.center-container .center-txt-wrap .title {margin-bottom: 1em;}

/* PARTNERSHIP */
.partner-container .partner-inner .p-list > li {flex: 1 1 50%; max-width: 50%;}

/* BOARD */
.board_info {gap: 1em 0;}
.board_info > li + li:before {margin: 0 0.5em;}

.board_viewF {padding: 1.5em; align-items: center;}
.board_viewF .wrap_tit {width: 5em; margin-right: 1em;}
.boardIco.prev,
.boardIco.next {font-size: 1em; margin-right: .5em;}

.table_form .wrap_in .tit_wrap {width: 20%; margin-right: 1em;}

.page_btn {flex-direction: column;}
.page_btn .in {width: 100%;}
.page_btn .in > input {flex: 1;}
.page_btn .in.right > button {flex: 1;}

/* LOGIN & JOIN*/
.box2 {width: 92vw;}
.step_st {justify-content: space-between; padding: 0 1vw;}
.step_st > li .wrap_in:after {right: -2.25em;}
.myinfo_wrap .myinfo_con .tit {width: 35%;}

/* FOOTER */
#footer .info_wrap .link > li .in {gap: 0 0.5em;}
}

@media screen and (max-width:460px){

}

@media screen and (max-width:380px){


}

@media screen and (max-width:350px){
/* HEADER */
#header .side_wrap {gap: 1em;}

/* CONTENTS */
#contents .sub_page_menu .gnb {transform: translateX(4vw - 1em);}
#contents .dp2on .gnb > li, #contents .dp2on .gnb > li .dp1{overflow-x: scroll; width: 100vw;}
#contents .dp2on .gnb > li::-webkit-scrollbar,
#contents .dp2on .gnb > li .dp1::-webkit-scrollbar {display: none;}
#contents .sub_page_tit {padding: 2em 0 1.5em 0;}
#contents .sub_page_tit .wrap_tit .sub_tit {font-size: 1.75em;}
#contents .sub_page_tit .wrap_tit .sub_txt {font-size: 2em;}
#contents .sub_page_menu .gnb .dp2 {max-width: 120vw; min-width: 100vw; width: 120vw;}
/* #contents .sub_page_menu .gnb .dp2 > li {min-width: 5em;} */

/* SUBPAGE */
/* COMPANY - CEO */
.ceo-con .message .paragraph > p {font-size: 1.125em !important;}

/* COMPANY - HISTORY */
.history-con .history-inner .history-right .item {flex-direction: column; gap: 1.5em;}
.history-con .history-inner .history-right .item .years-title {flex: 0; margin-bottom: 0 !important;}
.history-con .history-inner .history-right .item .info-text {flex: 0; margin-top: 0;}

/* COMPANY - LOCATION */
.location-con .location-inner .tab-wrap {overflow-x: scroll; width: 100vw; margin-left: -4vw;}
.location-con .location-inner .tab-wrap::-webkit-scrollbar {display: none;}
.location-con .location-inner .tab-wrap .tab-list {padding-left: 4vw;}
.location-con .location-inner .tab-list > li {min-width: fit-content;}
.location-con .location-inner .tab-list > li:last-child {padding-right: 6vw;}

/* BUSINESS - INFRA */
.center-container .center-txt-wrap {padding: 1.5em 1em; margin-top: 0;}

/* BOARD */
.board_info > li.hit:before {display: none;}
.estimate-table tbody tr td #tel {width: 29%;}
.filebox label {padding: .25em .5em;}

/* LOGIN & JOIN */
.login_wrap .login {padding: 1em;}
.step_st > li .wrap_in .ico .xi:after {padding: .5rem;}
.step_st > li .page_tt.s3 {font-size: 1em;}
.step_st > li .wrap_in:after {right: -2em;}

/* FOOTER */
#footer .info_wrap {margin-top: 1.5em;}
}

@media screen and (max-width:280px){
body{ font-size:10px;}

}

@media all and (max-width:1024px) and (orientation:landscape){

}

@media screen and (max-device-width:1024px){

}