@media only screen and (min-width: 768px) {
    /* ±âº» ÆùÆ® ¼³Á¤ (PC) */
    @font-face {
        font-display: swap;
        font-family: 'Noto Sans KR';
        font-style: normal;
        font-weight: 300;
        src: 
        url('../responsive/font/NotoSans-Light.woff') format('woff')
    }
    @font-face {
        font-display: swap;
        font-family: 'Noto Sans KR';
        font-style: normal;
        font-weight: 400;
        src: 
        url('../responsive/font/NotoSans-Regular.woff') format('woff')
    }
    @font-face {
        font-display: swap;
        font-family: 'Noto Sans KR';
        font-style: normal;
        font-weight: 500;
        src: 
        url('../responsive/font/NotoSans-Medium.woff') format('woff')
    }
    @font-face {
        font-display: swap;
        font-family: 'Noto Sans KR';
        font-style: bold;
        font-weight: 700;
        src: 
        url('../responsive/font/NotoSans-Bold.woff') format('woff')
    }
    @font-face {
        font-display: swap;
        font-family: 'Noto Sans KR';
        font-style: bold;
        font-weight: 900;
        src: 
        url('../responsive/font/NotoSans-Black.woff') format('woff')
    }

    /*ÇÁ¸®Åٴٵå ÆùÆ®(°¡º¯Çü) Ãß°¡ -2025.03.11 */
    @font-face {
        font-family: 'Pretendard';
        src: url('../responsive/font/PretendardVariable.woff2') format('woff2-variations');
        font-weight: 100 900;
        font-style: normal;
    }
}

/* ==================================================================
    COMMON
===================================================================== */
html{
    font-family:'Pretendard', 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:16px;
    line-height:1.5;
    color:#222;
    letter-spacing: -0.04em;
}

body {letter-spacing: 0;}

/* ==================================================================
    COMMON : Helper class
===================================================================== */
/* margin */
.m0	{margin:0 !important}
.mt0	{margin-top:0 !important}
.mt2	{margin-top:2px !important}
.mt3	{margin-top:3px !important}
.mt5	{margin-top:5px !important}
.mt10	{margin-top:10px !important}
.mt15	{margin-top:15px !important}
.mt13	{margin-top:13px !important}
.mt16	{margin-top:16px !important}
.mt20	{margin-top:20px !important}
.mt25	{margin-top:25px !important}
.mt30	{margin-top:30px !important}
.mt35	{margin-top:35px !important}
.mt40	{margin-top:40px !important}
.mt45	{margin-top:45px !important}
.mt50	{margin-top:50px !important}
.mt60	{margin-top:60px !important}
.mt70	{margin-top:70px !important}
.mt80	{margin-top:80px !important}
.mt90	{margin-top:90px !important}
.mt100	{margin-top:100px !important}

.mb0	{margin-bottom:0px !important}
.mb1	{margin-bottom:1px !important}
.mb3	{margin-bottom:3px !important}
.mb4	{margin-bottom:4px !important}
.mb5	{margin-bottom:5px !important}
.mb7	{margin-bottom:7px !important}
.mb10	{margin-bottom:10px !important}
.mb15	{margin-bottom:15px !important}
.mb20	{margin-bottom:20px !important}
.mb25	{margin-bottom:25px !important}
.mb30	{margin-bottom:30px !important}
.mb35	{margin-bottom:35px !important}
.mb40	{margin-bottom:40px !important}
.mb45	{margin-bottom:45px !important}
.mb50	{margin-bottom:50px !important}
.mb55	{margin-bottom:55px !important}
.mb60	{margin-bottom:60px !important}
.mb70	{margin-bottom:70px !important}
.mb80	{margin-bottom:80px !important}
.mb85	{margin-bottom:85px !important}
.mb90	{margin-bottom:90px !important}
.mb100	{margin-bottom:100px !important}
.mb130	{margin-bottom:130px !important}
.mb180	{margin-bottom:180px !important}
.ml5 {margin-left:5px !important}
.ml10 {margin-left:10px !important}

