@charset "utf-8";
/* body {background-color: #a6f0ee;} */

body { box-sizing: border-box; font-family: 'Spoqa Han Sans Neo', 'sans-serif'; color: #000; font-weight: 500;}

a {color: #333; text-decoration: none;}

/* 공통 */
.inner {width: 1400px; margin: 0 auto;}
caption, .hide {text-indent: -9999px;}

.morePage {width: 100px; margin: 50px auto;}
.morePage a {display: block; padding: 10px 20px; text-align: center; border: 1px solid #ccc; border-radius: 2px;}

.sub_paragraph p {line-height: 1.8; font-size: 18px;}

@media all and (max-width: 1400px) {
    .inner {width: 98%;}
}

/* 바로가기 */
#u_skip {
    position: relative;
}

#u_skip a {
    position: absolute;
    top: -100px;
    left: 0;
    z-index: -1;
    width: 130px;
    border: 1px solid #ebe8e8;
    background-color: #000;
    font-size: 11px;
    line-height: 25px;
    color: #fff;
    letter-spacing: -1px;
    text-align: center;
    outline: 0
}

#u_skip a:focus {
    top: 0px;
}

#u_skip a:active,#u_skip a:focus {
    z-index: 610;
    text-decoration: none;
    cursor: pointer
}

#u_skip a span {
    font-weight: 700;
    color: #ebe8e8
}

