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

/*=============================================================================+            |
+------------------------------------------------------------------------------+
| ŸÀÌƲ: ¸Þ°¡·ÎÀ̾                                                    |
| ÀÛ¾÷ÀÏ: 2025-05
+------------------------------------------------------------------------------+
| IE8ºÎÅÍ Áö¿ø                            |
+-----------------------------------------------------------------------------*/

.clearfix:before,.clearfix:after {content: ''; display: block;line-height: 0; }
.clearfix:after { clear: both;}

/* ±Û¾¾ */
.fc_type01 {color:#fff !important;}
.fc_type02 {color:#999999 !important;}
.fc_type03 {color:#555 !important;}
.fc_type04 {color:#111 !important;}
.fc_type05 {color:#666 !important;}
.fc_type06 {color:#0082ff !important;}

/* ¹è°æ»ö */
.bg_type01 {background:#000 !important;}
.bg_type02 {background:#e7eaec !important;}
.bg_type03 {background:#efefef !important;}
.bg_type04 {background:#e7e8ec !important;}
.bg_type05 {background:#b6bac4 !important;}

/* ¹öÆ° */
.group_cont .group_btn {display:inline-block; vertical-align:middle; font-size:18px; color:#fff; line-height:48px; font-weight:800; background:#0082ff; border-radius:4px; padding:0 24px;}
.group_cont .group_btn.btn_middle {line-height:40px; font-size:16px;}
.group_cont .group_btn.btn_middle.type02 {background:none; border:1px solid #cbcbcb; line-height:38px;}
.group_cont .group_btn.btn_small {line-height:32px; font-size:14px;}
/* Å×À̺í */
table td.nolec {height: 100px; line-height: 100px; font-size: 14px !important; font-weight: 400; text-align: center; color: #888;}
.tbl21 {border-top-color:#777;}
.tbl21 th {color:#222 !important; vertical-align:middle !important;}
.tbl21 td {color:#555 !important;}

.tbl20 { border-top: 2px solid #777; border-bottom: 1px solid #777;line-height:18px; }
.tbl20 table { width: 100%; border-collapse: collapse;	}
.tbl20 thead th { border-right: none; border-bottom: 1px solid #777; }
.tbl20 tr:first-child+ tr td { border-top: none; }
.tbl20 th, .tbl20 td { height: 22px; padding: 10px 2px; text-align: center; border-bottom: 1px solid #cfcfcf; border-right: 1px solid #ededed; font-size: 14px; }
.tbl20 th { padding: 10px 2px;  background: #f9f9f9; background: #f9f9f9; color: #333; line-height: 15px; }
.tbl20 td { line-height: 16px; }
.tbl20 tbody tr:last-child th, .tbl20 tbody  tr:last-child td  { border-bottom: none !important; }
.tbl20 th:last-child,
.tbl20 td:last-child { border-right: none; }
.tbl20 tbody th{font-weight:normal;padding:20px 15px;letter-spacing:-.5px}
.tbl20 tbody td{font-size:13px;}
.tbl20 tbody td a.show_lyr { display: inline-block; font-size: 11px; color:#5c57d7}
.tbl20 .hasbg1 { background: #ededed;}
.tbl20 .bdb { border-bottom: 1px solid #cfcfcf;  }
.tbl20 .bdbn { border-bottom: none !important; }
.tbl20 tr:first-child th,
.tbl20 tr:first-child td { border-top: none; }
.tbl20 .td_padd_zero { padding-top:0; padding-bottom:0; *padding-top:2px; }
.tbl20 .td_line_left { border-left-width:1px !important; }
.tbl20 .td_line_right { border-right-width:1px !important; }
.tbl20 .td_line1_left { border-left:1px solid #96969e !important; }
.tbl20.type02 th {font-size:16px; color:#111; font-weight:500;}

.tbl01 {table-layout:fixed;}
.tbl01 .tit_txt {display:inline-block; vertical-align:middle; max-width:85%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px;}

/* ´Þ·Â */
.calendar_box{width:270px;margin:50px auto 30px;position:relative;font-weight:bold;text-align:center;font-size:35px;letter-spacing:-1px;color:#333333; line-height:initial;}
.calendar_prev,
.calendar_next{position:absolute;top:13px;margin-top:-7px;vertical-align:middle;display:inline-block;width:32px;height:32px;font-size:0;
background:url('https://img.megalawyers.co.kr/mate/2025/0626/calendar_btn.png') no-repeat 0 0}
.calendar_prev{left:0;}
.calendar_next{right:0;background-position-x:-32px}
.calendar_prev:hover,
.calendar_next:hover{background-position-y:-32px}

/* ÆäÀÌ¡ */
.paging_prev {transform:rotateY(180deg);}
.paging1 a {min-width:auto; vertical-align:0;}
.paging1 > span {margin:0 14px;}
.paging1 > span a {border:none; margin:0; padding:0 6px; font-size:15px; color:#999; font-family:'pretendard'; font-weight:300;}
.paging1 > span a.on {color:#333; font-weight:700;}
.paging1 a:hover {color:#0082ff;}
.paging_prev {transform:rotateY(180deg);}


.contents {position:relative; padding:0 0 217px 220px; min-height:950px; background:#e7e8ec; box-sizing:border-box; z-index:auto !important;}
.contents * {font-family:'Pretendard';}
.inner {width:1100px; margin:0 auto 0 180px;}
.group_cont {padding:50px 50px 100px; background:#fff;}
.group_cont > div {position:relative;}

/* lnb */
.lnb {position:absolute; top:0; left:0; width:220px; height:100%; background:#252525; z-index:2;}
.lnb .study_count {display:flex; flex-direction:column; justify-content:center; align-items:center; width:160px; height:72px; background:#000; border-radius:10px; margin:0 auto 50px;}
.lnb .study_count span {display:block; font:500 14px/1 'Pretendard'; color:#afafaf;}
.lnb .study_count p {font:800 24px/1 'Pretendard'; color:#fff; margin-top:4px;}
.lnb .study_count p em {color:#0082ff;}
.lnb .lnb_menu {padding-left:11px;}
.lnb .lnb_menu li {position:relative;}
.lnb .lnb_menu li:after {content:''; position:absolute; bottom:0; right:0; width:200px; height:1px; background:rgba(255,255,255,.15);}
.lnb .lnb_menu li a {display:block; font:800 20px/70px 'Pretendard'; color:#999; padding-left:30px;}
.lnb .lnb_menu li.on {background:#e7e8ec; border-radius:10px 0 0 10px;}
.lnb .lnb_menu li.on:before {content:''; position:absolute; top:-5px; right:0; width:7px; height:81px; background:url('https://img.megalawyers.co.kr/mate/2025/0626/ico_lnb.jpg') no-repeat center 0 / cover;}
.lnb .lnb_menu li.on a {color:#0082ff;}

/* header */
.contents .group_header{text-align:right; padding:33px 0 35px;}
.contents .group_header .study_login{display:inline-block; margin:8px 24px 0 0; font-size:0;}
.contents .group_header .study_login_name{color:#0e2535;}
.contents .group_header .btn_small {display:inline-block; background:#fff; font-size:14px; color:#000; line-height:32px; font-weight:500; border-radius:4px; padding:0 16px; margin-left:8px;}
.contents .group_header .btn_small.type02 {background:#000; color:#fff;}
.contents .group_header .btn_small.type03 {background:#d2d3d4;}
.contents .group_header .myname_box{display:block;float:left;position:relative;height:auto;overflow:visible;margin-right:10px; display: -ms-flexbox; display: flex; font-size: 16px; -ms-flex-align: center; align-items: center;}
.contents .group_header .myname {position:relative; display:block; height:25px;line-height:23px; font-size:18px; color:#000; font-weight:500;}
.contents .group_header .myname_box dl { display: inline-block; background: #fff; box-sizing: border-box; padding:10px 24px; font-size: 15px; margin-left: 20px; border-radius:4px; font-size:0;}
.contents .group_header .myname_box dl dt { display: inline-block; position: relative; font-size:16px; color:#333; line-height:1; font-weight:600; vertical-align:middle;}
.contents .group_header .myname_box dl dt.bar {margin-left:37px;}
.contents .group_header .myname_box dl dt.bar:after { content:''; background:  #888; position: absolute; left: -20px; top: 2px; height: 12px; width: 1px;}
.contents .group_header .myname_box dl dd { display: inline-block; font-size:16px; color:#0082ff; line-height:1; font-weight:600; vertical-align:middle; margin-left:5px;}
.contents .group_header .myname_box dl dd a { color: #0082ff; text-decoration: underline; text-underline-position: under;}


/* °¡À̵å */
.guide_wrap {padding:0;}
.guide_wrap .guide_capture {position:absolute; left:49px;}
.guide_wrap .guide01_slider {position:absolute; top:221px; left:49px; width:1000px; height:342px; padding-bottom:16px; overflow:hidden;}
/* ÆäÀÌ¡ */
.guide_wrap .bxslider-default {overflow:visible !important;}
.guide_wrap .bxslider-default .bx-wrapper .bx-controls .bx-pager {width:auto;left:139px;bottom: -16px;text-align: center; line-height:1;}
.guide_wrap .bxslider-default .bx-wrapper .bx-controls .bx-default-pager a {width: 16px;height: 16px;margin: 0 4px 0 4px;background: #cbcaca;border-radius: 50%; }
.guide_wrap .bxslider-default .bx-wrapper .bx-controls .bx-default-pager a:hover,
.guide_wrap .bxslider-default .bx-wrapper .bx-controls .bx-default-pager a.active {background: #0060ff; }
/* // ÆäÀÌ¡ */
.guide_wrap .guide_02 .guide_capture {top:210px;}
.guide_wrap .guide_03 .guide_capture {top:172px;}
.guide_wrap .guide_04 .guide_capture {top:50px;}
.guide_wrap .guide_04 .guide_capture li + li {margin-top:10px;}
.guide_wrap .guide_05 .guide_capture {top:172px;}
.guide_wrap .guide_06 .guide_capture {top:60px;}
.guide_wrap .guide_06 .guide_capture li + li {margin-top:10px;}
.guide_wrap .guide_07 {background:#ffffff; padding:100px 49px 94px;}
.guide_wrap .guide_07 h3 {font-size:24px; color:#111; line-height:1; font-weight:800;}
.guide_wrap .guide_07 dl {margin-top:18px;}
.guide_wrap .guide_07 dt {font-size:18px; color:#444; line-height:28px; font-weight:800;}
.guide_wrap .guide_07 dd {font-size:16px; color:#888; line-height:26px; font-weight:500;}


/* ¸¶À̽ºÅ͵ð */
.study_wrap .study_tab {display:flex; justify-content:space-between; align-items:center; margin-bottom:30px;}
.study_wrap .study_tab ul {display:flex;}
.study_wrap .study_tab ul li + li {margin-left:10px;}
.study_wrap .study_tab ul li a {display:block; font-size:18px; color:#999; line-height:48px; font-weight:800; padding:0 24px; background:#e7eaec; border-radius:4px;}
.study_wrap .study_tab ul li.on a {background:#0082ff; color:#fff;}
.study_wrap .study_info {display:block; font-size:14px; color:#888; line-height:1; font-weight:500; letter-spacing:-.2px; margin-bottom:11px;}
.study_wrap .tbl_box.off{position:relative;overflow:hidden;}
.study_wrap .tbl_box.off:after{display:block;content:'';z-index:1;position:absolute;left:0;top:0;width:100%;height:100%;background: rgba(234,234,234,.8); } /* 25.06.19 ¼öÁ¤ */
.study_wrap .tbl_box.off:before{content:'ÇöÀç ±×·ìÀå ½ÂÀÎ ÀüÀÔ´Ï´Ù.';z-index:2;position:absolute;left:0;top:0;text-align:center;width:100%;height:100%; line-height:1;color:#000;font-size:22px; display:flex; justify-content:center; align-items:center;} /* 25.06.19 ¼öÁ¤ */
.study_wrap .cal_info {background:#efefef; border-radius:8px; padding:19px 22px;}
.study_wrap .cal_info dt {font-size:16px; color:#111; line-height:24px; font-weight:500;}
.study_wrap .cal_info dd {font-size:14px; color:#888; line-height:24px; font-weight:400;}
.study_wrap .cal_time {display:flex; justify-content:center; align-items:center; background:#efefef; border-radius:8px; margin:10px 0 33px;}
.study_wrap .cal_time .time_con {position:relative; display:flex; align-items:center; margin:0 80px; height:64px;}
.study_wrap .cal_time .time_con:last-child:before {content:''; position:absolute; top:26px; left:-81px; width:1px; height:14px; background:#999;}
.study_wrap .cal_time .time_con strong {font-size:18px; color:#0082ff; line-height:1; font-weight:800;}
.study_wrap .cal_time .time_con span {font-size:18px; color:#111; line-height:1; font-weight:500; margin-left:15px;}
.study_wrap .cal_subject {text-align:right; font-size:0;}
.study_wrap .cal_subject span {position:relative; display:inline-block; font-size:14px; color:#555; line-height:1; font-weight:700; margin-left:20px; padding-left:20px;}
.study_wrap .cal_subject span:before {content:''; position:absolute; top:2px; left:0; width:10px; height:10px; background:#2bb0fc;}
.study_wrap .cal_subject span.cal_ico02:before {background:#32b76e;}
.study_wrap .cal_subject span.cal_ico03:before {background:#9963f2;}
.study_wrap .cal_subject span.cal_ico04:before {background:#30cbcd;}
.study_wrap .time_bar{margin:12px 10px 10px;}
.study_wrap .time_bar:after{content:"";display:block;clear:both}
.study_wrap .time_bar li{width:16.6%;float:left;color:#000;}
.study_wrap .time_bar li p{position:relative;line-height:1.2;letter-spacing:-1px;margin-bottom:5px;border-right:1px solid #fff;background:#00a536;height:56px;padding-top:9px;text-align:center;}
.study_wrap .time_bar li p span{display:none;position:absolute;left:50%; transform:translateX(-50%); top:-7px;width:100%;text-align:center;}
.study_wrap .time_bar li p:hover span{z-index:3}
.study_wrap .time_bar li.on p span,
.study_wrap .time_bar li p:hover span{display:block;z-index:2}
.study_wrap .time_bar li.on p span em,
.study_wrap .time_bar li p:hover span em{font-weight:bold;display:inline-block;background:url('https://img.megalawyers.co.kr/mate/2025/0626/time_bar.png') no-repeat 0 0;width:95px;height:45px;padding-top:7px;
font-size:12px;color:#000;}
.study_wrap .time_bar li.nm1 p{background:#2bb0fc;}
.study_wrap .time_bar li.nm2 p{background:#32b76e;}
.study_wrap .time_bar li.nm3 p{background:#9963f2;}
.study_wrap .time_bar li.nm4 p{background:#30cbcd;}
.viewhead_area { position:relative; border-top:1px solid #777; background:#f5f5f5; }
.viewhead_area .in {overflow:hidden;}
.viewhead_area .view_inner { overflow:hidden; padding:15px 30px 18px; }
.viewhead_area .view_inner span {font-size:14px;}
.viewhead_area .view_inner p { padding:5px 2px 0; font-size:16px; color:#1f1f1f; letter-spacing:-1px; }
.viewhead_area .view_inner p em { display:inline-block; width:60px; height:60px; border-radius:50%; overflow:hidden; background-color:#ddd; vertical-align:middle; margin:0 10px; }
.viewhead_area .view_inner p em img { width:80px; margin-left:-14px; padding-top:3px; }
.viewhead_area .view_inner ul { position:absolute; top:15px; right:30px; overflow:hidden; display:inline-block; }
.viewhead_area .view_inner ul li { float:left; overflow:hidden; display:inline-block; font-size:14px; color:#999; }
.viewhead_area .view_inner ul li:after { content:"|"; display:inline-block; margin-right:7px; padding-left:7px; font-size:9px; color:#aaa; line-height:9px; vertical-align:1px; }
.viewhead_area .view_inner ul li:last-child:after { content:""; }
.viewhead_area .file { overflow:hidden; padding:10px 30px; border-bottom:1px solid #ddd; background-color:#fff; color:#4157ad; }
.viewhead_area .file a { display:inline-block; margin-right:10px; font-size:14px; color:#4157ad; text-decoration:underline; }
.viewhead_area .file a img { margin-right:5px; }
.viewhead_area .file ul { overflow:hidden; margin:5px 0; }
.viewcont_area { position:relative; min-height:250px; padding:20px 30px 30px; border-bottom:1px solid #cfcfcf; color:#777; font-size:14px;}
.viewcont_area img { max-width: 740px; margin-top: 10px; }
.btn_area { overflow:hidden; }
.reply_box{background:#f5f5f5;padding:10px;overflow:hidden;border-bottom:1px solid #cfcfcf}
.reply_box textarea{width:880px;float:left;height:72px; box-sizing:border-box;}
.reply_box .btn_default{float:right;padding:0;width:91px;height:71px;line-height:71px !important; text-align:center;}
.viewcont_re{background:#fff;margin-top:-2px;border-top:1px solid #999; border-bottom:1px solid #ccc;}
.viewcont_re td {font-size:14px;}
.study_wrap .tbl01 td a:hover {color:#0082ff;}


/* Ķ¸°´õ */
.cal_wrap .calendar_box .group_btn {position:absolute; top:5px; right:-366px;}
.cal_wrap .cal_tit {position:relative; display:flex; justify-content:center; align-items:center; background:#efefef; height:64px; border-radius:8px;}
.cal_wrap .cal_tit strong {font-size:24px; color:#111; line-height:1; font-weight:800;}
.cal_wrap .cal_tit em {font-size:24px; color:#999; line-height:1; font-weight:500; margin-left:20px;}
.cal_wrap .cal_tit em span {font-weight:800; color:#0082ff;}
.cal_wrap .cal_tit .cal_check {position:absolute; top:12px; right:10px;}
.cal_wrap .cal_link {text-align:center; font-size:18px; color:#111; line-height:1; font-weight:500; margin:30px 0 20px;}
.cal_wrap .cal_link a {display:inline-block; color:#0082ff;}
.cal_wrap .cal_con {background:#f9f9f9; border-radius:8px; padding:50px;}
.cal_wrap .cal_con .cal_day {display:flex; justify-content:space-between; margin-bottom:28px;}
.cal_wrap .cal_con .cal_day li {display:flex; justify-content:center; align-items:center; width:calc((100% - 6px) / 7); height:40px; background:#efefef; border-radius:8px; font-size:18px; color:#999; 
line-height:1; font-weight:700;}
.cal_wrap .cal_con table {table-layout:fixed; width:100%;}
.cal_wrap .cal_con table td {text-align:right; padding:0 10px;}
.cal_wrap .cal_con table td .day_box {position:relative; height:100px;}
.cal_wrap .cal_con table td .day_box span {font-size:18px; color:#555; line-height:1; font-weight:700;}
.cal_wrap .cal_con table td .day_box .check_btn {display:flex; justify-content:center; align-items:center; width:64px; height:64px; background:#999; margin:-5px auto 0; border-radius:50%;
font-size:16px; line-height:20px; font-weight:700; color:#efefef;}
.cal_wrap .cal_con table td .day_box .check_btn.check_ing {background:#0082ff;}
.cal_wrap .graph_tit {margin:14px 0 34px;}
.cal_wrap .graph_tit strong {display:block; font-size:16px; color:#111; line-height:24px; font-weight:500;}
.cal_wrap .graph_tit strong span {color:#0082ff;}
.cal_wrap .graph_tit p {font-size:14px; color:#888; line-height:24px; font-weight:400;}
.cal_wrap .time_bar02 {display:flex; justify-content:space-between; align-items:center; padding:0 20px 0 10px;}
.cal_wrap .time_bar02 .bar_state {width:500px; height:40px;}
.cal_wrap .time_bar02 .bar_state em {position:relative; display:block; height:100%; border-radius:4px;}
.cal_wrap .time_bar02 .bar_state .num_txt {position:absolute; top:50%; right:-45px; transform:translateY(-50%); font-size:16px; color:#999; line-height:1; font-weight:800;}
.cal_wrap .time_bar02 .bar_state em.full .num_txt {right:-50px;}
.cal_wrap .time_bar02 .bar_state em.zero .num_txt {right:-27px;}
.cal_wrap .time_bar02 .bar_state .num01 {background:#2bb0fc;}
.cal_wrap .time_bar02 .bar_state .num02 {background:#32b76e;}
.cal_wrap .time_bar02 .bar_state .num03 {background:#9963f2;}
.cal_wrap .time_bar02 .bar_state .num04 {background:#30cbcd;}
.cal_wrap .time_bar02 .time_state {font-size:24px; color:#111; line-height:1; font-weight:800;}

/* ¸ÞÀÌÅ©ÆÄÀεå */
.make_wrap .make_tit {display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;}
.make_wrap .make_tit h3 {font-size:32px; color:#000; line-height:1; font-weight:800;}
.make_wrap .tbl_box02 label.checkbox input{position:absolute; top:0; left:0; width:0;height:0;-moz-appearance: none;-webkit-appearance: none;}
.make_wrap .tbl_box02 label.checkbox{position:relative; border:1px solid #0082ff; color:#0082ff; padding:4px 15px ; margin-right: 10px; display: inline-block; font-size: 14px; font-weight:500; 
text-align: center; cursor: pointer; border-radius:4px;}
.make_wrap .tbl_box02 label.checkbox.on{ background:#0082ff; color:#fff;}
.make_wrap .tbl_box02 label.checkbox.disabled { background:#999; color:#fff; pointer-events: none;}
.make_wrap .tbl_box02 th { font-weight: bold; padding: 25px 0px; text-align: center;}
.make_wrap .tbl_box02 td { padding:20px 20px; font-size:0;}
.make_wrap .boxTop { background: #f9f9f9; padding: 20px 20px; text-align:center;}
.make_wrap .boxTop.topLine { border-top: 1px solid #777; }
.make_wrap .boxTop select { display: inline-block; height: 30px; line-height: 28px; vertical-align: middle; font-weight: bold; letter-spacing: -1px; font-size: 14px; color: #333;  padding:0 10px;}
.make_wrap .boxTop select.mylect { width: 80%; margin: 0 auto; }
.make_wrap .boxTop .left_input {float: left;display: block;height:30px;line-height:30px;font-weight: bold;color: #333;}
.make_wrap .boxTop .right_selectbox {float: right;width: 400px;}
.make_wrap .subtab {margin:60px 0 20px;}
.make_wrap .subtab ul {display:flex; justify-content:end;}
.make_wrap .subtab ul li {position:relative; margin-left:28px;}
.make_wrap .subtab ul li:last-child:before {content:''; position:absolute; top:4px; left:-14px; width:1px; height:12px; background:#999;}
.make_wrap .subtab ul li a {font-size:14px; color:#999; line-height:1; font-weight:500;}
.make_wrap .subtab ul li.on a {color:#0082ff;}
.make_wrap .tbl20 thead th {font-size:13px;}
.make_wrap .tbl20 th, .make_wrap .tbl20 td {font-size:15px;}
.make_wrap .tbl20 td {color:#333; font-weight:500; line-height:20px;}
.make_wrap .tbl20 td strong {line-height:20px;}
.make_wrap .tbl20 .hideTxt {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size:15px; color:#999;}
.make_wrap .tbl20 tbody td a.show_lyr {font-size:12px;}

/* ½ºÅ͵𠸮±× */
.league_wrap .study_ranking_area{overflow:hidden;}
.league_wrap .study_ranking{width:624px;padding:40px;background:#efefef; box-sizing:border-box; border-radius:24px;}
.league_wrap .study_ranking.fright{width:346px;}
.league_wrap .study_ranking_tit{text-align:center;font-size:24px;color:#0082ff; font-weight:800; margin-bottom:29px;}
.league_wrap .study_ranking_box {display:flex; justify-content:space-between;}
.league_wrap .study_ranking_box > div {width:266px;}
.league_wrap .study_ranking_box > div > p {font-size:20px; color:#111; line-height:1; font-weight:600; text-align:center; margin-bottom:19px;}
.league_wrap .study_ranking_box > div > p span {color:#0082ff; font-weight:800;}
.league_wrap .study_ranking_list {background:#fff; border-radius:16px; padding:30px 20px;}
.league_wrap .study_ranking_list li + li {margin-top:17px;}
.league_wrap .study_ranking_list .study_ranking_txt {position:relative; font-size:15px;color:#333;font-weight:800; line-height:24px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; padding-left:30px;}
.league_wrap .study_ranking_list .study_ranking_txt em {position:absolute; top:0; left:0; width:24px; height:24px; background:#e7e7e7; border-radius:50%; font-size:14px; line-height:24px; text-align:center;}
.league_wrap .study_ranking_list .study_time {font-size:14px; color:#888; line-height:1; font-weight:600; text-align:right;}
.league_wrap [class^='rating-star'] {overflow: hidden;display: block;font-size:0;}
.league_wrap [class^='rating-star'] [class^='star-'] {display: inline-block;background: #e7e8ec;vertical-align: top}
.league_wrap [class^='rating-star'] .star-default {width: 100%;height: 100%}
.league_wrap [class^='rating-star'] .star-score {height: 100%;background-color: #fff}
.league_wrap .rating-star-view {width: 100%;height: 8px;text-align: left; border-radius:4px; margin:8px 0;}
.league_wrap .rating-star-view .star-score {background: #666; border-radius:4px;}
.league_wrap .study_ranking_list li.top_class .study_ranking_txt em {background:#ddedfd; color:#0082ff;}
.league_wrap .study_ranking_list li.top_class .rating-star-view .star-score {background:#0082ff;}
.league_wrap .study_ranking_tit.type2{color:#04a4b3 !important; margin-bottom:67px;}
.league_wrap .study_ranking_list.type2 li.top_class .study_ranking_txt em {background:#ddf5fd; color:#05b4c4;}
.league_wrap .study_ranking_list.type2 li.top_class .rating-star-view .star-score {background:#05b4c4;}
.league_wrap .study_ranking_list.none p {text-align:center; font-size:16px; color:#888; line-height:20px; font-weight:400;}
.league_wrap .ranking_info {margin-top:25px;}
.league_wrap .ranking_info li {font-size:14px; color:#555; line-height:24px; font-weight:400;}
.league_wrap .ranking_info li.point {color:#c90000;}

/* À̺¥Æ® */
.event_wrap .event_txt {text-align:center;}
.event_wrap .event_txt h3 {font-size:28px; color:#111; line-height:38px; font-weight:700;}
.event_wrap .event_txt strong {display:block; font-size:32px; color:#0082ff; line-height:52px; font-weight:800;}
.event_wrap .event_con {margin-top:49px;}
.event_wrap .event_con li {position:relative;}
.event_wrap .event_con li + li {margin-top:30px;}
.event_wrap .event_con .end_bedge {position:absolute; top:-39px; right:86px;}