@charset "utf-8";

/* ResponsBoard
-----------------------------------------------------------------*/
#responBoard {width: 1400px; padding:0; margin: 0 auto; padding: 75px 0 250px 0;}
#responBoard .xe_content {color:#666;}
#responBoard .btn {background-image:none;}
#responBoard th,#responBoard td{height: 50px; font-size:12px;color:#777; font-size: 14px;}
#responBoard .form-control {padding-top:0;padding-bottom:0;font-size:12px;}
#responBoard a.title {color:#333;}
#responBoard th a,#responBoard td.tableuser a {color:#666;}
#responBoard h3.cont-title,
#responBoard thead th {
	text-align:center;
	border-top:2px solid #444547;
	border-bottom:1px solid #bbb;
	background:#fafafa repeat;
/*	background-image: linear-gradient(top, #F9F9F9, #F2F2F2);*/
/*	background-image: -webkit-linear-gradient(top, #F9F9F9, #F2F2F2);*/
/*	background-image: -moz-linear-gradient(top, #F9F9F9, #F2F2F2);*/
/*	background-image: -ms-linear-gradient(top, #F9F9F9, #F2F2F2);*/
/*	background-image: -o-linear-gradient(top, #F9F9F9, #F2F2F2);	*/
}
#responBoard table {border-bottom:1px solid #ddd; border-top: 2px solid #111;}
#responBoard .table>thead>tr>th,#responBoard .table>tbody>tr>th,#responBoard .table>tfoot>tr>th,
#responBoard .table>thead>tr>td,#responBoard .table>tbody>tr>td,#responBoard .table>tfoot>tr>td{padding:8px 8px 8px;vertical-align:middle;}
#responBoard td {font-size: 16px;}
.table-hover > tbody > tr:hover > td,.table-hover > tbody > tr:hover > th {background-color: white;}
.table > tbody > tr:first-child > td {border-top: 1px solid #e1e1e1;}
#responBoard .btn-group {margin-bottom:0; gap: 5px;}

#board-header.page-header {margin:0;padding-bottom:20px;border:none;}
#board-header.page-header h1 {margin:5px 0;font-size:16px;}
#board-header.page-header h1 a {font-size:16px;color:#555;}
#board-header.page-header h1 small {font-size:12px;}
#board-header.page-header h1 small span {margin:0 3px;font-family:lato,sans-serif;}

/* #responBoard .search-select{margin-right:-1px;margin-top:0px;border-radius:2px 0 0 2px;} */
/* pagination */
#responBoard .pagination{justify-content: center; margin: 40px 0; gap: 5px;}
#responBoard .pagination-sm>li>a, #responBoard .pagination-sm>li>span {color:#333;padding: 4px 8px 3px;}
#responBoard .pagination-sm>li>a  {
    width: 30px;
    height: 30px;
    padding: 0;
    border: 1px solid #bcbcbc;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .1s ease;
    font-size: 13px;
}
#responBoard .pagination-sm>li:hover>a {
    color: #FFF !important;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {color:#666 !important;background-color: #eee !important;border-color: #ccc !important;}
