@charset "euc-kr";
/* =====================================================================
   info.css - "info" °è¿­ ÆäÀÌÁö °ø¿ë ¹ÝÀÀÇü ½ºÅ¸ÀÏ
   (±âÁ¸ /common/css/info.css ¸¦ rwd ¹ÝÀÀÇü ü°è·Î ÀÌÀüÇÏ´Â ½Å±Ô ÆÄÀÏ.
    ÆäÀÌÁöº° ¼½¼ÇÀº ¹è³Ê ÁÖ¼®À¸·Î ±¸ºÐÇÑ´Ù - ±âÁ¸ info.css ÄÁº¥¼Ç°ú µ¿ÀÏ)

   [ÁÖÀÇ] ÀÌ ÆÄÀÏÀº ·ÎÄà ai_test »÷µå¹Ú½º¿¡¼­ ½Å±Ô »ý¼ºµÊ. ¿î¿µ ¹Ý¿µ ½Ã ±âÁ¸
   ¿î¿µ ¼­¹öÀÇ /rwd/css/info.css Á¸Àç ¿©ºÎ¸¦ ¸ÕÀú È®ÀÎÇÏ°í º´ÇÕÇÒ °Í - ¾ø´Ù¸é
   ÀÌ ÆÄÀÏ ±×´ë·Î »ç¿ë, ÀÖ´Ù¸é ¾Æ·¡ "¿Â¶óÀÎ ¼­ºñ½º" ¼½¼Ç¸¸ Ãß°¡ º´ÇÕ.
===================================================================== */

/* =====================================================================
   ¿Â¶óÀÎ ¼­ºñ½º (TRS #13300 - Æí¸®ÇÑ ¿Â¶óÀÎ ¼­ºñ½º ¹ÝÀÀÇü °³Æí)
   Ŭ·¡½º Á¢µÎ»ç´Â on-(¿Â¶óÀÎ ¼­ºñ½º ÆäÀÌÁö ½ºÄÚÇÁ)À¸·Î ÅëÀÏÇÑ´Ù.
   ºÐ±âÁ¡: PC 1200px~(±âº»°ª) / TA 768~1199px / MO ~767px - PC/TA °ø¿ë ±ÔÄ¢À»
   ±âº»°ª¿¡ µÎ°í, TA¡¤MO °¢°¢ Àü¿ë @media ºí·Ï ÇÑ °÷¿¡¼­¸¸ ÀçÁ¤ÀÇÇÑ´Ù(Áߺ¹ ±ÝÁö).
===================================================================== */
.on-page{width:100%}
.on-section{box-sizing:border-box;margin:0 auto;padding:0}

