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

#header {width:100%; min-width:1600px; position:relative;}
#header::before {display:block; content:""; position:absolute; top:0; left:0; width:100%; height:72px; background:#EEF2F7; z-index:1}
#header.adm::before {display:block; content:""; position:absolute; top:0; left:0; width:100%; height:72px; background:#a9d818;  z-index:1} /*admin*/
#header::after {display:block; content:""; position:absolute; top:162px; 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:315px; position:absolute; top:162px; 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:350px;}

#header .top {width:1600px; height:72px; margin:0 auto; position:relative; z-index:100; display:flex; justify-content:space-between; align-items:center;}
#header .top:before {display:none;}
#header .top h1 {background:url(../img/logo.png) 0 0 no-repeat; width:214px; height:40px;  z-index:100; }
#header .top .util {display:flex; justify-content:flex-end;  align-items:center; gap:0 15px }
#header .top .util .user_cmt {font-weight:500}
#header .top .util .user_cmt strong {color:#0078FC; font-weight:700}
#header nav {width:1600px; height:90px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; position:relative}
#header nav .gnb {font-size:18px; font-weight:700}
#header nav .gnb a {display:block; line-height:1.7; color:var(--gl-dkgry);}
/* 헤더 유틸 영역 버튼들*/
[class*="btn_u"] {width:109px; height:40px; border-radius:8px; font-size:15px; font-weight:500; line-height:150%}
.btn_u_myp1 {background-color:#2559A7; color:#fff}
.btn_u_myp1:before {display:block; content:""; width:20px; height:20px; background:url(../img/ico_psn.png) 0 0 no-repeat; vertical-align:top; margin-right:5px; }
.btn_u_myp2 {background-color:#fff; border:1px solid #555; color:#555}
.btn_u_myp2:before {display:block; content:""; width:16px; height:18px; background:url(../img/ico_psn_g.png) 0 0 no-repeat; vertical-align:top; margin-right:5px; }
.btn_u_logout1 {background-color:#0078FC; color:#fff}
.btn_u_logout1:before {display:block; content:""; width:20px; height:20px; background:url(../img/ico_logout_w.png) 0 0 no-repeat; vertical-align:top; margin-right:5px; }
.btn_u_logout2 {background-color:#fff; border:1px solid #555; color:#555}
.btn_u_logout2:before {display:block; content:""; width:20px; height:20px; background:url(../img/ico_logout_g.png) 0 0 no-repeat; vertical-align:top; margin-right:5px; }
.btn_u_login {background-color:#0078FC; color:#fff}
.btn_u_login:before {display:block; content:""; width:16px; height:18px; background:url(../img/ico_login.png) 0 0 no-repeat; vertical-align:top; margin-right:5px; }
.btn_u_join {background-color:#2559A7; color:#fff}
.btn_u_join:before {display:block; content:""; width:16px; height:16px; background:url(../img/ico_join.png) 0 0 no-repeat; vertical-align:top; margin-right:5px; }
.btn_u_user1 {width:139px; background-color:#fff; border:1px solid #0078FC; color:#0078FC}
.btn_u_user1:before {display:block; content:""; width:20px; height:20px; background:url(../img/ico_user.png) 0 0 no-repeat; vertical-align:top; margin-right:5px; }
.btn_u_user2 {width:139px; background-color:#888888; color:#fff}
.btn_u_user2:before {display:block; content:""; width:20px; height:20px; background:url(../img/ico_psn.png) 0 0 no-repeat; vertical-align:top; margin-right:5px; }
.btn_u_join:hover, .btn_u_login:hover, .btn_u_logout1:hover, .btn_u_myp1:hover {color:#fff}

/*헤더>GNB*/
.gnb__container {min-width:1600px; height:268px; margin:0 auto;}
.gnb__depth1-group {position:relative; width:1600px; display:flex; justify-content:space-between; 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:21px; font-weight:700; letter-spacing:-0.025em; border-bottom:0}
.gnb__depth1-group > li > a:hover {color:#0078FC; }
#header.adm .gnb__depth1-group > li > a {display: inline-flex; align-items:center; height:100%; padding:0 40px; font-size:17px; font-weight:700; letter-spacing:-0.025em;}
.gnb__depth2-group {position:absolute; display:none; opacity:0; z-index:100; min-width:182px; padding:0 20px 24px; transition-property:display opacity; transition-duration:0.3s; transition-behavior:allow-discrete;}
.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;
}
#header nav .gnb__depth1-group .btn-subm-tog {display:none}
.gnb__depth2-item {margin-top:20px;}
.gnb__depth2-item > a {display:inline-block; color:#555; font-size:17px; font-weight:500; letter-spacing:-1px; width:100%;}
.gnb__depth2-item > a:hover {color:#0078FC; 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; width:auto; height:auto; opacity:1; visibility:visible}
.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;}
#header .btn-mob-menu {display:none}

#footer {width:100%; min-width:1600px; position:relative; background:#404243; color:#E4E4E4; padding:56px 0;}
#footer .wrap {width:1600px; margin:0 auto; display:grid; grid-template-columns:192px auto; grid-template-rows:58px auto; gap:64px 50px; font-size:19px; font-weight:400;}
#footer .wrap .foot_logo {width:192px; height:54px; background:url(../img/footer_logo.png) 0 0 no-repeat; }
#footer .wrap .foot_info  {display:flex; justify-content:space-between;}
#footer .wrap .foot_info address {line-height:150%; margin-bottom:64px;}
#footer .wrap .user_ref {display:flex; justify-content:flex-end; gap:0 30px}
#footer .wrap .user_ref li {display:flex; justify-content:flex-start; height:25px}
#footer .wrap .user_ref li:before {display:inline-flex; align-self:center; content:""; width:4px; height:4px; border-radius:1px; background-color:#BFD50B; margin-right:10px}
#footer .wrap .user_ref li a:hover {color:#E4E4E4;}

#footer .wrap .copy {grid-column:2/3; }
.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:1600px; min-height:600px; padding:60px 0; margin:0 auto; /*flex:1 0 400px;*/}


@media all and (max-width:768px) {
	html, body {height:100vw;}
	#header {min-width:auto; min-height:122px; padding:0; }
	#header .top {width:auto; height:auto; display:block;}
	#header .top:before {display:block; content:""; width:100%; height:40px; background:#2559A7;}
	#header .top:after {display:block; content:""; width:100%; height:72px; background:#EEF2F7; position:absolute; top:40px; left:0; z-index:1}
	#header .top h1 {margin:8px 12px 0 20px; position:relative; z-index:100}
	#header .top .util {gap:0 7px; position:absolute; right:12px; top:8px }
	#header::after {display:none}
	#header::before {display:none}
	[class*="btn_u"] {width:auto; height:auto; background:none;  border-radius:0;}
	.util a:not(:last-of-type):after {display:inline-block; content:""; width:1px; height:11px; background-color:#fff; vertical-align:middle; margin:0 5px 0 10px}
	.btn_u_login:before {display:none}
	.btn_u_join:before {display:none}
	.btn_u_logout1:before {display:none}
	.btn_u_logout2:before {display:none}
	.btn_u_myp1:before {display:none}
	.btn_u_myp2:before {display:none}
	.btn_u_user1:before {display:none}
	.btn_u_user2:before {display:none}

	#header .btn-mob-menu {display:block; border-radius:8px; position:absolute; top:56px; right:12px; z-index:100; width:44px; height:40px; background-color:#0078FC; background-image:url(../img/ico_menu.png); background-position:50% 50%; background-repeat:no-repeat;}
	#header .btn-mob-menu.open {background-image:url(../img/ico_g_x.png);}
	#header nav.gnb__container {display:none; min-width:auto; width:100%; height:100vh; position:absolute; top:120px; left:0; background:#fff; z-index:1000; padding-top:10px}
	#header .btn-mob-menu.open + .gnb__container {display:block}
	#header nav.gnb__container::before {display:none}
	
	.gnb__depth1-group {width:100%; height:100vh; display:block; background-color:#fff }
	.gnb__depth1-group > li {position:relative; height:auto; padding:0 20px}
	.gnb__depth1-group > li > a {display:block; height:100%; padding:15px 0; font-size:21px; font-weight:700; letter-spacing:-0.025em; border-bottom:1px solid #ccc; color:#222}
	.gnb__depth1-group > li > a:hover {color:#0078FC; }
	#header.adm .gnb__depth1-group > li > a {display: inline-flex; align-items:center; height:100%; padding:0 40px; font-size:17px; font-weight:700; letter-spacing:-0.025em;}
	.gnb__container.full-menu .gnb__depth2-group,
	.gnb__depth1-group > li .gnb__depth2-group,
	.gnb__depth1-group > li:hover .gnb__depth2-group,
	.gnb__depth1-group > li:focus-within .gnb__depth2-group {display:none;}

	#header nav .gnb__depth1-group .btn-subm-tog { position:absolute; top:10px; right:20px; display:block; width:30px; height:30px; background:url(../img/ico_arr_up.png) 50% 50% no-repeat; transform:rotate(180deg)}
	#header nav .gnb__depth1-group .btn-subm-tog.on {transform:rotate(0)}
	
	#header nav .gnb__depth1-group .btn-subm-tog.on + .gnb__depth2-group {
		display:block;
		padding:0 0 20px;
		pointer-events: auto;
		position:relative; opacity:1; transition:none;
		@starting-style {opacity:1;}
	}
	.gnb__hamburger-container {visibility:hidden; width:1px; height:1px; opacity:0}
	
	/*[class*="btn_u"] {width:auto; max-width:89px; padding-left:10px; padding-right:10px}
	.btn_u_join {width:44px; text-indent:-9999px;}
	.btn_u_join:before {background:url(../img/ico_join.png) 50% 0 no-repeat; vertical-align:top; margin-right:0px; }*/

	.mid_wrapper {width:auto; position:relative;  padding:30px 12px; z-index:10}
	#footer {min-width:auto; margin-top:0px}
	#footer .wrap {width:auto; display:block; padding-left:12px; padding-right:12px }
	#footer .wrap .foot_info {flex-direction:column}
	#footer .wrap .foot_info address {margin-bottom:30px}

	#footer .wrap .user_ref {justify-content:space-evenly}

	#footer .wrap .foot_logo, #footer .wrap .foot_info {margin-bottom:30px}
}
/* 2025-09 로그인 추가 */
.login_wrap {width:1190px; height:700px; display:flex; justify-content: flex-start;  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.10);}
.login_wrap .bg {display:block;  width:595px; height:700px; background: linear-gradient(180deg, #1E7DF9 0%, #0048CE 100%);}
.login_main {padding:40px; width:595px}
.login_main h2 {font-size:60px; color:var(--gl-ltblue)}
.login_main h2 + p {text-align:center; font-size:25px; font-weight:500; color:var(--gl-dkgry); margin-bottom:45px}
.login_main .sel_form {padding:0 27px; height:530px; display:flex; flex-direction: column; justify-content: center;}
.login_main .sel_form select,
.login_main .sel_form input,
.login_main .sel_form .btn-login {display:block; height:64px}
.login_main .sel_form select {padding-left:24px}
.login_main .sel_form  .btn-login {border-radius:8px; background: linear-gradient(93deg, #00B0FC 5.52%, #0078FC 86.6%); color:#fff; font-size:19px; font-weight:700; margin-top:12px}
[class*="inp_bg"] {border-radius:8px; border:1px solid #ccc; width:100%; padding:0 0 0 60px !important; margin-top:12px}
.inp_bg_id {background:url(../img/ico_psn_id.png) 24px 50% no-repeat}
.inp_bg_pw {background:url(../img/ico_pw.png) 24px 50% no-repeat}
.login_main .sel_form ul.join {  display:flex; justify-content: center; align-items:center; gap:0 24px; margin-top:32px}
.login_main .sel_form ul.join li:not(:first-child):before {display:inline-flex; content:""; width:1px; height:10px; background-color:#ddd; margin-right:24px}
.opt_wrap {display:none;}

@media all and (max-width: 768px) {
  .login_wrap {width:100%; height:auto; display:block; box-shadow:none;}
  .login_wrap .bg {width:100%; height:auto; /*height:40vh; background:url(../img/bg_login_m.png) 0 0 no-repeat; background-size:cover*/}
  .login_wrap .bg img {max-width:100%; height:auto; object-fit: cover;}
  .login_main{width:100%; padding:20px 0}
  .login_main h2 {font-size:60px; padding:40px 0 20px; text-align:center}

  .login_main .sel_form {width:100%; height:auto}
  .login_main .sel_form .btn_select {letter-spacing:-0.5px; cursor:pointer; border:1px solid var(--bd-tbl01); border-radius:8px; background:var(--gl-wht) url(../img/ico_arr_sel.png) calc(100% - 10px) 50% no-repeat; padding-left:24px; min-width:90px; height:64px; color:#666666; font-weight:400;  text-align: left;}
  .login_main .sel_form ul.join {gap:0 12px}
  .login_main .sel_form ul.join li:not(:first-child):before {margin-right:12px}

  .opt_wrap {display:none; position:fixed; top:0; left:0; width:100%; height:100%;  }
  .opt_wrap.open {display:block}
  .opt_wrap:after { display:block; content:""; width:100%; height:100%; position:absolute; top:0; left:0; background-color:rgba(0, 0, 0, 0.5); z-index:1}
  .opt_list {background-color:#fff; width:100%; height:60%; position:fixed; bottom:0; border-top-left-radius:24px; border-top-right-radius:24px; overflow:hidden; z-index:1000; display:flex; flex-direction: column; justify-content:flex-start;} 
  .opt_list h3 {padding:24px; font-size:21px; color:#222; padding:24px 24px 22px}
  .opt_list ul {padding:24px; display:flex; flex-direction:column; gap:8px; flex-grow:1;}
  .opt_list li {width:100%;}
  .opt_list li button {display:block; width:100%; height:40px; text-align:left}
  .opt_list li.active button{background:url(../img/ico_r_check.png) 95% 50% no-repeat; background-size:20px auto;}
  .opt_list .btm_c {display:flex; justify-content: space-between; gap:0 5px; padding:0 10px; justify-content:flex-end ;}
  .opt_list .btm_c button {width:50%} 
  .pc_only {display:none !important}
  .mob_only {display:block !important}
}

.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}

.infoform {width:100%;  border-top:1px solid #222; border-bottom:0; margin:0 auto;}
.infoform > li {border-bottom:1px solid var(--bd-tbl01); display:flex; justify-content:flex-start; align-items: stretch}
.infoform > li label {background-color:var(--bg-tbl01); width:250px; min-height:60px; padding-left:20px; margin-right:15px; color:#222; font-weight:700; align-content:center}
.infoform > li .form-conts {width:calc(100% - 450px); align-content:center; padding-top:10px; padding-bottom:10px}
.infoform > li .form-conts > *:not(label) {margin-right:5px}
.infoform > li .form-conts  input[type="text"],
.infoform > li .form-conts  input[type="password"],
.infoform > li .form-conts  input[type="number"]
.infoform > li .form-conts select {height:48px; border-radius:4px}

.infoform > li .form-conts  input[type="text"].warn,
.infoform > li .form-conts  input[type="password"].warn,
.infoform > li .form-conts  input[type="number"].warn
.infoform > li .form-conts select.warn {border-color:#EB003B}

.join .box_complete {margin:0 auto; width:800px; height:400px; display:flex; justify-content:center; align-items:center; flex-direction:column; text-align:center}
.join .box_complete p {font-size:32px; color:#222; font-wegiht:700; line-height:150%}
.join .box_complete p:before {display:block; content:""; width:160px; height:160px; background:url(../img/ico_big_check.png) 50% 0 no-repeat; margin:0 auto 30px}
.join .box_complete p strong {color:#0078FC}

@media all and (max-width: 768px) {
	.infoform {width:100%;  border-top:0;}
	.infoform > li {border-bottom:0; display:block; margin-bottom:24px}
	.infoform > li label {background-color:#fff; width:auto; padding-left:0; margin-right:0}
	.infoform > li .form-conts {width:auto}
	.infoform > li .form-conts  input[type="text"],
	.infoform > li .form-conts  input[type="password"] {width:100%; margin-bottom:10px}
	.infoform > li .form-conts .btn_xs {width:100%; }
	.infoform > li .form-conts  input[type="text"].mail_sv {width:60%}
	.infoform > li .form-conts  input[type="text"].mail_sv  + select {width:calc(40% - 15px)}
	
	.infoform > li .form-conts .at {display:none}
	.join .box_complete {width:auto;}
	.join .box_complete p {font-size:22px}

}

.srch-box {padding:30px; background-color: #E8F2FF; border: 1px solid #dddddd; margin-bottom:50px; border-radius:12px}
.srch-box ul {width:1536px; 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; width:100%; flex-shrink: 1; gap:0 10px;}
.srch-box li.end { justify-self:end;} 
.srch-box li.end  button { margin-left:auto} 
.srch-box label {position:relative; margin-right:2px; font-weight:700; min-width:70px; text-align:left; color:var(--gl-dkgry)}
.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 li label + span, 
.srch-box .a_row.fs li label + select {margin-right:20px}
.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}
.srch-box ul.col_d_r {grid-template-columns: repeat(4, 1fr);   grid-template-rows:repeat(auto-fit, 48px);}
.srch-box.type_bs {widt:100%; display:flex; justify-content:space-between}
.srch-box.type_bs select {flex:0 0 200px; width:200px}
.srch-box.type_bs input[type="text"] {flex:0 0 auto; width:71.42% }
.srch-box.type_bs [class*="btn_"]  {flex:0 0 200px; width:200px}
.srch-box.type_bs .a_row.fs {justify-content:space-between}
.srch-box .p_btn_end {margin-left:auto}
.srch-box input[type="text"] {height:48px}

.date-pick {display:inline-flex; align-items:center; }
.date-pick input {min-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-gry); padding-bottom:10px;}
.page-wrap {min-height:100vh; display:flex; flex-direction: column;}

.notice_view {margin-top:40px; border-top:1px solid #555; padding-top:20px}
.notice_view .subject {font-size:30px; color:#222222; font-weight:700; padding:0 20px 20px;}
.notice_view .info {padding:0 20px 25px; display:flex; justify-content:flex-start; align-items:center; color:#555; gap:0 30px}
.notice_view .info > strong {padding-left:20px; background:url(../img/ico_v_adm.png) 0 50% no-repeat; }
.notice_view .info > span {padding-left:20px}
.notice_view .info .date {background:url(../img/ico_date.png) 0 50% no-repeat; }
.notice_view .info .m_date {background:url(../img/ico_date2.png) 0 50% 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 50% no-repeat;}
.notice_view .info .opt {background:url(../img/ico_check.png) 0 2px no-repeat; padding-left:15p}
.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); 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-ltblue); font-weight:500; text-decoration:underline}
.notice_view .attached_file a:before {display:inline-block; content:""; width:24px; height:18px; background:url(../img/ico_file_gry.png) 0 50% no-repeat; vertical-align:middle}
.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:25px 20px 25px 100px; position:relative; background:var(--bg-tbl01); color:#222; font-weight:700; cursor:pointer}
.faq li .qs::before {display:block; content:"Q"; position:absolute; top:17px; left:40px; width:40px; height:40px; border-radius:20px; background-color:var(--gl-ltblue); font-size:21px; font-weight:700; color:#fff; text-align:center; line-height:40px;  }
.faq li .qs::after {display:block; content:""; position:absolute; top:22px; 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) 0px 10px no-repeat;}
.faq li .ans {display:none; border-top:1px solid var(--bd-tbl01); padding:25px 20px 25px 100px; min-height:100px; line-height:150%; position:relative;}
.faq li .ans::before {display:block; content:"A"; position:absolute; top:22px; left:40px; width:40px; height:40px; border-radius:20px; background-color:#fff; border:1px solid var(--gl-ltblue); font-size:21px; font-weight:700; text-align:center; line-height:40px; color:var(--gl-ltblue)  }
.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 {background-color: #E8F2FF; border:1px solid #ddd; padding:32px; border-radius:12px; margin-bottom:30px; display:flex; justify-content:center; align-items:center; gap:0 10px}
.upload-box li {display:flex; justify-content:center; align-items:center; gap:0 10px}
.upload-box .att_file input[type="file"] {width:900px; height:48px}
.upload-box .att_file .quack {width:900px; height:48px}

.upload-box label {color:var(--gl-dkgry); font-weight:700}
.upload-box .att_file .quack em  {font-size:17px; width:200px; line-height:47px; margin-left: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:8% 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_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-ltblue); 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:center; 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 li.tp3 {flex-basis:auto }
.pop_srchbox label {min-width:40px; color:#555; font-weight:500}
.pop_srchbox li.tp3 label {min-width:auto; white-space:nowrap; margin-right:10px}
.pop_srchbox input,
.pop_srchbox input, .pop_srchbox select {width:100%; height:38px}
.pop_content h3 {font-size:21px; font-weight:700; color:var(--gl-dkgry); margin-bottom:15px}
.pop_content h3:before {display:inline-block;  content:""; width:10px; height:20px; border-radius:99px; background-color:var(--gl-ltblue); margin-right:7px; vertical-align:top}
.pop_srchbox .btn_s {min-width:100px; width:auto; height:36px;}
.pop_container  .tbl .btn_tn {min-width:auto; width:50px; height:32px; padding:0; font-size:15px}


@media all and (max-width: 768px) {
  .pop_srchbox {padding:15px}
  .pop_srchbox ul {display:block}
  .pop_srchbox .btn_s {width:100%; margin-top:10px}

  .tbl.col td {padding:7px 8px}
}
.judge_step {display:flex; justify-content:space-between; align-items:center; padding:30px; margin-bottom:35px}
.judge_step li {position:relative;}
.judge_step li p {width:220px; text-align:center; margin:0 auto; font-weight:400; line-height:150%;}
.judge_step li p:before {display:block; content:""; width:220px; height:220px; margin-bottom:15px}
/*2025-12-10 수정*/.judge_step li p:after  {display:block; content:""; position:absolute; right:-33px; top:calc(50% - 30px); width:17px; height:28px; background:url(../img/ico_arr_r.png) 0 0 no-repeat}
.judge_step li p em, .judge_step li p strong {color:#888; font-size:25px; font-weight:700}
.judge_step li.on p em {color:#222}
.judge_step li.on p strong {color:#0078FC;}
.judge_step li.step5 p:after {display:none}
/*2025-12-10 추가*/.judge_step li.step0 p:before {background:url(../img/join_step0.png) 50% 0 no-repeat;}
.judge_step li.step1 p:before {background:url(../img/join_step1.png) 50% 0 no-repeat;}
.judge_step li.step2 p:before {background:url(../img/join_step2.png) 50% 0 no-repeat;}
.judge_step li.step3 p:before {background:url(../img/join_step3.png) 50% 0 no-repeat;}
.judge_step li.step4 p:before {background:url(../img/join_step4.png) 50% 0 no-repeat;}
.judge_step li.step5 p:before {background:url(../img/join_step5.png) 50% 0 no-repeat;}
/*2025-12-10 추가*/.judge_step li.step0.on p:before {background:url(../img/join_step0_on.png) 50% 0 no-repeat;}
.judge_step li.step1.on p:before {background:url(../img/join_step1_on.png) 50% 0 no-repeat;}
.judge_step li.step2.on p:before {background:url(../img/join_step2_on.png) 50% 0 no-repeat;}
.judge_step li.step3.on p:before {background:url(../img/join_step3_on.png) 50% 0 no-repeat;}
.judge_step li.step4.on p:before {background:url(../img/join_step4_on.png) 50% 0 no-repeat;}
.judge_step li.step5.on p:before {background:url(../img/join_step5_on.png) 50% 0 no-repeat;}

.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}
.box.blconf {background-color:#E8F2FF; text-align:center; padding:24px 32px; border-radius:12px; color:var(--gl-dkgry); font-size:19px; font-weight:600; margin-bottom:40px}
.box.blconf > span {display:flex; justify-content:center; align-items:center; text-align:left}
.box.blconf > span input[type="checkbox"] {align-self:flex-start; margin-right:5px}

.tit_agr {font-size:30px; font-weight:700; color:#222; margin:35px 0 15px}
.agreement {border:1px solid var(--bd-tbl01); background-color:var(--bg-tbl01); border-radius:12px; padding:32px; margin-top:20px; line-height:150%}
.agreement ul {background-color:#fff; border-radius:8px; padding:16px}
.agreement .dep1 > li {margin-bottom:30px}
.agreement .dep1 > li > strong {color:var(--gl-dkgry);}
.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 + label {font-size:19px; font-weight:700; 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}


@media all and (max-width: 768px) {
	.tit_agr {font-size:24px; margin:17px 0 8px}
	.agreement {padding:20px; margin-top:20px; line-height:150%}
	.agreement .dep1 > li {margin-bottom:15px}
	.conf {margin-top:35px; display:flex; justify-content:center;  align-items:center;  gap:20px 0; flex-direction:column}
	.btm_c { display:flex; justify-content:center;}
	.btm_c [class*="btn_"] {max-width:calc(50% - 10px); width:auto; min-width:calc(50% - 10px)}
}

.cur_status {display:flex; justify-content:flex-start; height:48px; font-size:20px; margin-bottom:50px; border-top:1px solid #1d1d1d; border-bottom:1px solid #ddd}
.cur_status dt {background-color:#E8F2FF; flex:14% 0 0; display:flex; justify-content:flex-start; align-items:center; padding-left:20px; font-size:17px; font-weight:700; color:#222}
.cur_status dd {font-weight:500; padding-left:20px; align-self:center; font-size:17px}
.cur_status dd:first-of-type {flex:35% 0 0; color:#0055a2; margin-right:30px}
.cur_status dd:last-of-type {flex:auto 1 1; 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 > .sub {width:1600px; margin:0 auto; padding-top:36px; }
#main .main_visual {margin-bottom:60px; width:100%; height:500px;  ;position:relative}
#main .main_visual #main-slider { overflow:hidden; width:100%; height:500px; position:relative; display:flex; justify-content: center;}
#main .main_visual .inner {width:1600px; height:500px; margin:0 auto; padding:50px 0; position:relative;z-index:1000}
#main .main_visual .inner h2 {padding-left:50px}
#main .main_visual .inner p {position:absolute; top:0; left:0 }
#main .main_visual .inner .button_link {display:block; width:169px; height:48px; line-height:47px; position:relative; top:282px; left:50px; border-radius:8px; border:1px solid #0078FC; background:#FFF; box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.25); color:#0078FC; text-align:left; padding-left:17px; font-weight:500}
#main .main_visual .inner .button_link:after {display:block; content:""; position:absolute; width:13px; height:20px; right:15px; top:13px; background:url(../img/main/ico_arr_bl.png) 0 50% no-repeat;}

#main .main_visual .sl_item {position:relative}
#main .main_visual .sl_item.slide1 {background: linear-gradient(90deg, #1EB7F9 0%, #1E63F9 100%);}
#main .main_visual .sl_item.slide2 {background: linear-gradient(90deg, #A1DA67 0%, #5BDA8C 100%);}
#main .main_visual .sl_item.slide2 .button_link {width:184px}
#main .main_visual .sl_item:before {display:block; content:""; width:100%; height:500px; background:url(../img/main/bg_main_visual.png) 50% 100% no-repeat; position:absolute; top:0; left:0}

#main .main_visual .slick_control {width:100%; position:absolute; bottom:30px; left:0; z-index:1000; display:flex; justify-content:center; }
#main .main_visual .slick_control .container {display:grid; grid-auto-flow:column; justify-content:center; align-items:center; width:auto; min-width:115px; height:30px; border-radius: 1000px; background: rgba(255, 255, 255, 0.85);}
#main .main_visual .slick_control .container .dotswrap {height:10px}
/*#main .main_visual .control .btn_ctrl {display:block; width:24px; height:24px; position:absolute; text-indent:-9999px}
#main .main_visual .control .pause {left:112px; top:4px;background:url(../images/ico_pause.png) 0 0 no-repeat; background-size:100% auto;}
#main .main_visual .control .play {left:117px; top:9px; background:url(../images/ico_play.png) 0 0 no-repeat; background-size:14px auto;}*/

#main .main_visual .arrows {min-width:40px; width:auto; display:flex; justify-content:space-between; align-items:center;}
#main .main_visual .slick-prev {width:16px; height:16px; background:url(../img/main/ico_arr_l.png) 50% 50% no-repeat; text-indent:-9999px }
#main .main_visual .slick-next {width:16px; height:16px; background:url(../img/main/ico_arr_r.png) 50% 50% no-repeat; text-indent:-9999px}

#main .main_visual .slick-dots {min-width:50px; width:auto; display:flex; justify-content:flex-start; align-items:center; gap:0 10px; }
#main .main_visual .slick-dots button {width:6px; height:8px; border-radius:100%; background: rgba(85, 85, 85, 0.50);text-indent:-9999px}
#main .main_visual .slick-dots .slick-active button {width:21px; border-radius:5px; background-color:#555555}

#main .news_area {width:1600px; height:520px; margin:0 auto 36px; display:grid; grid-template-columns:483px auto; gap:0 24px;}
#main .news_area .left {display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start}
#main .news_area .left .tit {color:#222;}
#main .news_area .left .tit h3 {font-size:76px; font-weight:700; line-height:1; margin-bottom:20px}
#main .news_area .left .tit h3 + p {font-size:25px; font-weight:500; margin-bottom:20px}
#main .news_area .left .tit p + a {font-size:19px;}

#main .news_area .right {border-left:1px solid #D9D9D9; padding-left:24px}
#main .news_area .right ul {padding:24px;}
#main .news_area .right .subj {height:48px; margin-bottom:24px; color:#222; font-size:32px; font-weight:700; display:grid; grid-template-columns:80px auto 110px; gap:0 16px}
#main .news_area .right .subj [class*="stk"] {display:flex; width:80px; height:42px; padding:0 6px; justify-content:center; align-items:center; border-radius:6px; font-size:21px; color:#fff; font-weight:600; margin-right:16px}
#main .news_area .right .subj .date {font-size:21px; color:#888; font-weight:500; align-self:center }
#main .news_area .right .subj .stk1 {background:#A3CA16;}
#main .news_area .right .subj .stk2 {background:#DE7650;}
#main .news_area .right .subj .stk3 {background:#69A4F2;}
#main .news_area .right .cont {font-size:21px; color:#888; font-weight:500; line-height:150%; height:64px;  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
#main .news_area .right li:not(:last-of-type) {margin-bottom:32px}
#main .news_area .right a:hover {color:inherit}

#main .banner_area {width:1600px; height:220px; margin:0 auto 36px;}
#main .banner_area ul {height:100%; overflow:hidden;}
#main .guide_area {width:1600px;  margin:0 auto 60px;}
#main .guide_area ul {width:100%;  height:500px; display:flex; justify-content:space-between; gap:0 24px;}
#main .guide_area li {width:382px; background:; border-top-left-radius:12px; border-top-right-radius:12px;}
#main .guide_area li:before {display:block; content:"";  width:100%; height:320px; }
#main .guide_area li.item1 {background:#CBE2FA url(../img/main/ion_btm_ev1.png) 50% 38px no-repeat}/*증명서발급*/
#main .guide_area li.item2 {background:#CBE2FA url(../img/main/ion_btm_ev2.png) 50% 55px no-repeat}/*온라인심사이용안내*/
#main .guide_area li.item3 {background:#CBE2FA url(../img/main/ion_btm_ev3.png) 50% 57px no-repeat}/*온라인심사모의체험*/
#main .guide_area li.item4 {background:#CBE2FA url(../img/main/ion_btm_ev4.png) 50% 38px no-repeat}/*온라인심사PC사양*/
#main .guide_area li.item5 {background:#CBE2FA url(../img/main/ion_btm_ev5.png) 50% 57px no-repeat}/*온라인심사소프트웨어*/

#main .guide_area li p {height:180px; background:#0078FC;  border-bottom-left-radius:12px; border-bottom-right-radius:12px; display:flex; flex-direction:column; justify-content:center; align-items:center }
#main .guide_area li p strong {color:#fff; font-size:34px; font-weight:700; margin-bottom:16px}
#main .guide_area li p .button_link {position:relative; width:115px; height:48px; line-height:47px; border-radius:8px; border:1px solid #FFF; background:#FFF; box-shadow:0 0 25px 0 rgba(0, 0, 0, 0.10);color:#0078FC; text-align:left; padding-left:17px; font-weight:500}
#main .guide_area li p .button_link:after {display:block; content:""; position:absolute; width:13px; height:20px; right:15px; top:13px; background:url(../img/main/ico_arr_bl.png) 0 50% no-repeat;}
#main .btn_m_xs {width:168px; height:42px; border-radius:6px; padding:0 15px; font-size:15px; font-weight:600; }
#main .btn_m_xs.bl {background-color:#2857CE; color:#fff}
#main .btn_m_xs.wg {border:1px solid #54B437; background-color:#fff; color:#54B437}
#main .btn_reg {width:300px; height:64px; border-radius: 12px; background: linear-gradient(93deg, #00B0FC 5.52%, #0078FC 86.6%); font-size:21px; color:#fff; font-weight:700}

#main .btn_s.srch {width:200px; background:#0078FC url(../img/main/ico_find.png) calc(50% - 30px) 50% no-repeat; color:#fff; border:1px solid #0078FC; padding-left:30px }
#main .btn_s.xsl  {width:200px; background:#fff url(../img/main/ico_xsl.png) 36px 50% no-repeat; color:#00733B; border:1px solid #00733B; padding-left:30px; margin-left:20px }

/*
#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: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; width:40px; height:40px; border:1px solid #DADADA; border-radius:6px; font-size:19px}
.pagination__item a:hover, { text-decoration:underline;}
.pagination__item.active { color:#ffffff; background-color:var(--gl-ltblue); border: none; font-weight:500}
.pagination__item.active a {color:inherit; }
.pagination__item:disabled { background-color: #dedede; pointer-events: none;}
.pagination__item.prev::before { content: ""; width: 7px; height: 10px; background-image: url(../img/icon__pagination__next--blue.png); background-size: cover; transform: rotate(-180deg);}
.pagination__item.prev:disabled::before { content: ""; width: 7px; height: 10px; background-image: url(../img/icon__pagination__prev--gray.png); background-size: cover; transform: none;}
.pagination__item.first::before { content: ""; width: 11px; height: 10px; position: relative; background-image: url(../img/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(../img/icon__pagination__first--gray.png); background-size: cover; transform: none;}
.pagination__item.next::before { content: ""; width: 7px; height: 10px; background-image: url(../img/icon__pagination__next--blue.png); background-size: cover;}
.pagination__item.next:disabled::before { content: ""; width: 7px; height: 10px; background-image: url(../img/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(../img/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(../img/icon__pagination__first--gray.png); transform: rotate(-180deg); background-size: cover;}
.pagination__container { display: flex;  justify-content: center;}
.pagination { display: flex;}
.pagination > * { margin-right: 5px;}
.pagination__number-group {display: flex; flex-wrap: wrap; padding: 0 10px; gap:0 5px}
.pagination__number-group > li + li { margin-left: 2px;}


.pagination_smart {margin: 30px 0; text-align: center; display:flex; justify-content:center; align-items:center; gap:0 5px}
.pagination_smart a {display:flex; justify-content: center;  align-items: center;  width: 40px;  height: 40px; font-size:19px; border:1px solid #DADADA; border-radius:6px;}
.pagination_smart .active { color:#ffffff; background-color:var(--gl-ltblue); border: none;}
.pagination_smart strong {display:block; font-size:19px; width:40px; height:40px; line-height:40px;  background-color:var(--gl-ltblue); border-radius:6px; color: #fff; font-weight:500}
.pagination_smart .btn_g  {display:flex; justify-content:center; align-items:center; width:40px; height:40px; text-indent:-9999px}
.pagination_smart .btn_g:before,
.pagination_smart .btn_g:after {display:block; content:"";}
.pagination_smart .first:before {content: ""; width: 11px;  height: 10px;  position: relative;  background-image: url(../img/icon__pagination__last--blue.png);  background-size: cover;  transform: rotate(-180deg);}
.pagination_smart .prev:before {content: ""; width: 7px; height: 10px; background-image: url(../img/icon__pagination__next--blue.png);  background-size: cover; transform: rotate(-180deg);}
.pagination_smart .last:after {content: ""; width: 11px; height: 10px; position: relative;  margin-right: 1px; background-image: url(../img/icon__pagination__last--blue.png); background-size: cover;}
.pagination_smart .next:after {content: "";  width: 7px;  height: 10px;  background-image: url(../img/icon__pagination__next--blue.png);  background-size: cover;}
.pagination_smart .prev {margin-right:10px}
.pagination_smart .next {margin-left:10px}

@media all and (max-width: 768px) {
  .pagination__item {
    width: 21px; height: 21px; border-radius:3px; font-size: 14px;
  }
}
.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;
}


/** 2025-09 추가  **/
.cnt_grid_both {display:grid; grid-template-columns: 1fr 1fr; gap:0 24px}
.itm_wbt_flex {display:flex; justify-content:space-between; align-items:center; gap:0 20px; max-width:500px}
.itm_wbt_flex [class*="btn_"]{flex:0 0 200px }
.itm_cmt_flex {display:flex; justify-content:space-between; align-items:center; gap:0 20px}
.itm_cmt_flex p {margin-bottom:0}
.itm_cmt_flex + .infoform, .noti_rq + .infoform {margin-top:10px}

@media all and (max-width: 768px) {
	.itm_cmt_flex {justify-content:flex-start; flex-direction:column; align-items:flex-start; gap:0 20px}
	.itm_cmt_flex .noti_guide {order: 2}
	.itm_cmt_flex .noti_rq {order: 1; align-self: flex-end; margin-bottom:10px;}
	.itm_cmt_flex + .infoform, .noti_rq + .infoform {margin-top:30px}
}

@media all and (max-width: 430px) {
	.itm_wbt_flex {justify-content:flex-start; flex-direction:column; align-items:flex-start; gap:10px 20px}
 	.itm_wbt_flex [class*="btn_"]{width:100%; flex:1 1 auto;}

}

.searchBox {display:flex; justify-content: flex-start; gap:0 8px; background-color: #E8F2FF; border:1px solid #ddd; padding:32px; border-radius:12px;}
.searchBox + h3 {margin-top:40px;}
.searchBox select {width:260px; height:48px}
.searchBox input[type="text"] {width:324px; height:48px}
.search_area {width:100%; display:grid; grid-template-columns:100%;  grid-template-rows:auto; gap:16px 0; background-color: #E8F2FF; border:1px solid #ddd; padding:32px; border-radius:12px;}
.search_area  input[type="text"],
.search_area  select  {height:48px}
.search_area .col-1 {display:grid; grid-template-columns:5fr 1fr;}
.search_area .col-2 {display:grid; grid-template-columns:468px auto; gap:0 20px}
.search_area .col-2-1 {display:grid; grid-template-columns:498px auto; gap:0 20px}
.search_area .col-3 {display:grid; grid-template-columns:1fr 1fr 1fr; gap:0 20px}
.search_area .col-3-1 {display:grid; grid-template-columns:400px 400px auto; gap:0 20px}
.search_area .col-3x2 {display:grid; grid-template-columns:1fr 1fr 1fr; grid-template-rows:48px 48px; gap:16px 40px}
.search_area .col-3-2 {display:grid; grid-template-columns:400px auto 250px; grid-template-rows:48px; gap:16px 20px}
.search_area .flx {display:flex; justify-content:space-between; align-items:center}

.search_area .col-4 {display:grid; grid-template-columns:1fr 1fr 1fr 200px; gap:0 30px}
.search_area li,.search_area p {display:flex; justify-content:flex-start; align-items:center}

.search_area .jsal_r {justify-self: end;}
.search_area .jsal_c {justify-self: center;}

.search_area .jcal_b {justify-content:space-between;}
.search_area .inp_inner {display:flex; justify-content:flex-start; align-items:center; gap:0 20px}
.search_area .item_name {width:100px; display:inline-flex; color:var(--gl-dkgry); font-size:19px; font-weight:700}
.search_area .item_name_l {min-width:100px; display:inline-flex; color:var(--gl-dkgry); font-size:19px; font-weight:700; margin-right:20px}

.search_area .btns {justify-self: right; display:flex; justify-content: space-between; gap:1 20px}
.search_area .inp_w_full {width:calc(100% - 120px) !important;}
.search_area .col-1 .inp_w_full {width:910px !important; justify-self:start;}
.search_area input[type="text"] + .btn_s {margin-left:10px}

.datepickerUi {position:relative}
.datepickerUi  .ui-datepicker-trigger {position:absolute; right:10px; top:9px; margin:unset; width:24px; height:24px; }

.prog_step {margin-top:40px; margin-bottom:40px}
.prog_step h3 {color:#222; font-size:25px; margin-bottom:20px; text-align:center}
.prog_step ul {display:flex; justify-content:space-evenly; align-items:center}
.prog_step li {border-radius:999px; width:229px; height:60px; text-align:center; line-height:60px; color:#fff; font-weight:700; position:relative}
.prog_step li:after {display:block; position:absolute; top:15px; right:-50px; content:""; width:16px; height:28px; background:url(../img/ico_g_arr.png) 50% 50% no-repeat; }
.prog_step li:last-of-type:after{display:none}
.prog_step li.cmp {background-color:#aaa}
.prog_step li.cur {background-color:#F84040}
.prog_step li.due {border:1px solid #888; background-color:#fff; color:#888}


.simul_util {display:grid; grid-template-columns:1fr 1fr 1fr; gap:0 24px; height:128px; margin-bottom:60px}
.simul_util li {border:1px solid #ddd; border-radius:12px; padding:24px; display:flex; justify-content:space-between }
.simul_util li a {color:#222; font-weight:700; display:flex; justify-content:flex-start}
.simul_util li a:before {display:inline-block; content:""; width:80px; height:80px; margin-right:24px;}
.simul_util li a span {width:365px; position:relative; font-size:28px; margin-top:5px}
.simul_util li a span:after {display:inline-block; content:""; position:absolute; right:0; bottom:0; background:url(../img/ico_down_g.png) 0 50% no-repeat; width:28px; height:28px;}
.simul_util li:nth-child(1) a {background:url(../img/ico_simul1.png) 0% 50% no-repeat; }
.simul_util li:nth-child(2) a {background:url(../img/ico_simul2.png) 0% 50% no-repeat; }
.simul_util li:nth-child(3) a {background:url(../img/ico_simul3.png) 0% 50% no-repeat; }
.simul_util li:nth-child(3) a span:after {background:url(../img/ico_exp.png) 0 50% no-repeat;}

.simul_condi {display:grid; grid-template-columns:1fr 1fr 1fr; gap:0 24px; margin-top:20px; margin-bottom:40px}
.simul_condi .condi {border:1px solid #ddd; background-color:#EEF7FF; border-radius:12px; padding:32px;}
.simul_condi .condi em,
.simul_condi .condi span {display:block}
.simul_condi .condi em {width:50px; height:50px; background: linear-gradient(152deg, #00B9FC 14.03%, #0078FC 87.27%); border-radius: 999px; font-size:26px; color:#fff; line-height:50px; text-align:center}
.simul_condi .condi span {text-align:right; font-size:25px; font-weight:700; color:#222; line-height:1;}
.simul_condi .condi span strong {font-size:88px; color:#0078FC; font-weight:600; vertical-align:sub; margin:0 5px}
.simul_condi .contact .txt {font-size:21px; color:#222; margin-bottom:12px} 
.simul_condi .contact .info {display:flex; justify-content:space-between; gap:0 8px; margin-top:50px}
.simul_condi .contact .info span {display:flex; justify-content:flex-start;  align-items:center; height:57px; border:1px solid #ddd; border-radius:12px; padding:12px 24px; color:#222; font-size:22px}
.simul_condi .contact .info span.call {width:214px;}
.simul_condi .contact .info span.mail {width:295px}
.simul_condi .contact .info span.call:before,
.simul_condi .contact .info span.mail:before {display:inline-block; content:""; width:30px; height:29px; background-position:0 0; background-repeat:no-repeat; margin-right:13px}
.simul_condi .contact .info span.call:before {background-image:url(../img/ico_call.png)}
.simul_condi .contact .info span.mail:before {background-image:url(../img/ico_mail.png)}

.simul_guide {font-size:21px; color:#222; line-height:150%; margin:32px 0 40px}
.simul_guide ol {margin-bottom:24px}
.simul_guide .contact .info {display:flex; justify-content:flex-start; gap:0 24px; margin-top:20px}
.simul_guide .contact .info span {display:flex; justify-content:center;  align-items:center; width:360px; height:57px; border:1px solid #ddd; border-radius:12px; padding:12px 24px; color:#222; font-size:22px}
.simul_guide .contact .info span.call:before,
.simul_guide .contact .info span.mail:before {display:inline-block; content:""; width:30px; height:29px; background-position:0 0; background-repeat:no-repeat; margin-right:13px}
.simul_guide .contact .info span.call:before {background-image:url(../img/ico_call.png)}
.simul_guide .contact .info span.mail:before {background-image:url(../img/ico_mail.png)}


.card {width:100%; min-height:440px; background:linear-gradient(94deg, #21AAFF 0.13%, #006DFB 80.89%); padding:32px; border-radius:20px; color:#fff; background-repeat:no-repeat; position:relative}
.card:after {display:block; content:""; width:100%; height:440px; background:url(../img/bg_card.png) 100% 100% no-repeat; position:absolute; bottom:-100px; left:0; z-index:0; opacity:0.05;}
.card .top {padding:0 12px 30px; border-bottom:1px dashed #fff; display:flex; justify-content:space-between;}
.card .top h3 {font-size:70px; font-weight:500; letter-spacing:-2px; line-height:1}
.card .top h3 span {font-size:25px; margin-left:15px; font-weight:400}
.card .top button {align-self:end; border-radius:12px; width:300px; height:64px; background:#FFF8C3; color:#0078FC; text-align:center; position:relative; font-size:21px; font-weight:700}
.card .top button:after {display:block; content:""; position:absolute; width:13px; height:20px; right:25px; top:21px; background:url(../img/ico_arr_bl.png) 0 50% no-repeat;}
.card .ev_info {padding-top:44px}
.card .ev_info li {display:flex; justify-content:flex-start; align-items:end;}
.card .ev_info li > p:not(last-of-type) {display:flex; justify-content:flex-start; align-items:center;  margin-bottom:50px; padding-left:24px;  font-size:25px; }
.card .ev_info li > p:first-of-type {margin-right:50px}
.card .ev_info li > p > span { width:180px; align-self:end; }
.card .ev_info li > p > em {line-height:1;letter-spacing:-2px; white-space:nowrap}
.card .ev_info li > p > em strong { font-size:52px; color:#FFF8C3; font-weight:400; margin-left:5px; margin-right:5px}
.card .ev_info li.both_strch {justify-content:space-between}
.card .ev_info.bottom  li p:last-of-type {margin-bottom:25px}
.card.type2 .bottom {display:grid; grid-template-columns:2fr 1fr; padding-top:0}
.card.type2 .bottom li {display:block;}
#main .card {width:1600px; margin:36px auto 60px}

.box_u_guide {border-radius:12px; border:1px solid #DDD; background:#E8F2FF; display:flex; padding:50px; flex-direction:column; justify-content:center; align-items:flex-start; color: #222;font-size: 21px; margin-bottom:60px;}
.box_item {border-radius:12px; border:1px solid #DDD; background:#E8F2FF; padding:24px 32px; color: #222;}
.box_item ol.agd {display:flex; justify-content:space-between; align-items:center; font-size:25px; font-weight:700; gap:0 24px}
.box_item ol.agd li.w50 {width:calc(50% - 12px); flex:0 0 50%}
.box_item ol.agd li.w25 {width:calc(25% - 12px); flex:0 0 25%}

.prog {display:flex; justify-content: space-between;}
.prog li {display:flex; justify-content:flex-start; flex-direction: column; align-items:center; position:relative}
.prog li:after {position:absolute; top:0; right:-120px; display:inline-block; content:""; width:50px; height:260px; background:url(../img/ico_arr_b.png) 50% 50% no-repeat}
.prog li:last-child:after {display:none}
.prog li p.rep {width:260px; height:260px; border-radius:100%; background: linear-gradient(180deg, #80BCFF 50%, #0078FC 100%); padding:20px}
.prog li p.rep > strong {width:220px; height:220px; display:block; background-color:#fff; border-radius:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; font-size:21px; color:#222; line-height:150%}
.prog li p.rep > strong:before {display:inline-block; content:""; width:24px; height:24px; margin-bottom:5px }
.prog li p.rep > strong.ico1:before {background:url(../img/ico_guide1.png) 0 0 no-repeat;}
.prog li p.rep > strong.ico2:before {background:url(../img/ico_guide2.png) 0 0 no-repeat;}
.prog li p.rep > strong.ico3:before {background:url(../img/ico_guide3.png) 0 0 no-repeat;}
.prog li p.rep > strong.ico4:before {background:url(../img/ico_guide4.png) 0 0 no-repeat;}
.prog li p.rep > strong.ico5:before {background:url(../img/ico_guide5.png) 0 0 no-repeat;}
.prog li p.rep > strong.ico6:before {background:url(../img/ico_guide6.png) 0 0 no-repeat;}
.prog li p.rep > strong.ico7:before {background:url(../img/ico_guide7.png) 0 0 no-repeat;}
.prog li p.rep > strong.ico8:before {background:url(../img/ico_guide8.png) 0 0 no-repeat;}
.prog li p.rep > strong.ico9:before {background:url(../img/ico_guide9.png) 0 0 no-repeat;}
.prog li p.subtxt {padding-top:30px; text-align:center; color:#555; font-size:18px;}

.guide_container {display:flex; justify-content:space-between; }
.guide_container > div {width:calc(50% - 10px)}
.guide_container .left table + ul {margin-top:20px}
.guide_container .left table + ul li {line-height:150%; font-size:21px; color:#222;}
.guide_container .left table + ul li:before {display:inline-block; content:""; width:6px; height:6px; background-color:#222; border-radius:100%; vertical-align:top; margin-top:13px; margin-right:10px}
.guide_container .right li {padding-left:200px; height:200px; display:flex; justify-content:center; align-items:flex-start; flex-direction: column; color:#222; line-height:150%}
.guide_container .right li:first-of-type {background:url(../img/img_guide5_1.png) 0% 0% no-repeat; padding-bottom:30px}
.guide_container .right li:last-of-type {background:url(../img/img_guide5_2.png) 0% 30px no-repeat; border-top:1px solid #c6c6c6; padding-top:30px}
.guide_container .right li strong {font-size:25px; display:block; margin-bottom:5px}

.online_ev_sw {display:flex; justify-content:space-between; gap:106px; margin-top:100px}
.online_ev_sw li {flex:0 0 300px; padding-top:320px; text-align:center}
.online_ev_sw li:nth-child(1) {background:url(../img/img_guide6_1.png) 50% 0 no-repeat}
.online_ev_sw li:nth-child(2) {background:url(../img/img_guide6_2.png) 50% 0 no-repeat}
.online_ev_sw li:nth-child(3) {background:url(../img/img_guide6_3.png) 50% 0 no-repeat}
.online_ev_sw li:nth-child(4) {background:url(../img/img_guide6_4.png) 50% 0 no-repeat}
.online_ev_sw li strong {color:#222; font-size:25px;}
.online_ev_sw li .btn_s {width:193px; margin:7px auto}
/*.online_ev_sw li strong:after {display:inline-block; content:""; width:28px; height:28px; background:url(../img/ico_down_g.png) 50% 0 no-repeat; background-size:20px auto; margin-left:15px; vertical-align:middle;}*/