.show-1200 { display: none; } /* 배너 */ .flt_ban_sbcampus { z-index: 1 !important; } .left_info.fL { float: left; } .right_info.fR { float: right; } .right_bnr { position: fixed; margin-top: 0; right: 1.5%; z-index: 10; background: none; -webkit-transform: none; -ms-transform: none; transform: none; right: 50%; margin-right: -840px; width: auto; /*top: 50%;transform:translateY(-50%);*/ top: 35%; text-align: center; transition: top 0.3s} .right_bnr.on {top: 10vh;} .right_bnr ul li { margin-top: 10px; position: relative; } .right_bnr ul li:first-child { margin-top: 0; } .right_bnr ul li.mt20 { margin-top: 20px; } .right_bnr ul li .btn_delete { position: absolute; right: 10px; top: 10px; } .right_bnr ul li.rb_top { background: url('https://img.megagong.net/m/2024/0330_full/flo_top.png') no-repeat top center; height: 16px; font-size: 0; border-bottom: 0; } /* .right_bnr ul li.rb_top a { height: initial; } */ .right_bnr ul li.rb_top a span { display: none } .right_bnr ul li.rb_live { margin-bottom: 20px; } .right_bnr ul li.rb_live .close { top:15px } .right_bnr ul li.rb_live img { display: inline-block; } /* .right_bnr ul li a.close { position: absolute; top: 8px; right: 16px; width: 28px; height: 21px; padding: 0; z-index: 3; background: url(https://img.megagong.net/m/2022/0402_fullserv/live_close.png) no-repeat center; } */ .right_bnr ul li.rb_live .slick-dots { position: absolute; bottom: 17px; left: 0; right: 0; text-align: center; font-size: 0; } .right_bnr ul li.rb_live .slick-dots li { margin: 0 1px; display: inline-block; vertical-align: middle; width: 9px; height: 9px; border: 1px solid #aaa; border-radius: 50%; } .right_bnr ul li.rb_live .slick-dots li.slick-active { background: #aaa; } .right_bnr ul li.rb_live .slick-dots li button { font-size: 0; } .left_bnr { position: fixed; left: 50%; margin-left:-840px; z-index: 10; top: 430px; } .left_bnr .close, .right_bnr .close { position: absolute; width: 11px; height: 10px; top: 0; background: url(https://design.megagong.net/image/m/2023/0330_academy/bn_flt_cls.png) no-repeat center; z-index: 5; left: 50%; margin: 0 0 0 70px; } .right_bnr .live_bnr {margin-top:30px; position: relative;} .right_bnr .live_bnr .today_close {position: absolute; top: -18px; right: 0;} .admin_edit_wrap .admin_edit_btn a {background: #000;color:#fff;display:block;font-size: 13px;height: 30px;box-sizing: border-box;align-content: center;} .admin_edit_wrap {margin:4px 0 0;display: flex;flex-direction: column;position: fixed;margin-top: 0;z-index: 10;background: none;-webkit-transform: none;-ms-transform: none;transform: none;right: 50%;margin-right: -840px;width: auto;top: calc(35% - 160px);text-align: center;width: 160px;} .admin_edit_wrap textarea {height:80px; resize: none;} .admin_edit_wrap .admin_btn_wrap {display: flex; margin:5px 0 0;} .admin_edit_wrap .admin_btn_wrap a {display:block; padding:10px 0; width: 50%; color:#000; font-size: 13px; line-height:1; background-color: #000; color:#fff; box-sizing: border-box;} .admin_edit_wrap .admin_btn_wrap a:nth-child(1) {border-right: 1px solid #ddd;} .countWrap { display: none; background: #cc4ef6; } .countWrap .end_info { display: inline-block; color: #222; font-size: 26px; font-weight: 500; background-image: url(https://img.megagong.net/m/2020/0613_fullserv/clock_counting.png), url(https://img.megagong.net/m/2020/0613_fullserv/counting_line.png); background-repeat: no-repeat, no-repeat; background-position: 0 center, 100% center; padding: 0 40px 0 45px; line-height: 39px; height: 40px; } .fulllive_bnr { display: none; } .superRight_bnr { display: none !important; } #superRight_bnr_m { display: none !important; } /* 본페이지 */ #fullContainer, .ftabcon_inner { font-family: var(--font-noto)} /*** 페이지 공통상단 ***/ /* 풀서비스 배너텍스트변경 */ .ban_manage_box { position: absolute; top: 180px; left: 50%; z-index: 5; margin-left: -400px; } .ban_manage_box .resi {/* position: absolute; *//* bottom: 0; *//* left: -50px; *//* background: #000; *//* padding: 5px 10px; *//* border: 1px solid #fff; *//* text-align: center; *//* box-sizing: border-box; */position: relative;left: auto;border: none;padding: 0;} .ban_manage_box .resi button {font-weight: bold;font-size: 13px;color: #fff;display: block;height: 30px;width: 100%;} .ban_manage_box .resi_open {width: 250px;background: #fff;font-size: 13px;} .ban_manage_box .resi_open td {/* padding: 5px; *//* font-size: 13px; */} .ban_manage_box .resi_open td input{width: 98%;} .ban_manage_box .resi_open td button { display: block; width: 100%; height: 100%; } /*** 풀서비스메인 ***/ /* margin */ .mt20 { margin-top: 20px; } .mt25 { margin-top: 25px; } .mt60 { margin-top: 60px; } /* 정렬 */ .tal { text-align: left; } .tac { text-align: center; } .tar { text-align: right; } /* 글씨색 */ .fc_red { color: #f00; } /* 공통 타이틀 */ .full_tit_wrp h4 {margin-bottom: 15px;position: relative;padding-left: 17px;font-weight: bold;font-size: 21px;color: #000000;} .full_tit_wrp h4:before { content: ''; position: absolute; top: 4px; left: 0; width: 4px; height: 20px; background: #000000; } /* 팝업 */ #popupViewer .s_date { text-align: right; } #popupViewer .s_date em { font-style: normal; } /* 테이블 공통 */ .full_tbl_wrap { position: relative; } .full_tbl_wrap:after { content: ''; display: block; clear: both; } .full_tbl_wrap.dim_on .tbl_dim { display: block; } .full_tbl_wrap .gray_tbl { } .full_tbl_wrap .gray_tbl.all_center { text-align: center; } .full_tbl_wrap .gray_tbl th {padding: 15px 5px;font-weight: bold;font-size: 15px;color: #777777;background: #f8f8f8;border: 1px solid #ececec;word-break: break-all;} .full_tbl_wrap .gray_tbl.black th {color:#000;} .full_tbl_wrap .gray_tbl th.bg_white { background: #fff; } .full_tbl_wrap .gray_tbl th.bg_sky { background: #ebf5ff; } .full_tbl_wrap .gray_tbl td {padding: 15px;font-weight: 400;font-size: 15px;color: #000000;border: 1px solid #ececec;letter-spacing: 1px;word-break: break-all;} .full_tbl_wrap .gray_tbl td.t_bold { font-weight: 700; } .full_tbl_wrap .gray_tbl td.bg_sky { background: #e6eeff; } .full_tbl_wrap .gray_tbl td.bg_sky2 { background: #e2fff8; } .full_tbl_wrap .gray_tbl td.bg_sky3 { background: #e6eeff; } .full_tbl_wrap .gray_tbl td .cr_red { color: #0000ff; } .gray_tbl_wrp { display: flex; font-size: 0; justify-content: space-between; } .gray_tbl_wrp .gray_tbl { width: 49%; } .gray_tbl_wrp .gray_tbl thead th { background-color: #070707; color: #fff; } .gray_tbl_wrp .gray_tbl .go_link { display: inline-block; font-size: 14px; color: #fff; background-color: #3338fc; border-radius: 3px; letter-spacing: -1px; padding: 5px; } /* 테이블 딤 */ .tbl_dim.area { top: inherit; left: inherit; width: 50%; /*height:70%; */ } .tbl_dim { display: none; position: absolute; z-index: 2; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, .7); text-align: center; } .tbl_dim p { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .tbl_dim p span { display: block; font-weight: 300; font-size: 16px; color: #ffffff; } .tbl_dim p span.fs20 { font-size: 20px; } .tbl_dim p span.fs18 { font-size: 18px; } .tbl_dim p span.cr_deepBlue { font-size: 20px; color: #ffffff; } .tbl_dim p a { margin-top: 5px; padding-bottom: 3px; display: inline-block; font-weight: 300; font-size: 17px; color: #5997ff; border-bottom: 1px solid #5997ff ; font-weight: 700;} .tbl_dim .agn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .tbl_dim .agn strong { display: block; margin-top: 0; position: static; font-weight: 300; font-size: 16px; color: #fff; } .tbl_dim .icon_smile { margin-top: 20px; } .tbl_dim .icon_loading { display: inline-block; margin-top: 20px; } .tbl_dim .icon_loading img { -webkit-animation: spCircRot 3s infinite linear; animation: spCircRot 3s infinite linear; } @-webkit-keyframes spCircRot { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes spCircRot { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /* 테이블안에 아이콘 */ .tbl_icon1 { display: inline-block; width: 85px; line-height: 25px; font-weight: 300; font-size: 15px; color: #000000; text-align: center; border-radius: 5px; } .tbl_icon1.analysis { background: #ebebeb; } .tbl_icon1.anxiety { background: #ffd1a5; } .tbl_icon1.bg_orange { background: #ffd1a5; } .tbl_icon1.bg_green { background: #99eea7; } .tbl_icon1.bg_pink { background: #f7ace8; } .tbl_icon1.bg_blue { background: #4fc2fe; } .tbl_icon1.bg_red { background: #ff829f; } /* 테이블 하단 텍스트 */ .tbl_btm_txt { margin-top: 10px; font-weight: 300; font-size: 12px; color: #777; } .tbl_btm_txt+.tbl_btm_txt { margin-top: 5px; } /* 나의 응시 직렬 + 합격가능성 테이블(possibility_tbl1, possibility_tbl2 클래스 더 추가하면 따로가능) */ .my_test_series { } .my_test_series .tit_wrp h4 { padding-bottom: 20px; } /* .my_test_series .tbl_top {margin-bottom: 0;} */ .my_test_series .tbl_top:after { content: ''; display: block; clear: both; } .my_test_series .tbl_top .ex_score { display: inline-block; border: 2px solid #777777; background: #777777; } .my_test_series .tbl_top .ex_score strong { display: inline-block; vertical-align: middle; width: 167px; font-weight: 500; font-size: 17px; line-height: 34px; color: #fff; text-align: center; } .my_test_series .tbl_top .ex_score span { display: inline-block; vertical-align: middle; width: 74px; height: 34px; font-weight: bold; line-height: 34px; font-size: 17px; color: #0000ff; text-align: center; background: #fff; text-align: center; } .my_test_series .tbl_top .ex_score span input { padding: 0; display: inline-block; vertical-align: baseline; width: 52px; height: 30px; font-weight: bold; font-size: 17px; color: #0000ff; border: 1px solid #fff; box-sizing: border-box; text-align: right; } .my_test_series .tbl_top .go_link { float: right; margin-top: 10px; padding: 0 12px 0 15px; font-weight: 300; font-size: 15px; line-height: 28px; color: #ffffff; background: #3338fc; border-radius: 5px; } .my_test_series .tbl_top .score_wrap {margin: 75px auto 30px;display: flex;justify-content: center;gap: 20px;} .my_test_series .tbl_top .score_wrap .ex_score strong { letter-spacing: -0.1em; background: #777; } .my_test_series .tbl_top .score_wrap .ex_score span { width: 135px; height: 34px; line-height: 34px; } .my_test_series .tbl_top .score_wrap .ex_score span i { font-style: normal; width: 64px; line-height: 23px; } /* 과목별 성적 분포도 영역 */ .totalbf_zone { } .totalbf_zone::after { content: ""; display: block; clear: both; } .totalbf_zone .full_tit_wrp h4 {margin-bottom: 15px;} .totalbf_zone .difficulty_view .difficulty_grpwrp {padding-top: 0;border: 0;} .totalbf_zone .difficulty_view .difficulty_grpwrp .totalbf_anno { z-index: 3; } .totalbf_zone .difficulty_view .difficulty_grpwrp h5 { display: none; } .totalbf_zone .difficulty_view .difficulty_grpwrp .data_none_img { display: none; } .totalbf_zone .difficulty_view .difficulty_grpwrp.dim .data_none_img { display: block; } .totalbf_zone .difficulty_view .difficulty_grpwrp.dim .data_none_img .mo { display: none; } .totalbf_zone .difficulty_view .difficulty_grpwrp.dim .stk_slider { display: none; } .totalbf_zone .difficulty_view .difficulty_grpwrp .row_stk {padding-top: 0;font-size: 0;} .totalbf_zone .difficulty_view .difficulty_grpwrp .row_stk+.row_stk { margin-top: 35px; } .totalbf_zone .difficulty_view .difficulty_grpwrp .row_stk.scrollx_box { overflow-x: auto; white-space: nowrap; } .totalbf_zone .difficulty_view .difficulty_grpwrp .stk_grp { padding: 0; } .totalbf_zone .difficulty_view .difficulty_grpwrp .sg_inner { display: inline-block; vertical-align: top; width: 32.3%; position: relative; padding: 37px 15px 10px; box-sizing: border-box; border: 1px solid #e4e4e4; } .totalbf_zone .difficulty_view .difficulty_grpwrp .sg_inner+.sg_inner { margin-left: 1.5%; } .totalbf_zone .difficulty_view .difficulty_grpwrp .sg_inner.dim_on .tbl_dim { display: block; } .totalbf_zone .difficulty_view .difficulty_grpwrp .sg_inner .tbl_dim {top: -20px;} .totalbf_zone .difficulty_view .difficulty_grpwrp .sg_inner .tbl_dim .icon_loading { margin-top: 10px; } .totalbf_zone .difficulty_view .difficulty_grpwrp .sg_inner .tit { min-width: 110px; height: 28px; background: #000000; font-size: 16px; font-weight: 700; color: #fff; display: inline-block; text-align: center; line-height: 28px; border-radius: 40px; position: absolute; top: 0; left: 50%; margin: -14px 0 0 -55px; padding: 0 8px; } /* 기존dim */ .totalbf_anno { } .totalbf_zone .totalbf_anno::after { opacity: .7; background-color: #000; } .totalbf_zone .totalbf_anno .agn, .totalbf_zone .totalbf_anno2 .agn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; text-align: center; } .totalbf_zone .totalbf_anno strong, .totalbf_zone .totalbf_anno2 strong { margin-top: 0; position: static; font-weight: 300; font-size: 16px; color: #fff; } .totalbf_zone .totalbf_anno span, .totalbf_zone .totalbf_anno2 span { padding: 0; margin-top: 5px; position: static; font-weight: 300; font-size: 24px; color: #5997ff; text-decoration: unset; } .totalbf_zone .totalbf_anno .icon_loading, .totalbf_zone .totalbf_anno2 .icon_loading { display: inline-block; margin-top: 20px; } .totalbf_zone .totalbf_anno .icon_loading img, .totalbf_zone .totalbf_anno2 .icon_loading img { -webkit-animation: spCircRot 3s infinite linear; animation: spCircRot 3s infinite linear; } @-webkit-keyframes spCircRot { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes spCircRot { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /* 오답률 및 체감 난이도 영역 */ .totalbf_zone.v2.dim_on .tbl_dim {display: block;top: 0%;height: 100%;} .totalbf_zone .level_view .tit_wrp {display: flex; justify-content: space-between; align-items: center;} .totalbf_zone .level_view_dim {position: relative;} .totalbf_zone .level_view .level_grpwrp {display: flex;justify-content: space-between; position: relative; border: 1px solid #ececec; padding: 34px 40px; } .totalbf_zone .level_view .level_grpwrp h5 { margin-bottom: 15px; font-weight: bold; font-size: 18px; color: #000000; text-align: center; } .totalbf_zone .level_view .level_grpwrp .stk_grp {width: 48%;} .totalbf_zone .level_view .level_grpwrp .sg_inner {height: auto;padding: 0;} .totalbf_zone .level_view .level_grpwrp .sg_inner .graph_tbl_w { position: relative; } .totalbf_zone .level_view .level_grpwrp .sg_inner .graph_tbl_w .full_tbl_wrap { position: relative; } .totalbf_zone .level_view .level_grpwrp .sg_inner .graph_tbl_w .full_tbl_wrap .tbl_dim { top: 82px; left: 38px; } .totalbf_zone.v2.dim_on .level_view .level_grpwrp .sg_inner .graph_tbl_w .full_tbl_wrap .tbl_dim { display: none !important; } .totalbf_zone .level_view .level_grpwrp .sg_inner .tbl_dim p span { font-size: 16px; } .totalbf_zone .level_view .level_grpwrp .sg_inner .full_tbl_wrap .gray_tbl th { padding: 10px 5px; } .totalbf_zone .level_view .level_grpwrp .sg_inner .full_tbl_wrap .gray_tbl td { padding: 10px 5px; } .totalbf_zone .level_view .level_grpwrp .sg_inner .right_info { margin-top: 5px; } .totalbf_zone.v2 .level_view .full_tit_wrp h4 {margin-bottom: 14px;position: relative;padding-left: 17px;padding-bottom: 0;font-weight: bold;font-size: 21px;color: #000000;} .totalbf_zone.v2 .level_view .level_grpwrp .cg_inner {height: auto;padding: 0;} .totalbf_zone.v2 .level_view .level_grpwrp .circle_grp {width: 48%;} .totalbf_zone.v2 .level_view .level_grpwrp .circle_grp .img_ex { display: none; } .totalbf_zone.v2 .level_view .level_grpwrp .circle_grp .gp_box { display: block; } .totalbf_zone.v2.dim_on .level_view .level_grpwrp .circle_grp .img_ex { display: block; text-align: center; } .totalbf_zone.v2.dim_on .level_view .level_grpwrp .circle_grp .gp_box { display: none; } /* 하단텍스트 wrap */ .info_txt_w { margin-top: 10px; position: relative; } .info_txt_w .left_info { padding-top: 0; color:#777;} .info_txt_w .right_info.abso_r { position: absolute; top: 0; right: 0; font-weight: 300; font-size: 11px; color: #8f8f8f; } /*** 채점하기 ***/ /* 유의사항 */ /* .ftabcon_inner.pofixed { padding-top: 74px; } */ .ftabcon_inner.fscoring { } .ftabcon_inner.fscoring .testinfo_cautn { margin-bottom: 70px; padding: 25px 30px; border: 1px solid #ccc; background: #e6eeff; border-radius: 10px; } .ftabcon_inner.fscoring .testinfo_cautn dl dd { position: relative; padding-left: 10px; font-weight: 400; font-size: 15px; color: #000000; line-height: 1.46; } .ftabcon_inner.fscoring .testinfo_cautn dl dd:before { content: '-'; position: absolute; top: 0; left: 0; } /* 응시정보입력 */ .ftabcon_inner.fscoring .testinfo_view .tit_wrp h4 { font-weight: bold; font-size: 21px; color: #000000; padding:0 0 10px 17px; } .ftabcon_inner.fscoring .testinfo_view .tit_wrp h4:before {content: '';position: absolute;top: 4px;left: 0;width: 3px;height: 17px;background: #000000;} .ftabcon_inner.fscoring .testinfo_view .tit_wrp .t_info { font-weight: 500; color: #0000ff; } .ftabcon_inner.fscoring .testinfo_view .tiny_noti { margin-bottom: 20px; } /* 기존 테이블 */ .testinfo_write { margin-bottom: 5px; } .testinfo_write .fbasic_tbl tbody th { padding: 15px 7px; font-size: 16px; color: #000; background: #eee; } .testinfo_write .fbasic_tbl tbody td { font-size: 16px; padding: 14px 20px; height: 49px; box-sizing: border-box; word-break: break-all; } .testinfo_write .fbasic_tbl tbody td.bg_pink { background: #ffe6e0; } .testinfo_write .fbasic_tbl tbody td input[type="text"] { padding-left: 8px; height: 35px; border: 1px solid #cccccc; box-sizing: border-box; } .testinfo_write .fbasic_tbl tbody td.m_number input[type="text"] { width: 280px; } .testinfo_write .fbasic_tbl tbody td input[type="text"].w100 { width: 100%; } .testinfo_write .fbasic_tbl tbody td select { margin-right: 10px; } .testinfo_write .fbasic_tbl tbody td.m_serial select { padding-left: 8px; height: 35px; border: 1px solid #cccccc; box-sizing: border-box; background: #fff; } .testinfo_write .fbasic_tbl tbody td.m_serial select.w170 { width: 170px; } .testinfo_write .fbasic_tbl tbody td.m_serial select.w140 { width: 140px; } .testinfo_write .fbasic_tbl tbody td.m_serial select.w130 { width: 130px; } .testinfo_write .fbasic_tbl tbody td.m_addpoint label { font-size: 15px; width: 55px; } .testinfo_write .fbasic_tbl tbody td.m_addpoint label input { margin-top: -3px; } /* 개인정보 수집 이용동의 영역 */ .priva_agree { background: transparent } .priva_agree li { line-height: 1.8; padding-bottom: 15px; } .priva_agree li strong { padding: 0 0 8px; font-weight: bold; font-size: 14px; color: #666666; } .priva_agree li span { font-weight: 300; font-size: 14px; color: #666666; } .priagree_btnwrp.bttn_wrp { padding: 0; } .priagree_btnwrp.bttn_wrp label { padding: 0; font-weight: bold; font-size: 14px; color: #000000; } .priagree_btnwrp.bttn_wrp label strong { font-weight: bold; color: #0000ff; } .priagree_btnwrp.bttn_wrp button { padding: 0; width: 220px; height: 58px; line-height: 58px; font-weight: bold; font-size: 18px; color: #ffffff; background: #111111; border-radius: 10px; } /* 빠른 채점하기 */ .ftabcon_inner.fscoring .fstscoring_wrp { } .ftabcon_inner.fscoring .fstscoring_wrp h4 { font-weight: bold; font-size: 21px; color: #000000; padding:0 0 10px 17px; } .ftabcon_inner.fscoring .fstscoring_wrp h4:before { content: ''; position: absolute; top: 4px; left: 0; width: 4px; height: 20px; background: #000000; } .ftabcon_inner.fscoring .tit_wrp .t_info { color: #0000ff; } .ftabcon_inner.fscoring .fstscoring_wrp .fstscoring_tit h5 { font-size: 15px; background-color: #0000ff; color: #ffffff !important; border-radius: 5px; padding: 6px 20px 5px; } .ftabcon_inner.fscoring .fstscoring_wrp .fstscoring_tit h5::before { display: none; } .ftabcon_inner.fscoring .fstscoring_wrp .fstscoring_tit { margin-bottom: 10px; } .ftabcon_inner.fscoring .fstscoring_wrp .fstscoring_tit dl dt { font-size: 15px; } .ftabcon_inner.fscoring .fstscoring_wrp .fstscoring_tit dl dd label { font-size: 15px; cursor: pointer;} .ftabcon_inner.fscoring .fstscoring_wrp .left_info { padding-top: 0; } /*** 채점하기 - 내성적표 ***/ #popupDim a.mg_btn_base.sm { background-color: #ffffff; color: #000; } #popupDim .content_inner { background-color: #fff; padding: 40px; font-family: 'NotoSans KR', sans-serif; } #popupDim .content_inner dl { display: table; } #popupDim .content_inner dt, #popupDim .content_inner dd { display: table-cell; vertical-align: middle; } #popupDim .content_inner dt { width: 320px; text-align: center; } #popupDim .content_inner dd .label { font-size: 16px; display: inline-block; padding: 7px 20px; background-color: #ffddfe; border-radius: 20px; } #popupDim .content_inner dd .s_txt { margin-top: 15px; font-size: 20px; } #popupDim .content_inner dd .b_txt { font-size: 32px; font-weight: 900; color: #0000ff; line-height: 1.2; margin-top: 10px; } #popupDim .content_inner dd .btn { display: inline-block; background-color: #000000; padding: 15px 45px; border-radius: 10px; color: #fff; font-size: 18px; font-weight: 700; margin-top: 30px; } .ftabcon_inner.step3 .totalbf_zone { position: relative; padding: 5px 0; } /* .ftabcon_inner.step3 .myscore_preview { float: left; width: 68%; } */ .ftabcon_inner.step3 .myscore_preview .tit_wrp h4 { font-size: 21px; color: #000; } .ftabcon_inner.step3 .myscore_preview .tit_wrp h4:before { top: 6px; } .ftabcon_inner.step3 .myscore_preview .tble_wrp { position: relative; } .ftabcon_inner.step3 .myscore_preview .tble_wrp .totalbf_anno { left: inherit !important; top: 0; bottom: 0; right: 0; width: 86%; height: 85%; /*width:auto; height:auto; */ } .ftabcon_inner.step3 .myscore_preview .tble_wrp .totalbf_anno.ver2 { height: 10%; top: auto !important; bottom: 0; height: 28.5%; } .totalbf_anno2 { background: rgba(0, 0, 0, .7); position: absolute; bottom: 0; right: 0; } .ftabcon_inner.step3 .myscore_preview .tble_wrp .totalbf_anno strong, .ftabcon_inner.step3 .myscore_preview .tble_wrp .totalbf_anno2 strong { position: absolute; top: 50%; left: 0; right: 0; display: block; font-weight: 300; font-size: 16px; color: #ffffff; text-align: center; transform: translateY(-50%); } .ftabcon_inner.step3 .myscore_preview .fbasic_tbl th { font-size: 14px; word-break: break-all; } .ftabcon_inner.step3 .myscore_preview .fbasic_tbl tbody th.bg_sky { background: #f9faff; } .ftabcon_inner.step3 .myscore_preview .fbasic_tbl tbody th.red_bg {background: #e6eeff;} .ftabcon_inner.step3 .myscore_preview .fbasic_tbl tbody th.white_bg { background: #fff; } .ftabcon_inner.step3 .myscore_preview .fbasic_tbl tbody td { font-size: 14px; word-break: break-all; } .ftabcon_inner.step3 .myscore_preview .fbasic_tbl tbody td.bg_green { background: #e2fff7; } .ftabcon_inner.step3 .myscore_preview .fbasic_tbl tbody td.cr_red { color: #0000ff; } .ftabcon_inner.step3 .myscore_previewGraph { /*margin-top:39px; padding-top:80px; border:1px solid #ccc; */ padding: 10px; min-height: 240px; position: relative; float: right; width: 30%; aspect-ratio: 325 / 335; height: 100%; box-sizing: border-box; border: 1px solid #ddd; align-content: center; } .ftabcon_inner.step3 .myscore_previewGraph .tit_wrp { /*position:absolute; top:25px; left:0; right:0; */ text-align: center; } .ftabcon_inner.step3 .myscore_previewGraph .tit_wrp h4 { padding: 0; margin-bottom: 10px; font-weight: bold; font-size: 18px; color: #000000; } .ftabcon_inner.step3 .myscore_previewGraph .tit_wrp h4:before { content: none; } .ftabcon_inner.step3 .myscore_previewGraph .tit_wrp h4 span { font-size: 14px; color: #000000; } .ftabcon_inner.step3 .myscore_previewGraph .myscore_graph {/* height: 230px; */} /* 채점 결과 보기 */ .ftabcon_inner.step3 .scorresult_wrp { margin-bottom: 70px; } .ftabcon_inner.step3 .scorresult_wrp h4 { font-weight: bold; font-size: 21px; color: #000000; } .ftabcon_inner.step3 .scorresult_wrp h4:before { top: 6px; } .ftabcon_inner.step3 .tit_wrp .t_info { color: #0000ff; } .ftabcon_inner.step3 .scorresult_wrp .scorresult_tit { margin-bottom: 10px; } .ftabcon_inner.step3 .scorresult_wrp .scorresult_tit h5 { font-size: 15px; background-color: #0000ff; color: #ffffff; border-radius: 5px; padding: 6px 20px 5px; } .ftabcon_inner.step3 .scorresult_wrp .scorresult_tit h5::before { display: none; } .ftabcon_inner.step3 .scorresult_wrp .scorresult_tit dl dt { font-size: 15px; color: #0000ff; } .ftabcon_inner.step3 .scorresult_wrp .scorresult_tit dl dd { font-size: 15px; color: #0000ff; } .ftabcon_inner.step3 .scorresult_wrp .fbasic_tbl tbody th { background: #fff; } .ftabcon_inner.step3 .scorresult_wrp .fbasic_tbl tr th { background: #fff; font-size: 14px; } .ftabcon_inner.step3 .scorresult_wrp .fbasic_tbl tbody td { font-size: 14px; } .ftabcon_inner.step3 .scorresult_wrp .fbasic_tbl.tbl_pc tbody td { white-space: nowrap; } .ftabcon_inner.step3 .scorresult_wrp .fbasic_tbl tbody td.br_gray { background: #eeeeee; } .ftabcon_inner.step3 .scorresult_wrp .info_btn_wrap .left_info { padding-top: 0; } .ftabcon_inner.step3 .scorresult_wrp .info_btn_wrap .bttn_wrp { padding-top: 0; } .ftabcon_inner.step3 .scorresult_wrp .info_btn_wrap .bttn_wrp button { padding: 0; width: 220px; height: 58px; line-height: 58px; font-weight: bold; font-size: 18px; color: #ffffff; background: #111111; border-radius: 10px; } /* 내 응시 정보 입력 영역 */ .ftabcon_inner.step3 .testinfo_view .bttn_wrp button { padding: 0; width: 220px; height: 58px; line-height: 58px; font-weight: bold; font-size: 18px; color: #ffffff; background: #111111; border-radius: 10px; } .myscore_wrap .tit_wrp { margin-bottom:15px; justify-content: space-between;} .myscore_wrap .tit_wrp h4{font-weight: bold;font-size: 21px;color: #000000;padding-bottom: 0;} .myscore_wrap .tit_wrp h4:before{top:6px} .myscore_wrap .go_predict{border: 1px solid;border-radius: 3px;align-content: center;font-size: 11px;padding: 0 22px;height: 24px;background: #EFEFFF;display: flex;align-items: center;justify-content: center;} .myscore_wrap .go_predict a{} /*** 채점정보 수정 - 빠른 채점 하기 ***/ .ftabcon_inner.step2 .fstscoring_wrp { margin-bottom: 70px; } .ftabcon_inner.step2 .fstscoring_wrp:after { content: ''; display: block; clear: both; } .ftabcon_inner.step2 .fstscoring_wrp .bttn_wrp { padding-top: 0; } .ftabcon_inner.step2 .fstscoring_wrp .bttn_wrp button { padding: 0; width: 220px; height: 58px; line-height: 58px; font-weight: bold; font-size: 18px; color: #ffffff; background: #111; border-radius: 10px; } /* 채점정보 수정 - 응시 정보 확인 영역 */ .ftabcon_inner.step2 .testinfo_view .bttn_wrp button { padding: 0; width: 220px; height: 58px; line-height: 58px; font-weight: bold; font-size: 18px; color: #ffffff; background: #111; border-radius: 10px; } /*** 합격가능성 ***/ /* 합격가능성 - 테이블1 */ .ftabcon_inner.frealtime .my_test_series.possibility_tbl1 { margin-bottom: 70px; } /* dim - 합격가능성 - 테이블2(나의점수)+합격가능성 - 막대그래프 */ .possibility_dim_w { position: relative; } .possibility_dim_w.dim_on>.tbl_dim { display: block; top: 47px; z-index: 8; } .possibility_dim_w.dim_on .loca_grp_wrp.n0402 strong.pointer { display: none; } .possibility_dim_w.dim_on .my_test_series.possibility_tbl2 .full_tbl_wrap.dim_on .tbl_dim { display: none; } .possibility_dim_w.dim_on .loca_grp_wrp.n0402.dim_on .tbl_dim { display: none !important; } /* 합격가능성 - 테이블2(나의점수) */ .ftabcon_inner.frealtime .my_test_series.possibility_tbl2 {margin-bottom: 0;} .ftabcon_inner.frealtime .my_test_series.possibility_tbl2 .tbl_dim { top: 52px; left: 217px; } .ftabcon_inner.frealtime .my_test_series.possibility_tbl2 .full_tbl_wrap .gray_tbl td .type_arr { display: none; } .ftabcon_inner.frealtime .my_test_series.possibility_tbl2 .full_tbl_wrap .gray_tbl td .type1 { display: inline-block; color: #ff0042; transform: rotate(0); border-bottom: 0; } .ftabcon_inner.frealtime .my_test_series.possibility_tbl2 .full_tbl_wrap .gray_tbl td .type2 { display: inline-block; color: #0033ff; transform: rotate(-180deg); border-top: 0; } /* 합격가능성 테이블 아이콘 */ .icon_mark { display: inline-block; width: 64px; height: 23px; border-radius: 5px; font-weight: 300; font-size: 15px; color: #000000; line-height: 23px; text-align: center; } .icon_mark.bg_orange { background: #ffd1a5; } .icon_mark.bg_green { background: #99eea7; } .icon_mark.bg_pink { background: #f7ace8; } .icon_mark.bg_blue { background: #4fc2fe; } .icon_mark.bg_red { background: #ff829f; } /* 합격가능성 - 막대그래프 */ .ftabcon_inner.frealtime .loca_grp_wrp.n0402 { position: relative; margin-bottom: 0; } .ftabcon_inner.frealtime .loca_grp_wrp.n0402 .tbl_dim{display: none;} .ftabcon_inner.frealtime .loca_grp_wrp.n0402.dim_on .tbl_dim {display: block;top: 30px;height: 80%;} .ftabcon_inner.frealtime .loca_grp_wrp.n0402.dim_on .tbl_dim p { padding: 0; height: auto; width: 100%; } .ftabcon_inner.frealtime .loca_grp_wrp.n0402.dim_on .tbl_dim p span { position: static; margin: 0; width: auto; } .ftabcon_inner.frealtime .loca_grp_wrp.n0402.dim_on .pointer { top: 15px;} .ftabcon_inner.frealtime .loca_grp_wrp.n0402.dim_on .pointer { display: none; } .ftabcon_inner.frealtime .loca_grp_wrp.n0402 .pointer { display: block; } .ftabcon_inner.frealtime .loca_grp_wrp.n0402 strong {position: absolute;background: #fff;padding-bottom: 11px;border: 1px solid #ccc;padding: 4px 5px;font-weight: bold;border-radius: 5px;font-size: 16px;/* top: -40px; */color: #0033ff;min-width: 140px;box-sizing: border-box;text-align: center;top: 0;} .ftabcon_inner.frealtime .loca_grp_wrp.n0402 strong::before { content: ""; display: block; position: absolute; bottom: -7px; left: 50%; margin: 0 0 0 -6.5px; border: 1px solid #ccc; border-width: 0 1px 1px 0; width: 12px; height: 12px; background: #fff; transform: rotate(45deg); } .ftabcon_inner.frealtime .loca_grp_wrp.n0402 strong br { display: none } .ftabcon_inner.frealtime .loca_grp_wrp.n0402 .zone1 { width: 30.4%; background-color: #ffd1a5; } .ftabcon_inner.frealtime .loca_grp_wrp.n0402 .zone2 { width: 19.6%; background-color: #99eea7; } .ftabcon_inner.frealtime .loca_grp_wrp.n0402 .zone3 { width: 20%; background-color: #f7ace8; } .ftabcon_inner.frealtime .loca_grp_wrp.n0402 .zone4 { width: 30%; background-color: #4fc2fe; } .ftabcon_inner.frealtime .loca_grp_wrp.n0402 .lgw_zone { position: relative; } .ftabcon_inner.frealtime .loca_grp_wrp.n0402 .lgw_zone .score_num { position: absolute; bottom: -77%; right: 0; transform: translateX(50%); font-size: 14px; color: #000000; white-space: nowrap; } .ftabcon_inner.frealtime .loca_grp_wrp.n0402 .lgw_inner {padding: 60px 0 30px;} .ftabcon_inner.frealtime .loca_grp_wrp.n0402 .grpbox { margin-top: 10px; padding: 15px 26px 23px; border: 1px solid #ccc; } .ftabcon_inner.frealtime .loca_grp_wrp.n0402 .grpbox .grp_tit { margin-bottom: 10px; font-weight: 700; font-size: 15px; color: #000000; } .ftabcon_inner.frealtime .loca_grp_wrp.n0402 .grpbox .grp_tit .inner ul li { font-weight: 300; font-size: 13px; line-height: 1.5; color: #666666; } .ftabcon_inner.frealtime .loca_grp_wrp.n0402 .grp_cont_wrp { display: flex; } /* 합격 가능성 그래프 신버전 */ .ftabcon_inner.frealtime .loca_grp_wrp.n0402 .myPossibility_info_wrap { display: flex; justify-content: center; margin-top: 50px; gap: 40px; } .ftabcon_inner.frealtime .loca_grp_wrp.n0402 .myPossibility_info_wrap .myPossibility_graph { width: 54.6%; } .ftabcon_inner.frealtime .loca_grp_wrp.n0402 .myPossibility_info_wrap .cont_bottom_wrap { border: 1px solid #cccccc; flex: 1; height: 251px; padding: 26px; box-sizing: border-box; } .ftabcon_inner.frealtime .loca_grp_wrp.n0402 .myPossibility_info_wrap .cont_bottom_wrap .cont_tit { font-size: 15px; font-weight: 700; } .ftabcon_inner.frealtime .loca_grp_wrp.n0402 .myPossibility_info_wrap .cont_bottom_wrap ul { margin-top: 5px; } .ftabcon_inner.frealtime .loca_grp_wrp.n0402 .myPossibility_info_wrap .cont_bottom_wrap ul li {font-size: 13px;color: #666666;position: relative;margin-bottom: 15px;} .ftabcon_inner.frealtime .loca_grp_wrp.n0402 .myPossibility_info_wrap .cont_bottom_wrap ul li .btn_table {display: inline-block;margin: 0 0 0 15px;color:#0000ff;text-decoration: underline;} .table_pop .content_area .content_inner {/* padding: 0; */} .table_pop .content_area .content_inner h6 { margin-bottom: 10px; color: #000; font-size: 20px; text-align: center; font-weight: 800} .table_pop .content_area .content_inner table { border-top: 1px solid #000000; border-bottom: 1px solid #000000; } .table_pop .content_area .content_inner table.mgt20 { margin-top: 20px; } .table_pop .content_area .content_inner table th, .table_pop .content_area .content_inner table td { padding: 10px 0; text-align: center; border: 1px solid rgba(0, 0, 0, .1); } .table_pop .content_area .content_inner table th { background-color: #f5f5f5; } .table_pop .content_area .content_inner table td.blue100 { background-color: #8ea9db; } .table_pop .content_area .content_inner table td.blue50 { background-color: #d9e1f2; } /* 응시자 성적 분석 */ .result_analyze_box { margin-bottom: 70px; } /* 전체 응시자 통계 */ .all_exam_stats_box { margin-bottom: 70px; } /* 지원자 전체보기 */ .all_exam_stats_box .full_tit_wrp.flex{ margin-bottom: 15px; align-items: center; gap: 0 20px;} .all_exam_stats_box .full_tit_wrp.flex h4{margin-bottom: 0;} .all_exam_stats_box .full_tit_wrp.flex .radio_list{ display: flex; gap: 0 10px;} .all_exam_stats_box .full_tit_wrp.flex .radio_list label{ display: flex; align-items: center; gap: 0 5px; color: #111; cursor:pointer} .all_exam_stats_box .full_tit_wrp.flex .radio_list label input{} .all_exam_stats_box .graph_area { margin-bottom: 20px; border: 1px solid #e4e4e4; } .all_exam_stats_box .graph_area { padding: 50px 50px 44px; margin-bottom: 20px; border: 1px solid #e4e4e4; } .all_exam_stats_box .graph_area .graph_box { height: 274px; } .all_exam_stats_box .graph_area .graph_box:after { content: ''; display: block; clear: both; } .all_exam_stats_box .graph_area .graph_box .row { text-align: right; height: 90%; } .all_exam_stats_box .graph_area .graph_box .row:after { content: ''; display: block; clear: both; } .all_exam_stats_box .graph_area .graph_box .row .left_legend { text-align: left; float: left; margin: -5px 0; width: 60px; height: 113%; } .all_exam_stats_box .graph_area .graph_box .row .left_legend li { font-weight: 300; font-size: 13px; color: #666666; line-height: 1; height: 17.5%; } .all_exam_stats_box .graph_area .graph_box .row .left_legend li:last-child { height: auto; } .all_exam_stats_box .graph_area .graph_box .row .stick_box { text-align: center; width: calc(100% - 60px); float: left; height: 247px; background: url(https://img.megagong.net/m/2022/0402_fullserv/stick_box_bg.png) no-repeat bottom left; } .all_exam_stats_box .graph_area .graph_box .row .stick_box .stick_list { font-size: 0; height: 100%; } .all_exam_stats_box .graph_area .graph_box .row .stick_box .stick_list li { width: 9%; display: inline-block; vertical-align: bottom; position: relative; height: 100%; } .all_exam_stats_box .graph_area .graph_box .row .stick_box .stick_list li .balloon { cursor: pointer; position: absolute; top: -31px; left: 50%; transform: translateX(-50%); z-index: 3; padding: 1px 4px; font-weight: 300; font-size: 13px; line-height: 1; color: #000000; border: 1px solid #000; border-radius: 2px; background: #fff; } .all_exam_stats_box .graph_area .graph_box .row .stick_box .stick_list li .balloon:before { content: ''; position: absolute; bottom: -9px; right: 33%; width: 10px; height: 9px; background: url(https://img.megagong.net/m/2022/0402_fullserv/balloon_be.png) no-repeat bottom center; } .all_exam_stats_box .graph_area .graph_box .row .stick_box .stick_list li .stick { cursor: pointer; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 30px; height: 100%; background: #bbb; } .all_exam_stats_box .graph_area .graph_box .row .stick_box .stick_list li.my_score .stick { background: #0000ff; } .all_exam_stats_box .graph_area .graph_box .terms_txt { float: right; width: calc(100% - 60px); font-size: 0; } .all_exam_stats_box .graph_area .graph_box .terms_txt li { width: 9%; display: inline-block; vertical-align: top; font-weight: 300; font-size: 12px; line-height: 22px; color: #666666; text-align: center; box-sizing: border-box; padding-left: 8px; } .all_exam_stats_box .full_tbl_wrap.scroll_box { max-height: 440px; overflow-y: auto; } .all_exam_stats_box .full_tbl_wrap .gray_tbl th { position: relative; padding: 10px 5px; } .all_exam_stats_box .full_tbl_wrap .gray_tbl td { padding: 10px 5px; } .all_exam_stats_box .full_tbl_wrap .gray_tbl th .tooltip_box { display: none; position: absolute; top:20px; right:-300px; background: #fff; border: 1px solid #999999; color:#999999; font-size:12px; padding: 12px; width: 300px; z-index: 3; text-align:left;} .all_exam_stats_box .full_tbl_wrap .gray_tbl th .tooltip_icon {cursor: pointer;display: inline-block;margin-left: 4px;position: relative;display: inline;top: 3px;} .all_exam_stats_box .full_tbl_wrap .gray_tbl th .tooltip_icon img{width: clamp(12px,2vmin,15px);aspect-ratio: 1/1;} .my_test_series .tbl_top .score_wrap .ex_score .tooltip_icon{width: 16px;height: auto;line-height: normal;background: none;display: inline-block;position: relative;aspect-ratio: 16 / 25;margin-left: 5px;vertical-align: text-bottom;} .my_test_series .tbl_top .score_wrap .ex_score .tooltip_icon a{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);aspect-ratio: 1/1;width: 100%;font-size: 0;} .my_test_series .tbl_top .score_wrap .ex_score strong img{} #popupPossible .content_inner {color:#777777;font-size: 12px;font-weight: 500;font-family: 'Noto Sans KR';padding: 32px 12px;line-height: 1.4;} #popupPossible .tit {font-weight: bold;} #popupPossible .underline {text-decoration: underline;} #popupPickFadeIn td.skyblue_bg {background-color: #bbd9ff;} .all_exam_stats_box.type_2 .graph_area .graph_box { height: 394px; position: relative; } .all_exam_stats_box.type_2 .graph_area .graph_box .row .stick_box { height: 367px; background-image: none; float: right; } .all_exam_stats_box.type_2 .graph_area .graph_box .row .left_legend { width: 100%; height: 102.5%; float: none; position: absolute; left: 0; top: 0; } .all_exam_stats_box.type_2 .graph_area .graph_box .row .left_legend li { height: 11.3%; position: relative; } .all_exam_stats_box.type_2 .graph_area .graph_box .row .left_legend li span { display: inline-block; width: 60px; position: relative; background-color: #fff; z-index: 1; } .all_exam_stats_box.type_2 .graph_area .graph_box .row .left_legend li:after { content: ''; display: block; width: 100%; height: 1px; background-color: #e4e4e4; position: absolute; left: 0; top: 7px; } .all_exam_stats_box.type_2 .graph_area .graph_box .row .stick_box .stick_list li { width: 16.66%; } .all_exam_stats_box.type_2 .graph_area .graph_box .terms_txt li { width: 16.66%; } .all_exam_stats_box .tbl_black_btn {margin:0 0 40px; display: flex;} .all_exam_stats_box .tbl_black_btn li {width: 25%;} .all_exam_stats_box .tbl_black_btn li a {display: flex; align-items: center; justify-content: center; width: 100%; height: 50px; border: 1px solid #111111; box-sizing: border-box; color:#111111; border-left: none;} .all_exam_stats_box .tbl_black_btn li:first-child a {border-left: 1px solid #111111;} .all_exam_stats_box .tbl_black_btn li.on a {background-color: #111; color:#fff;} /* 최근 3개년 추이 */ .progress_view.n0402 .progress_grp_wrp { border-bottom: 1px solid #b9b4b3; } .progress_view.n0402 .progress_grp_wrp .series_graph { padding: 0; text-align: center; } .progress_view.n0402 .progress_grp_wrp .series_graph>div { /* height: auto !important; */ } .progress_view.n0402 .cautn { margin-top: 30px; } .progress_view.n0402 .cautn dt { margin-bottom: 5px; font-weight: 700; font-size: 15px; color: #000; } .progress_view.n0402 .cautn dd { font-weight: 300; font-size: 14px; line-height: 1.7; color: #666; } /*** 해설강의 및 총평 ***/ .commntr_view .lecture { position: relative; } .commntr_view .lecture.dim_on .tbl_dim { display: block; } .commonTab.lecTab, .subTab { position: relative; border: 1px solid #ccc; border-width: 1px 1px 0px; border-radius: 10px 10px 0 0; padding: 15px 20px 0 20px; } .commonTab.lecTab h5, .subTab h5 { font-size: 17px; width: 90px; position: absolute; top: 17px; left: 30px; border-right: 2px solid #ccc; line-height: 1; } .commonTab.lecTab>ul, .subTab>ul {border: 0;padding: 0 0 20px 110px;border-bottom: 2px dashed #ccc;display: flex;flex-wrap: wrap;gap: 12px 0;} .commonTab.lecTab>ul li {border: 0;/* margin: 0 0 10px; */margin: 0;width: 130px;text-align: left;} .subTab li {border: 0;margin: 0 0 10px;width: fit-content;text-align: left;} .commonTab.lecTab>ul li a, .subTab>ul li a {padding: 2px 20px;display: block;line-height: 1;text-align: left;padding: 0;padding-left: 20px;box-sizing: border-box;} .commonTab>ul li.on a, .commonTab>ul li a:hover { background: none; color: #ff3318 !important; } .commonTab>ul li.on a span, .commonTab>ul li a:hover span, .subTab li.on a { font-weight: bold; color: #ff3318; } .commntr_view .lecTab ul li a span, .subTab li a { color: inherit; font-size: 15px; color: #555; } .commntr_view .lecTab ul li.on a span, .subTab li.on a { font-weight: bold; color: #0000ff; } .subTab { border-width: 0 1px 1px; border-radius: 0 0 10px 10px; padding: 15px 20px 0 !important; margin: 0 0 20px; } .subTab>ul { border-bottom: 0 } .subTab li:after { display: none } .subTab li.on a { text-decoration: none; font-weight: bold } .explana_wrap ul li .tea_btn {right: 5px;top: 50%;transform: translateY(-50%);} .explana_wrap ul li .tea_btn>span {display: inline-block;vertical-align: middle;/* width: 100px; *//* height: 90px; */} .commntr_view .lectlist .down_btn {background: #212121;border: 0;border-radius: 10px;width: 100px;aspect-ratio: 1/.9;/* padding: 20px 0 0; */color: #fff;align-content: center;height: auto;padding: 0;display: flex;align-items: center;justify-content: center;} .explana_wrap ul li .tea_btn a.btn2 { background: #0000ff; color: #ffffff; } .commntr_view .lectlist .down_btn.disabled {/* color: #fff; */} .explana_wrap ul li .tea_name a { display: inline-block; font-size: 0; width: 24px; height: 24px; background: url('https://img.megagong.net/m/2021/0403_fullserv/icon_home.png') no-repeat 0 0; margin: -2px 0 0 0; vertical-align: middle; } .total_new_user { margin: 0 auto 10px; max-width: 1080px; } /*** 공지 및 FAQ ***/ .ftabcon_inner.fnotice { font-family: 'Noto Sans KR'; } .ftabcon_inner.fnotice .list_order { display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 25px; } .ftabcon_inner.fnotice .list_order a { display: block; width: 112px; font-weight: 700; font-size: 16px; text-align: center; color: #fff; background: #999; border-radius: 14px; padding: 2px 0 4px; } .ftabcon_inner.fnotice .list_order a.on { background: #000; } .ftabcon_inner.fnotice .notice_list_wrap { font-size: 14px; text-align: center; } .ftabcon_inner.fnotice .notice_list_wrap .table_head { background: #eee; border-top: 2px solid #000; border-bottom: 1px solid #ccc; } .ftabcon_inner.fnotice .notice_list_wrap .table_td { box-sizing: border-box; } .ftabcon_inner.fnotice .notice_list_wrap .table_td.num { flex: 1 0 7%; } .ftabcon_inner.fnotice .notice_list_wrap.notice .table_td.num { flex: 1 0 8%; } .ftabcon_inner.fnotice .notice_list_wrap .table_td.title { flex: 1 1 93%; } .ftabcon_inner.fnotice .notice_list_wrap.notice .table_td.title { flex: 1 1 82%; } .ftabcon_inner.fnotice .notice_list_wrap.notice .notice_list .table_td.title { flex: 1 1 92%; } .ftabcon_inner.fnotice .notice_list_wrap.notice .notice_list .table_td.title { word-break: break-all; } .ftabcon_inner.fnotice .notice_list_wrap.notice .notice_list .table_td.title table{max-width:100% !important;width:100% !important;box-sizing: border-box !important;table-layout: auto !important;} .ftabcon_inner.fnotice .notice_list_wrap .table_td.date { flex: 1 0 10%; margin-right: 50px; } .ftabcon_inner.fnotice .notice_list_wrap .table_head li { display: flex; } .ftabcon_inner.fnotice .notice_list_wrap .table_head li .table_td { font-weight: 700; padding: 16px 10px; } .ftabcon_inner.fnotice .notice_list_wrap .notice_list > li { position: relative; display: flex; justify-content: flex-start; align-items: flex-start; border-bottom: 1px solid #ccc; } .ftabcon_inner.fnotice .notice_list_wrap .notice_list > li .table_td.num { color: #666; padding: 15px 10px; } .ftabcon_inner.fnotice .notice_list_wrap .notice_list > li .table_td.title { text-align: left; } .ftabcon_inner.fnotice .notice_list_wrap .notice_list > li .table_td.title dl dt { font-weight: 700; padding: 16px 50px 16px 0; cursor: pointer; word-break: break-all; } .ftabcon_inner.fnotice .notice_list_wrap.notice .notice_list > li .table_td.title dl dt { display: flex; } .ftabcon_inner.fnotice .notice_list_wrap .notice_list > li .table_td.title dl dt .date { font-weight: 400; color: #666; margin-left: auto; width: 11%; text-align: center; flex-shrink: 0; } .ftabcon_inner.fnotice .notice_list_wrap .notice_list > li .table_td.title dl dt::after { content: ''; position: absolute; top: 20px; right: 30px; width: 12px; height: 8px; background-image: url('https://img.megagong.net/m/2024/1012_full/icon_notice_arrow.png'); } .ftabcon_inner.fnotice .notice_list_wrap .notice_list > li .table_td.title dl dt.on > div { text-decoration: underline; text-underline-offset: 4px; } .ftabcon_inner.fnotice .notice_list_wrap .notice_list > li .table_td.title dl dt.on::after { transform: rotate(180deg); } .ftabcon_inner.fnotice .notice_list_wrap .notice_list > li .table_td.title dl dd { display: none; color: #666; padding: 20px 40px 60px 0; word-break: break-all; } .ftabcon_inner.fnotice .notice_list_wrap .notice_list > li .table_td.title dl dd .post-file { margin-top: 10px; padding: 0; border-bottom: none; } .ftabcon_inner.fnotice .notice_list_wrap .notice_list > li.essential { background: #fffce7; } .ftabcon_inner.fnotice .notice_list_wrap .notice_list > li.essential .table_td.num span { font-size: 11px; color: #fff; background: #000; display: inline-block; padding: 2px 13px; } .ftabcon_inner.fnotice .paging { text-align: center; } #headertop .depth2-swiper.swiper-container .swiper-wrapper { height: auto; } #popupViewer .content_inner { padding: 5px 20px; } #popupViewer .b_tit em { font-size: 14px; font-style: normal; } #popupViewer .view_area .s_tit, #popupViewer .view_area .s_con { border: 1px solid #ddd; text-align: left; padding: 10px; line-height: 1.4; overflow: auto; } #popupViewer .view_area .s_tit span.icon_update { display: inline-block; width: 55px; font-weight: 500; font-size: 12px; line-height: 17px; color: #000000; background: #c7d8f2; border-radius: 5px; text-align: center; } #popupViewer .view_area .s_tit span.icon_open { display: inline-block; width: 55px; font-weight: 500; font-size: 12px; line-height: 17px; color: #000000; background: #ffadc0; border-radius: 5px; text-align: center; } #popupViewer .view_area .s_tit i { font-style: normal; color: #ea0000; font-weight: bold; font-size: 12px; } #popupViewer .view_area .s_con { margin-top: 10px; } .divtbl_wrp .dv_row.dv_mo { display: none; border-bottom: 1px solid #ddd; } .divtbl_wrp .dv_row.dv_mo>.dv_row { display: table; width: 100%; } .divtbl_wrp .dv_row.dv_mo>div { border-bottom: 0; } .divtbl_wrp .dv_row.dv_mo .dv_row>div { border: 0; } .divtbl_wrp .dv_row.dv_mo .num_box, .divtbl_wrp .dv_row.dv_mo .inp_box { width: 100%; display: block; padding: 10px 0; } .divtbl_wrp .dv_row.dv_mo .num_box:after, .divtbl_wrp .dv_row.dv_mo .inp_box:after { content: ''; display: block; clear: both; } /*** 팝업 ***/ .black_bg { background-color: rgb(17, 16, 16); opacity: 0.8; position: fixed; left: 0; top: 0; width: 100%; height: 100%; text-indent: -9999em; z-index: 92 } .black_bg_evt { background-color: rgb(17, 16, 16); opacity: 0.8; position: fixed; left: 0; top: 0; width: 100%; height: 100%; text-indent: -9999em; z-index: 92 } .dim_bnrwrp { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; } .dim_bnrwrp_wrap .dim_popup { position: fixed; top: 50% !important; left: 50%; z-index: 3; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .dim_popup button { position: absolute; right: 15px; top: 15px; background: none; } /* 등록한 url 팝업*/ .clickPop { width: 490px; background: #fff; border: 1px solid #000; padding: 40px 10px 20px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .dim_popup.clickPop .tit { text-align: center; margin: 0 0 10px; padding: 0 15px; font-size: 23px; font-weight: bold; } .dim_bnrwrp_wrap table { font-size: 14px; } .dim_bnrwrp_wrap table tr th, .eventWrap .dim_bnrwrp_wrap table tr td { padding: 8px 5px; border: 1px solid #ddd; } .dim_bnrwrp_wrap table tr th { border-color: #fff } .dim_bnrwrp_wrap table tr th { background: #eaeaea } .dim_bnrwrp_wrap .dim_popup table tr th, .eventWrap .dim_bnrwrp_wrap .dim_popup table tr td { word-break: break-all; text-align: center; } .dim_bnrwrp_wrap .dim_popup table tr td.con { text-align: left } .dim_bnrwrp_wrap .dim_popup table tr td { text-align: center; padding: 5px 2px; border: 1px solid #eaeaea; } .dim_popup.clickPop .btnConfirm { text-align: center; margin: 40px 0 0 0; } .dim_popup.clickPop .btnClose { position: absolute; right: 10px; top: 10px; background: url(https://img.megagong.net/m/common/pop_close2.png) no-repeat center center; font-size: 0; width: 26px; height: 26px; margin: 0; } /* 당첨여부 popup */ .full_win .clickPop { padding: 0; width: 370px; background: transparent; } .full_win .pop_close { position: absolute; top: -34px; right: 0; z-index: 3; } .full_win .btnClose { position: absolute; top: 10px; right: 10px; display: block; width: 30px; height: 30px; font-size: 0; overflow: hidden; } .full_win .btnClose:before { content: ""; display: block; width: 5px; height: 100%; background: #000; position: absolute; top: 0; left: 10px; transform: rotate(45deg); } .full_win .btnClose:after { content: ""; display: block; width: 5px; height: 100%; background: #000; position: absolute; top: 0; left: 10px; transform: rotate(-45deg); } .full_win .gift_pop { background: #fff; border-radius: 30px; overflow: hidden; } .full_win .gift_pop .btn, .full_win .gift_pop .btn { margin: 20px 0 30px; } .full_win .gift_pop .btn a, .full_win .gift_pop .btn a { display: block; margin: auto; width: 256px; height: 50px; line-height: 50px; border-radius: 5px; background: #000; color: #fff; text-align: center; font-size: 20px; box-shadow: 6px 6px 5px rgba(0, 0, 0, .16); } .full_win .winPop>div { padding: 25px 0 10px; } .full_win .winPop>div h4 { text-align: center; font-size: 26px; color: #0152e1; font-weight: 700; } .full_win .winPop>div .img { margin-top: 23px; text-align: center; } .full_win .winPop>div .teny { display: block; text-align: center; font-weight: 300; font-size: 10px; color: #699dc7; } .full_win .winPop .tit_s { text-align: center; color: #fff; font-weight: 700; font-size: 18px; line-height: 120%; padding: 9px 0; background: #0152e1; } .full_win .winPop ul { margin: 15px 30px 30px; } .full_win .winPop li { position: relative; overflow: hidden; padding-left: 15px; font-size: 11px; color: #999; line-height: 1.2; margin-bottom: 5px; word-break: keep-all; } .full_win .winPop li i { position: absolute; top: 0; left: 0; font-style: normal; } .full_win .winPop li a { font-weight: bold; display: inline-block; color: #0152e1; text-decoration: underline; } .full_win .unwinPop { padding-top: 25px; text-align: center; } .full_win .unwinPop h4 { text-align: center; color: #0152e1; font-weight: bold; font-size: 26px; line-height: 120%; } .full_win .unwinPop .img { margin: 30px 0; } /*인증하기 팝업*/ .full_wrap .certifi_pop { width: 800px; position: fixed; top: 50%; left: 50%; background-color: #fff; z-index: 93; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 13px; } .full_wrap .certifi_pop.w795 { width: 795px; } .full_wrap .black_bg { background-color: #000; opacity: 0.6; position: fixed; left: 0; top: 0; width: 100%; height: 100%; text-indent: -9999em; z-index: 92 } .full_wrap .certifi_pop .btn_popclo { position: absolute; top: 0; right: -45px; display: block; font-size: 0; line-height: 0; width: 35px; height: 35px; background: url('https://img.megagong.net/m/2019/0405_sbtransfer/certifi_clo.png') center center no-repeat } .full_wrap .certifi_pop.evnt_pop .popinner { padding: 0; position: relative; font-size: 13px; } .full_wrap .certifi_pop .popinner { padding: 20px 30px; position: relative; font-size: 13px; } .full_wrap .certifi_pop.evnt_pop .tit { font-size: 23px; display: block; padding: 20px 0 20px; background: #451bbb; color: #fff; margin: 0 0 15px; } .full_wrap .certifi_pop .subtit { padding: 0 0 10px 30px; text-align: left; font-weight: bold; } .full_wrap .tbl_wrp { padding: 0 30px 0; } .full_wrap .certifi_pop .inpbox { overflow: hidden; margin-bottom: 20px; padding: 0 0 0 1px } .full_wrap .certifi_pop .inpbox span:nth-child(1) { float: left; width: 48.5%; border: 1px solid #333; overflow: hidden; } .full_wrap .certifi_pop .inpbox span:nth-child(2) { float: right; width: 48.5%; border: 1px solid #333; overflow: hidden; } .full_wrap .certifi_pop .inpbox span input[type="text"] { height: 45px; width: 100%; border: 0; padding-left: 10px; font-size: 13px } .full_wrap .certifi_pop .student { display: flex; margin: 16px 0; } .full_wrap .certifi_pop .student strong { color: #dd0015; margin-right: 16px; } .full_wrap .certifi_pop .student label:first-of-type { margin-right: 16px; } .full_wrap .certifi_pop .filebox { position: relative; margin-bottom: 25px; height: 48px; padding: 0 0 0 1px } .full_wrap .certifi_pop .filebox .filename { position: relative; height: 46px; width: 500px; float: left; border: 1px solid #333; overflow: hidden; } .full_wrap .certifi_pop .filebox .filename label { position: absolute; top: 0; left: 0; z-index: 1; font-size: 13px; padding-left: 10px; height: 47px; line-height: 47px; } .full_wrap .certifi_pop .filebox .filename input[type="text"] { position: absolute; top: 2px; left: 0; font-size: 13px; width: 83%; height: 41px; padding-left: 10px; color: #333; border: 0 } .full_wrap .certifi_pop .filebox .filename a { position: absolute; top: 9px; right: 10px; width: 50px; height: 28px; line-height: 28px; font-size: 13px; font-weight: bold; background-color: #929292; color: #fff; z-index: 1; text-align: center; } .full_wrap .certifi_pop .filebox .filebtn { position: relative; width: 220px; height: 47px; float: right; cursor: pointer; } .full_wrap .certifi_pop .filebox .filebtn label { position: absolute; top: 0; right: 0; background-color: #000; color: #fff; font-size: 15px; width: 100%; text-align: center; height: 47px; line-height: 47px } .full_wrap .certifi_pop .filebox input[type="file"] { position: absolute; top: 0; right: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; } .full_wrap .certifi_pop dl { margin-bottom: 41px; text-align: left; background: url('https://img.megagong.net/m/2019/0712_pass/sobang/certifi_bg.jpg') no-repeat 0 100%; padding-left: 315px; min-height: 155px; } .full_wrap .certifi_pop dl dt { margin-bottom: 20px; } .full_wrap .certifi_pop .tit { text-align: center; margin-bottom: 10px; } .full_wrap .certifi_pop ul { clear: both; } .full_wrap .certifi_pop ul li { text-align: left; padding-left: 10px; font-size: 13px; text-indent: -10px; line-height: 1.3; padding-bottom: 3px; } .full_wrap .certifi_pop ul li a { color: #fff; background: #787878; padding: 2px 8px 3px; font-weight: normal; font-size: 13px; margin-left: 6px; line-height: 1; } .full_wrap .certifi_pop .btn_inc_w { padding: 25px 0 15px; text-align: center; } .full_wrap .certifi_pop .btn_inc_w a { display: inline-block; } #headertop .depth2-swiper.swiper-container .swiper-wrapper { height: auto; } #popupViewer .content_inner { padding: 5px 20px; } #popupViewer .b_tit em { font-size: 14px; font-style: normal; } #popupViewer .view_area .s_tit, #popupViewer .view_area .s_con { border: 1px solid #ddd; text-align: left; padding: 10px; line-height: 1.4; } #popupViewer .view_area .s_tit span.icon_update { display: inline-block; width: 55px; font-weight: 500; font-size: 12px; line-height: 17px; color: #000000; background: #c7d8f2; border-radius: 5px; text-align: center; } #popupViewer .view_area .s_tit span.icon_open { display: inline-block; width: 55px; font-weight: 500; font-size: 12px; line-height: 17px; color: #000000; background: #ffadc0; border-radius: 5px; text-align: center; } #popupViewer .view_area .s_tit i { font-style: normal; color: #ea0000; font-weight: bold; font-size: 12px; } #popupViewer .view_area .s_con { margin-top: 10px; } .divtbl_wrp .dv_row.dv_mo { display: none; border-bottom: 1px solid #ddd; } .divtbl_wrp .dv_row.dv_mo>.dv_row { display: table; width: 100%; } .divtbl_wrp .dv_row.dv_mo>div { border-bottom: 0; } .divtbl_wrp .dv_row.dv_mo .dv_row>div { border: 0; } .divtbl_wrp .dv_row.dv_mo .num_box, .divtbl_wrp .dv_row.dv_mo .inp_box { width: 100%; display: block; padding: 10px 0; } .divtbl_wrp .dv_row.dv_mo .num_box:after, .divtbl_wrp .dv_row.dv_mo .inp_box:after { content: ''; display: block; clear: both; } /* 공통메뉴 */ .full_tab {position: fixed;left:13vw;top: 35%;z-index: 4;background-color: transparent; transition: top 0.3s;} .full_tab.on {top: 10vh;} .full_tab ul > li:last-child { border-bottom: none; } .full_tab ul > li::before { display: none; } .full_tab ul > li.on::before,.full_tab ul > li:hover::before { display: none; } .full_tab ul > li > a { padding:0; display: flex; } .full_tab ul > li > a span { padding: 0; font-size: 13px; color:#000; height: auto; } .full_tab ul > li span { font-weight: 600; } .full_tab ul > li > a span::before { display: none; } .full_tab ul > li.on > a span, .full_tab ul > li:hover > a span { color:#000; } .full_tab ul > li.on > a span, .full_tab ul > li > a:hover span { border-bottom: none; } .full_tab .menu { width: 170px; flex-direction: column; border:1px solid #000; border-radius: 3px; box-sizing: border-box; } .full_tab .menu > li { background-color: #fff; border-bottom: 1px solid #000;} .full_tab .menu > li.mtab02{} .full_tab .menu > li.mtab02:has(.depth2){padding: 18px 20px;} .full_tab .menu > li > a{padding: 10px 20px;} .full_tab .menu > li.on a span {color:#0000ff;} .full_tab .menu .depth1 { display:flex; align-items: center; gap:10px; } .full_tab .menu .depth2 { margin: 20px 0 0; flex-direction: column; gap:5px; } .full_tab .menu .depth2 li a { display: block; width: 100%; height: 100%; text-align: left; } .full_tab .menu .depth2 li.on a span {color:#0000ff;} .full_tab .menu .depth2 li span { color:#555555; } .full_tab .bubble_wrap{position: absolute;right: -35px;top: 3px;display: flex;align-items: center;gap: 10px;font-size: 10px;z-index: 2;} .full_tab .bubble_wrap .bubble_box{background: #0000ff;color: #fff;text-align: center;min-width: 65px;padding: 0 12px;box-sizing: border-box;height: 40px;align-content: center;position: relative;border-radius: 3px;box-shadow: 2px 3px 5px #00000040;} .full_tab .bubble_wrap:before{content: '';display: block;position: absolute;width: 10px;height: 10px;top: 50%;transform: translateY(-50%) rotate(45deg);left: -5px;background: #0000ff;} .full_tab .write_box{display: flex;flex-direction: column;position: absolute;right: -170px;top: 3px;font-size: 10px;} .full_tab .write_box input{font-size: 10px;} .full_tab .write_box .res{background: #000;color: #fff;text-align: center;padding: 0;} .full_tab .predict_nm_wrap { margin:8px 0 0; background-color: #0000ff; color:#fff; border:1px solid #000; border-radius: 3px; width: 170px;} .full_tab .predict_nm_wrap .tit { padding: 16px 0; border-bottom: 1px solid #4d4dff; text-align: center; font-weight: 600; } .full_tab .predict_nm_wrap .nm_box_wrap { display: flex; } .full_tab .predict_nm .flex_wrap {display: flex; flex-direction: column;} .full_tab .nm_box_wrap .nm_box { display: flex; flex-direction: column; justify-content: center; align-items: center; gap:4px; padding:15px 0; width: 50%; text-align: center; } .full_tab .nm_box_wrap .nm_box:nth-child(1) {border-right: 1px solid #4d4dff;} .full_tab .nm_box_wrap .nm { font-weight: bold; } .full_tab nav {display:flex;flex-direction:column;/* gap: 15px; */} .my_test_series, .totalbf_zone, .testinfo_view, .fstscoring_wrp, .scorresult_wrp, .fcommnt_wrp, .commntr_view, /* .full_opini, */ .fnotice_wrp, .all_exam_stats_box { padding:60px !important; background-color: #fff; border-radius: 15px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } .ftabcon_inner.step3 .totalbf_zone {margin-bottom: 70px;} .board-list-wrap .logo_img {height: 23px;} .full_opini .evtBoard_common .board_notice li.adm { position: absolute; top: 0; right: 0; font-size: 12px; display: flex; align-items: center; gap: 5px; width: fit-content;color:#fff} .totalbf_zone .level_view .tit_wrp:has(.selct_sbj){margin-bottom: 15px;} .totalbf_zone .level_view .tit_wrp:has(.selct_sbj) h4{margin-bottom: 0;} select.selct_sbj{width: 150px;height: 30px;border-color: #ddd;} .my_test_series_wrap{padding: 60px !important; background-color: #fff; border-radius: 15px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;margin-bottom: 70px;} .my_test_series_wrap .my_test_series{padding: 0 !important;background: none;box-shadow: none;} .progress_view{padding: 60px !important; background-color: #fff; border-radius: 15px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;} .ftabcon_inner.frealtime .loca_grp_wrp.n0402 .myPossibility_info_wrap .cont_bottom_wrap{height: auto;align-content: center;} .tab_result_wrap{display: flex;margin-bottom: 40px;} .tab_result_wrap li{flex:1;cursor: pointer;color:#111;height: 50px;border: 1px solid #111;box-sizing: border-box;text-align: center;font-size: 15px;border-width: 1px 0 1px 1px;} .tab_result_wrap li a{display: block;height: 100%;align-content: center;} .tab_result_wrap li:last-child {border-right: 1px solid #111;} .tab_result_wrap li.on{color:#fff;background-color:#111;} .comment_list .reply_area {padding-top: 15px;width: 100%;display: flex;gap: 5px;flex-direction: column;align-items: flex-start;} .comment_list .usr_info { position: relative; padding-left: 16px; display: flex; } .comment_list .usr_info:before { content: ''; position: absolute; top: 2px; left: 0; width: 9px; height: 9px; background: url(https://img.megagong.net/m/2022/0402_fullserv/icon_reply.png) no-repeat top left; } .comment_list .usr_info .name { color: #1448d8; } .comment_list .reply_area .modi_btn { display: inline-block; color: #14805e; font-weight: bold; font-size: 12px; padding: 0 2px; text-align: center; vertical-align: top; line-height: 0; height: 18px; line-height: 18px; text-decoration: underline; } .comment_list .reply_area .s-btn-base.del {flex-shrink: 0;} .comment_list .reply_area .s-btn-base.del + .s-btn-base.del{margin-left: 5px;} .comment_list .reply_area .reply {display: flex; width: 100%;} .comment_list .reply_area .txt { /*overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex-grow: 1;*/ word-break:break-all; width:100%; text-align: left;} .reply-write-area {padding: 10px 0 0;} .reply-write-area .input-base-wrap.ver_input-btn {gap:0; margin:5px 0 0;} .reply-write-area .input-base-wrap.ver_input-btn .textarea-base {border-radius: 3px 0px 0px 3px;} .reply-write-area .btn-base > * {border-radius: 0px 3px 3px 0;} .full_opini ul { float: none; } .full_opini .paging { float: none; } .regist_form_area {background-color:var(--point-color);} @media all and (max-width: 1920px) { .full_tab { left: 5vw; } } @media all and (max-width: 1200px){ .full_wrap {min-width: unset;} .comment_base_wrap .comment_list {padding: 10px;} .board-list-wrap .logo_img {height: auto; max-height: 23px;} .my_test_series, .totalbf_zone, .testinfo_view, .fstscoring_wrp, .scorresult_wrp, .fcommnt_wrp, .commntr_view, .fnotice_wrp, .all_exam_stats_box,.my_test_series_wrap{padding: 20px 5px !important;width:auto} /* 공통메뉴 */ .full_tab {position: static;height: auto;width: 100%;z-index:4;background: #fff;} .full_tab.on {position: fixed; left:0; top:0; box-shadow: 3px 3px 5px #00000029;} .full_tab .menu > li{display: flex;flex-direction: column;justify-content: flex-end;width: calc(100% / 6);} .full_tab .menu>li {position: relative;border-bottom: none;border-left: 1px solid #000;} .full_tab .menu {flex-direction: row;width: 100%;border-radius: 0;} .full_tab .menu>li:first-child {border-left:none;} .full_tab .menu > li > a{/* height: 47px; */height:100%;box-sizing: border-box;align-items: center;} .full_tab .menu > li.mtab02:has(.depth2){padding: 0} .full_tab .menu > li.mtab02 .depth1{padding: 10px 20px;height: 100%;box-sizing: border-box;} .full_tab .menu > li.mtab02 > a{padding: 0;position: relative;} .full_tab .menu .depth2 {display:none;position: absolute;background: #fff;width: 100%;z-index: 3;padding: 10px 15px;border: 1px solid #f5f5f5;top: 49%;left: 50%;transform: translateX(-50%);line-height: 1.8;box-shadow: 0px 4px 5px #00000030;} .full_tab .predict_nm_wrap {max-height: 75px;overflow: hidden;} .full_tab .predict_nm_wrap.slick-initialized { margin: 0; width: 100%; border-bottom:none; border-radius: 0;} .full_tab .predict_nm_wrap .slick-list, .full_tab .predict_nm_wrap .slick-track {height: 100%;} .full_tab .predict_nm_wrap .tit {width:55%;padding: 8px 0;border-bottom: none;border-right:1px solid #4d4dff;} .full_tab .predict_nm_wrap .nm_box_wrap {width:45%;} .full_tab .predict_nm {border-right: 1px solid #000;height: 100%;} .full_tab .predict_nm .flex_wrap {width:100%; flex-direction: row;} .full_tab .menu .depth1{gap:1vmin} .full_tab nav {flex-direction:column-reverse;/* gap: 15px; */} /* .full_tab .menu > li.mtab02 .depth1{padding: 0;} */ .full_tab .bubble_wrap{position: relative;right: auto;top: auto;} .full_tab .bubble_wrap .bubble_box{width: 90%;margin: 5px auto 0;height: clamp(20px,3vmin,30px);font-size: clamp(11px,2vmin,13px);padding: 0;} .full_tab .bubble_wrap:before{ top: auto; left: 50%; bottom: clamp(-2px,-1vmin,-5px); transform: translateX(-50%) rotate(45deg); z-index: 0; width: clamp(5px,1.5vmin,10px); height: clamp(5px,1.5vmin,10px);} .full_tab .bubble_wrap .bubble_box br{display:none} .full_tab .write_box{position: relative;right: auto;top: auto;bottom: 0;} .full_tab .write_box input{border-width: 1px 0;} .full_tab .write_box .res{ } .my_test_series, .totalbf_zone, .testinfo_view, .fstscoring_wrp, .scorresult_wrp, .fcommnt_wrp, .commntr_view, .full_opini, .fnotice_wrp {padding: 20px !important;width: auto;} /* 배너 */ .show-1200 { display: block; } .hide-1200 { display: none; } .fulllive_bnr { display: block; position: absolute; bottom: 287%; right: 2%; width: 18%; } .fulllive_bnr img { width: 100% } .countWrap { display: none; } .countWrap .end_info { font-size: 20px; } .countWrap__tie-day { font-size: 22px; } .countWrap__tie-day { width: auto; padding: 0 0 0 40px; font-size: 30px; font-weight: bold; letter-spacing: 0.05em; line-height: 39px; height: 40px; vertical-align: top; } .countWrap__tie--item { background: none; color: #222; font-size: 30px; font-weight: bold; width: auto; height: auto; line-height: 1; padding: 0; margin: 0 0 0 4px; } .countWrap__tie span.txt { font-size: 0.95em; width: auto; height: auto; color: #222; line-height: 1; padding: 0; vertical-align: baseline; display: inline; margin: 0 0 0 -5px; } /* .ftabcon_inner { padding-bottom:0px; } */ /* .ftabcon_inner.pofixed { padding-top: 67.59px; } */ .ftabcon_inner .selcrate_zone { width: 100%; float: none; } .ftabcon_inner .selcCombirate_zone { width: 100%; float: none; margin-left: 0; } .full_evt .evt_con.end h4::before { background-size: 130px; width: 130px; height: 120px; top: 0; } .possibrslt_view .fbasic_tbl tbody th.myscore { font-size: 15px; padding: 15px 20px; } .possibrslt_view th.myscore .scr_input a { font-size: 14px } .possibrslt_view .possibrsltview_inner { padding: 0; } .possibrslt_view .possibrsltview_inner .tble_wrp { margin: 0 0 10px } .possibrsltview_grp { width: 100%; position: relative; top: inherit; right: inherit; height: auto; } .possibrsltview_grp .grpbox { height: auto; } .people_grp_wrp { padding: 10px 10px 10px; } .people_grp_wrp ol li { width: 20%; margin: 0 0 3%; font-size: 14px; } .people_grp_wrp ol li span.mypop { font-size: 11px; width: 90px; padding: 0 5px 0 8px; margin: 0 0 0 -52px; letter-spacing: -0.15em; height: 90px; } .people_grp_wrp ol li span.person { background-size: 25px; width: 25px; height: 38px; margin: 0 auto 6px; } .people_grp_wrp ol li.focus span.person { background-size: 50px; width: 50px; height: 112px; } .explana_wrap ul li .tea_btn {width: 220px;width: auto;} .commntr_view .lectlist .down_btn {/* height: 50px; *//* padding: 6px 0 0; */width: 10vw;max-width: 100px;min-width: 60px;font-size: clamp(12px,1.5vmin,13px);} .full_opini .evtBoard_common .board_notice li.adm { position: relative; top: inherit; right: inherit; color: #fff; display: flex; align-items: center; gap: 5px; width: fit-content;} .fstscoring_wrp .fstscoring_tit h5 { display: inline-block; margin-bottom: 6px; } .subpaperdown_wrp { padding: 15px 0 15px; } .subpaperdown_wrp ul li strong { font-size: 15px } .subpaperdown_wrp ul li button { width: 28px; height: 28px; background-size: 14px; } /* 풀서비스 배너텍스트변경 */ .ban_manage_box {left: 0;margin-left: 0;} .ban_manage_box .resi {} /*** 풀서비스메인 ***/ /* 오답률 및 체감 난이도 영역 */ .totalbf_zone .level_view .level_grpwrp .sg_inner .graph_tbl_w .full_tbl_wrap .tbl_dim { left: 8%; } .totalbf_zone.v2.dim_on .level_view .level_grpwrp .circle_grp .img_ex { height: 285px; position: relative; } .totalbf_zone.v2.dim_on .level_view .level_grpwrp .circle_grp .img_ex img { position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; } /*** 채점하기 ***/ /* 기존 테이블 */ .testinfo_write .fbasic_tbl tbody td.m_addpoint input[type="radio"] { display: inline-block; } /*** 채점하기 - 내성적표 ***/ .scorresult_wrp .fbasic_tbl.tbl_mb .mb_thd.num_ty { border-top: 2px solid #ccc; } /* 채점 결과 보기 */ /* .ftabcon_inner.step3 .myscore_preview .tble_wrp .totalbf_anno { left:14.2%; } */ .ftabcon_inner.step3 .myscore_previewGraph {} .ftabcon_inner.step3 .myscore_previewGraph .tit_wrp { top: 7px; } .ftabcon_inner.step3 .myscore_previewGraph .tit_wrp h4 { font-size: 15px; } .ftabcon_inner.step3 .myscore_previewGraph .tit_wrp h4 span { font-size: 12px; } .ftabcon_inner.step3 .myscore_preview .tble_wrp .totalbf_anno { height: 82.5%; } /*** 합격가능성 ***/ /* 합격가능성 - 테이블2(나의점수) */ .ftabcon_inner.frealtime .my_test_series.possibility_tbl2 .tbl_dim { left: 20%; } /* 합격가능성 - 막대그래프 */ .ftabcon_inner.frealtime .loca_grp_wrp.n0402 {margin: 0 -1.5%;padding: 60px 35px 30px;overflow: hidden;padding: 0 clamp(5px,4vmin,35px);margin: 0;} .ftabcon_inner.frealtime .loca_grp_wrp.n0402 strong {/* top: -56px; */font-size: 14px;padding: 4px 5px;min-width: 65px;text-align: center;} .ftabcon_inner.frealtime .loca_grp_wrp.n0402 strong .mo_none { display: none; } .ftabcon_inner.frealtime .loca_grp_wrp.n0402 strong br { display: block; } .my_test_series .tbl_top .score_wrap {gap: 1%;margin: 8% auto 3%;justify-content: space-between;} .my_test_series .tbl_top .score_wrap .ex_score { background: none; flex: 1; } .my_test_series .tbl_top .score_wrap .ex_score strong { display: block; width: 100%; } .my_test_series .tbl_top .score_wrap .ex_score span { width: 100%; } /* 합격 가능성 그래프 신버전 */ .ftabcon_inner.frealtime .loca_grp_wrp.n0402 .myPossibility_info_wrap { gap: 20px; } .ftabcon_inner.frealtime .loca_grp_wrp.n0402 .myPossibility_info_wrap .myPossibility_graph { } .ftabcon_inner.frealtime .loca_grp_wrp.n0402 .myPossibility_info_wrap .cont_bottom_wrap { height: 22.1vw; } /*** 해설강의 및 총평 ***/ .explana_wrap ul li .tea_btn>span {/* height: 50px; */} /*** 팝업 ***/ /* 등록한 url 팝업*/ .dim_bnrwrp_wrap .dim_popup { width: 90%; font-size: 12px; left: 50%; background-size: 100% 100%; max-width: 500px; } /*인증하기 팝업*/ .full_wrap .certifi_pop { width: 600px; font-size: 12px; } .full_wrap .certifi_pop.w795 { width: 600px; } .full_wrap .certifi_pop .popinner { padding: 0 15px; } .full_wrap .certifi_pop.evnt_pop .popinner { padding: 0; } .full_wrap .certifi_pop dl dt img { width: 300px; } .full_wrap .certifi_pop dl dd img { width: 350px; } .full_wrap .certifi_pop .tit img { width: 100% } .full_wrap .certifi_pop dl { background-size: 130px; padding: 0 0 0 0; background-position: 100% 100%; margin-bottom: 20px; min-height: auto; } .full_wrap .certifi_pop .filebox .filename { width: 100%; margin-bottom: 7px; } .full_wrap .certifi_pop .filebox .filebtn { width: 100%; height: 34px } .full_wrap .certifi_pop .filebox .filebtn label { line-height: 34px; height: 34px } .full_wrap .certifi_pop ul { padding-top: 20px } .full_wrap .certifi_pop .inpbox span input[type="text"] { height: 30px; } .full_wrap .certifi_pop .filebox .filename, .full_wrap .certifi_pop .filebox .filename input[type="text"] { height: 30px; } .full_wrap .certifi_pop .filebox { height: 70px; margin-bottom: 0 } .full_wrap .certifi_pop .filebox .filename a { top: 0; right: 0; height: 30px } .full_wrap .certifi_pop .inpbox { margin-bottom: 15px } .full_wrap .certifi_pop .btn_inc_w a { width: 250px; } .full_wrap .certifi_pop .btn_popclo { top: -45px; right: 0 } .full_wrap .certifi_pop ul li a { display: block; width: 100px; text-align: center; margin-left: 0; } /* event4 */ /* .full_evt_04 .inner { padding: 14% 0 15%; } */ .full_evt_04 .inner:first-child { padding-top: 14%; } .full_evt_04 .inner:last-child { padding-bottom: 15%; } .full_evt_04 .inner h4 { margin: 0; } .full_evt_04 .inner h4 img { width: 100%; } .full_evt_04 .date_wrp { margin-top: 7%; width: 96%; } .full_evt_04 .inner .gift { margin-top: 7%; } .full_evt_04 .inner .gift h5 { margin-bottom: 5%; } .full_evt_04 .inner .gift .list li { width: calc(33.333% - 46.6667px); } .full_evt_04 .inner .gift .list li:nth-child(2) img { margin-left: 5%; } .full_evt_04 .inner .gift .list li p { font-size: 18px; } .full_evt_04 .inner .join_way { margin-top: 8%; } .full_evt_04 .inner .join_way h5 { margin-bottom: 5%; } .full_evt_04 .inner .join_way .list li { padding: 3% 0; height: auto; } .full_evt_04 .inner .join_way .list li:first-child { padding: 5% 0; } .full_evt_04 .inner .join_way .btn { margin-top: 5%; } .full_evt_04 .inner .join_way .btn a { width: calc(38% - 7.5px); } .full_evt_04 .inner .sns_list { padding: 4%; margin-top: 9%; } .full_evt_04 .inner .sns_list span { width: calc(23% - 52px); font-size: 15px; } .full_evt_04 .inner .sns_list span a { padding: 16px 0; } .full_evt_04 .inner .sns_list span a .mo_none { display: block; } .full_evt_04 .inner .sns_list li span.line_2 a { padding: 8px 0; } .full_evt_04 .inner .evtBoard_common { padding-top: 4%; } .full_evt_04 .inner .evtBoard_common .board_write { padding-right: 0; margin: 0 4% 15px; } .full_evt_04 .inner .evtBoard_common .board_write .inp_wrap textarea, .full_evt_04 .inner .evtBoard_common .board_write .inp_wrap input[type="text"] { padding: 18px 20px; height: 60px; } .full_evt_04 .inner .evtBoard_common .board_write .btn_wrap { width: 100%; } .full_evt_04 .inner .evtBoard_common .board_write .btn_wrap a { font-size: 17px; height: 40px; line-height: 40px; } .full_evt_04 .inner .evtBoard_common .board_notice { padding-bottom: 3%; margin: 0 4%; } .full_evt_04 .inner .evtBoard_common .board_notice li { font-size: 12px; } .full_evt_04 .inner .evtBoard_common .btnUrl { bottom: 28%; right: 4%; font-size: 13px; } #popupDim { width: 96%; } #popupDim .content_inner dt { width: 280px; } #popupDim .content_inner dd .label { font-size: 14px; } #popupDim .content_inner dd .s_txt { font-size: 16px; } #popupDim .content_inner dd .b_txt { font-size: 28px; } #popupDim .content_inner dd .btn { font-size: 16px; padding: 15px 40px; margin-top: 20px; } .divtbl_wrp .dv_row.dv_pc { display: none; } .divtbl_wrp .dv_row.dv_mo { display: block; } .ftabcon_inner.fscoring .fstscoring_wrp .fstscoring_tit.marking_tit { margin-bottom: 0; } .fstscoring_wrp .fstscoring_tit.marking_tit dl { padding: 5px 0; } .all_exam_stats_box .full_tbl_wrap .gray_tbl th .tooltip_box{ right: auto; left: 0; top: 37px; width: 280px;} .ftabcon_inner.frealtime .loca_grp_wrp.n0402.dim_on .pointer{ left: 35px; top: 0; } } @media all and (max-width:992px) { /*** 페이지 공통상단 ***/ .countWrap .end_info { font-size: 20px; background-size: 23px, 4px; height: 30px; line-height: 29px; padding: 0 25px 0 35px; } .countWrap__tie-day { font-size: 20px; height: 30px; line-height: 30px; padding: 0 0 0 20px; } .left_bnr { display: none; } .ly_btm_fixed { display: none; } .possibrslt_view .fbasic_tbl tbody th.myscore { padding: 13px 14px; } .subTab li { padding: 0; } /*** 채점하기 - 내성적표 ***/ .ftabcon_inner.step3 .myscore_preview { width: 100%; } .ftabcon_inner.step3 .myscore_previewGraph {width: 100%;margin-top: 5%;aspect-ratio: 1/.6;} .ftabcon_inner.step3 .myscore_previewGraph .myscore_graph {height: clamp(230px,50vmin,400px);} /* 합격 가능성 그래프 신버전 */ .ftabcon_inner.frealtime .loca_grp_wrp.n0402 .myPossibility_info_wrap { flex-wrap: wrap; } .ftabcon_inner.frealtime .loca_grp_wrp.n0402 .myPossibility_info_wrap .myPossibility_graph { width: 100%; } .ftabcon_inner.frealtime .loca_grp_wrp.n0402 .myPossibility_info_wrap .cont_bottom_wrap { height: auto; padding: 20px; } .ftabcon_inner.frealtime .loca_grp_wrp.n0402 .myPossibility_info_wrap .cont_bottom_wrap ul li br { display: none; } /*** 공지 및 FAQ ***/ .ftabcon_inner.fnotice .notice_list_wrap .notice_list > li.essential .table_td.num span { padding: 2px 6px; } .ftabcon_inner.fnotice .notice_list_wrap .notice_list > li .table_td.title dl dt::after { right: 15px; } .full_opini .evtBoard_common .t_info { right: 3%; width: 250px; top: -30px; } .totalbf_zone .level_view .level_grpwrp {padding: 34px clamp(5px,2vmin, 40px);} } @media (max-width: 840px) { /* 한줄남기기 */ .full_opini .evtBoard_common .t_info { right: 3%; width: 250px; top: -30px; } } @media all and (max-width:768px) { .mt60 {margin-top: 24px;} .my_test_series, .totalbf_zone, .testinfo_view, .fstscoring_wrp, .scorresult_wrp, .fcommnt_wrp, .commntr_view, .fnotice_wrp, .all_exam_stats_box {border-radius: 5px; padding: 20px 5px !important;} .totalbf_zone .level_view .level_grpwrp {flex-direction: column;gap:30px 0;} /* 공통메뉴 */ .full_tab ul>li>a { height: 100%; display: block;} .full_tab .menu {flex-wrap: wrap;} .full_tab .menu>li {width: calc(100% / 3);flex: unset;border-bottom: 1px solid #000;box-sizing: border-box;/* padding: 10px 5px; */} .full_tab .menu>li a{padding: 10px 5px;height: 100%;justify-content: center;display: flex;} .full_tab .menu .depth2 li a{padding: 0;} .full_tab .menu>li:last-child {/* border-right: 1px solid #000; *//* width: calc(33.333% + 1px); */} .full_tab .menu>li:nth-child(4) {border-bottom: none;border-left: none;} .full_tab .menu>li:nth-child(5) {border-bottom: none;} .full_tab .menu li img {width:min(27px,5vmin)} .full_tab .menu>li.on a span { gap: 5px;} .full_tab .menu .depth1 {gap: 5px;align-items: center;justify-content: center;/* height: 100%; */} /* 배너 */ .fulllive_bnr { top: 50%; bottom: inherit; left: 50%; right: inherit; transform: translate(-50%, -50%); width: 30%; } .countWrap { padding-bottom: 8px; } .countWrap__section { padding-top: 8px; } .countWrap .end_info { font-size: 17px; background-size: 23px, 4px; padding: 0 20px 0 30px; } .countWrap__tie-day { padding: 0 0 0 15px; } /*** 페이지 공통상단 ***/ .ftabcon_inner.pofixed { padding-top: 56px; } .ftabcon_inner .tit_wrp h4, .fcmmn_inner .tit_wrp h4, .full_opini .tit_wrp h4, .ftabcon_inner.fcommnt .tit_wrp h4 { font-size: 15px; padding-bottom: 15px; } .ftabcon_inner .tit_wrp h4::before, .fcmmn_inner .tit_wrp h4::before, .full_opini .tit_wrp h4::before, .ftabcon_inner.step3 .scorresult_wrp h4:before,.ftabcon_inner.fscoring .testinfo_view .tit_wrp h4:before { top: 3px; } .gray_tbl_wrp { flex-direction: column; } .gray_tbl_wrp .gray_tbl { width: 100%; } .gray_tbl_wrp .gray_tbl:first-of-type { margin-bottom: 10px; } .scorresult_wrp .bttn_wrp, .fstscoring_wrp .bttn_wrp { padding-top: 10px; } .difficulty_view .difficulty_grpwrp h5 { margin: 0 auto 20px; } .stk_slider { margin: 0 00 20px; } .difficulty_view .difficulty_grpwrp .sg_inner { width: auto; margin: 0 0% 6px; padding: 8px 18%; border-width: 1px; /* box-sizing: border-box; */ } .difficulty_view .difficulty_grpwrp .sg_inner:nth-child(n+3) { margin-top: 0; } .difficulty_view .difficulty_grpwrp .sg_inner .tit { position: relative; top: inherit; left: inherit; margin: 0 auto 10px; display: block; } .totalbf_zone .difficulty_view .difficulty_grpwrp .sg_inner .tbl_dim { top: 11px; } .bmb60 {margin-bottom: 24px;} .full_evt .evt_con.end h4::before { background-size: 100px; width: 100px; height: 93px; } .ftabcon_inner .tit_wrp h4, .fcmmn_inner .tit_wrp h4, .full_opini .tit_wrp h4, .ftabcon_inner.fcommnt .tit_wrp h4, .ftabcon_inner.step3 .scorresult_wrp h4,.ftabcon_inner.fscoring .testinfo_view .tit_wrp h4 { font-size: 15px; } .ftabcon_inner.fcommnt .tit_wrp h4 { margin-bottom: 10px; } .ftabcon_inner.fcommnt .tit_wrp h4::before { top: 3px; } .ftabcon_inner .bnr_zone.split a { padding: 15px 0 45px; } .ftabcon_inner .bnr_zone.split a span { height: 30px; background-size: 77px; } .ftabcon_inner .tit_wrp h4 .user_info, .fcmmn_inner .tit_wrp h4 .user_info { margin: 0; } .ftabcon_inner.step3 .myscore_preview .tble_wrp .totalbf_anno { height: calc(100% - 33.19px); } .ftabcon_inner.step3 .myscore_preview .fbasic_tbl th , .ftabcon_inner.step3 .myscore_preview .fbasic_tbl tbody td { font-size: 13px; } .ftabcon_inner.step3 .scorresult_wrp .fbasic_tbl tr th, .ftabcon_inner.step3 .scorresult_wrp .fbasic_tbl tr td { font-size: 13px; } .possibrslt_view th.myscore .scr_input { padding: 0px 0 0 10px; margin: -6px 0 0; float: right; } .possibrslt_view th.myscore .scr_input input[type="text"] { width: 65px !important; } .possibrslt_view th.myscore .scr_input a { padding: 6px 12px; font-size: 13px; margin: 0; clear: both; margin: 0 0 0 5px; } .bmb30 { margin-bottom: 15px; } .commonTab.lecTab h5, .subTab h5 { top: 16px; width: 50px; left: 20px; font-size: 13px; } .commonTab.lecTab>ul li, .subTab li { margin: 0 } .subTab li a { padding: 10px 8px !important; line-height: 1; } .commonTab.lecTab>ul, .subTab>ul { padding: 0 0 5px 68px; } .commonTab.lecTab, .subTab { padding: 5px 10px 0 10px !important; } .commntr_view .lecTab ul li a span, .subTab li a { font-size: 13px } .subTab { margin: 0 0 10px } .explana_wrap ul li .tea_btn { width: 100%; top: inherit; } .commntr_view .lectlist .down_btn {/* height: 34px; *//* padding: 2px 0 0; */border-radius: 3px;} .result_view .check_anno strong, .totalbf_zone .totalbf_anno strong, .result_view .check_anno a, .possibrslt_view .totalbf_anno strong, .fstscoring_wrp .totalbf_anno strong, .dim_view .totalbf_anno strong { font-size: 13px; } .fstscoring_wrp .totalbf_anno strong { background-size: 26px; padding: 0 0 34px; } .ftabcon_inner .selcrate_zone { margin-bottom: 40px } .ftabcon_inner .selcCombirate_zone { margin-bottom: 40px } .ftabcon_inner .predct_tit { font-size: 15px; } .ftabcon_inner .predct_tit::before { top: 2px } .possibrslt_view .fbasic_tbl tbody th.myscore { font-size: 14px; padding: 17px 15px 12px; } .loca_grp_wrp { padding: 10px 0 20px; } .fopini_write::before { width: 300px; background-size: 100%; height: 66px; top: -70px; } .subpaperdown_wrp { border-radius: 0; padding: 0; margin: 0 0 30px; background: #f8f8f8; } .subpaperdown_wrp ul li span button { background-size: 11px; width: 24px; height: 24px; } .subpaperdown_wrp ul li { width: 50%; padding: 10px 0 10px; } .subpaperdown_wrp ul li.sub_line { width: 100%; border-bottom: 1px solid #ccc; } .subpaperdown_wrp ul li.sub_line:before, .subpaperdown_wrp ul li.all_line:before { display: none } .subpaperdown_wrp ul li strong { font-size: 13px; font-weight: normal; } .subpaperdown_wrp ul li.sub_line span { display: block; width: 100%; margin: 5px 0 0; } .subpaperdown_wrp ul li.sub_line select { margin: 0; width: 81%; } .subpaperdown_wrp ul li::before { height: 100%; top: 0; margin: 0; width: 1px; } /*** 풀서비스 메인 ***/ /* 풀서비스 배너텍스트변경 */ .ban_manage_box {margin-left: 0;} /* 공통 타이틀 */ .full_tit_wrp h4 { padding-left: 10px; font-size: 18px; } .full_tit_wrp h4:before { width: 2px; height: 18px; } /* 테이블 공통 */ .full_tbl_wrap .gray_tbl th { padding: 10px 3px; font-size: 13px; } .full_tbl_wrap .gray_tbl td { padding: 10px 3px; font-size: 13px; } /* 테이블안에 아이콘 */ .tbl_icon1 { width: 100%; font-size: 13px; } /* 나의 응시 직렬 + 합격가능성 테이블(possibility_tbl1, possibility_tbl2 클래스 더 추가하면 따로가능) */ .my_test_series .tbl_top .ex_score strong { width: 130px; font-size: 15px; line-height: 30px; } .my_test_series .tbl_top .ex_score span { width: 70px; height: 30px; line-height: 30px; font-size: 15px; } .my_test_series .tbl_top .ex_score span input { width: 45px; height: 30px; line-height: 30px; font-size: 15px; } .my_test_series .tbl_top .go_link { margin-top: 6px; padding: 0 8px; font-size: 13px; line-height: 28px; } .my_test_series .tbl_top .score_wrap .ex_score { width: 208px; } .my_test_series .tbl_top .score_wrap .ex_score strong { width: auto; } .my_test_series .tbl_top .score_wrap .ex_score .tooltip_icon{ width: clamp(12px,2vmin,15px); } .my_test_series .tbl_top .score_wrap .ex_score span { height: 35px; line-height: 35px; } /* 테이블 딤 */ .tbl_dim p { width: 80%; } .tbl_dim p span {font-size: clamp(15px,2vmin,16px);font-weight: 700;} .tbl_dim p a { font-size: 15px; } .tbl_dim p span.cr_deepBlue { font-size: 18px; } .tbl_dim .icon_smile { margin-top: 15px; } .tbl_dim .icon_loading { margin-top: 15px; } .tbl_dim .icon_loading img { width: 30px; } /* 과목별 성적 분포도 영역 */ .totalbf_zone .difficulty_view .difficulty_grpwrp.dim .data_none_img .pc { display: none; } .totalbf_zone .difficulty_view .difficulty_grpwrp.dim .data_none_img .mo { display: block; } .totalbf_zone .difficulty_view .difficulty_grpwrp .sg_inner .tit { padding: 0 8px; font-size: 15px; min-width: 100px; width: auto; height: 25px; line-height: 25px; } .totalbf_zone .difficulty_view .difficulty_grpwrp .sg_inner { width: 100%; } .totalbf_zone .difficulty_view .difficulty_grpwrp .sg_inner+.sg_inner { margin-left: 0; margin-top: 20px; } .totalbf_zone .difficulty_view .difficulty_grpwrp .row_stk.scrollx_box .sg_inner+.sg_inner { margin-top: 0; margin-left: 15px; } .totalbf_zone .difficulty_view .difficulty_grpwrp .stk_slider { margin: 0; } .totalbf_zone .difficulty_view .difficulty_grpwrp .stk_grp { margin-bottom: 0; } /* 오답률 및 체감 난이도 영역 */ .totalbf_zone.v2.dim_on .tbl_dim { height: 100%; } /* 기존dim */ .totalbf_zone .totalbf_anno .agn { width: 80%; } .totalbf_zone .totalbf_anno strong { font-size: 18px; } .totalbf_zone .totalbf_anno span { font-size: 20px; } .totalbf_zone .totalbf_anno .icon_loading { margin-top: 15px; width: 30px; } /* 오답률 및 체감 난이도 영역 */ .totalbf_zone .level_view .level_grpwrp h5 { font-size: clamp(14px,2vmin,18px); margin-bottom: 1.5vmin;} .totalbf_zone .level_view .level_grpwrp .stk_grp { width: 100%; } .totalbf_zone .level_view .level_grpwrp .sg_inner { /*padding: 15px;*/ } .totalbf_zone .level_view .level_grpwrp .circle_grp { width: 100%; } .totalbf_zone .level_view .level_grpwrp .cg_inner { /*padding: 15px;*/ } .totalbf_zone .level_view .level_grpwrp .sg_inner .graph_tbl_w .full_tbl_wrap .tbl_dim { top: 76px; } .totalbf_zone.v2 .level_view .full_tit_wrp h4 { padding-left:10px; font-size: 18px; } .totalbf_zone.v2 .level_view .full_tit_wrp h4:before { width: 2px; height: 18px; } .totalbf_zone.v2 .level_view .level_grpwrp .circle_grp { width: 100%; } /* 하단텍스트 wrap */ .info_txt_w { margin-top: 10px; position: relative; } .info_txt_w .left_info { padding-top: 0; } .info_txt_w .right_info.abso_r { position: static; } /* 한줄남기기 */ .full_opini .evtBoard_common .board_write { margin: 0 4%; } .full_opini .evtBoard_common .board_notice { position: relative; margin: 5px 4% 20px; } .full_opini .evtBoard_common .board_list ul li .reply_write_area .inp_name { width: 200px; } /*** 채점하기 ***/ /* 유의사항 */ .ftabcon_inner.fscoring .testinfo_cautn { margin-bottom: 35px; padding: 3%; } .ftabcon_inner.fscoring .testinfo_cautn dl dd { font-size: 13px; } /* 기존 테이블 */ .testinfo_write .fbasic_tbl tbody th { font-size: 13px; padding: 7px 10px; } .testinfo_write .fbasic_tbl tbody td { font-size: 13px; padding: 7px 10px; } .testinfo_write .fbasic_tbl tbody td.m_addpoint label { margin-right: 8px; font-size: 13px; } .testinfo_write .fbasic_tbl tbody td.m_number input[type="text"] { width: 100%; } .testinfo_write .fbasic_tbl tbody td.m_serial select.w170 { width: 100%; } .testinfo_write .fbasic_tbl tbody td.m_serial select.w140 { width: 100%; } .testinfo_write .fbasic_tbl tbody td.m_serial select.w130 { width: 100%; } /* 개인정보 수집 이용동의 영역 */ .priva_agree li strong { font-size: 12px; } .priva_agree li span { font-size: 12px; } .priagree_btnwrp.bttn_wrp label { display: block; font-size: 12px; } .priagree_btnwrp.bttn_wrp button { margin-top: 10px; float: none; width: 100%; height: 45px; line-height: 45px; font-size: 14px; } /*** 채점하기 - 내성적표 ***/ /* 채점 결과 보기 */ .ftabcon_inner.step3 .scorresult_wrp .info_btn_wrap .bttn_wrp button { margin-top: 10px; float: none; width: 170px; height: 45px; line-height: 45px; font-size: 14px; } /* .ftabcon_inner.step3 .myscore_preview .tble_wrp .totalbf_anno { top:34px; } */ .ftabcon_inner.step3 .myscore_preview .tble_wrp .totalbf_anno strong, .ftabcon_inner.step3 .myscore_preview .tble_wrp .totalbf_anno2 strong { font-size: 18px; } /* 내 응시 정보 입력 영역 */ .ftabcon_inner.step3 .testinfo_view .bttn_wrp button { margin-top: 10px; float: none; width: 170px; height: 45px; line-height: 45px; font-size: 14px; } /*** 채점정보 수정 - 빠른 채점 하기 ***/ .ftabcon_inner.step2 .fstscoring_wrp { margin-bottom: 35px; } .ftabcon_inner.step2 .fstscoring_wrp .bttn_wrp button { margin-top: 10px; float: none; width: 170px; height: 45px; line-height: 45px; font-size: 14px; } /* 채점정보 수정 - 응시 정보 확인 영역 */ .ftabcon_inner.step2 .testinfo_view .bttn_wrp button { margin-top: 10px; float: none; width: 170px; height: 45px; line-height: 45px; font-size: 14px; } /*** 합격가능성 ***/ /* 합격가능성 - 테이블1 */ .ftabcon_inner.frealtime .my_test_series.possibility_tbl1 { margin-bottom: 35px; } /* dim - 합격가능성 - 테이블2(나의점수)+합격가능성 - 막대그래프 */ .possibility_dim_w.dim_on>.tbl_dim { top: 45px; } /* 합격가능성 - 테이블2(나의점수) */ .ftabcon_inner.frealtime .my_test_series.possibility_tbl2 .tbl_dim { top: 38px; left: 20%; } /* 합격가능성 - 막대그래프 */ .ftabcon_inner.frealtime .loca_grp_wrp.n0402 {padding: 30px;margin-bottom:0;} /* .ftabcon_inner.frealtime .loca_grp_wrp.n0402.dim_on .tbl_dim { top: -30px; } */ .ftabcon_inner.frealtime .loca_grp_wrp.n0402 strong {font-size: 12px;/* top: -49px; */min-width: 50px;} .ftabcon_inner.frealtime .loca_grp_wrp.n0402 .lgw_zone .score_num { font-size: 11px; } .ftabcon_inner.frealtime .loca_grp_wrp.n0402 .grpbox { padding: 5px 15px 13px; } .ftabcon_inner.frealtime .loca_grp_wrp.n0402 .grpbox .grp_tit { margin-bottom: 7px; font-size: 13px; } .ftabcon_inner.frealtime .loca_grp_wrp.n0402 .grpbox .grp_tit .inner ul li { font-size: 12px; } /* 합격 가능성 그래프 신버전 */ .ftabcon_inner.frealtime .loca_grp_wrp.n0402 .myPossibility_info_wrap { margin: 25px 0 0; } .ftabcon_inner.frealtime .loca_grp_wrp.n0402 .myPossibility_info_wrap .myPossibility_graph { } .ftabcon_inner.frealtime .loca_grp_wrp.n0402 .myPossibility_info_wrap .cont_bottom_wrap .cont_tit { font-size: 14px; } /* 응시자 성적 분석 */ .result_analyze_box { margin-bottom: 35px; } /* 전체 응시자 통계 */ .all_exam_stats_box { margin-bottom: 35px; } /* 지원자 전체보기 */ .all_exam_stats_box .graph_area { padding: 5% 2% 4%; } .all_exam_stats_box .graph_area .graph_box .row .left_legend { width: 45px; } .all_exam_stats_box .graph_area .graph_box .row .stick_box { width: calc(100% - 45px); } .all_exam_stats_box .graph_area .graph_box .row .stick_box .stick_list li .balloon { font-size: 12px; padding: 1px 2px; } .all_exam_stats_box .graph_area .graph_box .row .stick_box .stick_list li .balloon:before { width: 50%; } .all_exam_stats_box .graph_area .graph_box .terms_txt { width: calc(100% - 45px); } /* 최근 3개년 추이 */ .progress_view.n0402 .cautn { margin-top: 15px; } .progress_view.n0402 .cautn dt { font-size: 13px; } .progress_view.n0402 .cautn dd { font-size: 12px; } /*** 해설강의 및 총평 ***/ .commonTab.lecTab h5, .subTab h5 { top: 16px; width: 50px; left: 20px; font-size: 13px; } .commonTab.lecTab>ul li, .subTab li { margin: 0 } .commonTab > ul li { width: 100px !important;} .commonTab > ul li a{ padding: 0 0 0 10px!important;} .subTab li a { padding: 10px 8px !important; line-height: 1; } .commonTab.lecTab>ul, .subTab>ul {padding: 10px 0 10px 68px;} .commonTab.lecTab, .subTab { padding: 5px 10px 0 10px !important; } .commntr_view .lecTab ul li a span, .subTab li a { font-size: 13px } .subTab { margin: 0 0 10px } .explana_wrap ul li .tea_btn {width: 100%;top: inherit;right: auto;transform: none;} .commntr_view .lectlist .down_btn {/* height: 34px; *//* padding: 2px 0 0; *//* border-radius: 3px; */line-height: normal;margin: 0;} /*** 팝업 ***/ /* 등록한 url 팝업*/ .dim_bnrwrp_wrap .dim_popup>button { width: 30px; height: 30px; right: 0px; margin: -30px 0 0; } .dim_bnrwrp_wrap .dim_popup>button.btnToday { width: 140px; top: 0; right: 33px; height: 30px; line-height: 30px; margin: -30px 0 0; } .dim_bnrwrp_wrap .dim_popup { padding: 20px 10px 10px; box-sizing: border-box; } .dim_bnrwrp_wrap table { font-size: 13px } .dim_popup.clickPop .tit { font-size: 15px; } .dim_popup.clickPop .btnConfirm img { width: 90px } .dim_popup.clickPop .btnClose { width: 20px; height: 20px; background-size: 100% auto; } /* 당첨여부 popup */ .clickPop#my_result { padding: 0; } .full_win .gift_pop .btn a, .full_win .gift_pop .btn a { width: 235px; height: 45px; line-height: 45px; font-size: 17px; } .full_win .winPop>div h4 { font-size: 22px; } .full_win .winPop>div .img { margin: 10px auto; width: 80%; } .full_win .winPop>div .img img { width: 100%; } .full_win .winPop .tit_s { font-size: 18px; padding: 10px; } .full_win .winPop ul { margin: 15px; } .full_win .unwinPop h4 { font-size: 22px; } /*인증하기 팝업*/ .full_wrap .certifi_pop { width: 90%; font-size: 12px; -webkit-transform: translate(-50%, -50.1%); -moz-transform: translate(-50%, -50.1%); transform: translate(-50%, -50.1%); } .full_wrap .certifi_pop.w795 { width: 90%; } .full_wrap .certifi_pop .subtit { padding: 0 0 10px 15px; } .full_wrap .certifi_pop dl dt img { width: 250px; } .full_wrap .certifi_pop dl dd img { width: 320px; } .full_wrap .certifi_pop dl { margin-bottom: 20px; } .full_wrap .certifi_pop .filebox .filename { width: 99%; margin-bottom: 7px; } .full_wrap .certifi_pop .filebox .filebtn { width: 100%; height: 34px } .full_wrap .certifi_pop .filebox .filebtn label { line-height: 34px; height: 34px } .full_wrap .certifi_pop ul { padding-top: 20px } .full_wrap .certifi_pop .inpbox span input[type="text"] { height: 30px; } .full_wrap .certifi_pop .filebox .filename, .full_wrap .certifi_pop .filebox .filename input[type="text"] { height: 30px; } .full_wrap .certifi_pop .filebox { height: 70px; margin-bottom: 0 } .full_wrap .certifi_pop .filebox .filename a { top: 0; right: 0; height: 30px } .full_wrap .certifi_pop .inpbox { margin-bottom: 15px } .full_wrap .certifi_pop .inpbox span:nth-child(1), .full_wrap .certifi_pop .inpbox span:nth-child(2) { width: 99%; float: none; margin-bottom: 8px; display: block; } .full_wrap .certifi_pop ul li br { display: none } .full_wrap .certifi_pop .btn_inc_w a { width: 200px; } .full_wrap .tbl_wrp { padding: 0 15px 0; } #popupDim .content_inner { padding: 20px; } #popupDim .content_inner dl { display: block; } #popupDim .content_inner dt { width: 100%; } #popupDim .content_inner dt, #popupDim .content_inner dd { display: block; } #popupDim .content_inner dd { margin-top: 10px; } #popupDim .content_inner dd .b_txt { font-size: 24px; } .ftabcon_inner.fscoring .fstscoring_wrp .fstscoring_tit dl dd label {font-size: 14px;} select.selct_sbj{width: clamp(100px,20vmin,150px);height: clamp(25px,4vmin,30px);} .tab_result_wrap li{ height: clamp(40px, 6vmin, 50px); font-size: clamp(13px, 2vmin, 15px);} } @media (max-width:640px) { /*인증하기 팝업*/ .full_wrap .certifi_pop dl { background: none } .full_wrap .certifi_pop { width: 93% } .full_wrap .certifi_pop dl dd img { width: 300px } .full_wrap .certifi_pop .popinner { padding: 15px } .full_wrap .certifi_pop .tit { display: none } .full_wrap .certifi_pop .btn_popclo { background-size: 20px; width: 25px; height: 25px; top: -30px } .full_wrap .certifi_pop dl dt { margin-bottom: 10px } .full_wrap .certifi_pop .inpbox { margin-bottom: 5px } .full_wrap .certifi_pop ul { padding-top: 10px } .full_wrap .certifi_pop .btn_inc_w { padding: 10px 0 0 } .all_exam_stats_box .graph_area#unique .graph_box .terms_txt li { transform: rotate(-35deg); padding-left: 0 !important; position: relative; top: 8px; } } @media all and (max-width:576px) { .all_exam_stats_box .full_tbl_wrap .gray_tbl th .tooltip_box{width:200px} /* 공통메뉴 */ .full_tab .predict_nm {border-right: none;} /* 배너 */ .countWrap { padding-bottom: 8px; } .countWrap__section { padding-top: 8px; } .countWrap .end_info { font-size: 15px; background-size: 20px, 4px; padding: 0 20px 0 30px; } .countWrap__tie-day { padding: 0 0 0 15px; font-size: 19px; line-height: 28px; } /*** 페이지 공통상단 ***/ /* .ftabcon_inner.pofixed { padding-top: 54.38px; } */ .subTab>ul li a { padding: 10px 6px !important; } .gray_tbl_wrp .gray_tbl .go_link { font-size: 11px; } /* .evtBoard_common .t_info strong { margin: -20px 0 0 0; } */ .countWrap .end_info { font-size: 14px; } .countWrap__tie-day { font-size: 16px; } /* 합격가능성 - 테이블2(나의점수) */ .ftabcon_inner.step3 .myscore_preview .tble_wrp .totalbf_anno.ver2 { height: 28%; } /* 풀서비스 배너텍스트변경 */ .ban_manage_box { } .ban_manage_box .resi button { font-size: 12px; } .ban_manage_box .resi_open {width: clamp(135px,20vmin,170px);font-size: clamp(10px,1.5vmin,13px);} .ban_manage_box .tbl tr th { padding: 2px; } .ban_manage_box .resi_open td {font-size: inherit;} .ban_manage_box .resi_open td input {font-size: inherit;height: clamp(20px,6vmin,50px);line-height: clamp(20px,6vmin,50px);} .ban_manage_box .resi_open td button { font-size: 12px; } /*** 해설강의 및 총평 ***/ .subTab>ul li a { padding: 10px 6px !important; } .commonTab > ul li {} .commonTab > ul li a{} .ftabcon_inner.step3 .myscore_previewGraph {aspect-ratio: 1/.9;} .ftabcon_inner.frealtime .loca_grp_wrp.n0402.dim_on .pointer{} } @media all and (max-width:558px) { /*** 합격가능성 ***/ /* 합격가능성 - 테이블2(나의점수) */ .ftabcon_inner.frealtime .my_test_series.possibility_tbl2 .tbl_dim { top: 55px; } .ftabcon_inner.step3 .myscore_preview .tble_wrp .totalbf_anno.ver2 { height: 30%; } .all_exam_stats_box .full_tbl_wrap .gray_tbl th .tooltip_box{top: 55px;padding: 10px;font-size: 11px;width: 190px;left: -20px;} } @media all and (max-width:480px) { /* 지원자 전체보기 */ .all_exam_stats_box .graph_area .graph_box .row .left_legend { width: 37px; } .all_exam_stats_box .graph_area .graph_box .row .left_legend li { font-size: 12px; } .all_exam_stats_box .graph_area .graph_box .row .stick_box { width: calc(100% - 37px); } .all_exam_stats_box .graph_area .graph_box .row .stick_box .stick_list li .balloon { font-size: 11px; padding: 1px; } .all_exam_stats_box .graph_area .graph_box .row .stick_box .stick_list li .stick { width: 20px; } .all_exam_stats_box .graph_area .graph_box .terms_txt { width: calc(100% - 37px); } .all_exam_stats_box .graph_area .graph_box .terms_txt li { padding-left: 0; } .all_exam_stats_box.type_2 .graph_area .graph_box .row .left_legend li span { width: 37px; } } @media (max-width: 420px) { /*** 풀서비스 메인 ***/ /* 풀서비스 배너텍스트변경 */ .ban_manage_box .resi button { font-size: 10px; } .ban_manage_box .resi_open {/* width: 130px; *//* font-size: 10px; */} .ban_manage_box .resi_open td {} .ban_manage_box .resi_open td input {/* font-size: 10px; *//* height: 18px; */} .ban_manage_box .resi_open td button { font-size: 10px; } /*** 페이지 공통상단 ***/ /* 공통 타이틀 */ .full_tit_wrp h4 { font-size: 16px; } /* 나의 응시 직렬 */ .my_test_series .tbl_top .ex_score strong { width: 120px; font-size: 13px; line-height: 26px; } .my_test_series .tbl_top .ex_score span { width: 65px; height: 26px; line-height: 26px; font-size: 13px; } .my_test_series .tbl_top .ex_score span input { width: 40px; height: 24px; line-height: 24px; font-size: 13px; } .my_test_series .tbl_top .go_link { margin-top: 6px; padding: 0 8px; font-size: 12px; line-height: 24px; } /* 오답률 및 체감 난이도 영역 */ .totalbf_zone.v2 .level_view .full_tit_wrp h4 { font-size: 16px; } /* 한줄남기기 */ .full_opini .evtBoard_common .t_info { width: 218px; top: -20px; } .full_opini .evtBoard_common .board_write .inp_wrap textarea, .full_opini .evtBoard_common .board_write .inp_wrap input[type="text"] { font-size: 12px; } /*** 합격가능성 ***/ /* 합격가능성 테이블 아이콘 */ .icon_mark { width: 100%; font-size: 13px; } /* dim - 합격가능성 - 테이블2(나의점수)+합격가능성 - 막대그래프 */ .possibility_dim_w.dim_on>.tbl_dim { top: 40px; } /* 합격가능성 - 막대그래프 */ .ftabcon_inner.frealtime .loca_grp_wrp.n0402 .lgw_zone .score_num { font-size: 10px; } /* 지원자 전체보기 */ .all_exam_stats_box .graph_area .graph_box .terms_txt li { font-size: 10px; } .all_exam_stats_box .graph_area .graph_box .row .stick_box .stick_list li .balloon { font-size: 10px; } }