/* padding */
.p0		{padding:0 !important}
.p1		{padding:4px  1px !important}
.pd15	{padding:15px !important}
.pd30	{padding:30px !important}
.pt0	{padding-top:0 !important}
.pt2	{padding-top:2px !important}
.pt5	{padding-top:5px !important}
.pt10	{padding-top:10px !important}
.pt15	{padding-top:15px !important}
.pt20	{padding-top:20px !important}
.pt25	{padding-top:25px !important}
.pt30	{padding-top:30px !important}
.pt35	{padding-top:35px !important}
.pt40	{padding-top:40px !important}
.pb0	{padding-bottom:0 !important}
.pb5	{padding-bottom:5px !important}
.pb10	{padding-bottom:10px !important}
.pb15	{padding-bottom:15px !important}
.pb20	{padding-bottom:20px !important}
.pb30	{padding-bottom:30px !important}
.pb80	{padding-bottom:80px !important}
.pl0	{padding-left:0px !important}
.pl5	{padding-left:5px !important}
.pl10	{padding-left:10px !important}
.pl15	{padding-left:15px !important}
.pl20	{padding-left:20px !important}
.pl30	{padding-left:30px !important}
.pr30	{padding-right:30px !important}
.pl40	{padding-left:40px !important}
.pl50	{padding-left:50px !important}
.pl55	{padding-left:55px !important}
.pl70	{padding-left:70px !important}
.pl100	{padding-left:100px !important}
.pl120	{padding-left:120px !important}
.pr10	{padding-right:10px !important}
.pr20	{padding-right:20px !important}
.pr30	{padding-right:30px !important}
.pr40	{padding-right:40px !important}

/* ÆùÆ® »çÀÌÁî */
.fz10	{font-size:10px !important}
.fz11	{font-size:11px !important}
.fz12	{font-size:12px !important}
.fz13	{font-size:13px !important}
.fz14	{font-size:14px !important}
.fz15	{font-size:15px !important}
.fz16	{font-size:16px !important}
.fz17	{font-size:17px !important}
.fz18	{font-size:18px !important}
.fz20	{font-size:20px !important}
.fz22	{font-size:22px !important}
.fz23	{font-size:23px !important}
.fz24	{font-size:24px !important}
.fz25	{font-size:25px !important}
.fz30	{font-size:30px !important}
.fz35	{font-size:35px !important}

