/* board-block */
.board-block{
	overflow-x:hidden;
	flex-direction:column;
	display:flex;
	/*width:auto;
	max-width:1600px;
	margin:0 auto;
    border:1px solid blue; */
	/*flex-wrap:wrap;홍삭제*/
}
.fc-primary{color:#dd3438;} 
.w150{max-width:150px!important;}
.line{padding:0 10px;}
.line2{padding:0 5px;}


/* form-control */ 
.form-control{
	display:inline-block;
	//max-width:480px; 
	height:37px;
	padding:.375rem .75rem;
	font-size:1rem;
	color:#262626;
	background-clip:padding-box;
	border:none;
	background:#f5f5f5;
	font-size:14px;
	border:1px solid #cfcfcf;
}
.form-control.w100{width:100%;} 
.form-control.w50{width:50%;} 
.form-control.w30{width:30%;} 
.form-control.w25{width:25%;} 

.form-ty2{
	width:100%;
	min-height:200px;
}


/* select */
select{
	-moz-appearance:none;/* Firefox */ 
	-webkit-appearance:none;/* Safari and Chrome */ 
	appearance:none;
}
select::-ms-expand{display:none;} 
.select{
	cursor:pointer;
	height:37px;
	padding:.375rem .75rem;
	color:#4b4b4b;
	border:none;
	background:#f5f5f5 url(/common/img/common/ico-arrow-down.png) right center no-repeat;
	background-position:right 15px top 50%, 0 0;
	font-size:14px;
	width:150px;
}


/* checkbox */
.sub .checkbox{
	display:inline-block;
	position:relative;
	padding-left:30px;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	font-size:20px;
	transition:0.4s all;
	color:#262626;
}
.sub .checkbox input{
	position:absolute;
	opacity:0;
	right:0;
	cursor:pointer;
}
.sub .checkbox .checkmark{
	position:absolute;
	top:4px;
	left:0;
	height:20px;
	width:20px;
	background:url(/common/img/common/ico-check.png) left center no-repeat;
}
.sub .checkbox input:checked ~ .checkmark{
	position:absolute;
	top:4px;
	left:0;
	height:20px;
	width:20px;
	background:url(/common/img/common/ico-check-on.png) left center no-repeat;
}
.sub .checkbox .checkmark:after{
	content:"";
	position:absolute;
	display:none;
}
.sub .checkbox input:checked ~ .checkmark:after{
	display:block;
}


/* btn */ 
.btn{
	font-size:14px;
	font-weight:500;
	border-radius:0;
	align-items:center !important;
	padding:0;
} 
.btn-ty1{
	height:51px !important;
	line-height:51px !important;
	width:169px !important;
	background:transparent !important;
	border:1px solid #262626 !important;
	color:#262626 !important;
}
.btn-ty1:active, 
.btn-ty1:hover, 
.btn-ty1:focus{
	background:#dd3438 !important;
	color:#fff !important;
	border:1px solid #dd3438 !important;
}
.btn-ty2{
	width:108px;
	height:30px;
	line-height:27px;
	vertical-align:middle;
	color:#262626;
	background-color:#e3e4e8;
	border:1px solid #4b4b4b;
	border-radius:6px;
	font-weight:700;
}


/* works */
.works{
	display:flex;
	flex-wrap:wrap;
	list-style:none;
	margin:0 -10px;
	padding:0;	
	overflow:hidden;
}
.works-item{
	display:flex;
	padding:0 5px 80px !important;
	cursor:pointer;
}
.work{
	background-color:white;
	display:flex;
	flex-direction:column;
	overflow:hidden;
	width:100%;
	border:none;
	border-radius:0;
}
.work-content{
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
}
.work-image{
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	overflow:hidden;
	position:relative;
	transition:filter 0.5s cubic-bezier(.43,.41,.22,.91);
}
.work-image::before{
	content:"";
	display:block;
	padding-top:66.6%; 
}

.slide_image {
   position:relative;
   border:1px solid #d9d9d9;
   padding-top:calc((100% / 192) * 91); /* 16:9 적용 */
}

.slide_image textarea {
		position:absolute;
		left:1px;top:1px;right:1px;bottom:1px;
		white-space:pre;
		line-height:34px;
		text-align:left;
		font-size:18px;
}
.bnsave{display:inline-block; cursor:pointer; width:60px; 
border:1px solid #000; border-radius:4px; font-size:0.8em; font-weight:normal;
text-align:center; background-color:#dfdfdf; color:#777; }

.bnsave:hover{background-color:#fdfdfd; color:#700; }


.work-title{
	font-family:'Noto Sans KR', 'notokr-regular', 'Malgun Gothic', 'Roboto Condensed', sans-serif !important;
	font-size:20px;
	font-weight:700;
	color:#262626;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	white-sapce:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:1;
	margin:8px 0 5px 5px;
}
.work-part{
	font-size:12px;
	color:#222;
	text-transform:uppercase;
	font-weight:400;
	margin-left:5px;
}
.works-item:hover .work-title{
	color:#e76f72;
	-ms-transition:0.2s ease-in-out;
	-webkit-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}


/* detail */ 
.project-image .project-img{
	position:relative;
	/*left:50%;
	right:50%;
	margin-left:-50vw;
	margin-right:-50vw;
	max-width:100vw;
	width:100vw;*/
} 
.project-infomation{
	font-family:'Noto Sans KR', 'notokr-regular', 'Malgun Gothic', 'Roboto Condensed', sans-serif !important;
}
.project-infomation .row-2{
	margin:0 -45px!important;
} 
.project-infomation .row-2 .box{
	padding:0 45px;
}
.project-infomation .box h2{
	position:relative;
	width:100%;
	height:30px;
	line-height:1;
}
.project-infomation .box h2::after{
	content:'';
	height:2px;
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
	background:#262626;
	z-index:1;
}
.project-infomation .text{
	margin-top:1rem;
}
.project-infomation .text p{
	font-size:18px;
	color:#262626;
	font-weight:400;
	line-height:1.42;
	margin-bottom:0.5rem;
}
.project-content{
	position:relative;
}
.project-content img{
	max-width:100%;
	width:100%;
}
.project-content .row{
	display:flex;
	align-items:center !important;
	justify-content:center; 
}
.project-navigation .row{
	margin:0 -10px;
}
.project-navigation .items{
	padding:0 10px;
}
.project-navigation .item{	
	padding:15px 0;
	border-top:2px solid #ccc;
	border-bottom:1px solid #ccc;
	display:flex;
	justify-content:flex-end;
	cursor:pointer;
}
.project-navigation .item .navigation-content{
	display:flex;
	flex-direction:column;
	margin-right:1.5rem;
	position:relative;
	width:50%;
}
.project-navigation .item .navigation-content .navigation-heading{
	display:flex;
	align-items:center;	
	justify-content:flex-end;
	font-family:  'notokr-regular', sans-serif !important;
}
.project-navigation .item:hover .navigation-content .navigation-heading h2{
	color:#e76f72 !important;
	-ms-transition:0.2s ease-in-out;
	-webkit-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}
.project-navigation .item .ico{
	margin-right:3.5rem;
	background:url("/common/img/common/ico-arrow.png") no-repeat left top;
	width:28px;
	height:26px;
	font-size:0;
}
.project-navigation .item .ico-prev{background-position:0 0;}
.project-navigation .item .ico-next{background-position:-28px 0;}
.project-navigation .item .work-content{
	position:absolute;
	bottom:0;
	right:0;
} 
.project-navigation .item .navigation-image{
	width:270px;
	height:205px;
}
.project-navigation .item-2{	
	justify-content:flex-start;
}
.project-navigation .item-2 .navigation-content{
	margin:0 0 0 1.5rem;
}
.project-navigation .item-2 .navigation-content .navigation-heading{
	justify-content:flex-start;
	font-family:  'notokr-regular', sans-serif !important;
}
.project-navigation .item-2 .ico{
	margin:0 0 0 3.5rem;
}
.project-navigation .item-2 .work-content{
	left:0;
}
 

/* contact */ 
.contact-heading h1.tit{
	color:#212526;
	font-size:60px;
	font-weight:600;
	letter-spacing:-0.2rem;
}
.contact-heading p{
	color:#b1aca4;
	font-size:36px;
	font-weight:500;
	font-family:'Noto Sans KR', 'notokr-regular', 'Malgun Gothic', 'Roboto Condensed', sans-serif !important;
	line-height:1.3;
	margin-bottom:0;
}
.contact .board-block{
	max-width:1297px;
	margin:0 auto;
}
.contact .board-block .board-heading{
	display:flex;
	justify-content:space-between;
	margin-bottom:0.5rem;
	height:40px;
}
.contact .board-block .board-heading p{
	font-size:14px;
	font-weight:500;
	font-family:'Noto Sans KR', 'notokr-regular', 'Malgun Gothic', 'Roboto Condensed', sans-serif !important;
	align-items:flex-end;
	display:flex;
}
.contact .board-block .contanc-list{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	border-top:2px solid #262626;
	border-bottom:2px solid #262626;
	flex-direction:column;
}
.dl-list{
	display:flex;
	align-items:center !important;
	border-bottom:1px solid #ccc;	
	position:relative;
	padding:10px 0;
}
.dl-list-end{
	flex-direction:column; 
	margin:3rem 0;
	border:none;
}
.dl-list dt, .dl-list dd{
	padding-left:0.5rem;
	font-family:'Noto Sans KR', 'notokr-regular', 'Malgun Gothic', 'Roboto Condensed', sans-serif !important;
}
.dl-list dt{
	width:20%;
	font-weight:400;
	font-size:20px;
	height:37px;
	display:flex;
	align-items:center !important;
} 
.dl-list dd{
	width:80%;
	position:relative;
	height:37px;
}
.dl-list dd .select{
	width:204px;
}
.dl-list-ty2 dd{
	height:auto;
}
.dl-list-end dt,
.dl-list-end dd{width:100%;}
.filebox{
	position:relative;
}
.filebox input[type="file"]{
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border:0;
}
.filebox label{
	cursor:pointer;
	position:absolute;
	left:0;
	top:3px;
}
.filebox .upload-name{
	display:inline-block;
	margin-left:114px;
	width:calc(100% - 114px);
	font-size:14px;
	color:#4b4b4b;
	border-radius:0rem;
}
.form-control:disabled, .form-control[readonly]{
	background-color:#ffff;
}
.dl-list-end dt{
	font-weight:700;
	margin-bottom:1rem;
}
.dl-list-end .box{
	height:140px;
	padding:10px;
	font-size:14px;
	line-height:1.42;
	overflow-y:scroll;
}
.box-line{
	border:1px solid #ccc !important;
}
.ico-focus{
	display:inline-block;
	width:7px;
	height:17px;
	vertical-align:top;
	font-size:0;
	margin-left:0.125rem;
	background:url(/common/img/common/ico-focus.png) left top no-repeat;
}
.dl-list dt .ico-focus{
	margin-right:0.25rem;
}
.btn-area{
	display:flex;
	justify-content:center;
	margin:1.5rem 0 5rem;
}
.contact .sidebar-bottom{
	padding:2rem 0;
	height:auto;
} 
.contact .sidebar-bottom-wrap{
	display:flex;
	justify-content:space-between;
}
.contact .sidebar-contact{
	margin-right:230px;
}
.contact  .sidebar-bottom .sidebar-info h3,
.contact  .sidebar-bottom .sidebar-info p{
	color:#262626;
	font-size:18px;
	font-weight:700;
}
.contact .sidebar-bottom .sidebar-info h3{
	margin-bottom:1.5rem;
	font-size:24px;
}
.contact .sidebar-bottom .sidebar-info p{
	margin-bottom:0.25em;
	font-family:'Noto Sans KR', 'notokr-regular', 'Malgun Gothic', 'Roboto Condensed', sans-serif !important;
}
.contact .sidebar-bottom .sidebar-info .pl-35{
	padding-left:35px;
}

.board-content .item{
	padding:20px;
	border-bottom:1px solid #d9d9d9;
}
.board-content .item a{ 
	color:#161819;
}
.board-content .item .subject{
	font-weight:600;
	font-size:18px;
	color:#161819;
	line-height:1.42;
	word-break:break-all;
}
.board-content .item .date{ 
	color:#999;
	font-size:14px;
	font-weight:300;
	display:block; 
	line-height:1;
	margin-top:15px;
}

/* bbs_write */
.bbs_write{
	position:relative;
	width:100%;
	max-width:100%;
	overflow:hidden;
	font-weight:300;
}
.bbs_write:before{
	position:absolute;
	left:0;
	top:0;
	height:2px;
	width:100%;
	background:#000;
	display:block;
	content:"";
}
.bbs_write:after{
	position:absolute;
	left:0;
	bottom:0;
	height:2px;
	width:100%;
	background:#000;
	display:block;
	content:"";
}

.bbs_write th{
	text-align:left;
	padding:20px 15px 15px;
	border-bottom:1px solid #dadada;
	background:#f7f7f7;
	font-weight:400;
	word-break:break-all;
	overflow:hidden;
	height:100%;
}
.bbs_write td{
	padding:18px 0px 15px 15px;
	border-bottom:1px solid #dadada;
	border-left:1px solid #dadada;
	color:#666;
	word-break:break-all;
	overflow:hidden;
}
.bbs_write td.td-last{
	border-left:none;
}
.bbs_write .focus{
	color:#ff4400;
	vertical-align:middle !important;
	margin:7px 0 0 5px;
	display:inline-block;
}
.bbs_write .file .file-box{
	position:relative;
	margin-bottom:10px;
}
.bbs_write .file .file-box .info-box{
	font-size:16px;
	position:relative;
	display:inline-block;
}
.bbs_write .file .file-box .info-box .file-info{
	display:inline-block;
	padding:0 15px;
}
.bbs_write .file .file-box .info-box .check-box{
	display:inline-block;
}
.bbs_write .checkbox .checkmark{
	top:4px;
} 

.bbs_write textarea {
	width:100%;
	height:100px;
	border:1px solid #cfcfcf;
}



@media (max-width:1299px){
	.work-image::before{
		padding-top:56.25%; 
	}
	.project-navigation .item .navigation-image{
		width:202px;
		height:153px;
	}
}


@media (max-width:991px){
	.project-infomation .row-2 .box{
		margin-bottom:4rem;
	}
	.project-navigation .item .ico{
		margin-right:1.5rem;
	}
	.project-navigation .item-2 .ico{
		margin:0 0 0 1.5rem;
	}
}


@media (max-width:767px){
	.w150{max-width:81px!important;}
	.line, .line2{
		padding:0 2px;
		font-size:10px;
	}
	.form-control{
		height:31px !important;
		font-size:12px;
		padding:.25rem .5rem;
		max-width:100%;
	}
	.select{
		background-position:right 0.5rem top 50%, 0 0;
		background-size:auto 5px;
		font-size:12px;
		padding:.25rem .5rem;
		height:31px !important;
	}
	.sub .checkbox{
		font-size:16px;
		padding-left:26px;
	}
	.btn{
		font-size:12px !important;
	}
	.board .board-btn{
		height:31px !important;
		line-height:31px !important;
		width:81px !important;
		border-radius:.25rem;
		margin-top:0;
	} 
	.btn-ty1{
		height:25px !important;
		line-height:23px !important;
		width:84px !important;
	}
	.works{
		margin:0 -5px; 
	}
	.works-item{
		padding:0 5px 30px !important;
	}
	.col-sm-12{		
		-ms-flex:0 0 50% !important;
		flex:0 0 50% !important;
		max-width:50% !important;
	}
	.work-title{
		font-size:16px;
		margin:6px 0 4px;
	}
	.project-infomation .row-2 .box{
		margin-bottom:1.5rem;
	}
	.project-infomation .row-2 .box:last-child{
		margin-bottom:0rem;
	}
	.project-infomation .box h2{
		height:26px;
	}
	.project-infomation .text{
		margin-top:0.5rem;
	}
	.project-infomation .text p{
		font-size:14px;
		margin-bottom:0.25rem;
	}
	.project-navigation .row{
		margin:0 -4px;
	}
	.project-navigation .items{
	padding:0 4px;
	}
	.project-navigation .item{
		padding:2px 0;
	}
	.project-navigation .item .navigation-content{
		margin-right:10px;
		width:100%;
	}
	.project-navigation .item .navigation-content .navigation-heading h2.tit{
		font-size:12px;
	}
	.project-navigation .item .ico{
		margin-right:0.5rem;
		background:url("/common/img/common/ico-arrow.png") no-repeat left top;
		background-size:auto 7px;
		width:10px;
		height:15px;
	}
	.project-navigation .item .ico-prev{background-position:0 0;}
	.project-navigation .item .ico-next{background-position:-10px 0;}
	.project-navigation .item .navigation-image{
		width:89px;
		height:52px;
	}
	.project-navigation .item-2 .navigation-content{
		margin:0 0 0 10px;
	}
	.project-navigation .item-2 .ico{
		margin:0 0 0 0.5rem;
	}
	.project-navigation .item-2 .work-content{
		left:0;
	}
	.project-navigation .item .work-title{
		font-size:12px;
		margin:6px 0 0px;
	}
	.contact-heading{
		margin-bottom:2rem;
	}
	.contact-heading h1.tit{
		font-size:18px;
		letter-spacing:-0.1rem;
		margin-bottom:1rem;
	}
	.contact-heading p{
		font-size:14px;
	}
	.contact .board-block .board-heading p{
		font-size:12px;
	}
	.contact-heading h1.tit{
		font-size:16px;
	}
	.contact-heading p{
		font-size:12px;
	}
	.contact .board-block .board-heading{
		height:16px;
	}
	.dl-list{
		padding:6px 0 5px;
	}
	.dl-list dt, .dl-list dd{
		padding-left:0rem;
	}
	.dl-list dt{
		width:62px;
		padding-left:0;
		font-size:14px;
		line-height:1.21;
		height:31px;
	} 
	.dl-list dd{
		height:31px;
		width:calc(100% - 62px);
	}
	.dl-list dd .select{
		width:81px;
	}
	.dl-list-end dt,
	.dl-list-end dd{width:100%;}
	.dl-list-ty2 dd{
		height:auto;
	}
	.filebox label{
		top:1px;
		height:31px !important;
		line-height:28px !important;
		width:81px !important;
		border-radius:.25rem;
		font-size:12px;
	}
	.filebox .upload-name{
		margin-left:81px;
		width:calc(100% - 81px);
		font-size:12px;
	}
	.dl-list-end dt{
		margin-bottom:0rem;
	}
	.dl-list-end .box{
		font-size:12px; 
	}
	.dl-list dt .ico-focus{
		margin-right:0rem;
	}
	.dl-list-end{
		margin:1rem 0;
	}
	.dl-list-end dt{
		width:100%;
		margin-bottom:0.25rem;
	}
	.dl-list-end .pt-3{
		padding-top:0.5rem!important;
	}
	.dl-list-end dd{
		padding:0;
	}
	textarea.form-control{
		height:auto;
	}
	.btn-area{
		margin:1.5rem 0 2.5rem;
	}
	.contact .sidebar-bottom{
		padding:0;
	} 
	.contact .sidebar-contact{
		margin-right:0px;
	}
	.contact  .sidebar-bottom .sidebar-info h3,
	.contact  .sidebar-bottom .sidebar-info p{
		font-size:14px;
	}
	.contact .sidebar-bottom .sidebar-info h3{
		margin-bottom:0.5rem;
		font-size:14px;
	}
	.contact .sidebar-bottom .sidebar-info .pl-35{
		padding-left:15px;
	}
	.contact .sidebar-contact{
		margin:43px 0;
	}
}




@media (max-width:575px){
	.col-sm-12{
		-ms-flex:0 0 100% !important;
		flex:0 0 100% !important;
		max-width:100% !important;
	}


	.board-content .item{
		padding:12px;
	}
	.board-content .item .subject{
		font-size:16px;
	}
	.board-content .item .date{
		font-size:12px;
	}
}


.pager{
	display:flex;
	align-items:center;
	justify-content:center;
}
.pager a{
	display:inline-block;
	color:#212529;
	font-size:20px;
	margin:0 15px;
}
.pager a:focus,
.pager a:hover,
.pager a.on{
	color:#448ccb !important;
}
.pager a.page-arrow{
	display:inline-block;
	width:55px;
	height:55px;
	vertical-align:middle;
	font-size:0;
	border:1px solid #ccc;
}
.pager .pager-prev{
	margin-right:5rem;
	background:url(/common/img/common/pager-prev.png) center 50% no-repeat;
}
.pager .pager-next{
	margin-left:5rem;
	background:url(/common/img/common/pager-next.png) center 50% no-repeat;
}