.pagination>.active>a,
.pagination>.active:hover>a {
    color: #FFF !important;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}
/* category */
#responBoard .nav.nav-pills,
#responBoard .nav.nav-pills li {margin-bottom:20px;}
#responBoard .nav.nav-pills a {font-size:12px;color:#777}
#responBoard .nav>li>a {border-radius:2px;}
#responBoard .nav-pills>li.active>a,
#responBoard .nav-pills>li.active>a:focus{color:#fff;}

/*#responBoard .nav-pills>li.active:after{border-top: 5px solid;}*/
/*#responBoard .nav-pills>li.active:after{
	content: "";position: absolute;left: 50%;bottom: -5px;
	margin-left: -5px;width: 0;height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #26CCBE;
}*/
/* #responBoard .nav-pills>li>a{border-radius: 5px; padding: 5px 10px;} */
/* webzine */
#responBoard .media-heading {margin-top:5px}
#responBoard .media-list h3 a{font-size:16px;color:#555;}
#responBoard .media-list p{font-size:12px;color:#777;line-height:20px;}
#responBoard .media-list .viewinfo{border:0;}
#responBoard .media-list .viewinfo li{padding-left:0;}

#responBoard .thumbnail {margin-bottom: 50px; border: none; border-bottom: 1px solid #e1e1e1; padding: 0 10px; }
#responBoard .thumbnail .media {padding:20px 0 0;}
#responBoard .thumbnail .media .media-body{padding:0px 0px 0px 5px;}
#responBoard .webzineborder {border-top:1px solid #efefef; padding:20px 0px;}
#responBoard .webzineborder .media-body {padding:0px 0px 0px 5px;}
#responBoard .webzineborder .checkbox{margin-right:10px;}
#responBoard .caption .cardinfoname {font-size:16px; padding-bottom: 15px;}

#responBoard .thumbnail .caption{border-top:0;}
#responBoard .galleryinfobox  {margin-bottom: 30px;}
#responBoard .caption{padding: 10px 0px;}
#responBoard .caption h4 {
    margin-top:5px;
    font-size:18px;
    font-weight: 700;
    overflow:hidden;
    text-overflow:ellipsis;
    color:#666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#responBoard .caption h4 small a{color:#44B39E}
#responBoard .caption a{color:#333;}
#responBoard .caption .content {margin-top:10px;font-size:12px;color:#777;line-height:18px;}
.noBold{font-weight: 700; color: black !important;}
/* webzine B */
#responBoard .bgStyle {margin-bottom:30px;background-color:#F4F5F7;}
.bold{font-weight: 700; color: black;}
.ribonicon {position:absolute;right:18px;top:4px;}
.rcheckbox {position:absolute;left:7px;top:0;}

.caption h5 {overflow:hidden;width:100%;height:18px;line-height:140%;text-overflow:ellipsis;}
.caption p {padding:0px;margin:0px;overflow:hidden;width:100%;font-size: 12px;text-overflow:ellipsis;}
.caption ul {padding:0px;margin:0px;overflow:hidden;text-overflow:ellipsis;}
.caption li {padding:0px;margin:0px;font-size:12px;}
.caption .cardinfoname {margin:10px 0px 0px 0px;}
.infoN {background-color: #EEEFF2; width: 100%;}
td {text-align: left !important;}
/* 20210623 */
    .custom_tbody tr:first-child td{border-top:1px solid #ddd !important;}
	.custom_date{width:100px;}
	.custom_day{font-size:34px; font-weight: bold; color: #444;}
	.custom_ym{font-size:12px; font-weight:500; color: #444;}
	.custom_title{display:inline-block;font-size:14px; color: black !; font-weight: 700 !important;}
	.custom_title > strong { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width: 100%; }
    .custom_title span {font-size: 14px; font-weight: 600;}

/* reply */
/* #reply {margin-bottom:20px;} */
/* #responBoard #comments .media-list{margin-bottom:30px;} */
#responBoard #comments .media-list .media-body .reply-body {position:relative;margin-left:10px;padding:10px 10px 30px 20px;background-color:#F1F1F1;border-radius:10px;}
#responBoard #comments .media-list .media-body .reply-body:before {content:"";position:absolute;top:20px;left:-10px;height:0;border-right: 10px solid;
border-top: 10px solid rgba(0, 0, 0, 0);
border-bottom: 10px solid rgba(0, 0, 0, 0);}
#responBoard #comments .media-list .media-body .reply-body:before{border-right-color:#eee;}

/* blog */
#responBoard .kso-blog {margin-bottom:30px;}
#responBoard .kso-blog.view-doc h3.cont-title{padding: 15px 5px 5px;margin-bottom:0;font-size: 16px;text-align: left;line-height: 20px;border:0;background:none}
#responBoard .kso-blog.view-doc .viewinfo {padding-top:0;}
#responBoard .kso-blog.view-doc .upload-file{text-align:right;font-size: 11px;}

/* view-doc */
#responBoard .view-doc .viewinfo {padding-top:10px;}
#responBoard .view-doc h3.cont-title {padding:15px 15px 12px;margin:0;font-size:14px;text-align:left;line-height:20px;}
#responBoard .view-footer{padding-top:10px;border-top:1px solid #ddd;}
#responBoard .view-footer .foot-navi {margin:10px 0;}
#responBoard .view-signature .media{margin-bottom:20px;} 
#responBoard .view-signature .media .media-body .arrow{position:relative;margin-left:10px;padding:10px 15px;background-color:#eee;}
#responBoard .view-signature .media .media-body .arrow:before
{content:"";position:absolute;top:20px;left:-10px;height:0;border-right: 10px solid;border-top:10px solid rgba(0,0,0,0);border-bottom:10px solid rgba(0,0,0,0);}
#responBoard .view-signature .media .media-body .arrow:before{border-right-color:#eee;}

/* comment */
#responBoard .commentcont .upload-file {text-align:right;padding-bottom:10px;}
#responBoard .commentcont .upload-file a{font-size:11px;}

#responBoard #re_cmt label.checkbox-inline {font-size:12px;}

/* write-form */
.write-form{width: 1400px;}
.write-form label.checkbox-inline,.write-form label.radio-inline{font-size:12px;}
.ap_write {margin: 50px auto !important; padding-bottom: 50px;}

/* bootstrap customize */
/* #responBoard .alert_cover {padding-top: 20px;} */
#responBoard .alert {padding: 10px 15px;border-radius: 2px; }
#responBoard .alert-default {font-size:12px;background-color: #fff;color: #333; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#responBoard .label {padding:.2em .4em .2em;font-size: 9px;border-radius:.2em;}
#responBoard .label-primary {background-color: #EACD4D;}
#responBoard .label-warning {background-color: #E15B50;}
#responBoard .label-danger {background-color: #f0ad4e;}

#responBoard .input-group-addon,#fo_write .form-control,
#responBoard .searchfoot .form-control,#responBoard .search-select .form-control {padding-top:2px;padding-bottom:2px;height:26px;font-size:12px;}
#responBoard textarea.form-control{padding:10px;width:100%;height:auto !important;}
#responBoard .btn:active,#responBoard .btn.active {box-shadow:none;}

#responBoard .nav-pills>li>a>.badge{margin:0;}
#responBoard .badge{padding:1px 3px;font-size:9px;font-family:arial;color:#999;background-color:#fff;}

#responBoard .btn-default {color:#666; border: 1px solid #ced4da; border-radius: 15px; padding: 0 10px; height: 26px !important;}
#responBoard .btn-default:hover {background-color: #ECF3F9;}

.mTop20 {margin-top:20px;}
.mTop40 {margin-top:40px;}


#popup_menu_area{position:absolute;background:#fff;border:1px solid #e9e9e9;border-radius:5px;margin:10px 0;padding:2px 0px;outline:none;}
#popup_menu_area ul{list-style:none;margin:0;padding:0}
#popup_menu_area li{margin:0;line-height:1.5}
#popup_menu_area a{display:block;text-decoration:none;padding:5px 10px;color:#333;}
#popup_menu_area a:hover,
#popup_menu_area a:active,
#popup_menu_area a:focus{background:#efefef;}
.document_popup_menu {text-align:right; padding:10px 0px; display: none;}

.nocolor {color:#999;}
.nocolor a {color:#999;}
.nocolorlist {color:#000;}
.nocolorlist a {color:#000;}
.width30 {width: 30px !important;}
.width50 {width: 50px !important;;}
.width70 {width:70px !important;}
.width90 {width:90px !important;}
.padding10 {padding:10px;}
.paddingb10 {padding:0px 0px 10px 0px;}
.paddingb20 {padding:0px 0px 20px 0px;}
.paddingtb10 {padding:10px 0px;}
.font12 {font-size:12px;}
.font9 {font-size:9px !important;}
.overflow {overflow:hidden;text-overflow:ellipsis;}

table {table-layout:fixed}
.tableuser {white-space:nowrap;overflow:hidden; text-overflow:ellipsis;width:100px; text-align:center;}
.tabledate {width:90px;text-align:center;}
.nowrap {white-space:nowrap;}
.relative {position:relative;}
.paddingLeft80{padding-left: 80px !important;}
.selectextra.videocheckbox {vertical-align:-10px !important;maring:0;padding:0;width:13px;height:13px;}

/* secrit */
.noimgwh {position: relative;width: 100%;height: 0;overflow: hidden; padding-bottom: 56.25%; background-color: #efefef; border-radius: 15px;}	/* padding-bottom:56.25%; : 16:9 프레임 */
.noimgwh .wrap {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.noimgwh .wrap .secret-block{position:relative;margin:30% auto;font-family:'Merriweather Sans', sans-serif;color:#bbb;}

/*
thumbnailover > div >
.nothumbfocus - noimg
thumbnailgrow - wz 
thumbnailcoverinfo - gallery
thumbnailcover - movie
*/
.nothumbfocus,.effect {
	display:block; 
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;opacity:0;
}
.nothumbfocus:hover {background-color:#000;opacity: 0.3;}
.nothumbnail {margin-bottom:10px;}
.nothumbnail .content {width:100%;/*height: 34%;*/overflow:hidden;text-overflow:ellipsis;line-height:149%; display: none;}
/* > div */
.thumbnailover {overflow:hidden;text-overflow:ellipsis;border-radius: 10px; transition: border-radius 0.3s ease;}
.thumbnailover:hover {
    border-top-right-radius: 100px;
}
.thumbnailover .effect span {color: #fff !important;}
.thumbnailover .read,
.thumbnailover .effect { 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); 
}
.thumbnailover:hover .read,
.thumbnailover:hover .effect { 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); 
	opacity: .4;
}
.thumbnailover .read{position:absolute;right:10px;bottom:10px;width:50%;text-align: right;}
.thumbnailover .vote{position:absolute;left:10px;bottom:10px;text-align: left;}
.thumbnailover a {text-decoration:none;}
.thumbnailover a:hover {text-decoration:none;}
.thumbnailover h4{font-size:16px;color:#fff;overflow:hidden;text-overflow:ellipsis;}
.thumbnailover p{font-size:12px;}
.thumbnailover .viewbutton{position:absolute; bottom:0; width:100%;left:50%;margin-left:-50%;padding:10px 0px;}
.thumbnailover svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.thumbnailover:hover svg {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(180deg);
}
/* wz */
.thumbnailgrow img {-webkit-transition: all 700ms;-moz-transition: all 700ms;transition: all 700ms; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.thumbnailgrow:hover img{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
/* movie */
.thumbnailcover {
	position:absolute;left:0;top:0;
	padding:20px; width:100%;height:100%; 
	overflow:hidden;text-overflow:ellipsis; 
	background:rgba(0,0,0,.5); 
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#7f000000);
}
.thumbnailcoverimg {padding:20px;overflow:hidden;text-overflow:ellipsis;}
/* gallery */
.thumbnailcoverinfo {padding:20% 0; position:absolute;left:0;bottom:0px; width:100%;height:100%;color:#fff; background-color:#000;opacity:0;}
.thumbnailcoverinfo h5,.thumbnailcoverinfo p{padding:0;margin:0;width:100%;color:#fff !important;letter-spacing:0!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.thumbnailcoverinfo h5{margin-bottom:5px;}
.thumbnailcoverinfo p.regdate{font-family: 'Merriweather Sans', sans-serif !important;}

.thumbnailimg {display:inline-block; width:auto\9 !important; /* ie8 */ width:auto !important; max-width:100%; min-width:100%; height:100% !important;}
.thumbnailimg.vimeothumb {max-width:100% !important;/* margin-left:-7%;*/}


/* view */
.caption p .btn {margin-top:10px;}
.cardextra {height:20px;margin-top:10px; display: none;}
.cardextrabtn  {position:absolute;right: 6px; bottom: 10px;}
.viewinfo {color:#999 !important;padding:0 0 10px;margin-bottom:0px;border-bottom:1px solid #eee;}
.viewinfo li {font-size:11px;}
.viewinfo a {color:#999 !important;}

.row.extra-row{margin:0 auto;margin-bottom:-1px;border: 1px solid #e4e4e4}
.extra-row [class^="col-"] {
padding-top: 10px;
padding-bottom: 10px;
}
.extra-row .extra-left {background-color: #fafafa}
.extra-row .extra-right {border-left:1px solid #e4e4e4}
.viewbody{padding:20px 10px}

.viewinfoextra a {color:#999 !important;}
.viewtag {color:#999 !important; padding:0px 0px 10px 0px;}
.viewtag a {font-size:12px !important; font-weight:normal !important;}

.viewinfocomment {padding:3px 10px;margin:0;text-align:right;color:#999 !important;background-color:#f8f8f8;}
.viewinfocomment li a.author {font-size:16px;color:#666; font-weight: 600;}
.viewinfocomment li.regdate{font-family:'Merriweather Sans',sans-serif!important;}
.viewinfocomment li {font-size:15px;}
.viewinfocomment li:first-child{padding-left:10px;}
.commentcont {position:relative;padding:10px 0 0;}
.commentcont .re_comment{position:absolute;right:5px;bottom:-20px;font-size:12px;font-family:'Open Sans',sans-serif!important;font-weight:bold;color:#8995B4;text-transform: uppercase;}
.commentcont img {margin:0px 10px 0px 5px;}
#mod_cmt {margin-top:10px;}
#re_cmt {margin-top:10px;}

video {display:inline-block; width:auto\9 !important; /* ie8 */ width:auto !important; max-width:100%; min-width:100%; height:auto !important;}
.video-container {position:relative; overflow:hidden; aspect-ratio: 16 / 9; }
.video-container iframe,.video-container object,.video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.extra .text, .extra .select, .extra .homepage {width: 100%; height: 34px; padding: 6px 12px; font-size: 14px;line-height: 1.428571429; color: #555555; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.extra .text:focus , .extra .select:hover {border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);}
.extra textarea {width: 100%; height:100px; padding: 6px 12px; font-size: 14px;line-height: 1.428571429; color: #555555; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.extra textarea:focus {border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);}
.extra ul {list-style:none; vertical-align:bottom;display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px;line-height: 1.428571429; color: #555555; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; border-radius: 4px; display: flex; justify-content: flex-start; align-items: center;}
.extra li {display:inline; padding-right:10px;  display: flex; justify-content: flex-start; align-items: center;}
.extra label{margin: 0; margin-left: 5px;}
.extra li>input {vertical-align:-2px;margin:0;padding:0;width:13px;height:13px;}


/* ie8 */
.ie8 .form-control {height:26px\9 !important;}
.form-control {height:26px\9 !important;line-height:1.6 !important;}


/* board_list_wrap */
.input-group { position: relative; display: table; border-collapse: separate;}
.board_list_wrap {margin: 5px 0; margin-left: auto; width: fit-content !important; display: flex !important;}
.input-group-btn {width: auto !important;}
#responBoard .searchfoot .form-control{height: 34px!important;}
/* .center-block {width: 100%;} */

h4.gallerytitle {
    white-space : nowrap;
    text-overflow : ellipsis;
    overflow : hidden;
}

.gallerytitle {
    font-size: 19px;
    font-weight: 500;
    margin-top: 20px;
}
.gallery_regdate {
    color: #A8A8A8;
    font-size: 14px;
    letter-spacing: -0.28px;
}
.height70px{height: 70px !important;}

/* Media Query */
@media (max-width: 991px) {
    .title {text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width: 100%; display: block;}
    .title > strong {}
    .custom_date{width:65px; padding:5px 0 !important;}
    .custom_day{font-size:24px;}
    .custom_ym{font-size:14px;}
    .custom_title{font-size:14px; line-height:18px; margin-left:0; display: flex; flex-direction: column; align-items: flex-start; padding: 0 10px;}
    .custom_title > span:first-child{width:auto; line-height:16px; background:none; margin:0; font-weight: normal; font-size: 14px;}
    .custom_title > span:last-child { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width: 100%; }
    .custom_title + small {display: none;}
    #responBoard .table>thead>tr>th, #responBoard .table>tbody>tr>th, #responBoard .table>tfoot>tr>th, #responBoard .table>thead>tr>td, #responBoard .table>tbody>tr>td, #responBoard .table>tfoot>tr>td {padding: 10px 0;}


    #responBoard .table td:last-child input[type="checkbox"] {margin: auto !important;}
    .board_list_wrap {width: 100% !important;}

    .nothumbnail {margin-bottom: 15px;}

    .mobileNumber{width: 30px;}
    .mobileUpload{width: 40px !important;}
    .mobileTitle{width: 100px;}
    .mobileCheck{width: 30px;}
    .paddingLeft80{padding-left: 0px !important;}
    /* .write-form {width:auto !important;} */


}
@media (max-width: 480px) {
.viewdoc img {display:inline-block; width:auto\9 !important; /* ie8 */ width:auto !important; max-width:100%; min-width:100%; height:auto !important;}
.thumbnailimg.vimeothumb {max-width: 100% !important;margin-left: 0%;}
}
@media (max-width: 767px) {.viewdoc img {display:inline-block; width:auto\9 !important; /* ie8 */ width:auto !important; max-width:100%; min-width:100%; height:auto !important;}}
@media (min-width: 768px) and (max-width: 979px) {.viewdoc img {display:inline-block; width:auto\9 !important; /* ie8 */ width:auto !important; max-width:100%; min-width:100%; height:auto !important;}}


/* .sns{position:absolute;top:55px;right:20px;text-align:center; padding:0 !important;}
.sns li{display:inline;vertical-align:top}
.sns a{display:inline-block; height:32px;border:1px solid #e0e0e0;background-color:#f4f4f4; border-radius:2px; padding:0 5px;}
.sns i{font-size:22px;line-height:32px;color:#bcbcbc}
.sns a:hover{border-color:#DECA79;background-color:#f9dc5f;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out}
.sns a:hover {color:#747474;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out} */

.customNav{
    width: 100%;
    height: 52px;
    border: 1px solid #e1e1e1;
    margin-bottom: 100px;
}
.customNav li{width: 398.0155px;  border-radius: 0;}
/* .customNav li{width: 398.0155px;  display: flex; border-radius: 0;} */

.customNav li:nth-child(2){border-right: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1;}
.active{border-radius: 0;}
.customNav li a {height: 52px;}
.selectedNav{
    background-color: #666666;
    color: white;
    font-weight: 800;
}

.colorBgHover:hover{
    color:black
}

.page-nav-btn {
    text-align: center !important;
    display: flex !important;
    justify-content: center !important; 
    align-items: center !important; 
    font-size:18px !important; 
    font-weight: 600 !important;
}

@media (max-width: 380px) {
    #responBoard .galleryinfobox {
        margin-bottom: 35px;
    }
    .itemBox {
        padding: 0 10px !important;
    }
    .page-nav-btn {
        font-weight: 500 !important;
    }
    .gallerytitle {
        font-size: 16px;
        margin-top: 10px;
    }
}

/* 커스텀 */
/* search */
.search_top {
    display: flex;
    justify-content: end;
    margin-bottom: 20px;
}
.search_top .board_list_wrap {
    width: 400px !important;
    height: 56px;
    border-radius: 28px;
    background-color: #ECF3F9;
    overflow: hidden;
}
.search_top .form-control,
.search_top .form-control:focus {
    font-size: 14px !important;
    background-color: #ECF3F9;
    border: none;
    padding-left: 20px;
    box-shadow: none;
}
#responBoard .search_top .btn-default {
    border: none;
    height: 100% !important;
}
#responBoard .search_top .btn-default i {
    font-size: 22px;
    padding-right: 20px;
}
.total-mum {
    display: flex;
    gap: 10px;
}
.total-mum * {
    font-size: 19px;
    font-weight: 700;
    line-height: 1;
}
.total-mum h3 {
    color: #333;
}
.total-mum p {
    color: #FAAF56;
}

/* 상세보기 */
#responBoard .xe_content a {
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)) !important;
}
.xe_content {
    font-size: 16px !important;
}
#responBoard #comments .media-list .media-body .reply-body {
    padding: 20px 10px;
}

/* 글쓰기 폼 */
.board_table {
    width: 100%;
    font-size: 16px;
    border-top: 2px solid #333;
    margin-bottom: 10px;
    margin: 120px 0 10px 0;
}
.board_table tbody th {
    width: 10%;
    height: 60px;
    background-color: #f2f2f2;
    border-bottom: 1px solid #d9d9d9;
    padding: 10px;
}
.board_table tbody td {
    border-bottom: 1px solid #d9d9d9;
    padding: 10px;
}
.extra .text {
    height: 40px;
}
.write-form label.checkbox-inline, .write-form label.radio-inline {
    font-size: 16px;
    margin-right: 5px;
}

/* 리스트 게시판 */
#responBoard th {
    height: 80px;
}
#responBoard td {
    height: 100px;
    transition: all 0.2s ease;
}
.table {
    --bs-table-hover-bg: #ECF3F9 !important;
}
#responBoard .width120 {
    width: 120px;
}
#responBoard .width150 {
    width: 150px;
}
#responBoard td a {
    color: #666;
    font-size: 16px;
    font-weight: 600;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
#responBoard a.title {
    font-size: 19px;
    font-weight: 700;
    width: 100%;
    display: inline-block;
    padding-top: 13px;
    line-height: 63px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#responBoard .new_icon {
    color: #fff;
    font-weight: 800;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    background-color: #FAAF56;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 3px;
}

#responBoard .collapse.in {
    display: block;
    visibility: visible;
}

/* 모바일 변경 */
#responBoard .pc_list {
    display: block;
}
#responBoard .m_list {
    display: none;
}

/* 아코디언 메뉴 */
.pc_list .accordion {
    border-top: 3px solid #333;
}
.pc_list .accordion .accordion-button {
    background-color: #fff;
    padding: 38px 45px;
    border-bottom: 1px solid #E4E4E4;
}
.pc_list .accordion .accordion-button:focus {
    box-shadow: none;
}
.pc_list .accordion .accordion-button * {
    color: #333;
    letter-spacing: -0.38px;
}
.pc_list .accordion .accordion-button p {
    font-size: 16px;
    font-weight: 600;
    margin-right: 50px;
}
.pc_list .accordion .accordion-button h5 {
    font-size: 19px;
    font-weight: 700;
}
.pc_list .accordion .accordion-body {
    background-color: #FAFAFA;
    padding: 35px 45px;
}
.pc_list .accordion .accordion-body * {
    color: #666 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    font-family: 'Pretendard', sans-serif !important;
}
.pc_list .accordion .btn-box {
    display: flex;
    justify-content: end;
    gap: 15px;
}
.content-widte-box textarea {
    height: 400px !important;
    resize: none;
    border: 1px solid #cccccc;
}
.content-widte-box textarea:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}


@media screen and (max-width: 1400px) {
    #responBoard {
        width: 100%;
        padding: 100px 1.5rem;
    }
    .write-form {
        width: 95%;
    }
}

@media screen and (max-width: 1024px) {
    #responBoard th, #responBoard td {
        height: 66px;
    }
    #responBoard .table>tbody>tr>td {
        padding: 0;
    }
    /* #responBoard a.title {
        text-align: center;
    } */
    #responBoard #masonry-container > div {
        width: 50%;
    }
}

@media screen and (max-width: 768px) {
    #responBoard {
        width: 95%;
        padding: 50px 0;
    }
    .search_top {
        margin-bottom: 15px;
    }
    .search_top .board_list_wrap {
        height: 45px;
    }

    /* 아코디언 메뉴 */
    .pc_list .accordion {
        border-top: 1px solid #E4E4E4;
    }
    .pc_list .accordion .accordion-button {
        padding: 30px 25px ;
    }
    .pc_list .accordion .accordion-button p {
        font-size: 15px;
        margin-right: 10px;
    }
    .pc_list .accordion .accordion-button h5 {
        font-size: 17px;
    }
    .pc_list .accordion .accordion-body {
        padding: 30px 25px;
    }
}

@media screen and (max-width: 574px) {
    #responBoard {
        margin-top: 30px;
    }
    .search_top form {
        width: 100%;
    }
    .search_top .board_list_wrap {
        width: 100% !important;
    }
    .sub5_1_summary {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .search_top .board_list_wrap {
        height: 40px;
    }
    #responBoard {
        padding: 0 10px 30px 10px;
    }
    #responBoard .thumbnail {
        padding: 0;
    }
    #responBoard .search_top .btn-default i {
        font-size: 18px;
        padding-right: 0;
    }
    #responBoard #masonry-container > div {
        width: 100%;
    }
    #responBoard a.title {
        font-size: 16px;
    }
    #responBoard .m_list {
        display: block;
    }

    .total-mum {
        display: none;
    }

    #responBoard .m_list a {
        display: block;
        padding: 20px 0;
        border-bottom: 1px solid #DFDFDF;
        margin-top: 5px;
    }
    #responBoard .m_list a:last-child {
        margin-bottom: 15px;
    }
    #responBoard .m_list .title {
        color: #333;
        font-size: 17px;
        margin-bottom: 5px;
        display: flex;
        align-items: center;
        text-overflow: unset;
        white-space: normal;
        overflow: unset;
    }
    #responBoard .m_list .date {
        color: #929292;
        font-size: 14px;
    }
    #responBoard .new_icon {
        width: 15px;
        height: 15px;
        font-size: 11px;
        line-height: 11px;
    }
    #responBoard .search_top .btn-default {
        padding: 0 18px !important;
    }

    /* 글작성 폼 */
    .board_table {
        margin-top: 50px;
    }
    .board_table tbody th {
        width: 20%;
    }

    /* 댓글 */
    #responBoard #comments .media-list, #reply {
        margin-bottom: 0;
    }
    #responBoard #comments .media-list .media-body .reply-body {
        margin-left: 0;
        padding: 10px;
    }
    #responBoard #comments .media-list .media-body .reply-body:before {
        display: none;
    }
    #responBoard .btn-default {
        padding: 0 8px !important;
    }
    .bd_wrt {
        margin-bottom: 25px;
    }

    /* 아코디언 메뉴 */
    .pc_list .accordion .accordion-button {
        padding: 20px 5px;
    }
    .pc_list .accordion .accordion-button p {
        color: #929292;
        font-size: 13px;
        margin-right: 15px;
    }
    .pc_list .accordion .accordion-button h5 {
        font-size: 15px;
        padding-right: 15px;
    }
    .pc_list .accordion .accordion-body {
        padding: 20px 15px;
    }
    .pc_list .accordion .accordion-body * {
        font-size: 14px !important;
    }
    .pc_list .accordion-button::after {
        background-size: 16px;
    }
}
/* /커스텀 */