:root {
    --main_color: #588AFF;
    --sub_color: #225AC6;
    --gray_text_1: #BCBCBC;
    --gray_text_2: #525252;
}

.container {max-width: 1200px; width: 100%; margin: 0 auto;}
.panel {border-top: 2px solid #000;}
.sub_wrap {padding-top: 100px;}
.page_title {margin-bottom: 20px;}
.page_title h3 {font-size: 20px; font-weight: 700;}

.mo {display: none;}

.common_title {text-align: center; margin-bottom: 60px; margin-top: 160px;}
.common_title h3 {font-size: 44px; font-weight: 600;}
.common_title p {font-size: 20px; color: #565656; margin-top: 24px;}
.common_title p b {font-weight: 700; color: var(--sub_color);}


/* header */

#header {position: fixed; z-index: 1000; width: 100%; transition: all 0.3s; background: #fff; border-bottom: 1px solid #E8E8E8;}
#header .white {display: none;}
#header .box {padding: 0px 100px; display: flex; align-items: center; justify-content: space-between; width: 100%; box-sizing: border-box; max-width: 1920px; margin: 0 auto;}
#header .box .content {display: flex; align-items: center; gap: 143px;}
#header .box .content .gnb nav ul {display: flex; align-items: center; gap: 64px;}
#header .box .content .gnb nav ul li {display: flex; align-items: center;}
#header .box .content .gnb nav ul li a {width: 92px; display: block; padding: 35px 0px; line-height: 1.5; font-size: 20px; font-weight: 700; position: relative; text-align: center;}
#header .box .content .gnb nav ul li a::after {display: block; width: 0%; transition: all 0.3s; height: 4px; position: absolute; bottom: 0; left: 0; content: ''; background: var(--main_color);}
#header .box .content .gnb nav ul li.active a::after,
#header .box .content .gnb nav ul li a:hover::after {display: block; width: 100%;}
#header .box .content .gnb nav ul li:last-child {font-size: 0; line-height: 0;}
#header .box .content .gnb nav ul li #all_nav {font-size: 0; line-height: 0;}
#header .box .content .gnb nav ul li #all_nav.on .white {display: none;}
#header .box .content .gnb nav ul li #all_nav.on .black {display: block;}
#header .box .user {display: flex; align-items: center;}
#header .box .user .divide {width: 1px; background: #E8E8E8; height: 14px; margin: 0px 20px;}
#header .box .user .mypage {position: relative;}
#header .box .user .mypage a {display: flex; align-items: center; gap: 8px; font-size: 17px; font-weight: 700;}
#header .box .user .mypage a.on img {transform: rotate(180deg);}
#header .box .user .mypage a p {color: #2C2825;}
#header .box .user .mypage a span {font-weight: 400; color: #2C2825;}
#header .box .user .mypage .dropdown {display: none; top: 30px; position: absolute; left: 50%; transform: translateX(-50%); background: #588AFF; border-radius: 4px; box-sizing: border-box; padding: 24px 34px;}
#header .box .user .mypage .dropdown a {font-size: 17px; color: #fff; font-weight: 700;}

#header .gnb_dropdown {position: absolute; display: none; left: 0; top: 100px; background: #fff; padding: 30px 100px; box-sizing: border-box; width: 100%; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
#header .gnb_dropdown .box_2 {display: flex; gap: 143px;}
#header .gnb_dropdown .position {width: 248px;}
#header .gnb_dropdown ul {display: flex; gap: 64px;}
#header .gnb_dropdown ul li {width: 92px; display: flex; flex-direction: column; gap: 24px;}
#header .gnb_dropdown ul li a {font-size: 17px; transition: all 0.3s; white-space: nowrap;}
#header .gnb_dropdown ul li a:hover {text-decoration: underline;}
 
#header .box .user .util {display: flex; gap: 14px;}
#header .box .user .util a {padding: 10px 12px; display: flex; align-items: center; gap: 4px; font-size: 17px; border-radius: 100px;}
#header .box .user .util .login {background: #225AC6; color: #fff;}
#header .box .user .util .join {background: #283446; color: #fff;}

#header.main_header {background: none; border-color: rgba(255, 255, 255, 0.40);}
#header.main_header .box {}
#header.main_header .white {display: block;}
#header.main_header .black {display: none;}
#header.main_header .box .content .gnb nav ul li a {color: #fff;}
#header.main_header .box .content .gnb nav ul li a::after {background: #fff;}
#header.main_header .box .user .mypage a p {color: #fff;}
#header.main_header .box .user .mypage a p span {color: #fff;}

#header.fixed {background: #fff; border-bottom: 1px solid #E8E8E8;}
#header.fixed .box {border-color: #E8E8E8;}
#header.fixed .white {display: none;}
#header.fixed .black {display: block;}
#header.fixed .box .content .gnb nav ul li a {color: #131313;}
#header.fixed .box .content .gnb nav ul li a::after {background: var(--sub_color);}
#header.fixed .box .user .mypage a p {color: #2C2825;}
#header.fixed .box .user .mypage a p span {color: #2C2825;}


/* footer */

#footer .top {border-bottom: 1px solid #E2E2E2; border-top: 1px solid #E8E8E8;}
#footer .top .container {display: flex; align-items: center; justify-content: space-between; padding: 15px;}
#footer .top .util ul {display: flex; align-items: center;}
#footer .top .util ul li {margin-right: 20px; padding-right: 20px; border-right: 1px solid #E2E2E2;}
#footer .top .util ul li:last-child {margin-right: 0; padding-right: 0; border-right: 0;}
#footer .top .util ul li a {font-size: 15px; font-weight: 700; color: #888;}
#footer .top .partner {position: relative; width: 100%; max-width: 210px;}
#footer .top .partner .value {font-size: 15px; height: 41px; color: #222; font-weight: 400; padding: 9px 20px; background: url(../img/partner_arrow.svg) #fff no-repeat center right 20px; border: 1px solid #E8E8E8; border-radius: 100px; box-sizing: border-box; cursor: pointer; display: flex; align-items: center;}
#footer .top .partner.on .value {background: url(../img/partner_arrow_up.svg) #fff no-repeat center right 20px;}
#footer .top .partner .dropdown {display: none; z-index: 100; background: #fff; position:absolute; left:0; margin-top: 5px; box-sizing:border-box; border:1px solid #E8E8E8; width:100%; border-radius:5px; padding: 10px 0px; max-height: 170px; overflow-y: auto;}
#footer .top .partner .dropdown a {display: block; padding: 0px 16px; font-size: 14px; color: #131313; opacity: 0.7; line-height: 1.87;}
#footer .top .partner .dropdown a:hover {background: #E7EFFF; color: #111; text-decoration: underline; opacity: 1;}
#footer .top .partner .dropdown::-webkit-scrollbar-track{background-color:#EDEDED;}
#footer .top .partner .dropdown::-webkit-scrollbar{width:3px;background-color:#EDEDED;}
#footer .top .partner .dropdown::-webkit-scrollbar-thumb{background-color:#B1B1B1;}
#footer .ft_info {padding: 64px 0px; background: #2D3648;}
#footer .ft_info p {font-size: 15px; line-height: 1.5; color: #fff; margin-bottom: 5px;}
#footer .ft_info ul {display: flex; gap: 14px; margin-bottom: 20px;}
#footer .ft_info ul li {font-size: 15px; line-height: 1.5; color: #fff; margin-bottom: 5px;}
#footer .ft_info ul li b {font-weight: 700; color: #fff;}
#footer .ft_info span {font-size: 15px; line-height: 1.5; color: #fff;}


/* custom input */

input[type="password"],
input[type="text"] {width: 100%; height: 40px; padding: 9px 14px; box-sizing: border-box; border: 1px solid #D9D9D9; border-radius: 4px; background: #fff; font-size: 14px;}
input[type="password"]::placeholder,
input[type="text"]::placeholder {color: #BCBCBC;}
input[type="password"]:disabled,
input[type="text"]:disabled {background: #D9D9D9; color: #A1A1A1;}
input[type="text"].price {text-align: right;}


/* custom select */

select {font-size: 14px; height: 40px; color: #222; font-weight: 300; padding: 6.5px 16px; min-width: 180px; background: url(../img/arrow_down_g.svg) #fff no-repeat center right 16px; border: 1px solid #CDCDCD; border-radius: 4px; box-sizing: border-box; cursor: pointer; appearance: none; width: 100%;}


/* custom check */

input[type="checkbox"] {display:none;}
input[type="checkbox"] + label {display: flex; justify-content: center; align-items: center; gap: 6px; font-size: 13px; cursor: pointer;}
input[type="checkbox"] + label::before {content: ''; display:inline-block; width: 20px; height: 20px; border: 1px solid #BCBCBC; background: #fff;}
input[type="checkbox"]:checked + label::before {background: url(../img/check_fill.svg) #fff no-repeat center / cover;}


/* custom radio */

.custom_radio {font-size: 17px; display: flex; align-items: center; gap: 6px; font-weight: 500;}
.custom_radio [type="radio"]{appearance:none;border: 1px solid #ABAFB1;border-radius:50%;width:24px;height:24px;transition: border 0.2s; background: #fff; cursor: pointer;}
.custom_radio [type="radio"]:checked{border:0.45em solid var(--sub_color);}
.custom_radio [type="radio"]:focus-visible{outline-offset:max(4px,0.1em);outline:max(4px,0.1em) dotted var(--sub_color);}
.custom_radio [type="radio"]:hover + span{cursor:pointer;}


/* custom date */

input[type="date"] {position: relative; min-width: 200px; width: 100%; height: 40px; padding: 9px 14px; box-sizing: border-box; border: 1px solid #D9D9D9; border-radius: 4px; background: #fff; font-size: 13px; transition: all 0.3s;}
input[type="date"]::-webkit-calendar-picker-indicator{cursor: pointer; position:absolute; right: 14px; background:url(../img/input_date_icon.svg); background-repeat: no-repeat; transition: all 0.3s;}
input[type="date"]:focus,
input[type="date"]:hover {border-color: #111;}
input[type="date"]:focus::-webkit-calendar-picker-indicator,
input[type="date"]:hover::-webkit-calendar-picker-indicator{background:url(../img/input_date_icon_b.svg);}


/* custom textarea */

textarea {width: 100%; min-height: 90px; padding: 10px 14px; box-sizing: border-box; border: 1px solid #D9D9D9; border-radius: 4px; resize: none; font-size: 14px;}


/* custom table */

.table_title {display: flex; align-items: center; gap: 10px; font-size: 24px; font-weight: 600; margin-bottom: 20px;}

.custom_table {width: 100%;}

.custom_table_1 {width: 100%;}
.custom_table_1 tr td {height: 55px; padding: 0px 20px; box-sizing: border-box; font-size: 15px; font-weight: 300; border-bottom: 1px solid #E8E8E8; transition: all 0.3s;}
.custom_table_1 tr td a {font-weight: 400; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.custom_table_1 tr.notice td a {font-weight: 700; }
.custom_table_1 tr.notice td a span {color: #588AFF;}
.custom_table_1 tr td.date {color: #9B9B9B;}
.custom_table_1 tr:hover td {background: #F0F7FF;}
.custom_table_1 tr:hover td a {text-decoration: underline;}

.custom_table_1.faq_table tr td article span {color: #9B9B9B; font-weight: 600;}
.custom_table_1.faq_table tr.answer td {height: auto; padding: 18.5px 20px;}

.custom_table.table_1 {border-top: 1px solid #000;}
.custom_table.table_1 tr th {min-width: 200px; width: 200px; padding: 14px 16px; vertical-align: middle; box-sizing: border-box; background: #F6F8FD; text-align: left; white-space: nowrap;}
.custom_table.table_1 tr td {padding: 10px 14px; box-sizing: border-box;}
.custom_table.table_1 tr th p {font-size: 15px; font-weight: 700;}
.custom_table.table_1 tr th p span {font-size: 12px; color: #E01515; margin-left: 5px;}
.custom_table.table_1 tr th p i {font-size: 12px; font-weight: 400; margin-left: 5px;}
.custom_table.table_1 tr th,
.custom_table.table_1 tr td {border-bottom: 1px solid #E8E8E8; font-size: 17px; height: 55px;}
.custom_table.table_1 tr td p {font-size: 15px; font-weight: 400;}
.custom_table.table_1 tr td p:empty::after {content:"-";}
.custom_table.table_1 tr td .flex span {font-size: 13px;}
.custom_table.table_1.gray_th tr th {background: #F5F5F5;}
.custom_table.table_1 tr td .radio_box {display: flex; align-items: center; gap: 10px;}
.custom_table.table_1 tr td .sub_info {font-size: 12px; color: #6A6A6A;}
.custom_table.table_1 tr td button {height: 40px;}

.custom_table.table_2 {}
.custom_table.table_2 tr th {font-size: 14px; font-weight: 700; color: #fff; background: rgba(40, 52, 70, 0.30); text-align: center; height: 34px; padding: 10px 16px; border-bottom: 1px solid #000;}
.custom_table.table_2 tr td {font-size: 14px; box-sizing: border-box; padding: 0px 20px; height: 55px;; text-align: center; transition: all 0.3s; border-bottom: 1px solid #E8E8E8;}
.custom_table.table_2 tr.notice td:nth-child(2) {color: #283446; font-weight: 600;}
.custom_table.table_2 tr td.date,
.custom_table.table_2 tr td.date p {color: #9B9B9B;}
.custom_table.table_2 tr.empty td {border-bottom: 0;}
.custom_table.table_2 tr.empty td .empty_box {text-align: center; padding: 74px 0px;}
.custom_table.table_2 tr.empty td .empty_box img {height: 120px; margin-bottom: 10px;}
.custom_table.table_2 tr.empty td .empty_box p {font-size: 20px;}
.custom_table.table_2 tr.cursor td {cursor: pointer;}
.custom_table.table_2 tr td a {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.custom_table.table_2.faq_table tr.ask td a {width: 100%; display: block; background: url(../img/board_faq_arrow_down.svg) no-repeat center right 20px;}
.custom_table.table_2.faq_table tr.ask.on td a {background: url(../img/board_faq_arrow_up.svg) no-repeat center right 20px; text-decoration: underline;}
.custom_table.table_2.faq_table tr.answer td article {padding: 18.5px 0px; font-size: 15px; text-align: left; display: flex; align-items: flex-start; gap: 7.5px;}
.custom_table.table_2.faq_table tr.answer td article span {color: #9B9B9B; font-weight: 600; }


.custom_table.table_3 tr th {font-size: 15px; font-weight: 700; color: #152645; background: #F5F5F5; text-align: center; height: 44px; border-top: 1px solid #000;}
.custom_table.table_3 tr td {font-size: 15px; padding: 7.5px 10px; text-align: center; transition: all 0.3s; border-bottom: 1px solid #E8E8E8; background: #fff;}

.table_btn {display: flex; align-items: center; justify-content: center; margin: 0 auto; padding: 0px 20px; height: 40px; font-size: 14px; border-radius: 4px; font-weight: 600; gap: 4px; background: #283446; color: #fff;}
.table_btn.delete {color: #C32727; background: #FFDFDF;}


/* custom file */

.custom_file {display: flex; align-items: center; gap: 10px;}
.custom_file .upload-name {width: 100%; height: 40px; padding: 9px 14px; box-sizing: border-box; border: 1px solid #D9D9D9; border-radius: 4px; background: #fff; font-size: 13px;}
.custom_file label {display: flex; align-items: center; justify-content: center; width: 94px; height: 36px; gap: 4px; font-size: 13px; font-weight: 500; border-radius: 4px; color: #fff; background: var(--sub_color); cursor: pointer;}
.custom_file input[type="file"] {position:absolute;width:0;height:0;padding:0;overflow:hidden;border:0;}
.custom_file p {font-size: 13px !important; color: #6A6A6A;}
.custom_file p b {font-weight: 700;}

.file_uploaded ul {display: flex; align-items: center; gap: 10px;}
.file_uploaded ul li {display: flex; align-items: center; gap: 6px;}
.file_uploaded ul li .file_name {font-size: 14px; font-weight: 500; color: #636363; text-decoration: underline;}
.file_uploaded ul li .file_name b {color: var(--main_color);}


/* breadcrumb */

.breadcrumb {width: 100%; padding: 20px 100px; box-sizing: border-box; border-bottom: 1px solid #E8E8E8;}
.breadcrumb ul {display: flex; align-items: center; gap: 20px;}
.breadcrumb ul li {font-size: 15px;}
.breadcrumb ul li a {font-size: 0; line-height: 0; display: block;}


/* text align */

.text_center {text-align: center !important;}
.text_left {text-align: left !important;}
.text_right {text-align: right !important;}


/* margin */

.mb_20 {margin-bottom: 20px;}
.mb_30 {margin-bottom: 30px;}


/* flex */

.flex {display: flex;}
.align_center {align-items: center;}
.align_end {align-items: flex-end;}
.justify_start {justify-content: flex-start;}
.justify_end {justify-content: flex-end;}
.justify_between {justify-content: space-between;}
.justify_center {justify-content: center;}
.gap_10 {gap: 10px;}
.gap_14 {gap: 14px;}


/* btn */

.btn {min-width: 136px; width: 100%; max-width: 200px; height: 50px; border-radius: 4px; font-size: 17px; font-weight: 600; display: flex; align-items: center; justify-content: center;}
.small_btn {width: 100%; max-width: 120px; height: 44px; border-radius: 4px; font-size: 14px; font-weight: 500; display: flex; align-items: center; justify-content: center;}
.btn_1 {background: #131313; color: #fff;}
.btn_2 {background: #fff; border: 1px solid #283446; color: #283446;}
.btn_3 {background: #283446; color: #fff;}


/* max_width */

.mw_50p {max-width: 50%;}
.mw_100p {max-width: 100%;}
.mw_280 {max-width: 280px;}
.mw_320 {max-width: 320px;}
.mw_350 {max-width: 350px;}
.mw_450 {max-width: 450px;}
.mw_209 {max-width: 209px;}
.mw_200 {max-width: 200px;}
.mw_100 {max-width: 100px;}
.mw_130 {max-width: 130px;}
.mw_160 {max-width: 160px;}


/* width_innopost */
.w_20 {width:20px !important;}
.w_50 {width:50px !important;}
.w_100 {width:100px !important;}
.w_120 {width:120px !important;}
.w_123 {width:123px !important;}
.w_130 {width:130px !important;}
.w_140 {width:140px !important;}
.w_150 {width:150px !important;}
.w_180 {width:180px !important;}
.w_200 {width:200px !important;}
.w_220 {width:220px !important;}
.w_240 {width:240px !important;}
.w_260 {width:260px !important;}
.w_384 {width:384px !important;}
.w_400 {width:400px !important;}
.w_500 {width:500px !important;}
.w_1000 {width:1000px !important;}
.w_auto {width:auto !important;}


/* height */

.height_40 {height: 40px;}


/* font-size */

.font_size_15 {font-size: 15px;}


/* accordion */

.accordion {border-top: 1px solid #131313;}
.accordion .accordion-content {display:none; padding: 24px; border-bottom: 1px solid #D9D9D9; box-sizing: border-box; color: #565656; font-size: 15px; line-height: 1.4;}
.accordion .accordion-header {padding: 18.5px 24px; font-size: 15px; font-weight: 700; background: url(../img/acc_down.svg) #fff no-repeat center right 24px;  cursor:pointer; border-bottom: 1px solid #D9D9D9; box-sizing: border-box;}
.accordion .accordion-header.active {background: url(../img/acc_up.svg) rgba(40, 52, 70, 0.30) no-repeat center right 24px; color: #fff;}
.accordion .accordion-content p {font-weight: 600; color: #565656;}
.accordion .accordion-content ul {padding-left: 17px}
.accordion .accordion-content li {list-style: disc; color: #565656; line-height: 1.4;}


/* popup */

.popup {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; display: flex; align-items: center; justify-content: center;}
.popup .popup_content {width: 100%; background: #fff; border-radius: 10px; position: relative; z-index: 1;}
.popup .popup_content .top {display: flex; justify-content: space-between; align-items: center; padding: 14px 16px; box-sizing: border-box; border-bottom: 1px solid #E8E8E8;}
.popup .popup_content .top p {font-size: 13px; color: #797979;}
.popup .popup_content .top h3 {font-size: 17px; font-weight: 700;}
.popup .popup_content .content {width: 100%; height: 120px; display: flex; align-items: center; justify-content: center;}
.popup .popup_content .content p {font-size: 14px;}
.popup .popup_content .btn_box {display: flex; justify-content: center; align-items: center; gap: 10px; padding: 0px 16px 24px; box-sizing: border-box;}
.popup .popup_content .btn_box button {width: 100%; max-width: 134px; height: 40px; font-size: 15px; max-width: 100%;}
.popup .popup_bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2); display: block; content: '';}

/* 이노포스트_alert_팝업_추가 */ 
.popup_alert {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10000; display: flex; align-items: center; justify-content: center;} /* z-index: 10000 */
.popup_alert .popup_content {width: 100%; background: #fff; border-radius: 10px; position: relative; z-index: 1;}
.popup_alert .popup_content .top {display: flex; justify-content: space-between; align-items: center; padding: 14px 16px; box-sizing: border-box; border-bottom: 1px solid #E8E8E8;}
.popup_alert .popup_content .top p {font-size: 13px; color: #797979;}
.popup_alert .popup_content .top h3 {font-size: 17px; font-weight: 700;}
.popup_alert .popup_content .content {width: 100%; height: 120px; display: flex; align-items: center; justify-content: center; text-align: center;} /* 이노포스트 text-align: center; 추가 */
.popup_alert .popup_content .content p {font-size: 14px;}
.popup_alert .popup_content .btn_box {display: flex; justify-content: center; align-items: center; gap: 10px; padding: 0px 16px 24px; box-sizing: border-box;}
.popup_alert .popup_content .btn_box button {width: 100%; max-width: 134px;}
.popup_alert .popup_bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2); display: block; content: '';}


.popup.sitemap {display: none;}
.popup.sitemap .popup_content {height: 100vh; padding: 0px 120px; box-sizing: border-box; display: flex; align-items: center;}
.popup.sitemap .popup_content #modalClose {position: absolute; right: 50px; top: 50px;}
.popup.sitemap .popup_content .content {display: flex; align-items: flex-start; gap: 30px; width: 100%; height: auto;}
.popup.sitemap .popup_content .content .title {min-width: 400px;}
.popup.sitemap .popup_content .content .title .border {width: 40px; height: 4px; background: #225AC6; margin-bottom: 30px;}
.popup.sitemap .popup_content .content .title h3 {font-size: 36px; font-weight: 600;}
.popup.sitemap .popup_content .content .map_content {width: 100%; border-top: 1px solid #E8E8E8;}
.popup.sitemap .popup_content .content .map_content > ul {width: 100%;}
.popup.sitemap .popup_content .content .map_content > ul > li {padding: 50px 0px; box-sizing: border-box; border-bottom: 1px solid #E8E8E8; display: flex; align-items: center; gap: 20px; width: 100%;}
.popup.sitemap .popup_content .content .map_content > ul > li > a {font-size: 24px; font-weight: 700; color: #225AC6; min-width: 200px;}
.popup.sitemap .popup_content .content .map_content > ul > li ol {display: flex; align-items: center; gap: 32px}
.popup.sitemap .popup_content .content .map_content > ul > li ol li a {font-size: 20px; font-weight: 600;}
.popup.sitemap .popup_content .content .map_content > ul > li ol li a:hover {text-decoration: underline;}


/* side_menu */

.side_tab_box {display: flex; gap: 55px;}
.side_tab_box .tab_box {width: 100%;}
.side_tab_box .side_menu {min-width: 200px; border-top: 2px solid #111;}
.side_tab_box .side_menu ul li {}
.side_tab_box .side_menu ul li a {padding: 10px; box-sizing: border-box; font-size: 17px; font-weight: 600; line-height: 2.1; display: block; background: url(../img/side_menu_arrow_g.svg) no-repeat right 10px center / 6px; border-bottom: 1px solid #E8E8E8;}
.side_tab_box .side_menu ul li.active a,
.side_tab_box .side_menu ul li:hover a {color: var(--sub_color); font-weight: 700; background: url(../img/side_menu_arrow_b.svg) no-repeat right 10px center / 6px;}
.side_tab_box .side_menu > a {border-radius: 15px; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15); display: inline-block;}
.side_tab_box .tab_content {display: none; max-width: 946px;}
.side_tab_box .tab_content.active {display: block;}


/* pagination */

.pagination {margin-top: 50px;}
.pagination ul {display: flex; align-items: center; justify-content: center;}
.pagination ul .pagi_first {margin-right: 6px;}
.pagination ul .pagi_prev {margin-right: 10px;}
.pagination ul .num {margin: 0px 10px;}
.pagination ul .num a {font-size: 14px; font-weight: 300; position: relative;}
.pagination ul .num.active a {font-weight: 700;}
.pagination ul .num.active a::after {position: absolute; content: ''; display: block; left: 50%; transform: translateX(-50%); bottom: -2px; width: 100%; height: 2px; background: #000;}
.pagination ul .pagi_next {margin-left: 10px; margin-right: 6px;}


/* borad_detail */

.board_detail .top {width: 100%; border-top: 1px solid #000; border-bottom: 1px solid #E8E8E8; padding: 24px 0px;}
.board_detail .top > p {font-size: 20px; font-weight: 700; margin-bottom: 15px;}
.board_detail .top .info {display: flex; align-items: center; gap: 10px;}
.board_detail .top .info p {font-size: 15px; font-weight: 500; color: #3C3C3C;}
.board_detail .top .info .divide {width: 2px; height: 14px; background: #E8E8E8;}
.board_detail .top .info span {font-size: 13px; color: #9B9B9B; font-weight: 500;}
.board_detail .content {padding: 80px 20px 50px; box-sizing: border-box; border-bottom: 1px solid #E8E8E8;}
.board_detail .content .file_box {padding: 14.5px 34px; background: #F6F8FD; margin-top: 34px;}
.board_detail .content .file_box a {display: flex; align-items: center; justify-content: space-between;}
.board_detail .content .file_box a p span {padding: 5px 12px; background: #E7EFFF; border-radius: 10px; margin-right: 10px;}
.board_detail .content .file_box a p {font-size: 15px; color: #283446; font-weight: 700;}
.board_detail .btn_box {display: flex; justify-content: center; margin-top: 80px}


/* explain_detail */

.explain_detail .content {padding: 44px 24px 0px; border-top: 1px solid #000;}
.explain_detail .content h4 {font-size: 20px; font-weight: 600; margin-bottom: 40px;}
.explain_detail .content h4 span {font-size: 17px; font-weight: 400;}
.explain_detail .content .row {padding-left: 12px; position: relative; margin-bottom: 40px;}
.explain_detail .content .row:last-child {margin-bottom: 0;}
.explain_detail .content .row b {font-size: 17px; color: #3C3C3C; font-weight: 700;}
.explain_detail .content .row p {font-size: 17px; color: #3C3C3C; font-weight: 400;}
.explain_detail .content .row ul {margin-top: 40px;}
.explain_detail .content .row ul li {margin-bottom: 40px;}
.explain_detail .content .row ul li:last-child {margin-bottom: 0;}
.explain_detail .content .row ul li p {font-size: 15px; font-weight: 700;}
.explain_detail .content .row ul li article {font-size: 15px; color: #3C3C3C;}
.explain_detail .content .row::before {display: block; content: ''; position: absolute; left: 0; top: 8px; width: 5px; height: 5px; background: #3C3C3C; border-radius: 100%;}



/* to_top_btn */

#toTopBtn {width: 45px; height: 45px; border-radius: 100%; background: var(--sub_color); box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15); position: fixed; right: 100px; bottom: 100px}


/* board_result */

.search_result {margin-bottom: 10px;}
.search_result p {font-size: 15px; color: #7A7A7A; font-weight: 500;}
.search_result p b {color: #152645; font-weight: 700;}


/* font_color */

.text_red {color: #E01515 !important;}
.text_blue {color: var(--main_color) !important;}