@charset "euc-kr";
/* ¿Â¶óÀÎ ¼­ºñ½º */

/* PC ±âº» / ÅÂºí¸´ ÀÌÇÏ 1199px / ¸ð¹ÙÀÏ 767px */
.on-page{width:100%}
.on-section{box-sizing:border-box;margin:0 auto;padding:0}

/* »ó´Ü ºñÁÖ¾ó */
.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)}

/* ¼­ºñ½º ÅÇ */
.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}

/* °íÁ¤ Çì´õ°¡ Ç¥½ÃµÇ¸é ÅÇÀÇ »ó´Ü À§Ä¡¸¦ º¸Á¤ÇÕ´Ï´Ù. */
.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}

/* ÅÇ Á¦¸ñ°ú ¼³¸í */
.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}

/* ÅÇ ÁÖÀÇ»çÇ× */
.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}

/* ÅÇ ¹öÆ°: margin:0À¸·Î °øÅë CSSÀÇ µÎ ¹ø° ¸µÅ© ¿©¹éÀ» ÃʱâÈ­ÇÕ´Ï´Ù. */
.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{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 .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)}

/* Á¼®¿¹¾à ½Ã°£Ç¥: Æ˾÷ Á¦¸ñ°ú Áߺ¹µÇ´Â ÀÎŬ·çµåÀÇ Á¦¸ñ À̹ÌÁö¸¦ ¼û±é´Ï´Ù. */
.on-pop2 .pop-body img[src*="online_title_01"]{display:none}
.on-pop2 .schedule-box{width:100%;max-width:697px;margin:16px auto 0;padding:0 16px 16px;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}
#svcInfoLayer img {width:100%; height:auto;}
/* ÅÂºí¸´ ÀÌÇÏ (1199px ÀÌÇÏ) */
@media (max-width:1199px){
.on-section{max-width:100%}

/* »ó´Ü ºñÁÖ¾ó */
.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}
}

/* ¸ð¹ÙÀÏ (767px ÀÌÇÏ) */
@media (max-width:767px){
.on-tab-box .on-tab,
.on-tab-box .on-tab.is-pinned{top:55px}

/* ¸ð¹ÙÀÏ ÅÇ: 3¿­ ±âº», 4°³´Â 2+2, 5°³´Â 3+2 ¹èÄ¡ */
.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°³: ¸¶Áö¸· ÁÙÀº 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}

/* »ó´Ü ºñÁÖ¾ó */
.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;padding:0;}
.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}
}

@media (max-width:767px) {
    .pop-ui.pop-type-online.is-write-mo .pop-write-shell {
        max-height:none;
        border-radius:0;
    }
}