@charset "utf-8";
:root{
	--content-w:1240px;

	--color:#3f424b;
	--color2:#f8616f;
	--color3:#f75665;
	--color4:#656fa8;
	--color-btn:#3f424b;

	--font-color:#222;

	--h:50px;

	--lh:48px;

	--border:solid 1px #ddd;

	--radius:5px;
}

#bo_list,
#bo_w,
#bo_v {display:block;position:relative;width:100%; padding:10px;}

#bo_btn_top {position:relative;margin:0 0px 20px 0px;}
#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}

#bo_btn_top #bo_list_total {float:left;font-size:16px;line-height:40px;font-weight:500;}
#bo_btn_top #bo_list_total strong {color:#222;font-weight:500;}

/* category */
#bo_cate {position:relative;margin:0 0 40px 0;}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_cate .swiper-slide {width:auto}
#bo_cate {white-space:nowrap;overflow:hidden}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:inline-block;}
#bo_cate a {display:block;position:relative;padding:0 16px;color:#999;line-height:52px;background:#fff;border:var(--border);border-radius:var(--radius);}
#bo_cate a:hover {color:var(--color2);}
#bo_cate::-webkit-scrollbar {display:none}
#bo_cate #bo_cate_on {color:#fff;font-weight:600;background:var(--color);border:solid 1px var(--color);}

#bo_cate .swiper-button-wrap {display:block;position:absolute;right:0px;top:0px;background:rgba(255,255,255,0.8);z-index:9;}
#bo_cate .swiper-button-wrap:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate .swiper-btn-next,
#bo_cate .swiper-btn-prev {float:left;width:30px;height:52px;text-align:center;cursor:pointer;}
#bo_cate .swiper-btn-next i,
#bo_cate .swiper-btn-prev i {color:var(--color2);font-size:16px;line-height:52px;}

@media screen and (max-width:980px) {
#bo_cate a {font-size:14px;line-height:42px;}

#bo_cate .swiper-btn-next,
#bo_cate .swiper-btn-prev {height:44px;}
#bo_cate .swiper-btn-next i,
#bo_cate .swiper-btn-prev i {line-height:44px;}
}

/* select */
#bo_list .select {}
#bo_list .select select {height:40px;line-height:38px;font-size:15px;}
#bo_list .select:after {width:40px;height:40px;line-height:40px;}
#bo_list .select select option {padding:10px;font-size:14px;}


ul.bo_w_option {}
ul.bo_w_option:after {display:block;visibility:hidden;clear:both;content:""}
ul.bo_w_option li {display:block;float:left;margin:0 24px 0 0;}
ul.bo_w_option li:last-child {margin:0;}

