/* 게시판 공통 CSS */
.board-wrap {margin: 0 auto; max-width:1800px; width: 100%; padding: 7.5em 0}
.board-wrap--view,
.board-wrap--write {font-size: 14px;}
@media(max-width:1840px){
    .board-wrap {padding-right: 4%; padding-left: 4%;}
}

.adm-msg {margin-top: 0.5em; font-weight: 600; color: #ff0000;}

.board-sch {text-align:right;}
.board-sch__form {display: inline-flex;}
.board-sch__input {padding:0.5em 2.8em 0.5em 0.5em; display: block; border:1px solid var(--main-gray)}
.board-sch__input--select {border-right:none; padding-right: 0.5em;}
.board-sch__enter {position: relative; display: flex;}
.board-sch__submit {position: absolute; top: 50%; transform:translateY(-50%); right: 1em;}

.view-int {padding:1.5em 1em ; border-top:2px solid var(--main-black); border-bottom:1px solid var(--main-gray)}
.view-int__tit {font-size: 1.25em; font-weight: 700;}
.view-int__cate {margin-right: 0.5em; font-weight: 600;}
.view-int__list {margin-top: 1em;}
.view-int__list--info {display: flex; flex-wrap: wrap; align-items: center;}
.view-int__list--info .view-int__item {margin-right: 1em; display: flex; align-items: center;}
.view-int__list--info .view-int__item:last-child {margin-right: 0;}
.view-int__list--attach .view-int__item {margin-bottom: 0.25em;}
.view-int__list--attach .view-int__item:last-child {margin-bottom: 0;}
.view-int__btn {display: inline-block; transition: .15s ease-in-out all;}
@media(hover:hover){
	.view-int__btn:hover {color: var(--main-color);}
}

.board-cate__list {display: flex;}
.board-cate__item {flex:1;}
/*.board-cate__item--all {display: none;}*/
.board-cate__btn {display: flex; justify-content: center; align-items: center; padding:1em 0.5em; height: 100%; text-align: center; border-bottom:2px solid var(--main-gray); transition: .15s ease-in-out all;}
@media(hover:hover){
    .board-cate__btn:hover {color: var(--main-color); border-color:var(--main-color)}
}
.board-cate__btn.on {color: var(--main-color); border-color:var(--main-color)}

.board-ctrl {margin-top: 1.5em; display: flex; justify-content: flex-end;}
.board-ctrl--write {justify-content: center;}
.board-ctrl__btn {margin-right: 0.25em; padding:0.5em 1em; display: inline-flex; justify-content: center; align-items: center; background-color: #fff; border:1px solid var(--main-gray); text-align: center; font-size: 14px; transition: .15s ease-in-out all;}
.board-ctrl__btn:last-child {margin-right: 0;}
.board-ctrl__btn--write {background-color: var(--main-color); border-color:var(--main-color)}
.board-ctrl__btn--write,
.board-ctrl__btn--write:link,
.board-ctrl__btn--write:visited {color: #fff; }
@media(hover:hover){
	.board-ctrl__btn:hover {background-color: var(--main-black); border-color:var(--main-black); color: #fff;}
	.board-ctrl__btn--write:hover {background-color: var(--main-color); border-color:var(--main-color); opacity: 0.75;}
}

.view-navi__list {border-top: 1px solid var(--main-gray)}
.view-navi__item {display: flex; align-items: center; border-bottom: 1px solid var(--main-gray); font-size: 0.16rem;}
.view-navi__cate {margin-right: 1em; display: inline-block; width: 8em; text-align: center; border-right:1px solid var(--main-gray)}
.view-navi__link {padding:1em; display: block; flex:1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition:.5s ease all; }
.view-navi__link--empty {opacity: 0.5;}
@media(hover:hover){
	.view-navi__link:not(.view-navi__link--empty):hover {background-color: var(--main-color); color: #fff;}
}

/* write.php */
.guest_table{border-collapse:collapse;padding:0; border-spacing:0px; border-spacing:0;table-layout:fixed; width:100%;  background:#FFF;border:1px solid #e8e8e8; margin-top:10px;}
.guest_table th{text-align:left; padding: 16px 0 16px 20px;font:normal 9pt/30px; border-bottom:1px solid #e8e8e8;}
.guest_table td{text-align:left; border-bottom:1px solid #e8e8e8; padding:4px 15px 4px 4px;}

#variableFiles td{border:0;border-collapse:collapse;padding:0; border-spacing:0px; border-spacing:0;}

.option_table{border-collapse:collapse;padding:0; border-spacing:0px; border-spacing:0;table-layout:fixed; width:100%;  border:1px solid #e8e8e8; }
.option_table th{text-align:left; font:normal 9pt/30px; border-bottom:1px solid #e8e8e8;padding: 16px 0 16px 20px;}
.option_table td{text-align:left; border-bottom:1px solid #e8e8e8; padding:4px 15px 4px 4px;}

.info_signature			{padding:10px; border:1px solid #e8e8e8; background:#fafafa; }

/* view.php info_scrap info_trackback */

.if_frame		{width:100%;  height:480px;display:block; /*border-bottom:2px solid #555;*/margin-top:17px;}
.if_left		{width:75%; height:480px;float:left;}
.if_right		{width:20%; float:right; margin-left:16px; height:470px; /*border-bottom:1px solid #e8e8e8;*/}
.if_right div {margin-bottom:7px; border-bottom:1px solid #e8e8e8;}
.if_right div a {text-decoration:none;}
.if_txt	{font-size:18px;  font-weight:bold; padding:18px 0 6px 8px;}

.movie_box{padding:10px; text-align:center;}
.view-image{text-align:center; /*pointer-events: none; a태그 클릭 비활성화*/}
.view-image img{ max-width:100%; height:auto;}
#writeContents{word-break:break-all; min-height:100px;}
/*#writeContents{word-break:break-all; padding:10px; min-height:100px;}*/


#bo_v_con {word-break:break-all;}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}


.board-tabnavi .board-tabnavi__title {position:absolute;font-size:0;line-height:0;overflow:hidden}
.board-tabnavi .board-tabnavi__menu {display: flex;}
.board-tabnavi .board-tabnavi__menulist {flex:1 auto;}
/*.board-tabnavi .board-tabnavi__menulist--all {display: none;}*/
.board-tabnavi .board-tabnavi__link {display: inline-flex; width: 100%; height: 0.5rem; justify-content:center; align-items:center; text-align: center; border:1px solid var(--main-gray); border-right:1px solid transparent; transition:.5s ease all;}
.board-tabnavi .board-tabnavi__menulist:last-of-type .board-tabnavi__link {border-right:1px solid var(--main-gray);}
.board-tabnavi .board-tabnavi__link--active,
.board-tabnavi .board-tabnavi__link:active,
.board-tabnavi .board-tabnavi__link:focus {background-color: var(--main-color); color: #fff; border:1px solid var(--main-color);}
@media(hover:hover){
	.board-tabnavi .board-tabnavi__link:hover {background-color: var(--main-color); color: #fff; border:1px solid var(--main-color);}
}
.board-tabnavi .mixitup-control-active {background-color: var(--main-color); color: #fff; border:1px solid var(--main-color);}


/* view_comment.skin.php */

/* 게시판 댓글 */
.cmt_btn{background:url('./img/cmt_btn.png') no-repeat 85px 8px;text-align:left ;width:100% ;border:0;font-weight:bold;font-size:1.25em;margin: 30px 0 0px;padding:0  0 10px }
.cmt_btn_op{background:url('./img/cmt_btn.png') no-repeat 85px  -23px}
#bo_vc {}
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc article {margin:20px 0;position:relative}
#bo_vc article .profile_img img{border-radius:50%}
#bo_vc header {}
#bo_vc header:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo{float:right;font-style:italic;color:#777; font-size:11px;}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc .cmt_contents {padding:15px  ;margin:10px 0 0;background: #f8fafb;border-radius:5px;border: 1px solid #e8e8e8;line-height:1.8em}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:underline;color:#ed6479}
#bo_vc_empty {margin:0;padding:80px 0 !important;color:#777;text-align:center}
#bo_vc #bo_vc_winfo {float:left}

.bo_vc_act {text-align:right;margin:0;list-style:none;zoom:1}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {display:inline-block;}
.bo_vc_act li a{padding:0 5px;line-height:23px}

.bo_vc_w {position:relative;margin:10px 0;display:block;}
.bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.bo_vc_w #char_cnt {display:block;margin:0 0 5px}
.bo_vc_w textarea{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:120px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);}
#wr_secret{}
.bo_vc_w_info{margin:10px 0;float:left}
.bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w_info .frm_input{float:left;margin-right:5px}
.bo_vc_w_info #captcha{padding-top:10px;display:block;clear:both}
.bo_vc_w .btn_confirm{float:right;margin-top:10px}
.bo_vc_w .btn_confirm label{display:inline-block;margin-right:10px;border-radius:3px;font-size:1.5em;text-align:center;}
.bo_vc_w .btn_submit{height:45px;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em;}
.bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""}

#bo_vc_send_sns{display:inline-block;float:left}
#bo_vc_sns {display:inline-block;margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 5px 0 0}
#bo_vc_sns .sns_li_f{border-radius:3px;background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_t{border-radius:3px;background:#00aced;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_off{background:#bbb}
#bo_vc_sns a{display:inline-block;padding:0 15px 0 5px;}
#bo_vc_sns input {margin:0 5px 0 0 }



table.tb_order			{width:100%; border-collapse:collapse; padding:0; margin:0;}
table.tb_order th, table.tb_order td		{padding:10px; border:1px solid #d7d7d7; text-align:left;}
table.tb_order th		{
padding: 10px 0 10px 20px;
width: 15%;
text-align: left;
border-bottom: 1px solid #d9d9d9;
background: #f7f7f7;
}
/* 이전글, 다음글1 시작*/
.table-view-nav{border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;margin-top:20px;margin-bottom:20px;}
.table-view-nav li {line-height:1.1;}
.table-view-nav li + li {border-top:1px solid #e8e8e8;}
.table-view-nav li a{display:block;padding:16px 0;position:relative;}
.table-view-nav li a .nav-title{display:inline-block;max-width:100%;position:relative;box-sizing:border-box;vertical-align:middle;}
.table-view-nav li a .nav-title > span {display:block; max-width:100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.table-view-nav li  em{color:#222;font-size:14px;line-height:1.1;font-weight:700;}
.table-view-nav li .next{padding-left:127px; padding-right:15px;}
.table-view-nav li .next > em{position:absolute;top:50%;left:20px;margin-top:-7px;}
.table-view-nav li .next > em:after{content:"";display:block;position: absolute;top:0;left:97px;width:1px;height:13px;background-color:#bbb;}
.table-view-nav li .next > em > i {margin-right:13px; color:#999;  display: inline-block; vertical-align: middle;}
.table-view-nav li .next .nav-title{padding-right:20px;}
.table-view-nav li .next .nav-title.one-ico{padding-right:30px;}
.table-view-nav li .next .nav-title.two-ico{padding-right:50px;}
.table-view-nav li .next .nav-title.three-ico{padding-right:50px;}
.table-view-nav li .prev{padding-left:127px; padding-right:15px;}
.table-view-nav li .prev > em{position:absolute;top:50%;left:20px;margin-top:-7px;}
.table-view-nav li .prev > em:after{content:"";display:block;position: absolute;top:0;left:97px;width:1px;height:13px;background-color:#bbb;}
.table-view-nav li .prev > em > i {margin-right:13px; color:#999;  display: inline-block; vertical-align: middle;}
.table-view-nav li .prev .nav-title{padding-right:20px;}
.table-view-nav li .prev .nav-title.one-ico{padding-right:30px;}
.table-view-nav li .prev .nav-title.two-ico{padding-right:50px;}
.table-view-nav li .prev .nav-title.three-ico{padding-right:50px;}
.table-view-nav li .nav-title .ico-set {position: absolute; right: 0; top: -2px;}
/* 이전글, 다음글1 끝*/

/* 이전글, 다음글2 시작*/
.view_btn_ne_pr							{border-top:1px solid #333; margin-top:20px; padding-top:5px; padding-bottom:5px; background:url('/img/view_bar.png') no-repeat center 50%;}
.view_btn_ne_pr:after				{width:100%; display:block; clear:both; content:'';}
.vb_pre			{float:left; width:48%; padding:10px 0;}
.vb_nex			{float:right; width:48%; text-align:right; padding:10px 0; font-size:15px;}
.vb_pre span			{display:inline-block; border-right:1px solid #eee; margin-right:15px; padding-right:20px; height:13px; line-height:13px}
.vb_nex span			{display:inline-block; border-left:1px solid #eee; margin-left:15px; padding-left:20px; height:13px; line-height:13px}
.vb_pre a			{display:inline-block; font-size:15px; width:80%;}
.vb_nex a			{display:inline-block; font-size:15px; width:80%;}
/* 이전글, 다음글2 끝 */


.gall_checkbox {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 99;
}

.write_div{margin:10px 0;position:relative}


.bo_v_snswr{position:relative;display:inline-block;margin-left:-1px;text-align:right;}
#bo_v_sns {display:none;position:absolute;top:-50px;left:50%;margin-left:-90px;width:180px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns:before{content: "";position: absolute;bottom: -7px;left: 84px;width: 0;height: 0;border-style: solid;border-width: 7px 6px 0 6px;border-color: #415b92 transparent transparent transparent;}
#bo_v_sns li {float:left;width:60px;text-align:center}
#bo_v_sns li a{height:40px;padding:10px 0;}
#bo_v_sns li .sns_f{display:block;background:#415b92}
#bo_v_sns li .sns_t{display:block;background:#35b3dc}
#bo_v_sns li .sns_g{display:block;background:#d5503a}
#bo_v_sns li img{vertical-align:top}

#bo_v_share {
    position: relative;
    margin: 60px 0 5px 0;
    text-align: right;
}
.nopost {line-height:120px; text-align:center;}

textarea{border:1px solid #aaa; border-right:1px solid #EEE; border-bottom:1px solid #EEE;width:100%; word-break:break-all; min-height:120px;}

/* ============ board-view (게시판 상세 / basic 공통 view) ============ */
.board-view {font-size: var(--fz);}

.board-view__head {padding: 2.5em 0; border-top: 2px solid var(--main-dark);}
.board-view__title {font-size: var(--text-2xl); font-weight: 700; line-height: 1.4; letter-spacing: -0.03em; color: var(--main-dark);}
.board-view__meta {display: flex; flex-wrap: wrap; gap: 2em; margin-top: 1.5em;}
.board-view__meta-item {display: flex; align-items: center; gap: 0.75em; font-size: 1em; letter-spacing: -0.03em;}
.board-view__meta-label {font-weight: 600; color: #444;}
.board-view__meta-val {color: #a5a5a5;}

.board-view__attach {padding: 1.5em 0; border-top: 1px solid #c5c5c5; display: flex; flex-direction: column; gap: 0.5em;}
.board-view__file {color: #444; transition: .15s ease all;}
.board-view__file:hover {color: var(--main-color);}

.board-view__body {padding: 2.5em 0; border-top: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; min-height: 25em;}
.board-view__images {text-align: center;}
.board-view__images img {max-width: 100%; height: auto;}
.board-view__content {line-height: 1.7; letter-spacing: -0.03em; color: #444; word-break: break-all;}
.board-view__content img {max-width: 100%; height: auto;}

.board-view__good {margin: 2em 0; text-align: center;}
.board-view__good-btn {display: inline-flex; align-items: center; gap: 0.5em; padding: 0.5em 1.5em; border: 1px solid #c5c5c5; border-radius: 2em; transition: .15s ease all;}
.board-view__good-btn:hover {border-color: var(--main-color); color: var(--main-color);}

.board-nav__item {display: flex; align-items: center; gap: 2em; height: 5.5em; border-bottom: 1px solid #c5c5c5; letter-spacing: -0.03em;}
.board-nav__label {display: inline-flex; align-items: center; gap: 1.25em; flex-shrink: 0; width: 6em; font-weight: 700; color: var(--main-dark);}
.board-nav__chevron {display: inline-block; width: 0.5em; height: 0.5em; border-right: 2px solid var(--main-dark); border-bottom: 2px solid var(--main-dark);}
.board-nav__chevron--prev {transform: rotate(-135deg); margin-top: 0.2em;}
.board-nav__chevron--next {transform: rotate(45deg); margin-bottom: 0.2em;}
.board-nav__subject {flex: 1; min-width: 0; color: #444; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: .15s ease all;}
.board-nav__subject--empty {color: #a5a5a5;}
a.board-nav__subject:hover {color: var(--main-color);}
.board-nav__date {flex-shrink: 0; color: #a5a5a5;}

.board-view__ctrl {margin-top: 3.75em; text-align: center;}
.board-view__admin {margin-top: 1.5em; display: flex; justify-content: center; gap: 0.5em;}
.board-view__abtn {padding: 0.5em 1.25em; border: 1px solid #c5c5c5; border-radius: 0.3125em; color: #444; transition: .15s ease all;}
.board-view__abtn:hover {border-color: var(--main-color); color: var(--main-color);}

@media (max-width: 500px) {
	.board-nav__item {flex-wrap: wrap; gap: 0.75em 1em; height: auto; padding: 1em 0;}
	.board-nav__date {width: 100%; order: 3; text-align: left;}
}
.write_div textarea{background-color:#fff; border: 1px solid #dfdfdf; padding: 5px;}

/* ============ 카테고리 탭 (board-cate) ============ */
/* 게시판 자체 카테고리 탭 미사용 — 서브 히어로 tabmenu(사이트맵 하위메뉴)로 통일(sh.php). */
.board-cate {display: none;}
.board-cate--unused {display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 5em; font-size: var(--fz);}
.board-cate__tit.blind {position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0);}
.board-cate__tab {display: inline-flex; align-items: center; justify-content: center; width: 10em; height: 3em; font-family: var(--font-en); font-weight: 600; font-size: 1.25em; letter-spacing: -0.025em; line-height: 1; color: var(--main-dark); border-radius: 500px; white-space: nowrap; transition: .15s ease all;}
.board-cate__tab.on {background-color: var(--main-color); color: #fff;}
@media(hover:hover){ .board-cate__tab:not(.on):hover {color: var(--main-color);} }

/* ============ PROJECT 갤러리 (prj-gall, board 11 newgallery) ============ */
.prj-gall {display: grid; grid-template-columns: repeat(3, 1fr); gap: 5em 3.75em; font-size: var(--fz);}
.prj-gall__item {position: relative; min-width: 0;}
.prj-gall__link {display: block;}
.prj-gall__thumb {display: block; position: relative; aspect-ratio: 56 / 34; margin-bottom: 1.5em; border-radius: 0.3125em; overflow: hidden; background: #f2f2f2;}
.prj-gall__img {width: 100%; height: 100%; object-fit: cover; transition: .3s ease transform;}
.prj-gall__cate {display: block; font-weight: 500; font-size: 1em; line-height: 1.4; letter-spacing: -0.03em; color: var(--main-color); text-transform: uppercase;}
.prj-gall__subject {display: block; font-size: 1.5em; font-weight: 600; line-height: 1.4; letter-spacing: -0.03em; color: var(--main-dark); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.prj-gall__en {display: block; margin-top: 0.35em; font-weight: 500; font-size: 0.9375em; line-height: 1.4; letter-spacing: -0.02em; color: var(--main-color); text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} /* 영문명(wr_3) — 260702 피드백: 한글+영문 병기 */
.prj-gall__check {position: absolute; top: 0.5em; left: 0.5em; z-index: 1;}
.prj-gall__order {width: 3.5em;}
.prj-gall__empty {grid-column: 1 / -1; padding: 5em 0; text-align: center; color: #888;}
@media(hover:hover){ .prj-gall__link:hover .prj-gall__img {transform: scale(1.05);} }
@media(max-width: 1080px){ .prj-gall {grid-template-columns: repeat(2, 1fr); gap: 3em 2.5em;} }
@media(max-width: 500px){ .prj-gall {grid-template-columns: 1fr;} }

/* ============ PROJECT 상세 view (prj-view, 이미지 스택) ============ */
.prj-view-wrap {font-size: var(--fz);}
.prj-view {display: flex; align-items: flex-start; gap: 6.25em; margin-top: 1em;}
.prj-view__meta {position: sticky; top: 9.375em; flex: 0 0 auto; width: 44.4%; max-width: 50em;}
.prj-view__labels {display: flex; flex-wrap: wrap; gap: 0.5em;}
.prj-view__label {display: inline-flex; align-items: center; padding: 0.5em 1.25em; border: 1px solid var(--main-color); border-radius: 500px; font-weight: 500; font-size: 1em; line-height: 1.4; letter-spacing: -0.03em; color: var(--main-color);}
.prj-view__title {margin-top: 0.5em; font-size: 2.5em; font-weight: 600; line-height: 1.4; letter-spacing: -0.03em; color: var(--main-dark);}
.prj-view__divider {display: block; margin: 2em 0; border: 0; border-top: 1px solid var(--line-color);} /* display:block = 테마 전역 hr{display:none} 오버라이드(안 그러면 타이틀↔정보 선·간격 사라짐) */
.prj-view__desc {font-size: 1.25em; line-height: 1.7; letter-spacing: -0.03em; color: #444; word-break: break-all;}
.prj-view__desc img {max-width: 100%; height: auto;}
/* 정보 테이블 (Client/Location/Year) — 260702 피드백 ②. 시안 2780:740 (Pretendard 20px #444, 라벨 Regular / 값 SemiBold, 320px 열) */
.prj-view__info {display: flex; flex-direction: column; gap: 0.2em; font-size: 1.25em; line-height: 1.7; letter-spacing: -0.025em; color: var(--text-sub);}
.prj-view__irow {display: flex; align-items: flex-start;}
.prj-view__ikey {flex: 0 0 16em;}
.prj-view__ival {flex: 1 1 auto; min-width: 0; font-weight: 600;}
.prj-view__ctrl {margin-top: 3.75em;}
.prj-view__admin {margin-top: 1.5em; display: flex; flex-wrap: wrap; gap: 0.5em;}
.prj-view__abtn {padding: 0.5em 1.25em; border: 1px solid #c5c5c5; border-radius: 0.3125em; color: #444; transition: .15s ease all;}
.prj-view__abtn:hover {border-color: var(--main-color); color: var(--main-color);}
.prj-view__images {flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 1.25em;}
.prj-view__img img {width: 100%; height: auto; border-radius: 0.3125em; vertical-align: top;}
@media(max-width: 1080px){
	.prj-view {flex-direction: column; gap: 2.5em;}
	.prj-view__meta {position: static; width: 100%; max-width: none;}
	.prj-view__ikey {flex: 0 0 8em;}
}