.site_navi { width:100%; text-align:right; font-size:11px; color:#838383; border-bottom:1px solid #ddd; padding-bottom:7px;}
.contents_sub { width:100%; margin:0; }
.contents_sub table {width:100%;}

/* Button */
.btn_write { display:inline-block; background:#5f5f5f; border:1px solid #404144;padding:6px 17px 7px 17px;}
.btn_list  { display:inline-block; background:#fcfcfc; border:1px solid #bcbcbc;padding:6px 17px 7px 17px;}
.btn_re {display:inline-block; width:100px; height:62px; text-align:center; background:url( /images/basic_blue/board/btn_comment_bg.gif) no-repeat;}
.btn_txt01 {color:#fff; font-weight:600;}
.btn_txt02 {color:#1f1f1f; font-weight:600;}

/* Align*/
.btn_area {overflow:hidden; margin:15px 0;}
.align_left {float:left; }
.align_right {float:right;}
.align_right button {}
.align_left button {}
.tR {text-align:right;}
.pR10 {padding-right:10px;}

.prev_data_area,
.next_data_area {font-size:18px; padding:20px 0;}

.next_data_area{text-align: left; border-bottom:1px solid #ccc; box-sizing:border-box;}
.prev_data_area{text-align: left;}

.whois-board-view .btn-default {
    width: 110px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    display: inline-block;
    background-color:#333;
    border-radius: 8px;
    font-size: 16px;
    font-weight:400;
    color:#fff;
}

/*26.01.26 수정*/
.dn {display:none  !important;}


/* custom */
#content { overflow: hidden; }
.content-wrap { overflow: hidden; }
.contents_sub {  font-size: 12px; color: #666; line-height: 16px; }
.line-b { border-bottom: 1px solid #f0f0f0; }

.whois-board-view {  font-size: 12px; color: #666; line-height: 16px; display: block; overflow: hidden; border-top:2px solid #065da0;}
.whois-board-view ul, .whois-board-view ol { margin: 0; }
.whois-board-view .board-title h3 { font-size:21px; color:#333; font-weight:500; padding:25px 0 20px 0;}
.whois-board-view .board-title .cate { display: inline-block; background: #eee; padding: 2px 4px; font-size: 13px; }
.whois-board-view .board-info { line-height: 26px; font-size:13px; color:#999; padding:0 0 5px;}
.whois-board-view .board-info img{vertical-align:middle;}
.whois-board-view .board-info {display:flex; flex-direction:row; align-items:center; padding-bottom:25px;}
.whois-board-view .board-info > span { font-size: 16px;
    font-weight: 300;
    color: #939393;
    padding-right: 10px;
    margin-right: 10px;
    position: relative;
    display: inline;
    line-height: 1;
    display: flex
;
    flex-direction: row;
    align-items: baseline;}
.whois-board-view .board-content { padding:40px 0;  line-height:20px; font-size:17px; font-weight:400; color:#333;}

@media only screen and (max-width: 768px){
    .whois-board-view .board-title h3 {font-size:16px;}
    .whois-board-view .board-content {font-size:14px;}
}
    
.whois-board-view .file-wrap { padding: 8px 0; }
.whois-board-view .file-wrap .file-th,
.whois-board-view .file-wrap .file-td { display: table-cell; }
.whois-board-view .file-wrap .file-list li { line-height: 24px; list-style-type: decimal; margin-left: 20px; }
.whois-board-view .file-wrap .file-list .file-download-cnt { color: #ccc; margin-left: 8px; }

.whois-board-view .comment-wrap { overflow: auto; }
.whois-board-view .comment-wrap .comment-list { background: #f3f3f3; padding:15px; overflow: hidden; margin-bottom: 15px; }
.whois-board-view .comment-wrap .comment-list p { margin: 0; }
.whois-board-view .comment-wrap .comment-item{ margin-top:15px; padding-top:15px; border-top:1px solid #ddd;}
.whois-board-view .comment-wrap .comment-item:first-child{margin-top:0; padding-top:0; border-top:0;}
.whois-board-view .comment-wrap .comment-info{margin-bottom:5px; color:#999;}
.whois-board-view .comment-wrap .comment-info strong{color:#555;}
.whois-board-view .comment-wrap .comment-info > a{float:right;}
.whois-board-view .comment-input { padding-top: 8px;}
.whois-board-view .comment-input .cmt-captha-wrap { background: #fff; border: 0; width: 150px; padding: 0 5px 0 0; }
.whois-board-view .comment-input .cmt-captha-wrap img { height: 36px; width: 150px; }
.whois-board-view .comment-input .input-group textarea,
.whois-board-view .comment-input .input-group-btn button { height: 80px; }
#fCaptcha { border-radius: 3px; }

.form-group label{font-weight:normal;}
.board-content-wrap img { max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; }

.dataAreaWrap {border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.dataAreaWrap a {font-size:16px; font-weight:400; color:#000;}


/* 게시판 */
.board {padding:120px 0;}
.whois-board-list {width: 100%;
    height: auto;
    border-top: 2px solid #111111;}
.whois-board-row {
    border-bottom: 1px solid #DDDDDD;
    box-sizing: border-box;    
    padding: 20px 20px;
    padding-left: 20px;
    width: 100%;
    height: 100%;
    display: block;
}
.whois-board-row-info {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #8b8b8b;
    padding-right: 10px;
    margin-right: 10px;
    position: relative;
    display: inline-block;
    line-height: 1;
}
.whois-board-list .whois-board-row .whois-board-row-subject {
    font-size: 18px;
    font-weight: 400;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.1;
    padding-bottom:5px;
}
.board ul li {position:relative;}
.board ul li .xi-caret-down-min {
    position: absolute;
    top: 50%;
    margin-top: -14px;
    right: 10px;
    font-size: 28px;
    font-weight: 300;
    color: #757575;
}
.board select {
    position: relative;
    width:190px;
    height: 50px;
    line-height:50px;
    border: 1px solid #dddddd;; box-sizing: border-box;
    border-radius: 5px;
    margin-right: 5px;
    font-size:18px; font-weight:400; color:#000; padding:0 0 0 20px;
}
.board input.form-control {
    width: 100%;
    height: 50px;
    margin:0 10px;
    border: 1px solid #dddddd;
    ; box-sizing: border-box;
    border-radius: 5px;
    overflow: hidden;
    font-size: 18px;
    font-weight: 500;
    color: #333;
    padding: 0 40px 0 10px;
}

.board input.form-control:focus {
    border: 1px solid #333;
}

.board input.form-control::placeholder {
    font-size: 16px;
    color: #757575; font-weight: 300;
}
.board .btn-search {width:100px; height:50px; margin-left:20px; line-height:50px; border-radius: 5px; background-color:var(--color02); font-size:18px; font-weight:400; color:#fff;}
.board .btn-search:hover {background-color:#000;}
.list-inline > li { vertical-align:middle; }
.site_navi { text-align:right; font:11px dotum; color:#838383; width:780; border-bottom:1px solid #dddddd; padding-bottom:7px; }
.comment_number {font-size:12px;}
.paginate_regular{margin: 30px 0 20px 0; text-align:center;line-height:normal}
.paginate_regular a,
.paginate_regular strong{display:inline-block;position:relative;margin:0 -2px;padding:2px 8px;font-weight:bold;font-size:12px;color:#333;line-height:normal;text-decoration:none;vertical-align:middle}
.paginate_regular a:hover,
.paginate_regular a:active,
.paginate_regular a:focus{background-color:#f8f8f8}
.paginate_regular strong{color:#f60}
.paginate_regular .direction{font-weight:normal;color:#767676;white-space:nowrap}
.paginate_regular .direction span{font-weight:bold;font-size:14px}
.paginate_regular .direction:hover,
.paginate_regular .direction:active,
.paginate_regular .direction:focus{background-color:#fff;color:#333}

/* Align*/
.align_right {text-align:right; margin:10px 0; overflow:hidden;}
.align_right button {float:right;}
.tR {text-align:right;}

/* custom */
.whois-board-list { display: block; overflow: hidden; margin-top:30px;}
.whois-board-list .whois-board-row-noti{background:#fffaf5;}
.whois-board-list .whois-board-row .whois-board-row-noti{display:inline-block; margin-right:5px; padding:2px 5px; font-size:13px; font-weight:normal; background:#ec3e3e; color:#fff;}


input.form-control {width:400px;}
@media (max-width: 480px) {
	input.form-control {width:100%;}
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-webkit-box-shadow: none;
    border-radius: 3px;
    height: 38px;
}
input.form-control {
    width: 400px;
}
.btn {
    font-family: 'ntkr', sans-serif;
    text-transform: uppercase;
    border-radius: 0;
    line-height: 24px;
}

/* 페이지네이션 */
.pagination {margin:60px auto 0 auto; }
.pagination .pageBtn a {width:37px; height:37px; border-radius:50%; background-color:#777777; display:flex; justify-content:center; align-items:center; margin-right:3px;}
.pagination .pageBtn a:hover {background-color:var(--color01);}
.pagination .pageBtn a:last-child {margin-right:0;}
.pagination .btn01 img {width:13px;}
.pagination .btn02 img {width:5px;}
.board_pagetab {margin:0 15px;}
.board_pagetab a {padding:8px 10px 10px 10px !important; font-size:16px !important;}
.board_pagetab .on a {color:var(--color01) !important; font-weight:600;}
.board_pagetab a { font-size:18px !important; font-weight:400; color:#363d45; line-height:1;}
.board_pagetab a {color:var(--color01);}
.whois-board-list .noResult {font-size:18px; font-weight:400; color:#000; text-align:center;}

.xi {
    display: inline-block !important;
    visibility: visible !important;
    font-family: 'xeicon' !important;
}
  

.sub .sec {position:relative; background-color:#fff;}
.sub .sec .inner {width:1440px; margin:0 auto; position:relative;}
/* 서브비주얼 */
.sub .subVisual {z-index: 10; height:100vh;  display: flex; background-repeat: no-repeat; background-size: cover; color: #fff; position:fixed; top:0; left:0; z-index:-1; width:100%; animation: bgScaleUpDown 5s ease-in;}
.sub .subVisual .textBox {height:100%; display:flex; flex-direction:column; }
.sub .subVisual .textBox dl {padding-top:30vh;}
.sub .subVisual .textBox dt {font-size:28px; font-weight:400; color:var(--color03); line-height:1; padding-bottom:40px;  animation: textSlideUp 1.8s ease-in-out;}
.sub .subVisual .textBox dd {font-size:60px; font-weight:600; color:#ffffff; line-height:1.3; animation: textSlideUp 2s ease-in-out;}

@keyframes bgScaleUpDown {
    0% {
      background-size: 100%; /* 원래 크기 */
    }
    50% {
      background-size: 105%; /* 커지는 크기 */
    }
    100% {
      background-size: 100%; /* 다시 원래 크기 */
    }
}
@keyframes textSlideUp {
    0% {
      transform: translateY(40px); /* 아래쪽 위치 */
      opacity: 0; /* 투명도 0 */
    }
    100% {
      transform: translateY(0); /* 원래 위치 */
      opacity: 1; /* 완전 표시 */
    }
}
 

.sub .secPb60 {padding-bottom:60px;}
.sub .secPb160 {padding-bottom:160px;}
.sub .secPb200 {padding-bottom:200px;}
.sub .secPb300 {padding-bottom:300px;}
.sub .subVisualBack {position:relative; z-index:3; background-color:#fff; overflow:hidden; padding-top:50px;}
.sub .bgCircleDeco {background-color:#f5f5f5;}
.sub .bgCircleDeco .topDeco {position:absolute; top:0; right:0; z-index:-1;}
.sub .bgCircleDeco .bottomDeco {position:absolute; bottom:0; left:0; z-index:-1;}

.sub .subPagiNav {position:fixed; left:0; bottom:8vh; width:100%; z-index:9; height:60px; line-height:60px; position:fixed; top:100px; bottom:auto; background-color:var(--color01); z-index:9999;}
.sub .subPagiNav ul {width:1440px; margin:0 auto; height:100%;}
.sub .subPagiNav ul li:not(:last-child) {margin-right:80px;}
.sub .subPagiNav ul li a {font-size:20px; font-weight:400; color:#ffffff; opacity:0.7; position:relative; display:inline; letter-spacing: -0.5px;}
.sub .subPagiNav ul li:hover a {opacity:1;}
.sub .subPagiNav ul li.active a {opacity:1; font-weight:600;}
.sub .subPagiNav ul li.active a::after {content:''; width:100%; height:3px; background-color:var(--color03); position:absolute; bottom:-19px; left:50%; transform:translateX(-50%);}

.subPagiNav.active1 {position:absolute; top:0; bottom:auto; background-color:var(--color01);} 
.subPagiNav.active2 {}

.sub .textType01 {padding:150px 0 40px 0; font-family:'NotoSansCJKkr'; font-size:34px; font-weight:300; color:#222222;}
.sub .title01 {display:flex; flex-direction:row; align-items:center; padding-bottom:30px;}
.sub .title01 .deco {width:16px; height:4px; background-color:var(--color02); display:block;}
.sub .title01 p {font-size:32px; font-weight:600; color:#000; margin:0 13px;}
.sub .title01 .txt {font-size:18px; font-weight:300; color:#999999; position:relative; top:4px;}
.sub .title01 .light {display:inline; font-weight:300;}
.sub .title02 {font-size:42px; font-weight:600; color:#000000; line-height:1.2; padding-bottom:80px;}
.sub .title02 .deco {display:block; font-size:18px; font-weight:400; color:#005496; padding-bottom:0px;}
.sub .title02 .ch {font-family:'NotoSansCJKkr'; display:inline-block; font-weight:300;}
.sub .title03 dt {font-size:26px; font-weight:400; color:#000000; line-height:1; padding-bottom:20px; margin-top:-2px;}
.sub .title03 dt span {font-size:18px;}
.sub .title03 dd {font-size:22px; font-weight:300; color:#666666; line-height:1.3;}
.sub .title03 dd:not(:last-child) {padding-bottom:10px;}
.sub .title03 dd span {display:inline-block;}
.sub .title03 .deco {display:block; width:20px; height:20px; background-color:#fff; border:5px solid #005496; box-sizing:border-box; margin-right:10px; border-radius:50%;}

.sub .titType01 {font-family:'NotoSansCJKkr'; font-size:30px; font-weight:400; color:#000; line-height:1.5;}
.sub .txtType01 {font-family:'NotoSansCJKkr'; font-size:22px; font-weight:300; color:#666666; line-height:1.6;}
.sub .txtType02 {font-family:'NotoSansCJKkr'; font-size:22px; font-weight:300; color:#666666; line-height:1.3;}

.sub .listType01 {padding-bottom:170px;}
.sub .listType01 li {text-align:center;}
.sub .listType01 li:not(:last-child) {margin-right:110px; position:relative;}
.sub .listType01 li:not(:last-child)::after {content:''; width:1px; height:50px; background-color:#dddddd; top:20px; left:calc(100%  + 55px); position:absolute;}
.sub .listType01 .imgBox {height:160px;}
.sub .listType01 .imgBox01 img {position:relative; top:-8px;}
.sub .listType01 p {font-size:20px; font-weight:400; color:#333333; text-align:center; line-height:1.3; height:52px; display:flex; flex-direction:column; justify-content:center; align-items:center;}

.sub .listType02 li {text-align:center;}
.sub .listType02 li:not(:last-child) {margin-right:150px; position:relative;}
.sub .listType02 .imgBox {height:150px;}
.sub .listType02 p {font-size:18px; font-weight:400; color:#888888; text-align:center; line-height:1.3; height:52px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.sub .listType02 dt {font-family:'NotoSansCJKkr'; font-size:20px; font-weight:500; color:#333333; line-height:1; margin-bottom:15px;}
.sub .listType02 dd {font-family:'SCDream'; font-size:40px; font-weight:400; color:#333333; line-height:1;}
.sub .listType02 dd .num {font-size:1em; display:inline-block;}
.sub .listType02 li:nth-child(1) dd .num {width:95px;}
.sub .listType02 li:nth-child(2) dd .num {width:110px;}
.sub .listType02 li:nth-child(3) dd .num {width:158px;}
.sub .listType02 li:nth-child(4) dd .num {width:auto;}
.sub .listType02 dd .circle {width:10px; height:10px; border-radius:50%; background-color:var(--color03); display:block; margin:22px auto;}
.sub .listType02 li:nth-child(4) .imgBox img {position:relative; top:-15px;}


.sub .listType03 li {text-align:center;}
.sub .listType03 li:not(:last-child) {margin-right:110px; position:relative;}
.sub .listType03 li:not(:last-child)::after {content:''; width:1px; height:95%; background-color:#dddddd; top:10px; left:calc(100%  + 55px); position:absolute;}
.sub .listType03 dt {font-family:'NotoSansCJKkr'; font-size:24px; font-weight:500; color:#000000; padding-bottom:20px; line-height:1.3; text-align:left;}
.sub .listType03 dd {font-family:'NotoSansCJKkr'; font-size:22px; font-weight:300; color:#666666; line-height:1.5; }
.sub .listType03 dd p {font-size:20px; font-weight:400; color:#333333;line-height:1.3; height:auto;     text-align: left;}
.sub .listType03 .imgBox {height:auto;}



.sub .sliderBtnWrap {position:absolute; right:0; top:0;}
.sub .sliderBtnWrap button {background: none; border: none; position:absolute; z-index:2; top:0; width:60px; height:60px; border-radius:50%; border:1px solid #d9d9d9; box-sizing:border-box;font-size:0; cursor:pointer;}
.sub .sliderBtnWrap button:hover { background-color:#f4f4f4; }
.sub .sliderBtnWrap button.slick-prev {right:80px;}
.sub .sliderBtnWrap button.slick-next {right:0;}
.sub .sliderBtnWrap button:after {content: ''; display: block; width:8px; height:8px; position: absolute; left: 50%; top: 50%; margin-top:-5px; border-top: solid 3px #000;}
.sub .sliderBtnWrap button.slick-prev:after {margin-left:-5px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); border-left: solid 3px #000;}
.sub .sliderBtnWrap button.slick-next:after {margin-left:-7px; transform:rotate(45deg); -webkit-transform:rotate(45deg); border-right: solid 3px #000;}
.sub .sliderBtnWrap button.slick-disabled {opacity:0.3;}
.sub .sliderBtnWrap button:hover:after {border-top: solid 3px #000;}
.sub .sliderBtnWrap button.slick-prev:hover:after {border-left: solid 3px #000;}
.sub .sliderBtnWrap button.slick-next:hover:after {border-right: solid 3px #000;}

.sub .sliderTypeWrap {position:relative;}
.sub .sliderTypeWrap .sliderBtnWrap {top:50%; transform:translateY(-50%); left:0; width:100%; z-index:2; right:auto;}
.sub .sliderTypeWrap .sliderBtnWrap button.slick-prev {right:auto; left:70px;}
.sub .sliderTypeWrap .sliderBtnWrap button.slick-next {right:70px;}
.sub .sliderTypeWrap button {background-color:#fff;}
.sub .sliderTypeWrap02 .sliderBtnWrap {top:55%;}

.sliderType {overflow:hidden; width:100%; padding-bottom:150px;}
.sliderType.pb0 {padding-bottom:0;}
.sliderType .imgBox {width:100%;}
.sliderType .imgBox img {width:100%;}
/* .sliderType01 .slick-list {margin:0 -30px; width:110%; left:-5%; right:-5%; position:relative;} */
.sliderType01 .slick-list {width:calc(100% + 30px); left:-15px; right:-15px;}
.sliderType01 .slick-slide {margin:0 30px; position:relative;}
.sliderType01 .slick-slide dl { padding-top:30px;}
.sliderType01 .slick-slide dl dt {font-family:'NotoSansCJKkr'; font-size:24px; font-weight:500; color:#333333; line-height:1; padding-bottom:10px;}   
.sliderType01 .slick-slide dl dd {font-family:'NotoSansCJKkr'; font-size:22px; font-weight:300; color:#666666; line-height:1.3;} 
.sliderType01 .slick-slide .arrowRight {position:absolute; top:35%; transform:translateY(-50%); right:-45px; z-index:2;}
.sliderType01 .imgBox img {border-radius:10px;}
.sliderType02 .slick-slide {transition: opacity 0.5s ease-in-out !important; /* 서서히 전환 */}
.sliderType02 {position:relative;}
.sliderType02 .topBox {position:relative; top:50px; z-index:2; }
.sliderType02 .topBox h3 {font-size:26px; font-weight:300; color:var(--color03); background-color:rgba(0,0,0,0.9); padding:0 170px 0 40px; height:100px; line-height:100px;}
.sliderType02 .topBox p {font-size:15px; font-weight:300; color:#999999; padding-top:15px;}

.carInfoWrap01, .carInfoCommon {padding:200px 0 130px 0;}
.carInfoText01 {padding-top:170px;}
.sec.companyLayout {padding-top:130px;}
.sec.companyLayout.pSm {padding-top:60px;}
.sec.companyLayout.pSm2 {padding-top:40px;}
.carInfoWrap01 .car-stit {padding-top:200px;}
.carFlexTop {align-items: flex-start;}

.carInfoWrap01 .lfBox {padding-right:95px;}
.carInfoWrap01 .rtBox p {font-size:30px; font-weight:400; color:#000000; line-height:1.3; padding:50px 0 45px 0;}
.carInfoWrap02 {padding:180px 0;}
.carInfoWrap02.pSm {padding:50px 0 0;}
.carInfoWrap02 ul {width:870px; border-top:1px solid #000; box-sizing:border-box;}
.carInfoWrap02 ul li {border-bottom:1px solid #d9d9d9; box-sizing:border-box; padding:22px 0;}
.carInfoWrap02 ul li h3 {font-family:'NotoSansCJKkr'; font-size:17px; font-weight:500; color:#000; width:165px; padding-left:35px;}
.carInfoWrap02 ul li p {font-family:'NotoSansCJKkr'; font-size:20px; font-weight:400; color:#444444; position:relative;}
.carInfoWrap02 ul li p span {font-family:'NotoSansCJKkr'; display:inline-block; font-size:20px; font-weight:300; color:#999999;}
.carInfoWrap02 ul li p:not(:last-child) {margin-right:38px;}
.carInfoWrap02 ul li p:not(:last-child)::after {content:''; width:1px; height:20px; background-color:#cccccc; position:absolute; top:50%; transform:translateY(-50%); right:-19px;}

.carInfoWrap02 .text01 {width: 870px; font-size: 26px;  font-weight: 700; color: #111111;  line-height: 1.4;  margin-bottom: 10px;}
 
.ceoInfoText01 .rtBox {padding-top:20px;}
.ceoInfoText01 .lfBox .ceoImg {width:500px;}

.carInfoText01 .lfBox {padding-right:0;}
.carInfoText01 .companyText01 {padding-top:50px;}
.carInfoText01 .companyText01.sPD {padding-top:0px;}
.locationText01 .companyText01 {padding-top:50px;}

.linkMove {font-family:'NotoSansCJKkr'; background-color:var(--color02); padding:0 45px; height:65px; line-height:65px; text-align:center; font-size:18px; font-weight:300; color:#ffffff; justify-content:center; position:relative;}
.linkMove:hover {background-color:var(--color01);}
.linkMove img {margin-right:7px;}
.linkMove .arrow {margin:0; position:absolute; right:10px; top:10px;}

/* 경영이념 */
.businessBox {padding:170px 0 200px 0;}
.businessBox ul li {text-align:center; position:relative;}
.businessBox ul li:not(:last-child) {margin-right:200px;}
.businessBox ul li:not(:last-child)::after {content:''; width:1px; height:65px; background-color:#dddddd; top:50%; transform:translateY(-50%); left:calc(100%  + 100px); position:absolute;}
.businessBox ul li p {font-size:22px; font-weight:400; color:#666666; line-height:1.4;}
.businessBox ul li p span {display:block; color:#000000;}
.businessBox .arrow {display:block; margin:60px auto;}
.businessBox .text01 {font-size:48px; font-weight:500; color:var(--color02); text-align:center; line-height:1; margin-bottom:60px;}
.businessBox .img {display:block; margin:0 auto;}

/* 비전 */
.visionBox01 {width:100%; }
.visionBox01 li {width:31%; padding:40px 0 35px 0; border-radius:15px; background-color:#fafbff; border:2px solid #c0c6df; box-sizing:border-box; text-align:center;}
.visionBox01 .iconBox {width:148px; display:block; margin:0 auto 30px auto;}
.visionBox01 .iconBox img {width:100%;}
.visionBox01 li dt {font-size:26px; font-weight:500; color:#000; margin-bottom:15px;}
.visionBox01 li dd {font-size:22px; font-weight:300; color:#666666; line-height:1.4; }

.visionBox02 .imgCenter {display:block; margin:0 auto 90px auto;}
.visionBox02 dt {font-family:'NotoSansCJKkr'; font-size:32px; font-weight:bold; color:#000000; line-height:1; padding-bottom:10px;}
.visionBox02 dd {font-family:'NotoSansCJKkr'; font-size:26px; font-weight:400; color:#000;}
.visionBox02 .circle {margin:20px auto; display:block; width:20px; height:20px; border-radius:50%; background-color:#fff;}
.visionBox02 li {text-align:center;}
.visionBox02 li:nth-child(1) .circle {border:5px solid #5971ee; box-sizing:border-box;}
.visionBox02 li:nth-child(2) .circle {border:5px solid #ee5959; box-sizing:border-box;}
.visionBox02 li:nth-child(3) .circle {border:5px solid #005496; box-sizing:border-box;}
.visionBox02 p {font-family:'NotoSansCJKkr'; font-size:22px; font-weight:300; color:#666666; line-height:1.3;}
.visionBox02 .infoText dt {font-family:'NotoSansCJKkr'; font-size:48px; font-weight:bold; color:#000000; line-height:1; padding-bottom:0;}
.visionBox02 .infoText dd {font-family:'NotoSansCJKkr'; font-size:26px; font-weight:300; color:#000000; line-height:1.3;}
/* 비전 수정 */
.vision-wrap { width: 100%;  margin: 0 auto; box-sizing: border-box; }
.vision-row { display: flex; padding: 20px 0 30px; gap: 20px; }
.vision-row:first-child { border-top: none; padding-top: 0; }
.v-title { width: 180px; font-size: 26px; font-weight: bold; color: #0c245f; flex-shrink: 0; border-top: 1px solid #b5bfc9; padding-top: 15px; }
.v-content { flex: 1;     margin-top: 15px;}
.v-mission { font-size: 30px; font-weight: 500; color: #354b60; letter-spacing: -1px; }
.v-vision-box { background-color: #364065; padding: 40px 60px; border-radius: 10px; }
.v-vision-box ul { padding: 0; margin: 0; list-style: none; }
.v-vision-box li { color: #fff; font-size: 22px; margin-bottom: 15px; position: relative; padding-left: 18px; letter-spacing: -0.5px; }
.v-vision-box li:last-child { margin-bottom: 0; }
.v-vision-box li::before { content: ''; width: 4px; height: 4px; background: #fff; border-radius: 50%; position: absolute; left: 0; top: 13px; }
.v-core-values { display: flex; justify-content: space-between; gap: 30px; }
.circle-box { width: 300px; height: 300px; border: 2px solid #9fa8c3; border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; box-sizing: border-box; box-shadow: 12px 12px 20px 6px rgba(0, 0, 0, 0.1); }
.circle-box strong { font-size: 28px; font-weight: 500; margin-bottom: 25px; padding-bottom: 8px; border-bottom: 1px solid #111; display: inline-block; color: #111;  line-height: 0.5;}
.circle-box p { font-size: 20px; color: #4a7597; line-height: 1.3; word-break: keep-all; margin: 0; }

/* 연혁 */
.historySliderWrap {padding:0 5%; overflow:hidden;}
.historySliderWrap .slick-list {overflow:initial;}
.historySliderWrap .slick-slide {opacity:0;}
.historySliderWrap .slick-active {opacity:1;}
.historySlider {text-align:center; width:100%; margin:0 auto; overflow:initial;}
.historySlider .imgBox {width:240px; height:240px; margin:0 auto 30px auto; border:1px solid #d9d9d9; box-sizing:border-box; border-radius:50%;}
.historySlider .imgBox img {width:100%;}
.historySlider .year {font-family:'NotoSansCJKkr'; font-size:32px; font-weight:bold; color:var(--color01);}
.historySlider .circle {margin:10px auto 20px auto; display:block; width:24px; height:24px; border-radius:50%; background-color:#fff; border:4px solid var(--color01); box-sizing:border-box; position:relative;}
.historySlider .slick-slide .circle::after {content:''; width:35000%; height:5px; position:absolute; left:-5000%; top:5px; background-color:#000; z-index:-1;}
.historySlider dt {margin-bottom:20px;}
.historySlider dt p {font-family:'NotoSansCJKkr'; font-size:20px; font-weight:400; color:#444444; }
.historySlider dt p.color {color:var(--color02); padding-bottom:5px;}
.historySlider dd {font-family:'NotoSansCJKkr'; font-size:16px; font-weight:300; color:#666666; }
/* 연혁추다 */
.timeline-wrapper { position: relative; }
.timeline-line { position: absolute; left: 24px; top: 8px; bottom: 8px; width: 2px; background-color: #f1f5f9; display: none; }
.timeline-list { display: flex; flex-direction: column; gap: 50px; }
.timeline-item { position: relative; display: flex; flex-direction: column; }
.timeline-dot { position: absolute; left: 20px; top: 7px; width: 10px; height: 10px; border-radius: 50%; background-color: #e2e8f0; box-shadow: 0 0 0 4px #ffffff; transition: background-color 0.3s; z-index: 10; display: none; }
.timeline-item:hover .timeline-dot { background-color: #1d4ed8; }
.timeline-year-wrap {width: 160px;  flex-shrink: 0; display: flex; align-items: flex-start; padding-left: 50px; margin-bottom: 12px; }
.timeline-year { font-size: 24px; font-weight: 800; color: #1e3a8a; transition: color 0.3s; letter-spacing: -0.05em; font-variant-numeric: tabular-nums; line-height: 1; }
.timeline-item:hover .timeline-year { color: #1d4ed8; }
.timeline-content-wrap { flex: 1; padding-left: 50px; display: flex; flex-direction: column; justify-content: flex-start; padding-top: 2px;  padding-right: 50px;}
.timeline-title { font-size: 18px; font-weight: 700; color: #1e293b; letter-spacing: -0.025em; line-height: 1.375; margin: 0; }
.timeline-desc { color: #64748b; margin-top: 6px; font-size: 14px; font-weight: 500; margin-bottom: 0; }
.timeline-mt { margin-top: 16px; }
.timeline-media-wrap { display:none; width: 100%; flex-shrink: 0; padding-left: 50px; margin-top: 20px; display: flex; align-items: flex-start; justify-content: flex-start; }
.timeline-media-empty { width: 100%; max-width: 240px; display: none; }
.timeline-image { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply; margin-top: -30px; }
.his-image-area > .timeline-image {margin-top:0;}

@media (min-width: 640px) {
    .timeline-line { display: block; }
    .timeline-dot { display: block; }
    .timeline-year-wrap { padding-left: 60px; }
    .timeline-content-wrap { padding-left: 60px; }
    .timeline-media-wrap { padding-left: 60px; }
	
}

@media (min-width: 768px) {
    .timeline-line { left: 140px; }
    .timeline-dot { left: 136px; top: 10px; }
    .timeline-item { flex-direction: row; }
    .timeline-year-wrap { width: 160px; justify-content: flex-start; padding-left: 0; margin-bottom: 0; }
    .timeline-year { color: #1e293b; }
    .timeline-content-wrap { padding-left: 32px; }
    .timeline-title { font-size: 20px; }
    .timeline-desc { margin-top: 8px; font-size: 16px; }
    .timeline-mt { margin-top: 12px; }
    .timeline-media-wrap { width: auto;; padding-left: 32px; margin-top: 0; justify-content: flex-end; }
    .timeline-media-empty { display: block; }
	
}

@media (max-width: 768px) {	
	.timeline-year-wrap {    padding-left: 0;}
	.timeline-image {margin-top:50px;  width: 100%; height: 100%;  }
}

/* 오시는 길 */
.locationBox01 li {display:flex; flex-direction:row; align-items:flex-start; margin-bottom:40px;}
.locationBox01 img {margin-right:25px; margin-top:3px;}
.locationBox01 li dt {font-family:'NotoSansCJKkr'; font-size:22px; font-weight:300; color:#666; margin-bottom:10px; line-height:1;}
.locationBox01 li dd,
.locationBox01 li dd a {font-family:'NotoSansCJKkr'; display:block; font-size:30px; font-weight:400; color:#000; line-height:1;}
#loaction .root_daum_roughmap {width:100% !important; }
#loaction .root_daum_roughmap_landing {width:100% !important;}
.root_daum_roughmap {width:100% !important;}
#loaction .root_daum_roughmap .wrap_map {height:600px !important;}
.locationBox02 {border-radius:14px; border:1px solid #d9d9d9; overflow:hidden; padding:75px 65px; width:calc(100% - 130px);}
.locationBox02 li {text-align:center; position:relative;}
.locationBox02 li:not(:last-child) {margin-right:160px;}
.locationBox02 li:nth-child(3) .imgBox img {position:relative; left:7px;}
.locationBox02 li .arrow {top:20%; left:calc(100%  + 80px); position:absolute;}
.locationBox02 .imgBox {height:160px;}
.locationBox02 .imgBox01 img {position:relative; top:-8px;}
.locationBox02 p {font-size:24px; font-weight:500; color:#333333; text-align:center;}

/* 상생경영~ */
.tableStyleWrap {width:870px; padding-top:90px;}
.tableStyleWrap thead {border-top:1px solid #000000; border-bottom:1px solid #000000; box-sizing:border-box;}
.tableStyleWrap thead th {font-family:'NotoSansCJKkr'; font-size:18px; font-weight:500; color:#000; text-align:center; padding:13px 0;}
.tableStyleWrap thead th:not(:last-child) {border-right:1px solid #d9d9d9; box-sizing:border-box;}
.tableStyleWrap tbody {border-bottom:3px solid #000000; box-sizing:border-box;}
.tableStyleWrap tbody tr:not(:last-child) {border-bottom:1px solid #d9d9d9; box-sizing:border-box;}
.tableStyleWrap tbody th,
.tableStyleWrap tbody td {font-size:20px; font-weight:400; text-align:center; }
.tableStyleWrap tbody th {border-right:1px solid #d9d9d9; box-sizing:border-box;}
.tableStyleWrap tbody td:not(:last-child) {border-right:1px solid #d9d9d9; box-sizing:border-box;}
.tableStyleWrap tbody th {color:#444444; }
.tableStyleWrap tbody td {color:#999999; padding:13px 0;}
.tableStyleWrap tbody .textLeft {text-align:left; padding-left:40px; font-size:17px; font-weight:500; color:#444444;}
.tableStyleWrap .topText {font-size:22px; font-weight:300; color:#666666; text-align:left;}
.tableStyleWrap .topText02 {font-size:14px; font-weight:300; color:#999999; text-align:right;}
.tableStyleWrap .bgYellow {background-color:#fffdeb;}
.tableStyleWrap .lastBox {background-color:#fafbff;} 
.tableStyleWrap .lastBox th,
.tableStyleWrap .lastBox td{font-weight:500; color:#000; border:none !important;}
.tableStyleWrap .lastBox td {padding:22px 0;}
.tableStyleWrap .lastBox td span {font-size:16px; font-weight:300; color:#000;}
.tableStyleWrap .bg02 {background-color:#fafbff; font-weight:500; color:#000;}

/* 경영페이지 */
.infoBusiBox li {width:33.3333333333333333333%; text-align:center; position:relative;}
.infoBusiBox li::before, .infoBusiBox li::after {content:''; background-color:#e9e9e9; position:absolute;}
.infoBusiBox dt {font-family:'NotoSansCJKkr'; font-size:22px; font-weight:400; color:#000000; padding-bottom:15px; line-height:1.3;}
.infoBusiBox dd {font-family:'NotoSansCJKkr'; font-size:22px; font-weight:300; color:#666666; line-height:1.5;}
.infoBusiBox dd .orange {color:#ff6600;}
.infoBusiBox dd .des {display:block; font-size:16px; font-weight:300; color:#666;}
.infoBusiBox dd .des02 {display:inline-block;}
.infoBusiBox .orangeText {font-size:15px; font-weight:300; color:#ff6600; padding-top:5px;}

.qualityBox li::before {width:1px; height:340px;  top:0; left:0;}
.qualityBox li:last-child:after {width:1px; height:340px; top:0; right:0;}
.qualityBox .imgBox {height:230px;}

.safetyEnBox li::before {width:0.5px; height:560px;  top:0; left:0;}
.safetyEnBox li:last-child:after {width:0.5px; height:560px; top:0; right:0;}
.safetyEnBox .imgBox {height:265px;}

.safePcImg {display:block; width:100%;}
.safeMoImg {display:none;}

.resourcesBox {flex-wrap:wrap; /* border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; */ box-sizing:border-box; position:relative;}
/* .resourcesBox::after {content:''; background-color:#e9e9e9; position:absolute; width:1px; height:100%; top:0; left:33.333%; transform:translateX(-33.333%);} */
.resourcesBox li {width:calc(33.333% - 2px); border-right:1px solid #e9e9e9; }
.resourcesBox li .imgBox {margin-bottom:45px;}
.resourcesBox li:nth-child(1) {border-left:1px solid #e9e9e9;}

.innovationBox {display:flex; flex-direction:row; flex-wrap:wrap;}
.innovationBox li {text-align:center; width:31%; background-color:#f9f9fa; border:1px solid #e8e8e8; box-sizing:border-box; border-radius:14px; overflow:hidden; margin-bottom:50px;}
.innovationBox li:not(:nth-child(3n)) {margin-right:3.5%;}
.innovationBox li .imgBox {width:100%; background-color:#fff; overflow:hidden;}
.innovationBox li .imgBox img {width:100%; vertical-align:middle;}
.innovationBox li .textBox { padding:40px 0;}
.innovationBox li .title,
.innovationBox li .text {font-size:22px;}
.innovationBox li .title {font-family:'NotoSansCJKkr'; font-weight:400; color:#000000; margin-bottom:30px;}
.innovationBox li .text {font-family:'NotoSansCJKkr';  font-weight:300; color:#666666; line-height:1.6;}
.innovationBox li .text .color {color:#000051; font-weight:400; display:inline;}

.economyBox01 img {display:block; margin:0 auto;}
.economyBox01 .orange {font-size:1em; display:inline; color:#ff6600;}
.economyBox01 .text {text-align:center;}
.economyBox01 .text dt {font-size:32px; font-weight:bold; color:#000; padding-bottom:15px;}
.economyBox01 .text dd, .economyBox01.economyBox01 .text dd p {font-size:26px; font-weight:400; color:#000;}
.economyBox01 .text dd div {justify-content:center;}
.economyBox01 .economyImg02 {margin:60px auto; }
.economyBox01 .arrow {margin:0 auto 60px auto;}
.economyBox01 ul {width:100%; margin-top:200px;}
.economyBox01 ul li {position:relative; z-index:2; text-align:center;}
.economyBox01 ul li dl {text-align:center; text-align:center;}
.economyBox01 ul li dt {font-size:26px; font-weight:500; color:#000; line-height:1.3; padding-bottom:20px;}
.economyBox01 ul li dd {font-size:22px; font-weight:300; color:#666666;}

.socialBox {border:none; flex-wrap:wrap; margin-bottom:20px;}
.socialBox dt { font-size:18px; padding:0 30px; min-height:50px; }
.socialBox dd { font-size:16px;}
.socialBox .imgBox {margin-bottom:10px;}
.socialBox .imgBox img { width:140px; height:auto; }
.socialBox li { width:22%; margin-bottom:20px;}
.socialBox li::after, 
.socialBox li:nth-child(1):before,
.socialBox li:nth-child(4):before {width:0px; height:300px; top:0; right:0; }
.socialBox li:nth-child(1):before,
.socialBox li:nth-child(4):before {left:0; right:auto;}

.policy-grid {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 1:1 비율로 2개 컬럼 생성 */
    gap: 20px; /* 박스 사이의 간격 (상하좌우 모두 적용) */
    padding: 0;
    list-style: none;
}

.policy-grid li {
    border-radius: 15px;
    background-color: #fafbff;
    border: 2px solid #c0c6df;
    font-size: 20px;
    line-height: 1.5;
    padding: 25px 45px;
    /* margin-bottom은 grid gap으로 대체되므로 삭제하거나 0으로 설정 */
    margin-bottom: 0; 
    box-sizing: border-box;
    text-align: left;
    
    /* 핵심: 내용이 짧아도 옆의 박스와 높이를 맞춤 */
    height: 100%; 
    display: flex;
    flex-direction: column;
    justify-content: center; /* 텍스트를 박스 수직 중앙에 정렬 (원치 않으면 제거) */
}

.policy-grid li .num {
    display: block;
    color: #000051;
    margin-bottom: 10px;
    font-weight: bold;
}

/* 모바일 대응 (선택사항): 화면이 좁을 때는 1줄로 변경 */
@media (max-width: 768px) {
    .policy-grid {
        grid-template-columns: 1fr;
    }
	.policy-grid li { font-size:18px; padding:25px 30px; }
}

@media screen and (max-width:1680px) {
    .historySlider .imgBox {width:200px; height:200px;}

    .qualityBox li:nth-child(1) .imgBox img {width:150px;}
    .qualityBox li:nth-child(2) .imgBox img {width:181px;}
    .qualityBox li:nth-child(3) .imgBox img {width:195px;}
}
@media screen and (max-width:1520px) {
    .sub .txtType01 {font-size:20px;}
}
@media screen and (max-width:1480px) {
    .carInfoText01 {padding-top:160px;}

    .sub .sec .inner {width:calc(100% - 110px); }
    .subPagiNav.active2 {top:85px;}
    .sub .subPagiNav {padding-left:55px; width:100%; height:50px; line-height:50px; top:85px;}
    .sub .subPagiNav ul li a {font-size:17px;}
    .sub .subPagiNav ul li.active a::after {bottom:-15px;}
    .sub .subPagiNav ul li:not(:last-child) {margin-right:40px;}

    .sub .subVisual .textBox dt {padding-bottom:30px; font-size:20px;}
    .sub .subVisual .textBox dd {font-size:50px; line-height:1.2;}
    .sub .textType01 {font-size:24px; padding:150px 0 80px 0;}
    .sub .title01 .deco {width:14px; height:3px;}
    .sub .title01 p {font-size:22px; margin:0 8px;}
    .sub .title01 .txt {font-size:16px;}
    .sub .title01 {padding-bottom:70px; padding-top:10px;}
    .sub .sliderBtnWrap {top:0;}

    .sub .listType01 {padding-bottom:140px;}
    .sub .listType01 p {font-size:18px; height:40px;}
    .sub .listType01 .imgBox {height:100px;}
    .sub .listType01 .imgBox img {max-height:70%;}
    .sub .listType01 li:not(:last-child) {margin-right:80px;}
    .sub .listType01 li:not(:last-child)::after {left:calc(100% + 40px); height:30px; top:15px;}

    .sliderType01 .slick-slide dl dt {font-size:19px;}
    .sliderType01 .slick-slide dl dd {font-size:16px;}
    .sliderType01 .slick-slide .arrowRight {width:15px; top:30%; right:-40px;}

    .sub .sliderBtnWrap button {width:45px; height:45px;}
    .sub .sliderBtnWrap button:after {width:6px; height:6px; border-top: solid 2px #000;}
    .sub .sliderBtnWrap button.slick-prev:after {margin-left:-4px; border-left: solid 2px #000;}
    .sub .sliderBtnWrap button.slick-next:after {margin-left:-6px; border-right: solid 2px #000;}
    .sub .sliderBtnWrap button:hover:after {border-top: solid 2px #000;}
    .sub .sliderBtnWrap button.slick-prev:hover:after {border-left: solid 2px #000;}
    .sub .sliderBtnWrap button.slick-next:hover:after {border-right: solid 2px #000;}   
    
    .sub .title02 {font-size:38px;}
    .carInfoWrap01 .rtBox p {font-size:26px;}
    .sub .title03 .deco {width:18px; height:18px;}
    .sub .title03 dt {font-size:24px; padding-bottom:15px;}
    .sub .title03 dd {font-size:20px;}

    .carInfoText01 {display:block;}
    .carInfoText01 .companyText01 {padding-top:40px;}
	.carInfoText01 .companyText01.sPD {padding-top:30px;}
    .locationText01 {display:flex;}
    .sub .listType02 li:not(:last-child) {margin-right:150px;}

    .visionBox01 li {width:32%;}
    .visionBox01 .iconBox {width:120px;}
    .visionBox02 dt {font-size:28px;}
    .visionBox02 dd {font-size:22px;}
    .visionBox01 li dd,
    .visionBox02 p {font-size:20px;}
    .visionBox01 li dt {font-size:24px;}

    .historySliderWrap {padding:0 50px;}
    .historySlider .imgBox {width:180px; height:180px;}
    .historySlider .year {font-size:24px;}
    .historySlider dt p {font-size:18px;}
    .historySlider dd {font-size:15px;}

    .locationBox02 .imgBox {height:100px;}
    .locationBox02 li:not(:last-child) {margin-right:150px;}
    .locationBox02 li:nth-child(1) .imgBox img {width:85px;}
    .locationBox02 li:nth-child(2) .imgBox img {width:92px;}
    .locationBox02 li:nth-child(3) .imgBox img {width:80px;}
    .locationBox02 li:nth-child(4) .imgBox img {width:85px;}
    .locationBox02 li:nth-child(5) .imgBox img {width:95px;}
    .locationBox02 p {font-size:20px;}
    .locationBox02 li .arrow {width:22px; left:calc(100% + 65px); top:15%;}

    .infoBusiBoxType01 {margin-bottom:60px !important;}
    .infoBusiBox dt {padding-bottom:15px;}
    .infoBusiBox dt, .infoBusiBox dd {font-size:17px;}
    .infoBusiBox .orangeText {font-size:14px;}

    .qualityBox li:nth-child(1) .imgBox img {width:130px;}
    .qualityBox li:nth-child(2) .imgBox img {width:161px;}
    .qualityBox li:nth-child(3) .imgBox img {width:175px;}
    .qualityBox .imgBox {height:170px;}
    .qualityBox li::before, .qualityBox li::after {height:250px;}

    .safetyEnBox .imgBox {height:220px;}
    .safetyEnBox li::before {height:450px; }
    .safetyEnBox li:last-child:after {height:450px; }    
    .safetyEnBox li:nth-child(1) .imgBox img {width:236px;}
    .safetyEnBox li:nth-child(2) .imgBox img {width:265px;}
    .safetyEnBox li:nth-child(3) .imgBox img {width:257px;}   

    .innovationBox li {width:32%;}
    .innovationBox li:not(:nth-child(3n)) {margin-right:2%;}
    .innovationBox li .title, .innovationBox li .text {font-size:20px;}
    
    .economyImg01, .economyBox01 .economyImg02 {width:100%;}
    .economyBox01 .text dt {font-size:29px;}
    .economyBox01 .text dd, .economyBox01.economyBox01 .text dd p {font-size:24px;}

    .socialBox li::after, 
    .socialBox li:nth-child(1):before,
    .socialBox li:nth-child(4):before {height:300px;}    
	
	.sub .listType03 li:nth-child(1) .imgBox img {width: auto;}
		
}
@media screen and (max-width:1380px) {
    .ceoInfoText01 .lfBox .ceoImg {width:460px;}
    .ceoInfoText01 .rtBox {padding-top:30px;}
    .ceoInfoText01 .titType01 {font-size:25px;}
    .ceoInfoText01 .txtType01 {font-size:18px;}

    .economyBox01 ul li dt {font-size:22px; padding-bottom:15px;}
    .economyBox01 ul li dd {font-size:19px;}
}
@media screen and (max-width:1280px) {
    .sub .sec .inner {width:calc(100% - 60px); }
    .sub .subPagiNav {padding-left:20px;}
    .sub .subPagiNav ul li a {font-size:15px;}
    .sub .subPagiNav ul li.active a::after {bottom:-16px;}
    .sub .sliderTypeWrap .sliderBtnWrap button.slick-prev {left:30px;}
    .sub .sliderTypeWrap .sliderBtnWrap button.slick-next {right:30px;}
    .carInfoWrap01 .lfBox {padding-right:50px;}
    .carInfoWrap01 .rtBox p {font-size:24px;}

    .sliderType02 .topBox {top:40px;}
    .sliderType02 .topBox h3 {font-size:20px; height:80px; line-height:80px; padding:0 100px 0 30px;}

    .sub .listType02 li:not(:last-child) {margin-right:120px;} 
    .sub .listType02 dt {font-size:18px; margin-bottom:12px;}
    .sub .listType02 dd {font-size:35px;}

    .businessBox ul li:not(:last-child) {margin-right:120px;}
    .businessBox ul li p {font-size:20px;}
    .businessBox ul li:not(:last-child)::after {height:45px; left:calc(100% + 60px);}
    .businessBox .arrow, .economyBox01 .arrow {width:60px;}
    .businessBox .text01 {font-size:36px;}
    .businessBox .img {width:90%;}

    .visionBox02 p {font-size:18px;}

    .visionBox02 .infoText dt {font-size:40px;}
    .visionBox02 .infoText dd {font-size:21px;}
    .visionBox02 .infoText dd br {display:none;}

    .historySlider .imgBox {width:150px; height:150px;}
    .historySlider dt {margin-bottom:15px;}
    .historySlider dt .br {display:block;}

    .locationBox01 img {width:23px;}
    .locationBox01 li {margin-bottom:30px;}
    .locationBox01 li dt {font-size:20px;}
    .locationBox01 li dd, .locationBox01 li dd a {font-size:24px;}
    #loaction .root_daum_roughmap .wrap_map {height:450px !important;}
    .locationBox02 .imgBox {height:90px;}
    .locationBox02 li:not(:last-child) {margin-right:80px;}
    .locationBox02 li:nth-child(1) .imgBox img {width:70px;}
    .locationBox02 li:nth-child(2) .imgBox img {width:77px;}
    .locationBox02 li:nth-child(3) .imgBox img {width:65px;}
    .locationBox02 li:nth-child(4) .imgBox img {width:70px;}
    .locationBox02 li:nth-child(5) .imgBox img {width:80px;}
    .locationBox02 p {font-size:18px;}
    .locationBox02 li .arrow {width:15px; left:calc(100% + 40px); top:15%;}    

    .resourcesBox li .imgBox img {width:65%; display:block; margin:0 auto;}

    .innovationBox li {width:32.33333333333333%;}
    .innovationBox li:not(:nth-child(3n)) {margin-right:1.5%;}
    .innovationBox li .title {margin-bottom:20px;}
    .innovationBox li .title, .innovationBox li .text {font-size:18px;}    

    .economyBox01 ul li dt {font-size:20px; padding-bottom:10px;}
    .economyBox01 ul li dd {font-size:18px;}
    .economyBox01 .text dt {font-size:24px; padding-bottom:10px;}
    .economyBox01 .text dd, .economyBox01.economyBox01 .text dd p {font-size:19px;}   
    .economyBox01 ul li .imgBox img {width:65%; display:block; margin:0 auto;} 
}
@media screen and (max-width:1180px) {
    .ceoInfoText01 {justify-content:center;}
    .ceoInfoText01 .lfBox {padding-right:50px;}
    .ceoInfoText01 .lfBox .ceoImg {width:380px;}
    .ceoInfoText01 .rtBox {padding-top:50px;}
    .ceoInfoText01 .titType01 {font-size:20px !important; margin-bottom:50px !important;}
    .ceoInfoText01 .txtType01 {font-size:17px !important; margin-bottom:25px !important;}
    .ceoInfoText01 .txtType01 br {display:none;}
}
@media screen and (max-width:1080px) {
    .sub .subPagiNav {display:none !important;}
    .sub .subVisual {height:auto; position:relative; z-index:1;}
    .sub .subVisual .textBox dl {padding:300px 0 200px 0;}
    .sub .subVisualBack {margin-top:0; padding-top:0;}     
    .sub .textType01 {padding:50px 0; word-break:keep-all; font-size:20px;}
    .sub .textType01 .br {display:block;} 
    .sub .textType01 br {display:none;}
    .sub .listType01 {flex-wrap:wrap;}
    .sub .listType01 li {width:33.3333333333333333333%; margin-bottom:60px;}
    .sub .listType01 li:not(:last-child) {margin-right:0;}
    .sub .listType01 li:not(:last-child)::after {left:auto; right:0; height:50px;}
    .sub .listType01 li:nth-child(3n)::after {display:none;}
    .sub .listType02 {flex-wrap:wrap;}
    .sub .listType02 li {width:50%; text-align:center; margin-bottom:60px;}
    .sub .listType02 li:not(:last-child) {margin-right:0;}
    .sub .listType02 .imgBox {height:110px;}
    .sub .listType02 li:nth-child(1) .imgBox img {width:74px;}
    .sub .listType02 li:nth-child(2) .imgBox img {width:72px;}
    .sub .listType02 li:nth-child(3) .imgBox img {width:94px;}
    .sub .listType02 li:nth-child(4) .imgBox img {width:96px; position:relative; }
    .sub .listType02 dt {font-size:18px;}
    .sub .listType02 dd {font-size:28px;}
    .sub .listType02 li dd .num {width:auto !important;}
    .sub .listType02 dd .circle {width:8px; height:8px; margin:15px auto;}
    .sub .listType02 p {height:40px;}
    .carInfoWrap01, .carInfoCommon { padding:50px 0 150px 0;}

    .sliderType {padding-bottom:100px;}
    .sub .sliderBtnWrap button.slick-prev {right:60px;}

    .sub .subVisual .textBox dt {font-size:18px; padding-bottom:25px;}
    .sub .subVisual .textBox dd {font-size:40px;}

    .sub .title02 {padding-bottom:100px;}
    .sub .title02 .deco {font-size:16px; padding-bottom:20px;}
    .sub .title02 {font-size:30px;}
    .carInfoWrap01 {justify-content:center;}
    .carInfoWrap01 .lfBox {padding-right:40px;}
    .carInfoWrap01 .lfBox img {width:300px;}
    .carInfoWrap01 .rtBox p {font-size:20px; padding:75px 0 40px 0;}
    .sub .title03 .deco {width:15px; height:15px;}
    .sub .title03 dt {font-size:22px; padding-bottom:12px;}
    .sub .title03 dd {font-size:18px;}
    .sub .bgCircleDeco .topDeco {width:280px;}
    .sub .bgCircleDeco .bottomDeco {width:400px;}
    .carInfoWrap02 ul li h3 {width:120px; font-size:18px;}
    .carInfoWrap02 ul li p {font-size:18px;}
    .carInfoWrap02 ul li p span {font-size:16px;}
    .carInfoWrap02 ul {width:600px;}
	.carInfoWrap02 .text01 {width:600px;}

    .sub .titType01 {font-size:24px;}
    .sub .txtType01 br {display:none;}
    .sub .txtType01 .br {display:block;}

    .ceoInfoText01 {display:block; width:100%;}
    .ceoInfoText01 .lfBox {padding-right:0; width:420px; display:block; margin:0 auto;}
    .ceoInfoText01 .lfBox .ceoImg {width:100%; display:block; margin:0 auto;}
    .ceoInfoText01 .rtBox {padding-top:50px;}
    .ceoInfoText01 .titType01 {font-size:20px !important; margin-bottom:50px !important;}
    .ceoInfoText01 .txtType01 {font-size:17px !important; margin-bottom:25px !important;}
    .ceoInfoText01 .txtType01 br {display:none;}    
    
    .businessBox ul li:not(:last-child) {margin-right:60px;}
    .businessBox ul li p {font-size:18px;}
    .businessBox ul li:not(:last-child)::after {height:35px; left:calc(100% + 30px);}
    .businessBox .arrow, .economyBox01 .arrow {width:50px;}
    .businessBox .arrow, .economyBox01 .economyImg02 {margin:40px auto;}
    .economyBox01 .economyImg02 {margin:40px auto;}
    .businessBox .text01 {font-size:30px;}
    .businessBox .img {width:100%;}    

    .visionBox01 li {width:32.5%;}
    .visionBox01 .iconBox {width:100px; margin:0 auto 20px auto;}
    .visionBox02 dt {font-size:20px;}
    .visionBox02 dd {font-size:18px;}
    .visionBox01 li dd,
    .visionBox02 p {font-size:16px;}
    .visionBox01 li dt {font-size:20px;}    

    .visionBox02 ul {flex-direction:column;}
    .visionBox02 ul li:not(:last-child) {margin-bottom:60px;}
    .visionBox02 .circle {margin:15px auto; width:13px; height:13px; }
    .visionBox02 li:nth-child(1) .circle {border:4px solid #5971ee; box-sizing:border-box;}
    .visionBox02 li:nth-child(2) .circle {border:4px solid #ee5959; box-sizing:border-box;}
    .visionBox02 li:nth-child(3) .circle {border:4px solid #005496; box-sizing:border-box;}
    .visionBox02 .infoText dt {font-size:32px; margin-bottom:30px !important;}
    .visionBox02 .infoText dd {font-size:19px;}    

    .winwinBox01,
    .winwinBox02 {display:block;}
    .winwinBox01 img {display:block; margin:0 auto;}
    .tableStyleWrap {width:100%; padding-top:0; overflow-x:scroll;}
    .tableStyleWrap table {width:720px;}
    .tableStyleWrap thead th {font-size:16px;}
    .tableStyleWrap tbody th, .tableStyleWrap tbody td {font-size:17px;}
    .tableStyleWrap .topText02 {text-align:left;}
    .tableStyleWrap .topText {font-size:18px; font-weight:300;}

    .infoBusiBoxType01 {margin-bottom:0 !important;}
    .infoBusiBox dt {padding-bottom:10px;}
    .infoBusiBox dt, .qualityBox dd {font-size:15px;}
    .infoBusiBox .orangeText {font-size:14px; padding-top:2px;}  
    
    .qualityBox li:nth-child(1) .imgBox img {width:100px;}
    .qualityBox li:nth-child(2) .imgBox img {width:131px;}
    .qualityBox li:nth-child(3) .imgBox img {width:145px;}
    .qualityBox .imgBox {height:140px;}
    .qualityBox li::before, .qualityBox li::after {height:210px;}

    .safetyEnBox .imgBox {height:180px;}
    .safetyEnBox li dd {letter-spacing:-1.2px;}
    .safetyEnBox li::before {height:400px; }
    .safetyEnBox li:last-child:after {height:400px; }    
    .safetyEnBox li:nth-child(1) .imgBox img {width:186px;}
    .safetyEnBox li:nth-child(2) .imgBox img {width:205px;}
    .safetyEnBox li:nth-child(3) .imgBox img {width:207px;}      

    .innovationBox li {width:49%; margin-bottom:30px;}
    .innovationBox li:not(:nth-child(3n)) {margin-right:0;}    
    .innovationBox li:nth-child(2n) {margin-left:2%;}    
    .innovationBox li .textBox {padding:25px 15px; width:calc(100% - 30px);}
    .innovationBox li .textBox p br {display:none;}
    .innovationBox li .title, .innovationBox li .text {font-size:16px;}
    .innovationBox li .title {margin-bottom:15px;}

    .economyBox01 {width:100%;}
    .economyBox01 ul {flex-wrap:wrap; width:100%; margin-top:80px;}
    .economyBox01 ul li dd {font-size:18px;}   
			
	.sub .listType03.flexCenter02 {display: block;}
	.sub .listType03 li {width:100%;}
	.sub .listType03 li:not(:last-child) {  margin-right: 0;}
	.sub .listType03 li:nth-child(1) .imgBox img {width:60%;}
	.sub .listType03 li:not(:last-child)::after {display:none;}
	
	.sub .listType03 dt { font-size:20px;  line-height:1.3; }
	.sub .listType03 dd { font-size:18px;  line-height:1.5; }
	.sub .listType03 dd p {font-size:18px;line-height:1.4; }

}
@media screen and (max-width:830px) {
    .carInfoWrap01 .lfBox {padding-right:30px;}
    .carInfoWrap01 .lfBox img {width:220px; margin:0 auto; display:block;}

    .businessBox ul {flex-direction:column; justify-content:center; align-items:center;}
    .businessBox ul li:not(:last-child) {margin-right:0; margin-bottom:40px;}
    .businessBox ul li p {font-size:17px;}
    .businessBox ul li:not(:last-child)::after {display:none;}
    .businessBox .arrow, .economyBox01 .arrow {width:30px;}
    .businessBox .arrow, .economyBox01 .economyImg02 {margin:30px auto;}
    .businessBox .text01 {font-size:26px;}
    .businessBox .img {width:100%;}      

    .visionBox01 {display:block;}
    .visionBox01 li {width:100%; margin-bottom:30px;}

    .locationText01 {display:block;}

    #loaction .root_daum_roughmap .wrap_map {height:350px !important;}
    .locationBox02 {padding:50px 30px 0 30px;}
    .locationBox02 .imgBox {height:90px;}
    .locationBox02 ul {flex-wrap:wrap;}
    .locationBox02 li {width:33%; padding-bottom:50px;}
    .locationBox02 li:not(:last-child) {margin-right:0;}
    .locationBox02 li:nth-child(1) .imgBox img {width:70px;}
    .locationBox02 li:nth-child(2) .imgBox img {width:77px;}
    .locationBox02 li:nth-child(3) .imgBox img {width:65px;}
    .locationBox02 li:nth-child(4) .imgBox img {width:70px;}
    .locationBox02 li:nth-child(5) .imgBox img {width:80px;}
    .locationBox02 p {font-size:18px;}
    .locationBox02 li .arrow {width:15px; left:95%; top:15%;}        
    .locationBox02 li:nth-child(3) .arrow {display:none;}

    .winwinBox01 img {width:95%;}

    .infoBusiBox {flex-direction:column;}
    .infoBusiBox li {width:100%;}
    .infoBusiBox li:not(:last-child) {margin-bottom:80px;}
    .infoBusiBox dt {padding-bottom:10px;}
    .infoBusiBox dt, .infoBusiBox dd {font-size:18px;}
    .infoBusiBox .orangeText {font-size:14px; padding-top:2px;}  
    .infoBusiBox li:last-child::before {display:none;}
    .infoBusiBox li::after {display:none;}
    .infoBusiBox li::before {height:1px; width:100%; top:auto; bottom:-30px;}
    .infoBusiBox .imgBox {height:auto; margin-bottom:30px;}

	
	.resourcesBox li { border-right:0px solid #e9e9e9; }
	.resourcesBox li:nth-child(1), .resourcesBox li:nth-child(2) {border-left:0px solid #e9e9e9;}

    .qualityBox li:nth-child(1) .imgBox img {width:70px;}
    .qualityBox li:nth-child(2) .imgBox img {width:101px;}
    .qualityBox li:nth-child(3) .imgBox img {width:115px;}

    .resourcesBox {border:none;}
    .resourcesBox::after {display:none;} 
    .resourcesBox li::before {left:0;}

    .socialBox li::after {display:block; height:1px; width:100%; top:auto; bottom:-30px;}        
    .socialBox li:last-child::after {display:none;}
    .socialBox li:nth-child(1):before,
    .socialBox li:nth-child(4):before {display:none;}       
    .infoBusiBox .imgBox img {width:130px;} 

    #company .subVisual {background-image:url(/images/sub/mo_company_bg.jpg) !important;}
    #ceo .subVisual {background-image:url(/images/sub/mo_ceo_bg.jpg) !important;}
    #BusinessIdeology .subVisual {background-image:url(/images/sub/mo_BusinessIdeology_bg.jpg) !important;}
	#structure .subVisual {background-image:url(/images/sub/mo_structure_bg.jpg) !important;}
    #vision .subVisual {background-image:url(/images/sub/mo_vision_bg.jpg) !important;}
    #history .subVisual {background-image:url(/images/sub/mo_history_bg.jpg) !important;}
    #location .subVisual {background-image:url(/images/sub/mo_location_bg.jpg) !important;} 
    
    #AutomotiveBodyPlant .subVisual {background-image:url(/images/sub/mo_AutomotiveBodyPlant_bg.jpg) !important;} 
    #painting .subVisual {background-image:url(/images/sub/mo_AutomotiveBodyPlant_bg.jpg) !important;} 
    #assembly .subVisual {background-image:url(/images/sub/mo_AutomotiveBodyPlant_bg.jpg) !important;} 
    #qualitytest .subVisual {background-image:url(/images/sub/mo_AutomotiveBodyPlant_bg.jpg) !important;} 

    #news .subVisual {background-image:url(/images/sub/mo_economy_bg.jpg) !important;} 
    #economy .subVisual {background-image:url(/images/sub/mo_economy_bg.jpg) !important;} 
    #innovation .subVisual {background-image:url(/images/sub/mo_innovation_bg.jpg) !important;} 
    #social .subVisual {background-image:url(/images/sub/mo_social_bg.jpg) !important;}     
}
@media screen and (max-width:720px) {
    .sub .sec .inner {width:calc(100% - 40px);}

    .sub .title01 {padding-bottom:50px;}
    .sliderType01 .slick-slide .arrowRight {display:none;}
    .sliderType01 .slick-list {width:calc(100% - 40px); margin:0 auto; left:0; right:0;}
    .sliderType01 .slick-slide {margin:0;}
    .sliderType01 .slick-slide dl {padding-top:25px;}

    .sub .sliderTypeWrap .sliderBtnWrap button.slick-prev {left:20px;}
    .sub .sliderTypeWrap .sliderBtnWrap button.slick-next {right:20px;}
    .sub .sliderBtnWrap button {width:40px; height:40px;}
    .sub .sliderBtnWrap button.slick-prev {right:45px;}    

    .sub .listType01 li {width:50%;}
    .sub .listType01 li:not(:last-child)::after {display:none;}

    .sub .textType01 {font-size:17px; letter-spacing:-1px;}
    .sub .listType01 p, .sub .listType02 p {font-size:16px;}
    .sub .listType01 li {margin-bottom:50px;}

    .sub .subVisual .textBox dt {font-size:16px; padding-bottom:25px;}
    .sub .subVisual .textBox dd {font-size:30px;}    
    .sub .subVisual .textBox dd .mo_br {display:block;}
    
    .carInfoWrap01 {flex-direction:column; justify-content:center;}
    .carInfoWrap01, .carInfoCommon { padding:50px 0 150px 0;}
    .carInfoText01 {padding-top:30px;}
	.carInfoWrap01 .car-stit {padding-top:40px;}
    .businessBox {padding:120px 0 160px 0;}
    .sub .secPb160 {padding-bottom:120px;}
    .sub .secPb200, .sub .secPb300 {padding-bottom:130px;}
    .sec.companyLayout {padding-top:60px;}
    .carInfoWrap01 .lfBox {padding-right:0;}
    .sub .title02 {padding-bottom:60px; }
    .carInfoWrap01 .lfBox img {width:auto; max-width:380px;}
    .sub .bgCircleDeco .bottomDeco {width:250px;}
    .sub .titType01 {font-size:22px;}
    .sub .titType01 br {display:none;}
    .sub .titType01 .br {display:block;}    

	.carInfoWrap02 { padding: 30px 0 90px;}
    .carInfoWrap02 ul {width:100%;}
	.carInfoWrap02 .text01 {width:100%;}

    .sliderType02 {margin-top:-50px;}
    .sliderType02_1 {margin-top:0;}
    .sliderType02 .topBox {top:40px; flex-direction:column;}
    .sliderType02 .topBox h3 {height:40px; line-height:40px; padding:0 8px; font-size:14px; display:inline-block;}
    .sliderType02 .topBox p {padding-top:5px; text-align:right; font-size:12px;}

    .linkMove {padding:0 25px;}
    .linkMove .arrow {width:10px; right:8px; top:8px;}

    .visionBox02 .imgCenter {width:420px; margin:0 auto 60px auto;}

    .historySliderWrap {padding:0 20px;}

    #loaction .root_daum_roughmap .wrap_map {height:300px !important;}
    .sub .locationText01 .titType01 {font-size:20px;}
    .sub .locationText01 .titType01 br {display:block;}
    .locationBox01 img {width:23px; margin-right:15px;}
    .sub .locationText01 .titType01 {margin-bottom:30px !important;}
    .locationBox01 li dt {font-size:18px; margin-bottom:7px;}
    .locationBox01 li dd, .locationBox01 li dd a {font-size:20px;}
    .sub .txtType02 {font-size:18px;}

    .safePcImg {display:none; width:100%;}
    .safeMoImg {display:block; width:100%;}    


    #morning .subVisual {background-image:url(/images/sub/mo_morning_bg.jpg) !important;}
    #ray_page .subVisual {background-image:url(/images/sub/mo_RayEv_bg.jpg) !important;}
    #niroplus .subVisual {background-image:url(/images/sub/mo_niroplus_bg.jpg) !important;}
    #stonic .subVisual {background-image:url(/images/sub/mo_stonic_bg.jpg) !important;}

    #winwin .subVisual {background-image:url(/images/sub/mo_winwin_bg.jpg) !important;}
    #quality .subVisual {background-image:url(/images/sub/mo_quality_bg.jpg) !important;}
    #safetyEnvironment .subVisual {background-image:url(/images/sub/mo_safetyEnvironment_bg.jpg) !important;}
    #resources .subVisual {background-image:url(/images/sub/mo_resources_bg.jpg) !important;}
    

}
@media screen and (max-width:580px) {
    #loaction .root_daum_roughmap .wrap_map {height:300px !important;}
    .locationBox02 {padding:50px 0; width:90%; margin:0 auto;}
    .locationBox02 .imgBox {height:90px;}
    .locationBox02 ul {display:block;}
    .locationBox02 li {width:100%; padding-bottom:0; margin-bottom:60px;}
    .locationBox02 li:last-child {margin-bottom:0;}
    .locationBox02 li:not(:last-child) {margin-right:0;}
    .locationBox02 li:nth-child(1) .imgBox img {width:70px;}
    .locationBox02 li:nth-child(2) .imgBox img {width:77px;}
    .locationBox02 li:nth-child(3) .imgBox img {width:65px;}
    .locationBox02 li:nth-child(4) .imgBox img {width:70px;}
    .locationBox02 li:nth-child(5) .imgBox img {width:80px;}
    .locationBox02 p {font-size:18px;}
    .locationBox02 li .arrow {width:12px; left:50%; margin-left:-6px; transform:rotate(90deg); top:calc(100% + 20px);}        
    .locationBox02 li:nth-child(3) .arrow {display:none;}

    .carInfoText01 {padding-top:60px;}
}
@media screen and (max-width:480px) {
    .sub .subVisual .textBox dl {padding:180px 0 120px 0;}
    .sub .subVisual .textBox dt {font-size:14px; padding-bottom:25px;}
    .sub .subVisual .textBox dd {font-size:24px; line-height:1.3;}       

    .sub .bgCircleDeco .topDeco {width:220px;}
    .sub .bgCircleDeco .bottomDeco {width:200px;}
    .carInfoWrap01 .lfBox img {max-width:60%;}    
    .carInfoWrap01 .rtBox p {font-size:18px; text-align:center;}
    .sub .title02 {font-size:25px;}
    .sub .title02 .deco {font-size:14px; padding-bottom:17px;}
    .sub .title03 .deco {width:13px; height:13px;}
    .sub .title03 dt {font-size:19px; padding-bottom:10px;}
    .sub .title03 dd {font-size:16px;}
    .sub .title03 dd:not(:last-child) {padding-bottom:4px;}

    .carInfoWrap02 ul li h3 {padding-left:13px; width:100px; font-size:16px;}
    .carInfoWrap02 ul li div {width:calc(100% - 100px) !important; flex-wrap:wrap;}
    .carInfoWrap02 ul li p {font-size:15px;}
    .carInfoWrap02 ul li p span {font-size:14px; letter-spacing:-1px;}
    .carInfoWrap02 ul li p:not(:last-child) {margin-right:30px;}
    .carInfoWrap02 ul li p:not(:last-child)::after {right:-15px;}
    .sub .sliderBtnWrap {top:10px;}

    .sub .ceoText01 .titType01.mb80 {margin-bottom:40px !important;}
    .sub .ceoText01 .txtType01.mb50 {margin-bottom:25px !important;}
    .sub .titType01 {font-size:18px; letter-spacing:-1px;}
    .sub .txtType01 {font-size:16px; letter-spacing:-1px;}
    .sub .titType01.mb50 {margin-bottom:35px !important;}
    .sub .txtType01.mb50 {margin-bottom:25px !important;}
    .sub .title01.pb70 {padding-bottom:50px !important;}
    .sub .title02.pb80 {padding-bottom:50px !important;}
    .ceoInfoText01 .titType01 {font-size:19px !important; margin-bottom:50px !important; letter-spacing:-1px;}
    .ceoInfoText01 .txtType01 {font-size:16px !important; margin-bottom:25px !important;}    
    .ceoInfoText01 .lfBox {width:100%;}
    .ceoInfoText01 .lfBox .sign {width:65%;}
    .sub .listType02 .imgBox {height:80px;}
    .sub .listType02 li:nth-child(1) .imgBox img {width:54px;}
    .sub .listType02 li:nth-child(2) .imgBox img {width:52px;}
    .sub .listType02 li:nth-child(3) .imgBox img {width:64px;}
    .sub .listType02 li:nth-child(4) .imgBox img {width:66px; position:relative; }
    .sub .listType02 li:nth-child(4) .imgBox img {top:-7px;}
    .sub .listType02 dt {font-size:14px;}
    .sub .listType02 dd {font-size:19px;}
    .sub .listType02 li dd .num {width:auto !important;}
    .sub .listType02 dd .circle {width:5px; height:5px; margin:12px auto;}
    .sub .listType02 p {font-size:14px; height:27px;}    
    .sub .sliderTypeWrap .sliderBtnWrap02 {top:43%;}


    .visionBox01 .iconBox {width:60px; margin:0 auto 15px auto;}
    .visionBox02 dt {font-size:19px;}
    .visionBox02 dd {font-size:16px;}
    .visionBox01 li dd,
    .visionBox02 p {font-size:15px;}
    .visionBox01 li dt {font-size:18px;}      
    .visionBox02 .imgCenter {width:80%; margin:0 auto 60px auto;}
    .visionBox02 .infoText dt {font-size:24px; margin-bottom:25px !important;}
    .visionBox02 .infoText dd {font-size:15px; letter-spacing:-1px; line-height:1.5; word-break:keep-all;}         
    .visionBox02 .btnBox {margin:60px auto !important;}

    .historySliderWrap .slick-slide {opacity:0; transition:all 0.6s;}
    .historySliderWrap .slick-active {opacity:1;}

    .infoBusiBox dt, .infoBusiBox dd {font-size:16px; letter-spacing:-1px;} 
    .infoBusiBox dd .des {font-size:13px;}
    .qualityBox li:nth-child(1) .imgBox img {width:80px;}
    .qualityBox li:nth-child(2) .imgBox img {width:91px;}
    .qualityBox li:nth-child(3) .imgBox img {width:95px;}   
    .safetyEnBox li dd {letter-spacing:-1.2px;}
    .safetyEnBox li:nth-child(1) .imgBox img {width:146px;}
    .safetyEnBox li:nth-child(2) .imgBox img {width:165px;}
    .safetyEnBox li:nth-child(3) .imgBox img {width:167px;}  
    .resourcesBox dd {font-size:15px; letter-spacing:-1px;}
    .resourcesBox dd .des { letter-spacing:-1px;}

    .innovationBox li {width:100%; margin-bottom:40px;}
    .innovationBox li:not(:nth-child(3n)) {margin-right:0;}    
    .innovationBox li:nth-child(2n) {margin-left:0;}        
    .innovationBox li p {word-break:keep-all;}
    .innovationBox li .textBox {min-height:130px;}
    .economyBox01 ul li {width:100%; margin-bottom:120px;}
    .economyBox01 ul li dt {font-size:18px; padding-bottom:8px;}
    .economyBox01 ul li dd {font-size:15px;}
    .economyBox01 ul li img {bottom:-85px; max-width:80%;}         
    .economyBox01 .text dt {font-size:19px; line-height:1.3; padding-bottom:2px;}
    .economyBox01 .text dd, .economyBox01.economyBox01 .text dd p {font-size:16px;}   
    
    .board select {width:100px; height:40px; line-height:40px; font-size:15px;}
    .board .btn-search {width:65px; height:40px; line-height:40px; font-size:15px; margin-left:0;}
    .board input.form-control {width:120px !important; height:40px; margin:0 5px; padding:0 10px;}

    .btnMoCenter {justify-content:center !important; align-items:center;}


    
    .sliderType02 .imgBox {overflow:hidden;}
    .sliderType02 .imgBox img {width:180%; position:relative; left:-40%; right:-40%;}
}
@media screen and (max-width:460px) {
    .carInfoWrap02 ul li {align-items:center;}
    .carInfoWrap02 ul li h3 {padding-left:6px;}
    .carInfoWrap02 ul li p .mo_br {display:block;}
    .carInfoWrap02 ul li p:not(:last-child)::after {height:15px; top:55%;}
    .linkMove {padding:0 15px; height:55px; line-height:55px; font-size:16px;}
    .linkMove .arrow {width:8px; right:5px; top:7px;}
}
@media screen and (max-width:380px) {
    .sub .listType01 .imgBox {width:100%; height:80px;}
    .sub .listType01 .imgBox img {max-height:70%; }
    .sub .listType01 p,
    .sub .listType01 p {font-size:14px; height:35px;}
    .sub .listType01 li {margin-bottom:40px;}

    .sub .sliderBtnWrap button {width:30px; height:30px;}
    .sub .sliderBtnWrap button.slick-prev:after {margin-left:-3px;}
    .sub .sliderBtnWrap button.slick-next:after {margin-right:-3px;}

    .linkMove {font-size:14px; letter-spacing:-1px; padding:0 10px;}
    .linkMove .arrow {width:7px;}
}
@media screen and (max-width:300px) {
    .linkMove {padding:0 10px;}
    .sub .listType02 p {font-size:12px; letter-spacing:-1px; height:25px;}   
}

/* 250402 */
.subTabMove {margin-top:210px; margin-bottom: 80px; display:flex; flex-direction:row; align-items:center; justify-content:center;}
.subTabMove li a {font-family: 'NotoSansCJKkr'; font-size: 26px; font-weight:500; color: rgb(102, 102, 102); background-color:#cdcdcd; display:block; width:350px; height:85px; line-height:85px; text-align:center;}
.subTabMove li.active a {background-color:#000051; color:#fff;}
.subTabMove li a:hover {background-color:#000; color:#fff;}
.operateTitle {margin:75px auto 30px auto; text-align:center;}
.operateTitle dt {font-size:48px; font-weight:bold; color:#222222; line-height:1;}
.operateTitle dt span {font-size:1em; font-weight:bold; color:#005496;}
.operateTitle dd {font-size:30px; font-weight:300; color:#222222; padding-top:20px;}
.operateTitle dd .red_text {display:block; font-size:16px; font-weight:300; color:#a1a1a1;}
.operateTextWrap01 li {display:flex; flex-direction:row; align-items:flex-start; padding-left:15px; margin-bottom:5px;}
.operateTextWrap01 li p { font-size:22px; font-weight:300; color:#666666;}
.operateTextWrap01 li.text01 {padding-left:0;}
.operateTextWrap01 li.text01 p {font-weight:400; color:#333333;}
.operateTextWrap01 li p.centerText {margin:0 20px;}
.operateTextWrap01 .telmailBox a {display:inline;  font-size:1em; font-weight:300; color:#666666;}
.operateProcess {background-color:#fafbff; border:2px solid #c0c6df; box-sizing:border-box; padding:50px 0 60px 0; border-radius:16px;}
.operateProcess li {text-align:center; position:relative;}
.operateProcess li.arrow {padding:155px 45px 0 45px;}
.operateProcess li .icon {margin-bottom:40px;}
.operateProcess li dt {text-align:center;  font-size: 26px; color: rgb(0, 0, 0); font-weight:500; margin-bottom:20px; line-height:1;}
.operateProcess li dd, .operateProcess li dd p {text-align:center;  font-size: 22px; font-weight:300; color: rgb(102, 102, 102);}
.operateProcess li dd:not(:last-child) {margin-bottom:5px;}

@media screen and (max-width:1580px) {
    .subTabMove li a {font-size:20px; width:320px; height:65px; line-height:65px;}
    .operateTitle dt {font-size:40px;}
    .operateTitle dd {font-size:24px;}
    .operatingPage .title01.pb50 {padding-bottom:40px !important;}
    .operateProcess li .icon {width:120px;}
    .operateTextWrap01 li.text01.mb50 {margin-bottom:40px !important;}
    .operateTextWrap01 li p {font-size:18px; letter-spacing:-1px;}
    .operateTextWrap01 li.text01 p {font-size:20px;}
    .operateProcess li dt {font-size:22px;}
    .operateProcess li dd, .operateProcess li dd p {font-size:18px;}
    .operateTextWrap01 li.text01 p br {display:none;}
    .operateTextWrap01 li p br {display:none;}
    .operateProcess li.arrow img {width:18px;}
    .operateProcess li.arrow {padding:130px 30px 0 50px;}
    .operateTextWrap01 li p.centerText {margin:0 10px;}
}
@media screen and (max-width:1200px) {
    .operateTextWrap01 li .telmailBox {display:block;}
    .operateTextWrap01 li p.centerText {display:none;}

    .operateTitle dt {font-size:36px;}
    .operateTitle dd {font-size:22px;}
}
@media screen and (max-width:1080px) {
    .operateProcess li .icon {width:100px; margin-bottom:20px;}
    .operateProcess li dt {font-size:19px;}
    .operateProcess li dd, .operateProcess li dd p {font-size:16px;}
    .operateProcess li.arrow img {width:16px;}
    .operateProcess li.arrow {padding:100px 10px 0 5px;}

    #operatingPrinciples .subVisual {
        background-image: url(/images/sub/mo_operatingPrinciples_bg.jpg) !important;
    }
}
@media screen and (max-width:860px) {
    .operateProcess {border:1px solid #c0c6df; display:block;}
    .operateProcess li .icon {width:80px; margin-bottom:20px;}
    .operateProcess li dt {font-size:19px;}
    .operateProcess li dd, .operateProcess li dd p {font-size:16px;}
    .operateProcess li.arrow img {width:16px;}
    .operateProcess li.arrow {padding:30px 0;}
    .operateProcess li.arrow img {transform: rotate(90deg);}
    .operateTextWrap01 li p {font-size:15px; letter-spacing:-1px;}
    .operateTextWrap01 li.text01 p {font-size:17px;}

    .subTabMove {width:calc(100% - 40px); margin:50px auto;}
    .subTabMove li {width:50%;}
    .subTabMove li a {width:100%; font-size:18px; height:55px; line-height:55px;}

    .operateTitle {margin:55px auto 5px auto;}
    .operateTitle dt {font-size:31px;}
    .operateTitle dd {font-size:18px;}
}
/* vision 추가 css */
.visionRenewBox01 li {padding:30px 0 50px 0;}
.textCenter {text-align:center;}
.visionMission_text {display:block; margin:0 45px auto; width:830px; height:120px; line-height:120px; text-align:center; border-radius:60px; background-color:#005496; font-size:30px; font-weight:400; color:#fff;}

.visionMission_text span {display:inline; color:#62f5a1;}
.borderLine {width:2px; height:35px; background-color:#000051; display:block; margin:45px auto 40px auto;}
.visionRenewBox dl {text-align:center;}
.visionRenewBox dt {font-size:26px; font-weight:bold; color:#005496;}
.visionRenewBox dd {font-size:22px; font-weight:300; color:#666666; line-height:1.3;}
.visionRenewBox dd .circle {display:block; width:10px; height:10px; border-radius:50%; background-color:#62f5a1; margin:30px auto;}
.visionRenewBox li:nth-child(2) {margin:0 170px; position:relative;}
.visionRenewBox li:nth-child(2) .arrow {position:absolute; top:50%; transform:translateY(-50%); width:38px; height:38px; line-height:50px; text-align:center; border-radius:50%; background-color:#000051;}
.visionRenewBox li:nth-child(2) .arrow i {font-size:26px; color:#fff; text-align:center; position:relative; margin-right:1px;}
.visionRenewBox li:nth-child(2) .arrow01 {left:-95px;}
.visionRenewBox li:nth-child(2) .arrow02 {right:-95px;}
.vision-mod {width:70%;}
.vision-mod .visionMission_text {width:100%; margin:0;}
.vision-mod .visionRenewBox dd .circle {display:none;}
.vision-mod .visionRenewBox01 li {padding: 30px 0 30px 0;}
.vision-mod .visionBox01 .iconBox img {width:80%;}
.vision-mod .visionBox01 li dd {font-size:20px;}

@media screen and (max-width:1200px) {
    .visionRenewBox01 li {padding:40px 0 50px 0;}
    .visionMission_text {width:500px; height:80px; line-height:80px; font-size:20px;}
    .visionRenewBox dt {font-size:19px;}
    .visionRenewBox dd {font-size:17px;}
    .visionRenewBox dd .circle {width:8px; height:8px; margin:20px auto;}
    .visionRenewBox li:nth-child(2) {margin:0 60px;}
    .visionRenewBox li:nth-child(2) .arrow {width:28px; height:28px; line-height:35px;}
    .visionRenewBox li:nth-child(2) .arrow i {font-size:22px;}
    .visionRenewBox li:nth-child(2) .arrow01 {left:-38px;}
    .visionRenewBox li:nth-child(2) .arrow02 {right:-38px;}
	.visionText01 {display:block;}
	.sub .visionText01 .title02 {padding-bottom: 20px;}
	.vision-mod {width:100%;}
}

@media screen and (max-width:780px) {
    .visionRenewBox {flex-direction:column; justify-content:center; align-items:center;}
    .visionRenewBox li:nth-child(2) {margin:0 auto;}
    .visionRenewBox li:nth-child(2) .arrow {display:block; position:relative; top:auto; left:auto; transform:initial; margin:30px auto;}
    .visionRenewBox li:nth-child(2) .arrow01 {left:auto;}
    .visionRenewBox li:nth-child(2) .arrow02 {right:auto;}
    .visionMission_text {width:100%; height:70px; line-height:70px; font-size:18px; letter-spacing:-1px;}
}
@media screen and (max-width:480px) {
    .visionMission_text {font-size:16px;}
}
@media screen and (max-width:360px) {
    .visionMission_text {font-size:14px;}
}


.floating-btn {
  position: fixed;
  right: 20px;
  bottom: 30px;
  z-index: 9999; 
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 15px 25px;
  background-color: #005bac; 
  color: #fff;
  text-decoration: none;
  border-radius: 50px; 
  font-weight: bold;
  box-shadow: 0 4px 15px rgba(0,0,0,0.2);
  transition: all 0.3s ease;
  font-size:20px;
}

.floating-btn:hover {
  transform: translateY(-5px);
  background-color: #004a8d;
  color:#fff; 
}

.floating-btn::before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  background: #fff url('/images/mainImg/main_section05_icon.png') no-repeat center/contain;
  border-radius:50%;
  border: 5px solid #fff;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .floating-btn {
    right: 20px;
    bottom: 20px;
    padding: 12px 20px;
    font-size: 14px;
  }
}

/* 260220 레이아웃변경 */
/* 새로운 컨테이너 스타일 */
.processCarBox {
    display: grid;
    /* 4열 그리드 생성 */
    grid-template-columns: repeat(3, 1fr);
    /* 행 간격 60px, 열 간격 30px 
	width: calc(100% - 40px);*/
    gap: 80px 35px;
    width: 100%;
    padding-bottom: 150px;
    box-sizing: border-box;
	width:1440px;    
    margin: 0 auto;    
}

/* 각 프로세스 아이템 공통 스타일 */
.processCarBox > div {
    position: relative;
    box-sizing: border-box;
}

/* 지그재그(Snake) 흐름을 위한 아이템 재배치 (두 번째 줄 역순 배치) */
/* 5번째 아이템을 2행 4열로 */
.processCarBox > div:nth-child(4) {
    grid-row: 2;
    grid-column: 3;
}
.processCarBox > div:nth-child(5) {
    grid-row: 2;
    grid-column: 2;
}
.processCarBox > div:nth-child(6) {
    grid-row: 2;
    grid-column: 1;
}

/* 이미지 박스 스타일 (기존 스타일 유지) */
.processCarBox .imgBox {
    width: 100%;
}
.processCarBox .imgBox img {
    width: 100%;
    border-radius: 10px;
    display: block;
}

/* 텍스트 스타일 (기존 스타일 유지) */
.processCarBox dl {
    padding-top: 30px;
    margin: 0;
}
.processCarBox dl dt {
    font-family: 'NotoSansCJKkr';
    font-size: 24px;
    font-weight: 500;
    color: #333333;
    line-height: 1;
    padding-bottom: 10px;
    margin: 0;
}
.processCarBox dl dd {
    font-family: 'NotoSansCJKkr';
    font-size: 22px;
    font-weight: 300;
    color: #666666;
    line-height: 1.3;
    margin: 0;
    word-break: keep-all;
}

/* --- 화살표 방향 및 위치 제어 --- */

/* 기본 화살표 (오른쪽 방향 - 1, 2, 3번 아이템에 적용) */
.processCarBox .arrowRight {
    position: absolute;
    top: 35%; /* 이미지 중앙쯤에 위치하도록 조정 */
    right: -32px; /* 아이템 영역 밖으로 빼냄 */
    transform: translateY(-50%);
    z-index: 2;
}

/* 4번 아이템 화살표: 아래로 향하게 (첫 줄 끝) */
.processCarBox > div:nth-child(3) .arrowRight {
    top: auto;
    bottom: -50px; /* 텍스트 아래로 배치 */
    right: 50%;
    /* 90도 회전하고 X축 중앙 정렬 보정 */
    transform: rotate(90deg) translateX(50%);
    transform-origin: center right;
}

/* 5번 아이템 화살표: 왼쪽으로 향하게 (두 번째 줄 역방향 진행) */
.processCarBox > div:nth-child(4) .arrowRight,
.processCarBox > div:nth-child(5) .arrowRight {
    right: auto;
    left: -32px; /* 왼쪽 밖으로 배치 */
    /* 180도 회전하여 반대 방향(왼쪽)을 가리키게 함 */
    transform: translateY(-50%) rotate(180deg);
}

/* 마지막 아이템(6번) 화살표: 숨김 */
.processCarBox > div:last-child .arrowRight {
    display: none;
}

/* ---------------------------------------------------
   Tablet (1024px 이하) : 2열 지그재그(ㄹ자) 레이아웃
--------------------------------------------------- */
@media (max-width:1480px) {
    .processCarBox .arrowRight {top:28%; width:20px; right:-27px;}
}
@media (max-width: 1024px) {
    .processCarBox {
        grid-template-columns: repeat(2, 1fr);
        gap: 50px 40px;
        padding-bottom: 100px;
    }
    
    /* 2열에 맞춘 아이템 강제 재배치 (DOM 순서 무시, 시각적 순서 강제) */
    .processCarBox > div:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
    .processCarBox > div:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
    .processCarBox > div:nth-child(3) { grid-area: 2 / 2 / 3 / 3; } /* 우측에서 아래로 꺾인 후 좌측으로 진행 */
    .processCarBox > div:nth-child(4) { grid-area: 2 / 1 / 3 / 2; }
    .processCarBox > div:nth-child(5) { grid-area: 3 / 1 / 4 / 2; } /* 다시 좌측에서 아래로 꺾인 후 우측으로 진행 */
    .processCarBox > div:nth-child(6) { grid-area: 3 / 2 / 4 / 3; }

    /* 화살표 위치 및 방향 전면 초기화 & 재설정 */
    .processCarBox .arrowRight {
        top: 35%; 
        right: -35px; 
        left: auto; 
        bottom: auto;
        transform: translateY(-50%) rotate(0deg); 
    }

    /* 2번 아이템: 오른쪽 끝에서 아래를 향함 */
    .processCarBox > div:nth-child(2) .arrowRight {
        top: auto; 
        bottom: -40px; 
        right: 50%;
        transform: translateX(50%) rotate(90deg);
    }
    
    /* 3번 아이템: 역방향(왼쪽)을 향함 */
    .processCarBox > div:nth-child(3) .arrowRight {
        right: auto; 
        left: -25px; 
        top: 35%;
        transform: translateY(-50%) rotate(180deg);
    }

    /* 4번 아이템: 왼쪽 끝에서 아래를 향함 */
    .processCarBox > div:nth-child(4) .arrowRight {
        top: auto; 
        bottom: -50px; 
        right: 50%; 
        left: auto;
        transform: translateX(50%) rotate(90deg);
    }

    /* 5번 아이템: 다시 정방향(오른쪽)을 향함 (기본값) */
    .processCarBox > div:nth-child(5) .arrowRight {
        top: 35%; 
        right: -25px; 
        left: auto; 
        bottom: auto;
        transform: translateY(-50%) rotate(0deg);
    }
    
    /* 6번 아이템: 마지막이므로 숨김 */
    .processCarBox > div:nth-child(6) .arrowRight { 
        display: none; 
    }
}

/* ---------------------------------------------------
   Mobile (768px 이하) : 1열 수직 레이아웃
--------------------------------------------------- */
@media (max-width: 768px) {
    .processCarBox {
        width:calc(100% - 40px);
        margin:0 auto;
        grid-template-columns: 1fr;
        gap: 60px 0;
        padding-bottom: 60px;
    }

    /* 그리드 위치 할당 해제 (HTML 순서대로 자연스럽게 떨어지도록 처리) */
    .processCarBox > div { 
        grid-area: auto !important; 
    }

    /* 모든 화살표를 아이템 하단 중앙에서 아래를 가리키도록 통일 */
    .processCarBox .arrowRight {
        display: block; /* 6번 제외하고 모두 보이게 강제 */
        top: auto !important;
        bottom: -50px !important;
        right: 50% !important;
        left: auto !important;
        transform: translateX(50%) rotate(90deg) !important;
        width:20px;
    }
    
    /* 마지막 6번 아이템 화살표만 숨김 */
    .processCarBox > div:last-child .arrowRight {
        display: none !important;
    }
}

/* 연혁 Grid 컨테이너 */
.historyGridWrap {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px 20px;
    width: 100%;
    padding: 0 5%;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden; /* 영역 밖으로 나가는 연결선 차단 */
}

/* Z축 스태킹 컨텍스트 및 마스킹 처리 (선이 뒤로 지나가도록 제어) */
.historyGridWrap .imgBox,
.historyGridWrap .year,
.historyGridWrap dl {
    position: relative;
    z-index: 2;
    background-color: #fff; /* 부모 컨테이너의 배경색과 동일하게 맞출 것 */
}
.historyGridWrap .year {
    width:100%;
}
/* 연결선 생성 및 확장 */
.historyGridWrap .year::after {
    content: '';
    position: absolute;
    width:110%; 
    height: 5px;
    top:65px;
    left:-7%; 
    background-color: #000;
    z-index: -1;
}

.historyGridWrap > div:nth-child(5n) .year {
    position: relative;
}

.historyGridWrap > div:nth-child(5n) .year::before {
	content: '';
    position: absolute;
    z-index: 1;     
    top: 67.5px; 
    right: -3%; 
    width: 15px;
    height: 15px;
    border-top: 5px solid #000;   
    border-right: 5px solid #000;
    transform: translateY(-50%) rotate(45deg);
}
.historyGridWrap > div:last-child .year::before { display:none; }

/* 이미지 박스 */
.historyGridWrap .imgBox {
    width: 100%;
    max-width: 200px;
    aspect-ratio: 1 / 1;
    margin: 0 auto 5px auto;
    border: 1px solid #d9d9d9;
    border-radius: 50%;
    overflow: hidden;
}
.historyGridWrap .imgBox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 연도 텍스트 */
.historyGridWrap .year {
    display: inline-block;
    font-family: 'NotoSansCJKkr';
    font-size: 32px;
    font-weight: bold;
    color: var(--color01);
}

/* 중심 노드(원) - Z축 최하위 배치 */
.historyGridWrap .circle {
    margin: 10px auto 10px auto;
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #fff;
    border: 4px solid var(--color01);
    box-sizing: border-box;
    position: relative;
    z-index:2; 
}

/* 하단 설명 텍스트 */
.historyGridWrap dl {
    margin: 0 auto;
}
.historyGridWrap dt { margin-bottom: 20px; }
.historyGridWrap dt p { font-family: 'NotoSansCJKkr'; font-size: 20px; font-weight: 400; color: #444444; }
.historyGridWrap dt p.color { color: var(--color02); padding-bottom: 0px; }
.historyGridWrap dd { font-family: 'NotoSansCJKkr'; font-size: 16px; font-weight: 300; color: #666666; line-height: 1.4; }

/* 반응형 미디어 쿼리 */
@media (max-width: 1280px) {
    /* 태블릿: 3열 배치 */
    .historyGridWrap { grid-template-columns: repeat(3, 1fr); gap: 60px 20px;}
	.historyGridWrap > div:nth-child(5n) .year::before { display:none; }
	.historyGridWrap > div:nth-child(3n) .year::before {
		content: '';
		position: absolute;
		z-index: 1;     
		top: 67.5px; 
		right: -3%; 
		width: 15px;
		height: 15px;
		border-top: 5px solid #000;   
		border-right: 5px solid #000;
		transform: translateY(-50%) rotate(45deg);
	}
}

@media (max-width: 720px) {
    /* 모바일: 1열 수직 배치 및 세로선 전환 */
    .historyGridWrap { grid-template-columns: 1fr; gap: 40px 0; }
    .historyGridWrap .circle,
    .historyGridWrap .year::after {
        display:none;
    }
	.historyGridWrap .year::before { display:none; }
    .historyGridWrap >div::after {
        content:'';
        background-image:url('/images/sub/arr_bottom.png');
        width:35px;
        height:21px;
        background-position:center;
        background-repeat:no-repeat;
        background-size:cover;
        display:block;
        margin:10px auto 0 auto;
    }
    .historyGridWrap >div:last-child:after {
        display:none;
    }
}

.process-wrap{display:flex;flex-wrap:wrap;gap:30px;margin:190px 0 100px; }
.process-card{width:calc(24% - 20px);border:1px solid #ddd;background:#fff;display:flex;flex-direction:column; border-radius: 25px;}
.process-card2{width:calc(32% - 20px);border:1px solid #fff;background:#fff;display:flex;flex-direction:column; border-radius: 25px;}
.process-img{position:relative;height:306px;overflow:hidden;}
.process-img img{width:100%;height:100%;object-fit:cover;display:block; margin-top: 56px; }
.process-img span{position:absolute;top:0;left:0;width:100%;padding:15px;text-align:center; font-weight:bold; font-size:22px;color:#fff;background:rgba(0,0,0,0.7); box-sizing: border-box;}
.process-card2 .process-img{position:relative;height:400px;display: flex; align-items: flex-end;}
.process-card2 .process-img span{position:absolute;top:0;left:0;width:100%;padding:35px 45px;text-align:left; font-weight:bold; font-size:26px;color:#111;background:#fff; box-sizing: border-box;}
.process-card2 .process-img img{margin:0 auto; width:93%;height:auto;object-fit:contain;display:block;}
.process-card2:nth-child(1) .process-img img {width:68%; margin-bottom:20px; }
.process-card2:nth-child(2) .process-img img {width:83%;}
.process-text{padding:35px 15px; flex:1;}
.process-text ul{padding-left:18px;}
.process-text li{font-size:20px;margin-bottom:8px;line-height:1.5; position: relative;padding-left: 15px;margin-bottom: 5px;}
.process-text li::before { content: "•"; position: absolute; left: 0; color: #555; }
.process-text .sub-list { margin-bottom: 15px;}
.process-text .sub-list > li { position: relative;  padding-left: 10px;  margin-bottom: 5px;  font-size: 1rem;  color: #333;}
.process-text .sub-list > li::before {  content: "-"; position: absolute;  left: 0px;  color: #333;}

@media (max-width:1280px){
	.process-wrap{margin:60px 0 30px; }
	.process-card{width:calc(49% - 15px);	}
	.process-card2{width:calc(49% - 15px);	}
	.process-text li{font-size:18px;}
}

@media (max-width:720px){
	.process-wrap{margin:60px 0 30px; }
	.process-card{width:100%;}
	.process-card2{width:100%;}
}