/* common */
.re_f_wrap { margin-top:0; } 
.evt_wrap { overflow:hidden; position:relative; } 
.ov { overflow:hidden; } 
.in { width:1000px; margin:0 auto; position:relative; text-align:center; } 
.in2 { width:1200px; margin:0 auto; position:relative; text-align:center; } 
.in_wide { width:2600px; position:relative; text-align:center; left:50%; margin-left:-1300px; } 
:focus { outline:none; } 
.pos_r { position:relative; } 
.hidden { display: none; } 

.bg01 { background: #f2f7ff; } 



.evt_main .evt_btn { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } 

.depth01 { display: flex; justify-content:flex-start; align-items: center; margin: 0 auto; z-index: 2; position: relative; } 
.con { padding-bottom: 0; position: relative; } 
#tab01 { background: #f1f1f1; padding: 30px 0; margin-bottom: 30px; } 
.depth01 li { width: calc(100%/4); } 
.depth01 li a { width: 100%; display: block; border-bottom: 1px solid #888; padding: 10px 0; font-size: 24px; font-weight: bold; color: #888; } 
.depth01 li.on a { border-bottom: 1px solid #4409a1; color: #4409a1; } 

/* 테이블 태그 */
.tg { border-collapse:collapse; border-spacing:0; width: 90%; margin: 0 auto; text-align: center; } 
.tg tr { background: #fff; } 
.tg tr.done { background: #ececec; } 
.tg td { border-bottom:1px solid #dedede; font-size:18px; text-align: center; overflow:hidden; padding:10px 5px; word-break:normal; color: #000; font-weight: bold; } 
.tg tr:nth-last-of-type(1) td, #tab01 > table > tbody > tr:nth-child(5) > td:nth-child(4) { border-bottom: none; } 
#tab01 > table > tbody > tr:nth-child(5) > td:nth-child(4) { border-radius: 0 0 9px 0; } 
.tg tr:nth-last-of-type(1) td:nth-of-type(1) { border-radius: 0 0 0 9px; } 
.tg th { background: #dfd3fb; color: #4409a1; font-size:20px; overflow:hidden; padding:5px 0; word-break:normal; font-weight: 800; text-align: center; } 
.tg td a { background: #743fe7; color: #fff; padding: 5px 12px; border-radius: 5px; } 
.tg td a.done { background: #666; } 
.tg thead th:nth-of-type(1) { border-radius: 9px 0 0 0; } 
.tg thead th:nth-last-of-type(1) { border-radius: 0 9px 0 0; } 
.tg .tg-0lax { text-align:center; vertical-align:center; } 

.tg td select { padding: 10px 0; text-align: center; border-radius: 10px; border: 1px solid #c5c5c5; font-size: 16px; width: 167px; } 

/* 응시할 시험 선택하기 */
.tg .tg-0lax input { display: none; } 
.tg .tg-0lax .sel_btn::after { content: '선택하기'; } 
.tg .tg-0lax input:checked + .sel_btn { border: 1px solid #6d35f9; color: #6d35f9; } 
.tg .tg-0lax input:checked + .sel_btn::after { content: '선택완료'; } 

.tg .tg-0lax .sel_btn { border-radius: 10px; line-height: 32px; width: 105px; display: inline-block; box-sizing: border-box; border: 1px solid #c4c4c4; } 

/* 응시할 시험 선택 마감 */
.tg tr.done .sel_btn { border: 1px solid #8e8e8e; background: #8e8e8e; color: #fff; } 
.tg tr.done .sel_btn::after { content: ''; display: none; } 
.tg tbody tr.done td { background: #e9e9e9; } 
.tg tbody tr.done td.mon { background: none; } 

/* 응시할 시험 선택완료 */
.tg .tg-0lax .sel_btn.sel_don { border: 1px solid #6d35f9; color: #6d35f9; } 
.tg tbody tr.sel_don td { background: #f4efff; } 
.tg tbody tr.sel_don td.mon { background: none; } 

/* 마감임박 뱃지 */
.tg .tg-0lax .badge { padding: 6px 12px; color: #fff; background: #646464; border-radius: 20px; margin-left: 3px; } 

.bt_wrap .price_wrap { position: absolute; top: 42px; right: 320px; display: flex; align-items: center; } 
.bt_wrap .price_wrap p { color: #000; font-size: 45px; font-weight: 800; } 

.con02 { background: #4d30a6; } 
.con02_2 .slide_box { position: absolute; top: 31%; left: 0; width: 100%; } 
.con02_2 .slide_box .bx-wrapper .bx-controls-direction a { right: 50px; width: 80px; height: 80px; top: 39%; } 
.con02_2 .slide_box .bx-wrapper .bx-controls-direction a.bx-prev { display: none; } 
/* 롤링 페이지 */
.con03 .hit_box { position: absolute; overflow-y: scroll; width: 980px; height: 589px; bottom: 97px; left: 50%; transform: translateX(-50%); } 
.hit_box::-webkit-scrollbar { width: 10px; /* 스크롤바의 너비 */ } 
.hit_box::-webkit-scrollbar-thumb { background: #ccc; /* 스크롤바의 색상 */border-radius: 10px; } 
.hit_box::-webkit-scrollbar-track { background: transparent } 

.list_hk_v2 { width:1000px; position:relative; margin-left:-10px; overflow:hidden; line-height:50px; left: 58px; } 
.list_hk_v2 ul li p { float:left; font-size:12px; font-weight:bold; color:#fff; width:20%; text-align:left; } 
.list_hk_v2 { width:1000px; height:260px; padding:0; box-sizing:border-box; margin:0 auto; overflow:hidden; } 
.list_hk_v2 li::after { content:''; display:block; clear:both; } 
.list_hk_v2 li { height:30px; line-height:30px; } 
.list_hk_v2 .bx-wrapper .bx-viewport { height:240px !important; } 


/* 애니메이션 효과 */
.win_area { background: #1e0550; } 
.win_area .list_hk_v2 { width:800px; height:230px; padding:0; box-sizing:border-box; margin:0 auto; overflow:hidden; } 
.win_area .list_hk_v2::after { content:''; display:block; clear:both; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 35%; height: 180px; background: linear-gradient(180deg, #23085c 5%, #220759 10%, transparent); } 
.win_area .list_hk_v2 ul li p { float:left; font-size:14px; font-weight:bold; color:#fff; width:33.3%; text-align:left; } 
.win_area .list_hk_v2 li::after { content:''; display:block; clear:both; } 
.win_area .list_hk_v2 li { height:30px; line-height:30px; } 
.win_area .list_hk_v2 .bx-wrapper .bx-viewport { height:240px !important; } 
.win_area .win_list { transform: perspective(150px) rotateX(30deg); position:absolute; top:710px; left:35%; } 

/* quick */
.quick_ban { position:fixed; top:20%; right:230px; z-index:9999; } 
.ban_bottom { width:100%; text-align:center; position:fixed; left:0; bottom:0; z-index:5; background:transparent; } 


.quick { position:fixed; left:50%; top:330px; margin-left:-700px; } 

.pop_wrap { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; display: none;} 
.pop_wrap .pop_bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background: rgba(0, 0, 0, 0.5); } 
.pop_wrap .pop_con { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 50%; overflow-y: auto; width: 900px; overflow-x: hidden; z-index: 12; } 
.pop_wrap .pop_close_Btn { position: absolute; top: 0; right: 0; background: #333; color: #fff; height: 50px; width: 50px; font-size: 30px; text-align: center; } 

.pop_con::-webkit-scrollbar { width: 10px;border-radius: 10px; } 
.pop_con::-webkit-scrollbar-track { background-color:#eee; } 
.pop_con::-webkit-scrollbar-thumb { background-color: #666; } 
.pop_con::-webkit-scrollbar-button { display: none; }