@charset "euc-kr";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");

/****[S] : °øÅë****/
/* ´ÜÃà ½ºÅ¸ÀÏ */
.absolute { position: absolute !important; } 
.relative { position: relative !important; } 
.inblock { display: inline-block; } 
.hide { display: none; } 
.hand { cursor: pointer; } 
.blind { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden; } 
.bold2 { font-weight: 800 !important; } 
.cont_mocktest .flex { display: flex; } 
input,
button,
select,
textarea { border: 1px solid #adb0b7; font-family: "pretendard"; font-weight: 500; } 
.section_gotop .goTop { top: 0; } 
.mock_test,
.mock_test * { box-sizing: border-box; } 
.mock_test input[type="text"],
.mock_test input[type="password"] { height: 30px; line-height: 28px; } 

/* ¹öÆ° SET */
.key_btn { display: flex; justify-content: center; align-items: center; width: 110px; height: 34px; margin: 0 auto; background: #013cc8; border-radius: 5px; font-size: 15px; color: #fff; } 
.key_btn.type2 { background: #888; } 
.mock_test.sub .lcontent .boxNoData .nodata_btn { height: 50px; border-radius: 6px; } 
.btn_result { width: 280px; height: 60px; margin: 0 auto; border-radius: 8px; background: #df0b39; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 500; color: #fff; text-align: center; } 

/* FONT */
.f10 { font-size: 10px !important; } 
.f11 { font-size: 11px !important; } 
.f12 { font-size: 12px !important; } 
.f13 { font-size: 13px !important; } 
.f14 { font-size: 14px !important; } 
.f15 { font-size: 15px !important; } 
.f16 { font-size: 16px !important; } 
.f17 { font-size: 17px !important; } 
.f18 { font-size: 18px !important; } 
.f19 { font-size: 19px !important; } 
.f20 { font-size: 20px !important; } 
.f21 { font-size: 21px !important; } 
.f22 { font-size: 22px !important; } 
.f23 { font-size: 23px !important; } 
.f24 { font-size: 24px !important; } 
.f25 { font-size: 25px !important; } 
.f26 { font-size: 26px !important; } 
.f27 { font-size: 27px !important; } 
.f28 { font-size: 28px !important; } 
.f29 { font-size: 29px !important; } 
.f30 { font-size: 30px !important; } 
.f31 { font-size: 31px !important; } 
.f32 { font-size: 32px !important; } 
.f33 { font-size: 33px !important; } 
.f34 { font-size: 34px !important; } 
.f35 { font-size: 35px !important; } 
.f36 { font-size: 36px !important; } 
.f37 { font-size: 37px !important; } 
.f38 { font-size: 38px !important; } 
.f39 { font-size: 39px !important; } 
.f40 { font-size: 40px !important; } 
.f41 { font-size: 41px !important; } 
.f48 { font-size: 48px !important; } 
.f56 { font-size: 56px !important; } 
.f72 { font-size: 72px !important; } 
.f100 { font-weight: 100 !important; } 
.f200 { font-weight: 200 !important; } 
.f300 { font-weight: 300 !important; } 
.f400 { font-weight: 400 !important; } 
.f500 { font-weight: 100 !important; } 
.f600 { font-weight: 200 !important; } 
.f700 { font-weight: 100 !important; } 
.f800 { font-weight: 200 !important; } 
.f900 { font-weight: 100 !important; } 

.tleft { text-align: left !important; } 
.tright { text-align: right !important; } 
.tcenter { text-align: center !important; } 

/*¿©¹é*/
.m0 { margin: 0 !important; } 
.mt0 { margin-top: 0 !important; } .mb0 { margin-bottom: 0px !important; } 
.mt5 { margin-top: 5px !important; } .mb5 { margin-bottom: 5px !important; } 
.mt10 { margin-top: 10px !important; } .mb10 { margin-bottom: 10px !important; } 
.mt12 { margin-top: 12px !important; } .mb12 { margin-bottom: 12px !important; } 
.mt15 { margin-top: 15px !important; } .mb15 { margin-bottom: 15px !important; } 
.mt20 { margin-top: 20px !important; } .mb20 { margin-bottom: 20px !important; } 
.mt25 { margin-top: 25px !important; } .mb25 { margin-bottom: 25px !important; } 
.mt30 { margin-top: 30px !important; } .mb30 { margin-bottom: 30px !important; } 
.mt35 { margin-top: 35px !important; } .mb35 { margin-bottom: 35px !important; } 
.mt40 { margin-top: 40px !important; } .mb40 { margin-bottom: 40px !important; } 
.mt50 { margin-top: 50px !important; } .mb50 { margin-bottom: 50px !important; } 
.mt60 { margin-top: 60px !important; } .mb60 { margin-bottom: 60px !important; } 
.mt70 { margin-top: 70px !important; } .mb70 { margin-bottom: 70px !important; } 
.mt80 { margin-top: 80px !important; } .mb80 { margin-bottom: 80px !important; } 
.mt90 { margin-top: 90px !important; } .mb90 { margin-bottom: 90px !important; } 
.mt100 { margin-top: 100px !important; } .mb100 { margin-bottom: 100px !important; } 
.mt120 { margin-top: 120px !important; } 
.mt140 { margin-top: 140px !important; } 
.ml0 { margin-left: 0 !important; } .mr0 { margin-right: 0 !important; } 
.ml5 { margin-left: 5px !important; } .mr5 { margin-right: 5px !important; } 
.ml10 { margin-left: 10px !important; } .mr10 { margin-right: 10px !important; } 
.ml15 { margin-left: 15px !important; } .mr15 { margin-right: 15px !important; } 
.ml20 { margin-left: 20px !important; } .mr20 { margin-right: 20px !important; } 
.ml25 { margin-left: 25px !important; } .mr25 { margin-right: 25px !important; } 
.ml30 { margin-left: 30px !important; } .mr30 { margin-right: 30px !important; } 
.ml40 { margin-left: 40px !important; } .mr40 { margin-right: 40px !important; } 
.ml70 { margin-left: 70px; } 

.p0 { padding: 0 !important; } 
.pt0 { padding-top: 0 !important; } .pb0 { padding-bottom: 0px !important; } 
.pt5 { padding-top: 5px !important; } .pb5 { padding-bottom: 5px !important; } 
.pt10 { padding-top: 10px !important; } .pb10 { padding-bottom: 10px !important; } 
.pt15 { padding-top: 15px !important; } .pb15 { padding-bottom: 15px !important; } 
.pt20 { padding-top: 20px !important; } .pb20 { padding-bottom: 20px !important; } 
.pt25 { padding-top: 25px !important; } .pb25 { padding-bottom: 25px !important; } 
.pt30 { padding-top: 30px !important; } .pb30 { padding-bottom: 30px !important; } 
.pt35 { padding-top: 35px !important; } .pb35 { padding-bottom: 35px !important; } 
.pt40 { padding-top: 40px !important; } .pb40 { padding-bottom: 40px !important; } 
.pt50 { padding-top: 50px !important; } .pb50 { padding-bottom: 50px !important; } 
.pt60 { padding-top: 60px !important; } .pb60 { padding-bottom: 60px !important; } 

.bt0 { border-top: 0 !important; } 
.bb0 { border-bottom: 0 !important; } 
.bl0 { border-left: 0 !important; } 
.br0 { border-right: 0 !important; } 

/* ÄÁÅÙÃ÷ °øÅë*/
#header,
#foot { min-width: 1620px; } 
#container * { font-family: "pretendard", sans-serif; } 
#container { position: relative; width: 100%; font-family: "pretendard", sans-serif; font-weight: 500; } 
#container.mock_test { min-width: 1620px !important; } 
.contents { /*z-index: 1;*/ width: 100%; position: relative; width: 100%; margin: 0 auto; min-height: 900px; min-width: 1620px; padding-left: 220px; box-sizing: border-box; background: #e7e8ec; } 
.lcont { display: block; width: 1000px; min-height: 700px; margin: 0 auto; background-color: #fff; } 
.lcont.inner790 { width: 790px; padding: 50px 85px; min-height: 600px; border: 10px solid #080e16; } 
.ltop { display: block; width: 1000px; margin: 0 auto; } 
.colorR { color: #f8345f !important; } 

.cont_mocktest { width: 1200px; margin-left: 180px; padding: 100px 0; } 
.cont_mocktest .tit { font-size: 72px; color: #3b81fd; font-weight: 900; text-align: center; line-height: 1; margin-bottom: 65px; } 
.cont_mocktest .box { width: 1200px; margin: 0 auto; background: #fff; border-radius: 20px; padding: 50px; box-sizing: border-box; } 

/* LNB */
.lnb { position: absolute; top: 0; left: 0; width: 220px; height: 100%; z-index: 9999; background: #111; float: left; height: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; margin-right: 0; border:none;} 
.lnb .lnb_inner { position: sticky; top: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; padding-bottom: 30px;height:100%; background-color: #111; } 
.lnb .lnb_inner.fixed { top: 0px; /*½ºÅ©·Ñ½Ã °íÁ¤µÇ´Â top°ª*/ position: fixed; width: 220px; } 
.lnb .lnb_inner a.logo { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 150px; } 
.lnb .lnb_inner a.logo span { display: block; font-size: 20px; color: #c5c5c5; line-height: 1; font-weight: 500; } 
.lnb .lnb_inner a.logo strong { display: block; font-size: 28px; color: #fff; font-weight: 800; line-height: 1; letter-spacing: -0.2px; margin-top: 7px; padding-right: 5px; } 
.lnb > .lnbBanner { margin-top: 10px; text-align: center; zoom: 1; } 
.lnb > .lnbBanner img { cursor: pointer; } 
.lnb > .lnbBanner.fixed { position: fixed; top: 200px; } 
.lnb .lnb_inner .lnb_menu > li { position: relative; margin: 0 20px; border-radius: 8px; transition: 0.3s ease-in-out; } 
.lnb .lnb_inner .lnb_menu > li > a { display: flex; align-items: center; font-size: 18px; color: #a5a5a5; line-height: 1; height: 60px; padding-left: 10px; transition: all 0.3s; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } 
.lnb .lnb_inner .lnb_menu > li.print a { justify-content: center; margin: 20px 0 0; padding: 0; width: 180px; height: 54px; border-bottom: 0; font-size: 16px; font-weight: bold; color: #111; background: #fff; border-radius: 6px; } 
.lnb .lnb_inner .lnb_menu > li.menu9 a { margin-top: 6px; } 
.lnb .lnb_inner .lnb_menu > li.on { background: #3b81fd; margin: 0 10px; } 
.lnb .lnb_inner .lnb_menu > li.on > a { color: #fff; font-weight: 700; padding-left: 20px; border-bottom: 0; } 
.lnb .lnb_inner .lnb_menu > li:not(.on, .print):hover > a,
.lnb .lnb_inner .lnb_menu > li.depth02 ul li:not(.on):hover a { color: #fff; } 
.lnb .lnb_inner .lnb_menu > li.on:before,
.lnb .lnb_inner .lnb_menu > li.on:after { content: ""; position: absolute; right: 0; width: 10px; height: 10px; } 
.lnb .lnb_inner .lnb_menu > li.depth02 > a { padding-bottom: 17px; border-bottom: none; } 
.lnb .lnb_inner .lnb_menu > li.depth02 ul { display: block; padding-bottom: 26px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } 
.lnb .lnb_inner .lnb_menu > li.depth02 ul li + li { margin-top: 17px; } 
.lnb .lnb_inner .lnb_menu > li.depth02 ul a { display: block; font-size: 16px; color: #999; line-height: 1; font-weight: 400; padding-left: 29px; transition: 0.3s ease-in-out; } 
.lnb .lnb_inner .lnb_menu > li.depth02 ul li.on a { color: #333; font-weight: 700; } 
.lnb .lnb_inner .lnb_menu > li.depth02.on ul li:not(.on):hover a { color: #333; } 

/*Å×ÀÌºí °øÅë*/
.cont_mocktest .mock_tbl { width: 100%; border-top: 1px solid #333; } 
.mock_tbl tr th,
.mock_tbl tr td { padding: 16px 0; font-size: 14px; text-align: center; } 
.mock_tbl th { font-weight: bold; background: #f1f2f0; color: #555; border-left: 1px solid #ddd; border-bottom: 1px solid #d9d9d9; } 
.mock_tbl tr:first-child th { border-top: 0; } 
.mock_tbl th:first-child { border-left: 0; } 
.mock_tbl th.border { border-left: 1px solid #d9d9d9; } 
.mock_tbl td { position: relative; border-bottom: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; color: #000; } 
.mock_tbl td.border { border-left: 1px solid #d9d9d9; } 
.mock_tbl td:first-child { border-left: 0; } 
.mock_tbl.type02 th,
.mock_tbl.type02 td,
.mock_tbl.type03 th { font-size: 14px; padding: 16px 25px; } 
.mock_tbl.type02 th,
.mock_tbl.type03 th { color: #0f1b27; } 
.mock_tbl.type03 td { font-size: 14px; padding: 3px 25px; } 
.mock_tbl.tbl_board th { font-size: 15px; } 
.mock_tbl.tbl_board th,
.mock_tbl.tbl_board td { padding: 14px 20px; } 

/*Äü¸Þ´º (scroll navi)*/
.scrollBnr_wrap { position: absolute; top: 643px; right: 0; width: 140px; z-index: 1; font-family: "Pretendard"; } 
.scrollBnr_wrap .scrollBnr { position: absolute; top: 0; width: 140px; display: flex; flex-direction: column; align-items: center; right: 50px; } 
.scrollBnr_wrap .scrollBnr.fixed { position: fixed; top: 393px; } 
.scrollBnr_wrap .scrollBnr ul { border-radius: 10px; overflow: hidden; } 
.scrollBnr_wrap .scrollBnr li a { display: flex; align-items: center; justify-content: center; width: 150px; height: 80px; font-size: 18px; line-height: 1.4; text-align: center; font-weight: 700; color: #999999; background: #f0f0f0; } 
.scrollBnr_wrap .scrollBnr li:last-child a { border-bottom: 0; } 
.scrollBnr_wrap .scrollBnr li.on a { background: #0078ff; color: #fff; } 
.scrollBnr_wrap .scrollBnr li + li { border-top: 1px solid #e5e5e5; } 

/* ÅÇ ¹öÆ° °øÅë*/
.cont_mocktest .tab_wrap .tab_tit { display: flex; align-items: stretch; gap: 4px; } 
.cont_mocktest .tab_tit > li { flex: 1; height: auto; } 
.cont_mocktest .tab_tit > li > a { display: flex; align-items: center; justify-content: center; width: 100%; height: 70px; font-size: 20px; font-weight: 800; border-radius: 10px; background: #f1f1f1; color: #999999; } 
.cont_mocktest .tab_tit > li.on > a { background: #3b80fc; color: #fff; } 
.cont_mocktest .tab_con .s_noti { color: #999; } 

.cont_mocktest .sub_tab_tit { justify-content: center; } 
.cont_mocktest .sub3_tab_tit.type2 { justify-content: center; gap:5px; } 
.cont_mocktest .sub_tab_tit li > a { display: flex; align-items: center; justify-content: center; padding: 15px; color: #999999; font-weight: 800; box-sizing: border-box; } 
.cont_mocktest .sub_tab_tit li.on > a { border-bottom: 4px solid #0082fe; color: #0082fe; } 
.cont_mocktest .sub3_tab_tit.type2 li { overflow:hidden; min-width:300px; margin:0 1px; }
.cont_mocktest .sub3_tab_tit.type2 li > a { overflow:hidden; display:flex; justify-content:center; align-items:center; width:100%; height:60px; border-radius:8px; background:#f1f1f1; font:600 18px/32px "Pretendard"; color:#999;}
.cont_mocktest .sub3_tab_tit.type2 li.on > a { background:#111; color:#fff; border-bottom: 0;}
.cont_mocktest .mock_tbl.result tr td { padding:5px 30px !important; }


/*ÀÀ½ÃÀÚ À¯ÀÇ»çÇ× °øÅë*/
.explanation_notice_box { margin-bottom: 20px; padding: 30px; background: #f7f7f7; border-radius: 16px; color: #222; text-align: left; } 
.explanation_notice_box dl { display: flex; flex-direction: column; gap: 2px; } 
.explanation_notice_box dl dd { display: flex; align-items: center; gap: 4px; color: #777; font-weight: 400; } 
.explanation_notice_box dl dd::before { content: "-"; display: block; } 
.explanation_notice_box dl dd.no_dash::before { display: none; } 
.explanation_notice_box dl dd .sti { display: inline-block;margin: 0 2px; padding: 0 5px; border-radius: 2px; color: #fff;}
.explanation_notice_box dl dd .sti.gry {background: #888;}
.explanation_notice_box dl dd .sti.red {background: #df0b39;}
.explanation_notice_box dl dd .sti.green {background: #008C65;}

/*·Îµù È­¸é*/
.loading_ani { position: relative; width: 40px; height: 40px; animation: loader1 2s infinite linear; margin-bottom: 50px; } 
.loading_ani:before,
.loading_ani:after { content: ""; position: absolute; margin: -20px 0 0 -20px; top: 50%; left: 50%; background-color: rgba(0, 130, 255, 0.7); width: 100%; height: 100%; border-radius: 50%; animation: loader2 1.5s infinite ease-in-out; } 
.loading_ani:after { animation-direction: reverse; } 
@keyframes loader1 { 
    0% { transform: rotate(0deg); } 
    100% { transform: rotate(360deg); } 
}

@keyframes loader2 { 
    0% { transform: scale(0.2); left: 0%; } 
    50% { transform: scale(1); left: 50%; } 
    100% { transform: scale(0.2); left: 100%; } 
}
/****[E] : °øÅë****/

/* ¾È³» ¹× ½Åû */
.cont_mocktest.information { margin-left: 0; padding: 0; width: 100%; } 
.cont_mocktest.information .inner { position: relative; padding: 170px 0; width: 1100px; margin: 0 auto; text-align: center; } 
.cont_mocktest.information > [class^="stn_"] { background-repeat: no-repeat; background-position: center center; background-size: cover; } 

/*¾È³» ¹× ½Åû stn_top*/
.information .stn_top { background: linear-gradient(180deg,#1041bd 35.47%,#120365 64.63%,#02000c 99.99%,#000 100%); } 
.information .stn_top .inner { padding: 80px 0 124px; } 
.information .stn_top .s_tit { margin: 0 0 20px; gap: 4px; } 
.information .stn_top .s_tit > li { padding: 10px 19px; border-radius: 8px; background: rgba(255, 255, 255, 0.2); color: #fff; font-weight: bold; } 
.information .stn_top .tit_wrap { align-items: center; justify-content: space-between; } 
.information .stn_top .s_tit,
.information .stn_top .tit_wrap { opacity: 0; transform: translateY(40px); transition: opacity 1.2s ease, transform 1.2s cubic-bezier(0.22, 1, 0.36, 1); } 
.information .stn_top.is-active .s_tit,
.information .stn_top.is-active .tit_wrap { opacity: 1; transform: translateY(0); } 
.information .stn_top .tit1 { text-align: left; color: #fff !important; } 
.information .stn_top .img_wrap > img:nth-child(2) { position: absolute; top: 0; right: 112px; } 
.information .stn_top .img_wrap img { animation: floatUpDown 3s ease-in-out infinite; } 
.information .stn_top .img_wrap img:nth-child(2) { animation-duration: 3.5s; animation-delay: 0.3s; } 
.information .stn_top .icon_wrap { margin: 83px 0 0; width: 100%; align-items: center; gap: 4px; } 
.information .stn_top .icon_list { gap: 4px; } 
.information .stn_top .icon_list > li { background-color: #fff; padding: 30px 0 35px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 210px; height: 190px; } 
.information .stn_top .icon_list > li:first-child { border-radius: 16px 0 0 16px; } 
.information .stn_top .icon_list > li:last-child { border-radius: 0 16px 16px 0; } 
.information .stn_top .icon_list > li p { font-weight: 600; line-height: 1.4; } 
.information .stn_top .icon_wrap .icon_list > li,
.information .stn_top .icon_wrap > img { opacity: 0; transform: translateY(30px); transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1); } 
.information .stn_top.is-active .icon_wrap .icon_list > li,
.information .stn_top.is-active .icon_wrap > img { opacity: 1; transform: translateY(0); } 
.information .stn_top.is-active .icon_wrap .icon_list:nth-of-type(1) > li:nth-child(1) { transition-delay: 0.5s; } 
.information .stn_top.is-active .icon_wrap .icon_list:nth-of-type(1) > li:nth-child(2) { transition-delay: 0.8s; } 
.information .stn_top.is-active .icon_wrap > img { transition-delay: 1.1s; } 
.information .stn_top.is-active .icon_wrap .icon_list:nth-of-type(2) > li:nth-child(1) { transition-delay: 1.4s; } 
.information .stn_top.is-active .icon_wrap .icon_list:nth-of-type(2) > li:nth-child(2) { transition-delay: 1.7s; } 
.information .stn_top.is-active .icon_wrap .icon_list:nth-of-type(2) > li:nth-child(3) { transition-delay: 2s; } 
@keyframes floatUpDown { 
    0% { transform: translateY(0); } 
    50% { transform: translateY(-15px); } 
    100% { transform: translateY(0); } 
}

/*¾È³» ¹× ½Åû stn_01*/
.information .stn_01 { background-image: url(//img.megals.co.kr/mock_test/2026/0303_online/stn_bg.png); } 
.information .stn_01 .inner:nth-child(1) { padding: 130px 0 110px; } 
.information .stn_01 .inner:nth-child(2) { padding: 110px 0 100px; } 
.information .stn_01 .inner .flex { justify-content: space-between; } 
.information .stn_01 .inner:nth-child(1) .flex { align-items: center; } 
.information .stn_01 .txt1 { color: #fff; text-align: left; } 
.information .stn_01 .txt1 p {line-height: 1.6;}
.information .stn_01 .txt1 .gry { color: #999999; } 
.information .stn_01 .txt1 sup { position: absolute; top: 8px; right: 5px; } 
.information .stn_01 .txt1 .count {display: inline-block;padding: 5px 10px;z-index: 1;line-height: 1; text-align: right;} 
.information .stn_01 .count1 {min-width: 232px;}
.information .stn_01 .count2 {min-width: 280px;}
.information .stn_01 .txt1 .count::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; inset: 0; background: #3b81fd; z-index: -1; line-height: 1.2;} 
.information .stn_01 .s_noti { color: #d5d5d5; } 
.information .stn_01 .txt2 { display: flex; flex-direction: column; justify-content: flex-end; gap: 17px; color: #fff; text-align: left; } 
.information .stn_01 .txt2 .point { color: #3b81fd; } 
.information .stn_01 .txt2 .gry { color: #b5b5b5; } 
.information .stn_01 .img_wrap img { animation: floatUpDown 3s ease-in-out infinite; } 
.information .stn_01 .about_list { display: flex; flex-wrap: wrap; width: 550px; gap: 5px; } 
.information .stn_01 .about_list > li { width: calc(50% - 10px); height: 250px; position: relative; perspective: 1000px; isolation: isolate; } 
.information .stn_01 .about_list > li:hover { z-index: 5; } 
.information .stn_01 .about_list > li:hover .front { transform: rotateY(-180deg); } 
.information .stn_01 .about_list > li:hover .back { transform: rotateY(0deg); } 
.information .stn_01 .about_list .front,
.information .stn_01 .about_list .back { position: absolute; inset: 0; width: 100%; height: 100%; border-radius: 16px; box-sizing: border-box; display: flex; flex-direction: column; backface-visibility: hidden; -webkit-backface-visibility: hidden; transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1); transform-style: preserve-3d; color: #fff; cursor:pointer; } 
.information .stn_01 .about_list .front { align-items: center; justify-content: space-between; background: #171717; padding: 35px 0; transform: rotateY(0deg); } 
.information .stn_01 .about_list .front p { line-height: 1.4; } 
.information .stn_01 .about_list .back { padding: 35px 0 35px 22px; transform: rotateY(180deg); text-align: left; letter-spacing: -0.48px; justify-content: space-between; background: #3b81fd; } 
.information .stn_01 .about_list .back p { line-height: 1.5; } 
.information .stn_01 .about_list .back img { width: 28px; } 

/*¾È³» ¹× ½Åû stn_02*/
.information .stn_02 { background-color: #fff; } 
.information .stn_02 .contitle { margin: 0 auto 56px; } 
.information .stn_02 .contitle .depth1 { font: 800 64px / 75px "Pretendard"; color: #111; } 
.information .stn_02 .contitle .depth1 .point { color: #3b81fd; } 
.information .stn_02 .popup_list { margin: 0 0 15px; display: flex; justify-content: flex-end; align-items: stretch; gap: 4px; } 
.information .stn_02 .popup_list > li a { padding: 6px 17px; color: #fff; border-radius: 4px; } 
.information .stn_02 .popup_list > li:nth-child(1) a { background: #222; } 
.information .stn_02 .popup_list > li:nth-child(2) a { background: #3b80fc; } 
.information .stn_02 .info_box_wrap { gap: 20px; align-items: stretch; } 
.information .stn_02 .info_box_wrap .check_box_list { flex-direction: column; gap: 10px; align-items: flex-start; justify-content: flex-start; width: calc(100% - 530px); } 
.information .stn_02 .check_box_list > li { flex: unset; width: 100%; } 
.information .stn_02 .check_box_list > li a { display: flex; align-items: center; justify-content: flex-start; border-radius: 12px; width: 100%; height: 100%; gap: 15px; background: #eaf2ff; color: #111111; cursor: pointer; font-size: 18px; font-weight: 400; } 
.information .stn_02 .check_box_list > li input[type="checkbox"] { position: absolute; width: 1px; height: 1px; overflow: hidden; } 
.information .stn_02 .check_box_list > li label { display: flex; align-items: center; padding: 17px 24px; gap: 15px; cursor: pointer; } 
.information .stn_02 .check_box_list > li label::before { content: ""; display: block; width: 24px; height: 24px; border-radius: 4px; border: 1px solid #c5c5c5; background: #fff; } 
.information .stn_02 .check_box_list > li.disable label::before { border-radius: 4px; border: 1px solid #c5c5c5; background: #c5c5c5; } 
.information .stn_02 .check_box_list > li input[type="checkbox"]:checked + label::before { background-image: url(//img.megals.co.kr/mock_test/2026/0303_online/check_input.png); background-position: center center; background-size: inherit; background-repeat: no-repeat; border: none; background-color: #3b80fc; border: 1px solid #3b80fc; } 
.information .stn_02 .check_box_list > li.disable a { background-color: #e5e5e5; cursor: auto; } 
.information .stn_02 .check_box_list > li.disable input[type="checkbox"],
.information .stn_02 .check_box_list > li.disable label { cursor: auto; } 
.information .stn_02 .info_box { padding: 30px 30px 40px; border-radius: 16px; background: #000; width: 510px; min-height: 550px; height: 100%; flex-direction: column; justify-content: space-between; color: #fff; } 
.information .stn_02 .info_box dl { margin-bottom: 10px; padding: 20px 17px; width: 100%; display: flex; justify-content: space-between; gap: 30px; border-radius: 8px; background: #191919; } 
.information .stn_02 .info_box dt { width: 64px; color: #d5d5d5; font-weight: 800; font-size: 18px; } 
.information .stn_02 .info_box dt .point { color: #3b80fc; font-weight: 800; } 
.information .stn_02 .info_box dd { width: calc(100% - 94px); color: #fff; text-align: left; font-size: 18px; } 
.information .stn_02 .info_box dd .gry { display: block; margin: 4px 0 0; color: #c5c5c5; } 
.information .stn_02 .info_box dd .sti { width: 72px; height: 24px; border-radius: 3px; display: flex; align-items: center; justify-content: center; background: #3b80fc; color: #fff; } 
.information .stn_02 .info_box dd .sti.gry { background: #666; } 
.information .stn_02 .price_box { flex-direction: column; gap: 10px; } 
.information .stn_02 .price_box .price { align-items: center; gap: 10px; } 
.information .stn_02 .price_box .more_btn { color: #3b80fc; text-decoration: underline; } 
.information .stn_02 .radio_wrap > ul { display: flex; flex-direction: column; gap: 10px; } 
.information .stn_02 .radio_wrap li {display: flex;justify-content: flex-start;align-items: center;text-align: left;color: #fff;/* gap: 10px; */font-weight: 400;} 
.information .stn_02 .radio_wrap li label {padding-left: 10px;}
.information .stn_02 .radio_wrap .more_btn { position: absolute; top: -3px; right: 0; padding: 2px 6px; border-radius: 3px; width: fit-content; border: 1px solid #555; background: #000; color: #c5c5c5; } 
.information .stn_02 .btn_result { margin: 60px auto 0; width: 600px; height: 80px; } 

/*¿Â¶óÀÎ ÀÀ½Ã*/
.cont_mocktest.online .box { border-radius: 0 0 20px 20px; } 
.online .list_online_exam { display: flex; justify-content: space-between; border-radius: 32px 32px 0 0; background: #e9f3ff; padding: 40px 110px; } 
.online .list_online_exam li { display: flex; align-items: center; gap: 0 30px; } 
.online .list_online_exam li p { font-weight: 600; font-size: 18px; color: #333; line-height: 1.4; } 
.online .list_online_exam li p .color { color: #3d85fc; } 
.online .layerPop_ab { display: none; min-width: 400px; height: 100%; z-index: 10000; text-align: center; position: absolute; top: 10%; left: 27%; } 
.online .layerPop_ab .popInner { position: relative; z-index: 999; background: #fff; display: flex; flex-direction: column; justify-content: center; padding: 30px 36px; border: 4px solid #111; min-width: 300px; } 
.online .layerPop_ab .popInner p { font-family: "pretendard"; font-size: 18px; font-weight: bold; } 
.online .layerPop_ab .popInner .label_wrap { margin-top: 20px; text-align: left; font-size: 20px; font-weight: bold; color: #333; display: flex; align-items: center; position: relative; } 
.online .layerPop_ab .bt_popClose { top: 15px; right: 20px; position: absolute; display: block; } 
.online .layerPop_ab .ly_dim { position: fixed; left: 0; top: 0; z-index: 990; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } 
.online .layerPop_ab .btn_check { background: #2187e9; color: #fff; width: 140px; height: 50px; line-height: 50px; margin: 50px auto 0; border-radius: 5px; font-size: 18px; } 
.online .layerPop_ab label.checkbox { width: 200px; height: 20px; vertical-align: top; background: url(//img.megaland.co.kr/mock_test/2024/0226/btn_input_check.png)
 0 0 no-repeat; display: inline-block; cursor: pointer; font-size: 0; text-align: left; text-indent: -9999px; margin-right: 10px; position: absolute; top: 0; left: 0; z-index: 1; } 
.online .layerPop_ab label.checkbox.on { background-image: url(//img.megaland.co.kr/mock_test/2024/0226/btn_input_check_on.png); background-position-y: -1px; } 
.online .layerPop_ab label.checkbox.disabled { background: #bbbbbb; cursor: default; width: 20px; } 
.online .layerPop_ab .input_txt { position: absolute; top: -1px; left: 30px; color: #333; } 
.online .tab_con .gry_btn {justify-content: flex-end;}
.online .tab_con .gry_btn > a {width: 132px; height: 36px; border-radius: 4px; display: flex; align-items: center; justify-content: center; background: #888; color:#fff;}

/* Çؼ³°­ÀÇ */
.tea_box_wrap { gap: 30px; align-items: stretch; } 
.tea_box_wrap > .item { flex: 1; height: auto; border-radius: 12px; background: linear-gradient(144deg, #000 44.27%, #3b80fc 108.79%); color: #fff; } 
.tea_box_wrap > .item a { display: flex; position: relative; width: 100%; height: 240px; align-items: flex-end; } 
.tea_box_wrap > .item .sti { position: absolute; display: block; padding: 4px 6px; top: 20px; left: 20px; color: #fff; border-radius: 4px; background: #3b81fd; } 
.tea_box_wrap > .item:nth-child(1) > a { padding-left: 44px; } 
.tea_box_wrap > .item:nth-child(2) > a { padding-left: 14px; } 
.tea_box_wrap > .item .txt { display: flex; flex-direction: column; height: 100%; justify-content: center; gap: 12px; } 
.tea_box_wrap > .item .txt p { color: #c5c5c5; } 
.tea_box_wrap > .item .name { align-items: flex-end; gap: 4px; } 
.tea_box_wrap > .item .name strong { color: #fff; } 
.tea_box_wrap > .item .name img { display: block; margin-bottom: 2px; } 
.cont_mocktest.lecture .explanation_notice_box .colorB { color: #555 !important; font-weight: 600; } 
.cont_mocktest.lecture .tab_con { border-radius: 12px; border: 1px solid #e5e5e5; background: #fff; } 
.cont_mocktest.lecture .tab_con p {padding: 20px;}

/* ¼ºÀûºÐ¼® ¼­ºñ½º */
[class^="leet_scr_chart_std"] svg { overflow: visible !important; } 
[class^="weak_lang_chart"] svg, 
[class^="weak_deduce_chart"] svg { width: 100% !important; }

.analysis .colorR { color: #e21414; } 
.analysis .graph_tbl_wrap { gap: 20px; align-items: stretch; justify-content: space-between; } 
.analysis .graph_tbl_wrap .tbl_wrap { width: 550px; height: auto; } 
.analysis .graph_tbl_wrap .grah_wrap { width: 400px; height: auto; } 
.analysis .colorB { color: #111; } 
.analysis .tab_con .grah_wrap .s_noti { position: absolute; right: 0; top: -20px; } 
.analysis .tab_con .sub_tit.flex { justify-content: space-between; align-items: center; } 
.analysis .tab_con .sub_tit.flex .s_noti { color: #888; } 
.analysis .print_btn.flex { justify-content: flex-end; } 
.analysis .print_btn > a { width: 120px; height: 40px; align-items: center; justify-content: center; gap: 6px; border-radius: 6px; background: #222; color: #fff; } 
.analysis .sub_tab_con.ai {width: 1080px; margin: 0 auto;}
.analysis .sub_tab_con.ai .explanation_notice_box { margin: 0 auto 54px; gap: 20px; font-weight: 400; } 
.analysis .sub_tab_con.ai .explanation_notice_box p:first-child { font-weight: 600; } 

.analysis .ai_state .state_inner { width: 100%; height: 340px; display: flex; flex-direction: column; justify-content: center; align-items: center; } 
.analysis .ai_state .start_bars { display: block; width: 40px; height: 40px; } 
.analysis .start_bars .bar { fill: #3b80fc; transform-origin: center bottom; animation: barBounce 1.2s cubic-bezier(0.4, 0, 0.2, 1) infinite; } 
.analysis .start_bars .bar1 { animation-delay: 0s; } 
.analysis .start_bars .bar2 { animation-delay: 0.15s; } 
.analysis .start_bars .bar3 { animation-delay: 0.3s; } 
@keyframes barBounce { 
    0% { transform: translateY(0); } 
    20% { transform: translateY(-10px); } 
    40% { transform: translateY(0); } 
    100% { transform: translateY(0); } 
}
.analysis .ai_state .goto_btn { display: flex; align-items: center; justify-content: center; width: 200px; height: 50px; border-radius: 6px; background: #3b80fc; color: #fff; } 
.analysis .ai_state p { color: #555; line-height: 1.4; text-align: center;} 
.analysis .ai_state .goto_service { text-decoration: underline; color: #3b81fd; font-weight: 600; } 

.ai_result_area .big_tit { padding-bottom: 16px; border-bottom: 1px solid #ddd; } 
.ai_result_area .det { color: #333; font-weight: 400; line-height: 1.5; } 
.ai_result_area .det_tit { display: block; } 
.ai_result_area .line { font-size: 0; width: 100%; height: 3px; background: #e5e5e5; } 
.ai_result_area .graph_box { padding: 48px; border: 1px solid #e5e5e5; } 
.ai_result_area .graph_box .tooltip { margin: 0 auto; padding: 0 17px; height: 30px; border-radius: 5px; border: 1px solid #ddd; width: fit-content; display: flex; align-items: center; justify-content: center; gap: 22px; } 
.ai_result_area .graph_box .tooltip li { display: flex; align-items: center; gap: 4px; color: #444444; } 
.ai_result_area .graph_box .tip_bg { width: 16px; height: 10px; border-radius: 1px; } 
/* .ai_result_area .graph_box .tip_bg.red { background: #e21414; } 
.ai_result_area .graph_box .tip_bg.blue { background: #3b80fc; } 
.ai_result_area .graph_box .tip_bg.gry { background: #b8c3d1; }  */
.ai_result_area .graph_box .quote { position: absolute; display: none; left: 50%; transform: translateX(-50%); padding: 11px 16px; border-radius: 5px; width: max-content; background: #eee; color: #444444; font-weight: 400; line-height: 1.4; text-align: center; } 
.ai_result_area .graph_box .quote::before { content: ""; position: absolute; left: 50%; top: -30px; transform: translateX(-50%); width: 0; height: 0; border: 15px solid transparent; border-bottom-color: #eee; } 
.ai_result_area .graph_box .info_wrap { cursor: pointer; } 
.ai_result_area .graph_box .info_wrap:hover .quote { display: block; } 
.ai_result_area .graph_box .quote::before { content: ""; display: block; } 
.ai_result_area .graph_box .info { display: block; margin: 4px 0 0; } 
.ai_result_area .graph_box .graph_con {position:relative; width: 50%;}
.ai_result_area .graph_con > p {position: absolute; top: 0px; left: 0px; z-index: 2;}
.ai_result_area .highcharts-container {width: 100% !important;}
.ai_result_area .mock_tbl {border-top: none;}
.ai_result_area .mock_tbl tr th, 
.ai_result_area .mock_tbl tr td {font-size: 16px;}
.ai_result_area .mock_tbl tr th {color:#222;}
.ai_result_area .mock_tbl tr td {font-weight: 400; border-bottom: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; line-height: 1.3; border-left: none;}
.ai_result_area .s_noti {color:#555; font-weight: 400;}


/*ÀÀ½ÃÀÌ·ÂÀÌ ¾ø´Â °æ¿ì ·¹À̾î*/
.boxNoData { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.7); backdrop-filter: saturate(180%) blur(5px); text-align: center; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; } 
.boxNoData p { color: #000; font-weight: bold; } 
.boxNoData .nodata_btn { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 50px; padding: 10px 20px; border-radius: 6px; background: #313439; color: #fff; font-size: 14px; background: #0082ff; }