@charset "utf-8";

/* View */
.view-wrap .img-photo i { background: rgb(245, 245, 245); padding: 16px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(143, 143, 143); font-size: 40px; display: inline-block; }
.view-wrap .img-photo img { border-radius: 50%; width: 80px !important; height: 80px !important; display:inline-block; }
.view-wrap .img-resize img { max-width:100%; height:auto; }
.view-wrap .no-attach { border:0px; padding:0; margin-top:0;}

.view-wrap h1 { font-size: 22px; font-weight:bold; margin:0px; line-height:normal; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; padding:0 0 0 0; color: rgb(59, 62, 67); letter-spacing:-1px; }
.view-wrap h1 span.talker-photo { margin-bottom:10px; margin-right:10px; }
.view-head { border-left:0px; border-right:0px; border:none; padding:0;}
.view-head .sp { display:inline-block; width:20px; text-align:center; font-size:11px; color:#888; }
.view-head .list-group-item { padding:5px 15px; border-style:dotted; }
.view-tag { margin:10px 0px; padding:0px; color:#888; }
.view-tag a { color:#888; }
.view-tag a:hover { color:crimson; }
.view-cnt { margin-top:4px; }
.view-img img { display:block;margin:20px auto; border:0; height:auto; }
.view-content { padding:0px;  font-size:16px; line-height:26px; text-align:center;}
.view-mobile .view-content { padding:0px 0px 20px; }
.view-content img { width:auto; height:auto; max-width:100%; }
.view-content p { padding:0; margin:0; line-height:26px; font-size:16px;}
.view-good-box { text-align:center; }
.view-good-box span { margin:15px 6px; width:80px; height:80px; display:inline-block; }
.view-good-box a { background: rgb(245, 245, 245); padding-top:14px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(51, 51, 51); font-size: 22px; line-height:26px; display: inline-block; }
.view-good-box .view-good a:hover { background: rgb(223, 17, 25); color: rgb(255, 255, 255); }
.view-good-box .view-nogood a:hover { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.view-author .auth-photo { width:160px; padding-right:15px; }
.view-comment { color: rgb(51, 51, 51); font-family: "Roboto", sans-serif; margin: 0px 0px 10px; padding: 0px 0px 5px; text-transform: capitalize; overflow: hidden; font-size: 20px; font-weight: 500; border-bottom-color: rgb(51, 51, 51); border-bottom-width: 1px; border-bottom-style: solid; display: inline-block; position: relative; }

#bo_v_sns {margin:4px 0 15px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;margin:0 5px 0 0}

@media screen and (max-width:991px){
	.view-content p{font-size:14px;}
}




/* Comment */
.comment-media { }
.comment-media .photo i { background: rgb(245, 245, 245); padding: 15px; border-radius: 50%; width: 64px; height: 64px; text-align: center; color: rgb(143, 143, 143); font-size: 30px; display: inline-block; }
.comment-media .photo img { border-radius: 50%; width: 64px !important; height: 64px !important; display:inline-block; }
.view-mobile .comment-media .photo i { padding: 10px; width: 54px; height: 54px; }
.view-mobile .comment-media .photo img { width: 54px !important; height: 54px !important; }

.comment-media .media { border-top:1px solid #eee; margin:7px 0px; padding:7px 0px 0px; }
.comment-media :first-child.media { border-top:0px; margin-top:0px; padding-top:0px; }
.comment-media h5 { margin:2px 0px; line-height: 22px; }
.comment-media .media .media-body { padding-left:0px; }
.comment-media .media .media-info { margin-left:10px; }
.comment-media .media .media-content { margin-top:8px; }
.comment-media .media .media-btn {	margin-left:4px; }
.comment-media .cmt-good-btn { text-align:right; padding-right:1px; }
.comment-media .cmt-good, .comment-media .cmt-nogood { display:inline-block; width:74px; height:20px; margin-top:10px; padding-right:10px; margin-right:-1px; font:bold 11px verdana; text-align:right; letter-spacing:-1px; line-height:19px; cursor:pointer; }
.comment-media .cmt-good { background: url('./img/cmt_good.gif') no-repeat left center; color:#f4695b; }
.comment-media .cmt-nogood { background: url('./img/cmt_nogood.gif') no-repeat left center; color:#888; }

#bo_vc_opt ol {	margin:0;padding:0;list-style:none;zoom:1; }
#bo_vc_opt ol:after { display:block;visibility:hidden;clear:both;content:""; }
#bo_vc_opt ol li { float:left;margin:0; }
#bo_vc_send_sns ul { margin:0;padding:0;list-style:none;zoom:1; }
#bo_vc_send_sns ul:after { display:block;visibility:hidden;clear:both;content:""; }
#bo_vc_send_sns ul li {	float:left;margin:0 0 0 20px; }
#bo_vc_send_sns input {	margin:0 0 0 5px; }

@media all and (max-width:460px) {
	.responsive .view-wrap h1 { text-overflow:clip; overflow:none; white-space:normal;/*  line-height: 24px; font-size: 18px; margin-bottom:16px;  */}
	.responsive .view-wrap h1 .photo { display:none; }
	.responsive .view-author .auth-photo { float:none; width:100%; padding-right:0px; }
}


	/*타이틀 */
	.con1 .inner {padding:0;}
	.panel .panel-heading {background-color:transparent !important;border:0;padding:0;}

	@media screen and (max-width:767px){
	.con1 .title_txt{padding:25px 10px; text-align:center;margin-bottom:15px;}
	.con1 .title_txt h1{font-size:24px;margin:0 0 5px;}
	.con1 .title_txt h4 {font-size: 14px; margin-bottom:0;}
	}

	@media screen and (max-width:991px){
	.con1 .title_txt { margin-top: 50px;}
	}

	/*서브타이틀*/
	.sub-title {margin: 0 auto; }

	@media screen and (max-width:991px){
		.sub-title{flex-direction: column;    width: 100%;}
		
		.view-content { font-size: 14px;}
	}
	@media screen and (max-width:767px){
	
	}


	/* 서브 타이틀 */
	.table-responsive {border:0;}
	.at-container .table-responsive{max-width:100% !important;}
	.con1 .inner {padding:0;}
	.board-nav{background:url("/img/metech_ps/ps_title01_4.jpg") no-repeat center / cover; }
	.board-nav > .page-nav {display:none;}
	.con1 .title_txt{padding:40px 0 40px 60px; line-height:1.4;margin-bottom:30px;margin-top:160px;}	
	.con1 .title_txt h1{ letter-spacing: -1px;margin-top:0; font-weight: bold; color:#fff; margin-bottom:25px;}
	.con1 .title_txt h4{color:#fff; font-size: 20px; font-weight: normal;}

	.div-title-underbar {letter-spacing: -1px;padding:80px 0 80px 60px;border-bottom:0;margin-top:150px;}
	.div-title-underbar span {border-bottom:0; line-height: 1.1; font-size: 36px; padding: 0; font-weight: bold; color: #fff; margin: 0 auto;}
	.div-title-underbar p {color:#fff; font-size: 20px; font-weight: normal;margin:10px 0 0 0;}

	.at-ie-zone {height:100vh;}

	@media screen and (max-width:1200px){
	.btn-group>.btn, .btn-group-vertical>.btn {padding:10px 20px;}
	}

	@media screen and (max-width:991px){
		.div-title-underbar { margin-top: 50px; }
		.div-title-underbar span {font-size:24px;}
		.div-title-underbar p {font-size:14px;}
		.view-wrap .panel { width: 100%; background-color: #efefef; padding: 6px 10px;}
		.div-title-underbar{padding:40px 0 40px 60px;}
	}
	@media screen and (max-width:767px){
		.view-wrap .panel { margin:0 auto 10px;}
		.view-img img { width:100%; }
		.div-title-underbar {padding-left:0;text-align: center;}
		.div-table.table > thead > tr{ font-size: 14px;}
		.div-table.table > tbody > tr > td { font-size:14px;}
		.list-pc .list-tbl th, .list-pc .list-tbl td {padding: 15px 5px;width:70px; }
		.list-pc .list-subject a {overflow:hidden; text-overflow:ellipsis; white-space:nowrap !important; width:120px;}
		.list-btn-box {display: flex; justify-content: center;}
		.responsive .list-btn {margin:initial;}
		.btn-group>.btn, .btn-group-vertical>.btn {padding:6px 10px;}
		.pagination-sm>li>a, .pagination-sm>li>span {padding:2px 10px;}
		.responsive .view-btn i{line-height: 23px;}
	}
	
	.ie-zone{padding-left:0 !important; padding-right:0 !important;}
	.at-body .at-boxed.at-container {padding:0 10px;}

	.panel>.list-group:last-child .list-group-item:last-child{border-bottom:1px dotted #ddd;}



	/* 240925 */
	.sub-title {margin: 0 auto; padding-bottom:30px; border-bottom:1px solid #ddd;}
	.sub-title p {margin-top: 10px; color:#767676;}
	.view-wrap h1 {color:#333; font-size:26px; ;word-break: keep-all; font-weight:700;}
	.link-wrap, .view-img, .view-content {margin-top: 30px;}
	.view-content {margin-bottom: 30px; font-size:17px;}

	.link-wrap {    background: rgba(215, 221, 229, .7); border-radius: 12px; padding: 5px 15px;}
	.link-wrap .list-group {margin-bottom: 0;}

	.link-wrap .list-group-item {background-color:inherit;border: none; padding: 10px 0;}
	.link-wrap span {display:none;}

	.link-wrap a.list-group-item:hover, .link-wrap a.list-group-item:focus {background-color: inherit;}

	.sub-left {float:left; width: calc(100% - 140px);}
	.sub-right, .view-wrap h1 {width: 100%; float:left; text-align:left;}

	@media (max-width:991px) {
		.view-wrap h1  {font-size:20px;}
		.sub-title {padding-bottom: 15px;}
	}