.bo_sch_wrap {display:block;width:100%;margin:0 0 20px 0;border:solid 1px #ddd;border-radius:4px;overflow:hidden;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.bo_sch {display:block;position:relative;}
.bo_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
/*.bo_sch .select {float:left;width:30%;}
.bo_sch .select:after {width:38px;height:38px;line-height:38px;}
.bo_sch .select select {height:38px;line-height:38px;border:none;}
.bo_sch #sfl {display:block;}*/
.bo_sch .sch_bar {display:block;position:relative;width:100%;/*float:left;width:70%;*/}
.bo_sch #stx {display:block;width:100%;height:38px;padding:0 10px;font-size:15px;line-height:38px;background:#fff;border:none;}
.bo_sch button.sch_btn {display:block;position:absolute;right:10px;top:0;width:38px;height:38px;color:#bbb;font-size:18px;text-align:center;line-height:38px;background:none;border:none;}


.bo_fx {}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}

ul.btn_bo_user {display:block;float:right;}
ul.btn_bo_user:after {display:block;visibility:hidden;clear:both;content:""}
ul.btn_bo_user.bo_v_com {float:none;position:absolute;right:10px;top:10px;z-index:1;}
ul.btn_bo_user li {display:block;float:left;position:relative;margin:0 0 0 4px;}
ul.btn_bo_user li .btn {width:auto;height:40px;font-size:14px;line-height:40px;}
ul.btn_bo_user li .btn i {font-size:14px;}
ul.btn_bo_user li .btn_more_opt {width:24px;padding:0;background:none;}
ul.btn_bo_user li .btn_more_opt i {color:#999;font-size:14px;}
ul.btn_bo_user li ul.more_opt {display:none;position:absolute;right:0;top:36px;background:#fff;border:solid 1px #ddd;z-index:1}
ul.btn_bo_user li ul.more_opt li {float:none;margin:0;border-bottom:dashed 1px #ddd;}
ul.btn_bo_user li ul.more_opt li:last-child {border-bottom:none;}
ul.btn_bo_user li ul.more_opt li a,
ul.btn_bo_user li ul.more_opt li button {display:block;width:80px;color:#999;font-size:12px;line-height:40px;text-align:center;background:none;border:none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
ul.btn_bo_user li ul.more_opt li a i,
ul.btn_bo_user li ul.more_opt li button i {color:#999;font-size:12px;}
ul.btn_bo_user li ul.more_opt li a:hover,
ul.btn_bo_user li ul.more_opt li button:hover {color:#ff7700;background:#eee;}
ul.btn_bo_user .btn.btn_admin {width:40px;}


.all_chk {margin:0 0 10px 0;}

/* list */
#line_type {margin:0 0 30px 0;}
#line_type ul {display:block;border-top:solid 2px #222;}
#line_type ul li {display:block;position:relative;padding:20px 0;border-bottom:solid 1px #ddd;}
#line_type ul li.bo_notice {}
#line_type ul li .chk_box {display:block;position:absolute;left:0;top:0px;}

#line_type ul li .bo_cate_link,
#line_type ul li .new_icon,
#line_type ul li .notice_icon {display:inline-block;padding:0 8px;font-size:13px;font-weight:400;border-radius:3px;}

#line_type ul li .new_icon {color:#fff;line-height:24px;background:#4ebf7f;border:none;}
#line_type ul li .bo_cate_link,
#line_type ul li .notice_icon {line-height:24px;background:#f5f5f5;border:solid 1px #ddd;}

#line_type ul li .file_icon {display:inline-block;width:24px;height:24px;margin:0 0 0 8px;text-align:center;line-height:24px;background:#eee;border-radius:50%;}

#line_type ul li a.bo_tit {display:block;margin:10px 0;color:#222;font-size:17px;font-weight:500;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
#line_type ul li .bo_date {color:#999;font-size:14px;}

.pg_wrap {margin:30px 0 0 0;}


/* write */
#bo_w  .frm_input {
	width: 100%;
    height: 50px;
    padding: 0 20px;
    font-size: 18px;
    font-weight: normal;
    border: 1px solid #e9e9e9;
    border-radius: 10px;
}


#bo_w .select {position:relative;}
#bo_w .select select {display:block;width:100%;height:var(--h);padding:0 10px;background:#fff;cursor:pointer;outline:none;
-webkit-appearance: none;
appearance: none;
}
#bo_w .select select:focus {}
#bo_w .select::after {content:"\e941";display:block;position:absolute;right:16px;top:0px;height:100%;font-family:"xeicon";font-size:14px;text-align:center;line-height:var(--h);background:none;z-index:1;cursor:pointer;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
pointer-events:none;
}
#bo_w .select.selected:after {color:#ff7700;
-webkit-transform:rotate(-180deg);
transform:rotate(-180deg);
}


#bo_w .file_wr .frm_file:after {width:40px;height:40px;font-size:14px;}

.write_div {display:block;position:relative;padding:18px 0px 18px 0px;border-bottom:solid 1px #eee;}
.write_div:after {display:block;visibility:hidden;clear:both;content:""}
.write_div .dot {display:inline-block;width:4px;height:4px;margin:0 0 14px 3px;background:#f00001;border-radius:50%;vertical-align:middle;}

.write_div.bo_w_info label,
.write_div.bo_w_select label,
.write_div.bo_w_tit label,
.write_div.bo_w_link label,
.write_div.bo_w_file label,
.write_div.bo_w_opt .label {display:block;position:relative;margin:0 0 12px 0;padding:0px;font-weight:500;line-height:normal}
.write_div i {margin:0 12px 0 0;color:#999;font-size:14px;}

.write_div.bo_w_content {padding:18px 0px;}

ul.bo_v_option {}
ul.bo_v_option:after {display:block;visibility:hidden;clear:both;content:""}
ul.bo_v_option li {display:block;float:left;margin:0 24px 0 0;}
ul.bo_v_option li:last-child {margin:0;}

/* 자동저장 */
#autosave_wrapper {position:relative;}
#autosave_wrapper .btn {display:none;position:absolute;right:2px;bottom:2px;height:42px;font-size:13px;line-height:42px;}
#autosave_wrapper .btn span {color:#ff7700;font-weight:500;}
#autosave_pop {display:none;position:absolute !important;z-index:10;right:0;top:39px;width:100%;height:auto !important;height:180px;max-height:180px;background:#fff;border:1px solid #999;
-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
}
#autosave_pop:before {content:"";position:absolute;top:-8px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #999 transparent}
#autosave_pop:after {content:"";position:absolute;top:-7px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important}
#autosave_pop button {margin:0;padding:0;border:0}
#autosave_pop ul {height:140px;margin:0 0 40px 0;padding:4px;overflow-y:scroll;border-bottom:1px solid #eee;list-style:none;}
#autosave_pop li {display:block;padding:8px 10px;line-height:normal;border-bottom:1px solid #fff;background:#f6f6f6;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right;position:relative;color:#999;font-size:12px;}

.autosave_close {display:block;position:absolute;left:0;right:0;bottom:0;width:100%;height:40px;color:#999;font-weight:500;background:none;cursor:pointer;}
.autosave_close:hover {color:#ff7700;background:#eee;}
.autosave_content {display:none}
.autosave_del {display:inline-block;position:relative;width:18px;height:18px;text-indent:-999px;overflow:hidden;vertical-align:baseline;background:none;}
.autosave_del:after {content:'\f00d';display:block;position:absolute;left:0;top:0;width:100%;height:100%;color:#bbb;font-family:'FontAwesome';font-size:14px;text-align:center;line-height:18px;text-indent:0;}

.wr_content {background:#fff;}
.wr_content textarea {display:block;width:100%;height:120px;padding:10px;font-size:15px;line-height:160%; border: 1px solid #e9e9e9;
    border-radius: 10px;}

.file_del {display:block;line-height:30px;}
.file_del.chk_box input[type="checkbox"] + label {position:relative;padding:0 0 0 28px;font-weight:300;}


/* view */
#bo_v_top {margin:0 0 10px 0;}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}

#bo_v_title {position:relative;text-align:left;}
#bo_v_title .bo_v_cate {display:block;margin:0 0 8px 0;color:#ff7700;font-weight:normal;}
#bo_v_title .bo_v_tit {display:block;margin:0 0 12px 0;padding:0;font-size:30px;line-height:120%;font-weight:500;letter-spacing:-0.5px;}

#bo_v_info {position:relative;margin:0 0 40px 0;padding:20px 0 20px 0px;border-bottom:solid 1px #eee;}
#bo_v_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_info .pf_img {display:none;position:absolute;left:0;top:0;}
#bo_v_info .pf_img img {width:50px;height:auto;border-radius:50%;}

#bo_v_info .profile_info_ct {text-align:left;}
#bo_v_info .profile_info_ct:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_info .profile_info_ct a,
#bo_v_info .profile_info_ct strong,
#bo_v_info .profile_info_ct strong a {font-weight:400;line-height:24px;}
#bo_v_info .profile_info_ct strong {display:block;float:left;position:relative;margin:0 8px 0 0;padding:0 8px 0 0;font-size: 14px;}
#bo_v_info .profile_info_ct strong:after {content:'';display:block;position:absolute;right:0;top:50%;width:1px;height:14px;margin:-7px 0 0 0;background:#ddd;}
#bo_v_info .profile_info_ct i {font-size:14px;line-height:24px;vertical-align:baseline;}
#bo_v_info .profile_info_ct .if_ip {color:#999;font-size:12px;font-weight:300;}
#bo_v_info .profile_info_ct .if_view,
#bo_v_info .profile_info_ct .if_date {color:#999;font-size:13px;font-weight:300;}
#bo_v_info .profile_info_ct .lv_icon img {width:24px;height:auto;vertical-align:middle;}

#bo_v_info .profile_info_ct strong:last-child {margin:0;padding:0;}
#bo_v_info .profile_info_ct strong:last-child:after {display:none;}

#bo_v_atc {padding:0 40px 40px 40px;}
#bo_v_atc:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_atc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_share {margin:0 0 24px 0;}
#bo_v_share a.btn_scrap {}
#bo_v_share a.btn_scrap i {color:#fdb900;font-size:18px;}
#bo_v_share a.btn_singo {background:#f9f9f9}
#bo_v_share a.btn_singo i {color:#f00001;}
#bo_v_share a.btn_jump {background:#f9f9f9}

#bo_v_link {display:block;margin:0 0 24px 0;}
#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_link ul {display:block;position:relative;}
#bo_v_link ul li {display:block;position:relative;padding:0 0 0 10px;line-height:24px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis; 
-o-text-overflow:ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
#bo_v_link ul li:before {content:'';display:block;position:absolute;left:0;top:50%;width:3px;height:3px;margin:-1.5px 0 0 0;background:#999;border-radius:50%;}
#bo_v_link ul li strong {display:inline-block;position:relative;width:30px;color:#999;font-weight:600;}
#bo_v_link ul li a {}
#bo_v_link ul li a strong {font-weight:300;}
#bo_v_link ul li .bo_v_link_cnt {color:#999;font-size:12px;}

#bo_v_img {margin:20px 0;text-align:center;}
#bo_v_img a {display:block;margin:0 0 20px 0;}
#bo_v_img img {max-width:100%;height:auto;}

#bo_v_con {margin:0 0 60px 0;/*font-size:12px;line-height:160%;*/}

#bo_v_file {display:block;margin:0 0 10px 0;}
#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {display:block;width:100%;max-width:360px;margin:0 auto;}
#bo_v_file ul li {display:block;margin:0 0 10px 0;}
#bo_v_file ul li:last-child {margin:0;}
#bo_v_file ul li a.view_file_download {display:block;position:relative;padding:20px 60px;background:#fff;border:var(--border);border-radius:var(--radius);}
#bo_v_file ul li strong {display:block;position:absolute;left:10px;top:50%;width:40px;height:40px;margin:-20px 0 0 0;padding:0 0 0 8px;}
#bo_v_file ul li strong i {color:#444;font-size:32px;line-height:40px;}
#bo_v_file ul li .icon {display:block;position:absolute;right:10px;top:50%;width:40px;height:40px;margin:-20px 0 0 0;padding:0 0 0 8px;text-align:center;}
#bo_v_file ul li .icon i {color:#444;font-size:20px;line-height:40px;}
#bo_v_file ul li .con {display:block;margin:0 0 0 60px;color:#999;}
#bo_v_file ul li .fileinfo {display:block;margin:0;color:#999;font-size:12px;}

#bo_v_link2 {display:block;margin:0 0 10px 0;}
#bo_v_link2 h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_link2 ul {display:block;width:100%;max-width:360px;margin:0 auto;}
#bo_v_link2 ul li {display:block;margin:0 0 10px 0;}
#bo_v_link2 ul li:last-child {margin:0;}
#bo_v_link2 ul li a {display:block;position:relative;padding:10px 50px;background:#fff;border:var(--border);border-radius:var(--radius);}
#bo_v_link2 ul li strong {display:block;position:absolute;left:10px;top:50%;width:40px;height:40px;margin:-20px 0 0 0;padding:0 0 0 8px;}
#bo_v_link2 ul li strong i {color:#444;font-size:20px;line-height:40px;}
#bo_v_link2 ul li .bo_v_link_cnt {display:inline-block;margin:0;color:#999;font-size:12px;}

#bo_v_sign {position:relative;margin:40px 0 0 0;padding:20px 20px 20px 80px;;background:#f6f6f6;border-radius:var(--radius);}
#bo_v_sign:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sign .sign_img {display:block;position:absolute;left:20px;top:20px;width:50px;}
#bo_v_sign .sign_img img {width:100%;height:auto;border-radius:50%;}
#bo_v_sign .sign_con {line-height:160%;}
#bo_v_sign strong {display:block;margin:0 0 4px 0;font-weight:500;}
#bo_v_sign strong a.btn_article {display:inline-block;margin:0 0 0 8px;padding:0 6px;color:#666;font-size:13px;line-height:24px;font-weight:300;background:#fff;border:solid 1px #ddd;border-radius:3px;}
#bo_v_sign strong a.btn_article i {font-size:8px;vertical-align:middle}


#bo_v_act {position:relative;margin:40px 0;text-align:center;}
#bo_v_act .bo_v_act_gng i{margin-right:10px;}
#bo_v_act .bo_v_good,
#bo_v_act .bo_v_nogood {display:inline-block;padding:0 12px;line-height:var(--lh);background:#fff;border:var(--border);border-radius:var(--radius);cursor:pointer;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#bo_v_act .bo_v_good:hover,
#bo_v_act .bo_v_nogood:hover {color:#f63941;background:#eee;}
#bo_v_act .bo_v_good img,
#bo_v_act .bo_v_nogood img {width:22px;height:auto;margin:0 4px 0 0;}
#bo_v_act .bo_v_good strong,
#bo_v_act .bo_v_nogood strong {font-size:18px;font-weight:500;}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:50%;width:250px;padding:20px;color:#fff;font-weight:300;text-align:center;background:#f63941;z-index:9999;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
#bo_v_act input,
#bo_v_act span,
#bo_v_act a {vertical-align:top;}

#bo_v_act .btn_share {display:inline-block;position:relative;min-width:auto;line-height:var(--lh);;border:var(--border);border-radius:var(--radius);}
#bo_v_act .btn_share i {color:#666;}
#bo_v_act .btn_share:hover {background:#444;}
#bo_v_act .btn_share:hover i {color:#fff;}




ul.btn_bo_user li .btn.btn_act,
ul.btn_bo_user li .btn.btn_submit {color:#fff;background:#6bc5cc !important;}
ul.btn_bo_user li .btn.btn_cancel {color:#6bc5cc; background: #fff;  border: solid 1px #6bc5cc !important;}
ul.btn_bo_user li .btn.btn_normal {color:#6bc5cc ; background: #fff;  border: solid 1px #6bc5cc !important;}


   


#bo_w .btn_confirm {margin:40px 0 0 0;}
#bo_w .btn_confirm .btn {width:120px;height:40px;font-size:14px;line-height:40px;}
#bo_w .btn_confirm .btn.btn_submit {color:#fff;background:#6bc5cc !important; border-radius: 5px !important;}
#bo_w .btn_confirm .btn.btn_cancel {color:#6bc5cc !important; background: #fff;  border: solid 1px #6bc5cc !important; border-radius: 5px !important;}

.source {font-size:14px; font-weight:normal;}

@media screen and (max-width:400px) {
#bo_v_con {width:100%;overflow-x:auto;}
}

.pdf-iframe { width: calc(100% - 60px);
    display: block;;
    margin: 0 auto;
    /* 뷰어의 높이를 설정 (예시: 80vh는 뷰포트 높이의 80%) */
    height: 80vh;
    /* 기본 테두리 제거 */
    border: none;
    /* 스크롤바를 필요할 때만 표시 */
    overflow: auto;
    /* 배경색을 흰색으로 설정 (선택 사항) */
    background-color: #fff; }


.board_header { min-height: 378px; display: flex; flex-direction: column; background: url("/img/exam-bg.png") center no-repeat; background-size: cover; justify-content: center; }
.board_header .board_content { max-width: 1180px; margin: 0 auto; width: 100%; }
.board_header .ed_header { text-align: center; color: #fff; font-size: 40px; font-weight: 700; margin: 0 0 45px; }
.ed_header {display: block;position:relative;left:0;right:0;top:0;margin:0 0 120px 0;font-size:50px;font-weight:800;text-align:center; }

.board_header .board_content #search {position:relative;margin:0 0 39px; }
.board_header .board_content #search .input {display:block;width:100%;height:63px;padding:0 40px;font-size:22px;font-weight:600;background:#fff;border:none;border-radius:10px;}
.board_header .board_content #search .btn_search {display:block;position:absolute;right:20px;top:0;width:70px;height:70px;font-size:32px;background:none;border:none;}
.board_header .board_content .btn-box { display: flex; justify-content: center; gap: 16px; }
.board_header .board_content .btn-box a { background: #17383c; display: flex; width: 250px; height: 45px; justify-content: center; align-items: center; color: #fff; border-radius: 12px; font-weight: 400; font-size: 17px; }


.bo_sch_wrap {display:block;float:right;width:420px;border:var(--border);border-radius:var(--radius);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.bo_sch {display:block;position:relative;}
.bo_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.bo_sch .select {float:left;width:30%;}
.bo_sch .select:after {height:44px;line-height:44px;}
.bo_sch .select select {height:44px;line-height:44px;border:none;}
.bo_sch #sfl {display:block;}
.bo_sch .sch_bar {display:block;float:left;position:relative;width:70%;}
.bo_sch #stx {display:block;width:100%;height:44px;padding:0 10px;line-height:42px;background:#fff;border:none;}
.bo_sch button.sch_btn {display:block;position:absolute;right:0;top:0;width:44px;height:44px;color:#bbb;font-size:16px;text-align:center;line-height:44px;background:none;border:none;}

@media screen and (max-width:980px) {
#bo_btn_top #bo_list_total {font-size:13px;}

.bo_sch_wrap {clear:both;float:none;width:100%;}
}


#photo_type {display:block;width:100%;}
#photo_type:after {display:block;visibility:hidden;clear:both;content:""}
#photo_type .item {display:block;float:left;width:24%;margin:0 1.33% 30px 0;}
#photo_type .item:nth-child(4n) {margin:0 0 30px 0;}

@media screen and (max-width:1280px) {
#photo_type {padding:0 10px;}
}

@media screen and (max-width:980px) {
#photo_type .item {width:32%;margin:0 2% 30px 0;}
#photo_type .item:nth-child(4n) {margin:0 2% 30px 0;}
#photo_type .item:nth-child(3n) {margin:0 0 30px 0;}
}

@media screen and (max-width:540px) {
#photo_type .item {width:49%;margin:0 2% 30px 0;}
#photo_type .item:nth-child(4n) {margin:0 2% 30px 0;}
#photo_type .item:nth-child(3n) {margin:0 2% 30px 0;}
#photo_type .item:nth-child(2n) {margin:0 0 30px 0;}
}


#photo_type .item_box {
    display: block;
    position: relative;
}

#photo_type .thumb {
    display: block;
    position: relative;
    margin: 0 0 20px 0;
    border-radius: var(--radius);
    overflow: hidden;
    width: 100%;
    /* 기존 height: 170px 삭제 후 아래 속성 추가 */
    aspect-ratio: 1 / 1; 
}

#photo_type .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 이미지가 찌그러지지 않게 비율 유지하며 채움 */
    border: 1px solid #ddd;
    box-sizing: border-box; /* 테두리가 너비에 포함되도록 설정 */
    
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

#photo_type .thumb a {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    opacity: 0;
    z-index: 1; /* 이미지보다 위로 오도록 설정 */
    
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

/* 마우스 오버 시 효과 (필요한 경우 추가) */
#photo_type .thumb:hover a {
    opacity: 1;
}

#photo_type .thumb:hover img {
    transform: scale(1.05); /* 살짝 확대되는 효과 */
}

#photo_type .thumb a span {display:block;position:absolute;left:0;top:50%;right:0;color:#fff;text-align:center;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);
}
#photo_type .thumb a span i {font-size:16px;}

#photo_type .thumb label.value {display:block;position:absolute;right:8px;bottom:8px;padding:0 8px;color:#fff;font-size:11px;line-height:20px;background:#f00001;border-radius:5px;}
#photo_type .thumb label.value i {font-size:12px;}

#photo_type a.bo_tit {display:block;margin:0 0 12px 0;font-size:16px;font-weight:500;text-align:left;overflow:hidden;vertical-align:middle;
white-space:nowrap;
text-overflow:ellipsis; 
-o-text-overflow:ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
#photo_type a.bo_tit i {color:#444;font-size:18px;}
#photo_type a.bo_tit i.xi-new {color:#f00001;}
#photo_type a.bo_tit i.xi-heart {color:#f75665;}
#photo_type a.bo_tit i.xi-lock {color:#ff7700;}
#photo_type a.bo_tit .bo_cate_link {display:block;margin:0 0 4px 0;color:#ff7700;font-size:13px;}
#photo_type a.bo_tit .cnt_cmt {color:#f00001;font-size:12px;font-weight:600;}
#photo_type .bo_info {font-size:14px;line-height:24px;}
#photo_type .bo_info:after {display:block;visibility:hidden;clear:both;content:""}
#photo_type .bo_info strong {font-weight:600;}
#photo_type .bo_info .date {display:inline-block;float:right;color:#999;font-size:13px;}
#photo_type .bo_info .date i {font-size:14px;}

#photo_type .chk_box {display:block;position:absolute;left:5px;top:5px;z-index:3;}
#photo_type .chk_box span {margin:-11px 0 0 0;}


#photo_type .item:hover .thumb img{
-webkit-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
transform:scale(1.1,1.1);
}
#photo_type .item:hover .thumb a {opacity:1;}


ul.addinfo {margin:0 0 40px 0;border-left:solid 1px #ddd;border-top:solid 1px #ddd;}
ul.addinfo:after {display:block;visibility:hidden;clear:both;content:""}
ul.addinfo li {display:block;position:relative;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd;}
ul.addinfo li:after {display:block;visibility:hidden;clear:both;content:""}
ul.addinfo li label {display:block;float:left;width:160px;padding:18px 20px;font-weight:600;line-height:140%;background:#f6f6f6;}
ul.addinfo li label i {width:20px;font-size:18px;}
ul.addinfo li div {display:block;float:left;width:calc(100% - 160px);padding:18px 20px;line-height:140%;}

@media screen and (max-width:980px) {
ul.addinfo li {padding:18px 20px;}
ul.addinfo li label {float:none;margin:0 0 12px 0;padding:0;background:none;}
ul.addinfo li div {float:none;padding:0;}
}


ul.bo_v_nb {display:block;margin:40px 0;border-top:solid 1px #ddd; overflow: hidden;}
ul.bo_v_nb li {display:block;padding:18px 10px;border-bottom:solid 1px #ddd;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis; 
-o-text-overflow:ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
ul.bo_v_nb li:after {display:block;visibility:hidden;clear:both;content:""}
ul.bo_v_nb li .nb_tit {display:inline-block;width:100px;line-height:18px;}
ul.bo_v_nb li .nb_tit i {margin:0 8px 0 0;color:#999;font-size:14px;}
ul.bo_v_nb li .nb_date {display:block;float:right;color:#999;font-size:13px;}

#bo_v_bottom {margin:40px 0;text-align:center;}
#bo_v_bottom:after {display:block;visibility:hidden;clear:both;content:""}

@media screen and (max-width:1280px) {
h2#bo_v_title {padding:0 10px;}
h2#bo_v_title a.btn_scrap {right:10px;}

#bo_v_info {padding:0 10px 20px 10px;}
#bo_v_info .pf_img {left:10px;}

#bo_v_bottom {margin:20px 10px;}
}

@media screen and (max-width:980px) {
#bo_v_top {margin:0 10px 10px 10px;}

h2#bo_v_title .bo_v_tit {font-size:24px;}

#bo_v_atc {padding:0 10px 60px 10px;}

#bo_v_file ul {width:100%;max-width:100%;}
#bo_v_link2 ul {width:100%;max-width:100%;}

ul.bo_v_nb li {padding:18px 10px;}
ul.bo_v_nb li .nb_tit {width:20px;}
ul.bo_v_nb li .nb_tit span {display:none;}
ul.bo_v_nb li .nb_date {display:none;}
}

textarea {
    display: block;
    width: 100%;
    padding: 10px;
    line-height: 160%;
    border: var(--border);
    border-radius: 5px;
}


/* 댓글 */
#bo_vc_wrap {position:relative;width:100%;margin:20px auto 0 auto;}

.cmt_btn {display:block;width:100%;height:40px;color:#222;font-size:16px;line-height:40px;text-align:left;font-weight:600;background:none;border:none;border-bottom:solid 1px #eee;}
.cmt_btn strong {color:#f00001;font-weight:600;}
.cmt_btn i {color:var(--color);font-size:24px;vertical-align:baseline}

#bo_vc_empty {padding:40px 0;color:#999;text-align:center;}

/* 댓글 글쓰기 */
.bo_vc_w {}
.bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

.bo_vc_w #char_cnt {display:block;margin:4px 0 0 0;color:#999;font-size:12px;}
.bo_vc_w textarea {height:80px;}
.bo_vc_w .btn_submit {width:120px;line-height:var(--h);}

.bo_vc_w_wr {margin:10px 0;}
.bo_vc_w_wr .frm_input {display:inline-block;width:120px;height:var(--h);line-height:var(--lh);}
.bo_vc_w_wr .bo_vc_w_captcha {display:inline-block;}
.bo_vc_w_wr #captcha #captcha_info {display:none;}
.bo_vc_w_wr .bo_vc_send_sns {display:block;}
.bo_vc_w_wr input,
.bo_vc_w_wr span,
.bo_vc_w_wr img,
.bo_vc_w_wr a {vertical-align:top;}

.bo_vc_w .btn_cfm {margin:10px 0 0 0;text-align:left;line-height:40px;}

a.btn_cmt_login {display:block;position:relative;height:60px;padding:12px 20px;color:#999;background:#f6f6f6;border:var(--border);border-radius:var(--radius);}
a.btn_cmt_login:after {content:'\e9e6';display:block;position:absolute;right:20px;top:0;bottom:0;font-family:'xeicon';font-size:28px;line-height:60px;}



/* 페이징 */
.pg_wrap {display:block;margin:20px 0;font-size:0;line-height:0;text-align:center;}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {}
.pg_page, .pg_current {display:inline-block;position:relative;vertical-align:top;width:32px;height:32px;margin:0 1px;font-size:13px;line-height:32px;text-align:center;border-radius:50%;overflow:hidden;
-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.pg a:focus, .pg a:hover {color:#ff9900;text-decoration:none;}
.pg_page {text-decoration:none;}
.pg_page:hover {}
.pg_start, .pg_prev {}
.pg_end, .pg_next {}
.pg_start, .pg_prev, .pg_end, .pg_next {line-height:999px;}
.pg_start:after, .pg_prev:after, .pg_end:after, .pg_next:after {display:block;position:absolute;left:0;top:0;width:100%;height:100%;font-family:"FontAwesome";font-size:12px;text-align:center;line-height:30px;}
.pg_start:after {content:'\f100';}
.pg_prev:after {content:'\f104';}
.pg_end:after {content:'\f101';}
.pg_next:after {content:'\f105';}
.pg_start i, .pg_prev i, .pg_end i, .pg_next i {color:#444;font-size:12px;}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {}

.pg_current {color:#fff;font-weight:600;text-decoration:underline;background:var(--color);}


.exam_daehan_section .view_list { display: flex; gap: 50px; }
.exam_daehan_section .view_list .article { flex: 1; }
.exam_daehan_section .view_list .article > .img-box { position: relative; }
.exam_daehan_section .view_list .article > .img-box img { display: block; max-width: 100%; border-radius: 30px; }
.exam_daehan_section .view_list .article .bottom { display: flex; justify-content: space-between; margin: 60px 0 0; gap: 30px; }
.exam_daehan_section .view_list .article .bottom .text-wrap { flex: 1; }
.exam_daehan_section .view_list .article .bottom .text-wrap h5 { font-size: 26px; margin: 0 0 24px; font-weight: 700; }
.exam_daehan_section .view_list .article .bottom .text-wrap p { font-size: 22px; font-weight: 400; color: #666; }
.exam_daehan_section .view_list .article .bottom .btn-box { flex: 0 0 100px; }
.exam_daehan_section .view_list .article .bottom .btn { display: flex; width: 100px; height: 100px; background: #032b5d; color: #fff; justify-content: center; border-radius: 16px; flex-direction: column; font-size: 16px; font-weight: 500; gap: 12px; }

.exam_list_section { margin: 120px 0 0; padding-bottom: 120px; }
.exam_list_section h2 { font-size: 40px; font-weight: 700; color: #17393c; margin: 0 0 60px; }
.exam_list_section .view_list { display: flex; flex-direction: column; }

.exam_list_section .view_list { border-top: 1px solid #000; }
.exam_list_section .view_list .article { padding: 30px 0; display: flex; gap: 30px; justify-content: space-between; }
.exam_list_section .view_list .article + .article { border-top: 1px solid #dad9d9; }
.exam_list_section .view_list .article:last-child { border-bottom: 1px solid #dad9d9; }
.exam_list_section .view_list .article .left { flex: 1; }
.exam_list_section .view_list .article .left .title { font-size: 20px; font-weight: 700; margin: 0 0 24px; }
.exam_list_section .view_list .article .left .info { display: flex; color: #b7b7b7; gap: 12px; font-size: 16px;}
.exam_list_section .view_list .article .right { flex: 0 0 100px; }
.exam_list_section .view_list .article .right p {font-size:12px;}
.exam_list_section .view_list .article .right .btn { 
	display: flex;
    width: 100px;
    height: 100px;
    background: #032b5d;
    color: #fff;
    justify-content: center;
    border-radius: 16px;
    flex-direction: column;
    font-size: 16px;
    font-weight: 500;
    gap: 12px;
}
.exam_list_section .view_more { margin: 50px 0 0; }
.exam_list_section .view_more a { display: flex; height: 120px; justify-content: center; align-items: center; border-radius: 20px; background: #17393c; color: #fff; font-size: 32px; font-weight: 700;  }

.all_notice {font-size:20px;}

@media screen and (max-width:1280px) {
/* 댓글 */
.cmt_btn {padding:0 10px;}

/* 댓글 글쓰기 */
.bo_vc_w {margin:0 10px;}
}

@media screen and (max-width:480px) {
.board_header {margin:0; min-height: 278px; }
.board_header .ed_header { font-size:27px; }

.board_header .board_content {width:90%;}

.board_header .board_content #search .input {
        height: 50px;
        font-size: 16px;
        padding: 0 40px 0 16px;
    }

 .board_header .board_content #search .btn_search { width: 40px; height: 40px; top: 50%; transform: translateY(-50%); font-size: 16px; }
    .board_header .board_content .btn-box { padding: 0 16px; }
    .board_header .board_content .btn-box a { font-size: 16px; height: 40px; }


.exam_list_section .view_list .article .left .title {
    font-size: 20px;
}

.exam_list_section .view_list .article .right {
        flex: 0 0 60px;
    }

.exam_list_section .view_list .article .right .btn {
    padding: 12px;
    width: auto;
    height: auto;
    aspect-ratio: 1 / 1;
}

.exam_list_section .view_list .article .right .btn img {
        display: block;
        width: 20px;
        margin: 0 auto;
    }

    .exam_list_section .view_list .article .right p {
        font-size: 9px;
    }


}

.overlay {display:none;position:fixed;left:0;right:0;top:0;width:100%;height:100vh;background:rgba(0,0,0,0.6);z-index:99;}

.cal_layer {display:none;position:fixed;left:50%;top:50%;width:90%;max-width:480px;padding:40px;background:#fff;border-radius:15px;z-index:100;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
.cal_layer .btn_cal_profit_close {display:block;position:absolute;right:40px;top:40px;background:none;border:none;}
.cal_layer .btn_cal_profit_close i {font-size:20px;}
.cal_layer h3 {display:block;margin:0 0 40px 0;font-size:20px;font-weight:600;text-align:left;}
.cal_layer ul {margin:0 0 40px 0;}
.cal_layer ul li {display:block;position:relative;margin:0 0 40px 0;}
.cal_layer ul li:last-child {margin:0;}
.cal_layer ul li:last-child:after {display:block;position:absolute;right:15px;bottom:0;font-size:14px;line-height:50px;}
.cal_layer ul li label {display:block;margin:0 0 8px 0;color:#666;font-size:12px;font-weight:300;}
.cal_layer ul li .f_input {display:block;width:100%;height:50px;padding:0 10px 0 10px;font-size:15px;font-weight:300;line-height:48px;background:#fff;border:solid 1px #eee;border-radius:5px;}
.cal_layer ul li p {font-size:14px;}
.cal_layer .btn_confirm{text-align:center;}
.cal_layer .btn_submit {
	display: block;
	margin:0px auto;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    border: solid 1px #ddd;
    border-radius: 5px;
}

.cal_layer .row {display:table-row; font-size:12px;}
.cal_layer .row .cell {display:table-cell;width:25%;padding:5px 10px;font-size:12px;}
.cal_layer .row .cell span {display: block;
    padding: 5px 8px;
	text-align:center;
    background: #eee;
    border-radius: 3px;
}
.cal_layer .row .cell2 {display:table-cell;width:75%;padding:5px 10px;font-size:12px;line-height:150%;font-weight:normal !important;vertical-align:middle;}
.btn_confirm{margin:20px auto;} .btn_confirm .btn_submit{height:50px;padding:0 20px;color:#fff;background:#165331;border-radius: 10px;}

@media screen and (max-width:980px) {
.btn_confirm .btn_submit{width:100%;}
}


/* --- 커스텀 라디오 버튼 스타일 (핵심) --- */
.modal-body .sort-list { list-style: none; margin: 5px 0; }
.modal-body .sort-list li { position: relative; margin:0 !important;}

/* 실제 라디오 버튼 숨기기 */
.modal-body .sort-list input[type="radio"] {
  position: absolute;
  opacity: 0;
}

.modal-body .sort-list input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}

/* 라디오 버튼의 외형이 될 Label 스타일 */
.modal-body .sort-list label {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #444;
  padding:5px 0;
  cursor: pointer;
  border-bottom: 1px solid #f5f5f5;
}

/* 항목 앞에 생길 커스텀 체크 박스 (빈 상자) */
.modal-body .sort-list label::before {
  content: "";
  width: 20px;
  height: 20px;
  border: 2px solid #ddd;
  border-radius: 4px; /* 살짝 둥근 네모(체크박스 느낌) */
  margin-right: 12px;
  display: inline-block;
  transition: 0.2s;
  background-color: #fff;
}

/* 체크(선택)되었을 때의 스타일 변화 */
.modal-body .sort-list input[type="radio"]:checked + label {
  color: #17393C;
  font-weight: bold;
}

.modal-body .sort-list input[type="radio"]:checked + label::before {
  border-color: #17393C;
  background-color: #17393C;
  /* 체크 표시 아이콘 (간단하게 CSS로 구현) */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
}


/* 체크(선택)되었을 때의 스타일 변화 */
.modal-body .sort-list input[type="checkbox"]:checked + label {
  color: #17393C;
  font-weight: bold;
}

.modal-body .sort-list input[type="checkbox"]:checked + label::before {
  border-color: #17393C;
  background-color: #17393C;
  /* 체크 표시 아이콘 (간단하게 CSS로 구현) */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
}



/* 네비게이션 전체 컨테이너 */
    .view-nav-wrapper {
        background-color: #fff;
        margin-bottom: 30px;
    }

    .view-nav-inner {
        max-width: 1200px;
        margin: 0 auto;
        padding: 15px 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    /* 브레드크럼 스타일 (좌측) */
    .breadcrumbs {
        display: flex;
        align-items: center;
        list-style: none;
        padding: 0;
        margin: 0;
        font-size: 14px;
        color: #888;
    }

    .breadcrumbs li { display: flex; align-items: center; }

    /* 구분자 (>) */
    .breadcrumbs li:not(:last-child)::after {
        content: '>';
        margin: 0 10px;
        font-size: 11px;
        color: #ccc;
        font-family: sans-serif;
    }

    .breadcrumbs a {
        text-decoration: none;
        color: #888;
        transition: color 0.2s;
    }

    .breadcrumbs a:hover { color: #333; }

    /* 현재 페이지 위치 강조 */
    .breadcrumbs .current-cat {
        color: #333;
        font-weight: 600;
    }

    /* 우측 제어 버튼 (목록으로 가기 등) */
    .nav-ctrl-right .btn-list {
        padding: 6px 15px;
        background: #f8f9fa;
        border: 1px solid #ddd;
        border-radius: 4px;
        font-size: 13px;
        color: #666;
        text-decoration: none;
    }
    .nav-ctrl-right .btn-list:hover { background: #eee; color: #333; }

    /* 반응형 대응 */
    @media (max-width: 768px) {
        .view-nav-inner { flex-direction: column; align-items: flex-start; gap: 10px; }
        .nav-ctrl-right { display: none; } /* 모바일에서 버튼 숨김 혹은 하단 배치 */
    }

.filter-container {
    display: flex;
    height: 400px; /* 고정 높이를 주어 내부 스크롤 유도 */
    border-bottom: 1px solid #eee;
}

.filter-left {
    flex: 0 0 30%; /* 좌측 30% 고정 */
    background: #f8f9fa;
    overflow-y: auto;
}

.filter-right {
    flex: 1; /* 나머지 영역 사용 */
    padding: 0 15px;
    overflow-y: auto;
}

.sido-list ul {margin:0 !important;}

.sido-list li {
    padding: 10px;
    cursor: pointer;
    text-align: center;
	font-size:16px;
	margin:0 !important;
}

.sido-list li.active {
    background: #fff;
    font-weight: bold;
    color: #007bff;
}

.sort-list li {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}


/* 초기화 버튼 */
.reset {
	padding:10px 0;
    font-size: 13px;
    color: #999;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.reset:before {
    content: '↻'; /* 초기화 아이콘 대용 */
    margin-right: 5px;
    font-size: 16px;
}

.reset:hover {
    color: #666;
}