body{padding-top:80px;}
#header{
	position:relative;
	width: 100%;
	height:80px;
	padding:14px 10px;
	box-sizing: border-box;
	background: linear-gradient(#4f4e4f, #272626);
	border-top: 2px solid #000;
	position: fixed;
	top: 0;
	z-index: 1000;
}
#header img{max-height:50px;}

#header .d_quick_left{position:relative;z-index: 10;}
#header .d_quick_center{position:absolute;text-align:center;left:0;top:0;width:100%;z-index: 1;}
#header .sns_wrap{float:right;position:relative;z-index: 10;padding-top:2px;}
#header .sns_wrap li{margin-left:5px;}
#header .sns_wrap img{width:45px;}


.d_2_wrap{max-width:1120px;padding:50px 15px;margin:0 auto;box-sizing: border-box;}
.d_2_wrap>div{float:left;width:50%;}
.d_2_wrap .cst_wrap img{max-width:600px;}
.d_2_wrap .news_wrap{padding-left:30px; box-sizing: border-box;}
.d_2_wrap .news_wrap .news{display: inline-block;color:#555;font-size:12px;margin-bottom:6px;text-align: left; width:100%; max-width: 600px;}
.d_2_wrap .news_wrap .news:hover{color:#777;}
.d_2_wrap .news_wrap .news .l{float:left;width:150px;}
.d_2_wrap .news_wrap .news .r{float:left;width:calc(100% - 150px); padding-left:10px; box-sizing: border-box;margin-top:7px;}
.d_2_wrap .news_wrap .news .r .sub{font-weight: normal;}
.d_2_wrap .news_wrap .news .r>*{width:100%;font-family:'돋움', 돋움, dotum; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}


.d_3_wrap{max-width:1120px;padding:20px 15px;margin:0 auto;box-sizing: border-box;}
.d_3_wrap .news_wrap{padding-left:30px; box-sizing: border-box;}
.d_3_wrap .news_wrap .news{display: inline-block;color:#555;font-size:12px;margin-bottom:6px;text-align: left; width:50%; max-width: 600px; float:left;}
.d_3_wrap .news_wrap .news:hover{color:#777;}
.d_3_wrap .news_wrap .news .l{float:left;width:150px;}
.d_3_wrap .news_wrap .news .r{float:left;width:calc(100% - 150px); padding-left:10px; box-sizing: border-box;margin-top:7px;}
.d_3_wrap .news_wrap .news .r .sub{font-weight: normal;}
.d_3_wrap .news_wrap .news .r>*{width:100%;font-family:'돋움', 돋움, dotum; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.d_image_wrap{padding:50px 0;text-align:center;}
.d_image_wrap img{max-width:100%;}

.d_image_wrap.s2{background-color:#eee;margin:-10px 0;}
.d_image_wrap.s2 img{margin:10px 0;}



.section_portfolio{}
.section_portfolio img{width:100%;}
.portfolio{float:left;width:50%;padding:10px;box-sizing: border-box;}
.portfolio>div{cursor:pointer;border:1px solid #999;}
.portfolio .txt1{font-size:19px;height:35px;margin-top:10px;}
.portfolio .txt2{font-size:15px;color:#666;height:40px;}
.portfolio .txt1,
.portfolio .txt2{padding:0 5px;box-sizing:border-box;width:100%;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.bg_box{width:100%;padding-top:65%;background-size:cover;background-position:50%;background-repeat: no-repeat;margin:0 auto 1px;;}

.portfolio_tab{margin-bottom:20px;}
.portfolio_tab .col-2{padding:0 10px;}
.portfolio_tab a{display: inline-block;text-align:center;color:#777;border:1px solid #ddd;text-decoration: none;width:100%;}
.portfolio_tab a.active,
.portfolio_tab a:hover{border-bottom:3px solid #fb9700;color:#fb9700;margin-bottom:-2px;}
.portfolio_tab a>div{font-size:18px;padding:10px 0;}

.btn_more_wrap>button{margin-top:30px;}



footer{background-color:#21201e;}
footer .col-md-5{padding:30px 15px;}
footer h4{color:#d1b086;font-weight: bold;margin-bottom:30px;}
footer table{color:#ccc;font-size:16px;font-weight: 300;width:100%;}
footer table tr>*{padding:10px 0;}
footer table tr>th {min-width: 80px;}
footer .footer_logo{max-width:200px;width:100%;margin-top:150px;}

footer .footer_bottom{margin-top:20px;    border-top: 1px dashed; padding-top:50px; color:#7b7b7b;font-size:14px;}
footer .footer_bottom span{padding:0 10px; border-left:1px solid #555;}
footer .footer_bottom span:first-child{border:none;padding-left:0;}
footer .footer_bottom span:last-child{padding-right:0;}
footer .footer_bottom>div{margin-top:10px;}



@media(max-width:1150px){
	#header .sns_wrap{position: fixed; bottom: 0; left: 0; background-color: #bfbfbf; border-top-left-radius: 15px; border-top-right-radius: 15px; background: linear-gradient(#4f4e4f, #272626); padding: 10px; width: 100%; text-align: center; }
	#header .sns_wrap li{display: inline-block; float: none;}
	#header .d_quick_center{text-align: right;}



	.d_2_wrap>div{float:none;width:100%;text-align: center;}
	.d_2_wrap>div table{margin:0 auto;}
	.d_2_wrap table td img{margin-left: 0;}
	.d_2_wrap .news_wrap{padding-left: 0px;margin-top:30px;}
	.d_2_wrap .news_wrap .news .r{padding-left:5px;}

	.d_3_wrap .news_wrap{padding-left: 0px;text-align: center;}
	.d_3_wrap .news_wrap .news{width:100%;float:none;}
	.d_3_wrap .news_wrap .news .r{padding-left:5px;}

	#header .d_quick_center img{max-width: calc(100% - 160px);}
}
@media(min-width:992px){.on_m{display:none;}}
@media(max-width:991px){
	.on_pc{display: none;}
	.portfolio{width:100%;}
	.footer_logo{display: none;}

	.portfolio_tab .col-1{padding:0;}
	.portfolio_tab .col-2{padding:0 4px;}
	.portfolio_tab a>div{font-size:15px;}

	footer h4{margin-top:30px;margin-bottom:20px;}
	footer table{font-size:14px;}
	footer table tr>*{padding:5px 0;}
	.d_2_wrap .news_wrap .news {margin-bottom:-5px}
	.d_2_wrap {padding-bottom:30px;}
}
@media(max-width:700px){
	#header .d_quick_left img{width:130px;margin-top:3px;}
	#header .d_quick_center img{max-width: calc(70% - 90px);}
	footer .col-md-5{padding:10px 30px;}
}
@media(max-width:500px){

	#header .d_quick_center img{margin-top:5px;}
	.portfolio_tab .col-2{padding:0 2px;}
	.portfolio_tab a>div{font-size:13px;}

	.footer_bottom{padding-bottom:50px;}
}