.back_btn{width:50px; height:45px; outline:#999 1px solid; position:fixed; top:609px; right:15%; font-size:14px; padding-top:12px;}
.top_btn{width:50px; height:45px; outline:#999 1px solid; position:fixed; top:655px; right:15%; font-size:14px; padding-top:12px; /*background:url(/Content/Images/frt/arrow_top.png) no-repeat;*/}


#main_img{width:100%; height:260px; padding-top:56px; background:url(/Content/Images/frt/portfolio_bg.jpg) no-repeat;}
.title_area{text-align:center; width:400px; height:180px; margin:0 auto;  padding-top:40px;}

#container{width:53.5%; height:1300px; margin-right:14%; margin-left:23.7%;}

#board1{width:1000px; height:60px;  }
.list_button{width:80px; height:40px; padding:5px; border:1px solid #999; margin:0 auto;}
.p_title{font-size:1.5em; font-weight:600; margin-bottom:30px; }


div.gallery {
  border: 1px solid #fff; overflow:hidden;
}

div.gallery:hover {
  border: 1px solid #fff;
}

div.gallery img {
	width: 100%;
	height: auto;
}

div.gallery img:hover {
  transform:scale(1.02);		/* ie */
  -webkit-transform:scale(1.02);     /*  크롬 */
  -moz-transform:scale(1.02);       /* FireFox */
  -o-transform:scale(1.02);   /* opera */
	transition: 0.1s ease-in;
}



div.desc {
  height:33px; 
  text-align: center; background:white;
}


* {
  box-sizing: border-box; 
}

.responsive {
  padding: 0 6px 6px 0;
  float: left;
  width: 33%;
}

@media only screen and (max-width: 1500px) {
  .responsive {
    width: 33%;
    margin: 6px 0;
  }
  #container{width:90%; height : 0;
			margin-bottom : calc(800/1980*280%); margin-right:0%; margin-left:6%; padding-top:10px;}
}

@media only screen and (max-width: 1200px) {
  .responsive {
    width: 33%;
    margin: 6px 0;
  }
  #container{width:100%; height : 0;
			margin-bottom : calc(800/1980*280%); margin-right:0%; margin-left:1%; padding-top:10px;}
}




@media only screen and (max-width: 1000px) {
  .responsive {
    width: 49.99999%;
    margin: 6px 0;
  }
  #container{width:100%; height : 0;
			margin-bottom : calc(1080/1980*440%);   padding-top:10px;}
}

/*@media only screen and (max-width: 800px) {
  .responsive {
    width: 100%;
  }
  #container{width:90%; height : 0;
			padding-bottom : calc(6080/1980*200%);   margin-right:7%; margin-left:7%; margin-bottom:300px; padding-top:10px;}
}*/

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}