@charset "utf-8";
/*게시판 list*/
.list_wrap a {color:#333}

.search_box {margin: 0 0 20px;}
.search_box > form > fieldset {display: flex;justify-content: space-between;align-items: center;}
.search_box .inner_wrap {display: flex; align-items: center; gap: 36px;}
.search_box .inner_wrap .total > span {font-size: 1.8rem;font-weight: 900;}
.search_box .inner_wrap .value_tab {display: flex; gap: 20px;}
.search_box .inner_wrap .value_tab li a {color:#8D9BA8; font-weight: 800;}
.search_box .inner_wrap .value_tab li.on a {color:#00A6E2}

.search{max-width: 100%; min-width: 45%;}
.search_box .search ul {display: flex;gap: 1rem;height: 40px;}
.search_box .search ul li {position: relative;display: flex;}
.search_box .search .search_wrap {border: 1px solid #ddd;border-radius: 4px;overflow: hidden;}
.search_box .search .search_wrap.num1 {width: 30%;}
.search_box .search .search_wrap.num2 {width:calc(100% - 20%)}

.search_box .search .search_wrap select {width: 100%; padding: 0 15px; font-size: 1.6rem;font-family: var(--f_nsN);-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url(/resources/img/common/ico_select_arr.svg) no-repeat 84% 50%; background-size: 14%;     background-color: white;}
.search_box .search .search_wrap .search_input {width: 100%; padding:0 36px 0 16px; border:0;font-size: 1.4rem;font-family: var(--f_nsN);}
.search_box .search .search_wrap .search_bt {position: absolute;right:14px; transform: translateY(25%);width: 2.5rem; height: 2.5rem;border: 0;font-size: 0;background: url(/resources/img/common/ico_search.svg) no-repeat center;background-size:80%;cursor: pointer; }

/*목록 table*/
.list_wrap .prog_list table tbody tr .list_title {font-size:1.6rem; text-align: left; letter-spacing: -0.5px;}
.list_wrap .prog_list table tbody tr td {color: #666; font-size: 1.4rem;}

.list_wrap .prog_list.type2 tbody tr td:nth-child(2){font-size:1.6rem; text-align: left; letter-spacing: -0.5px;}

/*게시판 pagination*/
.page_num {margin: 30px 0 40px; line-height: 40px; font-size: 1.4rem; text-align: center; font-family: var(--f_nsN);}
.page_num li {
	display: inline-block;
    border: 1px solid #ddd;
    margin: 0 -2px;
    vertical-align: middle;
}
.page_num li a {display: block; width: 40px; height: 40px;text-align: center; color: #666; background: #fff;}

.page_num .active {border: 1px solid #606060;}
.page_num .active a {color: #fff;background: #606060;}
.page_num .active a > span {display: inline-block;  margin:0 .3rem;font-size:1rem;}

.page_num .dir a {background: url(/resources/img/contents/page_arr.png) no-repeat 0 0 #fff;font-size: 0;line-height: 0;vertical-align: middle;}
.page_num .dir.prev a {background-position: -46px -3px;}
.page_num .dir.next a {background-position: -92px -3px;}
.page_num .dir.first a {background-position: -1px -3px;}
.page_num .dir.lsat a {background-position: -139px -3px;}

@media only screen and (max-width: 790px){
	.search_box > form > fieldset {flex-direction: column;align-items: flex-start; gap: 2rem;}
	.m_table {width:100%;overflow:auto;}
}

/*게시글 view*/
.board_view {position: relative;padding-bottom: 175px;}
.board_wrap {clear: both; width: 100%; max-width: 1400px; height: auto; background: #fff; border-radius: 30px; margin: 20px auto 0px;}
.board_wrap .board_title {
	display: block;
    padding: 20px 0 0px;
    border-top: 2px solid #A0A7B0;
    line-height: 1.5;
    color: var(--c_gray_90);
}
.board_wrap .title_box {display: flex;flex-direction: column;width: 100%;}
.board_wrap .title_box .title {
	font-size: 22px;
    font-weight: 900;
    margin: auto;
    padding: 30px 0 40px;
}
.board_wrap .title_box .info ul {display: flex; gap: 24px; width: 100%;padding: 12px 0;border-top: 1px solid #ddd;color: #353535;font-size: 16px; padding-left: 50px;}
.board_wrap .title_box .info ul li {display: flex; color: #212121;}
.board_wrap .title_box .info ul li b {min-width: 5rem; margin-right:10px;}
.board_wrap .title_box .info ul li span {width:clac(100% - 5rem); word-wrap: break-word;word-break: keep-all;}
.file {border-bottom: 2px solid #A0A7B0; margin-bottom: 3%; display: flex;}

.file_name{
	display: flex;
    padding: 6px;
    border-bottom: 1px solid #A0A7B0;
    align-items: center;
    justify-content: center;
}

.file_name:last-child{
	border-bottom: none;
}

.file_con{
	width: 100%;
}
.file a {font-size: 14px;letter-spacing: -0.07em;color: #555; word-wrap: break-word;word-break: keep-all;}
.file a img {display: inline-block;padding:0;margin: 0 5px 0 0; vertical-align: middle;}
/* .file span{position:relative; margin: 20px 50px 0px 50px;} */
.file span{position:relative; margin: 2rem 4rem 0 4rem;}
.file span strong{color:#4A5568;}
.board_view .board_cont {border-top: 1px solid #A0A7B0;border-bottom: 2px solid #A0A7B0;padding:46px 0 36px; min-height: 300px; padding-left: 50px; }
.board_view .board_cont .view_wrap {display: flex;flex-direction: column; color: #555; text-align: center;}
.board_view .board_cont .view_wrap img {width:70%; margin:0 auto;}
.board_view .board_cont .view_wrap .view_link {position: relative;display: inline-block;margin-top: 30px;}
.board_view .board_cont .view_wrap .view_link > ul {display: flex;justify-content: flex-start;}
.board_view .board_cont .view_wrap .view_link > ul > li {display: flex;align-items: center;justify-content: center;overflow: hidden; width: 50px; height: 50px; background: #fff; border: 1px solid #e0e0e0;border-radius: 110px; padding: 12px 2px; margin-right: 4px;transition: all 0.4s;}
.board_view .board_cont .view_wrap .view_link > ul > li > a {display: block; margin: 0 auto; padding: 1px 0 0; outline: none; text-align:center;}
.board_view .board_cont .view_wrap .view_link > ul > li > a > img {width:100%;}
.board_view .board_cont h1 {font-size:28px;font-family:var(--f_nsN);color:var(--c_gray_80);}

.board-btn{
	padding: 5px;
    text-align: right;
    margin-left: auto;
    display: flex;
}
.board-btn .b-down{
	background-color: #F8FAFD;
	border : 1px solid #A0A7B0;
	padding: 10px;
	margin-right: 10px;
}
.board-btn a img{
    display: inline-block;
    padding: 0;
    margin: 0px;
    vertical-align: middle;
    width: 13px;
}
.board-btn .b-view{
	border : 1px solid #A0A7B0;
	padding: 10px;
	margin-right: 10px;
}

.tbl_notice{
	background: #00ABE6;
    color: white;
    width: 55px;
    margin: auto;
    padding: 10px;
}
/*공유하기*/
.board_view .cont_list1 {overflow: hidden;display: none;position: absolute;left: 0;top: 60px;width: 410px; height: auto; visibility: hidden; padding: 20px; z-index: 12; background: #fff; border: 1px solid #ccc;}
.board_view .cont_list1 .sns_close1 {position: absolute; display: inline-block; width: 20px; height: 20px; top: 12px; right: 12px; background: #fff;}
.sns_close1, .sns_close1 a, .sns_close1 a:hover {opacity: 1;}
.board_view .cont_list1 .sns_close1::before,
.board_view .cont_list1 .sns_close1::after {content: ''; position: absolute;top: 0;left: 50%;width: 1.5px;height: 18px;background: #333;}
.board_view .cont_list1 .sns_close1::before {transform: rotate(45deg);}
.board_view .cont_list1 .sns_close1::after {transform: rotate(-45deg);}

.board_view .cont_list1 .box {display: flex;align-items: center; margin-bottom: 15px;}
.board_view .cont_list1 .box:last-child {margin-bottom:0;}
.board_view .cont_list1 .box h6 {position: relative;width: 80px;font-size: 16px;font-weight: 700; color: #333;text-align: left;}
.board_view .cont_list1 .box h6::after {content: ''; display: inline-block; width: 1px; height: 20px; background: #999; vertical-align: middle; margin-left: 10px;}

.board_view .cont_list1 .list1 {display: flex; justify-content: flex-start;gap: 1rem; margin: 0;overflow: hidden;}
.board_view .cont_list1 .list1 li {width: 35px; height: 35px; border-radius: 50%; padding: 0; border: 1px solid #e0e0e0; overflow: hidden;}
.board_view .cont_list1 .list1 li a {display: block; background: url(/resources/img/common/sns_ir.png) no-repeat 0 0;font-size: 0; width: 35px; height: 35px;line-height: 35px;}
.board_view .cont_list1 .list1 li a.band {background-position: -75px -1px;}
.board_view .cont_list1 .list1 li a.kakao {background-position: -1px -1px;}
.board_view .cont_list1 .list1 li a.fa {background-position: -38px -1px;}

.board_view .cont_list1 .box .copy input {color: #555; background: #fff; font-size: 14px; margin: 0; padding: 0 10px; border: 0; font-family: var(--f_nsN);}
.board_view .cont_list1 .box .copy input:focus {border:0; outline:0;}
.board_view .cont_list1 .box .copy button {background: #818d9d; color: #fff; height: 39px; padding: 0 15px; border-radius: 8px; cursor:pointer; font-family: var(--f_nsN);}

/* 이전글/다음글 */
.board_view .prev_next {
    border-top: 1px solid #A0A7B0;
}             
.board_view .prev_next li {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #eee;
    padding: 15px 20px;
    gap: 10px;
}   
.board_view .prev_next .pv {
    background: url(/resources/img/common/ico_navi_arr.svg) no-repeat right;
}
.board_view .prev_next strong {
    display: inline-block;
    width: 80px !important;
    font-weight: 500;
}
.board_view .prev_next a {
    color: #4A5568;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    box-sizing: border-box;
}
.board_view .prev_next .nt {
    background: url(/resources/img/common/ico_navi_arr.svg) no-repeat right;
}

/*목록버튼*/
.right .btn {display: inline-block; padding:10px 24px; font-size: 16px; color: #fff; background: #606060;}
.center .btn {display: inline-block; padding:10px 24px; font-size: 16px; color: #fff; background: #606060; text-align: center; margin-bottom:3%;}

/*하고싶은말 게시글 view*/
.board_wrap.type2 .board_cont {margin-bottom:20px;}
.board_wrap.type2 .comment_result {margin-bottom:40px;}


@media only screen and (max-width: 730px){
	.board_wrap .title_box .title h2 {font-size:22px}
	.board_wrap .title_box .info ul {flex-direction: column;gap: 1rem;}
}
@media only screen and (max-width: 440px){
	.board_view .cont_list1 {width:250px;}
	.board_view .cont_list1 .box {flex-direction: column; margin-bottom: 3rem; gap: 1rem;}
	.board_view .cont_list1 .box h6 {width: initial;}
	.board_view .cont_list1 .box h6::after {display:none;}
	.board_view .cont_list1 .box .copy {display: flex; flex-direction: column; gap: 1rem;}
}

@media only screen and (max-width: 414px){
	.search_box .inner_wrap {flex-direction: column; align-items: flex-start;gap: 2rem;}
}

@media only screen and (max-width: 280px){
	.search_box .search .search_wrap.num1 {width: 50%;}
}

/* 포토게시판 */
.gallery {display:flex;flex-wrap:wrap;gap:6vh 1.89%;margin:0;padding-top:32px;margin-bottom:10vh;}
.gallery > li {flex-basis:32.074%; min-width: 0;}
.gallery .item {width:100%;padding:6%;border:1px solid #eee;}
.gallery .item > a {width:100%;}
.gallery .item .img {position: relative;display: block;padding-top:75.155%;background:#ddd;overflow: hidden;}
.gallery .item .img > img {position: absolute;width: 100%;height: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: all .6s ease;}
.gallery .item .text_box {display:flex;flex-direction:column;gap:18px;margin: 24px 0;}
.gallery .item .text_box h4 {font-size:18px;}
.gallery .item .cont {display:flex;gap:20px;align-items:center;font-size:14px;}

.gallery .item .veiw_icn > li {display:flex;align-items: center;gap: 8px;}
.gallery .item .veiw_icn > li .icn {display:inline-block;width:20px;height:20px;background:url(/resources/img/common/view.svg) no-repeat 50%;background-size: 100%;}
.gallery .item .veiw_icn > li .point {}

.gallery .item .bull_box {margin:0}

.gallery .view_wrap .ps-list {display:none;}

@media screen and (max-width:850px) {
	#bootstrap-confirm-box-modal table th,
	#bootstrap-confirm-box-modal table td,
	.privacy_con5 table td,
	.privacy_con5 table th{
		font-size: 15px;
		line-height: 1.5;
	}
	.privacy_con5 span, .privacy_con5 ul li{
		font-size: 15px;
		line-height: 1.5;
	}
}
.discount_list td{
    border-right: none;
}