@charset "UTF-8";

/* #sub-content {width:100%;
    z-index: -1; position: relative;
}
#sub-visual {
    z-index: -1; position: relative;
} */
#sub-visual:before {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    content: '';
    z-index: 997;
}
#sub-visual {position:relative;width:100%;height:400px;background:url(/design/default/img/sub/img-sub-visual.jpg) no-repeat center center / cover;}
#sub-visual .visualTtlWrap {position:absolute;top:calc(50% + 50px);left:50%;transform:translate(-50%,-50%);z-index: 9999;}
#sub-visual .visualTtlWrap .visualTtl {color:#fff;font-size:3.25em;font-weight:700;text-align:center;}

.lnbWrap {width:100%;height:60px;background-color:var(--color-main);}
.lnbWrap .lnb {justify-content:flex-start;height:100%;}
.lnbWrap .lnb > li {position:relative;min-width:170px;height:100%;}
.lnbWrap .lnb > li::after {content:"";position:absolute;top:50%;left:0;width:1px;height:calc(100% - 8px);background-color:#fff;opacity:0.25;transform:translateY(-50%);}
.lnbWrap .lnb > li > a {display:block;width:100%;height:100%;color:#fff;font-size:1em;font-weight:700;padding:0 32px 0 20px;line-height:60px;box-sizing:border-box;transition:0.2s;}
.lnbWrap .lnb > li:not(:first-child) > a::after {content:"";position:absolute;top:50%;right:12px;display:block;width:7px;height:6px;background:url(/design/default/img/sub/icon-lnb-arrow.png) no-repeat center center / contain;transform:translateY(-50%);}
.lnbWrap .lnb > li:hover > a,
.lnbWrap .lnb > li.on > a {background-color:var(--color-hover);}
.lnbWrap .lnb > li .depth2 {position:absolute;top:60px;left:0;display:none;width:100%;padding:4px 2px 0;box-sizing:border-box;z-index:5;}
.lnbWrap .lnb > li .depth2 ul {width:100%;border:1px solid var(--mono7);box-sizing:border-box;box-shadow:0 2px 12px rgba(0 0 0 / 10%);overflow:hidden;}
.lnbWrap .lnb > li .depth2 ul li {width:100%;}
.lnbWrap .lnb > li .depth2 ul li a {display:block;width:100%;color:var(--mono3);font-size:1em;padding:10px 12px;line-height:1.2;background-color:#fff;box-sizing:border-box;word-break:keep-all;transition:0.2s;}
.lnbWrap .lnb > li .depth2 ul li:hover a {color:var(--color-main);background-color:var(--mono8);}

#sub-container {width:100%;padding:5em 0;}
#sub-container .pageTtl {position:relative;color:var(--mono2);font-weight:700;margin-bottom:2.5em;}
#sub-container .pageTtl::before {content:"";position:absolute;top:-11px;left:0;display:block;width:30px;height:5px;background-color:var(--color-sub);}
#sub-container .pageTtl strong {font-size:3em;}

.article + .article {padding-top:3.75em;}

.article .tabList {justify-content:center;align-items:center;margin-bottom:2.5em;}
.article .tabList .tab:not(:last-child) {margin-right:10px;}
.article .tabList .tab a {display:block;color:var(--mono4);font-size:1.125em;font-weight:700;text-align:center;padding:0.375em 2em;border-radius:50px;background-color:var(--mono8);}
.article .tabList .tab.on a {color:#fff;background-color:var(--color-deep);}
.article .tabCont {display:none;width:100%;}
.article .tabCont.on {display:block;}

.article .contTtl {position:relative;color:var(--mono2);font-weight:700;padding-left:20px;margin-bottom:0.75em;}
.article .contTtl::before {content:"";position:absolute;top:50%;left:0;display:block;width:6px;height:6px;border:4px solid var(--color-main);border-radius:50px;transform:translateY(-50%);}
.article .contTtl strong {font-size:1.75em;}
.article .contentWrap + .contTtl {margin-top:2.5em;}

.pc-mode {display:block;}
.m-mode {display:none;}

.point-circle {position:relative;padding-left:12px;box-sizing:border-box;}
.point-circle::before {content:"";position:absolute;top:8px;left:0;display:block;width:5px;height:5px;border-radius:50px;background-color:var(--color-sub);}

/* page1010 */
.page1010 .mainWrap {justify-content:space-evenly;width:100%;height:375px;margin-bottom:2.5em;border-radius:50px 0;background:url(/design/default/img/sub/img-bg-pattern.png) no-repeat right center / contain;background-color:var(--mono8);box-sizing:border-box;}
.page1010 .mainWrap .greetingTxt {align-self:center;}
.page1010 .mainWrap .greetingTxt .top {position:relative;z-index:1;}
.page1010 .mainWrap .greetingTxt .top::before {content:"";position:absolute;top:-6px;left:-14px;display:block;width:36px;height:36px;border-radius:50px;background-color:var(--color-main);opacity:0.3;z-index:-1;}
.page1010 .mainWrap .greetingTxt .top,
.page1010 .mainWrap .greetingTxt .mid {color:var(--mono2);font-size:2.25em;font-weight:700;}
.page1010 .mainWrap .greetingTxt .mid {margin-bottom:30px;}
.page1010 .mainWrap .greetingTxt .mid .point {color:var(--color-main);}
.page1010 .mainWrap .greetingTxt .btm .point {color:var(--mono1);font-weight:600}
.page1010 .mainWrap .ceoPhoto {align-self:flex-end;width:auto;height:calc(100% - 20px);}
.page1010 .mainWrap .ceoPhoto img {display:block;height:100%;}
.page1010 .textWrap {font-size: 18px;}
.page1010 .textWrap .sentence {color:var(--mono2);font-size:18px;margin-bottom:16px;word-break:keep-all;}
.page1010 .textWrap .point {color:var(--color-main);font-weight:600;}
.page1010 .imgWrap {
    padding:50px 0;
    box-sizing: border-box;
}
.contact-box {
    display: flex;
    align-items: center;
    gap:100px;
    background: #f5f5f5;
    padding:2em 5em; box-sizing: border-box;
}
.contact-box div {
    display: flex; gap:50px;
    font-size: 1em;;
}

/* page1011 */
.page1011 .chart {justify-content:center;width:100%;}
.page1011 .chart a {pointer-events:none;}
.page1011 .chart .ceo {position:relative;width:200px;height:200px;margin-bottom:80px;}
.page1011 .chart .ceo::after {content:"";position:absolute;bottom:-40px;left:50%;display:block;width:1px;height:40px;background-color:var(--mono5);transform:translateX(-50%);}
.page1011 .chart .ceo a {display:block;width:100%;height:100%;font-weight:700;text-align:center;border-radius:100px;background-color:var(--color-deep);box-sizing:border-box;}
.page1011 .chart .ceo a span {display:block;color:#fff;font-size:1.875em;font-weight:700;text-align:center;padding-top:72px;}
.page1011 .chart .ceo a strong {display:block;color:#fff;font-size:1.25em;font-weight:700;text-align:center;}
.page1011 .chart .employee {position:relative;justify-content:space-between;width:calc(100% - 120px);}
.page1011 .chart .employee::after {content:"";position:absolute;top:-40px;left:50%;display:block;width:77.5%;height:1px;background-color:var(--mono5);transform:translateX(-50%);}
.page1011 .chart .employee .department {position:relative;width:22.5%;}
.page1011 .chart .employee .department::after {content:"";position:absolute;top:-40px;left:50%;display:block;width:1px;height:40px;background-color:var(--mono5);transform:translateX(-50%);}
.page1011 .chart .employee .department > a {display:block;width:100%;color:#fff;font-size:1.125em;font-weight:700;text-align:center;padding:0.75em 0;border-radius:8px;background-color:var(--mono3);}
.page1011 .chart .employee .department .team {width:100%;}
.page1011 .chart .employee .department .team li {width:100%;margin-top:10px;}
.page1011 .chart .employee .department .team li a {display:block;width:100%;color:var(--mono2);font-size:1.125em;font-weight:700;text-align:center;padding:0.625em 0;border-radius:8px;background-color:var(--mono7);}

/* page1012 */
.page1012 .historyWrap {position:relative;justify-content:space-between;width:100%;}
.page1012 .historyWrap::before {content:"";position:absolute;top:58px;left:50%;display:block;width:100%;height:1px;border-bottom:1px dashed var(--mono5);transform:translateX(-50%);z-index:-1;}
.page1012 .historyWrap .period {width:32%;max-width:390px;}
.page1012 .historyWrap .period .periodTtl {display:block;width:100%;color:var(--color-main);font-size:1.5em;font-weight:700;text-align:center;margin-bottom:12px;}
.page1012 .historyWrap .period .years {display:block;width:140px;color:#fff;font-size:0.875em;font-weight:500;text-align:center;padding:3px 0;margin:0 auto 30px;border-radius:50px;background-color:var(--mono3);box-sizing:border-box;}
.page1012 .historyWrap .period .eventList {position:relative;padding:1.75em;border:1px solid var(--mono6);border-radius:20px;box-sizing:border-box;}
.page1012 .historyWrap .period .eventList::before {content:"";position:absolute;top:-30px;left:50%;display:block;width:1px;height:30px;background-color:var(--mono6);transform:translateX(-50%);}
.page1012 .historyWrap .period .eventList::after {content:"";position:absolute;top:-10px;left:50%;display:block;width:20px;height:20px;border:5px solid var(--color-deep);border-radius:50px;background-color:#fff;box-sizing:border-box;box-shadow:0 0 12px rgba(0 0 0 / 12%);transform:translateX(-50%);}
.page1012 .historyWrap .period .eventList .event {justify-content:space-between;width:100%;}
.page1012 .historyWrap .period .eventList .event:not(:last-child) {margin-bottom:1.375em;}
.page1012 .historyWrap .period .eventList .event .date {display:block;width:70px;color:var(--mono1);font-size:1em;font-weight:700;}
.page1012 .historyWrap .period .eventList .event .detail {display:block;width:calc(100% - 100px);color:var(--mono2);font-size:1em;font-weight:400;word-break:keep-all;}

/* page1013 */
.page1013 .contentWrap + .contTtl {margin-top:0.75em;}
.page1013 .employeeList {width:100%;}
.page1013 .employeeList .employee {width:calc(20% - 12.8px);margin-right:16px;margin-bottom:1.75em;border:1px solid var(--mono6);border-radius:10px;overflow:hidden;box-sizing:border-box;}
.page1013 .employeeList .employee:nth-child(5n) {margin-right:0;}
.page1013 .employeeList .employee .photo {position:relative;width:100%;padding:0.75em 1.25em 0;background-color:var(--mono8);box-sizing:border-box;}
.page1013 .employeeList .employee .photo img {display:block;width:100%;}
.page1013 .employeeList .employee .nameWrap {width:100%;text-align:center;padding:0.75em 0;border-top:1px solid var(--mono7);border-bottom:1px solid var(--mono7);}
.page1013 .employeeList .employee .nameWrap .team {display:block;width:100%;color:var(--color-main);font-size:1em;font-weight:700;text-align:center;}
.page1013 .employeeList .employee .nameWrap .name {color:var(--mono2);font-size:1.25em;font-weight:700;}
.page1013 .employeeList .employee .nameWrap .rank {color:var(--mono3);font-size:1em;font-weight:400;}
.page1013 .employeeList .employee .details {width:100%;padding:0.75em 1em;box-sizing:border-box;}
.page1013 .employeeList .employee .details li {display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start;}
.page1013 .employeeList .employee .details li:not(:last-child) {margin-bottom:5px;}
.page1013 .employeeList .employee .details li i {color:var(--mono3);font-size:0.875em;padding-top:3px;margin-right:10px;}
.page1013 .employeeList .employee .details li i + span,
.page1013 .employeeList .employee .details li i + a {width:auto;max-width:calc(100% - 24px);color:var(--mono2);line-height:1.2;word-break:keep-all;}
.page1013 .employeeList .employee .details li a:hover {color:var(--color-sub);text-decoration:underline;}

/* page1014 */
.page1014 .customerList {justify-content:flex-start;width:100%;}
.page1014 .customerList .customer {width:calc(25% - 21px);height:120px;padding:1.5em;margin-bottom:2em;border:1px solid var(--mono6);border-radius:10px;box-sizing:border-box;overflow:hidden;}
.page1014 .customerList .customer:nth-child(4n+1) {margin-right:14px;}
.page1014 .customerList .customer:nth-child(4n+2),
.page1014 .customerList .customer:nth-child(4n+3) {margin-left:14px;margin-right:14px;}
.page1014 .customerList .customer:nth-child(4n+4) {margin-left:14px;}
.page1014 .customerList .customer img {display:block;width:100%;height:100%;object-fit:contain;object-position:center;}

/* page1015 */
.page1015 .bizWrap {width:100%;}
.page1015 .bizWrap .midLogo {position:relative;width:750px;padding:1.75em;margin:0 auto;box-sizing:border-box;z-index:1;}
.page1015 .bizWrap .midLogo img {display:block;width:100%;}
.page1015 .bizWrap .topList {position:relative;justify-content:space-between;width:100%;margin-bottom:40px;}
.page1015 .bizWrap .topList::after {content:"";position:absolute;bottom:-120px;left:50%;display:block;width:70%;height:2px;background-color:#b6d0f5;transform:translateX(-50%);z-index:-1;}
.page1015 .bizWrap .topList .bizItem {position:relative;width:30%;padding:2em;border:1px solid var(--mono6);border-radius:25px;box-sizing:border-box;}
.page1015 .bizWrap .topList .bizItem::before {content:"";position:absolute;bottom:-120px;left:50%;display:block;width:2px;height:120px;background-color:#b6d0f5;transform:translateX(-50%);z-index:-1;}
.page1015 .bizWrap .topList .bizItem::after {content:"";position:absolute;bottom:-6px;left:50%;display:block;width:12px;height:12px;border-radius:50px;background-color:var(--color-deep);transform:translateX(-50%);}
.page1015 .bizWrap .topList .bizItem .icon {width:100px;margin:0 auto 28px;}
.page1015 .bizWrap .topList .bizItem .icon img {display:block;width:100%;}
.page1015 .bizWrap .topList .bizItem .itemTtl {display:block;color:var(--mono2);font-size:1.375em;font-weight:700;text-align:center;padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid var(--mono6);}
.page1015 .bizWrap .topList .bizItem .details {width:100%;}
.page1015 .bizWrap .topList .bizItem .details li {color:var(--mono4);font-size:1em;font-weight:400;}
.page1015 .bizWrap .btmList {position:relative;justify-content:space-between;width:100%;margin-top:40px;}
.page1015 .bizWrap .btmList::after {content:"";position:absolute;top:-120px;left:50%;display:block;width:70%;height:2px;background-color:#b6d0f5;transform:translateX(-50%);z-index:-1;}
.page1015 .bizWrap .btmList .bizItem {position:relative;width:30%;padding:2em;border:1px solid var(--mono6);border-radius:25px;box-sizing:border-box;}
.page1015 .bizWrap .btmList .bizItem::before {content:"";position:absolute;top:-120px;left:50%;display:block;width:2px;height:120px;background-color:#b6d0f5;transform:translateX(-50%);z-index:-1;}
.page1015 .bizWrap .btmList .bizItem::after {content:"";position:absolute;top:-6px;left:50%;display:block;width:12px;height:12px;border-radius:50px;background-color:var(--color-deep);transform:translateX(-50%);}
.page1015 .bizWrap .btmList .bizItem .icon {width:100px;margin:0 auto 28px;}
.page1015 .bizWrap .btmList .bizItem .icon img {display:block;width:100%;}
.page1015 .bizWrap .btmList .bizItem .itemTtl {display:block;color:var(--mono2);font-size:1.375em;font-weight:700;text-align:center;padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid var(--mono6);}
.page1015 .bizWrap .btmList .bizItem .details {width:100%;}
.page1015 .bizWrap .btmList .bizItem .details li {color:var(--mono4);font-size:1em;font-weight:400;}

/* page1016 */
.page1016 .flex-table .table-content.bg-type .table-inner.subject .table-title {font-size:1.125em;}
.page1016 .flex-table .table-content.bg-type .table-inner.detail {display:flex;flex-flow:column wrap;justify-content:center;}
.page1016 .flex-table .table-content.bg-type .table-inner.detail .table-text {font-weight:700;}
.page1016 .flex-table .table-content.bg-type .table-inner.detail .list {width:100%;padding-left:12px;padding-top:4px;box-sizing:border-box;}
.page1016 .flex-table .table-content.bg-type .table-inner.detail .list li {position:relative;padding-left:10px;box-sizing:border-box;}
.page1016 .flex-table .table-content.bg-type .table-inner.detail .list li::before {content:"";position:absolute;top:10px;left:0;display:block;width:4px;height:1px;background-color:var(--mono2);}
.page1016 .recruitStep {justify-content:space-between;border-left:1px solid var(--mono6);border-right:1px solid var(--mono6);}
.page1016 .recruitStep li {position:relative;width:25%;padding:1.75em 1em;box-sizing:border-box;}
.page1016 .recruitStep li:not(:last-child) {border-right:1px solid var(--mono6);}
.page1016 .recruitStep li .num {display:block;color:var(--mono1);font-size:2.75em;font-weight:800;text-align:center;line-height:1.2;}
.page1016 .recruitStep li .text {display:block;color:var(--mono2);font-size:1.25em;font-weight:700;text-align:center;margin-bottom:16px;}
.page1016 .recruitStep li .icon {display:block;width:100px;height:100px;margin:0 auto;background-repeat:no-repeat;background-position:center;background-size:contain;}
.page1016 .recruitStep li:nth-child(1) .icon {background-image:url(/design/default/img/sub/icon-recruit-1.png);}
.page1016 .recruitStep li:nth-child(2) .icon {background-image:url(/design/default/img/sub/icon-recruit-2.png);}
.page1016 .recruitStep li:nth-child(3) .icon {background-image:url(/design/default/img/sub/icon-recruit-3.png);}
.page1016 .recruitStep li:nth-child(4) .icon {background-image:url(/design/default/img/sub/icon-recruit-4.png);}
.page1016 .benefitsList {justify-content:space-between;width:100%;padding:1.5em;border-radius:10px;background-color:var(--mono8);box-sizing:border-box;}
.page1016 .benefitsList li {width:48.5%;padding:1.25em;box-sizing:border-box;}
.page1016 .benefitsList li .ttl {display:block;color:var(--mono2);font-size:1.125em;margin-bottom:2px;}
.page1016 .benefitsList li .ttl.point-circle::before {top:10px;background-color:var(--mono2);}
.page1016 .benefitsList li .text {display:block;color:var(--mono2);font-size:1em;padding-left:12px;box-sizing:border-box;}

/* page1017 */
.page1017 .root_daum_roughmap {width:100%;margin-bottom:2em;border:1px solid var(--mono6);border-radius:10px;}
.page1017 .root_daum_roughmap .wrap_map {height:400px;}
.page1017 .root_daum_roughmap .map_border {display:none;}
.page1017 .root_daum_roughmap .wrap_controllers {border-bottom:0;border-right:0;border-left:0;}
.page1017 .root_daum_roughmap .wrap_btn_zoom {z-index:4;}

/* page1211 */
.page1211 .siteList {width:100%;border-top:2px solid var(--mono1);}
.page1211 .siteList .site {position:relative;width:20%;color:var(--mono2);font-size:1em;font-weight:400;padding:0.75em 0.5em;padding-left:calc(0.5em + 12px);border-bottom:1px solid var(--mono6);box-sizing:border-box;}
.page1211 .siteList .site::before {content:"";position:absolute;top:50%;left:0.5em;display:block;width:5px;height:5px;border-radius:50px;background-color:var(--color-main);transform:translateY(-50%);} 

/* page1310 */
.page1310 .titleWrap.pc-mode {display:flex;flex-flow:row wrap;}
.page1310 .titleWrap {justify-content:space-between;align-items:center;width:100%;margin-bottom:0.75em;}
.page1310 .titleWrap .applyBtn {justify-content:center;align-items:center;width:200px;color:#fff;font-size:1em;font-weight:700;text-align:center;padding:8px 0;border-radius:50px;background-color:var(--color-main);transition:0.2s;}
.page1310 .titleWrap .applyBtn:hover {background-color:var(--color-hover);}
.page1310 .titleWrap .applyBtn .fa {margin-right:12px;}
.page1310 .titleWrap .point-circle {width:calc(100% - 10px);margin-left:10px;}
.page1310 .serviceWrap {justify-content:space-between;align-items:flex-start;width:100%;}
.page1310 .serviceWrap .serviceArea {width:30%;padding:1em;border:1px solid var(--mono6);border-radius:10px;box-sizing:border-box;}
.page1310 .serviceWrap .serviceArea .serviceMap {position:relative;width:100%;background-image:url(/design/default/img/sub/area1.png);background-repeat:no-repeat;background-position:center;background-size:contain;}
.page1310 .serviceWrap .serviceArea .serviceMap img {display:block;width:100%;}
.page1310 .serviceWrap .serviceArea .serviceMap #map-bubble {position:absolute;display:block;color:#fff;font-size:1em;font-weight:700;font-family:'GmarketSans', sans-serif;text-align:center;line-height:1;padding:10px 20px 8px;border-radius:50px;background-color:var(--mono3);white-space:nowrap;pointer-events:none;}
.page1310 .serviceWrap .serviceArea .serviceMap #map-bubble::after {content:"";position:absolute;top:34px;left:50%;width:1px;height:10px;border:6px solid transparent;border-top:10px solid var(--mono3);transform:translateX(-50%);}
.page1310 .serviceWrap .serviceArea .serviceMap #map-bubble.area1 {top:17%;left:30.5%;transform:translate(-53px,-30px);}
.page1310 .serviceWrap .serviceArea .serviceMap #map-bubble.area2 {top:23%;left:43%;transform:translate(-43px,-30px);}
.page1310 .serviceWrap .serviceArea .serviceMap #map-bubble.area3 {top:18%;left:70%;transform:translate(-43px,-30px);}
.page1310 .serviceWrap .serviceArea .serviceMap #map-bubble.area4 {top:39.5%;left:34.5%;transform:translate(-61px,-30px);}
.page1310 .serviceWrap .serviceArea .serviceMap #map-bubble.area5 {top:48%;left:75%;transform:translate(-68px,-30px);}
.page1310 .serviceWrap .serviceArea .serviceMap #map-bubble.area6 {top:63%;left:23.5%;transform:translate(-61px,-30px);}
.page1310 .serviceWrap .serviceArea .serviceMap #map-bubble.area7 {top:62%;left:72%;transform:translate(-88px,-30px);}
.page1310 .serviceWrap .serviceArea .serviceMap #map-bubble.area8 {top:92.5%;left:21.5%;transform:translate(-43px,-30px);}
.page1310 .serviceWrap .managerWrap {width:67%;}
.page1310 .serviceWrap .managerWrap .employeeList {width:100%;}
.page1310 .serviceWrap .managerWrap .employeeList .employee {display:none;width:calc(25% - 12px);margin-left:12px;margin-bottom:1em;border:1px solid var(--mono6);border-radius:10px;overflow:hidden;box-sizing:border-box;}
.page1310 .serviceWrap .managerWrap .employeeList .employee.area1 {display:block;}
.page1310 .serviceWrap .managerWrap .employeeList .employee .photo {position:relative;width:100%;padding:0.75em 1.25em 0;background-color:var(--mono8);box-sizing:border-box;}
.page1310 .serviceWrap .managerWrap .employeeList .employee .photo img {display:block;width:100%;}
.page1310 .serviceWrap .managerWrap .employeeList .employee .nameWrap {width:100%;text-align:center;padding:0.5em 0;border-top:1px solid var(--mono7);border-bottom:1px solid var(--mono7);}
.page1310 .serviceWrap .managerWrap .employeeList .employee .nameWrap .team {display:block;width:100%;color:var(--color-main);font-size:0.875em;font-weight:700;text-align:center;}
.page1310 .serviceWrap .managerWrap .employeeList .employee .nameWrap .name {color:var(--mono2);font-size:1.125em;font-weight:700;}
.page1310 .serviceWrap .managerWrap .employeeList .employee .nameWrap .rank {color:var(--mono3);font-size:0.875em;font-weight:400;}
.page1310 .serviceWrap .managerWrap .employeeList .employee .details {width:100%;padding:0.5em 1em;box-sizing:border-box;}
.page1310 .serviceWrap .managerWrap .employeeList .employee .details li {display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start;}
.page1310 .serviceWrap .managerWrap .employeeList .employee .details li:not(:last-child) {margin-bottom:5px;}
.page1310 .serviceWrap .managerWrap .employeeList .employee .details li i {color:var(--mono3);font-size:0.875em;padding-top:3px;margin-right:10px;}
.page1310 .serviceWrap .managerWrap .employeeList .employee .details li i + span,
.page1310 .serviceWrap .managerWrap .employeeList .employee .details li i + a {width:auto;max-width:calc(100% - 24px);color:var(--mono2);line-height:1.2;word-break:keep-all;}
.page1310 .serviceWrap .managerWrap .employeeList .employee .details li a:hover {color:var(--color-sub);text-decoration:underline;}

/* page1410 */
.page1410 .fa-asterisk {color:var(--color-sub);font-size:0.75em;margin-left:4px;}
.page1410 .point-circle {margin-bottom:0.75em;}
.page1410 .point-circle .fa {margin-left:0;}
.page1410 .btnList {justify-content:center;margin-top:2.5em;}
.page1410 .btnList .btn {height:44px;font-size:1.125em;line-height:44px;padding:0 1.5em;}
.page1410 .scrollBox {width:100%;max-height:240px;padding:1em;margin-bottom:0.75em;border:1px solid var(--mono6);border-radius:10px;box-sizing:border-box;overflow-y:auto;}
.page1410 .scrollBox .inner {white-space:pre-line;}
.page1410 .agreement {justify-content:center;align-items:center;}
.page1410 .agreement .checkText {display:flex;flex-flow:row wrap;align-items:center;color:var(--mono2);font-weight:600;}
.page1410 .agreement .checkText span {display:inline-block;font-size:1.125em;padding-right:4px;}
.page1410 .agreement .checkText .fa-asterisk {margin-left:0;margin-right:4px;}
.page1410 .agreement .checkBox {align-items:center;margin-left:3em;}
.page1410 .agreement .checkBox input[type=checkbox] {margin-right:4px;}
.page1410 .agreement .checkBox label {color:var(--mono1);font-size:1em;font-weight:500;}
.page1410 .flex-table {display:flex;flex-flow:row wrap;justify-content:space-between;}
.page1410 .flex-table .table-content {align-items:center;width:100%;padding:1.25em 0;}
.page1410 .flex-table .table-content.half {width:50%;}
.page1410 .flex-table .table-content.half:nth-child(2n+1) {padding-right:0.75em;}
.page1410 .flex-table .table-content.half:nth-child(2n) {padding-left:0.75em;}
.page1410 .flex-table .table-content .table-inner.label .table-title.essential {display:flex;flex-flow:row wrap;align-items:center;}
.page1410 .flex-table .table-content .table-inner.input .table-text input:not([type=checkbox],[type=radio],[type=file]) {width:100%;height:36px;line-height:36px;box-sizing:border-box;}
.page1410 .flex-table .table-content .table-inner.input .table-text input[type=file] {width:180px;height:36px;line-height:36px;}
.page1410 .flex-table .table-content .table-inner.input .table-text label + input[type=file] {margin-left:8px;}
.page1410 .flex-table .table-content .table-inner.input .table-text label {cursor:pointer;}
.page1410 .flex-table .table-content .table-inner.input.tel .table-text,
.page1410 .flex-table .table-content .table-inner.input.email .table-text {align-items:center;}
.page1410 .flex-table .table-content .table-inner.input.tel .table-text input:not([type=checkbox],[type=radio],[type=file]),
.page1410 .flex-table .table-content .table-inner.input.email .table-text input:not([type=checkbox],[type=radio],[type=file]) {width:200px;}
.page1410 .flex-table .table-content .table-inner.input.tel .table-text .unit,
.page1410 .flex-table .table-content .table-inner.input.email .table-text .unit {display:block;color:var(--mono2);margin:0 4px;}
.page1410 .flex-table .table-content .table-inner.input.email .table-text select {width:200px;height:36px;line-height:36px;margin-left:8px;box-sizing:border-box;}
.page1410 .flex-table .table-content .table-inner.input .table-text textarea {width:100%;height:180px;font-size:1em;box-sizing:border-box;resize:none;}
.page1410 .flex-table .table-content .table-inner.input.captcha .table-text {display:flex;flex-flow:row wrap;}
.page1410 .flex-table .table-content .table-inner.input.captcha .table-text input[type=text] {width:200px;}
.page1410 .flex-table .table-content .table-inner.input.captcha .table-text .unit {display:block;margin-left:4px;}
.page1410 .flex-table .table-content .table-inner.input.captcha .table-text .unitText {display:block;width:100%;color:var(--mono3);font-size:0.875em;margin-top:8px;}

/* *** */

/* 제품소개 */
#sub-container .prdTtlWrap {margin-bottom:2.5em;}
#sub-container .prdTtlWrap .pageTtl {margin-bottom:0;}
#sub-container .prdTtlWrap .pageSub {color:var(--mono5);font-size:1.125em;font-weight:700;}
.article.page11 .contTtl {padding-left:0;}
.article.page11 .contTtl::before {display:none;}

.page11 .productTab {justify-content:center;align-items:center;width:100%;margin-bottom:2.5em;}
.page11 .productTab .tab {width:calc(25% - 9px);margin-right:12px;margin-bottom:12px;}
.page11 .productTab .tab:nth-child(4n) {margin-right:0;}
.page11 .productTab .tab a {display:block;width:100%;color:var(--mono2);font-size:1.125em;font-weight:700;text-align:center;padding:0.875em 0;border:1px solid var(--mono6);box-sizing:border-box;transition:0.2s;}
.page11 .productTab .tab a:hover {border-color:var(--color-sub);}
.page11 .productTab .tab.on a {border-color:var(--color-sub);}
.page11 .productList {justify-content:flex-start;width:100%;}
.page11 .productList .product {width:calc((100% / 3) - 12px);margin-right:18px;margin-bottom:2em;}
.page11 .productList .product:nth-child(3n) {margin-right:0;}
.page11 .productList .product a {display:block;width:100%;}
.page11 .productList .product a:hover .itemPic {border-color:var(--color-sub);}
.page11 .productList .product a:hover .itemTtl {color:var(--color-sub);}
.page11 .productList .product a .itemPic {width:100%;height:350px;padding:2em;margin-bottom:1em;border:1px solid var(--mono6);box-sizing:border-box;transition:0.2s;}
.page11 .productList .product a .itemPic img {display:block;width:100%;height:100%;object-fit:contain;object-position:center;}
.page11 .productList .product a .itemTtl {display:block;width:100%;color:var(--mono2);font-size:1.5em;font-weight:700;text-align:center;transition:0.2s;}

.page11 .contentWrap {width:100%;padding:2em;border-top:1px solid var(--mono6);border-bottom:1px solid var(--mono6);box-sizing:border-box;}
.page11 .prdImg {position:relative;display:flex;justify-content:center;height:450px;}
.page11 .prdImg img {display:block;width:100%;height:100%;object-fit:contain;object-position:center;}
.page11 .prdImg .viewBtn {position:absolute;bottom:-1px;right:0;display:block;width:60px;height:60px;font-size:1.125em;text-align:center;line-height:60px;border:1px solid var(--mono6);background-color:#fff;box-sizing:border-box;transition:0.2s;}
.page11 .prdImg .viewBtn:hover {border-color:var(--color-sub);}

.page11 .contentWrap.prdFeature img,
.page11 .contentWrap.prdDetail img {display:block;width:100% !important;height:auto !important;}

.page11 .prdFile {width:100%;box-sizing:border-box;}
.page11 .prdFile li {width:100%;}
.page11 .prdFile li:not(:last-child) {margin-bottom:12px;}
.page11 .prdFile li a {align-items:center;width:100%;color:var(--mono2);padding:1.5em 2em;border:1px solid var(--mono6);box-sizing:border-box;transition:0.2s;}
.page11 .prdFile li a:hover {color:var(--color-sub);border-color:var(--color-sub);}
.page11 .prdFile li a .fa {display:block;font-size:1.125em;margin-right:12px;}
.page11 .prdFile li a span {display:block;font-size:1em;font-weight:500;}

.page11 .listBtn {width:100%;max-width:280px;margin:2.5em auto 0;}
.page11 .listBtn a {display:block;width:100%;color:#fff;font-size:1.125em;font-weight:700;text-align:center;padding:0.75em 0;background-color:var(--mono3);transition:0.2s;}
.page11 .listBtn a:hover {background-color:var(--color-main);}
.page11 .pagination {display:flex;justify-content:center;align-items:center;width:100%;margin-top:2.5em;}
.page11 .pagination li:not(:last-child) {margin-right:5px;}
.page11 .pagination li a {display:block;width:36px;height:36px;color:var(--mono3);font-size:1em;font-weight:700;text-align:center;line-height:36px;border-radius:50px;transition:0.2s;}
.page11 .pagination li.active a {color:#fff;background-color:var(--mono3);}
.page11 .pagination li.active a:hover {background-color:var(--color-main);}

/* 게시판 */
.flex-table {width:100%;border-top:2px solid var(--mono1);}
.flex-table .table-content {justify-content:space-between;align-items:center;padding:0.75em 0;border-bottom:1px solid var(--mono6);box-sizing:border-box;}
.flex-table .table-content.bg-type {width:50%;padding:0;background-color:var(--mono8);}
.flex-table .table-content.full {width:100%;}
.flex-table .table-content .table-inner {padding:0 0.25em;box-sizing:border-box;}
.flex-table .table-content .table-inner.label {width:150px;}
.flex-table .table-content .table-inner.input {width:calc(100% - 150px);}
.flex-table .table-content.bg-type .table-inner.subject {width:200px;text-align:center;padding:0.75em;}
.flex-table .table-content.bg-type .table-inner.detail {width:calc(100% - 200px);height:100%;padding:0.75em;background-color:#fff;}
.flex-table .table-content .table-inner .table-title {color:var(--mono2);font-size:1em;font-weight:700;word-break:keep-all;}
.flex-table .table-content .table-inner .table-text {color:var(--mono2);font-size:1em;font-weight:400;word-break:keep-all;}
.flex-table .table-content .table-inner .table-ttl-link {display:inline-block;width:auto;max-width:calc(100% - 24px);color:var(--mono2);font-size:1em;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.flex-table .table-content .table-inner .table-ttl-link:hover {color:var(--color-sub);text-decoration:underline;}
.flex-table .table-content .table-inner .table-ttl-link + .new-icon {display:inline-block;width:16px;height:16px;color:#fff;font-size:0.75em;font-weight:700;text-align:center;line-height:16px;margin-left:5px;border-radius:50px;background-color:var(--color-sub);}

.btnList {align-items:center;width:100%;}
.btnList li:not(:last-child) {margin-right:8px;}
.btnList li .btn {display:block;height:36px;line-height:36px;font-size:1em;font-weight:700;text-align:center;padding:0 1.25em;border-radius:8px;box-sizing:border-box;cursor:pointer;transition:0.2s;}
.btnList li .btn.primary {color:#fff;background-color:var(--mono3);}
.btnList li .btn.primary:hover {background-color:var(--color-main);}
.btnList li .btn.secondary {color:var(--mono2);background-color:var(--mono7);}

/* cne-default */
.boardPage form {width:100%;}
.boardPage .searchWrap {justify-content:flex-end;align-items:center;width:100%;margin-bottom:12px;}
.boardPage .searchWrap input[type=text] {width:240px;height:36px;line-height:36px;color:var(--mono2);font-size:1em;padding:0 0.75em;margin-right:5px;border-radius:50px;box-sizing:border-box;}
.boardPage .searchWrap button {display:block;width:36px;height:36px;color:transparent;background:url(/design/default/img/sub/icon-search.png) no-repeat center center / 25px;transition:0.2s;}
.boardPage .searchWrap button:hover {background-image:url(/design/default/img/sub/icon-search-hover.png);}

.boardPage .flex-table .table-content .table-inner.num {width:7.5%}
.boardPage .flex-table .table-content .table-inner.ttl {width:60%;}
.boardPage .flex-table .table-content .table-inner.name {width:10%;}
.boardPage .flex-table .table-content .table-inner.date {width:12.5%;}
.boardPage .flex-table .table-content .table-inner.hit {width:10%;}

.boardPage .flex-table .table-content.head-area {background-color:var(--mono8);}
.boardPage .flex-table .table-content.head-area .table-inner .table-title {text-align:center;}
.boardPage .flex-table .table-content.fixed-area {background-color:#fbfbfc;}
.boardPage .flex-table .table-content.fixed-area .table-inner.num .table-text {color:var(--color-sub);font-weight:700;}
.boardPage .flex-table .table-content.fixed-area .table-inner:not(.ttl) .table-text,
.boardPage .flex-table .table-content.normal-area .table-inner:not(.ttl) .table-text {text-align:center;}
.boardPage .flex-table .table-content.fixed-area .table-inner.ttl,
.boardPage .flex-table .table-content.normal-area .table-inner.ttl {display:flex;justify-content:flex-start;align-items:center;}
.boardPage .flex-table .table-content.no-item .table-inner {width:100%;}
.boardPage .flex-table .table-content.no-item .table-inner .table-text {text-align:center;}

.boardPage .galleryList {justify-content:flex-start;width:100%;padding-top:1.25em;border-top:2px solid var(--mono1);border-bottom:1px solid var(--mono6);}
.boardPage .galleryList .item {width:calc(25% - 9px);padding-bottom:1.75em;margin-right:12px;}
.boardPage .galleryList .item:nth-child(4n) {margin-right:0;}
.boardPage .galleryList .item .thumb {position:relative;display:block;width:100%;height:240px;margin-bottom:8px;box-sizing:border-box;transition:0.2s;}
.boardPage .galleryList .item .thumb:hover {box-shadow:4px 4px 12px rgba(0 0 0 / 12%);}
.boardPage .galleryList .item .thumb.no-img {background:url(/design/default/img/sub/img-board-logo.png) no-repeat center center;background-color:var(--mono8);}
.boardPage .galleryList .item .thumb img {width:100%;height:100%;object-fit:cover;object-position:center;}
.boardPage .galleryList .item .thumb .new-icon {position:absolute;top:0;left:0;display:block;width:64px;color:#fff;font-size:1em;font-weight:800;text-align:center;padding:0.25em 0;border-radius:0 0 12px 0;background-color:var(--color-sub);}
.boardPage .galleryList .item .ttl {display:inline-block;max-width:100%;color:var(--mono2);font-size:1.125em;font-weight:700;}
.boardPage .galleryList .item .ttl:hover {color:var(--color-sub);text-decoration:underline;}
.boardPage .galleryList .item .ttl strong {display:-webkit-box;max-height:2.8em;line-height:1.4em;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-all;overflow:hidden;text-overflow:ellipsis;}
.boardPage .galleryList .item .dateText {display:block;width:100%;color:var(--mono4);font-size:0.875em;}
.boardPage .galleryList .no-item {width:100%;color:var(--mono2);font-size:1.125em;text-align:center;padding-bottom:1em;}

.boardPage .pagination {justify-content:center;align-items:center;width:100%;margin-top:2.5em;}
.boardPage .pagination li:not(:last-child) {margin-right:5px;}
.boardPage .pagination li a {display:block;width:36px;height:36px;color:var(--mono3);font-size:1em;font-weight:700;text-align:center;line-height:36px;border-radius:50px;transition:0.2s;}
.boardPage .pagination li.active a {color:#fff;background-color:var(--mono3);}
.boardPage .pagination li.active a:hover {background-color:var(--color-main);}
.boardPage .btnList {justify-content:flex-end;margin-top:2.5em;}

.boardPage .viewWrap {width:100%;}
.boardPage .viewWrap .viewHead {width:100%;padding:0.75em 0.25em;border-top:2px solid var(--mono1);border-bottom:1px solid var(--mono6);box-sizing:border-box;}
.boardPage .viewWrap .viewHead .viewTtl {color:var(--mono2);font-size:2em;font-weight:700;margin-bottom:5px;}
.boardPage .viewWrap .viewHead .details {justify-content:flex-start;align-items:center;}
.boardPage .viewWrap .viewHead .details li {position:relative;color:var(--mono4);font-size:1em;font-weight:400;line-height:1.2;}
.boardPage .viewWrap .viewHead .details li:not(:last-child) {margin-right:20px;}
.boardPage .viewWrap .viewHead .details li:not(:last-child)::after {content:"";position:absolute;top:50%;right:-10px;display:block;width:1px;height:12px;background-color:var(--mono5);transform:translateY(-50%);}
.boardPage .viewWrap .viewCont {width:100%;min-height:120px;padding:0.75em 0.25em;border-bottom:1px solid var(--mono6);box-sizing:border-box;}
.boardPage .viewWrap .viewCont img {display:inline-block;max-width:100%;height:auto !important;}
.boardPage .viewWrap .viewAttach {width:100%;}
.boardPage .viewWrap .viewAttach .attachment {justify-content:flex-start;align-items:center;width:100%;border-bottom:1px solid var(--mono6);box-sizing:border-box;}
.boardPage .viewWrap .viewAttach .attachment strong {display:block;width:140px;text-align:center;padding:0.75em 0.25em;background-color:var(--mono8);box-sizing:border-box;}
.boardPage .viewWrap .viewAttach .attachment a {display:inline-block;max-width:calc(100% - 150px);color:var(--mono2);font-size:1em;padding:0.75em 0.25em;margin-left:10px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.boardPage .viewWrap .viewAttach .attachment a:hover {text-decoration:underline;}
.boardPage .viewWrap .viewAttach .attachment a span {color:var(--mono4);font-size:0.875em;}

.boardPage .viewWrap + .postNavi {margin-top:2em;border-top:1px solid var(--mono6);}
.boardPage .postNavi {justify-content:flex-start;align-items:center;width:100%;border-bottom:1px solid var(--mono6);}
.boardPage .postNavi strong {display:block;width:140px;text-align:center;padding:0.75em 0.25em;background-color:var(--mono8);box-sizing:border-box;}
.boardPage .postNavi a {display:inline-block;max-width:calc(100% - 150px);color:var(--mono2);font-size:1em;padding:0.75em 0.25em;margin-left:10px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.boardPage .postNavi a:hover {color:var(--color-sub);text-decoration:underline;}

.boardPage .postWrap .flex-table .table-content {align-items:flex-start;}
.boardPage .postWrap .flex-table .table-content .table-inner.input .table-text input:not([type=checkbox],[type=radio],[type=file]) {width:100%;height:36px;line-height:36px;box-sizing:border-box;}
.boardPage .postWrap .flex-table .table-content .table-inner.input .table-text input[type=file] {width:180px;height:36px;line-height:36px;}
.boardPage .postWrap .flex-table .table-content .table-inner.input .table-text label + input[type=file] {margin-left:8px;}
.boardPage .postWrap .flex-table .table-content .table-inner.input .table-text label {cursor:pointer;}

.boardPage .passWrap {width:100%;max-width:480px;margin:0 auto;}
.boardPage .passWrap .contentWrap {padding:0.5em 1em;margin-top:0.75em;border:1px solid var(--mono6);border-radius:10px;box-sizing:border-box;}
.boardPage .passWrap .contentWrap .flex-table {border-top:0;}
.boardPage .passWrap .contentWrap .flex-table .table-content {border-bottom:0;}
.boardPage .passWrap .contentWrap .flex-table .table-content .table-inner.input .table-text input[type=password] {width:100%;height:36px;line-height:36px;box-sizing:border-box;}
.boardPage .passWrap .btnList {justify-content:center;}



.page1011 .num{
    display: block;
    color: #dead32;
    font-size: 2rem;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 0.5rem;
}
.page1011 h3{
    position: relative;
    display: block;
    color: #000000;
    font-size: 2.5rem;
    font-weight: 700;
}

.page1011 h3:before{
    content: '';
    display: block;
    width: 25px;
    height: 4px;
    position: absolute;
    left: 0;
    background: #333;
    top: -15px;
}

.page1011 p{
    color: #000000;
    font-size: 1.25rem;
    font-weight: 300;
    margin-top: 1.25rem
}
.page1011 ul.item-list {
    margin-top: 30px;
}
.page1011 ul.item-list li{
    padding-left:15px;
    color: #222222;
    font-size: 1.1rem;
    font-weight: 300;
    margin-bottom: 5px;
    position: relative;
    font-weight: 500;
}
.page1011 ul.item-list li:before {
    width:4px; height:4px;
    background: #dead32;
    box-sizing: border-box;
    border-radius: 10px;
    content: '';
    position: absolute;
    left:0;
    right:0;
    top:11px
}
.page1011 .product-wrap {
    display: flex;
    gap:30px;
}
.logo-item-wrap {
    margin:30px 0;
    border:1px solid #e5e5e5;
    padding:30px;box-sizing: border-box;
    display: flex;
    gap:30px;
    border-radius: 10px;
    justify-content: center;
}
.logo-item-wrap > div {
    flex: 1 1;
}
.page1011 .product-wrap > div {
    flex: 1 1;
    height: 300px;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    border:1px solid #e5e5e5;
    padding:50px;
}
.page1011 .product-wrap > div img{
    height: 100%;

}
.page1011 > ul {
    display: flex;
    flex-direction: column;
    gap:100px;
}
.page1011 .sub-t {
    color:#000000;
    font-size:30px;
    position: relative;
}

.lease-table {
    margin-top: 20px;
    width: 100%;
    border-collapse: collapse;
    font-family: "Pretendard", "맑은 고딕", sans-serif;
    font-size: 14px;
    text-align: center;
    font-size: 16px;
  }
  
  .lease-table th,
  .lease-table td {
    border: 1px solid #ddd;
    padding: 10px;
    vertical-align: middle;
  }
  
  .lease-table thead th {
    background-color: #f5f6f8;
    font-weight: 600;
  }
  
  .lease-table tbody td {
    background-color: #fff;
  }
  
  .lease-table tbody tr:nth-child(even) td {
    background-color: #fafafa;
  }

  .sub-item  h4 {
    font-size: 20px;
    margin-top: 30px;;
  }
  h4 + .item-list {
    margin-top: 10px !important;
  }
  
.process-steps {
    display: flex
;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin: 0;
    margin: 2em 0;
    font-size: 1.2em;

  }
  
  .process-steps li {
    flex: 1;
    text-align: center;
    padding: 10px 5px;
    border-right: 1px solid #eee;
  }
  
  .process-steps li:last-child {
    border-right: none;
  }
  
  .step-num {
    display: block;
    font-weight: bold;
    color: #0074d9; /* 파란색 숫자 */
    margin-bottom: 5px;
    font-size: 30px;
  }
  
  .step-text {
    display: block;
    color: #333;
  }

  .support-table {
    margin-top: 20px;
    width: 100%;
    border-collapse: collapse;
    font-family: "Pretendard", "맑은 고딕", sans-serif;
    font-size: 16px;
    text-align: left;
  }
  
  .support-table th,
  .support-table td {
    border: 1px solid #ccc;
    padding: 10px;
  }
  
  .support-table th {
    width: 20%;
    background-color: #e6f5e6; /* 연녹색 */
    font-weight: 600;
    text-align: center;
  }
  
  .support-table td {
    background-color: #fff;
  }
  
  .eligibility-wrap {

  }
  
  .eligibility-title {
    text-align: center;
    font-weight: 600;
    margin-bottom: 15px;
  }
  
  .eligibility-list {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: step;
    margin-top: 20px;
  }
  
  .eligibility-list li {
    /* border: 1px solid #2d9f2d; */
    border-top: none;
    padding: 10px;
    counter-increment: step;
    position: relative;
  }
  
  .eligibility-list li:first-child {
    /* border-top: 1px solid #2d9f2d; */
  }
  
  .eligibility-list li::before {
    content: counter(step);
    position: absolute;
    left: 10px;
    top: 10px;
    background: #fff;
    border: 1px solid #2d9f2d;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-weight: bold;
    color: #2d9f2d;
  }
  
  .eligibility-list li {
    padding-left: 50px;
  }
  
  .eligibility-list small {
    display: block;
    margin-top: 5px;
    color: #555;
    font-size: 12px;
  }
  .procedure-wrap {
  font-family: "Pretendard", "맑은 고딕", sans-serif;
  text-align: center;
}

.procedure-title {
  font-weight: 600;
  margin-bottom: 20px;
}

.procedure-flow {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}

.step {
  min-width: 180px;
  padding: 15px 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  border-radius: 4px;
  line-height: 1.4;
}

.step.blue {
  background-color: #1f4e79; /* 남색 */
}

.step.green {
  background-color: #006400; /* 진녹색 */
}

.arrow {
  margin: 0 10px;
  font-size: 20px;
  color: #333;
}

.step small {
  display: block;
  margin-top: 5px;
  font-size: 12px;
  color: #ffd966; /* 강조 색상 */
}
.proc-wrap { font-family:"Pretendard","맑은 고딕",sans-serif; 
    border: 1px solid #e5e5e5;
    padding: 50px;
    border-radius: 30px;
    margin-top: 20px;
}
.proc-title { text-align:center; font-weight:700; font-size:22px !important; margin:24px 0; }

/* 5개의 컬럼: [스텝][화살표][스텝][화살표][스텝] / 3개의 행: 위 / 세로화살표 / 아래 */
.proc-grid{
  display:grid;
  grid-template-columns: 220px 44px 220px 44px 220px;
  grid-template-rows: auto 36px auto;
  justify-content:center;
  align-items:center;
  gap:0;
}

.step{ height: 100px; display: flex; align-items: center; flex-direction: column; justify-content: center;
  color:#fff; line-height:1.45; font-size:16px; font-weight:500;
  padding:12px 14px; border-radius:8px; text-align:center;
}
.step.blue{ background:#1f4e79; }
.step.green{ background:#0b6d0b; }
.step small{ display:block; margin-top:6px; font-size:12px; color:#ffd966; }

/* 모든 화살표 공통(모양 통일) */
.arr{ position:relative; width:100%; height:0; }

/* → */
.arr-right::before{
  content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  border-top:7px solid transparent; border-bottom:7px solid transparent;
  border-left:14px solid #1f2a44;  /* 화살표 색 */
}
/* ← */
.arr-left::before{
  content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  border-top:7px solid transparent; border-bottom:7px solid transparent;
  border-right:14px solid #1f2a44;
}
/* ↓ */
.arr-down{ height:36px; }
.arr-down::before{
  content:""; position:absolute; left:50%; top:8px; transform:translateX(-50%);
  border-left:7px solid transparent; border-right:7px solid transparent;
  border-top:14px solid #1f2a44;
}

/* 반응형(폭이 좁아지면 세로 스택) — 필요 없으면 삭제해도 됩니다 */
@media (max-width: 780px){
  .proc-grid{
    grid-template-columns: 1fr 36px 1fr;
    grid-template-rows: auto 36px auto 36px auto 36px auto 36px auto;
  }
  /* 세로형으로 재배치(위→아래 직렬) */
  .proc-grid > *{ grid-column:auto !important; grid-row:auto !important; }
  .step{ grid-column:1 / span 1; }
  .arr-right,.arr-left{ grid-column:2; }
  .arr-down{ grid-column:2; height:36px; }
}
.gray-table {
    width: 100%;
    border-collapse: collapse;
    font-family: "Pretendard", "맑은 고딕", sans-serif;
    font-size: 16px;
    text-align: center;
  }
  
  .gray-table th,
  .gray-table td {
    border: 1px solid #ccc;
    padding: 10px;
  }
  
  .gray-table thead th {
    background-color: #f2f2f2; /* 연회색 */
    font-weight: 600;
  }
  
  .gray-table tbody td:first-child {
    background-color: #f9f9f9; /* 옅은 회색 셀 강조 */
    font-weight: 500;
  }
  
  .highlight {
    color: green;
    font-weight: 600;
  }
  .logo-item-wrap .logo-item {
    display: flex; justify-content: center;
  }
  .logo-item-wrap .logo-item img {
    height: 40px;;
  }