@charset "utf-8";
@import url("jquery-ui.css"); 

#header {width:100%; min-width:1200px; position:relative;}
#header::before {display:block; content:""; position:absolute; top:0; left:0; width:100%; height:40px; background:var(--gl-navy); z-index:1}
#header.adm::before {display:block; content:""; position:absolute; top:0; left:0; width:100%; height:40px; background:#d8182a; z-index:1} /*admin*/
#header::after {display:block; content:""; position:absolute; top:121px; left:0; width:100%; height:0px; background:var(--gl-wht); border-bottom:1px solid #ddd; z-index:1; transition:height 0.5s ease-out; }
#header.on::after {
  display:block; content:""; width:100%; height:180px; position:absolute; top:121px; left:0;
  background:var(--gl-wht); border-top:1px solid #ddd; border-bottom:1px solid #ddd;
  transition:height 0.3s ease-out;
}
#header.adm.on::after {height:315px;}

#header .top {width:1200px; height:41px; margin:0 auto; position:relative; z-index:100; display:flex; justify-content:flex-end; align-items:center; gap:0 15px}
#header .top a {color:var(--gl-wht); font-size:13px; display:flex}
#header .top a:first-of-type:after {content:"|"; margin-left:15px; font-size:9px; align-content:center}
#header nav {width:1200px; height:80px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; position:relative}
#header nav h1 {background:url(../img/logo.png) 0 0 no-repeat; width:214px; height:40px;  z-index:100; }
#header nav .gnb {font-size:18px; font-weight:700}
#header nav .gnb a {display:block; line-height:1.7; color:var(--gl-dkgry);}
#footer {width:100%; height:160px; position:relative; background:var(--gl-dkgry); color:var(--gl-dkgry02); padding-top:49px}
#footer .wrap {width:1200px; margin:0 auto; display:flex; justify-content:flex-start; gap:0 30px}
#footer .wrap .foot_logo {width:214px; height:40px; background:url(../img/footer_logo.png) 0 0 no-repeat; }
#footer .wrap .copyright p:first-of-type {margin-top:10px}
#footer .wrap .copyright p:last-of-type {margin-top:15px}
#footer .wrap .copyright p:first-of-type a {color:#8dc21f}
.skip_nav a {position:absolute; top:-30px; left:0; background:#000; height:30px; line-height:30px; color:#fff; font-size:12px; padding:0 6px;}
.skip_nav a:focus, .skip_nav a:active {top:0;}
.mid_wrapper {width:1200px; min-height:600px; padding:60px 0; margin:0 auto; flex:1 0 400px;}

.login {width:600px; margin:100px auto; padding:60px 100px; border:1px solid var(--bd-tbl01); border-radius:10px}
.login h2 {text-align:center; font-size:25px; margin-bottom:40px}
.login fieldset {display:flex; justify-content:space-between; align-items:center; height:82px;}
.login fieldset input {width:100%; height:36px}
.login fieldset .inp {width:calc(100% - 120px); height:100%; display:flex; justify-content:space-between; flex-direction:column} 
.login fieldset .inp + button {width:110px; height:100%; background:var(--gl-navy); display:flex; justify-content:center; align-items:center; border-radius:5px; color:var(--gl-wht);}
.login fieldset + .rel_link { width:100%; margin:20px auto 0; display:flex; justify-content:end; gap:0 10px; font-size:14px}
.login fieldset + .rel_link a {display:flex;  line-height:1; }
.login fieldset + .rel_link a:first-of-type:before {display:none}
.login fieldset + .rel_link a:before {content:"|"; margin-right:15px; font-size:9px; align-content:center}

.join fieldset ul {width:100%; border:1px solid var(--bd-tbl01); border-bottom:0}
.join fieldset ul > li {border-bottom:1px solid var(--bd-tbl01);}
.join fieldset ul > li .form-conts {display:flex; justify-content:flex-start; align-items:center;}
.join fieldset ul > li .form-conts > *:not(label) {margin-right:5px}
.join fieldset ul > li .form-conts label {background-color:var(--bg-tbl01); width:150px; display:flex; justify-content:flex-start; align-items:center; min-height:48px; padding-left:20px; margin-right:15px}
.join .noti {font-size:13px;}

.srch-box {padding:30px; background-color: #f6f6f6; border: 1px solid #dddddd; margin-bottom:50px}
.srch-box ul {width:1140px; display:grid; grid-template-columns:repeat(auto-fit, minmax(270px, 1fr)); gap:20px 20px;}
.srch-box li {display:flex; justify-content:flex-start; align-items:center; flex-shrink: 1; gap:0 10px;}
.srch-box li.end { justify-self:end;} 
.srch-box label {position:relative; margin-right:2px; font-weight:700; min-width:70px; text-align:right}
.srch-box .a_row {display:flex; flex-wrap:nowrap; justify-content:space-between;}
.srch-box .a_row li.btn {justify-content:flex-end;}

.srch-box .a_row.fs {justify-content:flex-start;}
.srch-box ul.type_r {grid-template-columns:250px 1fr 1fr;}
.srch-box li.item_hf_tp1 {grid-column:3 / 5}
.srch-box li.item_hf_tp2 {grid-column:2 / 4}

.srch-box ul.type_s {grid-template-columns:repeat(auto-fit, minmax(81.42px, 1fr));}
.srch-box ul.type_s li.item_1 {grid-column:1 / 5}
.srch-box ul.type_s li.item_2 {grid-column:5 / 8}
.srch-box ul.type_s li.item_3 {grid-column:8 / 11}
.srch-box ul.type_s li.item_4 {grid-column:5 / 11}

.date-pick {display:inline-flex; align-items:center; }
.date-pick input {width:123px; margin-right:3px;}
.date-pick i {margin:0 10px}
.hasDatepicker + .ui-datepicker-trigger {width:16px; height:17px; margin-left:-25px; margin-right:5px}

.menu-container {display:flex; justify-content:center; gap:0 20px}
.menu-container .tree {min-width:43%; padding:20px; height:100%; border:1px solid var(--bd-tbl01);}
.menu-container .box-l {flex:0 2 40%;}
.menu-container .box-r {flex:0 1 57%;}
.menu-container h3 {font-size:16px; margin-bottom:10px; font-weight:normal; border-bottom:1px solid var(--gl-dkgry); padding-bottom:10px;}

.page-wrap {min-height:100vh; display:flex; flex-direction: column;}

/*justify-content:flex-end;*/
.gnb__container {min-width:1200px; height:268px; margin:0 auto;}
.gnb__depth1-group {position:relative; width:876px; display:flex; justify-content:center; flex-grow:0; height:100%; padding:0 0 0 0; gap:0 18px;}
.gnb__depth1-group > li {height: 100%; position:relative;}
.gnb__depth1-group > li > a {display: inline-flex; align-items:center; height:100%; padding:0 20px; font-size:16px; font-weight:700; letter-spacing:-0.025em;}
#header.adm .gnb__depth1-group > li > a {display: inline-flex; align-items:center; height:100%; padding:0 40px; font-size:16px; font-weight:700; letter-spacing:-0.025em;}
.gnb__depth1-group > li:hover .gnb__depth2-group, .gnb__depth1-group > li:focus-within .gnb__depth2-group {
	display: block;
	padding: 0 20px 20px;
	pointer-events: auto;
}
.gnb__depth2-group {position:absolute; display:none; opacity:0; z-index:100; min-width:162px; padding:0 20px 24px; transition-property:display opacity; transition-duration:0.3s; transition-behavior:allow-discrete;}
.gnb__depth2-item {margin-top:20px;}
.gnb__depth2-item > a {display:inline-block; color:#111111; font-size:15px; font-weight:500; letter-spacing:-0.03em; width:100%;}
.gnb__depth2-item > a:hover {color:#135ca4; text-decoration:underline;}
.gnb__container.full-menu .gnb__depth2-group {
  display:block; opacity:1; 
  @starting-style {
    opacity: 0;
  }
}
.gnb__hamburger-container {display: flex; align-items:center;}
.gnb__hamburger-container .icon {position:relative; z-index: 1; display: inline-block; background-size:cover; background-repeat:no-repeat;}
.gnb__hamburger-container .icon__gnb__hamburger-btn {width:32px; height:32px; background-image:url(../img/ico_util.png);}
.gnb__hamburger-container .icon__gnb__hamburger-btn:hover::after {z-index:0; content:""; left:50%; top:50%; transform:translate(-50%, -50%); position:absolute;  width:100%; height: 100%; box-sizing:content-box; padding:4px; display:inline-block; background-color:#000000; border-radius:50%; opacity:0.15;}

.notice_view {margin-top:40px}
.notice_view .subject {font-size:30px; color:#222222; font-weight:700; padding:0 20px 20px;}
.notice_view .info {padding:0 20px 25px; font-size:14px; display:flex; justify-content:flex-start; align-items:center; color:#aaa; gap:0 30px}
.notice_view .info > span {padding-left:20px; font-weight:100}
.notice_view .info .date {background:url(../img/ico_date.png) 0 80% no-repeat; }
.notice_view .info .m_date {background:url(../img/ico_date2.png) 0 80% no-repeat;}
.notice_view .info .hit {background:url(../img/ico_hit.png) 0 50% no-repeat;}
.notice_view .info .period {background:url(../img/ico_prd.png) 0 80% no-repeat;}
.notice_view .info .opt {background:url(../img/ico_check.png) 0 2px no-repeat; padding-left:15px; font-weight:100}
.notice_view .info .opt.chk {background:url(../img/ico_check.png) 0 -22px no-repeat;}

.notice_view .con {padding:30px 20px; border-top:1px solid var(--bd-tbl01); font-weight:100; line-height:150%}
.notice_view .attached_file {border-top:1px solid var(--bd-tbl01); border-bottom:1px solid var(--bd-tbl01); padding:30px 20px}
.notice_view .attached_file a {color:var(--gl-navy); font-weight:500; text-decoration:underline}
.notice_view .attached_file a + span {color:#aaa}

.notice_view .bullet {padding:0 20px 25px; font-size:14px; }

.faq {border-top:1px solid var(--bd-tbl01); margin-top:60px }
.faq li {border-bottom:1px solid var(--bd-tbl01);}
.faq li .qs {display:block; padding:15px 20px 15px 40px; position:relative; background:var(--bg-tbl01); color:#222; font-weight:500; cursor:pointer}
.faq li .qs::before {display:block; content:"Q."; position:absolute; top:15px; left:20px; }
.faq li .qs::after {display:block; content:""; position:absolute; top:10px; right:20px; width:30px; height:30px; background:url(../img/ico_fold.png) 0 -19px no-repeat;}
.faq li.open .qs::after {background:url(../img/ico_fold.png) 0 10px no-repeat;}
.faq li .ans {display:none; border-top:1px solid var(--bd-tbl01); padding:25px 20px 25px 60px; line-height:150%; position:relative;}
.faq li .ans::before {display:block; content:"A."; position:absolute; top:25px; left:40px; }
.faq li.open .ans {display:block}
.faq li .qs .btns {position:absolute; top:10px; right:70px; }
.faq li .qs .btns button {margin-left:5px}

.attc_box {border:1px solid var(--bd-tbl01); border-radius:3px; padding:10px 10px 10px 15px; height:110px; overflow: auto;} 
.attc_box li {margin-bottom:4px}
.attc_box .nofile {color:var(--t-gry02)}

.upload-box {padding:30px; background-color:#f6f6f6; border:1px solid #dddddd; margin-bottom:30px; display:flex; justify-content:center;align-items:center; gap:0 10px}
.upload-box li {display:flex; justify-content:flex-start; align-items:center; gap:0 10px}

.pop_wrapper {display:none; width:100vw; height:100vh; position:fixed; top:0; left:0; z-index:1000; background-color:rgba(0,0,0,0.4); padding:5% 0 0; transition:all 0.3 ease-out;   transition-behavior: allow-discrete;}
.pop_wrapper.open {display:block; transition:all 0.3 ease-in; transition-behavior: allow-discrete;}
/*.pop_wrapper .pop_container {background-color:#fff; width:var(--pop-wd); margin:0 auto; height:90%; border-radius:13px; overflow:hidden;}
.pop_wrapper .pop_container .pop_tit {height:60px; background-color:var(--gl-navy); padding:0 10px 0 20px; display:flex; justify-content:space-between; align-items:center; color:var(--gl-wht); font-size:20px; font-weight:500;}
.pop_wrapper .pop_container .pop_close {background:url(../img/ico_g_x.png) 50% 50% no-repeat; width:40px; height:40px}
.pop_wrapper .pop_container .pop_content {padding:30px; height:calc(100% - 60px); overflow:auto}*/

.pop_container {background-color:#fff; width:var(--pop-wd); margin:0 auto; width:100%; height:100%; border-radius:13px; overflow:hidden;}
.pop_container .pop_tit {height:60px; background-color:var(--gl-navy); padding:0 10px 0 20px; display:flex; justify-content:space-between; align-items:center; color:var(--gl-wht); font-size:20px; font-weight:500;}
.pop_container .pop_close {background:url(../img/ico_g_x.png) 50% 50% no-repeat; width:40px; height:40px}
.pop_container .pop_content {padding:30px; height:calc(100% - 60px); overflow:auto}

.pop_srchbox {background-color: #f6f6f6; border: 1px solid #dddddd; margin-bottom:30px; padding:30px;}
.pop_srchbox ul {width:100%; display:flex; justify-content:space-between; align-items:center; gap:0 10px}
.pop_srchbox ul + ul {margin-top:20px}
.pop_srchbox li {flex-shrink:0;  display:flex; justify-content:space-between; align-items:center;}
.pop_srchbox li.tp1 {flex-basis:200px; }
.pop_srchbox li.tp2 {flex-basis:320px; }
.pop_srchbox label {min-width:40px; color:#555; font-weight:500}
.pop_srchbox input,
.pop_srchbox input, .pop_srchbox select {width:100%}

.judge_step {border:15px solid #eeeeee; display:flex; justify-content:space-between; align-items:center; padding:30px; margin-bottom:35px}
.judge_step li {position:relative;}
.judge_step li p {width:124px; text-align:center; margin:0 auto; font-weight:700}
.judge_step li.step7 p {width:124px}
.judge_step li p:before {display:block; content:""; width:120px; height:120px; background-color:var(--bd-tbl01); border-radius:100%; background-image:url(../img/ico_step.png); background-repeat:no-repeat; margin-bottom:7px}
.judge_step li.on p:before {border:5px solid #b9deff; background-color:#fff}
.judge_step li p:after  {display:block; content:""; position:absolute; right:-28px; top:calc(50% - 30px); width:17px; height:28px; background:url(../img/ico_arr_r.png) 0 0 no-repeat}
.judge_step li p em {color:var(--gl-dkgry02);}
.judge_step li.on p em {color:#a5cb16}
.judge_step li.on p strong {color:var(--gl-navy)}
.judge_step li.step7 p:after {display:none}
.judge_step li.step1 p:before {background-position:-8px 28px;}
.judge_step li.step2 p:before {background-position:-174px 28px;}
.judge_step li.step3 p:before {background-position:-338px 28px;}
.judge_step li.step4 p:before {background-position:-505px 28px;}
.judge_step li.step5 p:before {background-position:-669px 28px;}
.judge_step li.step6 p:before {background-position:-835px 28px;}
.judge_step li.step7 p:before {background-position:-1000px 28px;}
.judge_step li.step1.on p:before {background-position:-14px -209px;}
.judge_step li.step2.on p:before {background-position:-176px -209px;}
.judge_step li.step3.on p:before {background-position:-343px -209px;}
.judge_step li.step4.on p:before {background-position:-510px -209px;}
.judge_step li.step5.on p:before {background-position:-674px -209px;}
.judge_step li.step6.on p:before {background-position:-840px -209px;}
.judge_step li.step7.on p:before {background-position:-1005px -209px;}

.box {border:1px solid var(--bd-tbl01); padding:15px 20px}
.box.wh {background-color:var(--gl-wht); display:flex; justify-content:flex-start; gap:0 30px}
.box.bl {background-color:#edf6ff; text-align:center; padding:27px 20px}
.box.bl .pr1 {font-size:20px; font-weight:700; margin-bottom:5px}
.box.bl .pr1 strong {color:#143ced}
.box.thb {border:6px solid var(--bd-tbl01); padding:25px;}
.box .warning:before {display:block; content:""; width:46px; height:40px; background:url(../img/ico_warning.png) 50% 0 no-repeat; margin:0 auto 10px}
.box .warning {text-align:center}


.tit_agr {font-size:30px; font-weight:700; color:#222; margin:35px 0 15px}
.agreement {border:6px solid var(--bd-tbl01); padding:25px; margin-top:22px; line-height:150%; font-weight:100}
.agreement .dep1 > li {margin-bottom:30px}
.agreement .dep1 > li > strong {color:var(--gl-navy);}
.agreement .dep2 > li {text-indent:-10px; padding-left:10px}
.agreement .dep2 > li:before {display:inline-block; content:""; background-color:#ddd; width:5px; height:5px; border-radius:100%; margin-right:5px; vertical-align:middle;}
.agreement .dep1 > li:last-of-type {margin-bottom:0}
.agreement .dep3 {margin-left:12px}

.conf {margin-top:35px; display:flex; justify-content: center;  gap:0 30px; }
.conf > p {color:#222222; font-size:18px; font-weight:500}
.conf > span {display:flex; justify-content:flex-start; align-items:center; gap:0 5px }
.conf input[type="radio"] + label {font-size:16px; font-weight:500; margin-top:-2px}
.conf + .tit_agr {margin-top:50px;}
.conf + .btm_c  {margin-top:50px;}

.sbox_wrapper {display:flex; justify-content:space-evenly; height:400px}
.sbox {flex-basis:280.5px; flex-shrink:0; flex-grow:0; border:1px solid var(--bd-tbl01);}
.sbox dt {background-color:#efefef; height:50px; line-height:50px; text-align:center; font-weight:700; border-bottom:1px solid var(--bd-tbl01);}
.sbox dd {padding:20px;}
.sbox dd ul {height:320px; overflow:auto;}
.sbox dd ul li {margin-bottom:13px}
.sbox dd ul::-webkit-scrollbar {width:8px; }
.sbox dd ul::-webkit-scrollbar-track {background-color:#efefef; border-radius:5px}
.sbox dd ul::-webkit-scrollbar-thumb {background-color:#aaaaaa; border-radius:5px}
.sbox dd ul::-webkit-scrollbar-button {display: none;}
.sbox dd ul .btn_text {color:#888888}
input[type="radio"].sel_cate + label {font-size:16px}
input[type="radio"].sel_cate:checked + label {font-weight:700; color:#0055a2}


.cur_status {display:flex; justify-content:center; font-size:20px; margin-bottom:50px}
.cur_status dd {font-weight:500; margin-left:5px}
.cur_status dd:first-of-type {color:#0055a2; margin-right:30px}
.cur_status dd:last-of-type {color:#70b501}

.sub_head {display:flex; justify-content:space-between; align-items: end;}
.inp_gap {display:inline-flex; justify-content:flex-start; align-items:center; gap:0 10px}
.tbl.col .inp_gap {justify-content:center;}

.notify_wrap {margin-bottom:80px}
.notify_wrap h3 {color:#222; font-size:30px; font-weight:700; margin-bottom:20px}
.notify_wrap button {width:270px; height:51px; line-height:48px; background:#e4042f; color:var(--gl-wht); font-weight:700; border-radius:10px}
.notify_wrap button span {display:flex; justify-content:center; align-items:center; font-size:22px; gap:0 5px; }
.notify_wrap button span:before {display:inline-block; content:"";  width:19px; height:20px; background:url(../img/ico_doc.png) 0 50% no-repeat;}

.notify_wrap .head {display:grid; grid-template-columns:3fr 1fr; grid-template-rows:50px 20px; margin-bottom:20px}
.notify_wrap .head h3 {align-self:end; margin-bottom:10px}
.notify_wrap .head h3:before {display:inline-block; content:""; width:45px; height:45px; background:url(../img/ico_warning.png) 50% 50% no-repeat; margin-right:10px; vertical-align:text-bottom}
.notify_wrap .head button {justify-self:end; align-self:end; grid-column:2 / 3; grid-row:1 / 4;}
.notify_wrap .box {display:flex; flex-direction:column; gap:15px 0; font-weight:500}
.notify_wrap ol.box {font-size:20px}
.notify_wrap ul {display:flex; justify-content:flex-start; align-items:center}
.notify_wrap ul li.bul {flex-basis:330px; font-size:20px; color:#555; font-weight:500}
.notify_wrap ul li.bul:before {display:inline-block; content:""; width:6px; height:6px; background-color:var(--bd-tbl01); margin-right:10px; vertical-align:middle}
.notify_wrap ul li:last-of-type {flex-basis:630px; text-align:right}

.sel_lnk_type {margin-bottom:40px}
.sel_lnk_type li {display:flex; justify-content:center; gap:0 10px; margin-bottom:10px}
.sel_lnk_type li select {width:240px;}

#main .main_visual {background:url(../img/bg_main.jpg) 50% 0 no-repeat; background-size:cover; height:440px;}
#main .main_visual .wrap {width:1200px; height:100%; margin:0 auto; display:flex; justify-content:center; align-items:center}
#main .main_visual .head {width:820px; text-align:center; background:url(../img/main_logo.png) 50% -10px no-repeat; padding-top:102px;}
#main .main_visual .head h2 {color:#fff; font-size:60px; font-weight:bold; margin-bottom:13px;}
#main .main_visual .head p {color:#fff; font-size:18px; font-weight:400; margin-bottom:35px; }
#main .main_visual .head a {
	display:inline-block; border:1px solid #222222;
	background:#fff url(../img/ico_arrs_r.png) 305px 50% no-repeat; width:340px; height:60px; 
	border-radius:10px; line-height:60px; 
	font-size:20px; padding-left:25px; text-align:left; color:#222; font-weight:700
}
#main .main_visual .head a:after {display:inline-block; content:""; }
#main .main_visual .logbox {width:380px; height:360px; border-radius:15px; background-color:#fff; display:flex; flex-direction:column; justify-content:center; align-items:center}
#main .main_visual .logbox p {background:url(../img/ico_login.png) 50% 0 no-repeat; padding-top:74px; text-align:center; font-size:18px;}
#main .main_visual .logbox p strong {font-weight:700 !important}
#main .main_visual .logbox a {border-radius:10px; background:var(--gl-navy); width:300px;; height:50px; line-height:50px; color:#fff; font-size:18px; text-align:center; margin-top:40px; font-weight:700; text-decoration:none}
#main .main_content {width:1200px; margin:40px auto; display:flex; justify-content:space-between; gap:0 25px;}

#main .main_content .board {width:380px; border-radius:20px; border:1px solid var(--bd-tbl01); box-shadow: 5px 5px 25px 0px rgba(34, 34, 34, .1); overflow:hidden}
#main .main_content .board h3 {height:60px; text-align:center; line-height:60px; font-size:18px; font-weight:700; color:#fff;}
#main .main_content .board ul {height:220px; padding:27px 17px}
#main .main_content .board li {margin-bottom:15px; display:flex; justify-content: space-between; align-items:center; text-overflow:ellipsis; overflow: hidden; white-space:nowrap; gap:0 5px; color:#888}
#main .main_content .board li a {flex-basis:340px; flex-grow:0;}
#main .main_content .board li.n_ot a {flex-basis:240px;}

#main .main_content .board li .date {font-size:13px;}
#main .main_content .board li:last-of-type {margin-bottom:0}
#main .main_content .board.n_ot h3 {background-color:#0055a2}
#main .main_content .board.r_ef h3 {background-color:#8dc21f}
#main .main_content .board.f_aq h3 {background-color:#222222}
#main .main_content .board mark {font-weight:700}
#main .main_content .board.n_ot mark {color:#cd282c}
#main .main_content .board.r_ef mark {color:#8dc21f}
#main .main_content .board.f_aq mark {color:#222222}
/* ��� ������ ���
#main .main_content .board .btns {height:109px;position:relative; border-top:1px solid #dddddd}
#main .main_content .board.n_ot .btns {background:#0055a2 url(../img/main_btm_img1.png) 50% 45% no-repeat;}
#main .main_content .board.r_ef .btns {background:#f9ffec url(../img/main_btm_img2.png) 50% 45% no-repeat;}
#main .main_content .board.f_aq .btns {background:#efefef url(../img/main_btm_img3.png) 50% 45% no-repeat;}
*/
#main .main_content .board .btns {height:60px;position:relative; border-top:1px solid #dddddd}
#main .main_content .board.n_ot .btns {background:#0055a2}
#main .main_content .board.r_ef .btns {background:#f9ffec}
#main .main_content .board.f_aq .btns {background:#efefef}


#main .main_content .board li a {display:inline-block; width:99%; text-overflow:ellipsis; overflow: hidden; white-space:nowrap;}
#main .main_content .board .btns .more {display:block; width:33px; height:33px; position:absolute; top:-15px; left:calc(50% - 15px); background:#aaaaaa url(../img/ico_plus.png) 50% 50% no-repeat; border-radius:100%;}
#main .main_content .board .btns .lnk {display:block; width:100%; height:100%; }

.file-list > li {display:flex; justify-content:flex-start; gap:0 10px}


/*************************/
.pagination__item {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 30px;
  height: 30px;
  padding: 0 3px;
  font-size: 13px;
  font-variant-numeric: tabular-nums;
  border: 1px solid #DADADA;
  color: #707070;
  border-radius: 3px;
  font-variant-numeric: tabular-nums;
}

.pagination__item:hover {
  background-color: #f5f5f5;
}

.pagination__item.active {
  color: #ffffff;
  background-color: #004EA2;
  border: none;
}

.pagination__item:disabled {
  background-color: #dedede;
  pointer-events: none;
}

.pagination__item.prev::before {
  content: "";
  width: 7px;
  height: 10px;
  background-image: url(../images/icon__pagination__next--blue.png);
  background-size: cover;
  transform: rotate(-180deg);
}

.pagination__item.prev:disabled::before {
  content: "";
  width: 7px;
  height: 10px;
  background-image: url(../images/icon__pagination__prev--gray.png);
  background-size: cover;
  transform: none;
}

.pagination__item.first::before {
  content: "";
  width: 11px;
  height: 10px;
  position: relative;
  background-image: url(../images/icon__pagination__last--blue.png);
  background-size: cover;
  transform: rotate(-180deg);
}

.pagination__item.first:disabled::before {
  content: "";
  width: 11px;
  height: 10px;
  position: relative;
  background-image: url(../images/icon__pagination__first--gray.png);
  background-size: cover;
  transform: none;
}

.pagination__item.next::before {
  content: "";
  width: 7px;
  height: 10px;
  background-image: url(../images/icon__pagination__next--blue.png);
  background-size: cover;
}

.pagination__item.next:disabled::before {
  content: "";
  width: 7px;
  height: 10px;
  background-image: url(../images/icon__pagination__prev--gray.png);
  transform: rotate(-180deg);
  background-size: cover;
}

.pagination__item.last::before {
  content: "";
  width: 11px;
  height: 10px;
  position: relative;
  margin-right: 1px;
  background-image: url(../images/icon__pagination__last--blue.png);
  background-size: cover;
}

.pagination__item.last:disabled::before {
  content: "";
  width: 11px;
  height: 10px;
  position: relative;
  margin-right: 1px;
  background-image: url(../images/icon__pagination__first--gray.png);
  transform: rotate(-180deg);
  background-size: cover;
}


.pagination__container {
  display: flex;
  justify-content: center;
}

.pagination {
  display: flex;
}

.pagination > * {
  margin-right: 2px;
}

.pagination__number-group {
  display: flex;
  flex-wrap: wrap;
}
.pagination__number-group > li + li {
  margin-left: 2px;
}

.mw-200 {
  max-width: 200px !important;
}

.modal {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 100;
  max-width: 100%;
  max-height: 100%;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  overflow: hidden;
}
.modal__inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.modal__header {
  display: flex;
  align-items: center;
  padding: 0 20px 0 24px;
  min-height: 80px;
  background-color: #0055a2;
  justify-content: space-between;
  cursor: pointer;
}
.modal__title {
  font-size: 20px;
  font-weight: 500;
  color: #ffffff;
  letter-spacing: -0.02em;
}
.modal__title__close-btn {
  position: relative;
  z-index: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  opacity: 0.9;
}
.modal__body {
  padding: 8px 14px;
  overflow-y: auto;
  max-height: 100%;
  flex-grow: 1;
  background-color: #fff;
}
.modal__image-container {
  overflow-y: hidden;
  flex-grow: 1;
}
.modal__image-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.modal__text {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.015em;
}
.modal__footer {
  padding: 6px 14px;
  background-color: #686868;
  border-top: 1px solid #e5e5e5;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
}
.modal__checkbox-group {
  display: flex;
  align-items: center;
}
.modal__checkbox {
  margin-right: 4px;
}
.modal__checkbox-label {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.015em;
  color: #ffffff;
}
.modal__btn {
  padding: 2px 0px;
  color: #ffffff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.015em;
  cursor: pointer;
}
1