@charset "utf-8";

/*
 * File Name : board.css
 * 작성일 : 2024-12-02
 */


/********************************************************
 
 *  Board
 
 ********************************************************/

/*-----------------------------------------------------------------------------
 *  Seach
 *----------------------------------------------------------------------------*/

.brd_search {display: flex;justify-content: space-between; align-items: center; gap:10px;margin-bottom:50px}
.brd_search_wrap {display: flex;gap:10px;}
.search_map {display: flex;justify-content:space-between;align-items:stretch;margin-bottom: 80px;background:#fff;border:1px solid #ddd;}
.search_map form {background:#f8f8f8;}
.search_map form fieldset {height: 100%;}
.search_map form .brd_search {display: flex;flex-direction: column;justify-content: center;height: 100%;padding: 80px;align-items: flex-start}
.search_map form .brd_search .sch_tit {font-size: 18px;font-weight: 600;}
.search_map form .brd_search .input_search input {width: 200px;}
.search_map  .map_cont {width:100%;text-align: center;padding: 80px}
.search_map + .brd_top_ment {margin-bottom: 20px;}
.search_map .brd_search_wrap {width: 300px}
.brd_top_ment p {padding-left: 30px;font-size: 15px;color:#444;background:url("../images/common/icon_ment.png") no-repeat left center;}
.brd_top_ment p strong {font-weight: 600;color:#15579f}
.brd_search .select_box {height: 50px;}
.brd_search .select_box:focus-within {outline: 2px dotted #de4949; outline-offset:-0.1em;}
.brd_search .select_box .select_title {height: 50px;line-height: 50px}
.brd_search .select_box .select_title .arrow:before {top:18px;border-color:#666;}
.brd_search .select_box .select_title.open .arrow:before {top: 22px;}
.brd_search .select_box a span {font-size: 16px;}
.brd_search .select_box ul {background:#fff;top: 51px;border: none !important;box-shadow: 0 5px 15px rgba(0,0,0,0.1)}
.brd_search .select_box ul li a {padding:10px 15px;}
.brd_search .select_box ul li:hover a {background:#f6f6f6}
.brd_search .select_box ul li a.selected {background:#444;color:#fff;}
.brd_search .input_search {display: flex;justify-content: space-between;align-items: center; gap:10px;background:#fff;border:1px solid #ccc}
.brd_search .input_search:focus-within {border-color:#000}
.brd_search .input_search input {width:300px;height: 48px;border:none;background:#fff;margin: 0;padding: 0 15px}
.brd_search .input_search button {flex-shrink: 0; width: 48px;height: 48px;background:url("../images/common/seach_btn_icon.png") no-repeat center center / 20px auto;text-indent: -9999px;}
.search_map .brd_search_wrap {display: flex;flex-direction: column;gap:5px;}
.search_map .brd_search_wrap .select_wrap {width: 100%;}
.search_map .brd_search_wrap .select_wrap .select_box {width: 100%;}


.total_sch_wrap .sch_wrap {display: flex;justify-content: center;align-items: center;gap: 10px;padding: 30px 40px;border-radius: 10px;background: #f6f6f6;}
.total_sch_wrap .sch_wrap .sch_inp {width: 100%; max-width: 500px; height:60px;padding:0 15px;font-size:22px;font-weight: 700;color:#000;border-radius: 10px;border:1px solid #ddd;}
.total_sch_wrap .sch_wrap .sch_inp:focus {border-color:#15579f !important}
.total_sch_wrap .sch_wrap .sch_inp::placeholder {font-size:18px;font-weight: 500;color:#bbb}
.total_sch_wrap .sch_wrap button {display: inline-flex;align-items: center;gap:5px;height:60px;padding: 0 30px;border-radius: 10px;background:#15579f;font-size: 18px;font-weight: 500;color:#fff;}
.total_sch_wrap .sch_wrap button:before {content: "";width: 20px;height: 20px;background:url("../images/common/icon_detail_view_w.svg") no-repeat center center / 22px auto;}
.total_sch_wrap .list_top {display: flex;justify-content: space-between;align-items: center;margin-top:30px;margin-bottom: 20px}
.rst_txt {padding-left:20px;font-size: 18px;background:url("../images/common/icon_alert.svg") no-repeat left center / 15px auto;color:#222}
.rst_txt strong {color:#ec0928}

.rst_word {display: flex;align-items: center;gap:10px;padding-left:50px;font-size: 22px;font-weight: 500; background:url("../images/sub/icon_sch_rst.svg") no-repeat left center / 50px auto;color:#222}
.rst_word strong {font-size:26px;font-weight: 800; color:#15579f}

.rst_sort {display: flex;align-items: center;gap:5px;}
.rst_sort .pg_num {display: flex;gap:10px;align-items: center}

.total_sch_wrap .list_cont {border-top: 2px solid #222;}
.total_sch_wrap .list_cont .list_box {padding: 30px 10px;border-bottom: 1px solid #ddd;}
.total_sch_wrap .list_cont .list_box a {display: flex;flex-direction: column;gap:10px; font-size: 20px;}
.total_sch_wrap .list_cont .list_box a .list_tit {font-size:24px;font-weight: 600;color:#000;}
.total_sch_wrap .list_cont .list_box a .list_subject {font-size: 18px;}
.total_sch_wrap .list_cont .list_box a .list_desc {display: grid;grid-template-columns: repeat(5,1fr);gap:5px}
.total_sch_wrap .list_cont .list_box a .list_desc .list_item {display: inline-flex;gap:10px;align-items: center;font-size: 15px;}
.total_sch_wrap .list_cont .list_box a .list_desc .list_item strong {border-radius: 5px;padding: 0 10px;background:#888;font-size: 13px;line-height: 25px;color:#fff;}
.total_sch_wrap .list_cont .list_box span.rst_sign {display: inline-block;position: relative;color:#ec0928;font-weight: 600;}
.total_sch_wrap .list_cont .list_box span.rst_sign:before {content: "";position: absolute;left: 0;bottom:4px;width: 100%;height: 5px;background:#FFC600;z-index: -1;}

.list_cont .sch_result .menu_row {font-size:18px; display:flex; align-items:center; gap:10px; font-weight: 600; padding: 10px 0 0 0;}
.list_cont .sch_result .menu_row>a.nav {font-size: 18px;}


@media screen and (max-width:1400px){
  .search_map {}
  .search_map  .map_cont {padding: 50px}
  .search_map form .brd_search {padding: 50px;}
  .search_map .brd_search_wrap {width: 240px;}
  .search_map form .brd_search .input_search {gap:0;}
  .search_map form .brd_search .input_search input {width: 100%;}
}
@media screen and (max-width:1200px){
  .brd_search {flex-direction: column-reverse;align-items: flex-start;margin-bottom:20px;gap:30px;}
  .brd_search_wrap {width: 100%;}
  .brd_search .input_search {width: 100%;}
}
@media screen and (max-width:1024px){
  .search_map {flex-direction: column;margin-bottom:50px;}
  .search_map form .brd_search {gap:10px}
  .search_map .brd_search_wrap {width: 100%;}
}
@media screen and (max-width:768px){
  .brd_search {gap:20px}
  .brd_search_wrap {gap:5px;}
  .brd_top_ment p {padding-left:25px;font-size: 14px;background-size:18px auto;}
  .brd_search select {height: 50px;}
  .brd_search .input_search {width: 100%;gap:0}
  .brd_search .input_search input {width:100%;font-size: 15px;padding: 0 10px;}
  .brd_search .input_search input::placeholder {font-size:15px;}
  .brd_search .input_search button {width: 40px;height: 40px;background-size: 18px auto;}
  
  .search_map  .map_cont {padding: 30px;}
  .search_map form .brd_search {padding: 40px;}
  .search_map .brd_search select {width: 100%;}
  
  .total_sch_wrap .sch_wrap {padding: 20px;gap:5px}
  .total_sch_wrap .sch_wrap .sch_inp {height:45px;font-size: 20px;}
  .total_sch_wrap .sch_wrap .sch_inp::placeholder {font-size:15px;}
  .total_sch_wrap .sch_wrap button {height: 45px;padding: 0 15px;font-size: 16px;}
  .total_sch_wrap .sch_wrap button:before {background-size: 18px auto}
  .total_sch_wrap .list_cont .list_box {padding: 20px 10px;}
  .rst_word {padding-left: 38px;font-size: 18px;background: url("../images/sub/icon_sch_rst.svg") no-repeat left center / 40px auto;}
  .rst_word strong {font-size:22px;}
  .total_sch_wrap .list_cont .list_box a .list_tit {font-size: 20px;margin-bottom: 0;}
  .total_sch_wrap .list_cont .list_box a .list_subject {font-size: 16px;}
}
@media screen and (max-width:640px){
  .search_map  .map_cont {padding:20px;}
  .search_map form .brd_search {padding: 30px 30px 20px;}
  .search_map form .brd_search .sch_tit {font-size: 16px;}
}
@media screen and (max-width:480px){
  .brd_search_wrap {justify-content: space-between;flex-wrap: wrap;}
  .brd_search .select_wrap {flex: 1 0 0}
  .brd_search .select_wrap select {width: 100%;}
  .brd_search .input_search {width: 100%; gap:0}
  .brd_search .input_search button {background-size:16px auto;}
  
  .total_sch_wrap .sch_wrap .sch_inp {height: 45px;font-size: 16px;}
  .total_sch_wrap .sch_wrap button {width:45px;height: 45px;justify-content: center;font-size: 0;gap:0}
  .total_sch_wrap .sch_wrap button:before {flex-shrink: 0}
  
  .rst_word strong {font-size: 20px;}
  .total_sch_wrap .list_cont .list_box a .list_tit {font-size: 18px;}
  .total_sch_wrap .list_cont .list_box a .list_subject {font-size: 15px;}
}


/*-----------------------------------------------------------------------------
 *  Button Set
 *----------------------------------------------------------------------------*/

.brd_btn_set {display: flex;gap:5px; margin:50px 0;text-align: right;}
.brd_btn_set.between {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.brd_btn_set.center {text-align: center;justify-content: center}
.brd_btn_set .btns_left,
.brd_btn_set .btns_right {display: flex;align-items: center;gap:5px;}
.brd_btn_set .btn_brd {display: inline-flex;align-items: center;justify-content: center;line-height:45px;border-radius:5px;border:1px solid #888;padding: 0 25px;font-size:16px;font-weight: 500; color:#666;background:#fff;margin: 0 2px;gap:8px;text-align: center}
.brd_btn_set .btn_brd:hover {background:#444;color:#fff;}
.brd_btn_set .btn_brd.btn_act {background:#fff;color:#15579f;border-color:#15579f;}
.brd_btn_set .btn_brd.btn_normal {background:#666;color:#fff;border-color: #666;}
.brd_btn_set .btn_brd.btn_del {background:#E32629;color:#fff;border-color: #E32629;}
.brd_btn_set .btn_brd.btn_mod,
.brd_btn_set .btn_brd.btn_appl {background:#15579f;color:#fff;border-color: #15579f;}

@media screen and (max-width:1024px){
  
}
@media screen and (max-width:768px){
  .brd_btn_set .btn_brd {padding: 0 15px;font-size: 15px;line-height:40px;}
}
@media screen and (max-width:480px){
  .brd_btn_set {margin-top:30px;width: 100%;}
  .brd_btn_set.between {flex-direction: column;}
  .brd_btn_set .btns_left,
  .brd_btn_set .btns_right {display: flex;flex-wrap: wrap;width: 100%;}
  .brd_btn_set .btn_brd {width: 100%; height:50px;padding: 0 15px;font-size:15px;margin: 5px 2px}
  .brd_btn_set .btn_brd.btn_act {width: 100%;}
}


/*-----------------------------------------------------------------------------
 *  Photo List Board
 *----------------------------------------------------------------------------*/

/* List */
.brd_photo_list {padding-top:50px;border-top: 2px solid #000}
.brd_photo_list ul {display: grid;gap:60px 40px;grid-template-columns: repeat(4, 1fr);}
.brd_photo_list ul li {}
.brd_photo_list ul li a {display: block; height:100%; min-height:160px; object-fit: cover;}
.brd_photo_list ul li .list_img_wrap {position: relative;display: block;font-size: 0;height:300px;border-radius: 10px;overflow: hidden}
.brd_photo_list ul li .list_img {display: block;height:100%;transition: all 0.5s ease;background-size: cover !important;background-repeat: no-repeat;}
.brd_photo_list ul li:hover .list_img {transform: scale(1.05)}
.brd_photo_list ul li .list_img img {display: block;width: 100%;height:100%;object-fit: cover;}
.brd_photo_list ul li .list_label {position: absolute;left:15px;top:15px;font-size:15px;font-weight: 500;color:#000;background:#fff;border:1px solid #444;line-height:30px;border-radius: 50px; padding: 0 18px; z-index: 10;}
.brd_photo_list ul li .list_label.orange {color:#fff;background:#de7b1f;border:1px solid #de7b1f;}
.brd_photo_list ul li .list_label.blue {color:#fff;background:#0d59ad;border:1px solid #0d59ad;}
.brd_photo_list ul li .list_label.red {color:#fff;background:#e3522c;border:1px solid #e3522c;}
.brd_photo_list ul li .list_content {display: block; padding: 30px 5px;}
.brd_photo_list ul li .list_subject {font-size: 20px;font-weight: 600;color:#000;text-overflow: ellipsis;overflow: hidden;word-break:break-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.brd_photo_list.type2 ul li .list_subject {border-bottom: 1px solid #000;padding-bottom: 15px;}
.brd_photo_list ul li .list_info {display: flex;;flex-direction: column;gap:5px;margin-top:15px}
.brd_photo_list ul li .list_info .list_writer {font-size: 16px;font-weight: 500;color:#444}
.brd_photo_list ul li .list_info .list_date {font-size:14px;font-weight: 400;color:#444}
.brd_photo_list ul li .list_info dl {display: flex;flex-wrap: wrap;justify-content: space-between;padding-top: 20px;font-size: 16px;}
.brd_photo_list.type2 ul li .list_info dl {padding-top:0;border-bottom: 1px solid #ddd}
.brd_photo_list ul li .list_info dl dt {width: 20%;font-weight: 600; color:#000; margin:0 0 10px;}
.brd_photo_list.type2 ul li .list_info dl dt {width: 26%;}
.brd_photo_list ul li .list_info dl dd {width: 80%;margin:0 0 10px;font-weight: 500;}
.brd_photo_list.type2 ul li .list_info dl dd {width: 74%;}
.brd_photo_list.brd_collection ul li .list_info dl dt {width:45%;}
.brd_photo_list.brd_collection ul li .list_info dl dd {width:55%;}

@media screen and (max-width:1300px){
  .brd_photo_list ul {grid-template-columns: repeat(3, 1fr);}
}
@media screen and (max-width:1024px){
  .brd_photo_list ul {gap:60px 40px;grid-template-columns: repeat(2, 1fr);}
  .brd_photo_list ul li .list_label {font-size: 15px;}
  
  .brd_photo_list ul li .list_subject {font-size: 18px;}
  .brd_photo_list ul li .list_info dl {display: block; font-size: 15px;}
  .brd_photo_list ul li .list_info dl dt,
  .brd_photo_list ul li .list_info dl dd {width:100%;}
  .brd_photo_list ul li .list_info dl dt {margin:0}
}
@media screen and (max-width:768px){
  .brd_photo_list ul {gap:30px 20px;}
  .brd_photo_list ul li .list_subject {font-size:16px;}
  .brd_photo_list ul li .list_content {padding:20px 5px;}
  .brd_photo_list ul li .list_info {gap: 2px;margin-top:10px;}
  .brd_photo_list ul li .list_info .list_writer {font-size:15px;}
  .brd_photo_list ul li .list_info .list_date {font-size: 13px;}
}
@media screen and (max-width:640px){
.brd_photo_list ul li .list_img_wrap {
    height: 240px;
}
}
@media screen and (max-width:480px){
  .brd_photo_list {padding-top:30px;}
  .brd_photo_list ul {gap:30px 20px;}
  .brd_photo_list ul li .list_img_wrap {border-radius: 5px;height: 160px}
  .brd_photo_list ul li .list_label {font-size:12px;line-height: 25px;padding: 0 12px;left: 10px;top: 10px}
  .brd_photo_list ul li .list_content {padding:15px 5px;}
  .brd_photo_list ul li .list_info .list_writer {font-size:14px;}
  .brd_photo_list ul li .list_info {margin-top: 10px;}
  .brd_photo_list ul li .list_info dl {font-size: 14px;}
}

/*-----------------------------------------------------------------------------
 *  Webzine List
 *----------------------------------------------------------------------------*/

.brd_wbz_list {}
.brd_wbz_list ul {display: flex;flex-direction: column;border-top: 2px solid #000}
.brd_wbz_list ul li {position: relative;padding:40px 10px 40px 330px;border-bottom: 1px solid #ddd;min-height: 400px}
.brd_wbz_list ul li .list_img {position: absolute;left:10px;top:50px;width: 280px;height:300px;border-radius: 10px;overflow: hidden}
.brd_wbz_list ul li .list_img img {display: block;width: 100%;height: 100%;object-fit: cover;transition: all 0.5s ease}
.brd_wbz_list ul li:hover .list_img img {transform:scale(1.05)}
.brd_wbz_list ul li .view_content {padding: 30px 0}
.brd_wbz_list ul li .view_subject {width: 100%; margin-bottom:10px}
.brd_wbz_list ul li .view_subject a {display: block; font-size: 26px;font-weight: 600;color:#000;line-height: 1.3}
.brd_wbz_list ul li .view_content_head {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end}
.brd_wbz_list ul li .view_list_box {width: 55%;background:none;padding: 0}
.badge {display:flex;gap:10px; margin-bottom:10px}
.badge span {display: inline-block;line-height: 30px;padding: 0 16px;border:1px solid #000;font-size: 15px;font-weight: 500;color:#000;border-radius: 5px;}
.badge span.status {background:#15579f;color:#fff;border: none;}
.badge span.status.type2 {background:#fff;color:#000;border: 1px solid #000;}
.badge span.status.type3 {background:#888;color:#fff;border:none}
.brd_wbz_list .btns {display: flex;gap:10px;align-items: center;margin-top:30px}
.brd_wbz_list .btns a {display: inline-flex;gap:10px;align-items: center;padding:15px 25px;text-align: center;border-radius: 10px;font-size: 16px;font-weight:600;color:#15579f;border:1px solid #15579f}
.brd_wbz_list .btns a:before {content: "";display: block;width: 20px;height: 20px;}
.brd_wbz_list .btns a.btn_reserv {color:#fff;background:#d85640;border-color:#d85640; }/*0310 박지현학예사 요청으로 교육신청하기 버튼 감춤*/
.brd_wbz_list .btns a.btn_reserv {color:#fff;background:#d85640;border-color:#d85640; display:none; }
.brd_wbz_list .btns a.btn_detail_view:before {background:url("../images/common/icon_detail_view.svg") no-repeat center / 24px auto}
.brd_wbz_list .btns a.btn_reserv:before {background:url("../images/common/icon_calendar.svg") no-repeat center / 24px auto}

/* Webzine Icon List */
.brd_wbz_list.type2 ul li {display: flex;align-items: center;min-height: auto; padding:30px 20px 30px 120px;}
.brd_wbz_list.type2 ul li .badge {margin-bottom: 5px;}
.brd_wbz_list.type2 ul li .badge span.cate {background:#15579f;border-color:#15579f;color:#fff;}
.brd_wbz_list.type2 ul li .list_num {position: absolute;left:20px;top:50%;transform: translateY(-50%);width: 50px;height: 50px;font-size: 18px;font-weight: 700;color:#000;background:#f8f8f8;border-radius: 50%;text-align: center;line-height: 50px;}
.brd_wbz_list.type2 ul li .view_content {width:90%;padding:15px 0;}
.view_icon_list_box {width:100%;max-width: 600px;margin-top: 10px}
.view_icon_list_box dl {display: flex;flex-wrap: wrap;align-items: center;gap:5px 0;}
.view_icon_list_box dl dt {display: flex;align-items: center;gap:8px;font-size: 17px;font-weight:600;color:#000; flex: 0 0 120px;}
.view_icon_list_box dl dt .icon {display: block;width: 20px;height: 20px;}
.view_icon_list_box dl dt .icon img {display: block;width:100%;}
.view_icon_list_box dl dd {width:calc(50% - 120px);font-size: 16px;font-weight: 500;color:#222;}
.brd_wbz_list.type2 .btns {position: absolute;top: 50%;right:20px; transform: translateY(-50%);margin-top: 0;}

@media screen and (max-width:1200px){
  .brd_wbz_list ul {gap: 20px;}
  /*.brd_wbz_list ul li {padding:30px 10px 30px 300px;min-height: 400px}*/
  .brd_wbz_list ul li .list_img {top: 40px;width: 240px;height: 260px;}
  .brd_wbz_list ul li .view_content {padding:10px 0;}
  .brd_wbz_list ul li .view_subject a {font-size:22px;}
  .brd_wbz_list .btns {flex-direction: column;margin-top: 0;}
  .brd_wbz_list .btns a {width: 100%;justify-content: center}
}
@media screen and (max-width:1024px){
  .brd_wbz_list ul li {min-height: 350px;}
}
@media screen and (max-width:960px){
  .brd_wbz_list ul li {padding: 40px 10px 40px 300px;}
  .brd_wbz_list ul li .view_list_box {width: 100%;}
  .brd_wbz_list .btns {width: 100%;flex-direction: row;margin-top: 20px;}
  .brd_wbz_list .btns a {width: auto;padding: 10px 20px}

  .brd_wbz_list.type2 ul li {padding:20px 10px 20px 80px;}
  .brd_wbz_list.type2 ul li .list_num {left: 10px;top: 35px;transform:none;width: 40px;height: 40px;font-size: 16px;line-height: 40px;}
  .view_icon_list_box {margin-top: 0;}
  .view_icon_list_box dl dd {width: calc(100% - 120px);}
  .brd_wbz_list.type2 .btns {position: static;transform:none;margin-top: 20px;}
}
@media screen and (max-width:768px){
  .brd_wbz_list ul li {padding: 30px 10px 30px 220px;min-height: 300px;}
  .brd_wbz_list ul li .list_img {width: 180px;height: 200px;}
  .badge span {line-height: 25px;padding: 0 15px;font-size: 14px;}
  .brd_wbz_list ul li .view_subject {margin-bottom: 10px;}
  .brd_wbz_list .view_list_box dl {gap:5px 0}
  .brd_wbz_list .btns a {padding: 12px 20px;font-size: 15px;}
  
  .view_icon_list_box dl dt {gap: 6px;font-size:15px;flex: 0 0 100px;}
  .view_icon_list_box dl dt .icon {width: 18px;height: 18px;}
  .view_icon_list_box dl dd {font-size: 15px;}
}
@media screen and (max-width:640px){
  .brd_wbz_list ul {padding-top: 30px;}
  .brd_wbz_list ul li {padding:60px 50px;min-height:auto;border-radius: 10px;border:1px solid #ddd;}
  .brd_wbz_list.type2 ul li {border:none;border-bottom: 1px solid #ddd;}
  .brd_wbz_list ul li .list_img {position: static;width: 100%;max-width: 300px;margin: 0 auto 30px;height: auto;}
}
@media screen and (max-width:480px){
  .brd_wbz_list ul li {padding: 40px 30px;}
  .badge span {padding: 0 10px;font-size: 13px;}
  .brd_wbz_list ul li .view_subject a {font-size:18px;}
  .brd_wbz_list .btns {flex-direction: column;gap:5px}
  .brd_wbz_list .btns a {width: 100%; padding: 10px 16px;gap:5px;}
  .brd_wbz_list .btns a:before {width: 18px;height: 18px;}
  .brd_wbz_list .btns a.btn_detail_view:before {background-size: 18px auto}
  .brd_wbz_list .btns a.btn_reserv:before {background-size: 18px auto}
  
  .brd_wbz_list.type2 ul {padding-top: 0}
  .brd_wbz_list.type2 ul li {padding:20px 10px;}
  .brd_wbz_list.type2 ul li .list_num {display: none;}
}

/* View */
.brd_photo_view {}
.view_content_wrap {display: flex;justify-content: space-between;gap:80px;padding-bottom: 50px;border-bottom: 1px solid #ddd}
.view_content_wrap .view_img_wrap {flex-shrink: 0; width: 380px;}
.type2 .view_content_wrap .view_img_wrap {width: 480px;}
.view_content_wrap .view_img_wrap .view_img {position: sticky;left: 0;top:160px;border-radius: 10px;overflow: hidden}
.view_content_wrap .view_img_wrap .view_img img {display: block;width: 100%;height: 100%;object-fit: cover;}
.view_content_wrap .btn_download {display: inline-flex;align-items: center;gap:8px;line-height: 60px;padding: 0 40px;border-radius: 10px; background:#15579f;font-size:18px; font-weight:500;color:#fff;}
.view_content_wrap .btn_download:after {content: "";display: inline-block;width:18px;height: 18px;background:url("../images/common/arr_go.png") no-repeat center center / 16px auto;}
.view_content_wrap .btn_move {display: inline-flex;align-items: center;gap:8px;line-height: 60px;padding: 0 40px;border-radius: 10px; background:#15579f;font-size:18px; font-weight:500;color:#fff;}
.view_content_wrap .btn_move:after {content: "";display: inline-block;width:18px;height: 18px;background:url("../images/common/arr_go.png") no-repeat center center / 16px auto;}
.view_content_wrap .view_content {width: 100%;}
.view_content_wrap .view_content .view_content_head {display: flex;flex-direction: column;align-items: flex-start; gap:30px;padding: 30px 0;border-top: 2px solid #000;}
.view_content_wrap .view_content .view_content_head .view_type {flex-shrink: 0;flex-grow: 0; display: inline-flex;line-height: 40px;padding: 0 20px;border:1px solid #b57020;font-size:18px; font-weight: 500; color:#b57020;}
.view_content_wrap .view_content .view_content_head .view_subject {width: 100%; font-size:30px;font-weight: 600; color: #000;padding:0 10px 30px;border-bottom: 1px solid #ddd}
.view_content_wrap .view_content .view_content_head .view_subject .view_info {display: flex;gap:20px;margin-top: 10px;}
.view_content_wrap .view_content .view_content_head .view_subject .view_info span {font-size:16px;font-weight: 500;color:#666;}
.view_content_wrap .view_content .view_content_head .view_subject .view_info span + span {border-left: 1px solid #ddd;padding-left: 15px}
.view_content_wrap .view_content .view_content_head .view_subject .view_date {display: block;font-size: 15px;font-weight: 500;color:#666;margin-top: 10px;}
.view_content_wrap .view_content .view_content_head .view_content_btns {align-self: flex-end;display: flex;gap:10px;}
.view_list_box {width: 100%; background:#f8f8f8;padding: 35px;border-radius: 10px;}
h6 + .view_list_box {margin-top:20px;}
.view_content_wrap .col2 {display: flex;justify-content: space-between;align-items: flex-end;gap:50px;}

.view_list_box dl {display: flex;flex-wrap: wrap;gap:10px 0;font-size: 18px;}
.view_list_box dl dt {position: relative;width:115px; font-weight: 600;color:#000;padding-left: 10px}
.view_list_box dl dt:before {content: "";position: absolute; left:0; top:12px;display: block;width: 4px;height: 4px;background:#444;} 
.view_list_box dl dd {width:calc(100% - 115px); font-weight: 500;line-height: 1.3;padding-top: 2px}
.view_content_wrap .view_content .view_content_body {margin-top: 30px;padding: 0 10px}
.view_content_wrap .view_content .view_content_body h6 {font-size: 22px;font-weight: 600; color:#15579f;padding-bottom: 20px;border-bottom: 1px solid #000;}
.view_content_wrap .view_content .view_content_body h6.noBorder {border: none;padding-bottom: 0}
.view_content_wrap .view_content .view_content_body p {margin:40px 0;}
.view_content_wrap .view_content .view_content_body p.view_content_type1 {font-size: 16px;line-height: 1.6; word-break:break-all;}
.view_content_wrap .view_content .view_content_body p.view_content_type1 span {display: inline-block;margin: 0 20px 0 0}
.view_content_wrap .view_content .view_content_body p em {display: block;margin-bottom: 20px; font-size: 15px;}
.view_content_wrap .view_content .view_content_body p .content_tit_1 {display: block; font-size: 22px;font-weight: 600; color:#000;margin-bottom: 10px;}
.view_content_wrap .view_content .view_content_body p .content_tit_2 {font-size: 18px;font-weight: 600;color:#000}
.view_content_wrap .view_content .view_content_body .col2 p {margin-bottom: 0;flex: 0 0 60%;width: 60%;padding: 0 10px}
.view_content_wrap .view_content .view_content_body .col2 p .view_video {display: block;margin:50px 0}
.view_content_wrap .view_content .view_content_body .col2 p span.view_content_btn {display: block;margin-top: 50px;margin-bottom: 30px;}
.view_content_wrap .view_content .view_content_body .col2 p span.view_file.type2 {display: block;max-width: 100%; padding: 20px 0 0 60px;}
.view_content_wrap .view_content .view_content_body .col2 p span.view_file.type2 strong {position: absolute;left: 5px;top:25px;}
.view_content_wrap .view_content .view_content_body .col2 p span.view_file.type2 .file_link a {margin: 0 0 5px}
.view_content_wrap .view_content .view_content_body p .link_url {word-break: break-all}
.view_img_slider .swiper-slide {border-radius:10px;overflow: hidden}
.view_img_slider .swiper-button-next, 
.view_img_slider .swiper-button-prev {width:45px;height:45px;border-radius: 50%;background:#15579f;}
.view_img_slider .swiper-button-next:after,
.view_img_slider .swiper-button-prev:after {font-size:14px;color:#fff;font-weight: 700}

.view_data {padding: 10px}
.view_data ul {display: flex;flex-direction: column;border: 1px solid #888;padding:15px 40px;border-radius: 20px;}
.view_data ul li {display: flex;gap:30px;padding:20px 0}
.view_data ul li + li {border-top: 1px solid #ddd;}
.view_data ul li strong {flex: 0 0 80px;font-size:16px;color:#000}
.view_data ul li p {width: 100%;font-size: 16px;}

.dl_list_row {display: flex;flex-wrap: wrap;font-size: 18px;font-weight: 500;gap:10px 0;margin:0 0 50px}
.dl_list_row dt {position: relative; width: 80px;padding-left: 10px;color:#000;font-weight: 600;}
.dl_list_row dt:before {content: "";position: absolute;left: 0;top:12px;display: block; width: 4px; height: 4px;background:#444; border-radius: 50%;}
.dl_list_row dd {width: calc(100% - 80px);}
.dl_list_row dd .txt_desc {display: block; font-size: 14px;}

.nuri_guide {padding:50px 0 0;border-top:1px solid #ddd;}
.nuri_guide figure {display: flex;gap:20px;}
.nuri_guide figure .nuri_sign {flex-shrink: 0;}
.nuri_guide figure figcaption {}
.nuri_guide figure figcaption strong {font-weight: 600}
.nuri_guide figure figcaption .txt_red {color:red}
.nuri_guide figure figcaption .txt_black {color:black}

@media screen and (max-width:1500px){
  .view_content_wrap {gap:60px;}
  .view_content_wrap .view_img_wrap {width: 300px;}
}
@media screen and (max-width:1300px){
  .view_content_wrap .view_img_wrap {width: 250px;}
  .type2 .view_content_wrap .view_img_wrap {width:340px;}
}
@media screen and (max-width:1024px){
  .view_content_wrap .view_content .view_content_head .view_type {line-height: 35px;font-size: 16px;}
  .view_content_wrap .view_content .view_content_head .view_subject {font-size: 24px;}
  .view_list_box {padding: 25px;}
  .view_list_box dl {font-size: 16px;}
  .view_list_box dl dt {width: 105px;}
  .view_list_box dl dt:before {top: 9px;}
  .view_list_box dl dd {width: calc(100% - 105px);}
  .view_content_wrap .view_content .view_content_body h6 {font-size: 20px;}
  .view_content_wrap .view_content .view_content_body p .content_tit_1 {font-size: 20px;}
  .view_content_wrap .view_content .view_content_body p.view_content_type1 {font-size: 16px;}
  
  .view_content_wrap .col2 {flex-direction: column;align-items: flex-start;gap:20px}
  .view_content_wrap .view_content .view_content_body .col2 p {flex: 0 0 100%;width: 100%;}
  
  .dl_list_row {font-size: 17px;margin: 0 0 40px;}
  .nuri_guide figure {flex-direction: column;gap:10px;}
  
  .type2 .view_content_wrap {flex-direction: column;padding-bottom: 30px;}
  .type2 .view_content_wrap .view_img_wrap {width: 100%;}
}
@media screen and (max-width:768px){
  .view_content_wrap {flex-direction: column;gap: 50px;justify-content: center;}
  .view_content_wrap .view_img_wrap {width:100%;max-width: 300px;margin: 0 auto;text-align: center;}
  .type2 .view_content_wrap .view_img_wrap {max-width: 100%;}
  .view_content_wrap .btn_download {line-height:50px;padding: 0 30px;font-size: 16px;margin-top: 20px;}
  .view_content_wrap .btn_download:after {width: 16px;height: 16px;background-size: 14px auto;}
  .view_content_wrap .btn_move {line-height:50px;padding: 0 25px;font-size: 15px;margin-top: 20px;}
  .view_content_wrap .btn_move:after {width: 16px;height: 16px;background-size: 14px auto;}
  .view_content_wrap .view_content .view_content_head .view_content_btns {width: 100%;flex-wrap: wrap;}
  .view_content_wrap .view_content .view_content_head .view_content_btns .btn_move {margin-top: 0;}
  .view_content_wrap .view_content .view_content_head .view_type {line-height: 30px;padding: 0 15px;font-size: 15px;}
  .view_content_wrap .view_content .view_content_head .view_subject {font-size: 22px;padding: 0 0 30px}
  .view_content_wrap .view_content .view_content_body {padding:0}
  .view_content_wrap .view_content .view_content_body p.view_content_type1 {line-height: 1.4;padding-left: 20px;}
  .view_content_wrap .view_content .view_content_body .col2 p {padding-left: 0}
  .view_content_wrap .view_content .view_content_body p.view_content_type1 span {display:block;margin:10px 0 5px -10px;}
  .view_content_wrap .view_content .view_content_body .col2 p span.view_file.type2 strong {top:35px;}
  .view_content_wrap .view_content .view_content_head .view_subject .view_info {gap: 10px;}
  .view_content_wrap .view_content .view_content_head .view_subject .view_info span {font-size: 15px;}
  .view_content_wrap .view_content .view_content_head .view_subject .view_info span + span {padding-left: 10px;}
  .view_list_box dl {font-size: 15px;}
  
  .dl_list_row {font-size: 16px;margin: 0 0 30px;}
  
  .nuri_guide figure .nuri_sign {width: 150px;}
  .nuri_guide figure figcaption {font-size: 13px;}
  
  
}
@media screen and (max-width:480px){
  .view_content_wrap .view_content .view_content_head {gap: 20px;}
  .view_content_wrap .view_content .view_content_head .view_type {font-size: 14px;}
  .view_content_wrap .view_content .view_content_head .view_subject {font-size: 18px;}
  .view_content_wrap .view_content .view_content_head .view_content_btns {flex-direction: column;width: 100%;}
  .view_content_wrap .view_content .view_content_head .view_content_btns .btn_move {width: 100%;justify-content: center;margin-top: 0;}
  .view_list_box dl {font-size: 14px;}
  .view_list_box dl dt {width:80px;}
  .view_content_wrap .view_content .view_content_body {margin-top: 10px;}
  .view_content_wrap .view_content .view_content_body h6 {font-size: 18px;}
  .view_content_wrap .view_content .view_content_body p .content_tit_1 {font-size: 18px;}
  .view_content_wrap .view_content .view_content_body p .content_tit_2 {font-size:16px;}
  .view_content_wrap .view_content .view_content_body p.view_content_type1 {font-size: 14px;padding: 0 10px;word-break: break-all}
  
  
  .dl_list_row {font-size: 15px;margin: 0 0 20px;}
  .dl_list_row dt:before {top: 10px;}
  
  .view_content_wrap .view_content .view_content_head .view_subject .view_info {flex-direction: column;gap:0}
  .view_content_wrap .view_content .view_content_head .view_subject .view_info span {display: block; font-size:13px;}
  .view_content_wrap .view_content .view_content_head .view_subject .view_info span + span {padding-left:0;border:none;}
  
  .view_img_slider .swiper-button-next, 
  .view_img_slider .swiper-button-prev {width:35px;height:35px;}
  .view_img_slider .swiper-button-next:after, 
  .view_img_slider .swiper-button-prev:after {font-size: 13px;}
  .view_data ul {padding:15px 25px;}
  .view_data ul li {flex-direction: column;gap:0;padding: 10px 0}
  .view_data ul li strong {flex: 0;font-size: 15px;}
  .view_data ul li p {font-size: 15px;}
  
  .view_content_wrap .btn_move {width: 100%;justify-content: center}
}


/* Inquiry Number */
.inq_number {display: flex;flex-wrap: wrap;gap:0 20px;align-items: center;padding:20px 30px;border:1px solid #ccc;border-radius: 10px;}
.inq_number h4 {font-size: 20px;font-weight: 600;color:#000;padding-left: 25px;background:url("../images/sub/icon_tip.png") no-repeat left center;}
.inq_number p {display: inline-flex; gap:15px;font-size: 18px;font-weight: 500;color:#222;}
.inq_number p em {padding-left: 15px;border-left: 1px solid #ddd;font-weight: 500;color: #15579f}

@media screen and (max-width:640px){
  .inq_number {flex-direction: column;align-items: flex-start;padding:15px 25px;border: 1px solid #ccc;gap:5px;}
  .inq_number h4 {font-size: 18px;}
  .inq_number p {font-size: 16px;}
}
@media screen and (max-width:480px){
  .inq_number {padding:15px 20px;}
  .inq_number h4 {font-size: 16px;}
  .inq_number p {flex-direction: column;font-size: 15px;gap:5px}
  .inq_number p em {padding-left: 0;border-left: none;}
}


/*-----------------------------------------------------------------------------
 *  Normal List Board
 *----------------------------------------------------------------------------*/

.brd_normal_list {;border-top: 2px solid #000}
.brd_normal_list .list_row {border-bottom: 1px solid #e2e2e2}
.brd_normal_list .list_head {display: table;width: 100%;}
.brd_normal_list .list_head > * {display: table-cell;text-align: center;font-size: 18px;font-weight: 500;color:#000;padding: 20px 0;}
.brd_normal_list .list_row .list_num {width: 6%;}
.brd_normal_list .list_row .list_tit {}
.brd_normal_list .list_row .list_writer {width:15%;}
.brd_normal_list .list_row .list_date {width: 15%;}
.brd_normal_list .list_row .list_file {width: 6%;}
.brd_normal_list .list_row .list_hit {width: 6%;}
.brd_normal_list .list_row .list_type.noti {background:#000;color:#fff;}
.brd_normal_list .list_cont {display: table;width: 100%;}
.brd_normal_list .list_cont > * {display: table-cell;text-align: center;font-size: 16px;color:#000;padding:20px 0;}
.brd_normal_list .list_cont .list_tit {font-size:18px;color:#000;text-align: left; text-overflow: ellipsis;overflow: hidden;word-break: keep-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition: 0.5s ease}
.brd_normal_list .list_cont .list_desc {font-size: 16px;margin-top: 5px;color: #444;text-overflow: ellipsis;overflow: hidden;word-break: keep-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.brd_normal_list .list_foot {margin-top: 20px;font-size: 15px;}
.brd_normal_list .list_foot .list_writer {display: inline-block;padding-right:15px;color:#b57020;font-weight: 600;line-height: 1;}
.brd_normal_list .list_foot .list_date {display: inline-block;padding:0 15px;border-left:1px solid #ddd;color:#666;line-height: 1}
.brd_normal_list .list_foot .list_hit {display: inline-block;padding-left: 15px;border-left:1px solid #ddd;color:#666;line-height: 1}

@media screen and (max-width:1024px){
  .brd_normal_list .list_head > * {font-size: 16px;padding: 15px 0;}
  .brd_normal_list .list_cont > * {font-size: 15px;padding:15px 0;}
  .brd_normal_list .list_cont .list_tit {font-size: 18px;}
  .brd_normal_list .list_cont .list_tit a {color:#000}
}
@media screen and (max-width:768px){
  .brd_normal_list .list_row .list_writer {width: auto;}
  .brd_normal_list .list_row .list_date {width:auto;}
}
@media screen and (max-width:480px){
  .brd_normal_list .list_row a {padding:20px 0;font-size: 16px}
  .brd_normal_list .list_row .list_type {font-size:14px; line-height:25px;}
  .brd_normal_list .list_cont .list_tit {font-size: 18px;}
  .brd_normal_list .list_cont .list_desc {font-size: 14px;}
  
  .brd_normal_list .list_foot {font-size: 13px;}
}


.cate_list {background:#f8f8f8;border-radius: 10px;border:1px solid #e8e8e8;}
.cate_list ul {display: flex;align-items: center;padding: 30px 40px;}
.cate_list ul li {display: flex;align-items: stretch;}
.cate_list ul li + li:before {content: "";display: block;width: 1px;background:#ccc;margin: 0 30px;}
.cate_list ul li a {display: block; font-size: 20px;color:#666;font-weight: 500; line-height: 1;}
.cate_list ul li.on a {font-weight: 700; color:#15579f;}

@media screen and (max-width:768px){
  .cate_list {background:none;border: none;}
  .cate_list ul {padding:0;}
  .cate_list ul li + li:before {margin: 0 12px;}
  .cate_list ul li a {font-size:16px;}
}
@media screen and (max-width:480px){
  .cate_list ul li + li:before {margin: 0 10px;}
  .cate_list ul li a {font-size:14px;}
}


/*-----------------------------------------------------------------------------
 *  Normal Board View
 *----------------------------------------------------------------------------*/

.brd_view {}
.view_head {padding:40px 10px 40px;border-top: 2px solid #000}
.view_head .view_type {}
.view_head .list_type {display: inline-block;  font-size:15px;font-weight: 600; line-height: 30px;padding: 0 10px;border-radius: 5px;border:1px solid #000;}
.view_head .list_type.noti {background:#000;color:#fff;}
.view_head .view_writer {display: inline-block;font-size: 18px;color:#15579f;font-weight: 600;padding: 0 15px 0 0}
.view_head .view_date {display: inline-block;font-size: 17px;font-weight: 500;color:#888;padding: 0 15px;border-left: 1px solid #ddd;}
.view_head .view_hit {display: inline-block;font-size: 17px;font-weight: 500;color:#888;padding: 0 15px;border-left: 1px solid #ddd;}
.view_head h4 {display: block;font-size:36px;font-weight: 600; color:#000;margin:10px 0 15px;line-height: 1.4;}
.view_file,
.view_link {position: relative;max-width: max-content; margin:0 0 50px;padding-left: 120px;}
.view_link {max-width: 100%}
.view_file h5,
.view_link h5 {position: absolute;left:10px;top:0;font-size:18px;font-weight: 600;color:#000}
.view_file .file_link {display:block;margin: 0 0 5px}
.view_file .file_link a {display: block; border-radius: 10px;line-height:45px;padding: 0 20px;font-size: 15px;font-weight: 500;background:#f6f6f6 url("../images/sub/icon_download_k.png") no-repeat 20px center;background-size:16px auto;padding-left:45px;}
.view_file .file_link a:hover {background-color:#e8e8e8}
.view_link .url_link {display:flex;align-items:center;gap:20px;font-size:15px;;color:#000;line-height: 1;margin-bottom: 5px;}
.view_link .url_link a {display: inline-block;padding: 0 15px;border-radius: 5px;line-height: 30px;background:#666;font-size: 13px;font-weight: 500;color:#fff;}
.view_link .url_link a:hover {background:#000}
.view_cont {padding:80px 10px;border-top: 1px solid #ddd;}
.view_cont p {font-size: 16px; margin-bottom: 30px;}
.view_body_content {padding: 0 10px;}
.view_body_content img {border-radius: 10px;}

.view_file2,
.view_link {position: relative;max-width: max-content; display: block ruby;}
.view_link {max-width: 100%}
.view_file2 h5,
.view_link h5 {position: absolute;left:10px;top:0;font-size:18px;font-weight: 600;color:#000}
.view_file2 .file_link {display:block;margin: 0 0 5px}
.view_file2 .file_link a {display: block; border-radius: 10px;line-height:45px;padding: 0 20px;font-size: 15px;font-weight: 500;background:#f6f6f6 url("../images/sub/icon_download_k.png") no-repeat 20px center;background-size:16px auto;padding-left:45px;}
.view_file2 .file_link a:hover {background-color:#e8e8e8}

.brd_write_input2 textarea {width:100%; box-sizing: border-box;padding: 15px;font-size: 16px; line-height: 1.5;background: #f6f6f6;border: 1px solid #f6f6f6;color: #000;height:50px;border-radius: 5px;}
.brd_write_input2 textarea:focus {background:#fff;border-color:#000;}
.brd_write_input2 input {width: 100%;height:50px;border: 1px solid #f6f6f6;padding: 0 15px;background: #f6f6f6;color: #000;border-radius: 5px;font-size: 16px;margin: 5px 0}

a.siiru-btn {display: inline-block;margin-top: 20px; padding:10px 20px !important;font-size: 16px;border-radius: 5px;}

@media screen and (max-width:1024px){
  .view_head h4 {font-size:30px;}
}
@media screen and (max-width:768px){
  .view_head {padding:30px 10px 30px;}
  .view_head .view_writer {font-size: 16px;padding: 0 10px 0 0;}
  .view_head .view_date {font-size: 16px;padding: 0 10px;}
  .view_head .view_hit {font-size: 16px;padding: 0 10px;}
  .view_head h4 {font-size:26px;}
  .view_cont {padding: 50px 10px;}
  .view_file,
  .view_link {max-width: 100%;margin: 0 0 20px;padding:20px 10px;}
  .view_file h5,
  .view_link h5 {position: static;font-size: 16px;margin-bottom: 20px}
  
  .view_file, .view_link {margin:0;}
  .view_link {padding-bottom:0;}

	.view_file2,
	.view_link {position: relative;max-width: max-content; display: flow-root;}


}
@media screen and (max-width:480px){
  .view_head {padding:15px 10px;}
  .view_head .list_type {font-size: 14px;line-height: 25px;}
  .view_head .view_writer,
  .view_head .view_date,
  .view_head .view_hit {display: block; font-size: 14px;padding:0;border: none}
  .view_head h4 {font-size: 20px;margin-top: 10px;}
  .view_file h5,
  .view_link h5 {display: block; position: static;font-size:15px;margin-bottom: 10px;}
  .view_file .file_link a {display: flex;align-items: center;line-height:1.3;padding: 0 15px;font-size:13px;background-position: 15px center;background-size: 16px auto;padding-left:40px;height: 50px}
  .view_link .url_link {font-size: 14px;}
  .view_cont {padding: 30px 10px;}
  .view_cont p {font-size: 14px;margin-bottom: 20px;}
	.view_file2,
	.view_link {position: relative;max-width: max-content; display: flow-root;}
  
  a.siiru-btn {width: 100%;font-size: 15px;}
}

/*-----------------------------------------------------------------------------
 *  이전,다음 글
 *----------------------------------------------------------------------------*/

.board_detail_prev_next{margin-top: 85px; border-top:1px solid #000; border-bottom: 1px solid #000;}
.board_detail_prev_next ul{width: 100%;}
.board_detail_prev_next ul > li{width: 100%; border-top: 1px solid #ddd; display: flex; padding: 20px 10px; align-items: center; font-size: 16px;}
.board_detail_prev_next ul > li:first-child{border-top: none;}
.board_detail_prev_next ul > li .lb{width: 100px; border-right: 1px solid #ddd; padding: 0 20px;}
.board_detail_prev_next ul > li .rb{width: calc(100% - 150px); display: flex; padding-left: 30px;}
.board_detail_prev_next ul > li .rb a{flex-grow: 1; margin-right: auto; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.board_detail_prev_next ul > li .rb .date{ flex-shrink: 0; margin-left: 10px;}
.board_detail_prev_next ul > li .rb a:focus,
.board_detail_prev_next ul > li .rb a:hover{text-decoration: underline;}

@media screen and (max-width:768px){
  .board_detail_prev_next{margin-top: 35px;}
  .board_detail_prev_next ul > li{padding: 15px 5px; font-size: 14px;}
  .board_detail_prev_next ul > li .lb{width: 60px; border-right: 1px solid #ddd; padding: 0 10px;}
  .board_detail_prev_next ul > li .lb.prev::after{content: ""; margin: 0;}
  .board_detail_prev_next ul > li .lb.next::after{content: ""; margin: 0;}
  .board_detail_prev_next ul > li .rb{width: calc(100% - 80px); display: flex; padding-left: 15px;}
  .board_detail_prev_next ul > li .rb .date{ display: none;}
}



/*-----------------------------------------------------------------------------
 *  Faq List Board
 *----------------------------------------------------------------------------*/

.brd_faq_list {margin-top:40px;border-top: 2px solid #000}
.list_row {border-bottom: 1px solid #e2e2e2}
.list_row:has(.active) {border-bottom:none}
.list_row h3 {position: relative;;display: flex;align-items: center;gap:15px; padding:20px 60px 20px 80px; cursor: pointer}
.list_row h3.active {color:#000}
.list_row h3 .cate_name {display: inline-block;font-size:15px;line-height: 30px;padding: 0 15px;border-radius: 5px;border:1px solid #15579f;color:#15579f;}
.list_row h3 strong {font-size: 20px;color:#666;font-weight:600;line-height: 1.3;}
.list_row h3:before {content: "Q";position: absolute;left:20px;top:15px; flex-shrink: 0; display: flex;justify-content: center;align-items: center;width:40px;height: 40px;border-radius: 50%;background:#ccc;font-size: 20px;font-weight: 800;color:#FFF}
.list_row h3:after {content: "";position: absolute;right:30px;top:45%;transform: translateY(-50%) rotate(45deg);display: block;width:10px;height: 10px;border-right: 1px solid #666;border-bottom: 1px solid #222;transition: all 0.3s ease}
.list_row h3.active strong {color: #000}
.list_row h3.active:before {background-color:#000}
.list_row h3.active:after {transform: translateY(-50%) rotate(225deg);top: 50%}
.list_row div.drop_down_cont {display:flex;gap:20px; padding: 30px;font-size:18px;background:#f8f8f8;visibility: hidden;border-radius: 10px;}
.list_row div.drop_down_cont p {padding: 5px 0}
.list_row div.drop_down_cont:before {content: "A";flex-shrink: 0; display: flex;justify-content: center;align-items: center;width:40px;height: 40px;border-radius: 50%;background:#15579f;font-size: 20px;font-weight: 800;color:#FFF}

@media screen and (max-width:1024px){
  .list_row h3 {flex-wrap: wrap;padding:20px 50px 20px 60px;gap:10px}
  .list_row h3:before {left: 10px;top:20px}
  .list_row h3 .cate_name {font-size:14px;line-height:26px;padding: 0 10px;}
  .list_row h3 strong {display: block;width:100%;}
  .list_row div.drop_down_cont {padding: 25px;}
  
}
@media screen and (max-width:768px){
  .list_row:has(.list_head) {display: none}
  .list_row .list_cont > * {display: block; width: 100%;padding: 0;text-align: left;font-size: 14px;}
  .list_row .list_num,
  .list_row .list_file,
  .list_row .list_hit {display: none}
  .list_row .list_date {font-size: 13px}
  .list_cont .list_tit {font-size: 16px;margin-bottom: 10px;}
  .list_row .list_cont {display: block;padding:20px 10px}
  
  .list_row h3 {font-size: 18px;padding:15px 50px 15px 60px;gap:5px}
  .list_row h3 strong {font-size:18px;}
  .list_row h3:before,
  .list_row div.drop_down_cont:before {width:35px;height: 35px;font-size: 18px;}
  .list_row h3:after {right:15px;}
  .list_row div.drop_down_cont {font-size: 15px;padding:20px;}
  .list_row div.drop_down_cont {gap: 15px;padding: 20px;font-size: 16px;}
}
@media screen and (max-width:480px){
  .list_row h3 {padding:15px 35px 15px 45px;}
  .list_row h3:after {right:10px;width:8px;height: 8px;}
  .list_row h3 .cate_name {font-size: 13px;line-height:24px;}
  .list_row h3 strong {font-size:15px;}
  .list_row div.drop_down_cont {padding: 20px 15px; font-size:14px }
  .list_row h3:before,
  .list_row div.drop_down_cont:before {width:30px;height: 30px;font-size:15px;left: 5px}
}


/*-----------------------------------------------------------------------------
 *  Write
 *----------------------------------------------------------------------------*/

.brd_write {border-top: 2px solid #000}
.brd_write_form {}
.brd_write .tb_row {border-top: none;}
.brd_write .td_pdr {position: relative;padding-right:45px;}
.brd_write.cols .form_row {display: flex;justify-content: space-between;}
.brd_write.cols .form_row > ul {display: flex;}
.brd_write.cols .form_row > ul dl {display: flex;flex-direction: column;}
.brd_write_tr {display: table;width: 100%;table-layout: fixed;}
.brd_write_td {display: table-cell;vertical-align: middle;}
.brd_write_inner {display: table;width: 100%;table-layout: fixed;}
.brd_write_inner dt,
.brd_write_inner dd {display: table-cell;padding:20px 20px;vertical-align: middle;box-sizing: border-box;border-bottom: 1px solid #eee;}
.brd_write_inner dd .select_box {}
.brd_write_tit {text-align: left;width: 160px;padding-right: 20px;}
.brd_write_tit .brd_write_opt {position: relative;font-size: 18px; font-weight:600;color:#000;padding: 0 20px 0 0;}
.brd_write_tit .btn_del {position: absolute;right:10px;top:50%;transform: translateY(-50%);display: inline-block;vertical-align: middle;width: 28px;height: 28px;background:#f6f6f6 url("../images/common/icon_del_w.png") no-repeat center center;border-radius: 50%;border:1px solid #ddd;font-size: 0}

.brd_write_input {position: relative;width: 100%;float: left;}
.brd_write_input input {width: 100%;height:50px;border: 1px solid #f6f6f6;padding: 0 15px;background: #f6f6f6;color: #000;border-radius: 5px;font-size: 16px;margin: 5px 0}
.brd_write_input input:focus {background:#fff;}
.brd_write_input input.inputSm {max-width:300px;}
.brd_write_input input.inputMin {max-width:100px;}
.brd_write_input input[type=date] {max-width: 130px;}
.brd_write_input button {display: inline-block;height: 50px;padding: 0 25px;border-radius: 5px;background:#444;font-size: 16px;font-weight: 500;color:#fff;margin: 5px 0}
.brd_write_input textarea {width: 100%;box-sizing: border-box;padding: 15px;font-size: 16px; line-height: 1.5;background: #f6f6f6;border: 1px solid #f6f6f6;color: #000;height: 200px;border-radius: 5px;}
.brd_write_input textarea:focus {background:#fff;border-color:#000;}
.brd_write_input .select_box {height: 50px;padding-right:40px;text-align: left;}
.brd_write_input .select_box .select_title {line-height: 50px;background: #f6f6f6;border: 1px solid #f6f6f6;border-radius: 5px;}
.brd_write_input .select_box .select_title:focus-within {border-color:#000}
.brd_write_input .select_box .select_title .arrow:before {top: 18px;}
.brd_write_input .select_box .select_title.open .arrow:before {top: 22px;}
.brd_write_input .select_box ul {top: 50px;border: 1px solid #ddd !important;}
.brd_write_input .select_box ul li a {padding: 10px 15px}
.brd_agree_area {padding: 50px;border-radius: 10px;background:#f8f8f8;margin-top: 30px;}
.brd_agree_area .brd_ment {font-size: 17px;color:#000;margin-bottom: 20px;}


/* File Upload */
.fileUpload_form {position:relative;padding-right:130px;}
.fileUpload_form input.fileName {display:block;}
.fileUpload_form input.fileUpload {position:absolute;width:1px;height:1px;display:none;}
.fileUpload_form input.fileUpload + label {position:absolute;right:0;top:0;display:block;width:120px;height:100%;background:#666 url(../images/common/icon_btn_sch.png) no-repeat 15px center;background-size:26px;color:#fff;line-height:50px;border-radius: 5px;font-size: 15px;font-weight: 500;padding:0 15px 0 45px }
.fileUpload_form input.fileUpload:hover + label {background-color:#444;}

.fileAddDel_btns {position:absolute;right:0;top:10px;}
.fileAddDel_btns li {display: inline-block;margin:0 2px;}
.fileAddDel_btns li a {display:block;width:26px;height:26px;border-radius:50%;border:1px solid #ccc;text-indent: -9999px;}
.fileAddDel_btns li a:hover {border-color:#000;}
.fileAddDel_btns li.btn_add a {background:url(../images/common/icon_add.png) no-repeat center center;}
.fileAddDel_btns li.btn_delete a {background:url(../images/common/icon_del.png) no-repeat center center;}

@media screen and (max-width:1200px){
  .resp table,
  .resp table tbody,
  .resp table tr,
  .resp table td {display: block;padding: 0;border:none;text-align: left !important}
  .resp table thead {display: none}
  .resp table tr {padding:20px 10px;border-bottom: 1px solid #ddd}
  .resp table tr td {position: relative;padding-left: 120px;margin: 5px 0}
  .resp table tr td .brd_write_input {float: none;}
  .resp table tr td:before {content: attr(data-label);position: absolute;left:0;top:15px;font-size:18px;color:#000;font-weight: 500}
  .btn_del {position: static;margin-top: 30px;}
}
@media screen and (max-width:768px){
  .brd_write_inner {display: block;padding: 20px 0;}
  .brd_write_inner dt, 
  .brd_write_inner dd {display:block;padding:0;border-top: none;border-bottom: none;}
  .brd_write_inner dt {margin-bottom: 5px}
  .brd_write_tit .brd_write_opt {font-size: 16px;padding: 0 15px 0 0;}
  .brd_write_input input {height: 40px;font-size: 15px;padding: 0 10px}
  .brd_write_input textarea {font-size: 15px;}
  .brd_write_input button {height: 40px;font-size: 15px;padding: 0 20px}
  .fileUpload_form {padding-right: 100px;}
  .fileUpload_form input.fileUpload + label {right: 0;width:95px;background-size:22px;background-position: 10px center;line-height: 40px;font-size: 14px;padding: 0 10px 0 30px;}
  .fileAddDel_btns li a {display: block;width: 22px;height: 22px;}
  .brd_agree_area {padding:40px;margin-top: 20px;}
  .brd_agree_area .brd_ment {font-size: 15px;}
  
  .resp table tr td {padding:5px;}
  .resp table tr td:before {position: static;display: block; margin-bottom: 5px;font-size: 16px;}
}
@media screen and (max-width:480px){
  .resp table tr {padding: 20px 0;}
  .brd_write_input input[type=date] {max-width: 130px;font-size: 14px}
}


/*-----------------------------------------------------------------------------
 *  Paging
 *----------------------------------------------------------------------------*/

.brd_paging {display: flex;justify-content: center;gap:0 10px;margin-top: 50px;}
.brd_paging button,
.brd_paging .list_num { display: inline-flex;justify-content: center;align-items: center;width: 35px;height: 35px;line-height: 35px; font-size: 15px;border-radius: 50%; cursor: pointer;}
.brd_paging button:hover,
.brd_paging .list_num:hover {background-color:#f4f4f4 !important;}
.brd_paging button {text-indent: -9999px;}
.brd_paging button.prev {background:url("../images/sub/pg_arr_prev.png") no-repeat center center;}
.brd_paging button.next {background:url("../images/sub/pg_arr_next.png") no-repeat center center;}
.brd_paging button.first {background:url("../images/sub/pg_arr_first.png") no-repeat center center;}
.brd_paging button.last {background:url("../images/sub/pg_arr_last.png") no-repeat center center;}
.brd_paging button[disabled] {cursor: default;opacity: .3}
.brd_paging .list_num.active {border-radius: 50%;background-color: #15579f !important;color:#fff !important;font-weight: 700;}

@media screen and (max-width:768px){
  .brd_paging button, 
  .brd_paging .list_num {width: 30px;height: 30px;line-height: 30px; font-size: 14px;}
}
@media screen and (max-width:480px){
  .brd_paging button, 
  .brd_paging .list_num {flex-shrink: 0; width: 25px;height:25px;line-height: 25px; font-size:13px;background-size: auto 10px !important}
}


/*-----------------------------------------------------------------------------
 *  View Buttons
 *----------------------------------------------------------------------------*/

.view_content_btn {margin-top: 30px;}
.view_content_btn .btn_link {display: inline-flex;align-items: center;gap:10px; font-size: 17px;color:#000; font-weight: 500;}
.view_content_btn .btn_link:before {content: "";width:25px;height: 25px;border-radius: 50%; background:#f8f8f8 url("../images/sub/icon_link_k.png") no-repeat center center;border:1px solid #ddd;}

.view_foot_btns {display: flex;justify-content: center;gap:10px;align-items: center;margin:60px 0 0;}
.view_foot_btns.between {justify-content: space-between;}
.view_foot_btns a {display: inline-flex;justify-content: center;gap:10px;align-items: center;font-size:20px;font-weight: 600;line-height: 53px;padding: 0 50px;min-width: 120px;border-radius: 10px;}
.view_foot_btns a.btn_normal {background:#fff;color:#000;font-weight: 500;border:1px solid #000}
.view_foot_btns a.btn_list {border:1px solid #15579f;color:#15579f;border-radius: 10px;}
.view_foot_btns a.btn_list:hover {background:#15579f;color:#fff;}
.view_foot_btns a.btn_list:before {content:"";width: 14px;height: 14px;background:url("../images/sub/icon_list_b.png") no-repeat left center}
.view_foot_btns a.btn_list:hover:before {background:url("../images/sub/icon_list_w.png") no-repeat left center}
.view_foot_btns a.btn_del {background:#DC2E31;border-color:#DC2E31;color:#fff;}
.view_foot_btns a.btn_modify {background:#15579f;border-color:#15579f;color:#fff;}
.view_foot_btns .btns_left,
.view_foot_btns .btns_right {display: flex;align-items: center;gap:10px}

@media screen and (max-width:768px){
  .view_content_btn {margin-top: 20px;}
  .view_content_btn .btn_link {font-size: 16px;}
  
  .view_foot_btns {margin:40px 0;}
  .view_foot_btns a {font-size: 18px;padding: 0 30px;min-width: 100px;line-height:50px;}
}
@media screen and (max-width:480px){
  .view_content_btn .btn_link {font-size: 15px;}
  .view_content_btn .btn_link:before {width: 20px;height: 20px;background-size: 10px auto;}
  
  .view_foot_btns {margin: 30px 0;}
  .view_foot_btns a {font-size: 16px;line-height: 40px;padding:0 20px}
}


/*-----------------------------------------------------------------------------
 *  Survey
 *----------------------------------------------------------------------------*/

.content_survey {margin-top: 20px;border-radius: 10px;border:1px solid #ccc;}
.survey_head {padding: 15px 30px;background:#f6f6f6;border-bottom: 1px solid #ccc;}
.survey_head h4 {display: flex;align-items: center;gap:10px;font-size: 20px;font-weight: 700; color:#887056;}
.survey_head h4:before {content: "";display: inline-block;width: 25px;height: 25px;border-radius: 50%;background:#887056 url("../images/sub/icon_satis.png") no-repeat center center;}
.survey_cont {padding: 20px 30px}
.survey_cont .survey_row {}
.survey_cont .survey_row p {font-size: 16px;font-weight: 500;}
.survey_cont .form_row {display: flex;gap:30px;align-items: center;justify-content: space-between;}
.survey_cont .form_row .rdo_group {width: 100%;}
.survey_cont .form_row .inp_box {display: flex;align-items: center;justify-content: flex-end;gap:5px;width: 100%;max-width: 700px;}
.survey_cont .form_row .inp_box input {width: 100%;max-width: 400px;border-radius: 5px;}
.survey_cont .form_row .inp_box button {height: 40px;border-radius: 5px;font-size: 18px;color:#fff;font-weight: 500;padding: 0 20px;background:#887056;}

@media screen and (max-width:1200px){
  .survey_cont .form_row {display: block;margin-top: 10px;}
  .survey_cont .form_row .inp_box {justify-content:space-between;max-width: none;margin-top: 10px;}
  .survey_cont .form_row .inp_box input {max-width: none;}
}
@media screen and (max-width:640px){
  .survey_head {padding:10px 25px;}
  .survey_head h4 {font-size: 18px;}
}
@media screen and (max-width:480px){
  .survey_head {padding:10px 20px;}
  .survey_head h4 {font-size: 17px;}
  .survey_head h4:before {width: 22px;height: 22px;background-size: 12px auto;}
  .survey_cont {padding:15px 20px;}
  .survey_cont .survey_row p {font-size: 15px;}
  .survey_cont .form_row .inp_box button {height: 35px;font-size: 16px;padding: 0 15px;}
}

/*-----------------------------------------------------------------------------
 *  기증/기탁
 *----------------------------------------------------------------------------*/

.brd_write_cont .blind {display:none;}
.brd_write_input>label.title {display:none;}
.brd_write_input p label.title {display:none;}

/*-----------------------------------------------------------------------------
 *  통합검색
 *----------------------------------------------------------------------------*/

.rec_list {}
.rec_list ul {}
.rec_list ul li {position: relative;padding:40px 10px 40px 330px;}
.rec_list ul li .list_img {position: absolute;left:10px;top:50px;width: 280px;height:300px;border-radius: 10px;overflow: hidden}
.rec_list ul li .list_img img {display: block;width: 100%;height: 100%;object-fit: cover;transition: all 0.5s ease}
.rec_list ul li:hover .list_img img {transform:scale(1.05)}
.rec_list ul li .view_content {padding: 30px 0}
.rec_list ul li .view_subject {width: 100%; margin-bottom:10px}
.rec_list ul li .view_subject a {display: block; font-size:20px;font-weight: 500;color:#333}
.rec_list ul li .view_content_head {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end}
.rec_list ul li .view_list_box {width: 55%;background:none;padding: 0}
.rec_list.type2 ul li .badge {margin-bottom: 5px;}
.rec_list.type2 ul li .badge span.cate {background:#15579f;border-color:#15579f;color:#fff;}
.rec_list .btns2 {display: flex;gap:10px;align-items: center;margin-top:30px}
.rec_list .btns2 a {display: inline-flex;gap:10px;align-items: center;padding:15px 25px;text-align: center;border-radius: 10px;font-size: 13px;font-weight:600;color:#15579f;border:1px solid #15579f}
/*.rec_list .btns2 a:before {content: "";display: block;width:15px;height:15px;}
.rec_list .btns2 a.btn_detail_view:before {background:url("../images/common/icon_detail_view.svg") no-repeat center / 15px auto;}*/

/* Webzine Icon List */
.rec_list.type2 ul li {display: flex;align-items: center;min-height: auto; padding:30px 20px 30px 0;}
.rec_list.type2 ul li .badge {margin-bottom: 5px;}
.rec_list.type2 ul li .badge span.cate {background:#15579f;border-color:#15579f;color:#fff;}
.rec_list.type2 ul li .list_num {position: absolute;left:20px;top:50%;transform: translateY(-50%);width: 50px;height: 50px;font-size: 18px;font-weight: 700;color:#000;background:#f8f8f8;border-radius: 50%;text-align: center;line-height: 50px;}
.rec_list.type2 ul li .view_content {width:90%;padding:15px 0;}
.view_icon_list_box {width:100%;max-width: 600px;margin-top: 10px}
.view_icon_list_box dl {display: flex;flex-wrap: wrap;align-items: center;gap:5px 0;}
.view_icon_list_box dl dt {display: flex;align-items: center;gap:8px;font-size: 15px;font-weight:600;color:#000; flex: 0 0 120px;}
.view_icon_list_box dl dt .icon {display: block;width: 10px;height: 10px;}
.view_icon_list_box dl dt .icon img {display: block;width:100%;}
.view_icon_list_box dl dd {width:calc(50% - 120px);font-size: 14px;font-weight: 500;color:#222;}
.rec_list.type2 .btns {position: absolute;top: 50%;right:20px; transform: translateY(-50%);margin-top: 0;}


@media screen and (max-width:1200px){
  .rec_list ul {gap: 20px;}
  /*.brd_wbz_list ul li {padding:30px 10px 30px 300px;min-height: 400px}*/
  .rec_list ul li .list_img {top: 40px;width: 240px;height: 260px;}
  .rec_list ul li .view_content {padding:10px 0;}
  .rec_list ul li .view_subject a {font-size:22px;}
  .rec_list .btns {flex-direction: column;margin-top: 0;}
  .rec_list .btns a {width: 100%;justify-content: center}
}
@media screen and (max-width:960px){
  .rec_list ul li .view_list_box {width: 100%;}
  .rec_list .btns {width: 100%;flex-direction: row;margin-top: 20px;}
  .rec_list .btns a {width: auto;}

  .rec_list.type2 ul li {padding:20px 10px 20px 80px;}
  .rec_list.type2 ul li .list_num {left: 10px;top: 35px;transform:none;width: 40px;height: 40px;font-size: 16px;line-height: 40px;}
  .view_icon_list_box {margin-top: 0;}
  .view_icon_list_box dl dd {width: calc(100% - 120px);}
  .rec_list.type2 .btns {position: static;transform:none;margin-top: 20px;}
}
@media screen and (max-width:768px){
  .rec_list ul li {padding: 30px 10px 30px 220px;min-height: 300px;}
  .rec_list ul li .list_img {width: 180px;height: 200px;}
  .rec_list ul li .view_subject {margin-bottom: 10px;}
  .rec_list .view_list_box dl {gap:5px 0}
  .rec_list .btns a {padding: 12px 20px;font-size: 15px;}
  
  .rec_list dl dt {gap: 6px;font-size:15px;flex: 0 0 100px;}
  .rec_list dl dt .icon {width: 18px;height: 18px;}
}
@media screen and (max-width:640px){
  .rec_list ul {padding-top: 30px;}
  .rec_list ul li {padding:60px 50px;min-height:auto;border-radius: 10px;border:1px solid #ddd;}
  .rec_list.type2 ul li {border:none;border-bottom: 1px solid #ddd;}
  .rec_list ul li .list_img {position: static;width: 100%;max-width: 300px;margin: 0 auto 30px;height: auto;}
}
@media screen and (max-width:480px){
  .rec_list ul li {padding: 40px 30px;}
  .rec_list ul li .view_subject a {font-size:18px;}
  .rec_list .btns {gap:5px}
  .rec_list .btns a {padding: 10px 16px;gap:5px;}
  .rec_list .btns a:before {width: 18px;height: 18px;}
  .rec_list .btns a.btn_detail_view:before {background-size: 18px auto}
  .rec_list .btns a.btn_reserv:before {background-size: 18px auto}
  
  .rec_list.type2 ul {padding-top: 0}
  .rec_list.type2 ul li {padding:20px 10px;}
  .rec_list.type2 ul li .list_num {display: none;}
}



/*-----------------------------------------------------------------------------
 *  공공누리
 *----------------------------------------------------------------------------*/
.text_box{background:#f8f8f8; border-radius:5px;padding: 20px; margin-top:30px;}
.text_box > ul{margin-bottom:0; padding-left:0;}
.open_type img{width:100px; margin-top:10px;}
/*.content p{ font-size:14px; line-height: 1.3; color:#595959 }*/

@media all and (min-width:640px){
    .status_cont > ul > li{display:flex;flex-wrap: nowrap; justify-content:space-between; align-items:center;flex-direction: row;}
 .open_type{text-align:right;padding: 30px;}
}

@media all and (min-width:768px){
      .text_box{}
    /*.content p{ font-size:16p;}*/
}

@media all and (min-width:1024px){
    .text_box{padding: 40px;}
    /*.content p{ font-size:17px; line-height: 1.5; }*/
}


.imageView img{max-width:700px;width:100%;height:auto;margin:0 auto;}