/* »ó´Ü ºñÁÖ¾ó - Figma(node-id=1035344-1254) PC ÇÁ·¹ÀÓ °ª ¹Ý¿µ(±×¶óµð¾ðÆ®/¸»Ç³¼±/ŸÀÌƲ/±¸ºÐ¼±/ÀÎÁõÄ«µå) */
.on-visual{display:flex;flex-direction:column;align-items:center;gap:16px;box-sizing:border-box;padding:80px 20px;text-align:center;background:linear-gradient(180deg,#c8e0f6 0%,#fff 77.757%)}
.on-visual .on-visual-inner{display:flex;flex-direction:column;align-items:center;gap:40px;max-width:100%}
.on-visual .on-visual-head{display:flex;flex-direction:column;align-items:center;gap:16px}
.on-visual .badge{position:relative;width:216px;height:78px}
.on-visual .badge .badge-shape{position:absolute;left:0.5px;top:1px;width:215px;height:71.022px;display:block}
.on-visual .badge span{position:absolute;left:50%;top:-3px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;height:62px;font-family:'Pretendard Variable','Pretendard',sans-serif;font-weight:700;font-size:24px;line-height:32px;letter-spacing:0.03em;color:#2c5bf6;white-space:nowrap}
.on-visual .tit{display:flex;flex-direction:column;align-items:center;gap:12px;margin:0;font-family:'Pretendard Variable','Pretendard',sans-serif;font-weight:800;font-size:84px;line-height:84px;letter-spacing:-0.02em;color:#333}
.on-visual .tit .tit-l2{display:flex;align-items:flex-start;justify-content:center;gap:16px}
.on-visual .tit .c-blue{color:#2c5bf6}
.on-visual .desc{margin:0;font-family:'Pretendard Variable','Pretendard',sans-serif;font-weight:400;font-size:20px;line-height:28px;letter-spacing:-0.02em;color:#555}
.on-visual .desc br.brk-mo{display:none}
.on-visual .on-visual-divider{display:block;width:8px;height:59px}
.on-visual .on-visual-divider svg{display:block;width:100%;height:100%}
.on-visual .notice-card{display:flex;align-items:center;gap:20px;box-sizing:border-box;width:100%;max-width:800px;margin:0;padding:40px 48px;border:1px solid #2c5bf6;border-radius:16px;background:#fff;text-align:left}
.on-visual .notice-text{display:flex;flex:1 1 0%;flex-direction:column;gap:12px;min-width:0}
.on-visual .notice-text strong{display:block;font-family:'Pretendard Variable','Pretendard',sans-serif;font-weight:700;font-size:28px;line-height:38px;letter-spacing:-0.02em;color:#333}
.on-visual .notice-text strong .c-red{color:#ed2024}
.on-visual .notice-text .note{display:flex;gap:4px;align-items:flex-start}
.on-visual .notice-text .note p{margin:0;font-family:'Pretendard Variable','Pretendard',sans-serif;font-weight:400;font-size:16px;line-height:24px;letter-spacing:-0.01em;color:#555}
.on-visual .notice-cta{flex-shrink:0}
.on-visual .service-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;width:206px;height:42px;padding:14px 30px;border:0;border-radius:6px;background:#2c5bf6;color:#fff;font-family:'Pretendard Variable','Pretendard',sans-serif;font-weight:600;font-size:15px;line-height:1.4;letter-spacing:-0.02em;cursor:pointer;white-space:nowrap}
.on-visual .service-btn .ico{display:flex;align-items:center;justify-content:center;width:5.833px;height:10px;flex-shrink:0}
.on-visual .service-btn .ico svg{display:block;width:10px;height:5.833px;transform:rotate(-90deg)}

/* °íÁ¤ÅÇ ¹Ú½º - component.cssÀÇ °ø¿ë .tab .tab-full-a¿¡ ±â´ëÁö ¾Ê°í ÀÌ ÆäÀÌÁö¿¡¼­ ´Üµ¶À¸·Î
   ±¸ÇöÇÑ´Ù(µðÀÚÀÎÀº ±âÁ¸ tab-full-a º¯Çü°ú µ¿ÀÏ: ¿¬È¸»ö ½½¶óÀÌ´õ ¹è°æ + È°¼º ÆĶõ ¹è°æ/Èò ±ÛÀÚ) */
.on-tab-box{padding:0 0 60px}
.on-tab-box .on-tab-slider{width:100%;background:#f1f3f8}
.on-tab-box .on-tab-list{display:flex;width:100%;max-width:1028px;margin:0 auto;padding:0}
.on-tab-box .on-tab-btn{display:flex;flex:1 0 0;align-items:center;justify-content:center;min-width:0;box-sizing:border-box;padding:16px 18px;border:0;border-right:1px solid #dbdbdb;background:#f1f3f8;font-family:'Pretendard Variable','Pretendard',sans-serif;font-size:18px;font-weight:600;line-height:26px;letter-spacing:-0.36px;color:#999;opacity:.7;white-space:nowrap;cursor:pointer}
.on-tab-box .on-tab-btn:last-child{border-right:0}
.on-tab-box .on-tab-btn.is-on{background:#2c5bf6;color:#fff;font-weight:700;opacity:1}

/* °íÁ¤ÅÇ ½ºÅ©·Ñ ½Ã »ó´Ü °íÁ¤ (±âȹ¼­ p.4) - °ø¿ë GNB(header.asp initStickyGNB)´Â ½ºÅ©·Ñ ´Ù¿î
   Áß¿£ ºñ°íÁ¤, ½ºÅ©·Ñ ¾÷ ÇÒ ¶§¸¸ .gnb-inner.is-fixed·Î 60px ¾ÐÃà °íÁ¤µÇ´Â ¹æÇ⼺ ½ºÆ¼Å°¶ó¼­,
   ¿ì¸® Åǵµ °íÁ¤ °ªÀÌ ¾Æ´Ï¶ó ±× »óŸ¦ service.asp ÀζóÀÎ ½ºÅ©¸³Æ®¿¡¼­ ½Ç½Ã°£À¸·Î µû¶ó°¡
   top °ªÀ» ¹Ù²Û´Ù(.is-pinned - ¿¹Àü À̸§ .is-under-fixed-header) */
.on-tab-box .on-tab{width:100%;position:sticky;top:0;z-index:10;background:#fff}
.on-tab-box .on-tab.is-pinned{top:60px}

/* ÅÇ ÄÜÅÙÃ÷ */
.on-tab-con{display:none}
.on-tab-con.is-on{display:block}
.on-tab-con .inner{box-sizing:border-box;width:100%;max-width:860px;margin:0 auto;padding:60px 0 60px;background:#fff;border-radius:15px}
.on-tab-con .inner img{display:block;width:100%;height:auto}

/* ÅÇ »ó´Ü ŸÀÌƲ/¼³¸í/ĸ¼Ç - Figma 5°³ ÅÇ ÄÜÅÙÃ÷ ÇÁ·¹ÀÓ °øÅë Çì´õ ¿µ¿ª */
.on-tab-con .tab-title{box-sizing:border-box;width:100%;padding:0 40px;margin-bottom:32px;text-align:center}
.on-tab-con .tab-title h3{margin:0 0 12px;font-family:'Pretendard Variable','Pretendard',sans-serif;font-weight:700;font-size:32px;line-height:42px;letter-spacing:-0.02em;color:#333}
.on-tab-con .tab-title p{margin:0;font-family:'Pretendard Variable','Pretendard',sans-serif;font-weight:400;font-size:18px;line-height:26px;letter-spacing:-0.02em;color:#555}
.on-tab-con .tab-title p strong{font-weight:600;color:#ed2024}
.on-tab-con .tab-title p br.brk-mo{display:none}
.on-tab-con .tab-title .caption{display:block;margin-top:8px;font-family:'Pretendard Variable','Pretendard',sans-serif;font-size:15px;color:#999}

/* ÅÇ ÇÏ´Ü ÁÖÀÇ»çÇ× - ½Ä±Ç/±³Àç/Á¼® 3°³ ÅÇ¿¡¸¸ Á¸Àç(work/13300/attachments/pptx-text.md È®ÀÎ) */
.on-tab-con .notice-list{box-sizing:border-box;width:calc(100% - 80px);margin:32px auto 0;padding:24px 32px;background:#f8f8f8;border-radius:8px;text-align:left}
.on-tab-con .notice-list p{margin:0 0 10px;font-family:'Pretendard Variable','Pretendard',sans-serif;font-weight:700;font-size:16px;color:#333}
.on-tab-con .notice-list ul{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}
.on-tab-con .notice-list li{position:relative;padding-left:12px;font-family:'Pretendard Variable','Pretendard',sans-serif;font-weight:400;font-size:14px;line-height:1.5;color:#777}
.on-tab-con .notice-list li::before{content:"-";position:absolute;left:0;color:#999}

/* ÅÇ ÇÏ´Ü CTA - <a>(¿ÜºÎ À̵¿)¿Í <button>(Æ˾÷ Æ®¸®°Å)À» ű״ Àǹ̿¡ ¸Â°Ô ´Ù¸£°Ô ¾²µÇ, ¸ð¾çÀº
   ¿ÏÀüÈ÷ µ¿ÀÏÇÏ°Ô ¸ÂÃá´Ù. 1°³¸¸ ÀÖÀ» ¶§´Â max-width±îÁö Ä¿Áö°í, 2°³(Á¼®¿¹¾à ÅÇ)°¡ °°ÀÌ ÀÖÀ» ¶§´Â
   flex-basis·Î ³ª¶õÈ÷ ÇÑ ÁÙ¿¡ ¹èÄ¡µÇ´Ù°¡ Á¼¾ÆÁö¸é ÀÚ¿¬½º·´°Ô Áٹٲ޵ȴÙ.
   margin:0 Çʼö: common.css¿¡ Àü¿ª `.btn-wrap a:nth-child(2){margin-left:24px}`°¡ À־
   ¸í½ÃÀûÀ¸·Î Áö¿öÁÖÁö ¾ÊÀ¸¸é ¿ì¸® µÎ ¹ø° ¹öÆ°¸¸ ¿À¸¥ÂÊÀ¸·Î ¹Ð·Á ÁÂ¿ì ½ÃÀÛ/³¡ÀÌ ¾î±ß³­´Ù */
.on-tab-con .btn-wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;box-sizing:border-box;width:100%;padding:0 40px;margin-top:32px}
.on-tab-con .btn-wrap a,
.on-tab-con .btn-wrap button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:1 1 240px;box-sizing:border-box;max-width:376px;height:42px;margin:0;padding:0 24px;border:0;border-radius:6px;background:#2c5bf6;font-family:'Pretendard Variable','Pretendard',sans-serif;font-size:15px;font-weight:600;color:#fff;text-decoration:none;cursor:pointer}
.on-tab-con .btn-wrap .ico{display:flex;align-items:center;justify-content:center;width:10px;height:10px;flex-shrink:0}
.on-tab-con .btn-wrap .ico svg{display:block;width:10px;height:5.833px;transform:rotate(-90deg)}
.on-tab-con .btn-wrap .btn-line{background:#fff;border:1px solid #2c5bf6;color:#2c5bf6}

/* ·¹À̾îÆ˾÷ °øÅë(.on-pop = ÀÚ¼¼È÷ º¸±â, .on-pop2 = Á¼®¹èÁ¤½Ã°£Ç¥) - Á¦¸ñ+´Ý±â ¹öÆ°ÀÌ ÀÖ´Â
   ½ÇÁ¦ ¸ð´Þ Çì´õ(°íÁ¤) + º»¹®(½ºÅ©·Ñ) ±¸Á¶¸¦ µÑ ´Ù µ¿ÀÏÇÏ°Ô ¾´´Ù. óÀ½¿¡ .on-pop2´Â ´Ý±â
   ¹öÆ°À» ¹Ú½º À§¿¡ Àý´ëÁÂÇ¥(top:-44px)·Î ¶ç¿ì´Â ¹æ½ÄÀ̾ú´Âµ¥, .in¿¡ °É¸° overflow-y:auto°¡
   ¹Ú½º ¹ÛÀ¸·Î ³ª°¡´Â ¿ä¼Ò¸¦ ±×´ë·Î À߶ó¹ö·Á ¹öÆ°ÀÌ ¾È º¸ÀÌ´Â ¹®Á¦°¡ ÀÖ¾ú´Ù - Çì´õ¸¦ ¹Ú½º ¾È
   Á¤»ó È帧¿¡ µÎ´Â ÀÌ ±¸Á¶´Â ±× ¹®Á¦ ÀÚü°¡ »ý±âÁö ¾Ê´Â´Ù */
.on-pop,.on-pop2{display:none;position:fixed;top:0;left:0;z-index:200;box-sizing:border-box;width:100%;height:100%;align-items:center;justify-content:center;padding:0}
.on-pop.is-on,.on-pop2.is-on{display:flex}
.on-pop::before,.on-pop2::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}
.on-pop .in,.on-pop2 .in{position:relative;box-sizing:border-box;display:flex;flex-direction:column;width:calc(100% - 40px);max-width:768px;max-height:80vh;background:#fff;border-radius:12px;overflow:hidden}
.on-pop .pop-head,.on-pop2 .pop-head{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:20px 24px;border-bottom:1px solid #ebebeb}
.on-pop .pop-head .pop-tit,.on-pop2 .pop-head .pop-tit{font-size:20px;font-weight:800;color:#111}
.on-pop .pop-body,.on-pop2 .pop-body{flex:1;box-sizing:border-box;padding:0;overflow-y:auto}
.on-pop .pop-body img{display:block;width:100%;height:auto}
.on-pop .btn-close,.on-pop2 .btn-close{position:relative;flex-shrink:0;width:24px;height:24px;padding:0;border:0;background:transparent;cursor:pointer}
.on-pop .btn-close::before,.on-pop .btn-close::after,
.on-pop2 .btn-close::before,.on-pop2 .btn-close::after{content:"";position:absolute;top:11px;left:1px;width:22px;height:2px;background:#333}
.on-pop .btn-close::before,.on-pop2 .btn-close::before{transform:rotate(45deg)}
.on-pop .btn-close::after,.on-pop2 .btn-close::after{transform:rotate(-45deg)}

/* Á¼® ¹èÁ¤ ½Ã°£Ç¥ Æ˾÷ ³»ºÎ Å×À̺í - /russel/danka/online_tbl_popup.asp°¡ ½ÇÁ¦·Î ¾²´Â Ŭ·¡½º´Â
   work/13300/reference-source/info.css(±âÁ¸ ¿î¿µ info.css) 102~112Çà¿¡¼­ È®ÀÎÇÔ:
   .schedule-box(·¡ÆÛ) > .tb-type01 > table(captionÀº ¿ø·¡µµ ½Ã°¢ÀûÀ¸·Î ¼û±è). ¿øº» ±×´ë·Î
   °¡Á®¿ÀµÇ Æø¸¸ max-width·Î ¹Ù²ã Æ˾÷ Æø¿¡ ¸ÂÃç ¹ÝÀÀÇüÀ¸·Î ÁÙ¾îµé°Ô Çß´Ù.
   ÀÎŬ·çµå°¡ ¿ø·¡ ³Ö´ø Á¦¸ñ À̹ÌÁö(online_title_01.jpg="¡¤ °­ÀǺ° Á¼®¿¹¾à ½Ã°£Ç¥")´Â
   ¿ì¸® ÂÊ .pop-tit ½ÇÁ¦ ÅؽºÆ®·Î ´ëüÇßÀ¸´Ï Áߺ¹ ³ëÃâµÇÁö ¾Êµµ·Ï ¼û±ä´Ù */
.on-pop2 .pop-body img[src*="online_title_01"]{display:none}
.on-pop2 .schedule-box{width:100%;max-width:697px;margin:16px auto 0;position:relative}
.on-pop2 .tb-type01 table{width:100%;border-collapse:collapse}
.on-pop2 .tb-type01 table caption{position:absolute;left:-5000px;top:0;visibility:hidden;overflow:hidden;line-height:0.1%;font-size:0.1%;width:0.1%;height:0.1%}
.on-pop2 .tb-type01 table thead tr th{background:#c6c6c6;border-bottom:1px solid #434343;border-left:1px solid #9a9a9a;padding:10px 0;color:#191919;font-size:17px;text-align:center}
.on-pop2 .tb-type01 table thead tr th:first-of-type{border-left:0}
.on-pop2 .tb-type01 table thead tr th.border-l{border-left:1px solid #434343}
.on-pop2 .tb-type01 table tbody tr td{border-left:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4;padding:10px 0;color:#191919;font-size:15px;text-align:center}
.on-pop2 .tb-type01 table tbody tr td:first-of-type{border-left:0}
.on-pop2 .tb-type01 table tbody tr td.border-l{border-left:1px solid #c4c4c4}
.on-pop2 .tb-type01 table tbody tr td.bg-y{background:#ffffde}
.on-pop2 .list-02{margin-top:20px}
.on-pop2 .list-02 li{font-size:14px}

/* =====================================================================
   TA: 768~1199px (ÀÌ ±¸°£ ÀçÁ¤ÀÇ´Â ÀüºÎ ÀÌ ºí·Ï Çϳª¿¡ ¸ðÀº´Ù)
===================================================================== */
@media (max-width:1199px){
.on-section{max-width:100%}

/* »ó´Ü ºñÁÖ¾ó - TA: Figma¿¡ TA ÇÁ·¹ÀÓÀÌ ¾ø¾î PC °ª¿¡¼­ ºñÀ² Ãà¼ÒÇÑ ÆÄ»ý°ª(derived, no-ta-source) */
.on-visual{padding:60px 20px;gap:14px}
.on-visual .on-visual-inner{gap:32px}
.on-visual .on-visual-head{gap:12px}
.on-visual .badge{width:180px;height:65px}
.on-visual .badge .badge-shape{left:0;top:1px;width:179px;height:59px}
.on-visual .badge span{top:-2px;height:52px;font-size:20px;line-height:27px}
.on-visual .tit{gap:10px;font-size:56px;line-height:60px}
.on-visual .tit .tit-l2{gap:12px}
.on-visual .desc{font-size:18px;line-height:26px}
.on-visual .on-visual-divider{width:7px;height:50px}
.on-visual .notice-card{padding:28px 32px;gap:16px}
.on-visual .notice-text{gap:10px}
.on-visual .notice-text strong{font-size:24px;line-height:32px}
.on-visual .notice-text .note p{font-size:15px;line-height:22px}

.on-tab-con .inner{padding:48px 24px 60px}
.on-tab-con .tab-title{padding:0 32px;margin-bottom:24px}
.on-tab-con .tab-title h3{font-size:26px;line-height:34px;margin-bottom:10px}
.on-tab-con .tab-title p{font-size:16px;line-height:24px}
.on-tab-con .notice-list{width:calc(100% - 64px);padding:20px 24px;margin-top:24px}
.on-tab-con .btn-wrap{padding:0 32px}

.on-pop .in,.on-pop2 .in{width:90%;max-width:640px}
.on-pop .pop-head,.on-pop2 .pop-head{padding:18px 22px}
.on-pop .pop-head .pop-tit,.on-pop2 .pop-head .pop-tit{font-size:18px}

.on-pop2 .tb-type01 table thead tr th{font-size:15px;padding:8px 0}
.on-pop2 .tb-type01 table tbody tr td{font-size:14px;padding:8px 0}
.on-pop2 .list-02{margin-top:16px}
.on-pop2 .list-02 li{font-size:13px}
}

/* =====================================================================
   MO: ~767px (ÀÌ ±¸°£ ÀçÁ¤ÀÇ´Â ÀüºÎ ÀÌ ºí·Ï Çϳª¿¡ ¸ðÀº´Ù)
===================================================================== */
@media (max-width:767px){
.on-tab-box .on-tab,
.on-tab-box .on-tab.is-pinned{top:55px}

/* °íÁ¤ÅÇ - MO´Â ½½¶óÀÌµå ´ë½Å ÁٹٲÞÀ¸·Î ó¸®ÇÑ´Ù: 3°³±îÁö´Â 33.3333%¾¿ ÇÑ ÁÙ¿¡ µü ¸Â°í,
   4°³¸é 2+2, 5°³¸é 3+2·Î µÎ ÁÙ¿¡ ¶³¾îÁø´Ù(Á¤È®È÷ ¸î °³ÀÎÁö´Â :has()/nth-child·Î ÆǺ°) */
.on-tab-box .on-tab-list{flex-wrap:wrap;max-width:none}
.on-tab-box .on-tab-btn{flex:0 0 33.3333%;max-width:33.3333%;min-width:0;padding:14px 8px;font-size:14px;border-bottom:1px solid #dbdbdb}
.on-tab-box .on-tab-btn:nth-child(3n){border-right:0}
/* ÅÇÀÌ Á¤È®È÷ 5°³ÀÏ ¶§¸¸(4¹ø°°¡ µÚ¿¡¼­ 2¹ø°¿Í °°À½ = ÃÑ 5°³) ¸¶Áö¸· ÁÙ 2°³¸¦ Àý¹Ý¾¿ ä¿ò */
.on-tab-box .on-tab-btn:nth-child(4):nth-last-child(2),
.on-tab-box .on-tab-btn:nth-child(4):nth-last-child(2) ~ .on-tab-btn{flex:0 0 50%;max-width:50%}
/* ÅÇÀÌ Á¤È®È÷ 4°³ÀÏ ¶§¸¸ 2°³¾¿ µÎ ÁٷΠä¿ò */
.on-tab-box .on-tab-list:has(.on-tab-btn:nth-child(4):last-child) .on-tab-btn{flex:0 0 50%;max-width:50%;border-right:1px solid #dbdbdb}
.on-tab-box .on-tab-list:has(.on-tab-btn:nth-child(4):last-child) .on-tab-btn:nth-child(2n){border-right:0}

/* »ó´Ü ºñÁÖ¾ó - MO: Figma ½ÇÁ¦ MO ÇÁ·¹ÀÓ(node-id=2050-427) °ª ÀçÈ®ÀÎ ÈÄ ¹Ý¿µ - ÀÌÀü¿£ MO ÇÁ·¹ÀÓÀÌ
   ¾ø´Ù°í º¸°í PC ºñÀ²·Î ÃßÁ¤ÇÑ ÆÄ»ý°ªÀ» ½è¾ú´Âµ¥, ½ÇÁ¦·Î´Â MO Àü¿ë ÇÁ·¹ÀÓÀÌ µû·Î ÀÖ¾ú´Ù */
.on-visual{padding:40px 16px;gap:8px}
.on-visual .on-visual-inner{gap:24px}
.on-visual .on-visual-head{gap:8px}
.on-visual .badge{width:166px;height:63px}
.on-visual .badge .badge-shape{width:165px;height:61.022px}
.on-visual .badge span{top:9px;height:32px;font-size:18px;line-height:32px;letter-spacing:0.54px}
.on-visual .tit{gap:0;font-size:45px;line-height:56px}
.on-visual .tit .tit-l2{flex-direction:column;align-items:center;gap:0}
.on-visual .tit .c-blue{background:linear-gradient(180deg,#2c5bf6 14.78%,#0029af 107.65%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.on-visual .desc{font-size:16px;line-height:24px}
.on-visual .desc br.brk-mo{display:inline}
.on-visual .on-visual-divider{width:8px;height:33px}
.on-visual .notice-card{flex-direction:column;align-items:center;text-align:center;padding:20px;gap:16px}
.on-visual .notice-text{width:100%;gap:4px}
.on-visual .notice-text strong{font-size:20px;line-height:28px}
.on-visual .notice-text .note{justify-content: center;}
.on-visual .notice-text .note p{font-size:13px;line-height:18px}
.on-visual .service-btn{width:159px;height:38px;padding:14px 30px;border-radius:4px;gap:8px;font-size:14px;letter-spacing:-0.28px;background:linear-gradient(180deg,#2c5bf6 14.78%,#0029af 107.65%)}
.on-visual .service-btn .ico{width:5.25px;height:9px}
.on-visual .service-btn .ico svg{width:9px;height:5.25px}

.on-tab-con .inner{padding:32px 16px 48px;border-radius:10px}
.on-tab-con .tab-title{padding:0;margin-bottom:20px}
.on-tab-con .tab-title h3{font-size:24px;line-height:32px;letter-spacing:-0.48px;margin-bottom:8px}
.on-tab-con .tab-title p{font-size:14px;line-height:20px;letter-spacing:-0.14px}
.on-tab-con .tab-title .caption{font-size:13px;margin-top:6px}
.on-tab-con .tab-title p br.brk-mo{display:inline}
.on-tab-con .notice-list{width:100%;padding:16px 20px;margin-top:20px;border-radius:6px}
.on-tab-con .notice-list p{font-size:14px;margin-bottom:8px}
.on-tab-con .notice-list li{font-size:13px}
.on-tab-con .btn-wrap{padding:0;margin-top:24px}
.on-tab-con .btn-wrap a,
.on-tab-con .btn-wrap button{flex:none;width:100%;max-width:none;height:38px;font-size:14px}

.on-pop .in,.on-pop2 .in{width:calc(100% - 32px)}
.on-pop .pop-head,.on-pop2 .pop-head{padding:16px 20px}
.on-pop .pop-head .pop-tit,.on-pop2 .pop-head .pop-tit{font-size:16px}

.on-pop2 .pop-body{padding:14px}
.on-pop2 .schedule-box{margin-top:12px}
.on-pop2 .tb-type01 table thead tr th{font-size:12px;padding:6px 2px}
.on-pop2 .tb-type01 table tbody tr td{font-size:12px;padding:6px 2px}
.on-pop2 .list-02{margin-top:14px}
.on-pop2 .list-02 li{font-size:12px}
}