@charset "utf-8";
/* SIR 지운아빠 */

/* 새글 스킨 (latest) */
.lt_pc {float:left;margin-left:20px}
.lt {position:relative;float:left;margin-bottom:20px;padding-bottom:10px;width:354px;height:150px;border-bottom:1px solid #e9e9e9}
.lt ul {margin:0 0 10px;padding:0;list-style:none}
.lt li {padding:3px 0}
.lt .lt_title {display:block;padding:10px 0 8px}
.lt .lt_more {position:absolute;top:10px;right:0}
.lt .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

.portfolio_list_layer_wrap{visibility:hidden;opacity:0;position: fixed;overflow: scroll;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.78);
    z-index: 9;    transition: all 0.5s;padding:5% 0;    box-sizing: border-box;}
.portfolio_list_layer_inner{    background-color: #fff;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;}
.portfolio_layer_more{margin-top: 100px;
    background-color: #01afee;
    border-radius: 5px;
    
    display: none;
    text-align: center;
    width: 100px;
    line-height: 26px;
    }
#portfolio_layer_more_btn{text-decoration:none;font-size: 13px;color: #fff;display: block;
    width: 100%;
    height: 100%;}

.portfolio_top_wrap{margin-bottom:170px}
.portfolio_list_item{display:none;}


.img_content_background{    background-image: url(http://wwwwwwww8.cafe24.com/data/file/portfolio/32477200_zjcHAtCG_dcea854….png);
    background-size: cover;
    background-position: center center;height:192px;transition:all 0.5s}
.portfolio_list_subject{    margin-top: 35px;
    font-size: 16px;
    font-weight: 500;
    color: #5f5f5f;
    letter-spacing: -1px;transition:all 0.5s}
.portfolio_list_project{    margin-top: 6px;
    color: #898989;
    font-weight: 400;
    text-shadow: 0px 0px #e4e4e4;transition:all 0.5s}

.portfolio_list_more a{display: block;
    width: 150px;
    line-height: 25px;
    font-size: 13px;
    font-weight: 500;
    border: 1px solid #e1e1e1;
    color: #bdbdbd;
    margin: 25px auto 35px;
    text-decoration: none;transition:all 0.5s}
.portfolio_list_more a:hover{
	background-color:#000;
	color: #fff;transition:all 0.5s
}


@media all and (max-width:1100px){
.portfolio_list_layer_wrap{padding:5% 5%; box-sizing: border-box;}
	.portfolio_top_wrap{margin-bottom:120px}
	.img_content_background{height: 150px;}
	.portfolio_list_subject{    margin-top: 28px;font-size: 14px;}
	.portfolio_list_more a{
    width: 120px;
    line-height: 22px;
    font-size: 12px;
    margin: 15px auto 30px;}
}

@media all and (max-width:750px){

	
		.portfolio_top_wrap{margin-bottom:50px}
	.img_content_background{    height: 120px;}
	.portfolio_list_item{width: 49%;margin-right: 2%;margin-bottom: 2%;}
	.portfolio_list_item:nth-child(3n){margin-right:2%}
	.portfolio_list_item:nth-child(2n){margin-right: 0%;}
	.portfolio_list_subject {margin-top: 20px;font-size: 13px;}
	.portfolio_list_project{font-size: 11px;}
	.portfolio_list_more a {     width: 90px;
    line-height: 18px;
    font-size: 10px;
    margin: 20px auto 15px;}
	.portfolio_layer_more{margin-left:3%;width: 85px;
    line-height: 20px;margin-top: 40px;}
	#portfolio_layer_more_btn{    font-size: 11px;}
}


/*write*/
.portfolio_input_text_style1{width:100%}



/*view*/
.portfolio_view_wrap{    max-width: 1200px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
    box-sizing: border-box;padding: 0 0 80px;}

.portfolio_view_top_banner img{width:100%}
.portfolio_view_btn_wrap{text-align: right;padding: 40px 40px 0 0;}
.portfolio_view_btn_wrap ul li{display:inline-block;    margin-left: 15px;}

.portfolio_view_info_item{width:30%;display:inline-block;vertical-align:top;color:#000}
.portfolio_view_info_item:nth-child(1){width:40%}
.portfolio_view_info_item:nth-child(1) .portfolio_view_info_item_contents{width: 220px;}
.portfolio_view_info_item:nth-child(3){text-align:right}
.portfolio_view_info_item:nth-child(3) .portfolio_view_info_item_contents{text-align:left}

.portfolio_view_info_item_subject{    padding-right: 20px;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-weight: 500;
    color: #b5b5b5;}

.portfolio_view_info_item_contents{width: 130px;
    display: inline-block;
    vertical-align: top;
    font-size: 17px;
    font-weight: 500;}

.portfolio_view_contents_wrap{max-width: 780px;
    width: 100%;
    margin: 0 auto;}

.portfolio_view_contents_subject{    font-size: 35px;
    font-weight: 800;
    letter-spacing: -1px;
    padding-top: 60px;color:#000}
.portfolio_view_contents_content{border-top: 7px solid #929292;
    border-bottom: 7px solid #929292;
    padding: 43px 0;
    margin: 30px 0;
    font-size: 16px;
    font-weight: 500;
    color: #424242;
    line-height: 35px;}
.portfolio_view_contents_content img{max-width:100%}
.portfolio_view_btn_a{cursor:pointer;}
.portfolio_view_btn_a img:last-child{display:none}
.portfolio_view_btn_a:hover img:first-child{display:none}
.portfolio_view_btn_a:hover img:last-child{display:inline-block}
@media all and (max-width:1100px){
.portfolio_view_info_item:nth-child(1) .portfolio_view_info_item_contents{width: 200px;}
}
@media all and (max-width:850px){
	.portfolio_view_info_item:nth-child(1) .portfolio_view_info_item_contents{width: 175px;}
	.portfolio_view_contents_subject{    font-size: 30px;padding-top: 45px;}
	.portfolio_view_contents_content{padding: 30px 0;margin: 25px 0;font-size: 15px;line-height: 32px;}
	.portfolio_view_info_item_contents{width: 50%;font-size: 15px;}
}
@media all and (max-width:750px){
	.portfolio_view_info_item:nth-child(1) .portfolio_view_info_item_contents{width: 50%;}
	.portfolio_view_wrap{    padding: 0 0 40px;}
	.portfolio_view_btn_wrap{    padding: 20px 3% 0 3%;}
	.portfolio_view_btn_wrap ul li{margin-left: 7px;}
	.portfolio_view_btn_a img {height:30px}
	.portfolio_view_btn_a:hover img:first-child{display:inline-block}
	.portfolio_view_btn_a:hover img:last-child{display:none}
	.portfolio_view_contents_subject {padding-left:3%;padding-right:3%;
		font-size: 18px;
		padding-top: 30px;
	}
	.portfolio_view_contents_content {
    padding: 18px 0;padding-left:3%;padding-right:3%;
    margin: 16px 0;
    font-size: 13px;
    line-height: 24px;
    border-top: 4px solid #929292;
    border-bottom: 4px solid #929292;
	}
	.portfolio_view_info{padding-left:3%;padding-right:3%;}
	.portfolio_view_info_item{margin-bottom: 20px}
	.portfolio_view_info_item:nth-child(1){width:100%}
	.portfolio_view_info_item{width:100%}
	.portfolio_view_info_item:nth-child(3){text-align:left}
	.portfolio_view_info_item_subject{font-size:12px;width:71px}
	.portfolio_view_info_item_contents{font-size: 13px;}

}