/* color:#433e3c, th_bg:#f6f7f8, tr_bg:#f7f7f7 */

#table_gray_photo { padding:0; margin:0; width:100%; }
#table_gray_photo:after { content:""; display:block; clear:both; }
	#table_gray_photo li { 
		float:left; 
		list-style:none; 
		padding:10px;
		max-width:25%; min-width:100px; 
	}

	@media screen and (max-width:991px){
		#table_gray_photo li{
		max-width:50%;
		}
	}
	@media screen and (max-width:500px){
		#table_gray_photo li{
		max-width:100%;
		}
	}
	#table_gray_photo li .bo { 		 
		border:1px solid #dee2e6;
	}
	#table_gray_photo li .bo a img { 		 
		transition: all 0.3s ease-in-out;

	}
	#table_gray_photo li .bo a img:hover { 		 
		transform: scale(1.2);
		
	}
	#table_gray_photox li:last-child { margin-right:0; }

	#table_gray_photo li img { width:100%; }
	#table_gray_photo li .title { padding:10px; font-size:18px; letter-spacing:0.27px; color:#3a4468; }
	#table_gray_photo li .date { font-size:14px; color:#b5b5b5; padding:10px 0; }


#table_gray_page {padding:20px 10px; }
#table_gray_page .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #8e8e91;
    border-color: #8e8e91;
}

#table_gray_page .page-link {
    color: #888888;
}


#table_gray_btn .btn-outline-secondary {
    color: #888888;
    background-color: #fff;
    background-image: none;
    border-color: #dee2e6;
}

#table_gray_btn .btn-outline-secondary:hover {
	color: #fff;
    background-color: #8e8e91;
	border-color: #8e8e91;
}

#table_gray_search .form-control {
	border:1px solid #dee2e6;
	box-shadow:none;
}

#table_gray_search #sword { width:370px; height:44px; border-radius:3px; font-size:16px; font-family:payboocM; letter-spacing:0px; color:#8a8e97; }
#table_gray_search #sword::placeholder { color:#b5b5b5; }
	#table_gray_search .info { vertical-align:bottom; line-height:0; color:#b5b5b5; font-size:0.9em; }
	#table_gray_search #btn_search_submit { cursor:pointer;display:inline;margin-left:-25px; }
/*20210108_최동준 */
@media screen and (max-width:447px){
	#table_gray_search #sword{width:70%; margin-left:27%;}
}

    .btn-sm-navy{
        color:#fff !important;
        background:#3A4468;
        border:1px solid #3A4468;
        font-size:18px;
        padding:12px 30px 11px 30px !important;
        letter-spacing:0.27px;
        font-family:payboocM;
        padding:0;
        transition:all 0.7s;
    }
    .btn-sm-navy:hover, .btn-sm-navy:focus{
        color:#3A4468 !important;
        background:#fff;
    }
    .btn-sm-out-navy{
        color:#3A4468 !important;
        background:#fff;
        border:1px solid #3A4468;
        font-size:18px;
        padding:12px 30px 11px 30px !important;
        letter-spacing:0.27px;
        font-family:payboocM;
        padding:0;
        margin-left:5px !important;
        transition:all 0.7s;
    }
	/*20210108_최동준 add*/
	@media screen and (max-width:991px){
		.btn-sm-out-navy, .btn-sm-navy{
				font-size:15px;
				padding:12px 25px 11px 25px !important;
		}
	}
	@media screen and (max-width:767px){
		.btn-sm-out-navy, .btn-sm-navy{
				font-size:13px;
				padding:12px 20px 11px 20px !important;
		}
	}
	@media screen and (max-width:500px){
		.btn-sm-out-navy, .btn-sm-navy{
				font-size:12px;
				padding:10px 15px !important;
		}
	}
    .btn-sm-out-navy:hover, .btn-sm-out-navy:focus{
        color:#fff !important;
        background:#3A4468;
    }
 
/* color:#433e3c, th_bg:#f6f7f8, tr_bg:#f7f7f7 */
#table_gray_write{
    padding:70px 106px;
    background:#F6FAFC;
}
@media screen and (max-width: 991px){
	#table_gray_write{
		padding: 40px 15px;
		}
}
#table_gray_write .form-group label {
	color:#3A4468;
    font-family:payboocB;
    font-size:17px;
}

#table_gray_write input.form-control {
	height:40px;
	border:1px solid #dee2e6;
	box-shadow:none !important;
}

#table_gray_write textarea.form-control {
	border:1px solid #dee2e6;
	box-shadow:none !important;
}


#table_gray_btn .btn-outline-secondary {
    color: #888888;
    background-color: #fff;
    background-image: none;
    border-color: #dee2e6;
}

#table_gray_btn .btn-outline-secondary:hover {
	color: #fff;
    background-color: #8e8e91;
	border-color: #8e8e91;
}



/* color:#433e3c, th_bg:#f6f7f8, tr_bg:#f7f7f7 */

#table_gray_view .view_title {
	padding:20px;
    background-color:#F4FAFF;
    border-top:2px solid #3A4468;
}
.view_title{
    font-size:20px;
    letter-spacing:0.3px;
    font-family:payboocB;
    color:#3A4468;
}

#table_gray_view .vinfo {
	color:#888;
	font-size:0.6em;
}
.vinfo{
    font-size:14px;
    letter-spacing:0.21px;
    font-family:payboocM;
    color:#3A4468;
}

#table_gray_view .view_content {
	color:#303030;
	padding:40px 20px;
}
.view_content > p{
    font-family:payboocM; 
    font-size:16px; 
    letter-spacing:0.24px; 
    color:#586171;
}

/*
	20240903_c add css st
*/
	.view_content > p > img{
		width:100%;
		height:auto;
	}
/*
	20240903_c add css end
*/
#table_gray_view .view_file {
	/*color:#303030;
	padding:10px 20px;
	border-top:1px solid #dee2e6;
	border-bottom:1px solid #dee2e6; 20210112_c replace*/
	color:#303030;
	/*padding:10px 20px; 20210112_c*/
	border-top:1px solid #dee2e6;
	/*border-bottom:1px solid #dee2e6; 20210112_c*/
	/*20210112_c add*/
	padding-left:20px;
	height:0; line-height:54px;
}

#table_gray_bottom_btn { margin-top:50px; }

#table_gray_bottom_btn .btn-outline-secondary {
    color: #888888;
    background-color: #fff;
    background-image: none;
    border-color: #dee2e6;
}

#table_gray_bottom_btn .btn-outline-secondary:hover {
	color: #fff;
    background-color: #8e8e91;
	border-color: #8e8e91;
}

.photo-size {
	max-width: 100%;
	height: 191px;

}
.over-hidd {
	overflow: hidden;
}

.photo-view-size {
	max-width: 900px;
	width: 100%;
	height: auto;
}
/*20210108_최동준 add*/
@media screen and (max-width:575px){
	.view-top-btn{
		text-align:left;
		}
	.view-bottom-btn{
		margin-top:0px;
		text-align:right;
		}
	.view-bottom-btn > div{
		float:none !important;
		}
}