@charset "UTF-8";
/* 공통 */
#wrap {height: 100vh;}
.hr {background-color: #E5E7EB; height: 1px; border: 0;}
.content_flex {display: flex; flex-wrap: wrap; gap: 16px;}
.content_wrap {margin-top: 160px;}
.content_wrap:first-child {margin-top: 0;}
.mgt40 {margin-top: 40px !important;}
.mgt60 {margin-top: 60px !important;}

/* text */
h1 {font-size: 32px; line-height: 1.2; font-weight: 600;}
h2 {font-size: 20px; font-weight: 600;}
h2 span {margin-left: 8px; font-size: 20px; font-weight: 600;}
h3 {font-size: 14px; line-height: 1.6;}
.essential {margin-left: 4px; font-size: 14px; line-height: 1,4; color: #E50000;}
.dot {margin: 0 8px; color: #BCBCBC;}

/* 팝업 */
.popup{display:none; justify-content: center; align-items: center; background-color:rgba(0,0,0,0.6); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1003; }
.popup.show {display: flex;}
.popup .popup_wrap {position: relative; width: 520px; padding: 40px; background-color: #fff;}
.popup .popup_close {display: block; font-size: 0; position: absolute; top: 42px; right: 40px; z-index: 1002; text-indent: -9999px; width: 24px; height: 24px; overflow: hidden; background: url(../images/icon_close.png) no-repeat center center; background-size: 24px;}
.popup .popup_action {margin-top: 24px; display: flex; justify-content: center; gap: 8px;}
.popup .popup_action a {display: flex; justify-content: center; align-items: center; border-radius: 4px; width: 73px; height: 46px; background: #0D0D0D; color: #FFF;}
.popup .popup_action a.popup_cancel {color: #8F8F8F; background-color: #E8E8E8;}
.popup.popup_alert .popup_wrap{border-radius: 8px; width: 420px; padding: 40px 32px; box-sizing: border-box;}
.popup.popup_alert .popup_wrap .popup_text p {font-size: 16px; line-height: 1.7; color: #333; text-align: center;}
.popup.popup_wide .popup_wrap{max-width: 940px; width: calc(100% - 80px); max-height: 810px; height: calc(100% - 80px); padding: 40px; box-sizing: border-box;}
.popup .popup_title {font-size: 24px; line-height: 1.2;}
.popup .popup_cont {margin-top: 40px;}
.popup h2 {font-size: 24px; line-height: 1.2;}
.popup h3 {margin-top: 16px; font-size: 14px; line-height: 1.6; color: #5D5D5D;}


/* 툴팁 */
.ui-tooltip {margin-top: 12.5px !important; padding: 3px 6px !important; max-width: 430px !important; background:#0D0D0D !important; box-shadow: none !important; border: none !important; color: #FFF !important; cursor: pointer; white-space: nowrap;}
.ui-tooltip.pad12 {padding: 5px 12px !important; }
.ui-tooltip.arrow_left:after  {display: block; content: ''; position: absolute; left: -18px; top: 50%; margin-top: -5px; width: 0; height: 0; border-bottom: 5px solid transparent; border-top: 5px solid transparent; border-left: 10px solid transparent; border-right: 10px solid #0D0D0D;}
.ui-tooltip.arrow_bottom:after  {display: block; content: ''; position: absolute; left: 50%; bottom: -11px; margin-left: -5px; width: 0; height: 0; border-bottom: 5px solid transparent; border-top: 10px solid #0D0D0D; border-left: 5px solid transparent; border-right: 5px solid transparent;}
.ui-tooltip.arrow_top_right:after  {display: block; content: ''; position: absolute; right: 20px; top: -15px; margin-left: -5px; width: 0; height: 0; border-bottom: 5px solid #0D0D0D; border-top: 10px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent;}
.ui-tooltip.arrow_top_left:after  {display: block; content: ''; position: absolute; left: 20px; top: -15px; margin-left: -5px; width: 0; height: 0; border-bottom: 5px solid #0D0D0D; border-top: 10px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent;}
.ui-tooltip .ui-widget-content {color: #FFF !important;}
.ui-tooltip-content {color: #FFF !important; font-size: 13px !important; line-height: 1,6 !important;}

/* lnb */
#lnb {overflow-x: initial; overflow-y: auto; display: flex; flex-direction: column; justify-content: space-between; position: fixed; left: 0; top: 0; bottom: 0; margin-right: 60px; padding: 24px 0; width: 260px; border-right: 1px solid #E5E7EB; background-color: #FFF; z-index: 100;}
#lnb .lnb_wrapper {}
#lnb .lnb_top {position: relative; margin: 0 20px 24px;}
#lnb .lnb_top p {margin-bottom: 4px; line-height: 1.6; font-weight: 500; color: #5D5D5D;}
#lnb .lnb_top .lnb_logo {font-size: 20px; line-height: 1.4; font-weight: 500;}
#lnb .lnb_top span {position: absolute; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; width: 45px; height: 27px; border: 1px solid #E5E7EB; border-radius: 200px; font-size: 12px; font-weight: 400;}
#lnb .lnb_area {}
#lnb .lnb_area .lnb_wrap {padding: 24px 12px;}
/* #lnb .lnb_area .lnb_wrap li.active >a {background-color: #E1E1E1; border-radius: 4px;} */
#lnb .lnb_area .lnb_wrap li >a:hover {background-color: #F3F4F6; border-radius: 4px;} 
#lnb .lnb_area .lnb_wrap a {display: block; line-height: 1.6;}
#lnb .lnb_area .lnb_sub_title {padding: 12px 0 8px 8px; font-size: 12px; line-height: 1.5; font-weight: 500; color: #8F8F8F;}
#lnb .lnb_area .lnb_1depth_type1 {}
#lnb .lnb_area .lnb_1depth_type1 >a {padding: 12px;}
#lnb .lnb_area .lnb_1depth_type1.active >a {background-color: #E1E1E1; border-radius: 4px;}
#lnb .lnb_area .lnb_1depth_type2 >a {position: relative; padding: 12px;}
#lnb .lnb_area .lnb_1depth_type2 >a::before {position:absolute; right: 12px; top: 13px; display: block; content: ''; width: 20px; height: 20px; background: url("../images/icon_arrow_down.png") no-repeat center; background-size: 20px;}
#lnb .lnb_area .lnb_1depth_type2.active >a::before {background: url("../images/icon_arrow_up.png") no-repeat center; background-size: 20px;}
#lnb .lnb_area .lnb_1depth_type2 .lnb_2depth_wrap {overflow: hidden; max-height: 0; transition: max-height 0.35s ease-in;}
#lnb .lnb_area .lnb_1depth_type2.active .lnb_2depth_wrap {display: block; max-height: 200px; }
#lnb .lnb_area .lnb_2depth {}
#lnb .lnb_area .lnb_2depth >a {position: relative; padding: 8px 0 8px 40px;}
#lnb .lnb_area .lnb_2depth.active >a {background-color: #E1E1E1; border-radius: 4px;}
#lnb .lnb_area .lnb_2depth >a::after {position:absolute; left: 12px; top: 9px; display: block; content: ''; width: 20px; height: 20px; background: url("../images/icon_lnb_depth2.png") no-repeat center; background-size: 20px; }
#lnb .lnb_area .btn {margin: 16px 20px 0; padding: 12px; display: block; text-align: center; border-color: #8F8F8F;}
#lnb .lnb_area .btn_link {position: relative; margin-top: 24px; padding: 12px 4px; border: none; text-align: left;}
#lnb .lnb_area .btn_link::before {margin-top: -10px; position:absolute; right: 0; top: 50%; display: block; content: ''; width: 20px; height: 20px; background: url("../images/icon_link2.png") no-repeat center; background-size: 20px;}
#lnb .lnb_area .lnb_wrap li >.btn:hover {background-color: transparent;}
#lnb .lnb_login,
#lnb .lnb_logout {padding: 0 24px; display: flex; gap: 16px;}
#lnb .lnb_login a:not(:first-child) {line-height: 1.6;}
#lnb .lnb_logout a {display: block; width: 100%; position: relative; line-height: 1.6;}
#lnb .lnb_logout a::before {display: block; content: ''; width: 20px; height: 20px; position: absolute; right: 0; top: 1px; background: url("../images/icon_logout.png") no-repeat center; background-size: 20px;}


/* layout */
#container {margin-left: 260px; width: calc(100% - 260px); min-height: 100vh; overflow: auto;}
#contents {padding: 100px 60px 200px; }
#contents .wrap {margin: 0 auto; max-width: 860px; width: 100%;}
#contents .content_title {margin-bottom: 24px; display: flex; justify-content: space-between; align-items: center;}
#contents .content_title h2 {display: flex; align-items: flex-start;}
#contents .content_title .num {display: flex; justify-content: center; margin-right: 12px; width: 24px; height: 24px; font-size: 13px; line-height: 1.7; background-color: #0D0D0D; color: #FFF; border-radius: 50%;}
#contents .content_title_right {display: flex; align-items: center;}
.badge {width: fit-content; display: flex; justify-content: center; align-items: center; padding: 1px 5px; font-size: 12px; line-height: 1.6; border: 1px solid #E5E7EB; border-radius: 4px; color: #6B7280; background-color: #FFF;}
.badge.badge_blue {border-color: rgba(22, 81, 225, 0.2); color: #1651E1;}
.badge.badge_blue2 {padding: 4px 8px; border: none; background-color: rgba(22, 81, 225, 0.05); color: #1651E1; font-size: 14px; font-weight: 500;}
.badge.badge_red {border-color: rgba(229, 0, 0, 0.2); color: #E50000;}
.badge.badge_red2 {padding: 4px 8px; border: none; background-color: rgba(229, 0, 0, 0.05); color: #E50000; font-size: 14px; font-weight: 500;}
.badge.badge_gray2 {padding: 4px 8px; border: none; background-color: rgba(229, 0, 0, 0.05); color: #0D0D0D; font-size: 14px; font-weight: 500;}
.badge.badge_green {border-color: rgba(40, 165, 100, 0.2); color: #28A564;}
.badge_text {margin-left: 8px; font-size: 12px; line-height: 1.6; color: #6B7280;}
.badge_new {display: inline-block; margin-left: 8px; width: 16px; height: 16px; background: url("../images/icon_new.png") no-repeat center; background-size: 16px; text-indent: -9999px; overflow: hidden;}
.badge_lock {display: inline-block; margin-right: 8px; width: 20px; height: 20px; background: url("../images/icon_lock.png") no-repeat center; background-size: 20px; text-indent: -9999px; overflow: hidden;}
/* .tab_menu{position:relative; margin: 40px 0;}
.tab_menu ul{display: flex; height: 38px; border-bottom:1px solid #E5E7EB;}
.tab_menu ul li{flex: 1 1 auto;}
.tab_menu ul li a{display: block; border:none; height:36px; font-size:16px; line-height: 1.6; font-weight:600; text-align: center; color: #9CA3AF;}
.tab_menu ul li.active a, 
.tab_menu ul li a:hover {color: #0D0D0D; border-bottom:2px solid #0D0D0D;}
.tab_view {display: none;}
.tab_view.active {display: block;} */
.toggle_box{ border-top:1px solid #E5E7EB;}
.toggle_box dl {text-align:left;}
.toggle_box dl dt,
.toggle_box dl dd{padding: 24px;}
.toggle_box dl dt{cursor:pointer;position:relative;z-index:2;border-bottom:1px solid #E5E7EB;}
.toggle_box dl dt p {line-height: 1.6;}
.toggle_box dl dt .icon_arrow{position:absolute;width: 20px; height: 20px;right:25px;top:50%;margin-top:-10px;}
.toggle_box dl dt .icon_arrow img {width: 100%;}
.toggle_box dl dd{display:none;background-color: #F3F4F6;padding:32px 40px;line-height:1.6;}
.toggle_box dl.unfold dt .icon_arrow{transform:rotateZ(180deg);}
.toggle_box dl.unfold dd{display:block;}

/* btn */
.action {display: flex;}
.btn {display: inline-block; padding: 6px 16px; font-size: 14px; line-height: 1.6; border: 1px solid #E5E7EB; border-radius: 4px;}
/* #contents .action .btn {display: flex; justify-content: center; align-items: center;  padding: 0; height: 62px;} */
#contents .action .btn {display: block; text-align: center; padding: 20px 40px; }
.action .btn.btn_gray {background-color: #E8E8E8; color: #8F8F8F;}
.action .btn.btn_black {background-color: #0D0D0D; color: #FFF;}
.action .btn.btn_grading {position: relative;}
.action .btn.btn_grading::after {display: block; content: ''; position: absolute; left: 20px; top: 50%; margin-top: -10px; width: 20px; height: 20px; background: url("../images/icon_pencil.png") no-repeat center; background-size: 20px;}
.action .btn.btn_prediction {position: relative;}
.action .btn.btn_prediction::after {display: block; content: ''; position: absolute; left: 20px; top: 50%; margin-top: -10px; width: 20px; height: 20px; background: url("../images/icon_location.png") no-repeat center; background-size: 20px;}
.action .btn.btn_analyze {position: relative;}
.action .btn.btn_analyze::after {display: block; content: ''; position: absolute; left: 20px; top: 50%; margin-top: -10px; width: 20px; height: 20px; background: url("../images/icon_graph.png") no-repeat center; background-size: 20px;}
.action .btn.btn_prediction .ui-tooltip {margin-left: -96px; left: 50%; top: -30px; padding: 4px 12px; border-radius: 4px;}
.action .btn.btn_analyze .ui-tooltip {margin-left: -138px; left: 50%; top: -30px; padding: 4px 12px; border-radius: 4px;}
.btn.btn_line {display: inline-block; padding: 0; height: 20px; font-size: 13px; border: none; border-bottom: 1px solid #5D5D5D; border-radius: 0;; color: #5D5D5D;}
.btn.btn_file {padding: 8px 36px 8px 12px; border-radius: 2px; background-color: #F3F4F6; background-image: url("../images/icon_file.png"); background-repeat: no-repeat; background-position: right 8px center; background-size: 20px;}
.help {position: relative; display: block; width: 28px; height: 20px; overflow: hidden; text-indent: -9999px; font-size: 0; background: url(../images/icon_help.png) no-repeat right center; background-size: 20px;}

/* table */
.table_wrap {width: 100%; border-top: 1px solid #0D0D0D;}
.table_wrap table {padding-top: 1px; width: 100%; border-collapse: collapse; border-spacing: 0px; empty-cells: show; table-layout: fixed;}
.table_wrap table thead {background-color: #F3F4F6;}
.table_wrap table thead th {padding: 14px 20px; line-height: 1.3; font-weight: 300;}
.table_wrap table tbody tr {border-bottom: 1px solid #E5E7EB;}
.table_wrap table tbody th {padding: 20px; background-color: #F3F4F6;}
.table_wrap table tbody td {padding: 20px; text-align: center; line-height: 1.6;}
.table_wrap table tbody td:first-child {font-weight: 500;}
.table_wrap thead th.text_left,
.table_wrap tbody th.text_left,
.table_wrap tbody td.text_left {text-align: left;}
.table_wrap thead th.line_r,
.table_wrap tbody td.line_r {border-right: 1px solid #E5E7EB;}
.table_wrap.table_score {}
.table_wrap.table_score tbody tr {}
.table_wrap.table_score tbody th {padding: 12px; background-color: #F3F4F6; font-weight: 300; line-height: 1.3;}
.table_wrap.table_score tbody tr:nth-child(2n) th {background-color: #F3F4F6; padding: 20px 12px;}
.table_wrap.table_score tbody td {padding: 20px 12px; font-weight: 400; line-height: 1.3;}
.table_wrap.table_score tbody th:not(:last-child),
.table_wrap.table_score tbody td:not(:last-child) {border-right: 1px solid #E5E7EB;}

/* form */
.form_control {font-size:0; margin-top: 8px;}
.form_control input[type="number"] { -moz-appearance: textfield; }
.form_control input::-webkit-outer-spin-button,
.form_control input::-webkit-inner-spin-button {margin: 0; -webkit-appearance: none;appearance: none;}
.form_control .select {display: inline-block; width: 276px; font-size: 0;}
.form_control .select select {width: 100%; height:46px; padding: 12px 16px; background: url('../images/icon_dropdown.png') no-repeat right 12px center; background-size: 20px; font-size: 14px; line-height: 1.6; border: 1px solid #E5E7EB; border-radius: 2px;; -webkit-appearance: none; appearance: none; box-sizing: border-box;}
.form_control .select select::-ms-expand {display: none;}
.form_control .select select::placeholder,
.form_control .select select:invalid,
.form_control .select select option:first-child {color: #8F8F8F;}
.form_control .select select option {color: #0D0D0D;}
.form_control .select select:disabled {color: #8F8F8F; background-color: #F3F3F3;}
.form_control .select.validation {}
.form_control .select.validation select {border-color: #E50000;}
.form_control .select.validation .validation_text {display: block; margin-top: 8px; font-size: 12px; line-height: 1.6; color: #E50000;}
.form_control .text {display: flex; flex-direction: column;}
.form_control .text input[type=text],
.form_control .text input[type=number] {display:inline-block; width:276px; height: 46px; padding: 12px 16px; font-size: 14px; line-height: 1.6; border: 1px solid #E5E7EB; border-radius: 2px;box-sizing: border-box; color: #0D0D0D;}
.form_control .text input[type=text]::placeholder,
.form_control .text input[type=number]::placeholder { color: #8F8F8F; }
.form_control .text input[type=text]:disabled,
.form_control .text input[type=number]:disabled{ color: #8F8F8F; background-color: #F3F3F3; }
.form_control .text.validation input[type=text],
.form_control .text.validation input[type=number] {border-color: #E50000;}
.form_control .text.validation .validation_text {display: block; margin-top: 8px; font-size: 12px; line-height: 1.6; color: #E50000;}
.form_control .search {position: relative;}
.form_control .search input[type=text]:disabled {color: #0D0D0D; background-color: transparent;}
.form_control .search button {position: absolute; right: 12px; top: 50%; margin-top: -13px; width: 35px; height: 26px; border: 1px solid #D1D5DC; border-radius: 2px; font-size: 13px; line-height: 26px;}
.form_control .search_icon {position: relative;}
.form_control .search_icon input[type=text] {padding: 12px 30px 12px 0; width: 100%; border:none; border-bottom: 1px solid #E5E7EB;}
.form_control .search_icon button{position: absolute; right: 0; top: 50%; margin-top: -12px; width: 24px; height: 24px; text-indent: -9999px; overflow: hidden; background: url('../images/icon_search.png') no-repeat center center; background-size: 24px;}
.form_control .fake_radio {margin-right: 40px;}
.form_control .fake_radio label {padding-left: 32px; display: inline-block; vertical-align:middle; background: url('../images/icon_radio_check.png') no-repeat left center; background-size: 24px 24px; cursor: pointer; font-size:14px; line-height: 1.6;}
.form_control .fake_radio input {position: absolute; display: inline-block; overflow: hidden; clip: rect(0 0 0 0); width: 0px; height: 0px; margin: -1px; padding: 0; word-break: keep-all; white-space: nowrap; color: transparent; border: 0; text-indent: -9999px;}
.form_control .fake_radio input:checked + label {background-image: url('../images/icon_radio_checked.png');}
.form_control .fake_checkbox {margin-right: 20px;}
.form_control .fake_checkbox label {display: inline-block; padding-left: 32px; background: url('../images/icon_checkbox.png') no-repeat left center; background-size: 24px 24px;}
.form_control .fake_checkbox input {display: none; overflow: hidden; clip: rect(0 0 0 0); width: 0px; height: 0px; }
.form_control .fake_checkbox input:checked + label {background: url('../images/icon_checkbox_check.png') no-repeat left center; background-size: 24px 24px;}

/* pagenation */
.pagination {margin-top: 80px;display:flex;justify-content: center; }
.pagination a {margin: 0 2px;display: inline-block;text-align: center;width: 34px;height: 34px;line-height: 34px;font-size: 13px;border:1px solid #E5E7EB;border-radius: 2px;box-sizing: border-box;}
.pagination a.active,
.pagination a:hover {border-color: #0D0D0D;}
.pagination a.control {position: relative; display: inline-block; border:none;vertical-align: top;line-height: 1;}
.pagination a.control::before {margin-top: -12px; content: ''; position: absolute; top: 50%;display: block;width: 24px;height: 24px;}
.pagination a.control_prev{margin-right:16px;}
.pagination a.control_prev::before {left: 0;background: url('../images/icon_prev.png') no-repeat center center; background-size: 24px;}
.pagination a.control_next{margin-left:16px;}
.pagination a.control_next::before {right: 0; background: url('../images/icon_next.png') no-repeat center center; background-size: 24px;}
.pagination a.control span {position: absolute; display: inline-block; overflow: hidden; clip: react(0 0 0 0); width: 0; height: 0; margin: -1px; padding: 0; word-break: keep-all; white-space: nowrap; color: transparent; border: 0; text-indent: -9999px;}


/* tab */
.tab_box .tab_menu {position:relative;height:35px;margin:80px 0 40px;}
.tab_box .tab_menu ul {display: flex;width:100%;}
.tab_box .tab_menu ul li {flex: 1;}
.tab_box .tab_menu ul li a {display: block;border:none;width: 100%;height:35px;border-bottom:1px solid #E5E7EB;font-size:16px;line-height: 1.6;font-weight: 600;color: #9CA3AF;text-align: center;}
.tab_box .tab_menu ul li:first-child a{border-left:none;}
.tab_box .tab_menu ul li.active a, 
.tab_box .tab_menu ul li:hover a{border-bottom:2px solid #0D0D0D; color: #0D0D0D;}
.tab_box .tab_view {display: none;}
.tab_box .tab_view.active {display: block;}
.tab_box .tab_menu_small {position:relative; margin: 20px 0 24px;}
.tab_box .tab_menu_small ul {display: flex; gap: 8px;}
.tab_box .tab_menu_small li {}
.tab_box .tab_menu_small a {padding: 0 20px; display: flex; justify-content: center; align-items: center; width: fit-content; height:38px; border: 1px solid #E5E7EB; border-radius: 200px;}
.tab_box .tab_menu_small li.active a {border-color: #0D0D0D; background-color: #0D0D0D; color: #FFF;}
.tab_box .tab_menu2 {position:relative;margin:80px 0 100px;height: auto;}
.tab_box .tab_menu2 ul {display: flex; flex-wrap: wrap; width:100%;}
.tab_box .tab_menu2 ul li {flex: auto; width: 33.33%;}
.tab_box .tab_menu2 ul li a {display: block;width: 100%;height:58px;border-bottom:1px solid #E5E7EB;border-left:1px solid #E5E7EB;font-size:16px;line-height: 58px;font-weight: 600;color: #9CA3AF;text-align: center;}
.tab_box .tab_menu2 ul li:nth-child(3) a,
.tab_box .tab_menu2 ul li:last-child a {border-right: 1px solid #E5E7EB;}
.tab_box .tab_menu2 ul li:nth-child(1) a,
.tab_box .tab_menu2 ul li:nth-child(2) a,
.tab_box .tab_menu2 ul li:nth-child(3) a {border-top: 1px solid #E5E7EB;}
.tab_box .tab_menu2 ul li:first-child a{border-left: 1px solid #E5E7EB;}
.tab_box .tab_menu2 ul li.active a, 
.tab_box .tab_menu2 ul li:hover a{border-bottom: 1px solid #E5E7EB; background-color: #F3F4F6; color: #0D0D0D;}

/* section title */
.section_title {margin-bottom: 80px; padding-bottom: 80px; border-bottom: 1px solid #E5E7EB;}
#contents .edit_num p {font-size: 16px; line-height: 1.7; }
#contents .edit_num strong {margin-left: 8px; font-size: 16px; font-weight: 600;}

/* notice */
.notice_list {margin-top: 32px; padding: 32px 40px; background-color: #F3F4F6; border-radius: 8px;}
.notice_list .notice {margin-top: 12px;}
.notice_list .badge {width: fit-content; border-color: #FFF;}
.notice_list p {margin-top: 12px; line-height: 1.6;}
#contents .notice li {position: relative; margin-left: 4px; padding-left: 14px; line-height: 1.6;}
#contents .notice li:not(:first-child) {margin-top: 4px;}
#contents .notice li:after {display: block; content: ''; position: absolute; left: 0; top: 10px; width: 2px; height: 2px; border-radius: 50%; background-color: #0D0D0D;}
#contents .notice li strong {font-weight: 600;}
.notice_list.accodion {height: auto; position: relative; margin: 24px 0 40px; padding: 32px 40px; overflow: hidden;}
.notice_list.accodion.close { height: 23px; padding: 16px 40px; }
.notice_list.accodion .btn_accodion {padding: 0; position: absolute; right: 32px; top: 26px; overflow: hidden; width: 36px; height: 36px; text-indent: -9999px; background: url(../images/icon_accodion.png) center no-repeat; background-size: 20px;}
.notice_list.accodion.close .btn_accodion {top: 10px; transform: rotate(-180deg);}
.notice_list.accodion .badge {margin-bottom: 12px;}
.notice_list.accodion p {margin-bottom: 20px; line-height: 1.6;}
.notice_list.accodion strong {font-weight: 600;}
.notice_list.accodion .notice {margin: 0;}


/* 매인 */
#contents .section_main {margin-top: -40px;}
#contents .section_main_viusal {display: flex; flex-direction: column; align-items: center; padding: 120px 40px; background-color: #F3F4F6; border-radius: 20px;}
#contents .section_main_viusal img {width: 48px;}
#contents .section_main_viusal h1 {margin-top: 20px; font-size: 28px; line-height: 1.2; font-weight: 600;}
#contents .section_main_viusal p {text-align: center; margin-top: 12px; font-size: 14px; line-height: 1.6; color: #5D5D5D;}
#contents .section_main_viusal ul {display: flex; gap: 60px; margin-top: 60px;}
#contents .section_main_viusal li {}
#contents .section_main_viusal li h4 {text-align: center; font-size: 12px; line-height: 1.6; color: #5D5D5D;}
#contents .section_main_viusal li p {text-align: center; margin-top: 6px; font-size: 16px; line-height: 1.6; color: #0D0D0D;}
#contents .section_main_contents {margin-top: 60px;}
#contents .section_main_contents .action {gap: 16px;}
#contents .section_main_contents .action .btn {width: calc(50% - 8px);}
#contents .section_main_contents .content_wrap.type_section2 {display: flex; gap: 60px;}
#contents .section_main .notice {margin-top: 25px;}
#contents .mockState .table_wrap {}
#contents .mockState .table_wrap table thead th {padding: 12px 20px;}
#contents .mockState .table_wrap table thead tr:first-child th {padding: 12px 10px 0 20px;}
#contents .mockState .table_wrap table thead tr:first-child th:first-child {padding: 12px 20px;}
#contents .mockState .table_wrap table tbody tr:nth-child(2n) {background-color: #FBFBFC;}
#contents .mockRate .tab_menu {margin: 40px 0;}
#contents .mockRate .table_wrap table thead th {padding: 12px 7px;}
#contents .mockRate .table_wrap table thead th.text_left {padding: 12px 20px;}
#contents .mockRate .table_wrap table tbody tr:nth-child(2n) {background-color: #FBFBFC;} 
#contents .mockRate .table_wrap table tbody td {padding: 12px;}
#contents .mockRate .table_wrap table tbody td.text_left {padding: 12px 20px;}
#contents .myScore .table_wrap table tbody tr td {padding: 20px 14px;}
#contents .myScore .table_wrap table tbody tr:first-child td:nth-child(2) {font-weight: 500;}
#contents .myScore .table_wrap table tbody tr td.text_left {padding: 20px;}
#contents .myMockState {display: flex; gap: 20px; width: 442px;}
#contents .myMockState .content_box {flex: 1 1 auto; width: 211px; padding: 20px 24px; border: 1px solid #E5E7EB; border-radius: 8px;}
#contents .myMockState h4 {margin-bottom: 16px; font-size: 16px; line-height: 1.6; font-weight: 600; }
#contents .myMockState .content_top {display: flex; flex-direction: column; align-items: center; gap: 14px;}
#contents .myMockState .content_top p {padding-bottom: 32px; width: 100%; line-height: 1.6; color: #E50000;}
#contents .myMockState .content_top .univ {width: 52px; height: 52px;}
#contents .myMockState .content_top .univ img {width: 100%;}
#contents .myMockState .content_top ul {padding-bottom: 12px; display: flex; justify-content: center; align-items: center;}
#contents .myMockState .content_top ul li {position: relative; line-height: 1.6;}
#contents .myMockState .content_top ul li:not(:first-child) {margin-left: 8px; padding-left: 9px;}
#contents .myMockState .content_top ul li:not(:first-child)::before {display: block; content: ''; width: 1px; height: 12px; margin-top: -6px; position: absolute; left: 0; top: 50%;  background-color: #D1D5DC;}
#contents .myMockState .content_bottom {padding: 12px 0; border-top: 1px solid #E5E7EB;}
#contents .myMockState .content_bottom dl {padding-bottom: 4px; display: flex; justify-content: space-between;}
#contents .myMockState .content_bottom dt {line-height: 1.6;}
#contents .myMockState .content_bottom dd {line-height: 1.6; font-weight: 600;}
#contents .myMockState .action .btn {width: 100%; padding: 6px 0;} 


/* 채점하기 */
#contents .section_grade .content_score {margin-top: 80px;}
#contents .section_grade .content_score .table_score {margin-top: 16px;}
#contents .section_grade .action {margin-top: 80px; flex-direction: column; align-items: flex-end; gap: 10px;}
#contents .section_grade .table_wrap .btn {margin-left: 60px;}
#contents .section_grade .content_title {align-items: flex-end;}
#contents .section_grade .content_title_right {display: flex; align-items: center;}
#contents .section_grade .table_score.score_input td {padding: 0 12px;}
#contents .section_grade .table_score.score_input .form_control {margin: 0;}
#contents .section_grade .table_score.score_input .form_control .text input[type=number] {width: 50px; border: none; text-align: center;}
/* 채점하기 - 팝업 */
.grade_result .popup_cont {height: calc(100% - 70px);}
.grade_result .popup_cont .cont_top {margin-bottom: 24px; padding: 12px 20px; line-height: 1.6; background-color: #F3F3F3; border-radius: 4px;}
.grade_result .popup_cont .cont_tatble {overflow-y: auto; max-height: calc(100% - 70px); -ms-overflow-style: none;}
.grade_result .popup_cont .cont_tatble::-webkit-scrollbar{display:none}
.grade_result .popup_cont .cont_tatble table thead th {padding: 0; height: 41px;}
.grade_result .popup_cont .cont_tatble table tbody th,
.grade_result .popup_cont .cont_tatble table tbody td {padding: 0; height: 47px;}
.grade_result .popup_cont .cont_tatble table td img {width: 24px; height: 24px;}

/* 대학설정 - 개인정보입력, 모의지원 */
#contents .mock_univ {}
#contents .mock_univ h2 {margin-bottom: 32px;}
#contents .mock_univ .form_control {display: flex;}
#contents .mock_univ .form_control .fake_radio {margin: 0;}
#contents .mock_univ .fake_radio label {padding-left: 28px;}
#contents .mock_univ .box_wrap {padding: 60px; border: 1px solid #E5E7EB; border-radius: 4px;}
#contents .mock_univ .box_top {display: flex; justify-content: space-between;}
#contents .mock_univ .box_top h2 {margin: 0;}
#contents .mock_univ .box_univ {margin-top: 32px;}
#contents .mock_univ .box_univ li:not(:first-child) {margin-top: 16px;}
#contents .mock_univ .box_univ .select {width: 300px;}

/* 개인정보 입력 */
#contents .section_info {}
#contents .section_info .section_title {display: flex; justify-content: space-between; align-items: flex-end;}
#contents .section_info .content_title h3 {margin-top: 16px;}
#contents .section_info .step_wrap {}
#contents .section_info .step_wrap ul {display: flex; gap: 12px;}
#contents .section_info .step_wrap li {width: 24px; height: 24px; text-align: center; font-size: 13px; line-height: 24px; color: #8F8F8F; background-color: #F3F3F3; border-radius: 50%;}
#contents .section_info .step_wrap li.active {color: #FFF; background-color: #0D0D0D;}
#contents .section_info .content_flex:not(:first-child) {margin-top: 24px;}
#contents .section_info .form_control.wide input[type=text] {width: 568px;}
#contents .section_info .volunteer .form_control input[type=number],
#contents .section_info .volunteer .form_control .select {width: 203px;}
#contents .section_info .step3 .notice_list .btn {margin: 4px 0 16px}
#contents .section_info .step3 .notice_list {margin-top: 40px;}
#contents .section_info .agree_box {overflow: auto; height: 180px; border: 1px solid #E5E7EB; -ms-overflow-style: none;}
#contents .section_info .agree_box::-webkit-scrollbar{display:none}
#contents .section_info .agree_box .box {padding: 32px;}
#contents .section_info .agree_box .box p {line-height: 1.6;}
#contents .section_info .agree .content_flex {justify-content: space-between;}
#contents .section_info .agree .form_control {margin-top: 0;}
#contents .section_info .info_done .content_title {justify-content: flex-start; margin-bottom: 16px;}
#contents .section_info .info_done .section_wrap {margin-top: 60px;}
#contents .section_info .info_done .table_wrap table tbody th {padding: 20px 0;}
#contents .section_info .info_done .table_wrap table tbody td span:not(:last-child) {margin-right: 8px;}
#contents .section_info .info_done .badge {display: inline; margin-right: 8px;}
#contents .section_info .action {margin-top: 80px; justify-content: flex-end; gap: 8px;}
#contents .section_info .info_done .action {flex-direction: column; align-items: flex-end; gap: 10px;}
/* 개인정보 입력 - 팝업 */ 
#popupSearchUniv.popup .popup_cont {margin-top: 24px;}
#popupSearchUniv.popup .popup_cont .search_wrap {margin-top: 40px;}
#popupSearchUniv.popup .popup_cont input[type=text] {width: 100%;}
#popupSearchUniv.popup .popup_cont .search_result {margin-top: 20px; width: 100%; height: 184px; overflow: auto;  -ms-overflow-style: none;}
#popupSearchUniv.popup .popup_cont .search_result::-webkit-scrollbar{display:none}
#popupSearchUniv.popup .popup_cont .search_result ul {}
#popupSearchUniv.popup .popup_cont .search_result li {padding: 12px 0; line-height: 1.6;}
#popupSearchUniv.popup .popup_cont .search_result li:hover {font-weight: 600; text-decoration: underline;}
#popupSearchUniv.popup .popup_cont .action {justify-content: flex-end; margin-top: 20px;}
#popupSearchUniv.popup .popup_cont .action .btn {padding: 20px 40px;}
.popup_info_step1 .popup_cont .table_wrap.scroll,
.popup_info_step1 .popup_cont .table_wrap.scroll table {height: 420px;}
.popup_info_step1 .popup_cont .table_wrap.scroll thead th {width: 130px;}
.popup_info_step1 .popup_cont .table_wrap.scroll tbody {display: block; width: 520px; max-height: 380px; overflow: auto; -ms-overflow-style: none;}
.popup_info_step1 .popup_cont .table_wrap.scroll tbody::-webkit-scrollbar{display:none}
.popup_info_step1 .popup_cont .table_wrap.scroll tbody tr {display: table-row;}
.popup_info_step1 .popup_cont .table_wrap.scroll tbody tr:nth-child(2n+1) {background-color: #FBFBFC;}
.popup_info_step1 .popup_cont .table_wrap.scroll tbody td { padding: 8px 0;}
#popupGPATable.popup_info_step1 .popup_cont .table_wrap.scroll tbody td {width: 130px;}
#popupEnglishTable.popup_info_step1 .popup_cont .table_wrap.scroll tbody td {width: 173px;}
.popup_info_step3 .popup_cont .table_wrap thead th {font-size: 13px;}
.popup_info_step3 .popup_cont .table_wrap tbody tr:nth-child(2n) {background-color: #FBFBFC;}
.popup_info_step3 .popup_cont .table_wrap tbody td { padding: 0 20px; line-height: 45px; }
.popup_info_step3 .popup_cont .table_wrap tbody td:nth-child(2) {padding: 8px 20px; line-height: 1.6;}

/* 원점수 기준 학교별 합격 가능성 */
#contents .section_prediction .my_score {}
#contents .section_prediction .my_score .content_flex {justify-content: space-between; align-items: center;}
#contents .section_prediction .my_score .content_flex .content_title {margin: 0;}
#contents .section_prediction .my_score ul {display: flex;}
#contents .section_prediction .my_score li {display: flex; align-items: center;}
#contents .section_prediction .my_score li:not(:first-child) {position: relative; margin-left: 24px; padding-left: 24px;}
#contents .section_prediction .my_score li:not(:first-child)::after {position: absolute; left: 0; top: 50%; margin-top: -8px; display: block; content: ''; width: 1px; height: 16px; background-color: #D1D5DC;}
#contents .section_prediction .my_score li span {padding-right: 16px; width: 60px; font-size: 16px; line-height: 1.6;}
#contents .section_prediction .my_score li p {font-size: 36px; line-height: 1.2; font-weight: 500;}
#contents .table_possibility_wrap {margin: 40px 0;}
#contents .table_possibility_wrap table {width: 100%; }
#contents .table_possibility_wrap td {position: relative; padding: 24px; text-align: center; font-size: 16px; line-height: 1.6; border: 1px solid #FFF;}
#contents .table_possibility_wrap td.safe {background-color: #3A6FD9; color: #FFF;}
#contents .table_possibility_wrap td.appropriate {background-color: #8AB4FF;}
#contents .table_possibility_wrap td.ambitious {background-color: #D2E3FF;}
#contents .table_possibility_wrap td.risky {background-color: #F0F2F6;}
#contents .table_possibility_wrap td:hover {background-image: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));}
#contents .table_possibility_wrap td .tooltip {display: none;; position: absolute; left: 32px; top: 62px; width: 140px; padding: 16px; background-color: #FFF; border-radius: 4px; z-index: 10; box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.1);}
#contents .table_possibility_wrap td:hover .tooltip {display: block;}
#contents .table_possibility_wrap .tooltip:after {display: block; content: ''; position: absolute; left: 25px; top: -15px; margin-left: -5px; width: 0; height: 0; border-bottom: 5px solid #FFF; border-top: 10px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent;}
#contents .table_possibility_wrap .tooltip .tooltip_top {display: flex; justify-content: space-between;}
#contents .table_possibility_wrap .tooltip .tooltip_top p {font-size: 13px; line-height: 1.6;}
#contents .table_possibility_wrap .tooltip .tooltip_top span {position: relative; padding-left: 16px; font-size: 13px; line-height: 1.6; font-weight: 600;}
#contents .table_possibility_wrap .tooltip .tooltip_top span:after {position: absolute; left: 0; top: 50%; margin-top: -4px; width: 8px; height: 8px; display: block; content: '';}
#contents .table_possibility_wrap .tooltip .tooltip_bottom {margin-top: 16px; text-align: left;}
#contents .table_possibility_wrap .tooltip .tooltip_bottom p {font-size: 13px; line-height: 1.6;}
#contents .table_possibility_wrap .tooltip .tooltip_bottom ul {margin-top: 8px; padding-left: 12px; display: flex; flex-direction: column; gap: 4px; border-left: 1px solid #D1D5DC;}
#contents .table_possibility_wrap .tooltip .tooltip_bottom li {display: flex; justify-content: space-between; gap: 4px;}
#contents .table_possibility_wrap .tooltip .tooltip_bottom span {font-weight: 600;}
#contents .table_possibility_wrap span.safe:after {background-color: #3A6FD9;}
#contents .table_possibility_wrap span.appropriate:after {background-color: #8AB4FF;}
#contents .table_possibility_wrap span.ambitious:after {background-color: #D2E3FF;}
#contents .table_possibility_wrap span.risky:after {background-color: #F0F2F6;}
#contents .content_possibility span.safe:after {background-color: #3A6FD9;}
#contents .content_possibility span.appropriate:after {background-color: #8AB4FF;}
#contents .content_possibility span.ambitious:after {background-color: #D2E3FF;}
#contents .content_possibility span.risky:after {background-color: #F0F2F6;}
#contents .content_possibility .table_wrap thead tr {border-bottom: 1px solid #E5E7EB;}
#contents .content_possibility .table_wrap thead th {padding: 12px; text-align: left; font-weight: 300; line-height: 1.3;}
#contents .content_possibility .table_wrap thead th:not(:first-child) {border-left: 1px solid #E5E7EB;}
#contents .content_possibility .table_wrap tbody {}
#contents .content_possibility .table_wrap tbody td {padding: 20px; text-align: left;}
#contents .content_possibility .table_wrap tbody td:nth-child(2),
#contents .content_possibility .table_wrap tbody td:nth-child(4) {vertical-align: top;}
#contents .content_possibility .table_wrap tbody td:not(:first-child) {border-left: 1px solid #E5E7EB;}
#contents .content_possibility .table_wrap tbody td span {position: relative; padding-left: 20px; font-weight: 500; line-height: 1.6;}
#contents .content_possibility .table_wrap tbody td span:after {position: absolute; left: 0; top: 50%; margin-top: -6px; width: 12px; height: 12px; display: block; content: '';}
#contents .content_possibility .table_wrap td ul {display: flex; flex-wrap: wrap; gap: 8px; }
/* 원점수 기준 학교별 합격 가능성 - 팝업 */
#popupStandard.popup {}
#popupStandard.popup .table_wrap td {padding: 12px; line-height: 1.6;}
#popupStandard.popup .table_wrap td span {position: relative; padding-left: 24px; font-weight: 600; line-height: 1.6;}
#popupStandard.popup .table_wrap td span:after {position: absolute; left: 0; top: 50%; margin-top: -6px; width: 12px; height: 12px; display: block; content: '';}
#popupStandard.popup .table_wrap td span.safe:after {background-color: #3A6FD9;}
#popupStandard.popup .table_wrap td span.appropriate:after {background-color: #8AB4FF;}
#popupStandard.popup .table_wrap td span.ambitious:after {background-color: #D2E3FF;}
#popupStandard.popup .table_wrap td span.risky:after {background-color: #F0F2F6;}
#popupStandard.popup p {padding-top: 40px; line-height: 1.6;}
/* 원점수 기준 학교별 합격 가능성 - 성적분석 */
.section_analyze {}
.section_analyze .section_title {display: flex; align-items: flex-end; justify-content: space-between;}
#contents .section_analyze h3 {margin-bottom: 16px; font-size: 18px; line-height: 1.6; font-weight: 400;}
.section_analyze .content_analyze:last-child {margin-top: 80px;}
.section_analyze .table_wrap thead th {padding: 12px 20px; font-weight: 300;}
.section_analyze .table_wrap tbody td:first-child {font-weight: 500;}
.section_analyze .table_wrap tbody td strong {font-weight: 600;}
.section_analyze .notice {margin-top :24px;}
.section_analyze .myLocation table {}
.section_analyze .myLocation thead tr {}
.section_analyze .myLocation thead tr:first-child th {padding: 12px 0 0;}
.section_analyze .myLocation thead tr:first-child th:first-child {padding: 12px 0;}
.section_analyze .myLocation tbody tr:nth-child(2n+1) {background-color: #FBFBFC;}
.section_analyze .myLocation tbody td {padding: 12px; border-collapse: separate;}
.section_analyze .myLocation tbody tr.myScore {}
.section_analyze .myLocation tbody tr.myScore td {position: relative; border-top: 1px solid #1651E1; border-bottom: 1px solid #1651E1; border-collapse: separate; background-color: rgba(22, 81, 225, 0.05);}
.section_analyze .myLocation tbody tr.myScore td:first-child {border-left: 1px solid #1651E1;}
.section_analyze .myLocation tbody tr.myScore td:last-child {border-right: 1px solid #1651E1;}
.section_analyze .myLocation tbody tr.myScore td:last-child:after {margin-top: -13px; padding: 2px 6px; display: block; position: absolute; right: -59px; top: 50%; display: block; content: '내위치'; background-color: #1651E1; color: #FFF; border-radius: 4px; font-size: 13px; line-height: 1.6; font-weight: 500;}
.section_analyze .myLocation tbody tr.myScore td:last-child:before  {display: block; content: ''; position: absolute; right: -17px; top: 50%; margin-top: -5px; width: 0; height: 0; border-bottom: 5px solid transparent; border-top: 5px solid transparent; border-left: 10px solid transparent; border-right: 10px solid #1651E1;}

/* 모의지원 기준 합격예측 */
.section_prediction.mock {}
.section_prediction.mock .section_title {padding: 0; border: none;}
.section_prediction.mock .action {margin-top: 40px; justify-content: flex-end; gap: 8px;}
.section_prediction.mock .content_box li {padding: 60px 30px 80px 0; display: flex; justify-content: space-between;}
.section_prediction.mock .content_box li:not(:first-child) {border-top: 1px solid #E5E7EB;}
.section_prediction.mock .content_left {display: flex;}
.section_prediction.mock .content_left .rank {width: 120px; font-size: 20px; font-weight: 600; color: #BCBCBC;}
.section_prediction.mock .content_left .univ {}
.section_prediction.mock .content_left .univ_logo {width: 60px;}
.section_prediction.mock .content_left .univ_logo img {width: 100%;}
.section_prediction.mock .content_left .univ p {margin-top: 16px; font-size: 36px; line-height: 1.2; font-weight: 500;}
.section_prediction.mock .content_left .univ span {display: block; margin-top: 8px; line-height: 1.6; color: #6B7280;}
.section_prediction.mock .content_right {}
.section_prediction.mock .content_right dl {display: flex; align-items: flex-start;}
.section_prediction.mock .content_right dl.average_score {margin-top: 17px;}
.section_prediction.mock .content_right dt {width: 110px; line-height: 1.6;}
.section_prediction.mock .content_right dd {position: relative; width: 260px;}
.section_prediction.mock .content_right .progress {position: absolute; appearance: none; margin: 7px 0;}
.section_prediction.mock .content_right .progress::-webkit-progress-bar {background: transparent; border-radius: 0 40px 40px 0; border: none; height: 7px; width: 260px; overflow: hidden;}
.section_prediction.mock .content_right .progress::-webkit-progress-value {background: #0F3971; border-radius: 0 40px 40px 0; height: 7px;}
.section_prediction.mock .content_right .progress.average::-webkit-progress-value {background: #E8E8E8; border-radius: 0 40px 40px 0; height: 7px;}
.section_prediction.mock .content_right dd span {display: block; padding-top: 26px;}
.section_prediction.mock .my_score dd span {font-weight: 600;}
.section_prediction.mock .average_score dd span {}
/* 모의지원 기준 합격예측 - 결과분석 */
.section_prediction.analyze {}
.section_prediction.analyze .content_univ {position: relative; margin-bottom: 80px; padding: 100px 80px 60px; border: 1px solid #E5E7EB; border-radius: 4px;}
.section_prediction.analyze .content_univ .badge {position: absolute; right: 20px; top: 20px;}
.section_prediction.analyze .content_univ .univ {display: flex; flex-direction: column; align-items: center;}
.section_prediction.analyze .content_univ .univ_logo {width: 80px;}
.section_prediction.analyze .content_univ .univ_logo img {width: 100%;}
.section_prediction.analyze .content_univ .univ p {margin-top: 16px; font-size: 24px; line-height: 1.2;}
.section_prediction.analyze .content_univ .univ span {margin-top: 4px; line-height: 1.6; color: #6B7280;}
.section_prediction.analyze .content_univ ul {display: flex; justify-content: space-between; margin-top: 40px; padding-top: 32px; border-top: 1px solid #E5E7EB;}
.section_prediction.analyze .content_univ li {flex: 1;}
.section_prediction.analyze .content_univ li span {display: block; text-align: center; line-height: 1.6;}
.section_prediction.analyze .content_univ li p {margin-top: 8px; text-align: center; font-size: 24px; line-height: 1.2; font-weight: 700;}
.section_prediction.analyze .section_title {margin: 0; padding-bottom: 20px; display: flex; justify-content: space-between; align-items: flex-end; border: none;}
.section_prediction.analyze .content_wrap:first-child .content_analyze:last-child {margin-top: 40px;}
.section_prediction.analyze .notice_list.accodion {margin: 24px 0;}
.section_prediction.analyze .table_wrap {}
.section_prediction.analyze .table_wrap thead th {padding: 12px 20px;}
.section_prediction.analyze .table_wrap tbody td .badge {margin: 0 auto;}
/* .section_prediction.analyze .table_wrap.result tbody tr:first-child td {padding: 12px 20px;} */
.section_prediction.analyze .table_wrap.result tbody tr:last-child td {padding: 16px 20px;}
.section_prediction.analyze .table_wrap.type thead tr th {padding: 10px 20px;}
.section_prediction.analyze .table_wrap.type thead tr:first-child th {padding: 12px 20px 0;}
.section_prediction.analyze .table_wrap.type thead tr:first-child th:first-child,
.section_prediction.analyze .table_wrap.type thead tr:first-child th:nth-child(2),
.section_prediction.analyze .table_wrap.type thead tr:first-child th:last-child {padding: 12px 20px;}
.section_prediction.analyze .content_wrap.possibility .notice_list .badge_gray {margin-top: 20px;}
.section_prediction.analyze .content_graph {padding: 60px; border: 1px solid #E5E7EB; border-radius: 4px;}
.section_prediction.analyze .content_graph:not(:first-child) {margin-top: 24px;}
.section_prediction.analyze .content_graph .content_top {display: flex; justify-content: space-between;}
.section_prediction.analyze .content_graph .content_top p {font-size: 16px; line-height: 1.6;}
.section_prediction.analyze .content_graph .content_top p:not(:first-child) {margin-top: 8px;}
.section_prediction.analyze .content_graph .content_top p strong {font-size: 16px; line-height: 1.6;  font-weight: 600;}
.section_prediction.analyze .content_graph .content_top p .badge {display: inline-block; margin-left: 8px;}
.section_prediction.analyze .content_graph .graph_label {display: flex; gap: 20px;}
.section_prediction.analyze .content_graph .graph_label li {}
.section_prediction.analyze .content_graph .graph_label span {position: relative; padding-left: 24px; font-size: 12px; line-height: 1.6;}
.section_prediction.analyze .content_graph .graph_label span:after {position: absolute; left: 0; top: 50%; display: block; content: ''; width: 16px;}
.section_prediction.analyze .content_graph .graph_label .p_area:after {margin-top: -6px; height: 12px; background-color: #D3D6DC;}
.section_prediction.analyze .content_graph .graph_label .my_score:after {margin-top: -1px; height: 2px; background-color: #1651E1;}
.section_prediction.analyze .content_graph .graph_box {margin-top: 145px; display: flex; justify-content: space-between; position: relative;}
.section_prediction.analyze .content_graph .progress {position: absolute; left: 1px; appearance: none; width: calc(100% - 2px);}
.section_prediction.analyze .content_graph .progress::-webkit-progress-bar {border-radius: 0; border: none; height: 20px; }
.section_prediction.analyze .content_graph .progress::-webkit-progress-value {border-radius: 0; height: 20px;}
.section_prediction.analyze .content_graph .progress.average::-webkit-progress-bar {background: #D3D6DC; overflow: hidden;}
.section_prediction.analyze .content_graph .progress.average::-webkit-progress-value {background: #F3F4F6;}
.section_prediction.analyze .content_graph .progress.my::-webkit-progress-bar  {background: transparent;}
.section_prediction.analyze .content_graph .progress.my::-webkit-progress-value {background: transparent; border-right: 2px solid #1651E1;}
.section_prediction.analyze .content_graph .tooltip {margin-left: -44px; padding: 8px 12px; width: 60px; position: absolute; left: 0; top: -69px; display: block; content: ''; background-color: #1651E1; color: #FFF; border-radius: 4px; line-height: 1.3; font-weight: 500; text-align: center;}
.section_prediction.analyze .content_graph .tooltip strong {font-weight: 600; color: #FFF;}
.section_prediction.analyze .content_graph .tooltip:after {display: block; content: ''; position: absolute; left: 50%; bottom: -12px; margin-left: -5px; width: 0; height: 0; border-bottom: 6px solid transparent; border-top: 6px solid #1651E1; border-left: 5px solid transparent; border-right: 5px solid transparent;}
.section_prediction.analyze .content_graph .text_left,
.section_prediction.analyze .content_graph .text_right {padding-top: 40px;}
.section_prediction.analyze .content_graph .text_left {padding-left: 8px; border-left: 1px solid #D1D5DC;}
.section_prediction.analyze .content_graph .text_right {padding-right: 8px; text-align: right; border-right: 1px solid #D1D5DC;}
.section_prediction.analyze .competitor table {}
.section_prediction.analyze .competitor thead tr {}
.section_prediction.analyze .competitor thead th {padding: 12px 0;}
.section_prediction.analyze .competitor tbody td {padding: 12px; border-collapse: separate;}
.section_prediction.analyze .competitor tbody tr.myScore {}
.section_prediction.analyze .competitor tbody tr.myScore td {position: relative; border-top: 1px solid #1651E1; border-bottom: 1px solid #1651E1; border-collapse: separate; background-color: rgba(22, 81, 225, 0.05);}
.section_prediction.analyze .competitor tbody tr.myScore td:first-child {border-left: 1px solid #1651E1;}
.section_prediction.analyze .competitor tbody tr.myScore td:last-child {border-right: 1px solid #1651E1;}
.section_prediction.analyze .competitor tbody tr.myScore td:last-child:after {margin-top: -13px; padding: 2px 6px; display: block; position: absolute; right: -59px; top: 50%; display: block; content: '내위치'; background-color: #1651E1; color: #FFF; border-radius: 4px; font-size: 13px; line-height: 1.6; font-weight: 500;}
.section_prediction.analyze .competitor tbody tr.myScore td:last-child:before  {display: block; content: ''; position: absolute; right: -17px; top: 50%; margin-top: -5px; width: 0; height: 0; border-bottom: 5px solid transparent; border-top: 5px solid transparent; border-left: 10px solid transparent; border-right: 10px solid #1651E1;}
.section_prediction.analyze .major {}
.section_prediction.analyze .major h3 {font-size: 16px;}
.section_prediction.analyze .major .content_flex {flex-wrap: nowrap;}
.section_prediction.analyze .major .content_flex h3 {margin: 16px 0 24px;}
.section_prediction.analyze .major tbody td {padding: 12px 0;}
.section_prediction.analyze .major tbody td.text_left {padding: 12px 20px;}
.section_prediction.analyze .major tbody tr:nth-child(2n) {background-color: #FBFBFC;}
.section_prediction.analyze .major tbody tr.myScore td {position: relative; border-top: 1px solid #1651E1; border-bottom: 1px solid #1651E1; border-collapse: separate; background-color: rgba(22, 81, 225, 0.05); font-weight: 600;}
.section_prediction.analyze .major tbody tr.myScore td:first-child {border-left: 1px solid #1651E1; font-weight: 500;}
.section_prediction.analyze .major tbody tr.myScore td:last-child {border-right: 1px solid #1651E1;}
.section_prediction.analyze .major .content_title {margin-top: 80px;}
.section_prediction.analyze .content_wrap.major .notice_list .badge_gray {margin: 0;}
.section_prediction.analyze .content_wrap.major .notice_list p {margin-bottom: 12px;}
.section_prediction.analyze .local .content_title {margin-top: 40px;}
.section_prediction.analyze .local h3 {font-size: 18px;}
.section_prediction.analyze .local tbody td {padding: 12px;}
.section_prediction.analyze .local tbody td:first-child {font-weight: 400;}
.section_prediction.analyze .local .table_wrap.state td:last-child {font-weight: 600;}
.section_prediction.analyze .local .table_wrap:last-child {margin-top: 40px;}
/* 모의지원 기준 합격예측 - 전체 모의지원자 현황 */
.section_prediction.state .section_title {display: flex; justify-content: space-between; align-items: flex-end; margin: 0; padding: 0; border: none;}
.section_prediction.state .tab_box .tab_menu_small {margin-top: 60px;}
.section_prediction.state .table_wrap tbody tr:nth-child(2n + 1) {background-color: #FBFBFC;}
.section_prediction.state .table_wrap tbody td.text_left {font-weight: 500;}
.section_prediction.state .table_wrap thead th,
.section_prediction.state .table_wrap tbody td {padding: 12px 20px;}
.section_prediction.state .table_wrap.mock {}
.section_prediction.state .table_wrap.mock thead th {padding: 12px 6px;}
.section_prediction.state .table_wrap.mock thead tr:first-child th {padding: 12px 0 0;}
.section_prediction.state .table_wrap.mock thead tr:nth-child(2) th:first-child,
.section_prediction.state .table_wrap.mock thead tr th.text_left {padding: 12px 20px;} 
.section_prediction.state .table_wrap.record table {display: none;}
.section_prediction.state .table_wrap.record table.active {display: table;}
.section_prediction.state .table_wrap.record thead th {padding: 12px 6px;}
.section_prediction.state .table_wrap.record thead tr:first-child th {padding: 12px 0 0;}
.section_prediction.state .table_wrap.record thead tr th.text_left {padding: 12px 20px;} 

/* 정성요소 반영 합격예측 - 전체모의지원자 스펙 확인 */
.section_prediction.quality .section_title {display: flex; justify-content: space-between; align-items: flex-end; margin: 0; padding: 0; border: none;}
.section_prediction.quality .tab_box .tab_menu {margin: 80px 0 60px;}
.section_prediction.quality .notice_list .btn.btn_line {margin-top: 28px;}
.section_prediction.quality .table_wrap.state thead tr th {padding: 12px 0;}
.section_prediction.quality .table_wrap.state thead tr:first-child th {padding: 12px 0 0;}
.section_prediction.quality .table_wrap.state {}
.section_prediction.quality .table_wrap.state tbody tr:nth-child(2n + 1) {background-color: #FBFBFC;}
.section_prediction.quality .table_wrap.state thead tr th.text_left,
.section_prediction.quality .table_wrap.state tbody tr td.text_left {padding: 12px 0 12px 20px;}
.section_prediction.quality .table_wrap.state tbody tr td {padding: 12px 0;}
.section_prediction.quality .table_wrap.state tbody tr td img {width: 20px;}
.section_prediction.quality .table_wrap.state tbody tr.no_data {background-color: #FBFBFC;}
.section_prediction.quality .table_wrap.state tbody tr.no_data td:first-child {background-color: #FFF;}
.section_prediction.quality .table_wrap.state tbody tr.no_data td .badge {margin: 8px auto 0;}
/* 정성요소 반영 합격예측 - 합격가능성 */
.section_prediction.possibility .section_title {margin: 0; padding: 0; border: none;}
.section_prediction.possibility .notice_list {}
.section_prediction.possibility .notice_list p {margin-bottom: 12px;}
.section_prediction.possibility .notice_list .notice li {}
.section_prediction.possibility .standard {margin-right: 12px; display: inline-block; width: 8px; height: 8px; border-radius: 50%; overflow: hidden; text-indent: -9999px; }
.section_prediction.possibility .standard.green {background-color: #28A564;}
.section_prediction.possibility .standard.yellow {background-color: #FDD252;}
.section_prediction.possibility .standard.red {background-color: #E50000;}
.section_prediction.possibility .univ {margin: 80px 0; padding: 80px 0 60px; display: flex; flex-direction: column; justify-content: center; align-items: center; border: 1px solid #5D5D5D; border-radius: 4px;}
.section_prediction.possibility .univ .univ_logo {width: 80px;}
.section_prediction.possibility .univ .univ_logo img {width: 100%;}
.section_prediction.possibility .univ p {margin-top: 16px; font-size: 24px; line-height: 1.2;}
.section_prediction.possibility .univ span {margin-top: 4px; line-height: 1.6; color: #6B7280;}
.section_prediction.possibility .my_analyze {display: flex; flex-wrap: wrap; gap: 20px;}
.section_prediction.possibility .my_analyze li {width: calc(25% - 15px); display: inline-block; box-sizing: border-box; position: relative; padding: 68px 24px 32px; border: 1px solid #E5E7EB; border-radius: 4px;}
.section_prediction.possibility .my_analyze li:nth-child(2) {padding: 42px 24px 32px;}
.section_prediction.possibility .my_analyze .standard {position: absolute; left: 24px; top: 32px; width: 12px; height: 12px; border-radius: 50%; overflow: hidden; text-indent: -9999px;}
.section_prediction.possibility .my_analyze .standard.green {background-color: #28A564;}
.section_prediction.possibility .my_analyze .standard.yellow {background-color: #FDD252;}
.section_prediction.possibility .my_analyze .standard.red {background-color: #E50000;}
.section_prediction.possibility .my_analyze .content_top {}
.section_prediction.possibility .my_analyze .content_top dt {margin-bottom: 4px; font-size: 16px; line-height: 1.6; font-weight: 600; color: #5D5D5D;}
.section_prediction.possibility .my_analyze .content_top dd {font-size: 24px; line-height: 1.2; font-weight: 700;}
.section_prediction.possibility .my_analyze .content_bottom {margin-top: 32px;}
.section_prediction.possibility .my_analyze .content_bottom dt {line-height: 1.6;color: #5D5D5D;}
.section_prediction.possibility .my_analyze .content_bottom dd {line-height: 1.6; font-weight: 600;}
.section_prediction.possibility .section_wrap:not(:first-child) {margin-top: 80px;}
.section_prediction.possibility h3 {font-size: 16px;}
.section_prediction.possibility .table_wrap {margin-top: 24px;}
.section_prediction.possibility .table_wrap thead th {padding: 12px;}
.section_prediction.possibility .table_wrap thead tr th.text_left,
.section_prediction.possibility .table_wrap tbody tr td.text_left {padding: 12px 20px;}
.section_prediction.possibility .table_wrap tbody tr:nth-child(2n) {background-color: #FBFBFC;}
.section_prediction.possibility .table_wrap tbody tr td {padding: 12px;}

/* 고객센터 */
.section_customer {}
.section_customer .section_title {margin-bottom: 24px; padding: 0; border: none;}
.section_customer .form_control {display: flex; justify-content: flex-end;}
.section_customer .form_control .search_icon { width: 160px;}
.section_customer .form_control .search_icon input[type=text] {padding: 13px 12px 13px 16px; border: 1px solid #E5E7EB;}
.section_customer .form_control .search_icon button {right: 12px;}
.section_customer .table_wrap {}
.section_customer .table_wrap thead th {padding: 12px 20px;}
.section_customer .table_wrap tbody td {padding: 20px;}
.section_customer .table_wrap tbody td:first-child {font-weight: 400;}
.section_customer .table_wrap tbody td.title {}
.section_customer .table_wrap tbody td.title a {line-height: 1.6; font-weight: 500;}
.section_customer .table_wrap tbody td.title a:hover {text-decoration: underline; text-underline-offset: 4px;text-decoration: underline solid 1px;}
.section_customer .table_wrap tbody td.title .badge_new {position: relative; top: 3px;}
.section_customer .table_wrap tbody td.title .badge_lock {position: relative; top: 4px;}
.section_customer .table_wrap tbody td.date {color: #8F8F8F;}
/* 고객센터 - 글보기 */
.section_customer.view {} 
.section_customer.view .section_title {margin-bottom: 32px;} 
.section_customer.view .table_wrap thead th {padding: 20px;}
.section_customer.view .table_wrap thead th.date {padding: 20px 26px; color: #8F8F8F;}
.section_customer.view .table_wrap tbody td.editor {padding: 40px 20px;}
.section_customer.view .table_wrap tbody td.editor,
.section_customer.view .table_wrap tbody td.editor * {line-height: 1.6;}
.section_customer.view .table_wrap .file_wrap {display: flex; flex-wrap: wrap; gap: 8px;}
.section_customer.view .table_wrap.answer tbody td {background-color: #FBFBFC;}
.section_customer.view .table_wrap.answer tbody h2 {margin-bottom: 36px; font-size: 18px; font-weight: 500;}
.section_customer.view tbody td .form_control:first-child {margin-top: 0;}
.section_customer.view .form_control {justify-content: flex-start; align-items: center; gap: 20px;}
.section_customer.view .form_control .search button {width: 57px;}
.section_customer.view .form_control span {margin-left: -12px; font-size: 12px; color: #8F8F8F;}
.section_customer.view .table_wrap tbody td .editor_box {text-align: left; height: 480px; overflow-y: auto;}
.section_customer.view .action {margin-top: 40px; justify-content: flex-end; gap: 8px;}
/* 고객센터 - 공지사항 */
.section_customer.notice {}
.section_customer.notice .search_wrap {margin-bottom: 20px;}
/* 고객센터 - qna */
.section_customer.qna .search_wrap {margin-bottom: 20px;}
.section_customer.qna .action {margin-top: -48px; justify-content: flex-end;}
/* 고객센터 - faq */
.section_customer.faq .search_wrap {margin-bottom: 24px;}


/* 인증센터 */
.section_auth {}
.section_auth .section_title {display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 32px; padding: 0; border: none;}
.section_auth .section_title .btn {height: 19px; padding: 6px 16px; font-size: 13px; color: #0D0D0D;}
.section_auth .notice_list {margin: 0;}
.section_auth .notice_list p {font-weight: 500;}
.section_auth .section_auth_contents {margin-top: 80px;}
.section_auth.main .content_flex {flex-wrap: wrap; gap: 20px;}
.section_auth .content_flex .box_wrap {display: block; padding: 40px; width: calc(50% - 10px); border: 1px solid #E5E7EB; box-sizing: border-box;}
.section_auth .content_flex .state_wrap {padding: 20px 0 60px; display: flex; align-items: center; gap: 16px;}
.section_auth .content_flex .state_wrap ul {display: flex; align-items: center; gap: 16px;}
.section_auth .content_flex .state_wrap ul li {display: flex; align-items: center; gap: 8px;}
.section_auth .content_flex .action .btn {width: 100%;}
#contents .section_auth .content_title {justify-content: flex-end;}
.section_auth .section_auth_contents .content_wrap.line {margin: 0 0 40px; padding: 40px 0; border-top: 1px solid #E5E7EB; border-bottom: 1px solid #E5E7EB;}
.section_auth .section_auth_contents .content_flex:not(:first-child) {margin-top: 40px;}
.section_auth .section_auth_contents .form_control .search button {width: 57px;}
.section_auth .section_auth_contents .notice {display: inline-block; margin-top: 8px; font-size: 12px; line-height: 1.6; color: #8F8F8F;}
.section_auth .section_auth_contents .table_wrap:not(:first-child) {margin-top: 40px;}
.section_auth .section_auth_contents .table_wrap thead th {border-bottom: 1px solid #E5E7EB;}
.section_auth .section_auth_contents .table_wrap thead th,
.section_auth .section_auth_contents .table_wrap tbody th,
.section_auth .section_auth_contents .table_wrap tbody td {padding: 20px;}
.section_auth .section_auth_contents .type_wrap {display: flex;}
.section_auth .section_auth_contents .type_wrap:first-child {margin-bottom: 40px; padding-bottom: 60px; border-bottom: 1px solid #E5E7EB;}
.section_auth .section_auth_contents .type_wrap:last-child {padding-bottom: 20px;}
.section_auth .section_auth_contents .type_wrap h2 {width: 292px; font-size: 24px; line-height: 1.2; font-weight: 700;}
.section_auth .section_auth_contents .action {margin-top: 40px; justify-content: flex-end; gap: 10px;}
.section_auth.main .section_auth_contents .action {margin-top: 0;}

/* 이용 가이드 */
.section_guide {}
.section_guide .section_title {padding: 0; border: none;}
#contents .section_guide .content_title {margin: 0; padding-bottom: 40px; border-bottom: 1px solid #E5E7EB;}
.section_guide .content_title h2 {font-size: 24px; line-height: 1.2; font-weight: 700;}
.section_guide .img_box {}
.section_guide .img_box:not(:last-child) {margin-bottom: 160px;}
.section_guide .img_box img {width: 100%;}
.section_guide .img_box img:not(:first-child) {margin-top: 80px;}