/****************** style *********************/
/*********** list page ***********/

.sboard_area {float:none; clear:both; width:100%; max-width: 1200px; margin: 0 auto; padding-bottom: 50px; text-align:left; /* font-family:'NotoSansKR', sans-serif; */}
.sboard_area * {float:none;}
.sboard_area .pc_area {display: block;}
.sboard_area .mobi_area {display: none;}
.sboard_area_tbl {width:100%; margin:0 auto; table-layout:fixed;}

/* ul,li:float fix (오래된 교회들 css 충돌)*/
section.sboard_area ul, section.sboard_area li {float:none;}

@media screen and (max-width:1020px){
	.m_none {display:none;}
}

/*** s보드 상단 ***/
.sboard_header {width:100%;}
.sboard_config {font-size:13px;}
.sboard_config > td {padding:5px 0;}
.sboard_config .sboard_btn_config {font-size:13px;}
.top_tit_img {max-width:100%; padding-bottom:5px;}

/* s보드 카테고리 */
.sboard_cate_list {margin-bottom: 30px;}
.sboard_cate_list.center {text-align:center;}
.sboard_cate_list.left {text-align:left;}
.sboard_cate_list.right {text-align:right;}

/* 카테고리 A형 */
.cate_type_a {font-size: 0;}
.cate_type_a > .tab {float:none; display: inline-block; width:16.66%; font-size: 15px; background-color: #f4f4f4; box-sizing: border-box; text-align: center; border-left: 1px solid #dedede; border-bottom: 1px solid #dedede; border-top:1px solid #dedede;}
.cate_type_a > .tab.tab_last {border-right: 1px solid #dedede;}
.cate_type_a > .tab:last-of-type {border-right: 1px solid #dedede;}
.cate_type_a > .tab .link {display: block; padding: 12px 0;}
.cate_type_a > .tab .link:hover {color: #fff; background-color: #333333;}
.cate_type_a > .tab .link.active {color: #fff; background-color: #333333;}

/* 카테고리 B형 */
.cate_type_b {padding: 6px; font-size: 0; border: 1px solid #dedede; background-color: #f4f4f4; box-sizing: border-box; text-align: center;}
.cate_type_b > .tab {float:none; position: relative; display: inline-block; padding: 0 15px; font-size: 14px; line-height: 1.8;}
.cate_type_b > .tab:before {content: ""; display: block; position: absolute; top: 6px; right: 0; width: 1px; height: 15px; background-color: #666;}
.cate_type_b > .tab:last-of-type:before {display: none;}
.cate_type_b > .tab .link {display: block; color: #333;}
.cate_type_b > .tab .link:hover {font-weight: bold; color: #ea881e;}
.cate_type_b > .tab .link.active {font-weight: bold; color: #333;}

/* 카테고리 모바일 */
.cate_type_mobi {display: block; width: 200px; margin-left: auto; margin-right: auto; padding: 10px; font-size: 14px; border: 1px solid #aaa;}

/* 검색어 입력 */
.sboard_srch {float:right; width: auto; padding: 0px; margin: 0 auto 10px; box-sizing: border-box; border-radius: 50px; text-align:right; font-size:13px;}
.sboard_srch_txt {width: 50%; height: auto; margin-left:3px; padding:5px 10px; background: none; border: 1px solid #ccc;; font-size: 13px;}
.sboard_btn_srch {display: inline-block; padding:5px; border:1px solid #ccc; vertical-align:middle; border-top-right-radius:3px; border-bottom-right-radius:3px; cursor:pointer;}
.sboard_btn_srch:hover {background-color:#666; color:#fff;}
.srch_icon {color: #666; font-size:15px;}
.sboard_btn_srch:hover .srch_icon {color:#fff;}
.sboard_srch_slct {padding:3px 5px 5px; border:1px solid #ccc; color:#666; box-sizing:border-box; vertical-align:middle; border-top-left-radius:3px; border-bottom-left-radius:3px;}

/*** s보드 컨텐츠 ***/
.sboard_cont {}

/* s보드 타입 : 기본형 */
.sboard_list_type_area {width: 100%; margin-bottom: 25px; text-align: center;}
.sboard_list_tbl {width:100%; table-layout: fixed;}
.sboard_list_tbl_col1 {width: 8%;}
.sboard_list_tbl_col2 {/*width: 52%;*/}
.sboard_list_tbl_col3 {width: 8%;}
.sboard_list_tbl_col4 {width: 16%;}
.sboard_list_tbl_col5 {width: 8%;}
.sboard_list_tbl_col6 {width: 8%;}
.sboard_list_tbl tr:hover {background-color: #efefef;}
.sboard_list_tbl thead th {padding: 14px 0; background-color: #333; color: #fff; font-size: 13px;}
.sboard_list_tbl tbody td {padding: 14px 0; color: #666; font-size: 13px; border-bottom: 1px solid #ccc; text-align: center; word-break:keep-all;}
.sboard_list_tbl tbody td:nth-of-type(2) {padding-left: 10px; color: #333; font-weight: bold; text-align: left;}
.sboard_list_tbl tbody td > i {padding-right: 3px; color: #ccc}
.sboard_list_tbl tbody td .fa-eye-slash {display:inline-block; font-size: 12px; color: #CC3D3D;} /*s보드 숨김아이콘 23.04.04*/
.sboard_list_line .icon_reply {width:auto; height:auto;}
.sboard_list_sbj {overflow:hidden; display:inline-block; width:auto; max-width: 90%; /*white-space:nowrap;*/ text-overflow:ellipsis; color: #333; line-height:1.5; vertical-align:middle;}
.sboard_list_sbj_ans {color:#173c90; vertical-align:middle;}
.sboard_list_chk {width: 15px; height: 15px; vertical-align: middle;}
.sboard_list_cate {color: #ea881e;}
.icon_noti {display:inline-block; padding-right:5px; vertical-align:middle;}

/* s보드 타입 : 앨범A형 */
.sboard_album_a_type_area {width: 100%; margin-bottom: 25px; text-align: center;}
.abm_a_list {font-size: 0; text-align:left;}
.abm_a_list_item {float:none; overflow:hidden; display: inline-block; width: calc(25% - 5px); margin-right: 5px; margin-bottom: 30px; font-size: 14px; box-sizing: border-box; vertical-align:top;}
.abm_a_list_item:hover .thumbnail {transform:scale(1.1);}
.abm_a_list_item:hover .abm_a_info_hover {opacity:1;}
.abm_a_list_item > .link {overflow:hidden; position: relative; display: block; width: 100%; min-width:auto; height:0; padding-top:62.5%;}
.abm_a_list_item > .link .thumbnail {overflow: hidden; position: absolute; top:0; left:0; width:100%; height:100%; transition:transform 0.2s;}
.abm_a_list_item > .link .centered {position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: translate(50%, 0%);}

.thumbnail.youtube .abm_a_img {transform: translate(-50%, -50%);}
.abm_a_img {display: block; position: absolute; top: 0; left: 0; transform: translate(-50%, 0%); width: auto; height: 100%;}
.abm_a_img.youtube_thumb {width:100%;}
.abm_a_img.portrait {width: 100%; height: auto;}

.link.top .abm_a_img {}
.link.center .abm_a_img {top:50%; transform: translate(-50%,-50%);}
.link.full .abm_a_img {width:100%; height:auto; top:50%; left:0; transform:translate(-50%,-50%);}
.link.full .abm_a_img.portrait {width:auto; height:100%;}

.abm_img_thumb {display: block; position: absolute; top: 0; left: 0; transform: translate(-50%, 0%); width: auto; height: 100%;}
.abm_img_thumb.portrait {width: 100%; height: auto;}

.link.top .abm_img_thumb {}
.link.center .abm_img_thumb {top:50%; transform: translate(-50%,-50%);}
.link.full .abm_img_thumb {width:100%; height:auto; top:50%; left:0; transform:translate(-50%,-50%);}
.link.full .abm_img_thumb.portrait {width:auto; height:100%;}

.abm_a_list_item > .link .thumbnail.youtube .centered {transform: translate(50%, 50%);}
.abm_a_info {padding-top:10px; text-align:center;}
.abm_a_cate {color: #ea881e; font-weight: bold;}
.abm_a_sbj {color: #333; font-weight: bold; line-height:1.3;}
.abm_a_sbj:hover {border-bottom:1px solid #666;}
.abm_a_date {padding:4px 0; color: #666;}

/* 이미지 확대 보기 */
.abm_a_btn_exp {margin-top:3px;}
.abm_a_btn_exp.popup {color:#444; cursor:pointer; opacity:0.9;}
.abm_a_btn_exp.popup:hover {color:#444;}
.abm_a_btn_exp.popup > i {text-shadow:1px 1px 1px rgba(0,0,0,0.1);}
.abm_a_pop_img_area {
	position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
	max-width:100%;
    height: 100%;
    z-index: 9999999;
}
.abm_a_pop_img_bg {
	width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.85);
}
.abm_a_pop_img_wrap {overflow:hidden; position:absolute; top:50%; left:50%; width:75%; height:80%; transform:translate(-50%,-50%)}
.abm_a_pop_img_btn_cls {
	position: absolute;
    top: 40px;
    right: 50%;
    width: 50px;
    height: 35px;
	margin-right:-25px;
    padding: 7px;
    background-color: rgba(0,0,0,0.6);
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    cursor: pointer;
    line-height: 1;
    box-shadow: 1px 1px 1px rgba(255,255,255,0.2);
    z-index:9999999;
}
.abm_a_pop_img_ori {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
	}
a.abm_a_pop_page_arrow {display:block; position:fixed; width:200px; height:100%; top:0; padding:0; font-size:60px; color:#fff; text-shadow:rgba(0,0,0,0.5); text-align:center; background-color:rgba(0,0,0,0.1);}
a.abm_a_pop_page_arrow i {position:absolute; top:50%; left:50%; margin-top:-30px; margin-left:-15px; opacity:0.5;}
a.abm_a_pop_page_arrow.left {left:0px;}
a.abm_a_pop_page_arrow.right {right:0px;}

/* 앨범 호버 효과 */
.abm_a_info_hover {position:absolute; top:0; left:0; width:100%; height:100%; padding:15px; background-color:rgba(0,0,0,0.8);  box-sizing:border-box; opacity:0; transition: opacity 0.2s; z-index:99;}
.abm_a_info_hover .imgtitle {margin-bottom:15px; font-size:15px; color:#71c2db;}
.abm_a_info_hover .boardinfo {font-size:13px; color:#fff; line-height:1.5;}

/*** s보드 하단 ***/
.sboard_bottom {}

/* s보드 하단 버튼 */
.sboard_btn_area {margin:20px 0; font-size:0;}
.sboard_btn {float:none; display:inline-block; margin-right: 3px; padding: 5px 10px; background-color: #fff; border: 1px solid #ccc; font-size: 12px; color: #444; cursor: pointer;}
.sboard_btn.btn_del {color:#8e2121;}
button.sboard_btn:hover {color: #fff; background-color: #333;}
.sboard_btn > i {margin-left: 3px;}
.sboard_btn.bg_blue {background-color: #4374D9;}
.sboard_btn.fnt_white {color: #fff;}

/* s보드 페이지 네비게이션 */
.sboard_page_navi {font-size: 0; text-align: center;}
.sboard_page_navi > li {float:none; overflow: hidden; display: inline-block; width: 30px; height: 30px; margin: 0 3px; border-radius: 100%; box-sizing: border-box; line-height: 30px;}
.sboard_page_navi .btn_page {display: inline-block; width: 100%; height: 100%; font-size: 13px; font-weight: bold; color: #333; vertical-align: middle; line-height:30px;}
.sboard_page_navi .btn_page.active {background-color:#ea881e; color:#fff;}
.sboard_page_navi .btn_page > i {display: inline-block; line-height: 30px;}
.sboard_page_navi .btn_page.page_txt_more {}
.sboard_page_navi > li:hover .btn_page {background-color:#ea881e; color:#fff;}
.sboard_page_navi > li:hover .btn_page.page_txt_more {background-color:transparent; color:#333;}
.sboard_page_navi.mobi {display:none;}

/* s보드 전체 페이지 네비게이션 */
.sboard_page_navi_all {width:100%; padding-top:20px; font-size:0; box-sizing:border-box; text-align:center; color:#333;}
.navi_all_btn {display:inline-block; width:calc(8% - 6px); margin:0 3px; padding:10pt 0; background-color:#fafafa; border:1px solid #ddd; border-radius:4px; box-sizing:border-box; font-size:16px; color:#333; cursor:pointer;}
.navi_all_btn:hover {background-color:#fff;}
.navi_all_btn.btn_drct {width:calc(46% - 6px);}
.navi_all_btn.disabled {border:1px solid #eee; color:#ccc; cursor:auto;}
.navi_all_list {display:none; padding-top:3px; font-size:0; text-align:left;}
.navi_all_list > li {overflow:hidden; display:inline-block; width:calc(10% - 6px); margin:3px; background-color:#fafafa; border:1px solid #ddd; border-radius:4px; box-sizing:border-box; font-size:16px; text-align:center;}
.navi_all_list > li:hover {background-color:#ea881e; font-weight:bold; border:1px solid #ea881e;}
.navi_all_list > li:hover .all_list_btn {color:#fff;}
.all_list_btn {display:block; width:100%; height:100%; padding:6pt 0; color:#333;}
.all_list_btn.active {background-color:#ea881e; font-weight:bold; color:#fff;}

.sboard_area {max-width:1200px;}
@media screen and (max-width:1200px) {
	.sboard_area {max-width:100%;}
}

@media screen and (max-width:1020px) {
	.sboard_area .pc_area {display: none;}
	.sboard_area .mobi_area {display: block;}

	.s_board_list_sec i.mobi_area {display:inline-block;}
	
	/* s보드 타입 : 기본형 */
	.sboard_list_tbl {width:100%; table-layout:fixed;}
	.sboard_list_tbl tbody td > i.mobi_area {display: inline-block;}
	.sboard_list_tbl_col1 {width: 5%;}
	.sboard_list_tbl_col2 {width: 50%;}
	.sboard_list_tbl_col3 {width: 12.6%;}
	.sboard_list_tbl_col4 {width: 19.6%;}
	.sboard_list_tbl_col5 {width: 8.8%;}
	.sboard_list_tbl_col6 {width: 4%;}
	
	/* s보드 타입 : 앨범A형 */
	.abm_a_list {text-align: left; padding-left: 5px;}
	.abm_a_list_item {width: calc(33.33% - 5px);}
	.abm_a_info {font-size: 13px;}

}
@media screen and (max-width:768px) {
	.sboard_btn_area {text-align:center;}
	.sboard_srch {width: 100%; padding:10px 0; text-align:center;}
	
	/* s보드 타입 : 기본형 */
	.sboard_list_tbl {display:block; width:100%;}
	.sboard_list_tbl thead {display:block; width:100%;}
	.sboard_list_tbl thead th {display: none; font-size:13px;}
	.sboard_list_tbl tbody {display:block; width:100%;}
	.sboard_list_line {display: flex; flex-wrap:wrap; width: 100%;}
	.sboard_list_line:last-of-type {border-bottom:1px solid #aaa;}
	.sboard_list_tbl tbody td {display: block; width: 100%; border: 0;}
	.sboard_list_tbl tbody td:nth-of-type(1) {flex:0 0 30px; width:30px; text-align: left; padding: 10px 0 0 0; font-size: 14px; line-height: 1.5; border-top: 1px solid #999; box-sizing:border-box;}
	.sboard_list_tbl tbody td:nth-of-type(1) .sboard_list_num:not(.noti_color) {display:none;}
  .sboard_list_tbl tbody td:nth-of-type(2) {flex: 0 1 calc(100% - 30px); width:calc(100% - 30px); padding: 10px 0 0 0; font-size: 14px; line-height: 1.5; border-top: 1px solid #999; box-sizing:border-box;}
	.sboard_list_tbl tbody td:nth-of-type(3) {flex: 1 0 80px; text-align: right; padding: 5px 5px 10px 5px; margin-left:auto; font-size: 13px;}
	.sboard_list_tbl tbody td:nth-of-type(4) {flex: 0 0 80px; text-align: right; padding: 5px 5px 10px 5px; font-size: 13px;}
	.sboard_list_tbl tbody td:nth-of-type(5) {flex: 0 0 60px; text-align: right; padding: 5px 5px 10px 5px; font-size: 13px;}
	.sboard_list_tbl tbody td:nth-of-type(6) {flex: 0 0 50px; text-align: right; padding: 5px 5px 10px 5px; font-size: 13px;}
	.sboard_list_line {text-align:right;}
	.sboard_list_tbl_col1 {width: 100%;}
	.sboard_list_tbl_col2 {width: 100%;}
	.sboard_list_tbl_col3 {width: 100%;}
	.sboard_list_tbl_col4 {width: 100%;}
	.sboard_list_tbl_col5 {width: 100%;}
	.sboard_list_tbl_col6 {width: 100%;}

	/* s보드 타입 : 앨범A형 */
	.abm_a_list_item {width: calc(50% - 5px);} 

	/* s보드 페이지 네비게이션 */
	.sboard_page_navi {display:none;}
	.sboard_page_navi.mobi {display:block;}

	/* s보드 전체 페이지 네비게이션 */
	.navi_all_btn {width:calc(14% - 6px);}
	.navi_all_btn.btn_drct {width:calc(43% - 6px);}
}
@media screen and (max-width:500px) {
	.abm_a_list {padding-left: 0;}
	.abm_a_list_item {display: block; width: 98%; margin: 0 auto 30px;} 
	.abm_a_info {text-align: center;}

	/* s보드 전체 페이지 네비게이션 */
	.navi_all_btn {width:calc(20% - 6px); font-size:13px;}
	.navi_all_btn.btn_drct {width:calc(40% - 6px);}
	.navi_all_list > li {font-size:13px;}
}

/*********** list page end ***********/

/*********** read page ***********/
/* 게시글 정보 */
.sboard_info_tbl {width: 100%; border-top: 2px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.sboard_info_tbl_col1 {width: 20%;}
.sboard_info_tbl_col2 {width: 80%;}
.sboard_info_tbl th {padding: 10px; font-size: 13px; border-top: 1px solid #fff; background-color: #f7f7f7;}
.sboard_info_tbl td {padding: 10px 25px; font-size: 13px; border-top: 1px solid #fff;}
.sboard_info_tbl td .fa-eye-slash {display:inline-block; font-size: 12px; color: #CC3D3D;} /*s보드 숨김아이콘 23.04.04*/

/* 게시글 내용 */
.sboard_cont_details {padding: 20px 10px; box-sizing: border-box; font-size: 14px; color: #666; line-height: 1.7;}
.sboard_cont_details iframe {max-width:100%;}
.sboard_cont_details video {max-width:100%;}
.sboard_cont_details li {list-style:inherit;} /* reset 으로 인한 cheditor의 문단 번호가 없어짐. 컨텐츠 안에서만 li의 리스트 스타일 상속 */
.read_cont_img {cursor:pointer;}

/* 게시글 내용 - 에디터와 동일한 테이블 안의 이미지 스타일 */
.sboard_cont_details table td {padding:2px;}
.sboard_cont_details table td img {vertical-align:bottom;}

/* sns 버튼 */
.sboard_btn_sns {margin-bottom: 20px; text-align: center;}
.sboard_btn_sns .link {display: inline-block; margin: 0 2px; transition: transform 0.3s;}
.sboard_btn_sns .link.btn_sns_item {display:inline-block; width:42px; height:44px; vertical-align:middle;}
.sboard_btn_sns .link:hover {transform: rotate(15deg);}

.sboard_atch_file_tbl {width: 100%; margin-bottom: 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.sboard_atch_file_tbl th {width: 20%; padding: 15px 10px; background-color: #f7f7f7; font-size: 14px;}
.sboard_atch_file_tbl td {width: 80%; padding: 15px 20px; line-height:1.4;}
.sboard_atch_file_tbl td .fa-paperclip {display:inline-block; font-size: 12px; color: #aaa;}
.sboard_atch_file_tbl td > a {display:inline-block; word-break:break-all; vertical-align:top;}
.sboard_atch_file {font-size: 14px; color: #333; font-weight: normal;}
.sboard_atch_file:hover {text-decoration: underline;}
.sboard_atch_file_direc {font-size:14px; vertical-align:middle;}

@media screen and (max-width:768px) {
  .sboard_atch_file_tbl th {padding:15px 5px; font-size:12px; text-align:center;}
  .sboard_atch_file_tbl td {font-size:12px;}
}

/* 댓글 */
.sboard_cmnt {padding-bottom: 25px; font-size: 14px;}
.cmnt_fst_rgstd {padding: 10px 0; background: #f7f7f7; border-top: 1px solid #ddd;}
.cmnt_name {display:inline-block; width:120px; padding: 0 10px; font-size:14px; font-weight: bold; color: #333; line-height: 1.5; vertical-align:top;}
.cmnt_txt {display:inline-block; width:calc(100% - 200px); padding: 0 10px; font-size:14px; color: #666; line-height: 1.5; vertical-align:top; border-left:1px solid #ddd; word-break:break-all;}
.cmnt_txt .link {word-break:break-all; color:#0048ff; text-decoration:underline;}
.cmnt_date {display:block; width:100%; text-align:right; color: #ccc; font-size:12px; vertical-align:top;}
.cmnt_btn_area {display:flex; padding: 10px 10px 0; box-sizing: border-box;}
.cmnt_btn_ansr {}
.cmnt_btn.cmnt_btn_del {margin-left:auto;}
.cmnt_btn.cmnt_btn_del i {color:red; opacity:0.5;}
.cmnt_btn {padding: 2px 7px; margin-right: 3px; background-color: #fff; border: 1px solid #ccc; cursor: pointer;}
.cmnt_btn:hover {background-color: #f7f7f7;}
.cmnt_btn_reg {position: absolute; top: 10px; right: 10px;}

.cmnt_scd_rgst {position: relative; padding: 10px 0; border-top: 1px solid #ddd; background-color: #f7f7f7;}
.cmnt_reply_line {display: inline-block; width: 10px; height: 10px; margin: 10px 0 0 10px; border-left: 2px solid #999; border-bottom: 2px solid #999; vertical-align: top;}
/*.cmnt_cont {width: calc(100% - 140px); padding: 5px; height: 50px; vertical-align: top;}*/
.cmnt_cont {width: calc(100% - 280px); padding: 5px; height: 50px; vertical-align: top;}

.cmnt_scd_rgstd {padding: 10px 0; border-top: 1px solid #ddd;}

.cmnt_fst_rgst {position: relative; padding: 20px 0; border-top: 2px solid #eee;}
.cmnt_fst_rgst .cmnt_btn_reg {top: 40px;}
.cmnt_name_val {width: 80px; margin: 0 10px; vertical-align: top;}
.cmnt_fst_rgst .cmnt_cont {width: 75%;}

@media screen and (max-width:768px){
  .cmnt_name {display:block; width:100%;}
  .cmnt_txt {display:block; width:100%; border-left:0;}
}

/* read 버튼 */
.sboard_read_btn_area {overflow:hidden; margin-bottom: 20px;}
.sboard_read_btn_area_top {display:none;}
.sboard_read_btn_area .sboard_btn {float: right;}

/* read 첨부 이미지 */
.sboard_cont_details img {max-width:100%; height:auto !important;}

/* s보드 타입 : 기본형 이전 다음 글 */
.sboard_list_pn {margin-bottom:10px; border-top: 2px solid #cfcfcf; border-bottom: 2px solid #cfcfcf;}
.sboard_list_pn > li {float:none; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; padding: 13px 0; font-size: 14px; line-height: normal;}
.sboard_list_pn > li:first-of-type {border-bottom: 1px solid #ccc;}
.sboard_list_pn > li > .link {display:flex; align-items:center; width:100%; color: #333;}
.sboard_list_pn > li:hover > .link {font-weight: bold;}
.sboard_list_pn span {font-size:12px;}
.sboard_list_pn_cate {order:1; display: inline-block; padding: 0 20px; color: #777;}
.sboard_list_pn_cate i {padding-right: 5px; font-size: 12px;}
.sboard_list_pn_date {order:4; padding: 0 20px; color: #777;}
.sboard_list_pn_name {order:3; padding: 0 20px; margin-left:auto; color: #777;}
.sboard_list_pn_sbj {order:2;}

/* s보드 타입 : 앨범A형 글목록(이미지) */
.abm_a_list_btm_area {position: relative;}
.abm_a_list_btm_cont {overflow: hidden; width: 96%; margin: 0 auto;}
.abm_a_list_btm {width: calc(100% - 80px); margin: 0 auto; font-size:0;}
.abm_a_list_btm.right {text-align: right;}
.abm_a_list_btm_item {display:inline-block; width: calc((100% - 30px) / 4); margin-right: 10px; margin-bottom: 10px;}
.abm_a_list_btm_item:last-of-type {margin-right: 0;}
.abm_a_list_btm_cont .link {position: relative; display: block; width: 100%;}
.abm_a_list_btm_cont .link .thumbnail {position: relative; overflow: hidden; padding-top: 68%;}
.abm_a_list_btm_cont .link .centered {position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: translate(50%, 0%);}
.abm_a_list_btm_cont .abm_a_img {display: block; position: absolute; top: 0; left: 0; transform: translate(-50%, 0%); width: auto; height: 100%;}
.abm_a_list_btm_cont .link .thumbnail.youtube .centered {transform: translate(50%, 50%);}
.abm_a_list_btm_cont .thumbnail.youtube .abm_a_img {transform: translate(-50%, -50%);}
.abm_a_list_btm_cont .abm_a_img.portrait {width: 100%; height: auto;}
.abm_a_list_btm_area .abm_a_list_btm_btn_next {position: absolute; top: 50%; right: 7px; margin-top: -7px; font-size: 22px; color: #333; cursor: pointer; transform:translateY(-50%);}
.abm_a_list_btm_area .abm_a_list_btm_btn_prev {position: absolute; top: 50%; left: 7px; margin-top: -7px; font-size: 22px; color: #333; cursor: pointer; transform:translateY(-50%);}

@media screen and (max-width:768px) {
	.sboard_cmnt {font-size: 13px;}
	.sboard_list_pn > li {font-size: 12px;}
	.sboard_list_pn_cate {padding: 0 10px;}
	.sboard_list_pn_name {padding: 0 10px;}
	.sboard_list_pn_date {padding: 0 10px;}

	.abm_a_list_btm_cont {width:90%;}
	.abm_a_list_btm_item {width: calc(50% - 4px); margin:2px;}	
}

/* s_board 상세화면하단 목록*/
.s_board_bottom_area {width:100%; line-height: 1.6;}
.s_board_bottom_admin {display: flex; justify-content: flex-end; margin-bottom: 10px;}
.s_board_bottom_admin > .link {margin-left: 5px; font-size: 1.4rem;}
.s_board_bottom_admin > .link:hover {font-weight:600;}
.s_board_bottom_tbl {width:100%; margin-bottom: 1em; border-top:2px solid #777; border-bottom:2px solid #777; border-collapse: collapse; table-layout: fixed;}
.s_board_bottom_tbl .s_board_bottom_tbl_col1 {width: 8%;}
.s_board_bottom_tbl .s_board_bottom_tbl_col2 {width: 60%;}
.s_board_bottom_tbl .s_board_bottom_tbl_col3 {width: 8%;}
.s_board_bottom_tbl .s_board_bottom_tbl_col4 {width: 16%;}
.s_board_bottom_tbl .s_board_bottom_tbl_col5 {width: 8%;}
.s_board_bottom_tbl input {margin-right: 5px;}
.s_board_bottom_tbl th, .s_board_bottom_tbl td {padding:5px; color:#555; font-size: 1.4rem; text-align: center; box-sizing: border-box;}
.s_board_bottom_tbl th {border-bottom:1px solid #333;}
.s_board_bottom_tbl td {word-break: keep-all;}
.s_board_bottom_tbl td:hover {color:#000;}
.s_board_bottom_tbl td i {margin-left:5px;}
.s_board_bottom_tbl tr td:nth-of-type(2) {text-align: left;}
.s_board_bottom_tbl tr td:nth-of-type(2) .sbj {overflow: hidden; display: inline-block; width: 100%; white-space: nowrap; text-overflow: ellipsis; line-height: 1.5; vertical-align: middle;}
.s_board_bottom_menu {}
.s_board_bottom_menu > button {margin-right: 3px; padding: 5px 10px; background-color: #fff; border: 1px solid #ccc; font-size: 1.2rem; color: #444; cursor: pointer;}
.s_board_bottom_menu > button:hover {color: #fff; background-color: #333;}
.s_board_bottom_menu > button.btn_del {color: #8e2121;}
.s_board_bottom_menu > button.btn_del:hover {color: #fff; background-color: #333;}

@media screen and (max-width: 768px) {
	.s_board_bottom_tbl .s_board_bottom_tbl_col1 {width: 15%;}
	.s_board_bottom_tbl .s_board_bottom_tbl_col2 {width: 45%;}
	.s_board_bottom_tbl .s_board_bottom_tbl_col3 {width: 18%;}
	.s_board_bottom_tbl .s_board_bottom_tbl_col4 {width: 20%;}
	.s_board_bottom_tbl .s_board_bottom_tbl_col5 {display:none}
	.s_board_bottom_tbl th, .s_board_bottom_tbl td {font-size:1.2rem;}
	.s_board_bottom_tbl tr th:nth-of-type(5) {display:none;}
	.s_board_bottom_tbl tr td:nth-of-type(5) {display:none;}
}

/* 게시판 전체 페이지 네비게이션 */
.board_page_navi_all {width:100%; margin-top: 50px; font-size:0; box-sizing:border-box; text-align:center; color:#333;}
.navi_all_btn {display:inline-block; width:calc(8% - 6px); margin:0 3px; padding:10pt 0; background-color:#fafafa; border:1px solid #ddd; border-radius:4px; box-sizing:border-box; font-size:16px; color:#333; cursor:pointer;}
.navi_all_btn:hover {background-color:#fff;}
.navi_all_btn.btn_drct {width:calc(46% - 6px);}
.navi_all_btn.disabled {border:1px solid #eee; color:#ccc; cursor:auto;}
.navi_all_list {display:none; padding-top:3px; font-size:0; text-align:left;}
.navi_all_list > li {overflow:hidden; display:inline-block; width:calc(10% - 6px); margin:3px; background-color:#fafafa; border:1px solid #ddd; border-radius:4px; box-sizing:border-box; font-size:16px; text-align:center;}
.navi_all_list > li:hover {background-color:#ea881e; font-weight:bold; border:1px solid #ea881e;}
.navi_all_list > li:hover .all_list_btn {color:#fff;}
.all_list_btn {display:block; width:100%; padding:6pt 0; color:#333;}
.all_list_btn.active {background-color:#ea881e; font-weight:bold; color:#fff;}

@media screen and (max-width: 768px) {
    .navi_all_btn {width:calc(20% - 6px);}
    .navi_all_btn.btn_drct {width:calc(40% - 6px);}
}

/*********** read page end ***********/
.read_img_100 {max-width:100%; height:auto;}

/*********** write page ***********/
.sboard_write_tbl {width: auto; max-width:none; min-width:100%; table-layout:fixed; width: 100%; margin-bottom: 20px; border-top: 2px solid #333; border-bottom: 2px solid #333;}
.sboard_write_tbl th {width:150px; padding: 15px 5px 15px 15px; font-size: 14px; text-align: left; background-color: #f7f7f7; border-bottom: 1px solid #fff;}
.sboard_write_tbl th .ap_btn_info_pop {font-weight:400;}
.sboard_write_tbl td {padding: 5px 8px; font-size: 14px; text-align: left; border-bottom: 1px solid #fff;}
.sboard_write_tbl td.simpleupload_td {padding:0;}
.sboard_write_tbl td input[type="text"] {width: 100%; height: 30px; padding: 3px; font-size: 14px; border: 1px solid #ccc;}
.sboard_write_tbl td input[type="password"] {width: 100%; height: 30px; padding: 3px; font-size: 14px; border: 1px solid #ccc;}
.sboard_write_cate {width: 200px; height: 30px; padding: 3px; font-size: 14px; border: 1px solid #ccc;}
.sboard_write_tbl td input.sboard_write_sbj {width: 100%; min-width:60px; margin-bottom:10px;}
.sboard_write_tbl td #sboard_write_sbj_kind {width:20px; height:20px; margin-right:5px;}
.sboard_write_tbl td #sboard_write_sbj_kind + .ipt_label {margin-right:10px; cursor:pointer;}
.sboard_write_sbj_color {position:relative; display:inline-block;}
.sboard_write_sbj_color_item {display:inline-block;}
.sboard_write_sbj_color .full-spectrum {margin-right:10px;}
.sboard_write_sbj_color .disable {display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; opacity:0.8; z-index:99;}
.sboard_write_sbj_color .disable.hide {display:none;}
.sboard_write_sbj_color .txt {font-size:13px;}
.sboard_write_sbj_color .txt.review {padding:0.3em 0.5em;}
.sboard_write_tbl td input.sboard_write_name {display:inline-block; width: 200px; vertical-align:middle;}
.sboard_write_tbl td input.sboard_write_pass {display:inline-block; width: 200px; vertical-align:middle;}
.sboard_write_tbl td input.sboard_write_filename {width: 400px;}
.sboard_write_tbl td .small {display:inline-block; font-size:12px; vertical-align:middle;}
.sboard_write_filename_mac {display:none; color:red;}
.sboard_write_filename_mac.show {display:block;}
.sboard_btn.sboard_write_btn_file_add {float: none;}
.sboard_file_line {display: block; padding-top: 5px;}
.sboard_file_line:after {content: ""; display: block; clear: both;}
.sboard_attach_line {padding-bottom:10px;}
.sboard_attach_line_item {display: block; padding-top: 5px;}
.sboard_attach_line_item:after {content: ""; display: block; clear: both;}
.sboard_write_file {float: left;}
.sboard_btn.sboard_write_btn_file_del {float: right;}
.sboard_write_rsv {vertical-align: middle;}
.sboard_write_rsv_txt {display: inline-block; vertical-align: middle; font-size: 12px;}
.sboard_write_tbl td input.sboard_write_rsv_date {width: 150px; height: 30px; margin-left: 10px;}
.sboard_write_tbl td .ipt_label {vertical-align:middle; font-size:13px;}
.sboard_write_rsv_time {width: auto; height: 30px; padding: 3px; font-size: 14px; border: 1px solid #ccc;}
.sboard_btn.btn_reg {float: right; margin-right: 0px;}

@media screen and (max-width:1020px) {
  .sboard_write_tbl th {width:50px;}
}
@media screen and (max-width:768px) {
	.sboard_write_tbl th {padding: 10px 3px; text-align: center;}
	.sboard_write_tbl td input.sboard_write_rsv_date {width: 100%; margin: 10px 0;}
  .sboard_write_tbl td input.sboard_write_name.label {width:calc(100% - 40px);}
  .sboard_write_cate {width:100%; font-size:13px;}
  .sboard_btn.sboard_write_btn_file_add {width:100%;}
  .sboard_write_file {width:100%;}
  .sboard_write_sbj_color {display:block; padding-top:20px;}
  .sboard_write_sbj_color_item {display:block; padding:5px 0;}
  .sboard_write_sbj_color .txt.review {position:absolute; top:60%; bottom:0; left:45%; display:block; padding:1em; text-align:center; transform:translateY(-50%);}
}
@media screen and (max-width:450px) {
	.sboard_write_tbl th {font-size: 13px;}
	.sboard_write_tbl td {font-size: 13px;}
}

/* write page mp4 */
.file_input_mp4 {margin:10px 0;}
.sboard_write_mp4_list {display:flex; gap:10px; flex-wrap:wrap;}
.sboard_write_mp4_list > li {overflow:hidden; position:relative; flex: 0 0 100px; height:100px; box-shadow:1px 1px 3px rgba(0,0,0,0.6); border-radius:3px;}
.sboard_write_mp4_list > li .btn_del {position:absolute; top:3px; right:3px; z-index:99;}
.sboard_write_mp4 {position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover;}
@media screen and (max-width:768px) {
  .sboard_write_mp4_list > li {flex: 0 0 70px; height:70px;}
}


/*********** write page end ***********/
.c_darkgray {color:#555; font-size:13px;}
.c_red {color:red; font-size:13px;}
.c_blue {color:blue; font-size:13px;}
.c_blue.info {float: right; line-height: 1.2; text-align: right;}

/* sms */
/*sms layer*/
.sms_pop *{margin:0; padding:0;}
.sms_pop{position:fixed; background:#fff; width:250px; height:500px; right:8%; display:none; bottom:100px; z-index:999999; box-shadow: 0px 0px 7px #999;}
.sms_head{width:100%; display:block; margin:0;}
.sms_tit{margin:0 15px; border-bottom:1px #d3d3d3 solid; color:#000; font-size:16px; display:block; text-align:center; padding:10px 0;}
.close_btn{
		position:absolute; top:0; right:-31.28px; 
		display:block; 
		border-top-right-radius:5px; 
		border-bottom-right-radius:5px;
		padding:10px; background:#dddddd; 
		line-height:120%; color:#828282 !important;}
.sms_body{margin:5px 15px;}
.sms_user{overflow:hidden;}
.f_left{float:left;}
.f_right{float:right;}
.su_left{margin-top:1px; font-size:13px;}
.sms_ta{margin-top:10px; border-radius:5px; background:#f0f0f0; border:1px #d1d1d1 solid; box-sizing:border-box;}
.sms_ta02{margin-top:10px; border-radius:5px; background:#ffd7c1; border:1px #d7b8a4 solid; box-sizing:border-box;}
.send_num{margin:10px 0;}
#send_num{padding:3px; margin-left:15px;}
.sms_input:focus{outline:none !important;}

.sms_info{width:100%; overflow:hidden; padding: 5px 5%; background:#dddddd;}
.sms_info02{width:90%; overflow:hidden; padding: 5px 5%; background:#fcb38a;}
.sb_wrap{overflow:hidden; padding:7px 0; border-bottom: 1px #d3d3d3 solid;}
#sms_form label{margin-right:15px;}
#num_name{width:110px; padding:3px;}
.sms_add_btn{height:26px; border:1px #d1d1d1 solid; background:#ddd; padding:0 6px; color:#797979; border-left:none !important; cursor:pointer; vertical-align:middle;}
.sms_ul li{list-style:none !important; color:#000;}
/*.sms_ul li i{font-size:18px; font-weight:bold; position:relative; top:4px; margin-right:10px; color:#898989;}*/
.sms_list{height:80px; border-bottom:1px #d3d3d3 solid;}
.sms_ul{height:60px; overflow:hidden;}
.user_list{float:left; width:70%;}
.sb_btn{
	display:block;
	padding:6px 0;
	width: 46%; 
	text-align:center;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #afbbcb), color-stop(1, #6e849d));
	background: -moz-linear-gradient(top, #afbbcb 0%, #6e849d 100%);
	background: -webkit-linear-gradient(top,  #afbbcb 0%, #6e849d 100%);
	background: -o-linear-gradient(top,  #afbbcb 0%, #6e849d 100%);
	background: -ms-linear-gradient(180deg,  #afbbcb 0%, #6e849d 100%);
	background: linear-gradient(180deg,  #afbbcb 0%, #6e849d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#afbbcb', endColorstr='#6e849d', gradientType=0);
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) ; 
	-webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) ; 
	-moz-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) ; 
	font-size: 12px; 
	font-weight: normal; 
	line-height: 11px; 
	color: #fff !important; 
	border:  solid #6E849D 1px; 
	border-radius: 3px; -webkit- border-radius: 3px; -moz- border-radius: 3px; 
}
.css-button{
	/*start ------------*/
	
	display:block;
	padding:4px 0;
	width: 40px; 
	text-align:center;
	border:  solid #6E849D 1px; 
	border-radius: 3px; -webkit- border-radius: 3px; -moz- border-radius: 3px; 
	font-style: normal; 
	color: #fff !important; 
	font-size: 12px; 
	font-weight: normal; 
	line-height: 11px; 
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) ; 
	-webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) ; 
	-moz-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) ; 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #afbbcb), color-stop(1, #6e849d));
	background: -moz-linear-gradient(top, #afbbcb 0%, #6e849d 100%);
	background: -webkit-linear-gradient(top,  #afbbcb 0%, #6e849d 100%);
	background: -o-linear-gradient(top,  #afbbcb 0%, #6e849d 100%);
	background: -ms-linear-gradient(180deg,  #afbbcb 0%, #6e849d 100%);
	background: linear-gradient(180deg,  #afbbcb 0%, #6e849d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#afbbcb', endColorstr='#6e849d', gradientType=0);
}	
.sms_footer{display:block; width:100%; padding:15px 0; text-align:center; background: linear-gradient(180deg,  #40577a 0%, #324356 100%); color:#fff !important;}
.sms_footer:hover{ background:#324356; }

/* s보드 배너 */
.sboard_bann_list {margin-bottom:20px; font-size:0;}
.sboard_bann_list > li {display:inline-block; width:160px; height:50px; margin:0 2px; font-size:13px; vertical-align:top;}
.sboard_bann_list .link {display:block; width:100%; height:100%;}
.sboard_bann_img {display:block; width:100%; height:100%;}

@media screen and (max-width:500px){
  .sboard_bann_list {}
  .sboard_bann_list > li {width: calc(33.333% - 2px); margin:0 1px; height:auto;}
}
@media screen and (max-width:350px){
  .sboard_bann_list {}
  .sboard_bann_list > li {width: calc(50% - 2px); margin:0 1px; height:auto;}
}

/* 이미지형 게시판 리뉴얼 */
#s_board .abm_c_tbl {border-collapse: collapse; border-spacing: 0px;}
#s_board .abm_c_tbl tbody td {height: 200px; box-sizing: border-box; border-bottom: 1px solid #ddd; text-align: center;}
#s_board .abm_c_tbl tbody tr:first-child {border-top: 2px solid #ccc;}

#s_board .abm_c_tbl tbody .abm_c_noti td {height:50px;}
#s_board .abm_c_tbl tbody .abm_c_noti .abm_c_item_info {display:inline-block;}
#s_board .abm_c_noti .abm_c_td_cont > a {display:inline-block; margin-bottom:0;}

#s_board .abm_c_item_chk {margin: 0 auto;}
#s_board .abm_c_img_wrap {position:relative; overflow: hidden; width:220px; height:137.5px; margin: 0 auto; box-sizing:border-box; text-align:center; vertical-align:middle; border-radius:3px; box-shadow: 1px 1px 1px #999;}
#s_board .abm_c_img_wrap:before {content: ""; position: absolute; top: -20px; left: -100px; display: block; width:40px; height: 120%; -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg); background-color: rgba(255,255,255,0.2); z-index: 999; transition: all 0.7s;}
#s_board .abm_c_img_wrap:hover:before {left: 300px;}
#s_board .abm_c_img_wrap a {position:relative; display:block; width:100%; min-width:100%; max-width:100%; height:100%;}
#s_board .abm_c_img_wrap a .thumbnail {		
		position: relative;
		padding-top: 62.5%;
		overflow:hidden;
		}
#s_board .abm_c_img_wrap a .thumbnail .centered {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		transform: translate(50%, 0%);
	}
#s_board .abm_c_img_wrap a .thumbnail .centered img {
		position: absolute;
		top: 0;
		left: 0;
		transform: translate(-50%, 0%);
		width:auto;
		height:100%;
}
#s_board .abm_c_img_wrap a .thumbnail .centered img.youtube_thumb {
  width:100%;
}

#s_board .abm_c_img_wrap a.top .thumbnail .centered img {}
#s_board .abm_c_img_wrap a.center .thumbnail .centered img {top:50%; transform: translate(-50%,-50%);}
#s_board .abm_c_img_wrap a.full .thumbnail .centered img {width:100%; height:auto; top:50%; left:0; transform:translate(-50%,-50%);}
#s_board .abm_c_img_wrap a.full .thumbnail .centered img.portrait {width:auto; height:100%;}

#s_board .abm_c_img_wrap a .thumbnail.youtube .centered {
		transform: translate(50%, 50%);
	}
#s_board .abm_c_img_wrap a .thumbnail.youtube .centered img {
		transform: translate(-50%, -50%);
}
#s_board .abm_c_img_wrap a .thumbnail .centered img.portrait {width:100%; height:auto;}

#s_board .abm_c_tbl tbody td.abm_c_td_cont {padding-left: 30px; text-align: left;}
#s_board .abm_c_td_cont > a {display: block; text-decoration: none; word-break: break-all;}

#s_board .abm_c_item_tit {margin-bottom: 18px; font-size: 18px; font-weight: bold; color: #333;}
#s_board .abm_c_item_tit:hover {color: #666}
#s_board .abm_c_item_txt {margin-bottom: 18px; font-size: 14px; font-weight: normal; color: #888; line-height:1.5;}
#s_board .abm_c_item_txt:hover {color: #666;}
#s_board .abm_c_item_name {position: relative; padding-right: 10px; font-size: 14px; font-weight: normal; color: #888;}
#s_board .abm_c_item_name .c_black {color: #333;}
#s_board .abm_c_item_date {position: relative; padding-left: 10px; padding-right: 10px; font-size: 14px; font-weight: normal; color: #888;}
#s_board .abm_c_item_date .c_black {color: #333;}
#s_board .abm_c_item_inq {position: relative; padding-left: 10px; padding-right: 10px; font-size: 14px; font-weight: normal; color: #888;}
#s_board .abm_c_item_inq .c_black {color: #333;}
#s_board .abm_c_item_good {position: relative; padding-left: 10px; padding-right: 10px; font-size: 14px; font-weight: normal; color: #888;}
#s_board .abm_c_item_good .c_black {color: #333;}

#s_board .ab_c_item:before {content: ""; position: absolute; top: 3px; right: 0px; display: block; width: 1px; height: 13px; background-color: #888;}
#s_board .ab_c_item:last-of-type:before {display:none;}
#s_board .ab_c_item i {color:#ccc;}

#s_board .ab_c_item .m_appear {display:none;}

@media screen and (max-width:1020px) {
	#s_board .ab_c_item:before {display:none;}
	#s_board .ab_c_item .m_appear {display:inline-block;}
	#s_board .abm_c_tbl tbody .abm_c_noti td:first-of-type {display:none;}
}

@media screen and (max-width:768px) {
	#s_board .abm_c_tbl colgroup {display:none;}
	#s_board .abm_c_tbl thead {display:none;}
	#s_board .abm_c_tbl tbody {display:block;}
	#s_board .abm_c_tbl tbody td {display: block; width: 100%; height: auto; padding: 10px 0; border-bottom: 0;}
  #s_board .abm_c_tbl tbody td.col01 {padding:5px 0 0 0;}
	#s_board .abm_c_tbl tbody tr {display: block; border-bottom: 2px solid #ccc;}
	#s_board .abm_c_td_cont {border-top: 1px solid #eee;}
	#s_board .abm_c_tbl tbody td.abm_c_td_cont {padding: 10px; box-sizing:border-box;}
  #s_board .abm_c_tbl tbody .abm_c_noti .abm_c_item_info {display:block; padding:2px 0px; text-align:right;}
	#s_board .abm_c_item_tit {font-size: 15px;}
	#s_board .abm_c_item_txt {font-size: 13px;}
}

/* 환경설정 */
.c_gray {color:#999;}
.top_tit_img {max-width: 100%;}
.cnfg_ipt_size_sngl {width: 200px;}
.cnfg_ipt_size_dobl {width: 200px;}

.sboard_config_cont {width: 100%; padding: 20px; box-sizing:border-box;}
.sboard_cnfg_tit {position: relative; margin-bottom: 10px; padding-left: 10px; font-size: 16px; font-weight: bold; box-sizing: border-box; color: #26456a;}
.sboard_cnfg_tbl {overflow: hidden; width: 100%; margin-bottom: 30px; border-top: 1px solid #ccc; border-radius: 10px; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); box-sizing: border-box; font-size: 14px; border-collapse:collapse; border-spacing:0px;}
.sboard_cnfg_tbl_col:first-of-type {width: 15%;}
.sboard_cnfg_tbl_col:last-of-type {width: 85%;}
.sboard_cnfg_tbl th {padding: 10px 0; border-bottom: 1px solid #9ab0cb; background-color: #5b799e; text-align: center; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); line-height: 2; word-break:keep-all;}
.sboard_cnfg_tbl tr:last-of-type th {border-bottom: 0;}
.sboard_cnfg_tbl td {padding: 15px; font-size: 13px; color: #333; border-bottom: 1px solid #ddd; line-height: 2;}
.sboard_cnfg_tbl tr:last-of-type td {border-bottom: 0;}
.sboard_cnfg_tbl td * {vertical-align: middle;}
.sboard_cnfg_tbl td .txt {display: inline-block; margin-right: 5px;}
.sboard_cnfg_tbl td .txt.str {font-weight:bold;}
.sboard_cnfg_tbl td .divide {display: inline-block;}
.sboard_cnfg_tbl td input {margin-right: 0;}
.sboard_cnfg_tbl td input.sboard_cnfg_ipt {height: 30px; margin-right: 5px; padding: 5px; font-size: 15px; border: 1px solid #ccc; box-sizing: border-box; border-radius: 3px;}
.sboard_cnfg_slct {height: 30px; margin-right: 5px; padding: 5px; font-size: 15px; border: 1px solid #ccc; box-sizing: border-box; border-radius: 3px;}
.sboard_cnfg_slct.cnfg_ipt_size_sngl {width: 60px;}
.sboard_cnfg_chk {width: 16px; height: 16px;}
.sboard_cnfg_btn {height: 30px; padding: 5px 10px; margin:0 2px; box-sizing: border-box; border-radius: 3px; background-image: linear-gradient(90deg, #fdfbfb 0%, #ebedee 100%); box-shadow: 1px 1px 0px rgba(0,0,0,0.4); border: 1px solid #ccc; color: #333; cursor: pointer;} 
.sboard_cnfg_btn:hover {background-image: linear-gradient(90deg, #ebedee 0%, #fdfbfb 100%);}
.sboard_cnfg_icon_type {display: inline-block; margin-left: 5px;}
.sboard_cnfg_tbl td .sboard_cnfg_radio {margin:0 3px 0 0;}
.txt_caut_album_b {padding-top:10px; font-size:12px; color:#666;}

.sboard_cnfg_btn_area {text-align: center;}

.div_margin {margin: 8px 0;}

.page_align_txt {display:none; color:red;}
.page_align_txt.show {display:block;}

@media screen and (max-width:768px) {
  .sboard_config_cont {padding:0;}
  .sboard_cnfg_tbl_col:first-of-type {width: 20%;}
  .sboard_cnfg_tbl_col:last-of-type {width: 80%;}
  .sboard_cnfg_tbl th {font-size: 12px;}
  .sboard_cnfg_tbl td {font-size: 12px;}
}

@media screen and (max-width:500px) {
  .sboard_cnfg_tbl_col:first-of-type {width: 70px;}
  .sboard_cnfg_tbl_col:last-of-type {width: calc(100% - 70px);}
  .cnfg_ipt_size_sngl {width: 50%;}
  .cnfg_ipt_size_dobl {width: 50%;}
  .sboard_cnfg_slct {font-size: 12px;}
  .sboard_cnfg_tbl td input.sboard_cnfg_ipt {font-size: 12px;}
  .sboard_cnfg_file {width: 100px;}
}

.sboard_cnfg_tbl2 {overflow: hidden; width: 100%; margin-bottom: 30px; border-top: 1px solid #ccc; border-radius: 10px; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); box-sizing: border-box; font-size: 14px; text-align:center;}
.sboard_cnfg_tbl_col2:nth-of-type(1) {}
.sboard_cnfg_tbl_col2:nth-of-type(2) {}
.sboard_cnfg_tbl_col2:nth-of-type(3) {}
.sboard_cnfg_tbl_col2:nth-of-type(4) {}
.sboard_cnfg_tbl_col2:nth-of-type(5) {}
.sboard_cnfg_tbl2 th {padding: 10px 0; border-bottom: 1px solid #9ab0cb; background-color: #5b799e; text-align: center; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); line-height: 2;}
.sboard_cnfg_tbl2 tr:last-of-type th {border-bottom: 0;}
.sboard_cnfg_tbl2 td {padding: 15px; font-size: 13px; color: #333; border-bottom: 1px solid #ddd; line-height: 2;}
.sboard_cnfg_tbl2 tr:last-of-type td {border-bottom: 0;}
.sboard_cnfg_tbl2 td input.sboard_cnfg_ipt {height: 30px; margin-right: 5px; padding: 5px; font-size: 15px; border: 1px solid #ccc; box-sizing: border-box; border-radius: 3px;}

@media screen and (max-width:768px) {
  .sboard_cnfg_tbl2 th {padding:2px; font-size: 12px;}
  .sboard_cnfg_tbl2 td {padding:2px; font-size: 12px;}
}

/* 댓글 */
.reply_rgst_area {display: block; width: 99%; margin: 0 auto; box-sizing: border-box; border: 1px solid #ddd; border-radius: 5px;}
.reply_top {position:relative; display: block; width: 100%; padding: 10px 15px 10px 35px; box-sizing: border-box;}
.reply_top .icon {position:absolute; top:20px; left:15px; display: inline-block; margin-right:0px; vertical-align: middle; font-size: 13px; color: #ccc;}
.reply_top .ipt_txt {display: inline-block; width: 130px; height: 30px; padding: 5px 5px; margin-right: 15px; border: 0; font-size: 13px; vertical-align: middle; font-weight: bold; color: #444; border: 1px solid #ddd; border-radius:3px;}
.reply_top .ipt_txt.readonly {padding:0 5px; border: 0;}
.reply_top .ipt_radio {display: inline-block; width: 15px; height: 15px; vertical-align: middle;}
.reply_main {display: block; width: 100%; padding: 0px 10px; box-sizing: border-box;}
.reply_main .ipt_txa {display: block; width: 100%; height: 70px; padding: 5px; border: 0; resize: none; font-size: 14px; color: #333; line-height:1.4;}
.reply_foot {display: block; width: 100%; padding: 10px; box-sizing: border-box; text-align: right;}
.reply_foot .btn_rgst {padding: 6px 10px; border: 1px solid #ccc; box-shadow: 1px 1px 1px rgba(0,0,0,0.1); background-color: #fff; border-radius: 3px; font-size: 13px; color: #333; cursor: pointer;}
.reply_foot .btn_rgst:hover {box-shadow: inset 1px 1px 1px rgba(0,0,0,0.4);}

/* 댓글의 댓글 */
.reply_rgst_area.re {width:calc(100% - 140px); margin-bottom:10px;}

@media screen and (max-width:768px) {
  .reply_rgst_area {width:calc(100% - 15px);}
  .reply_rgst_area.re {width:calc(100% - 70px);}
  .reply_top .ipt_radio {width:20px; height:20px;}
}

@media screen and (max-width:500px) { 
  .reply_rgst_area.re {width:calc(100% - 30px);}
  .reply_top .ipt_txt {width:calc(100% - 50px);}
}

/*상세페이지에서 pdf 20.03.18*/
.iframe_00 {
         display: block;
         border: none;
         height: 116vh;
         width: 100%;
         position: relative;
         top: 0px;
}
@media screen and (max-width:768px) {
  .iframe_00 {height:450px;}
}

/* 타이틀 공통 */
.solution_title_comm {}
.solution_title_comm .link {display:block; height:80px; color:#333; line-height:80px; font-size:30px; font-weight:600;}
.solution_title_comm img {display:block; max-width:100%; margin:0 auto;}
.solution_title_comm table {width:100%;}
@media screen and (max-width:768px) {
	.solution_title_comm {text-align:center;}
}

/* (물음표) 설명글 팝업 */
.ap_btn_info {
  position: relative;
  display: inline-block;
}
.ap_btn_info .icon {
  color: #000;
  font-size: 13px;
	vertical-align: middle;
  cursor: pointer;
}
.ap_btn_info_pop {
  display: none;
  position: absolute;
  top: 15px;
  left: 15px;
  width: 400px;
  padding: 10px;
  background: #fff;
  border-radius: 3px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4), -1px -1px 3px rgba(0, 0, 0, 0.2);
  line-height: 1.5;
  word-break: keep-all;
  color: #555;
	z-index: 9999;
}
.ap_btn_info_pop.right {
  left: 15px;
}
.ap_btn_info_pop.center {
  left: 50%;
  transform: translateX(-50%);
}
.ap_btn_info_pop.left {
  right: 15px;
  left: auto;
}
.ap_btn_info_pop .btn_cls {
  display: none;
  position: absolute;
  top: -30px;
  right: 10px;
  background: #fff;
  border: 1px solid #ccc;
}
@media screen and (max-width: 768px) {
  .ap_btn_info_pop .btn_cls {
    display: inline-block;
  }
  .ap_btn_info:hover .ap_btn_info_pop {
    display: block;
  }
	.ap_btn_info .ap_btn_info_pop {
	  position: absolute;
	  top: -100px; /* 부모(.ap_btn_info) 위쪽 100px */
	  left: 50%;
	  width: 300px;
	}
}
@media (hover: hover) and (pointer: fine) {
  /* 마우스 오버 포인터일때만(pc) */
  .ap_btn_info:hover .ap_btn_info_pop {
    display: block;
  }
  .ap_btn_info:hover .icon {
    color: var(--base-color-blue);
  }
}