@charset "UTF-8";

/* roadmap */
::-webkit-scrollbar {width: 5px;height: 5px;}
::-webkit-scrollbar-thumb {background-color: #c1c1c1;}

.roadmaps .pc-only {display:block;}
.roadmaps .mo-only {display:none;}

.btn_top {position:fixed;bottom:70px;right:70px;overflow:hidden;width:60px;height:60px;background:url(../images/ai/btn_top.png) no-repeat center center / cover;text-indent:-9999px;z-index:10;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.16);border-radius:50%;visibility:hidden;opacity:0;transition:opacity 0.5s ease-in-out;}
.btn_top.show {visibility:visible;opacity:1;}

.roadmap {padding:100px 30px;letter-spacing:-1px;}
.roadmap:nth-child(even) {background-color:#f7f8fa;}
.roadmap .inner {max-width:1200px;margin:0 auto;}

.roadmaps header {padding:0 30px;background:url(../images/ai/bg.jpg) no-repeat center center / cover;}
.header-wrap {max-width:1200px;margin:0 auto;padding:56px 0 100px 0;}
.header-wrap .logo {text-align:right;line-height:0;}
.header-wrap .logo span {display:inline-block;overflow:hidden;;width:126px;height:20px;background:url(../images/ai/logo.png) no-repeat center center / cover;text-indent:9999px;font-size:0;}

.header-wrap .titWrap {display:flex;margin:20px 0 30px 0;justify-content: space-between;align-items: center;}
.header-wrap .titWrap h1 {font-size:48px;font-weight:800;}

.header-wrap .btn_down {display:flex;align-items: center;min-width:196px;height:38px;padding:0 14px;border: 1px solid rgba(88, 76, 174, 0.4);background: rgba(255, 255, 255, 0.8);border-radius: 23px;font-size:16px;font-weight:700;line-height:34px;color:#000;transition:background 0.2s ease;}
.header-wrap .btn_down:after {content:'';display:block;width:22px;height:22px;margin-left:6px;background:url(../images/ai/ic_btn_down.png) no-repeat center center / cover;}
.header-wrap .btn_down:hover {background: rgba(204, 204, 204, 0.8)}

.header-wrap img {width:100%;}
.header-wrap > div {position:relative;}
.header-wrap .btn-link {position:absolute;overflow:hidden;text-indent:-9999px;}

.roadmap-head {margin-bottom:40px;}
.roadmap-head .roadmap-info {display:flex;justify-content: space-between;align-items:center;}
.roadmap-head .roadmap-info .legend .new {display:none;}
.roadmap-head .roadmap-info .legend .b2b {display:block;height:34px;padding:0 9px;background: #EAF8FF;border: 1px solid #A49ED4;border-radius: 4px;font-size:16px;line-height:32px;}
.roadmap-title {padding-left:52px;font-size:42px;background-size:auto 40px;;background-position:left center;background-repeat:no-repeat;}

#ai_worker .roadmap-title {background-image:url(../images/ai/ic_worker.png);}
#ai_master .roadmap-title {background-image:url(../images/ai/ic_master.png);}
#ai_expert .roadmap-title {background-image:url(../images/ai/ic_expert.png);}
#ai_leader .roadmap-title {background-image:url(../images/ai/ic_leader.png);}

.tblWrap .legend {display:none;}
.roadmap .table-group {display:flex;}
.roadmap .tblWrap + .legend {display:flex; justify-content: flex-end; padding: 16px 0 0; color: #656873;text-align: right; font-size: 16px; font-weight: 600;line-height: 150%;  letter-spacing: -0.32px;}

[class*="roadmap-detail_"] .grid .bg {display:grid;}
[class*="roadmap-detail_"] .grid ul {display: grid;grid-gap:10px 0;position: relative;width: 100%;height:100%;word-break: keep-all;grid-auto-flow: column;}
[class*="roadmap-detail_"] .grid ul li {display: flex;padding-left:20px;min-width: 1%;}
[class*="roadmap-detail_"] .grid ul li a {display:flex;position:relative;width:100%;min-height:54px;padding:11px 10px;border:1px solid #A49ED4;border-radius:8px;align-items: center;justify-content: center;background-color:#fff;font-size:16px;line-height:1.4}
[class*="roadmap-detail_"] .grid ul li a.b2b-type {border: 1px solid #C2C0D5; background: #ECEEF2;}
[class*="roadmap-detail_"] .grid ul li a span {text-align:center;word-break: keep-all;}
[class*="roadmap-detail_"] .grid ul li a:has(.roadmap-flag-upcoming) {pointer-events: none;cursor: default;}

[class*="roadmap-flag"] {position:absolute;left:12px;top:0;transform:translateY(-50%);}
[class*="roadmap-flag"] + [class*="roadmap-flag"] {left:49px;}
[class*="roadmap-flag"]::before {display:block;padding:0 7px;border-radius:4px;font-size:13px;color:#fff;line-height:18px;font-weight:bold;}
.roadmap-flag-new::before {content:"NEW";background-color:#e38e10;}
.roadmap-flag-upcoming::before {content:"출시 예정";background-color:#656873;;}

[class*="roadmap-detail_"] .line td {padding:10px 0;}
[class*="roadmap-detail_"] .line td span {display:block;width:100%;height:1px;background: repeating-linear-gradient(to right, #bac1dc 0,#bac1dc 6px, transparent 6px, transparent 12px) top/100% 1px no-repeat; background: none;}

[class*="roadmap-detail_"] th:first-child {position:relative;width:84px;align-items: stretch;}
[class*="roadmap-detail_"] thead th:first-child {opacity:0;font-size:0;}
[class*="roadmap-detail_"] thead th {padding-bottom:20px;}
[class*="roadmap-detail_"] tbody th div {position:absolute;left:0;top:0;width:100%;height:100%;display:flex;background-color:#eaecf4;border-radius:10px;justify-content: center;align-items:center;font-size:18px;}

[class*="roadmap-detail_"] thead .grid .bg {position: relative;}
[class*="roadmap-detail_"] thead .grid .bg > div {min-height:60px;padding-left:20px;}
[class*="roadmap-detail_"] thead .grid .bg > div i {display:flex;width:100%;height:60px;align-items: center;justify-content: center;font-size:20px;border-radius:8px;color:#fff;}


[class*="roadmap-detail_"].cate1 {width:calc(50% + 42px);}
[class*="roadmap-detail_"].cate1:only-child {width:100%}
[class*="roadmap-detail_"].cate2 {width:calc(50% - 42px);}
[class*="roadmap-detail_"].cate2 th:first-child {display:none;}



/* AI 활용 실무자 */
#ai_worker thead .grid .bg > div i {background-color:#1789f1}
#ai_worker .cate1 .grid .bg {grid-template-columns: 1fr 1fr;}
#ai_worker .cate2 .grid .bg {grid-template-columns: 1fr 1fr;}
#ai_worker .cate2 .line td span {width:50%;}

#ai_worker .grid ul {grid-template-columns: repeat(2, 1fr);}

#ai_worker .high .grid ul {grid-template-rows: repeat(1, 1fr);}
#ai_worker .cate2 .high .grid ul li:nth-child(1) {grid-area: 1 / 2 / 2 / 2;min-height:68px;}

#ai_worker .intermediate .grid ul {grid-template-rows: repeat(5, 1fr);}

#ai_worker .cate1 .intermediate .grid ul li:nth-child(1) {grid-area: 3 / 1 / 3 / 1;}
#ai_worker .cate1 .intermediate .grid ul li:nth-child(2) {grid-area: 4 / 1 / 4 / 1;}
#ai_worker .cate1 .intermediate .grid ul li:nth-child(3) {grid-area: 3 / 2 / 3 / 2;}
#ai_worker .cate1 .intermediate .grid ul li:nth-child(4) {grid-area: 4 / 2 / 4 / 2;}

#ai_worker .cate2 .intermediate .grid ul li:nth-child(1) {grid-area: 1 / 1 / 1 / 1;}
#ai_worker .cate2 .intermediate .grid ul li:nth-child(2) {grid-area: 2 / 1 / 2 / 1;}
#ai_worker .cate2 .intermediate .grid ul li:nth-child(3) {grid-area: 3 / 1 / 3 / 1;}
#ai_worker .cate2 .intermediate .grid ul li:nth-child(4) {grid-area: 4 / 1 / 4 / 1;}
#ai_worker .cate2 .intermediate .grid ul li:nth-child(5) {grid-area: 5 / 1 / 5 / 1;}
#ai_worker .cate2 .intermediate .grid ul li:nth-child(6) {grid-area: 1 / 2 / 1 / 2;}
#ai_worker .cate2 .intermediate .grid ul li:nth-child(7) {grid-area: 2 / 2 / 2 / 2;}
#ai_worker .cate2 .intermediate .grid ul li:nth-child(8) {grid-area: 3 / 2 / 3 / 2;}
#ai_worker .cate2 .intermediate .grid ul li:nth-child(9) {grid-area: 4 / 2 / 4 / 2;}
#ai_worker .cate2 .intermediate .grid ul li:nth-child(10) {grid-area: 5 / 2 / 5 / 2;}


#ai_worker .beginner .grid ul {grid-template-rows: repeat(4, 1fr);}
#ai_worker .cate1 .beginner .grid ul li:nth-child(1) {grid-area: 3 / 1 / 3 / 1;}
#ai_worker .cate1 .beginner .grid ul li:nth-child(2) {grid-area: 4 / 1 / 4 / 1;}
#ai_worker .cate1 .beginner .grid ul li:nth-child(3) {grid-area: 4 / 2 / 4 / 2;}

#ai_worker .cate2 .beginner .grid ul li:nth-child(1) {grid-area: 2 / 1 / 2 / 1;}
#ai_worker .cate2 .beginner .grid ul li:nth-child(2) {grid-area: 3 / 1 / 3 / 1;}
#ai_worker .cate2 .beginner .grid ul li:nth-child(3) {grid-area: 4 / 1 / 4 / 1;}
#ai_worker .cate2 .beginner .grid ul li:nth-child(4) {grid-area: 1 / 2 / 1 / 2;}
#ai_worker .cate2 .beginner .grid ul li:nth-child(5) {grid-area: 2 / 2 / 2 / 2;}
#ai_worker .cate2 .beginner .grid ul li:nth-child(6) {grid-area: 3 / 2 / 3 / 2;}
#ai_worker .cate2 .beginner .grid ul li:nth-child(7) {grid-area: 4 / 2 / 4 / 2;}



/* AI Agent 마스터 */
#ai_master thead .grid .bg > div i {background-color:#5160cf}
#ai_master .cate1 .grid .bg {grid-template-columns: 1fr 1fr;}

#ai_master .grid ul {grid-template-columns: repeat(2, 1fr);}

#ai_master .high .grid ul {grid-template-rows: repeat(2, 1fr);}
#ai_master .cate1 .high .grid ul li:nth-child(1) {grid-area: 1 / 2 / 1 / 2;}
#ai_master .cate1 .high .grid ul li:nth-child(2) {grid-area: 2 / 2 / 2 / 2;}

#ai_master .intermediate .grid ul {grid-template-rows: repeat(6, 1fr);}
#ai_master .cate1 .intermediate .grid ul li:nth-child(1) {grid-area: 1 / 1 / 1 / 1;}
#ai_master .cate1 .intermediate .grid ul li:nth-child(2) {grid-area: 2 / 1 / 2 / 1;}
#ai_master .cate1 .intermediate .grid ul li:nth-child(3) {grid-area: 3 / 1 / 3 / 1;}
#ai_master .cate1 .intermediate .grid ul li:nth-child(4) {grid-area: 4 / 1 / 4 / 1;}
#ai_master .cate1 .intermediate .grid ul li:nth-child(5) {grid-area: 5 / 1 / 5 / 1;}
#ai_master .cate1 .intermediate .grid ul li:nth-child(6) {grid-area: 6 / 1 / 6 / 1;}
#ai_master .cate1 .intermediate .grid ul li:nth-child(7) {grid-area: 1 / 2 / 1 / 2;}
#ai_master .cate1 .intermediate .grid ul li:nth-child(8) {grid-area: 2 / 2 / 2 / 2;}
#ai_master .cate1 .intermediate .grid ul li:nth-child(9) {grid-area: 3 / 2 / 3 / 2;}

#ai_master .beginner .grid ul {grid-template-rows: repeat(3, 1fr);}
#ai_master .cate1 .beginner .grid ul li:nth-child(1) {grid-area: 1 / 1 / 1 / 1;}
#ai_master .cate1 .beginner .grid ul li:nth-child(2) {grid-area: 2 / 1 / 2 / 1;}
#ai_master .cate1 .beginner .grid ul li:nth-child(3) {grid-area: 3 / 1 / 3 / 1;}
#ai_master .cate1 .beginner .grid ul li:nth-child(4) {grid-area: 1 / 2 / 1 / 2;}
#ai_master .cate1 .beginner .grid ul li:nth-child(5) {grid-area: 2 / 2 / 2 / 2;}


/* AI Tech Expert */
#ai_expert thead .grid .bg > div i {background-color:#584cae}
#ai_expert tbody .cate1 .grid .bg {grid-template-columns: 1fr 1fr;}
#ai_expert tbody .cate2 .grid .bg {grid-template-columns: 1fr 1fr;}

#ai_expert .grid ul {grid-template-columns: repeat(2, 1fr);}

#ai_expert .high .grid ul {grid-template-rows: repeat(3, 1fr);}
#ai_expert .cate1 .high .grid ul li:nth-child(1) {grid-area: 1 / 1 / 1 / 1;}
#ai_expert .cate1 .high .grid ul li:nth-child(2) {grid-area: 2 / 1 / 2 / 1;}
#ai_expert .cate1 .high .grid ul li:nth-child(3) {grid-area: 3 / 1 / 3 / 1;}
#ai_expert .cate1 .high .grid ul li:nth-child(4) {grid-area: 3 / 2 / 3 / 2;}

#ai_expert .cate2 .high .grid ul li:nth-child(1) {grid-area: 3 / 1 / 3 / 1;}

#ai_expert .intermediate .grid ul {grid-template-rows: repeat(3, 1fr);}
#ai_expert .cate1 .intermediate .grid ul li:nth-child(1) {grid-area: 1 / 1 / 1 / 1;}
#ai_expert .cate1 .intermediate .grid ul li:nth-child(2) {grid-area: 2 / 1 / 2 / 1;}
#ai_expert .cate1 .intermediate .grid ul li:nth-child(3) {grid-area: 3 / 1 / 3 / 1;}
#ai_expert .cate1 .intermediate .grid ul li:nth-child(4) {grid-area: 1 / 2 / 1 / 2;}
#ai_expert .cate1 .intermediate .grid ul li:nth-child(5) {grid-area: 2 / 2 / 2 / 2;}
#ai_expert .cate1 .intermediate .grid ul li:nth-child(6) {grid-area: 3 / 2 / 3 / 2;}

#ai_expert .cate2 .intermediate .grid ul li:nth-child(1) {grid-area: 2 / 1 / 2 / 1;}
#ai_expert .cate2 .intermediate .grid ul li:nth-child(2) {grid-area: 1 / 2 / 1 / 2;}
#ai_expert .cate2 .intermediate .grid ul li:nth-child(3) {grid-area: 2 / 2 / 2 / 2;}
#ai_expert .cate2 .intermediate .grid ul li:nth-child(4) {grid-area: 3 / 2 / 3 / 2;}

#ai_expert .beginner .grid ul {grid-template-rows: repeat(2, 1fr);}
#ai_expert .beginner .grid ul li {min-height:68px;}
#ai_expert .cate1 .beginner .grid ul li:nth-child(1) {grid-area: 1 / 1 / 1 / 3;}
#ai_expert .cate1 .beginner .grid ul li:nth-child(2) {grid-area: 2 / 1 / 2 / 3;}

#ai_expert .cate2 .beginner .grid ul li:nth-child(1) {grid-area: 1 / 1 / 1 / 1;}
#ai_expert .cate2 .beginner .grid ul li:nth-child(2) {grid-area: 1 / 2 / 1 / 2;}
#ai_expert .cate2 .beginner .grid ul li:nth-child(3) {grid-area: 2 / 2 / 2 / 2;}



/* AX 혁신리더 */
#ai_leader thead .grid .bg > div i {background-color:#3e6eea}
#ai_leader .cate1 .grid .bg {grid-template-columns: 1fr 1fr 1fr;}

#ai_leader .grid ul {grid-template-columns: repeat(3, 1fr);}

#ai_leader .high .grid ul {grid-template-rows: repeat(1, 1fr);}
#ai_leader .cate1 .high .grid ul li:nth-child(1) {grid-area: 1 / 3 / 1 / 3;}

#ai_leader .intermediate .grid ul {grid-template-rows: repeat(3, 1fr);}
#ai_leader .cate1 .intermediate .grid ul li:nth-child(1) {grid-area: 1 / 1 / 1 / 1;}
#ai_leader .cate1 .intermediate .grid ul li:nth-child(2) {grid-area: 2 / 1 / 2 / 1;}
#ai_leader .cate1 .intermediate .grid ul li:nth-child(3) {grid-area: 3 / 1 / 3 / 1;}
#ai_leader .cate1 .intermediate .grid ul li:nth-child(4) {grid-area: 1 / 2 / 1 / 2;}
#ai_leader .cate1 .intermediate .grid ul li:nth-child(5) {grid-area: 2 / 2 / 2 / 2;}
#ai_leader .cate1 .intermediate .grid ul li:nth-child(6) {grid-area: 3 / 2 / 3 / 2;}
#ai_leader .cate1 .intermediate .grid ul li:nth-child(7) {grid-area: 3 / 3 / 3 / 3;}

#ai_leader .beginner .grid ul {grid-template-rows: repeat(1, 1fr);}
#ai_leader .cate1 .beginner .grid ul li:nth-child(1) {grid-area: 1 / 1 / 1 / 1;}
#ai_leader .cate1 .beginner .grid ul li:nth-child(2) {grid-area: 1 / 2 / 1 / 2;}
#ai_leader .cate1 .beginner .grid ul li:nth-child(3) {grid-area: 1 / 3 / 1 / 3;}


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

    .roadmap {padding:80px 24px;}
    
    .roadmaps .pc-only {display:none;}
    .roadmaps .mo-only {display:block;}

    .btn_top {bottom:24px;right:24px;}

    .roadmaps header {padding:0 24px;}
    .header-wrap {padding:50px 0 80px 0;}

    .header-wrap .logo {text-align:center;}

    .header-wrap .titWrap {flex-direction: column;margin:10px 0 30px 0;;}
    .header-wrap .titWrap h1 {font-size:32px;}
    .header-wrap .btn_down {min-width:172px;height:36px;margin-top:12px;padding:0 13px;line-height:34px;font-size:14px;}
    .header-wrap .btn_down:after {width:20px;height:20px;margin-left:3px;}

    .roadmap-head {margin-bottom:20px;}
    .roadmap-title {padding-left:35px;font-size:28px;line-height:42px;background-size:auto 28px;}
    .roadmap-head .roadmap-info .legend {display:none;}

    .tblWrap .legend {display:flex;margin-top:12px;gap:20px;align-items: center;justify-content: end;}
    .tblWrap .legend li {position:relative;height:17px !important;padding:0 0 0 12px !important;font-size:11px !important;background:none !important;border:none !important;line-height:17px !important;}
    .tblWrap .legend li:before {content:'';display:block;width:8px;height:8px;border-radius:50%;position:absolute;left:0;top:50%;transform:translateY(-50%);}
    .tblWrap .legend .new:before {background-color:#E38E10;}
    .tblWrap .legend .upcoming:before {background-color:#656873;}
    .tblWrap .legend .b2b:before {background-color:#ECEEF2;;border:1px solid #C2C0D5;}

    .tblWrap .table-group {flex-direction: column;gap: 20px;}
    .roadmap .tblWrap + .legend {display:none}
    
    [class*="roadmap-detail_"] .grid {min-height:40px;}
    [class*="roadmap-detail_"] .grid ul {gap:0;}
    [class*="roadmap-detail_"] .grid ul li {min-height:auto !important;padding:5px;}
    [class*="roadmap-detail_"] .grid ul li a {min-height:44px;padding:5px 2px 5px 3px;;font-size:12px;border:none;border-radius:0;}
    [class*="roadmap-detail_"] .grid ul li a span {word-break:auto-phrase;}
    [class*="roadmap-detail_"] .grid ul li a.b2b-type {padding:4px 2px 4px 3px; border: 1px solid #C2C0D5; background: #ECEEF2;}

    [class*="roadmap-flag"] {top:2px;left:2px;bottom:2px;width:2px;height:auto;transform:translateY(0);}
    [class*="roadmap-flag"]::before {height:100%;padding:0;border-radius:0;font-size:0;}

    [class*="roadmap-detail_"] .line {display:none;}

    [class*="roadmap-detail_"] {flex-shrink: 1;width:100% !important;border-top:3px solid #164168;background-color:#EAECF4;}
    [class*="roadmap-detail_"] th:first-child {width:30px;opacity:1 !important;padding-bottom:0;}
    [class*="roadmap-detail_"] thead th {padding-bottom:0;}
    [class*="roadmap-detail_"] thead .grid .bg > div {min-height: 40px;padding-left:0;border-left:1px solid #fff;}
    [class*="roadmap-detail_"] thead .grid .bg > div i {min-height:40px;height:auto;padding:8px 0;font-size:13px;line-height:1.3;border-radius:0;}
    [class*="roadmap-detail_"].cate2 th:first-child {display:table-cell;}

    [class*="roadmap-detail_"] tbody th {border-top:1px solid #fff;}
    [class*="roadmap-detail_"] tbody th div {padding:10px 0;font-size:11px;}
    [class*="roadmap-detail_"] tbody td .grid {height:auto !important;min-height:50px !important;margin-bottom:-1px;margin-left:-1px;}
    [class*="roadmap-detail_"] tbody td .grid ul {min-height:50px;margin-top:-1px;background-image:linear-gradient(#fff 1px, transparent 1px), linear-gradient(90deg, #fff 1px, transparent 1px);background-repeat: repeat;}
    


    /* AI 활용 실무자 */
    #ai_worker .high .grid ul {background-size: calc(100% / 2) calc(100% / 1); /* 열/행 비율 */}
    #ai_worker .cate1 .intermediate .grid ul {grid-template-rows: repeat(1, 1fr);background-size: calc(100% / 2) calc(100% / 1); /* 열/행 비율 */}
    #ai_worker .cate1 .intermediate .grid ul li:nth-child(1) {grid-area: 1 / 1 / 1 / 1;}
    #ai_worker .cate1 .intermediate .grid ul li:nth-child(2) {grid-area: 2 / 1 / 2 / 1;}
    #ai_worker .cate1 .intermediate .grid ul li:nth-child(3) {grid-area: 1 / 2 / 1 / 2;}
    #ai_worker .cate1 .intermediate .grid ul li:nth-child(4) {grid-area: 2 / 2 / 2 / 2;}

    #ai_worker .cate2 .intermediate .grid ul {background-size: calc(100% / 2) calc(100% / 5); /* 열/행 비율 */}

    #ai_worker .beginner .grid ul {background-size: calc(100% / 2) calc(100% / 2); /* 열/행 비율 */}
    #ai_worker .cate1 .beginner .grid ul {grid-template-rows: repeat(2, 1fr);}




    /* AI Agent 마스터 */
    #ai_master .high .grid ul {background-size: calc(100% / 2) calc(100% / 2); /* 열/행 비율 */}
    #ai_master .cate1 .intermediate .grid ul {background-size: calc(100% / 2) calc(100% / 6); /* 열/행 비율 */}
    #ai_master .beginner .grid ul {background-size: calc(100% / 2) calc(100% / 3); /* 열/행 비율 */}



    /* AI Tech Expert */
    #ai_expert .cate1 .high .grid ul {background-size: calc(100% / 2) calc(100% / 3); /* 열/행 비율 */}
    #ai_expert .cate2 .high .grid ul {grid-template-rows: repeat(1, 1fr);background-size: calc(100% / 2) calc(100% / 1); /* 열/행 비율 */}
    #ai_expert .cate1 .intermediate .grid ul {background-size: calc(100% / 2) calc(100% / 3); /* 열/행 비율 */}
    #ai_expert .cate2 .intermediate .grid ul {background-size: calc(100% / 2) calc(100% / 3); /* 열/행 비율 */}
    #ai_expert .cate1 .beginner .grid ul {background-size: calc(100% / 1) calc(100% / 2); /* 열/행 비율 */}
    #ai_expert .cate2 .beginner .grid ul {background-size: calc(100% / 2) calc(100% / 2); /* 열/행 비율 */}



    /* AX 혁신리더 */
    #ai_leader .high .grid ul {background-size: calc(100% / 3) calc(100% / 1); /* 열/행 비율 */}
    #ai_leader .cate1 .intermediate .grid ul {background-size: calc(100% / 3) calc(100% / 3); /* 열/행 비율 */}
    #ai_leader .beginner .grid ul {background-size: calc(100% / 3) calc(100% / 1); /* 열/행 비율 */}
    #ai_leader .grid ul li a {min-height:60px;}


}