/* header  */
.pc_header {width: 100%; height: 100px; background: #000; position: fixed; display: block; z-index: 999;}
.pc_header > .inner {height: 100px; display: flex; justify-content: space-between; align-items: center;}

.pc_header nav {/* font-family: 'NPSfontBold', sans-serif;*/} 
/* .pc_header nav {font-family: 'Noto Sans KR', sans-serif; } */
.pc_header nav ul#gnb {display: flex;}
.pc_header nav ul#gnb > li {/*width: 130px;*/ padding: 30px 47px; display: flex; justify-content: center;}
.pc_header nav ul#gnb > li > a {display: block; padding: 10px 0; color: #fff; font-size: 24px; position: relative; transition: all .3s;font-weight: bold;}

/* .pc_header nav ul#gnb > li:nth-of-type(1):hover > a {color: #9ec9db;}
.pc_header nav ul#gnb > li:nth-of-type(2):hover > a {color: #b3e7a7;}
.pc_header nav ul#gnb > li:nth-of-type(3):hover > a {color: #a6f0ee;}
.pc_header nav ul#gnb > li:nth-of-type(4):hover > a {color: #eed1bd;}
.pc_header nav ul#gnb > li:nth-of-type(5):hover > a {color: #df9ba3;}
.pc_header nav ul#gnb > li:nth-of-type(6):hover > a {color: #ebc1bb;} */

.pc_header nav ul#gnb > li > a::before {position: absolute; content: ''; display: block; width: 30px; height: 30px; background-color: #fff; top: 50%; left: calc( -30px + (-8px) ); transform: translateY(-50%); }

.pc_header nav ul#gnb > li:nth-of-type(1) > a::before {background: url(../images/navListIcon01.png) no-repeat center;  top: 48%;}
.pc_header nav ul#gnb > li:nth-of-type(2) > a::before {background: url(../images/navListIcon02.png) no-repeat center;}
.pc_header nav ul#gnb > li:nth-of-type(3) > a::before {background: url(../images/navListIcon03.png) no-repeat center;}
.pc_header nav ul#gnb > li:nth-of-type(4) > a::before {background: url(../images/navListIcon04.png) no-repeat center;}
.pc_header nav ul#gnb > li:nth-of-type(5) > a::before {background: url(../images/navListIcon05.png) no-repeat center;}
.pc_header nav ul#gnb > li:nth-of-type(6) > a::before {background: url(../images/navListIcon06.png) no-repeat center;}

.pc_header nav li ul {
    position: absolute;
    /* width: 100%; */
    top: 20px;
    display: none;
}

.pc_header nav li li a {
    display: block;
    padding: 0px 35px 0px 40px;
    line-height: 38px;
    font-size: 18px;
    font-weight: 500;
    color: #171717;
    /* text-align: center; */
    transition: all .5s;
}

.pc_header nav li li a:hover {
    color: #949494;
}

/* .pc_header .submenu_bg {width: 100%; height: 0px; background: #fff; transition: all .6s;border-bottom: 1px solid #ccc;} */

.m_header {display: none;}



/*s--------------------------- 231213_메뉴구조변경 추가 css---------------------------------- */
nav .sub {
    position: absolute;
    left: 0;
    top: 100px;
    width: 100%;
    height: 0;
    /* height: 163px; */
    overflow: hidden;
    background-color: #fff;
    transition: height 0.3s;
}
nav .sub .sub_contents {
    margin: 0 auto;
    width: 1051.48px;
    text-align: left;
    background: #000;
    float: right;
    position: relative;
}
/*서브메뉴 높이 지정*/
nav .sub {border-bottom: 1px solid #eaeaea;}
nav li:nth-child(1):hover>.sub {height: 163px;}
nav li:nth-child(2):hover>.sub {height: 163px;}
nav li:nth-child(3):hover>.sub {height: 163px;}
nav li:nth-child(4):hover>.sub {height: 190px;}
nav li:nth-child(5):hover>.sub {height: 190px;}
nav li:nth-child(6):hover>.sub {height: 190px;}

nav li > .sub .sub_contents ul {position: absolute;}
nav li:nth-child(1) > .sub .sub_contents ul {left: -38px;}
nav li:nth-child(2) > .sub .sub_contents ul {left: 177.86px;}
nav li:nth-child(3) > .sub .sub_contents ul {left: 322.03px;}
nav li:nth-child(4) > .sub .sub_contents ul {left: 519.67px;}
nav li:nth-child(5) > .sub .sub_contents ul {left: 717.31px;}
nav li:nth-child(6) > .sub .sub_contents ul {left: 861.48px;}

nav .sub .sub_contents li:first-child a {
    border-top: none;
}
/*e--------------------------- 231213_메뉴구조변경 추가 css---------------------------------- */



@media all and (max-width: 1402px) {
    .pc_header {display: none;}
    .m_header {display: block;/* font-family: 'NPSfontBold', sans-serif;*/} 

    /* 모바일 메뉴 */
    .m_header {width: 100%; height: 100px; background: #000; position: fixed; z-index: 9999;}
    .m_logo {float: left; margin: 30px 0 0 20px;}
    .m_logo a {display: block;margin-top: 4px;}
    .m_logo img {width: 200px;}
    .ham_btn {float: right; margin: 30px 20px 0px 0px;}
    .ham_btn a {display: block; width: 30px; height: 22px; position: relative; margin-top: 9px;}
    .ham_btn i {display: block; width: 30px; height: 3px; background: #fff; position: absolute;}
    .ham_btn i:nth-of-type(1) {top: 0;}
    .ham_btn i:nth-of-type(2) {top: 50%; transform: translateY(-50%);}
    .ham_btn i:nth-of-type(3) {bottom: 0;}

    .mo_top_util {background: #063931;}
    .mo_top_util ul li {display: inline-block; padding-left: 15px;}
    .mo_top_util ul li a {display: inline-block; padding: 24px 10px; color: #fff;}

    .m_header nav {width: 40%; min-width: 260px; height: 100vh; background-color: rgba(255, 255, 255); position: absolute; left: -100%; top: 0;border-right: 1px solid #ccc;}

    .m_header nav .m_nav_top {height: 100px; background-color: #ffffff;}

    .close  {position: absolute; width: 30px; height: 30px;  top: 35px; right: 20px; cursor: pointer; z-index: 999;}
    .close i {display: block; width: 30px; height: 2px; background: #393939; position: absolute;}
    .close i:nth-of-type(1) {transform: rotate(45deg);}
    .close i:nth-of-type(2) {transform: rotate(-45deg);}

    *{box-sizing: border-box; }
    /* .que:first-child{border-top: 1px solid black;} */
    .que{position: relative;padding: 30px 20px;cursor: pointer; font-size: 20px; text-align: center;font-weight: bold;}
    /* .que::before{display: inline-block;content: ''; width: 3px; height: 3px; background: #656565; margin: 3px 5px;} */
    .que.on > span{ font-weight: bold;color: #3f3f3f; }
    .anw { display: none; overflow: hidden; font-size: 16px; padding: 10px 30px; text-align: center;  font-family: 'Noto Sans KR', sans-serif; } 
    .anw li:hover a {color: #0b0757;}
    .anw a {display: block; padding: 14px 0px; border-bottom: 1px dotted #e4e4e4;} 

    .arrow-wrap { position: absolute; top:50%; right: 30px; transform: translate(0, -50%);}
    .que .arrow-top { display: none; transition: all .3s;}
    .que .arrow-bottom { display: block;transform: rotate(-90deg);}
    .que.on .arrow-bottom { display: none; transition: all .3s;}
    .que.on .arrow-top { display: block; ;transform: rotate(90deg);}

}


/* wrap-main */
#wrap {position: relative; top: 100px;}

.sub_section {padding: 50px 0; min-height: 920px;}
.sub_section .subtit_area {padding: 20px 0; margin-bottom: 50px;}
.sub_section .subtit_area .sub_tit {font-weight: 600;}


@media all and (max-width: 1402px) {
    .sub_section {padding: 20px 0;}
}

@media all and (max-width: 520px) {
    .sub_section .subtit_area .sub_tit {display: none;}
    .sub_section .subtit_area .sub_utilewrap {padding-left: 20px;}
}

/* 서브페이지 타이틀 */
.subtit_area {width:100%; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ccc;}
.subtit_area h2 {font-size: calc(0.26vw + 27.08px);}
.subtit_area .sub_utilewrap {font-size: 14px;}
.subtit_area .sub_utilewrap li {display: inline-block; margin-right: 20px; position: relative;}
.subtit_area .sub_utilewrap li::after {content: ""; display: inline-block; position: absolute; width: 5px; height: 8px; background: url(../images/sub_utile_arrow.png) no-repeat center; top: 50%; transform: translateY(calc( -50% + 1px)); right: -15px;}
.subtit_area .sub_utilewrap li:last-child:after {display: none;}


h3 {font-size: 24px; font-weight: 600; padding-left: 0px; position: relative;}
/* h3::before {content: ""; position: absolute; display: block; width: 10px; height: 10px; background: #dbdbdb; top: 50%; transform: translateY(-50%); left: 0px;}
h3::after {content: ""; position: absolute; display: block; width: 10px; height: 10px; background: #979797; top: 50%; transform: translateY( calc( -50% + 3px ) ); left: 3px;} */

h4 {font-size: 20px; padding: 30px; position: relative; font-weight: 800; width: 160px;}
/* h4::before {content: ""; position: absolute; display: block; width: 4px; height: 4px; background: #7c7c7c; top: 40px; left: 16px;} */


/* 미술관소개 */
.sub_img {margin-top: 20px; width: 100%;}
.sub_img img {width: 100%;}

/* 건립개요 */
.sub_construction {display: flex;}
.sub_construction .construction_img {margin-right: 2%; width: 46%; margin-top: 9px;}
.sub_construction .construction_img img {width: 100%;}
.sub_construction .construction_info {font-size: 18px; line-height: 1.8;}
.sub_construction .construction_info .construction_title {font-size: 24px; font-weight: 600; color: #000;}
.sub_construction .construction_info p {margin-bottom: 10px;}
.sub_construction .construction_info p span {display: inline-block; width: 80px; color: #000; font-weight: 600;}

ul.Additional_photos {width: 100%; margin: 50px 0;}
ul.Additional_photos li {width: 49%; margin-right: 1%; display: inline-block; margin-bottom: 10px;}
ul.Additional_photos li:nth-of-type(2n) {margin-right: 0px;}
ul.Additional_photos li img {width: 100%;}

@media all and (max-width: 950px) {
    .sub_construction {display: flex; flex-direction: column; align-items: center;}
    .sub_construction .construction_img {margin-right: 0; width: 100%; margin-bottom: 20px;}
    .sub_construction .construction_img img {width: 100%;}
    .sub_construction .construction_info {font-size: calc(0.26vw + 13.08px); width: 100%;}
    .sub_construction .construction_info .construction_title {font-size: calc(0.26vw + 19.08px);}
    .sub_construction .construction_info p span {width: 60px;}
}

@media all and (max-width: 720px) {
    ul.Additional_photos li {width: 100%;}
}

/* 연혁 및 계획 */
.history_wrap { padding-bottom: 50px;}
.history_wrap > ul {display: flex; flex-direction: column; margin: 30px 0 50px;}
.history_wrap > ul > li { display: flex;}
.history_wrap > ul > li:last-child {border-bottom: 1px solid transparent;}
.history_wrap > ul > li > div.history_year {width: 100px; font-size: 24px; font-weight: 600; padding: 20px 20px 20px 0px;}
.history_wrap > ul > li > ul li {display: flex; padding: 22px 0;}
.history_wrap > ul > li > ul li > div {font-size: 20px;}
.history_wrap > ul > li > ul li > div.history_month { width: 120px; font-weight: 600;text-align: left; padding-right: 50px;}
.history_wrap > ul > li > ul li > div.history_content {font-weight: 500;}

@media all and (max-width: 720px) {
    .history_wrap { padding-bottom: 20px;}
    .history_wrap > ul {margin: 20px 0 40px;}
    .history_wrap > ul > li {flex-direction: column;}
    .history_wrap > ul > li > div.history_year {text-align: initial; font-size: 22px; padding: 20px;}
    .history_wrap > ul > li > ul li {flex-direction: column; padding: 15px 20px;}
    .history_wrap > ul > li > ul li > div {font-size: 16px;}
    .history_wrap > ul > li > ul li > div.history_month { width: 90px; padding-right: 40px;}
    .history_wrap > ul > li > ul li > div.history_content {line-height: 1.2; padding: 12px 0;}
}

/* 전시 서브페이지 */
#listWrap_exhibition ul li {padding: 30px; margin: 30px 0; border: 1px solid #e4e4e4;}
#listWrap_exhibition ul li a {display: flex; justify-content: space-between;}
#listWrap_exhibition ul li a > div:nth-of-type(1) {width: 28%; display: flex; justify-content: center;}
#listWrap_exhibition ul li a > div:nth-of-type(1) img {width: 96%;}
#listWrap_exhibition ul li a > div:nth-of-type(2) {width: 68%; font-size: 18px;}
#listWrap_exhibition ul li a > div:nth-of-type(2) > div {margin-bottom: 15px;}
#listWrap_exhibition ul li a > div:nth-of-type(2) span {display: inline-block; width: 100px; font-weight: 600;}
#listWrap_exhibition ul li a > div:nth-of-type(2) .exhibition_title {font-size: 24px; font-weight: 600; margin-bottom: 20px;}

#listWrap_exhibition ul li a > div:nth-of-type(2) .exhibition_content {display: flex; flex-direction: column;}
#listWrap_exhibition ul li a > div:nth-of-type(2) .exhibition_content span {display: inline-block; margin-bottom: 10px;}
#listWrap_exhibition ul li a > div:nth-of-type(2) .exhibition_content p {display: inline-block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.5;}

@media all and (max-width: 960px) {
    #listWrap_exhibition ul li a {display: flex; justify-content: space-between; flex-direction: column; align-items: center;}
    #listWrap_exhibition ul li a > div:nth-of-type(1) {width: 100%; margin-bottom: 20px;}
    #listWrap_exhibition ul li a > div:nth-of-type(1) img {width: 100%;}

    #listWrap_exhibition ul li a > div:nth-of-type(2) {font-size: calc(0.26vw + 13.08px); }
    #listWrap_exhibition ul li a > div:nth-of-type(2) .exhibition_title {font-size: calc(0.26vw + 19.08px);}
    #listWrap_exhibition ul li a > div:nth-of-type(2) {width: 100%;}
}


/* 전시 세부페이지 */
#listWrap_exhibition.detail_page {display: flex; justify-content: space-between;}
#listWrap_exhibition.detail_page > div:nth-of-type(1) {width: 26%; display: flex; justify-content: center;}
#listWrap_exhibition.detail_page > div:nth-of-type(1) img {width: 90%;}
#listWrap_exhibition.detail_page > div:nth-of-type(2) {width: 72%; font-size: 18px;}
#listWrap_exhibition.detail_page > div:nth-of-type(2) > div {margin-bottom: 15px;}
#listWrap_exhibition.detail_page > div:nth-of-type(2) span {display: inline-block; width: 100px; font-weight: 600;}
#listWrap_exhibition.detail_page > div:nth-of-type(2) .exhibition_title {font-size: 24px; font-weight: 600; margin-bottom: 20px;}

#listWrap_exhibition.detail_page > div:nth-of-type(2) .exhibition_content {display: flex; flex-direction: column;}
#listWrap_exhibition.detail_page > div:nth-of-type(2) .exhibition_content span {display: inline-block; margin-bottom: 10px;}

#listWrap_exhibition.detail_page > div:nth-of-type(2) .exhibition_content p {display: inline-block; overflow: hidden; text-overflow: initial; display: initial; -webkit-line-clamp: unset; -webkit-box-orient: initial; line-height: 1.5;}

@media all and (max-width: 960px) {
    #listWrap_exhibition.detail_page {display: flex; justify-content: space-between; flex-direction: column; align-items: center;}
    #listWrap_exhibition.detail_page > div:nth-of-type(1) {width: 100%; margin-bottom: 20px;}
    #listWrap_exhibition.detail_page > div:nth-of-type(1) img {width: 98%;}

    #listWrap_exhibition.detail_page > div:nth-of-type(2) {font-size: calc(0.26vw + 13.08px); }
    #listWrap_exhibition.detail_page > div:nth-of-type(2) .exhibition_title {font-size: calc(0.26vw + 19.08px);}
    #listWrap_exhibition.detail_page > div:nth-of-type(2) {width: 98%;}
}



/* 수집/연구 */
#listWrap_collection ul {display: flex; flex-wrap: wrap; margin: 50px 0;}
#listWrap_collection ul li {width: 18%; margin: 0 1% 30px 1%;}
#listWrap_collection ul li a {display: block; width: 100%; height: 100%;}
#listWrap_collection ul li a div.collection_photo {width: 100%;height: 310px;display: table-cell;vertical-align: middle;text-align: center;}
/* #listWrap_collection ul li a div.collection_photo {width: 100%; height: auto; min-height: 300px; display: flex; align-items: center;} */
#listWrap_collection ul li img {max-width: 100%;max-height: 300px;text-align: center;}
/* #listWrap_collection ul li img { width: -webkit-fill-available;} */

#listWrap_collection ul li a div.collection_info p {margin: 20px auto; text-align: center; font-weight: 600;}
#listWrap_collection ul li a div.collection_info p:first-child {font-size: 21px;}
#listWrap_collection ul li a div.collection_info p:last-child {color: #a4a4a4; font-weight: 500; font-size: 15px;}

    /* 아카이브 */
#listWrap_collection ul li a div.collection_info.collection p {margin: 20px auto; text-align: center; font-weight: 600;font-size: 21px;}
#listWrap_collection ul li a div.collection_info.collection p:last-child {color: #a4a4a4; font-weight: 500;}

/* input */
.collection_detail_selectBox { padding: 30px 50px; background-color: #f4f4f4;}
.checkbox_wrap { position: relative;margin-bottom: 20px;  height: 47px; line-height: 47px; }
.checkbox_wrap .form_check {position:relative; padding-right: 15px;}
.checkbox_wrap.inline .form_check{ display:inline-block;margin-right:20px;}
.checkbox_wrap input[type=checkbox], .checkbox_wrap02 input[type=checkbox], .checkbox_wrap input[type=radio] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.checkbox_wrap input[type=checkbox] + label, .checkbox_wrap input[type=radio] + label{cursor: pointer;padding-left:30px;padding-top:5px;}
.checkbox_wrap input[type=checkbox] + label:before, .checkbox_wrap input[type=radio] + label:before {content: "";width: 15px;height: 15px;margin:0;position: absolute;left: 0;top: 11px;background-color: #CCC;border: 5px solid #CCC;}
.checkbox_wrap input[type=checkbox]:checked + label:before, .checkbox_wrap input[type=radio]:checked + label:before{background-color:#FFF;border:5px solid rgb(44, 44, 44);}	
.checkbox_wrap input[type=checkbox]:checked + label::after, .checkbox_wrap input[type=radio]:checked + label::after{content: "";position: absolute;display: block;background: url(../images/checkbox_active.png);width: 18px;height: 16px;top: 14px;left: 4px;}	
.form_select {display: inline-block;width: 100%;height: 54px;padding: 0 40px 0 20px;font-size: 17px;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;overflow: hidden;-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: 0;border-radius: 5px;border: 1px solid #CCC;background: #fff url(../images/icn_form_select.png) no-repeat 95% 50%;-webkit-box-shadow: none;box-shadow: none;box-sizing:border-box;}
.form_text { display: inline-block;width: 100%;height: 54px;padding: 0 20px;font-size: 17px;line-height: 52px;text-overflow: ellipsis;vertical-align: middle;-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: 0;overflow: hidden;border-radius: 5px;border: 1px solid #CCC;background: #fff;-webkit-box-shadow: none;box-shadow: none;box-sizing:border-box;}
.form_select:focus, .form_text:focus {-webkit-box-shadow: inset 0 0 0 1px #444, 0 3px 10px rgba(0, 0,0 , 0.2); box-shadow: inset 0 0 0 1px #444, 0 3px 10px rgba(0, 0, 0, 0.2); }

.search_area1 {overflow:hidden;clear:both;position:relative}
.select_wrap {width: 15%;margin-right: 1%;float: left;}
.search_text_wrap {position:relative;width: calc(100% - 17% - 120px);float: left;}
.search_text_wrap .btn_search {position:absolute;top:0;right: -130px;width:120px;height:53px;line-height: 48px;background-color: #1d1d1d;border-radius: 5px;cursor: pointer;}
.search_text_wrap .btn_search span {font-size: 18px;font-weight: 600;color: #fff;}

@media all and (max-width: 1193px) {
    #listWrap_collection ul li {width: 23%;}
    .checkbox_wrap {height: 94px;}
}

@media all and (max-width: 920px) {
    .collection_detail_selectBox {padding: 30px 20px;}
}

@media all and (max-width: 810px) {
    #listWrap_collection ul li {width: 31%;}
    .checkbox_wrap .form_check {padding-right: 0px;}
    .select_wrap {width: 100%; margin-right: 1%;float: left; margin-bottom: 10px;}
    .search_text_wrap {position:relative;width: calc(100%);float: left;}
    .search_text_wrap .btn_search {position:absolute;top: 0px;right: 0px;width:120px;height:53px;line-height: 48px;background-color: #1d1d1d;border-radius: 5px;cursor: pointer;}
    .search_text_wrap .btn_search span {font-size: 18px;font-weight: 600;color: #fff;}
}
@media all and (max-width: 640px) {
    #listWrap_collection ul li {width: 48%;}
}
@media all and (max-width: 520px) {
    .sub_section .subtit_area {margin-bottom: 30px;}
}
@media all and (max-width: 510px) {
    #listWrap_collection ul li {width: 100%;}
    .checkbox_wrap {height: 144px;}

    .form_select {height: 45px;}
    .form_text {height: 45px;}

    .search_text_wrap .btn_search {width:100px;height:46px;line-height: 42px;}
    .search_text_wrap .btn_search span {font-size: 16px;}
}
@media all and (max-width: 392px) {
    .checkbox_wrap {height: 184px;}
    
    .search_text_wrap .btn_search {width:60px;}
}


/* 수집/연구 세부페이지 */
/* 아카이브 세부페이지 - 기존 */
#listWrap_collection.detail_page {display: flex; justify-content: space-between; flex-direction: column; align-items: center;}
#listWrap_collection.detail_page > div:nth-of-type(1) {width: 90%; display: flex; justify-content: center;}
#listWrap_collection.detail_page > div:nth-of-type(1) img {width: 100%; height: fit-content;}
#listWrap_collection.detail_page > div:nth-of-type(2) {width: 90%; margin-top: 50px;    padding-top: 50px; font-size: 18px;    border-top: 1px solid #ccc;}
#listWrap_collection.detail_page > div:nth-of-type(2).collection_info_box {display: flex;}
#listWrap_collection.detail_page > div:nth-of-type(2).collection_info_box div.collection_info {width: 40%;}
#listWrap_collection.detail_page > div:nth-of-type(2).collection_info_box div.collection_info > div {margin: 35px 0;}

#listWrap_collection.detail_page > div:nth-of-type(2).collection_info_box div.note {width: 60%;line-height: 1.5;}

#listWrap_collection.detail_page > div:nth-of-type(2).collection_info_box span {display: inline-block; width: 100px; font-weight: 600;}
#listWrap_collection.detail_page > div:nth-of-type(2).collection_info_box .collection_title {font-size: 24px; font-weight: 600; margin-bottom: 20px;}

/* 소장품 세부페이지 */
#listWrap_collection.detail_page2 {display: flex; justify-content: space-between;}
#listWrap_collection.detail_page2 > div:nth-of-type(1) {width: 50%; display: flex;}
#listWrap_collection.detail_page2 > div:nth-of-type(1) img {width: 82%; height: fit-content;}
#listWrap_collection.detail_page2 > div:nth-of-type(2) {font-size: 18px;width: 90%;}
#listWrap_collection.detail_page2 > div:nth-of-type(2) > div {margin: 22px 0;}
#listWrap_collection.detail_page2 > div:nth-of-type(2) > div.collection_title {margin: 0px 0px 22px;}
#listWrap_collection.detail_page2 > div:nth-of-type(2) span {display: inline-block; width: 100px; font-weight: 600;}
#listWrap_collection.detail_page2 > div:nth-of-type(2) .collection_title {font-size: 24px; font-weight: 600; margin-bottom: 20px;}

/* 아카이브 세부페이지 - 상단 사진 삭제, border-top 삭제 */
#listWrap_collection.detail_page3 {display: flex; justify-content: space-between; flex-direction: column; align-items: center;}
#listWrap_collection.detail_page3 > div:nth-of-type(1) {width: 50%; display: flex; justify-content: center;}
#listWrap_collection.detail_page3 > div:nth-of-type(1) img {width: 82%; height: fit-content;}
#listWrap_collection.detail_page3 > div:nth-of-type(2) {width: 100%; font-size: 18px;}
#listWrap_collection.detail_page3 > div:nth-of-type(2) > div {margin-bottom: 15px;margin: 35px 0;}
#listWrap_collection.detail_page3 > div:nth-of-type(2) span {display: inline-block; width: 100px; font-weight: 600;}
#listWrap_collection.detail_page3 > div:nth-of-type(2) .collection_title {font-size: 24px; font-weight: 600; margin-bottom: 20px;}


@media all and (max-width: 960px) {
    #listWrap_collection.detail_page {display: flex; justify-content: space-between; flex-direction: column; align-items: center;}
    #listWrap_collection.detail_page > div:nth-of-type(1) {width: 100%; margin-bottom: 20px;}
    #listWrap_collection.detail_page > div:nth-of-type(1) img {width: 98%;}

    #listWrap_collection.detail_page > div:nth-of-type(2) {font-size: calc(0.26vw + 13.08px); }
    #listWrap_collection.detail_page > div:nth-of-type(2) .collection_title {font-size: calc(0.26vw + 19.08px);}
    #listWrap_collection.detail_page > div:nth-of-type(2) {width: 98%;}

    /* 아카이브 세부페이지 - 상단 사진 삭제, border-top 삭제 */
    #listWrap_collection.detail_page3 {display: flex; justify-content: space-between; flex-direction: column; align-items: center;}
    #listWrap_collection.detail_page3 > div:nth-of-type(1) {width: 100%; margin-bottom: 20px;}
    #listWrap_collection.detail_page3 > div:nth-of-type(1) img {width: 98%;}

    #listWrap_collection.detail_page3 > div:nth-of-type(2) {font-size: calc(0.26vw + 13.08px); }
    #listWrap_collection.detail_page3 > div:nth-of-type(2) .collection_title {font-size: calc(0.26vw + 19.08px);}
    #listWrap_collection.detail_page3 > div:nth-of-type(2) {width: 98%;}
}

@media all and (max-width: 720px) {
    #listWrap_collection.detail_page > div:nth-of-type(2).collection_info_box {display: flex; flex-direction: column;}
    #listWrap_collection.detail_page > div:nth-of-type(2).collection_info_box div.collection_info {width: 100%;}
    
    #listWrap_collection.detail_page > div:nth-of-type(2).collection_info_box div.note {width: 100%;}
}

/* 수집/연구 - 수집절차 */
.collection_procedure_page {display: flex; align-items: start;}
.collection_procedure_page h3 {width: 200px;}
.collection_procedure_page h4 {font-size: 20px; padding: 0 30px; position: relative; font-weight: 800; width: 180px;}
/* .collection_procedure_page h4::before {content: ""; position: absolute; display: block; width: 4px; height: 4px; background: #7c7c7c; top: 8px; left: 16px;} */

.danation_contbox {width: 100%;}

.subcont_seperate {display: flex; margin-bottom: 50px;}

.collection_procedure_page .subcont_seperate:not(:first-child) {padding-top: 50px; border-top: 1px solid #ccc;}

.subcont_seperate > div {width: 100%;}
ul.donation_subject > li {position: relative;line-height: 2; font-size: 18px;}
/* ul.donation_subject > li::before {position: absolute; display: block; content: "-"; top: 0px; left: 15px;} */
ul.donation_subject > li.donation_limit::before {position: absolute; display: block; content: "";}

li.donation_limit ul {padding-top: 10px;}
li.donation_limit ul li {position: relative; padding-right: 15px;}
li.donation_limit ul li:first-child {padding-left: 0px; color: #000000; font-weight: 600;background-color: transparent;}
/* li.donation_limit ul li::before {position: absolute; display: block; content: "-"; top: 0px; left: 10px;} */
li.donation_limit ul li:first-child:before {content: "";}


ul.donation_process { font-size: 18px; display: flex; justify-content: space-between; text-align: center; width: 96%; margin: 0 auto;}
ul.donation_process li {width: 17%; background-color: #fff; border-top: 1px solid #333; border-bottom: 1px solid #333; position: relative;}
ul.donation_process li::after {position: absolute; display: block; content: ""; width: 20px; height: 30px; background: url(../images/process_arrow.png) no-repeat center; top: 50%; transform: translateY(-50%); right: -34px; }
ul.donation_process li:last-child:after {display: none;}
ul.donation_process li > div {padding: 15px 5px;}
ul.donation_process li > div:nth-of-type(1) {background: #f6f6f6; border-bottom: 1px dotted #333; font-weight: 600;}
ul.donation_process li > div:nth-of-type(2) {background: #fff; line-height: 1.3;}

ul.donor_courtesy {padding-top: 50px;}
ul.donor_courtesy li {position: relative;line-height: 2; font-size: 18px;}
ul.donor_courtesy li p {font-weight: 600;}
/* ul.donor_courtesy li::before {position: absolute; display: block; content: "-"; top: 0px; left: 15px;} */

.phone_num p {padding-left: 20px; position: relative;}
.phone_num p::before {content: ""; position: absolute; display: block; width: 18px; height: 19px; background: url(../images/phone_icon.png) no-repeat center; top: 11px; left: 0; }

/* 원형리스트 */
.circleList {width: 100%; overflow: hidden;}

.circle {width:calc(100vw / 12);height:calc(100vw / 12);border-radius:51%;float:left;margin-right: 32px;display: flex;align-items: center;justify-content: center;text-align: center;position: relative;color: #fff;z-index: 10; background-color: #cbcbcb;}
.circle::before {position: absolute; display: block; content: ""; width: 9px; height: 19px; background: url(../images/donation_arrow.png) no-repeat center; top: 0; right: -20px; top: 50%; transform: translateY(-50%);}
.circle:last-child:before {display: none;}

.circle .title { font-weight: 700; margin-bottom: 20px; font-size: 18px;}
.circle .content {font-weight: 300; font-size: 14px; line-height: 1.5;}

.circle:nth-of-type(1) {background-color: #919191;}
.circle:nth-of-type(2) {background-color: #818181;}
.circle:nth-of-type(3) {background-color: #696969;}
.circle:nth-of-type(4) {background-color: #4e4e4e;}
.circle:nth-of-type(5) {background-color: #343434;}

/* .circle::before {position: absolute; display: block; content: ""; width:calc(100vw / 14); height:calc(100vw / 14); line-height:calc(100vw / 12); background:rgb(255, 255, 255); border-radius:51%; z-index: -1;} */
.circle::after {width: 12px; height: 24px; position: absolute; display: block; content: ""; background: url(../images/sublist_arrow.png) no-repeat center; right: -22px;}
.circle:last-child:after {display: none;}
.circle:last-child {margin-right: 0px;}

@media all and (max-width: 1600px) {
    .circle {width:calc(100vw / 10);height:calc(100vw / 10);}
}
@media all and (max-width: 1300px) {
    .circle {width:calc(100vw / 9);height:calc(100vw / 9);}
    .circle .title { font-weight: 700; margin-bottom: 20px; font-size: 16px;}
}
@media all and (max-width: 1200px) {
    .collection_procedure_page h4 {font-size: 20px; padding: 0px 30px 20px; position: relative; font-weight: 500; width: 180px;}
    .subcont_seperate {flex-direction: column;}
    .circle {width:calc(100vw / 8);height:calc(100vw / 8);}

    ul.donation_subject {padding-top: 0px;}

    ul.donation_process {padding-top: 0px;}
    ul.donation_process li::after {right: -30px; }
}
@media all and (max-width: 1058px) {
    ul.donation_process {flex-direction: column;}
    ul.donation_process li {width: 100%; margin-bottom: 50px;}

    ul.donation_process li::after {background: url(../images/process_arrow.png) no-repeat center; top: initial; bottom: -40px; transform: none; left: 50%; transform: translateX(-50%) rotate(90deg); }
}
@media all and (max-width: 990px) {
    .circleList {width: 100%; overflow: hidden; display: flex; flex-direction: column;}

    .circle {width: 100%;height:100px;border-radius:10px;float:none;margin-right: 0px;display: flex;align-items: center;justify-content: center;text-align: center;position: relative;color: #242424;z-index: 10; margin: 15px auto;}
    .circle:nth-of-type(1) {background-color: transparent; border: 1px solid #919191;}
    .circle:nth-of-type(2) {background-color: transparent; border: 1px solid #818181;}
    .circle:nth-of-type(3) {background-color: transparent; border: 1px solid #696969;}
    .circle:nth-of-type(4) {background-color: transparent; border: 1px solid #4e4e4e;}
    .circle:nth-of-type(5) {background-color: transparent; border: 1px solid #343434;}

    .circle::before {position: absolute; display: block; content: ""; width: 9px; height: 19px; background: url(../images/donation_arrow.png) no-repeat center; left: 50%; top: 106px; transform: translateX(-50%) rotate(90deg);}
}
@media all and (max-width: 720px) {
    .collection_procedure_page {display: flex; flex-direction: column; align-items: start;}
    .subcont_seperate > h4:first-child {margin-top: 30px;}
    ul.donation_subject {margin-left: 20px;}
    ul.donor_courtesy {margin-left: 20px;}
}






/* 수집/연구 아카이브 */
.sub04_03_01 div.collection_info > div:not(.collection_title) {padding-left: 100px; position: relative;}
.sub04_03_01 div.collection_info span {left: 0; position: absolute;}

/* 오시는길 */
.mapArea {width: 100%; height: 400px; background: #ccc;}


/* footer */
#footer {width: 100%; background: #000; min-height: 150px;}
.footer_innerwrap {padding: 30px 0; height: 100px; display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
/* .footer_innerwrap .logo {width: 10%;} */

.footer_link li {display: inline-block; padding: 10px 20px 10px 0px ;}
.footer_link li a {color: #fff; font-weight: 600;}
.copyright {color: #d4d4d4; font-size: 14px;}

@media all and (max-width: 1402px) {
    #footer {text-align: center;}
    .footer_innerwrap .logo {margin: 0 auto;}
    .footer_innerwrap .logo img {width: 200px;}
}



















/*게시판 기본List*/
.basicList{border-top:1px solid #343434; margin-bottom:20px;}

.basicList ul li{overflow:hidden; position:relative; padding: 10px; overflow:hidden; color:#777777; border-bottom:1px solid #e6e6e6}
.basicList ul li.basic_head{display:none}
.basicList ul li span{display:block}
.basicList ul li a{color:#505050; display:block; overflow:hidden}
.basicList ul li:hover{display:block; width:100%; height:100%; background:rgba(0,0,0,0.03)}

.basicList ul li span{float:left; font-size:0.95em;}
.basicList ul li span.select_btn{margin-bottom:10px;}
.basicList ul li span.notice{display:inline-block; margin-bottom:10px;  background:#0f7bcd; font-size:0.8em; font-weight:bold; padding:3px 12px; border-radius:100px; color:#ffffff}
.basicList ul li span.num{display:none;}
.basicList ul li span.cate{color:#969696; font-size:0.9em;}
.basicList ul li span.title{width:100%; font-size:1em; margin-bottom:10px; color:#303030}
.basicList ul li span.name{clear:both; margin-right:5%; border-right:1px solid #e6e6e6; padding-right:5%;}
.basicList ul li span.date{}

.basicList ul li span.re{margin-left:0}


@media all and (min-width:768px) {
.basicList ul li.basic_head{display:block; background:#f8f8f8; text-align:center; font-weight:500; color:#000000}
.basicList{margin-bottom:30px}
.basicList ul li {padding:20px 0px 20px 15px;}
.basicList ul li span{margin-right:2%;}
.basicList ul li span:last-child{margin-right:0%;}
.basicList ul li span.select_btn{margin:0;}
.basicList ul li span.cate{width:13%}
.basicList ul li span.num{display:block; text-align:center; width:7%; min-height:1px}
.basicList ul li span.notice{width:13%; text-align:center; margin-bottom:0px;}
.basicList ul li span.title{width:50%; margin-bottom:0px;}
.basicList ul li span.name{margin-right:2%; width:15%; padding-right:0%; text-align:center; border-right:0px; clear:none}
.basicList ul li span.date{width:11%; text-align:center;}
.basicList ul li.re .name,
.basicList ul li.re .date{display:inline-block}
}

@media all and (min-width:1024px) {
.basicList ul li span.title{width:56%}
.basicList ul li span.name{width:13%;}
.basicList ul li span.date{width:8%}
.basicList ul li span.cate,
.basicList ul li span.notice{width:10%}


}


/* 게시글 ---------------------------------------------------------------------------- */

/*board List*/
.basicList{border-top: 1px solid #333333; margin-bottom:20px;}
.basicList ul {margin-left: 0px !important; padding: 0px !important;}
.basicList ul li.tit_li{display:none}
.basicList ul li.noti_li{background:rgba(0,0,0,0.01)}

.basicList ul li{overflow:hidden; position:relative; padding:15px 10px; overflow:hidden; border-bottom:1px solid #e6e6e6}
.basicList ul li span{display:block}
.basicList ul li a{color:#323232; display:block; overflow:hidden}
.basicList ul li:hover{display:block; width:98.6%; height:100%; background:#fbfbfb}

.basicList ul li span{float:left; font-size:0.95em;}
.basicList ul li a span.none{display: flex; justify-content: center; align-items: center;}
.basicList ul li a span.notice_b{display: inline; background: #f28b07; color: #fff; font-weight: 600; border-radius: 2px; width: 40px; margin: 0 atuo; text-align: center;}
.basicList ul li span.select_btn{margin-bottom:10px; width:20px;}
.basicList ul li span.select_btn input{height:auto; line-height:auto;}
.basicList ul li span.notice{display:inline-block; margin-bottom:5px;  font-weight:bold; color:#000000;}
.basicList ul li span.notice:before{font-family:'FontAwesome'; content:'\f06a'; font-size:14px; margin-right:3px; color:#323232 }
.basicList ul li span.num{display:none;}
.basicList ul li span.cate{color:#969696; font-size:0.9em; min-height:1px; margin-bottom:5px}
.basicList ul li span.title{width:100%; font-size:1em; margin-bottom:5px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.basicList ul li span.name{clear:both; margin-right:5%; border-right:1px solid #e6e6e6; padding-right:5%;  text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.basicList ul li span.date{text-align:center;}
.basicList ul li span.attm{width:30px; text-align:center;}

.basicList ul li span.file {display: block; position: relative; }
.basicList ul li span.file.fileY::after {display: block; content: ""; position: absolute; width: 20px; height: 19px; background: url(../images/sub/downloadico.png) no-repeat center; top: 5px; left: 0px;margin-right: 2%; padding-right: 0%;text-align: center;border-right: 0px; clear: none;}

.basicList ul li span.answerN {color: #5b5757; font-weight: 600;}
.basicList ul li span.answerY {color: #f28b07; font-weight: 600;}

.basicList ul li .none i {display: inline-block; width: 30px; height: 25px; background: url(../img/statusend.png) no-repeat center;}

.basicList ul li .status i {display: inline-block;padding: 0 10px;line-height: 25px;background: #808080;color: #ffffff;font-size: 0.8em; margin-left: 40px;}
.basicList ul li .status i.ready {background: #69b4d9;}

.basicList ul li span.re{ text-align:center;  margin-left:5%; }
.basicList ul li span.separate{ text-align:center; }

.basicList ul li span.attm.in:before{font-family:'FontAwesome'; content:'\f0c7'; font-size:14px; color:#969696}

.basicList ul li.re {padding:10px; background:rgba(0,0,0,0.01)}
.basicList ul li.re .title:before{font-family:'FontAwesome'; content:'\f0f3'; margin-right:10px; display:inline-block; font-size:14px; color:#323232}
.basicList ul li.re .title,
.basicList ul li.re span.select_btn{margin-bottom:0px;}
.basicList ul li.re .name,
.basicList ul li.re .date{display:none}


@media all and (max-width:768px) {
    #listWrap {margin-top: 20px;}    
}

@media all and (min-width:768px) {

.basicList{margin-bottom:30px}
.basicList ul li {padding: 20px 10px;}
.basicList ul li span{margin-right:2%;}
.basicList ul li span:last-child{margin-right:0%;}
.basicList ul li span.select_btn{margin:0;}
.basicList ul li span.cate,
.basicList ul li span.num,
.basicList ul li span.notice,
.basicList ul li span.none{width:calc(7% + 30px); display:block; text-align:center; margin-bottom:0px; min-height:1px}
.basicList ul li span.title{width:calc(56% - 30px); margin-bottom:0px;}
.sub03_01 .basicList ul li span.title{width:calc(52% - 30px); margin-bottom:0px;}
.basicList ul li span.name{margin-right:2%; width:12%; padding-right:0%; text-align:center; border-right:0px; clear:none}
.basicList ul li span.date{width:12%;}

.basicList ul li span.re{margin-left:0}
.basicRe ul li span.cate,
.basicRe ul li span.num,
.basicRe ul li span.notice,
.basicRe ul li span.none{width:calc(7% + 50px);}
.basicRe ul li span.title{width:calc(56% - 80px);}


.basicList ul li.tit_li{display:block; background:#ebebeb6d; color:#323232; text-align:center !important; font-weight:500; padding: 20px 10px;}

.basicList ul li.re .name,
.basicList ul li.re .date{display:inline-block}}


/*Search Top*/
.searchTop{margin-bottom:10px; overflow:hidden; text-align:right}
.searchBox button{background:#414141; border-color:#414141; color:#ffffff}

@media all and (min-width:768px) {
.searchTop{margin-bottom:20px;}
.searchBox {width:50%; float:right;}
}

/*pagelist*/
.pageList{text-align:center; vertical-align:top; margin-bottom:20px; font-size:0px;}
.pageList a{display:inline-block;}
.pageList a:first-child, 
.pageList a:last-child{display:none;}
.pageList a img{height:30px;}
.pageList span{display:inline-block; vertical-align:top; font-size:11px;}
.pageList span.page_btn a{text-indent:-999999px; position:relative;}
.pageList span.page_btn a:before{content:""; position:absolute; display:block; width:5px; height: 12px; background: url(../images/pagelist_pre.png); top: 50%; left: 50%; transform: translate(-50%,-50%);}
.pageList span.btn_next a:before{content:""; position:absolute; display:block; width:5px; height: 12px; background: url(../images/pagelist_next.png); top: 50%; left: 50%; transform: translate(-50%,-50%); background-position: -7px 0px;}
.pageList span a.on{background:#f5f5f5; color:#414141;border-bottom: 2px solid #4f4f4f;}
.pageList span a:hover{color:#414141}
.pageList span a{width:25px; line-height:30px; border:1px solid #dcdcdc; border-right:0px;}
.pageList span a:first-child, 
.pageList span a:last-child{display:inline-block}
.pageList span:last-child a{border-right:1px solid #dcdcdc}

@media all and (min-width:768px) {
.pageList{margin-bottom:30px;}
.pageList a:first-child, 
.pageList a:last-child{display:inline-block;}
}

/*board btn*/
.boardButton{margin-bottom:20px;text-align:right;    margin-top: 10px;}
.boardButton span a,
.boardButton button,
.boardButton input{display:block; color:#ffffff}
.boardButton span{display:inline-block; background:#808080; height:36px; line-height:36px; padding:0 15px; font-size:0.9em}
.boardButton span:last-child{background:#414141}

.boardButton .redbtn{background:#414141; border-color:#414141; color:#ffffff}
@media all and (min-width:768px) {
.boardButton{margin-bottom:30px;    margin-top: 10px;}
}

/*검색창*/
.searchTop{margin-bottom:10px; overflow:hidden; text-align:right}
.searchBoxbbs select {height: 34px; width: 50px; border: 1px solid #ccc;}
.searchBoxbbs input {height: 34px; width: 180px; border: 1px solid #ccc;padding-left: 5px;}
.searchBoxbbs button{height: 34px; background:#414141; color:#ffffff; border: 1px solid transparent; border-top: 0px; cursor: pointer;}

@media all and (min-width:768px) {
.searchTop{margin-bottom:20px;}
.searchBoxbbs {width:50%; float:right;}
}

/*게시판 버튼*/
.boardButton{margin-bottom:20px;text-align:right;}
.boardButton span a,
.boardButton button,
.boardButton input{display:block; color:#ffffff}
.boardButton span{display:inline-block; background:#808080; height:36px; line-height:36px; padding:0 15px; font-size:0.9em}
.boardButton span:last-child{background:#414141}

.boardButton .redbtn{background:#414141; border-color:#414141; color:#ffffff}
@media all and (min-width:768px) {
.boardButton{margin-bottom:30px;}
}



/*뷰*/
.viewTop{ border-bottom:1px solid #c8c8c8}
.viewTop h4{font-size:1.2em; font-weight:700; margin-bottom:10px;}
.viewTop h4::before{display: none !important;}
.viewTop ul{overflow:hidden;}
.viewTop ul li{float:left; float:left; margin-right:3%; padding-right:3%; border-right:1px solid #e6e6e6; line-height:100%;}
.viewTop ul li:last-child{margin-right:0; padding-right:0; border-right:0}

.viewTop ul li.attach{display:block; margin-top:10px; font-size:0.9em;}
.viewTop ul li.attach span{font-weight:600; display:inline-block; margin-right:10px; }
.viewTop ul li.attach a:before{display:inline-block; margin-right:5px; vertical-align:middle; content:'\f0c7'; font-family:'FontAwesome'; }

.v_attem{padding:10px 10px; border-bottom:1px solid #c8c8c8}
.v_attem ul li span { display:inline-block; font-size:0.95em}
.v_attem ul li span img{width:13px; vertical-align:middle; margin-right:10px}
.v_attem ul li{line-height:20px; color:#808080}

.v_contents{padding:10px 10px; border-bottom:1px solid #c8c8c8; min-height:150px}
/* .v_contents pre {overflow: scroll;} */
.v_bottom{border-bottom:1px solid #c8c8c8; margin-bottom:20px;}
.v_bottom li{border-bottom:1px solid #e6e6e6; padding:10px 0; font-size:0.9em; padding-left:30px; background:url(../img/board/bg_viewbefore.gif) no-repeat 10px center}
.v_bottom li span{font-weight:bold; margin-bottom:5px; display:inline-block}
.v_bottom li:last-child{border-bottom:0px; background:url(../img/board/bg_viewnext.gif) no-repeat 10px center}


@media all and (min-width:768px) {
.viewTop ul li.attach{display:inline-block; margin-top:0px; font-size:0.9em;}

.v_contents{padding:20px 20px}
.v_bottom{margin-bottom:30px; overflow:hidden;}
/* .v_attem{padding:15px 10px;} */
.v_attem ul {padding:  5px 0px 0px  !important;}
.v_bottom ul {margin-left: 0px !important; padding: 0px !important;}
.v_bottom li{float:left; width:50%; border-right:1px solid #e6e6e6;  background:url(../img/board/bg_viewbefore2.gif) no-repeat left center; padding:20px 10px 20px 30px; border-bottom:0px;}
.v_bottom li:last-child{border-right:0; text-align:right;  background:url(../img/board/bg_viewnext2.gif) no-repeat right center; padding:20px 30px 20px 10px}
}




/* ******게시글 세부페이지 ****** */
/* 테이블 */
.table_normal{width:100%; word-break:keep-all;}
.table_normal th{/*padding:0 20px 0 40px; */ padding:14px 1em; font-size:14px; color:#000; font-weight:400; border:1px solid #ddd; background-color:#f8f8f8;}
.table_normal td{padding:10px 20px; font-size:16px; line-height:1.6; color:#555; border:1px solid #ddd;}
.table_normal tr:first-child th, .table_normal tr:first-child td{border-top:2px solid #000;}

/* 리스트 */
.lst-board {width:100%; /* margin-top:30px; */ table-layout:fixed;border-top:1px solid #333;}
.lst-board tr > * {border-bottom:1px solid #ddd;text-align:center;}
.lst-board th {/* background:#f4f4f4; */ padding:15px 0;font-weight:400;color:#333;font-size:15px;}
.lst-board td {font-size:14px;padding:15px 10px;}
.lst-board tr:hover td {background:#f1fbfe;}
.lst-board tr td.subject {text-align:left;}
.lst-board tr td.subject .color2 {margin-right:6px; padding:2px 10px; font-size:13px; background:#bb4343; border-radius:0; vertical-align:text-top;}
.lst-board tr td.subject a {display:inline-block;width:90%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:15px;}
.lst-board tr td.subject img {vertical-align:text-top; margin-right:5px;}
.lst-board tr td img {vertical-align:middle;}
.empty {margin-top:70px; padding-top:70px; background:url(../images/sub/empty_pencil.png) no-repeat center top;}

/* 리스트 뷰 페이지 */
.viw-board .title {margin-bottom:10px; font-size:22px; line-height:1.3; font-weight:400; color:#000;}
.viw-board .content {padding:50px 20px;}
.viw-board .content img {width:auto; max-width:700px;}
.bg1 {color:#fff !important; background:#283e82; border:none;}
a.bg1:hover {background:#0d1a42;}
.viw-board .table_normal .fileA a {color:#666;}
.viw-board .table_normal .fileA a:hover {color:#000; text-decoration:underline;}

/* 갤러리 게시판 리스트 */
.photo_board {width: 100%; display: flex; flex-wrap: wrap;}
.photo_board li {width: 20%; margin-bottom: 30px; margin-left:4%;}
.photo_board li > a {display: block; width: 100%;}


.photo_board li a > div.photo_tumbnail {width: -webkit-fill-available; max-height: 170px; overflow: hidden;}
.photo_board li a > div.photo_tumbnail img {width: -webkit-fill-available; max-height: 170px; display: block;}
.photo_board li a > div.photo_info {margin: 10px 0;}
.photo_board li a > div.photo_info p {margin: 10px 0;}
.photo_board li a > div.photo_info p.photo_board_title {font-weight: 600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width: 100%;}
.photo_board li a > div.photo_info p.photo_board_date {font-size: 14px;}


/*자주묻는 질문*/
.faq {border-top:1px solid transparent; }
.faq h4 {font-size:1em;color:#000; }
.faq dt {padding: 15px 3%;  font-weight:normal}

.faq dt.q {position:relative; background: #fff; font-size:1em;border-bottom: 1px solid #ddd;cursor: pointer; padding-left: 22px;}
.faq dt.q i:before {content:""; width: 10px; height: 10px; background: #e4e4e4;  position: absolute; left: 0px; top: calc(50% + 2px); transform: translateY(-50%);}
.faq dt em {position:absolute; line-height:100%; height:20px; top:0; bottom:0; right:0px; margin:auto; display:block; }
.faq dt em:before{content: ""; width: 21px; height: 16px; position: absolute; top: calc(50% + 1px); right: 0; transform: translateY(-50%); background: url(../img/sub_page_next.png) no-repeat; background-size: 50%;}
.faq dd.a {padding:0; display:none}
.faq dd.a .qna_answer{background:#f0f0f0; padding:15px 3%;}
.faq dd.a .qna_answer p {padding: 0 20px; line-height: 1.8;}

.faq pre { white-space: pre-line; display: block; padding: 0px;}
.faq .btn_group {width:100%;}

@media all and (min-width:768px) {
.faq dt {padding:20px 15px;}
.faq dt em{right:15px}

.faq dd.a .qna_answer{padding:25px 15px;}

}