/* color */
.white{color:#fff !important}
.blue{color:#0081ff !important}
.black{color:#000 !important}
.gray{color:#777777 !important}
.txt-red {color:#e30c0c;}

/* text */
.bold {font-weight:bold;}
.underline {text-decoration:underline;}
  
/* border */

/* etc */
.tac {text-align:center !important}
.tar {text-align:right !important}
.tal {text-align:left !important}

.mask-bg {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    background: #000;
    opacity: .7;
    width: 100%;
    height: 100%;
}
/* =================================================
    ¸®½ºÆ® ŸÀÔ
==================================================== */
.list-dot li {position:relative;padding-left:12px;}
.list-dot li:before {content:'';width:2px;height:2px;background-color:#000;border-radius:999px;position:absolute;top:11px;left:0;}
.list-bar li {position:relative;}
.list-bar li:before {content:'-';}
.list-bullet li {position:relative;}
.list-bullet li:before {content:'¡Ø';display:inline-block;margin-right:5px;}

/* .list-01,.list-02,.list-03,.list-04,.list-05,.list-bar {margin-top:10px;text-align: left;}

.list-01 li {position:relative;padding-left:18px;font-size:15px;line-height: 1.6;}
.list-01 li::before {content:'¡Ú';position:absolute;left:0;top:0;}
.list-01 li.bar {padding-left:8px;}
.list-01 li.bar:before {content:'-';position:absolute;left:0;top:0;}
.list-01 li.txt-red {color:#d05050;}

.list-02 li {position:relative;padding-left:18px;font-size:15px;line-height: 1.6;}
.list-02 li::before {content:'¡Ø';position:absolute;left:0;top:0;}
.list-03 li {position:relative;padding-left:5px;font-size:15px;}
.list-03 li::before {content:'¡¤';position:absolute;left:0;top:0;}

.list-04 li {position:relative;padding-left:10px!important;font-size:15px;line-height: 1.6;}
.list-04 li::before {content:'-';position:absolute;left:0;top:0;}

.list-05 li {position:relative;padding-left:10px!important;font-size:15px;line-height: 1.6;}
.list-05 li::before {content:'*';position:absolute;left:0;top:0;}

.list-bar li {position:relative;padding:0 0 0 10px;text-align: left;line-height: 1.6;}
.list-bar li:before {content:'-';position:absolute;left:0;top:0;}

.notice-txt {padding-left: 18px; font-size: 16px;color: #333;text-align: left;font-weight: bold;margin: 10px 0 0;position: relative;}
.notice-txt::before {content: '¡Ø';display: block;position: absolute;top: 0;left: 0;} */


/* ==================================================================
	BUTTON
===================================================================== */
.btn-s-gray {display:inline-block;padding:6px 30px 6px 10px;background-color:#656565;border-radius:4px;position:relative;color:#fff;font-size:15px;line-height:1;}
.btn-s-gray:after {content:'';width:5px;height:5px;border-top:1px solid #fff;border-right:1px solid #fff;position:absolute;top:50%;right:15px;transform:rotate(45deg) translateY(-50%);}

.btn-wrap {display:flex;margin-top:80px;}
.btn-wrap a:nth-child(2) {margin-left:24px;}
.btn-wrap a.on {background-color:#0081FF;color:#fff;border-color:#0081FF}
.btn-wrap a.on:after {border-color:#fff;}

.btn-b-wh {display:inline-block;padding: 24px 40px;background-color:#fff;border-radius:8px;position:relative;color:#222;font-size:21px;line-height:1;border:1px solid #222;width:100%;text-align:center;font-weight:700;}
.btn-b-wh:after {content:'';width:10px;height:10px;border-top:1px solid #222;border-right:1px solid #222;position:absolute;top:50%;right:40px;transform:rotate(45deg) translateY(-50%);}
.btn-search {border-radius: 3px;background: #777;padding: 10px 20px;font-size: 14px;font-weight: 500;color: #FFF;text-align: center;margin-left:8px;}
/* .btn-b-gray {display:inline-block;padding:3px 10px;font-size: 13px;border:1px solid #999;color:#666}
.btn-gray-r {display:inline-block;position:relative;padding:1px 17px 2px 10px;font-size: 13px;border-radius: 5px;background:#999;color:#fff;}
.btn-gray-r::after {display: block;position:absolute;top:50%;right:10px;width:5px;height:5px;border:1px solid #fff;border-bottom:none;border-left:none;content:"";transform: rotate(45deg) translateY(-50%);}
.btn-black {display: inline-block;position:relative;padding:0 90px 0 75px;height:70px;line-height:70px;text-align: center;background:#1e1e1e;color:#fff;font-size:20px;border-radius: 7px;font-weight: 500;}
.btn-black:hover {text-decoration: none;}
.btn-black strong {font-weight: 700;}
.btn-black strong.txt-y {color: #f8fe94;}
.btn-black::after {content: "";display: block;height: 12px;width: 12px;position: absolute;top: 50%;right: 25px;transform: translateY(-50.1%) rotate(45deg);border-top: 1px solid #fff;border-right: 1px solid #fff;} */

/* top, home fix ¹öÆ° */
.scroll-top-btn{display:none;position:fixed;bottom:66px;right:60px;cursor:pointer;z-index:5; }
.scroll-home-btn{display:none;position:fixed;bottom:134px;right:60px;cursor:pointer;z-index:5;}


/* ==================================================================
	TABLE
===================================================================== */
.tbl-01 {width:100%;}
.tbl-01 thead th {padding: 18px 24px;text-align:center;font-weight:500;background-color:#f6f6f6;border:1px solid #e4e4e4;}
.tbl-01 thead tr:first-child th:first-child {border-left:none;}
.tbl-01 thead tr:last-child th:last-child {border-right:none;}
.tbl-01 tbody th {font-weight:400;padding: 18px 24px;border:1px solid #e4e4e4;border-left:none;background-color:#f6f6f6;}
.tbl-01 tbody td {font-weight:400;padding: 18px 24px;border:1px solid #e4e4e4;text-align:center;}
.tbl-01 tbody td:first-child {border-left:none;}
.tbl-01 tbody td:last-child {border-right:none;}
.tbl-01.tbl-left td {text-align:left;}

/* TABLET01 */
@media screen and (max-width: 1199px) {

    /* ÅÂºí¸´ ¸ð¹ÙÀÏ ÀåÄ¡¿¡¼­ ½Ã½ºÅÛ ÆùÆ® »ç¿ë */
    html{
        font-weight:400;
        font-size: 62.5%;
        line-height:1.5;
        color:#222;
        -webkit-text-size-adjust: none;
        -ms-text-size-adjust: none; 
        -moz-text-size-adjust: none;
    }
    body{
        font-size:3rem;
    }
    /* =================================================
        ¸®½ºÆ® ŸÀÔ
    ==================================================== */
    .list-dot li {padding-left:1.5rem;}
    .list-dot li:before {width:0.5rem;height:0.5rem;top:2rem;}

    
    /* ==================================================================
        BUTTON
    ===================================================================== */
    .btn-s-gray {font-size:2.4rem;padding: 1rem 3.3rem 1rem 1.2rem;border-radius:2px;}
    .btn-s-gray:after {width:0.7rem;height:0.7rem;}
    .btn-b-wh {padding:3.3rem 6rem 3.3rem 2.4rem;}
    .btn-b-wh:after {width:1.4rem;height:1.4rem;border-top: 2px solid #222;border-right: 2px solid #222;right:4rem;}

    /* top, home fix ¹öÆ° */
    .scroll-top-btn {position: fixed;bottom: 17.4rem;right: 4%;z-index:6}
    .scroll-top-btn div {box-sizing:border-box;font-size:0;width: 10rem;height: 10rem;overflow:hidden;border-radius:50% 50%; background-color:#fff;border:1px solid #cdcdcd;opacity: 0.8;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);display: flex;align-items:center;justify-content:center;}
    .scroll-top-btn img {width:4.8rem;}
    .scroll-home-btn {position: fixed;bottom: 29rem;right: 4%;z-index:6}
    .scroll-home-btn a {display: flex;align-items:center;justify-content:center;box-sizing:border-box;font-size:0;width: 10rem;height: 10rem;overflow:hidden;border-radius:50% 50%; background-color:#fff;border:1px solid #cdcdcd;opacity: 0.8;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);}
    .scroll-home-btn img {width:4.8rem;}
    /* ==================================================================
        TABLE
    ===================================================================== */
    .tbl-01 thead th {padding:1.5rem 0.5rem;}
    .tbl-01 tbody th {padding:1.5rem 0.5rem;}
    .tbl-01 tbody td {padding:1.5rem 0.5rem;}
}

/* TABLET02 */
@media screen and (max-width: 743px) {

    @font-face {
        font-display: swap;
        font-family: 'Noto Sans KR';
        font-style: normal;
        font-weight: 500;
        src: 
        url('../responsive/font/NotoSans-Medium.woff') format('woff')
    }
    @font-face {
        font-display: swap;
        font-family: 'Noto Sans KR';
        font-style: bold;
        font-weight: 700;
        src: 
        url('../responsive/font/NotoSans-Bold.woff') format('woff')
    }
    @font-face {
        font-display: swap;
        font-family: 'Noto Sans KR';
        font-style: bold;
        font-weight: 900;
        src: 
        url('../responsive/font/NotoSans-Black.woff') format('woff')
    }

    /*ÇÁ¸®Åٴٵå ÆùÆ®(°¡º¯Çü) Ãß°¡ -2025.03.11 */
    @font-face {
        font-family: 'Pretendard';
        src: url('../responsive/font/PretendardVariable.woff2') format('woff2-variations');
        font-weight: 100 900;
        font-style: normal;
    }
}

/* ==================================================================
	¸¶°¨ ¾ÆÀÌÄÜ
===================================================================== */
/*** ÃÖ»ó´Ü Å« »çÀÌÁî NEW ***/
.ico-end {position:absolute;width:232px;height:185px;background:#fff;text-align: center;z-index:5;background:url('https://russeldata.megastudy.net/campus/images/russel/common/icon/bg_end_round.png') left top no-repeat}
.ico-end div {position:absolute;width:100%;padding:0px;top:50%;color: #222;line-height: 1.2;transform: translateY(-50%) rotate(15deg);text-align: center;color: #fff;font-size:24px;font-weight: 500;box-sizing: border-box;}
.ico-end div strong {display:block;color: #fff;font-size:35px;font-weight: 700;}
.ico-end.red {background:url('https://russeldata.megastudy.net/campus/images/russel/common/icon/bg_end_round_w.png') left top no-repeat}
.ico-end.red div {color:#e31e24;font-size:24px;font-weight: 500;}
.ico-end.red div strong {color:#e31e24;font-size:35px;font-weight: 700;}

/* TABLET01 */
@media screen and (max-width: 1199px) {
    .ico-end {background:url('https://russeldata.megastudy.net/campus/images/russel/common/icon/bg_end_round.png') left top no-repeat;background-size:35vw;top:calc(50% - 13vw) !important;right:calc(50% - 48vw) !important;width:35vw;height:28vw;}
    .ico-end div {font-size:2.6rem;left:.5vw;top:14vw;}
}
/* TABLET02 */
@media screen and (max-width: 743px) {
    .ico-end {top:71vw !important;}
}