* { -webkit-text-size-adjust: none; }
/*硫붿씤*/
#container2 .mainbg {width: 100%; margin:0 auto;}
/*硫붿씤bg �щ씪�대뱶*/
#container2 .mainbg .bannerbg{position: relative;width: 100%; height:auto;}
#container2 .mainbg .bannerbg img{width:100%;}

#container2 .mainbg .goportfolio {width:255px; height:52px; border:1px solid #333; position:absolute; left:50%; margin-left:-143px; top:50%;margin-top: -26px;z-index:2000; cursor:pointer;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
}
#container2 .mainbg .goportfolio span{display: block;font-family:'Naumgothic', sans-serif; font-weight:lighter; color:#333; font-size:24px; margin-left:5px;margin-top:1px; line-height:52px; 
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
text-align:center;}
#container2 .mainbg .goportfolio span:hover{display: block;font-family:'Naumgothic', sans-serif; font-weight:lighter; color:#fff; font-size:24px;  line-height:52px; text-align:center;}
#container2 .mainbg .goportfolio:hover{font-family:'Naumgothic', sans-serif; font-weight:lighter; color:#fff; font-size:24px; line-height:52px; text-align:center; background:#f4cd20; border:1px solid #fff}
/*�щ씪�대뜑 CSS*/
#container2 .mainbg .bannerbg .bxslider{}
#container2 .mainbg .bx-wrapper{position: relative;}
#container2 .mainbg .bx-pager{position: absolute;bottom: 37px;left: 50%;}
#container2 .mainbg .bx-pager:after{display: block;content:"";clear: both;}
#container2 .mainbg .bx-pager-item{float:left; margin:0 5px 0 5px;}
#container2 .mainbg .bx-pager-item a{display: block;width: 11px;height: 11px;border: 2px solid #fff;border-radius: 50%;text-indent: -9999em;background:#fff;}
#container2 .mainbg .bx-pager-item a.active{display: block;width: 11px;height: 11px;background: #F4CD20;border-radius: 50%;text-indent: -9999em;}
/*�щ씪�대뜑 踰꾪듉*/
#container2 .mainbg .bx-controls-direction a{position: absolute;top: 50%; margin-top:-27px; opacity: .1;filter:alpha(opacity = 10);}
#container2 .mainbg .bx-controls-direction .bx-prev{display: block;width:54px; height:54px;background-image:url('/img/leftbtn.png'); background-repeat:no-repeat;text-indent: -9999em;left: 0;}
#container2 .mainbg .bx-controls-direction .bx-next{display: block;width:54px; height:54px;background-image:url('/img/rightbtn.png'); background-repeat:no-repeat;text-indent: -9999em; z-index:2000;right: 0;}
#container2 .mainbg .bx-controls-direction a:hover{opacity: .5;filter:alpha(opacity = 50);}
/*硫붿씤�쒕툕*/
#container2 .mainbg .msbg{width:980px; margin:0 auto;}

#container2 .mainbg .msbg .subimg{width:300px;height: 226px;}
#container2 .mainbg .msbg ul li{float:left; margin-right:40px; margin-top:40px; cursor:pointer; margin-bottom:50px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;

}
#container2 .mainbg .msbg ul li p{margin-top:20px; text-align:center; font-family:'Naumgothic', sans-serif; font-weight:lighter; color:#333; font-size:18px;}
#container2 .mainbg .msbg ul li:hover p{margin-top:20px; text-align:center; font-family:'Naumgothic', sans-serif; font-weight:lighter; color:#f4cd20; font-size:18px;}
#container2 .mainbg .msbg ul li.last{margin-right:0px;}

#container2 .adminlogin{width:100%;height:100%; margin: 0 auto; /* margin-top:50%; margin-top:-184px; */background-position: center;}
#container2 .loginform{width:582px; margin: 0 auto; position:absolute; top:50%; left:50%; margin-left:-291px; margin-top:-67px;}
#container2 .adminlogin .adminloginplace{margin-right:80px;float:left;}
#container2 .adminlogin .admininput{width:280px; height:36px; border:1px solid #0077c2; margin-bottom:10px;}
#container2 .adminlogin .adminloginnbtn{float:right; cursor:pointer;}	

/* pc */
@media screen and (min-width: 981px){
   
    
}
@media screen and (min-width: 981px) and (max-width: 1680px){
img{max-width:100%;}
#container2 .mainbg{margin: 0 auto;}
#container2 .mainbg .bannerbg{ margin-bottom:0;}
#container2 .mainbg .goportfolio{width:20%; position:absolute; margin-left:-10%;}
#container2 .mainbg .msbg{width:980px; margin:0 auto; text-align:center;}


}

/* ta */
@media screen and (min-width: 641px) and (max-width: 980px){
img{max-width:100%;}
#container2 .mainbg{width: 100%; margin: 0 auto;}
#container2 .mainbg .bannerbg{width: 100%; height:auto; margin-bottom:0;}
#container2 .mainbg .goportfolio{width:170px; position:absolute; top:50%; left:50%; margin-left:-90px;}
#container2 .mainbg .goportfolio span{display: block;font-family:'Naumgothic', sans-serif; font-weight:lighter; color:#333; font-size:18px;  line-height:auto; 
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
text-align:center;}
#container2 .mainbg .goportfolio span:hover{display: block;font-family:'Naumgothic', sans-serif; font-weight:lighter; color:#fff; font-size:18px;  line-height:auto; text-align:center;}
#container2 .mainbg .goportfolio:hover{font-family:'Naumgothic', sans-serif; font-weight:lighter; color:#fff; font-size:18px; line-height:auto; text-align:center; background:#f4cd20; border:1px solid #fff}
#container2 .mainbg .msbg{width:100%;  }
#container2 .mainbg .msbg .subimg{width:80%; margin:0 auto;}
#container2 .mainbg .msbg ul{}
#container2 .mainbg .msbg ul li{float:none; margin-right:00px;cursor:pointer; margin-bottom:25px; text-align:center;}
#container2 .mainbg .msbg ul li p{margin-top:10px; text-align:center; font-family:'Naumgothic', sans-serif; font-weight:lighter; color:#333; font-size:24px;}
#container2 .mainbg .msbg ul li:hover p{margin-top:10px; text-align:center; font-family:'Naumgothic', sans-serif; font-weight:lighter; color:#f4cd20; font-size:24px;}
#container2 .mainbg .msbg ul li.last{margin-right:0px;}
/*�щ씪�대뜑 踰꾪듉*/
#container2 .mainbg .bx-controls-direction a{position: absolute;top: 50%; margin-top:-27px;opacity: .1;filter:alpha(opacity = 10);}
#container2 .mainbg .bx-controls-direction .bx-prev{display: block;width:54px; height:54px;background-image:url('../img/main/leftbtn.png'); background-repeat:no-repeat;text-indent: -9999em;left: 0;}
#container2 .mainbg .bx-controls-direction .bx-next{display: block;width:54px; height:54px;background-image:url('../img/main/rightbtn.png'); background-repeat:no-repeat;text-indent: -9999em; z-index:2000;right: 0;}
#container2 .mainbg .bx-controls-direction a:hover{opacity: .5;filter:alpha(opacity = 50);}
#container2 .mainbg .bx-pager{position: absolute;bottom: 16px;left: 50%;}
#container2 .mainbg .bx-pager-item a{display: block;width: 10px;height: 10px;border: 1px solid #fff;border-radius: 50%;text-indent: -9999em;background:#fff;}
#container2 .mainbg .bx-pager-item a.active{display: block;width: 10px;height: 10px;background: #F4CD20;border-radius: 50%;text-indent: -9999em;}
/*硫붿씤�쒕툕*/
#container2 .mainbg .msbg{width:100%; margin:0 auto;}

#container2 .mainbg .msbg .subimg{width:80%; text-align:center;}
#container2 .mainbg .msbg ul li{ margin-right:0px; margin-top:40px; cursor:pointer; margin-bottom:50px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
}
#container2 .mainbg .msbg ul li p{margin-top:20px; text-align:center; font-family:'Naumgothic', sans-serif; font-weight:lighter; color:#333; font-size:18px;}
#container2 .mainbg .msbg ul li:hover p{margin-top:20px; text-align:center; font-family:'Naumgothic', sans-serif; font-weight:lighter; color:#f4cd20; font-size:18px;}
#container2 .mainbg .msbg ul li.last{margin-right:0px;}
}
@media screen and (min-width: 481px) and (max-width: 640px){
img{max-width:100%;height: auto;}
#container2 .mainbg{width: 100%; margin: 0 auto;}
#container2 .mainbg .bannerbg{width: 100%; height:auto; margin-bottom:100px;}
#container2 .mainbg .goportfolio{width:170px; position:absolute; top:50%; left:50%; margin-left:-90px;}
#container2 .mainbg .goportfolio span{display: block;font-family:'Naumgothic', sans-serif; font-weight:lighter; color:#333; font-size:14px;  line-height:auto; 
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
text-align:center;}
#container2 .mainbg .goportfolio span:hover{display: block;font-family:'Naumgothic', sans-serif; font-weight:lighter; color:#fff; font-size:14px;  line-height:auto; text-align:center;}
#container2 .mainbg .goportfolio:hover{font-family:'Naumgothic', sans-serif; font-weight:lighter; color:#fff; font-size:14px; line-height:auto; text-align:center; background:#f4cd20; border:1px solid #fff}
#container2 .mainbg .msbg{width:100%;  }
#container2 .mainbg .msbg .subimg{width:80%; margin:0 auto;}
#container2 .mainbg .msbg ul{}
#container2 .mainbg .msbg ul li{float:none; margin-right:00px;cursor:pointer; margin-bottom:25px; text-align:center;}
#container2 .mainbg .msbg ul li p{margin-top:10px; text-align:center; font-family:'Naumgothic', sans-serif; font-weight:lighter; color:#333; font-size:24px;}
#container2 .mainbg .msbg ul li:hover p{margin-top:10px; text-align:center; font-family:'Naumgothic', sans-serif; font-weight:lighter; color:#f4cd20; font-size:24px;}
#container2 .mainbg .msbg ul li.last{margin-right:0px;}
/*�щ씪�대뜑 踰꾪듉*/
#container2 .mainbg .bx-controls-direction a{position: absolute;top: 50%; margin-top:-27px;opacity: .1;filter:alpha(opacity = 10);}
#container2 .mainbg .bx-controls-direction .bx-prev{display: block;width:27px; height:27px;background-image:url('../img/main/leftbtn.png'); background-repeat:no-repeat;background-size: cover;text-indent: -9999em;left: 0;}
#container2 .mainbg .bx-controls-direction .bx-next{display: block;width:27px; height:27px;background-image:url('../img/main/rightbtn.png'); background-repeat:no-repeat;background-size: cover;text-indent: -9999em; z-index:2000;right: 0;}
#container2 .mainbg .bx-controls-direction a:hover{opacity: .5;filter:alpha(opacity = 50);}
#container2 .mainbg .bx-pager{position: absolute;bottom: 16px;left: 50%;}
#container2 .mainbg .bx-pager-item a{display: block;width: 10px;height: 10px;border: 1px solid #fff;border-radius: 50%;text-indent: -9999em;background:#fff;}
#container2 .mainbg .bx-pager-item a.active{display: block;width: 10px;height: 10px;background: #F4CD20;border-radius: 50%;text-indent: -9999em;}

}
/* moblie */
@media screen and (min-width: 341px) and (max-width: 480px){
img{max-width:100%;height: auto;}
#container2 .mainbg{width: 100%; margin: 0 auto;}
#container2 .mainbg .bannerbg{width: 100%; height:0 auto; margin-bottom:76px;}
#container2 .mainbg .goportfolio{width:100px; height:30px;position:absolute; top:50%; left:50%; margin-left:-50px;}
#container2 .mainbg .goportfolio span{display: block;font-family:'Naumgothic', sans-serif; font-weight:lighter; color:#333; font-size:12px; margin-left:5px; line-height:30px; 
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
text-align:center;}
#container2 .mainbg .goportfolio span:hover{display: block;font-family:'Naumgothic', sans-serif; font-weight:lighter; color:#fff; font-size:12px;  line-height:30px; text-align:center;}
#container2 .mainbg .goportfolio:hover{font-family:'Naumgothic', sans-serif; font-weight:lighter; color:#fff; font-size:12px; line-height:30px; text-align:center; background:#f4cd20; border:1px solid #fff}
#container2 .mainbg .msbg{width:100%;  }
#container2 .mainbg .msbg .subimg{width:80%; margin:0 auto;}
#container2 .mainbg .msbg ul{}
#container2 .mainbg .msbg ul li{float:none; margin-right:00px;cursor:pointer; margin-bottom:25px; text-align:center;}
#container2 .mainbg .msbg ul li p{margin-top:10px; text-align:center; font-family:'Naumgothic', sans-serif; font-weight:lighter; color:#333; font-size:24px;}
#container2 .mainbg .msbg ul li:hover p{margin-top:10px; text-align:center; font-family:'Naumgothic', sans-serif; font-weight:lighter; color:#f4cd20; font-size:24px;}
#container2 .mainbg .msbg ul li.last{margin-right:0px;}
/*�щ씪�대뜑 踰꾪듉*/
#container2 .mainbg .bx-controls-direction a{position: absolute;top: 50%; margin-top:-27px;opacity: .1;filter:alpha(opacity = 10);}
#container2 .mainbg .bx-controls-direction .bx-prev{display: block;width:27px; height:27px;background-image:url('../img/main/leftbtn.png'); background-repeat:no-repeat;-webkit-background-size: cover;
background-size: cover;text-indent: -9999em;left: 0;}
#container2 .mainbg .bx-controls-direction .bx-next{display: block;width:27px; height:27px;background-image:url('../img/main/rightbtn.png'); background-repeat:no-repeat;-webkit-background-size: cover;
background-size: cover;text-indent: -9999em; z-index:2000;right: 0;}
#container2 .mainbg .bx-controls-direction a:hover{opacity: .5;filter:alpha(opacity = 50);}
#container2 .mainbg .bx-pager{position: absolute;bottom: 10px;left: 50%;}
#container2 .mainbg .bx-pager-item a{display: block;width: 8px;height: 8px;border: 1px solid #fff;border-radius: 50%;text-indent: -9999em;background:#fff;}
#container2 .mainbg .bx-pager-item a.active{display: block;width: 8px;height: 8px;background: #F4CD20;border-radius: 50%;text-indent: -9999em;}
	
}
/* moblie */
@media screen and (max-width: 340px){
img{max-width:100%;height: auto;}
#container2 .mainbg{width: 100%; margin: 0 auto;}
#container2 .mainbg .bannerbg{width: 100%; height:0 auto; margin-bottom:100px;}
#container2 .mainbg .goportfolio{width:100px; height:30px;position:absolute; top:50%; left:50%; margin-left:-50px;}
#container2 .mainbg .goportfolio span{display: block;font-family:'Naumgothic', sans-serif; font-weight:lighter; color:#333; font-size:12px; margin-left:5px; line-height:30px; 
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
text-align:center;}
#container2 .mainbg .goportfolio span:hover{display: block;font-family:'Naumgothic', sans-serif; font-weight:lighter; color:#fff; font-size:12px;  line-height:30px; text-align:center;}
#container2 .mainbg .goportfolio:hover{font-family:'Naumgothic', sans-serif; font-weight:lighter; color:#fff; font-size:12px; line-height:30px; text-align:center; background:#f4cd20; border:1px solid #fff}
#container2 .mainbg .msbg{width:100%;  }
#container2 .mainbg .msbg .subimg{width:80%; margin:0 auto;}
#container2 .mainbg .msbg ul{}
#container2 .mainbg .msbg ul li{float:none; margin-right:00px;cursor:pointer; margin-bottom:25px; text-align:center;}
#container2 .mainbg .msbg ul li p{margin-top:10px; text-align:center; font-family:'Naumgothic', sans-serif; font-weight:lighter; color:#333; font-size:14px;}
#container2 .mainbg .msbg ul li:hover p{margin-top:10px; text-align:center; font-family:'Naumgothic', sans-serif; font-weight:lighter; color:#f4cd20; font-size:14px;}
#container2 .mainbg .msbg ul li.last{margin-right:0px;}
/*�щ씪�대뜑 踰꾪듉*/
#container2 .mainbg .bx-controls-direction a{position: absolute;top: 50%; margin-top:-27px;opacity: .1;filter:alpha(opacity = 10);}
#container2 .mainbg .bx-controls-direction .bx-prev{display: block;width:27px; height:27px;background-image:url('../img/main/leftbtn.png'); background-repeat:no-repeat;-webkit-background-size: cover;
background-size: cover;text-indent: -9999em;left: 0;}
#container2 .mainbg .bx-controls-direction .bx-next{display: block;width:27px; height:27px;background-image:url('../img/main/rightbtn.png'); background-repeat:no-repeat;-webkit-background-size: cover;
background-size: cover;text-indent: -9999em; z-index:2000;right: 0;}
#container2 .mainbg .bx-controls-direction a:hover{opacity: .5;filter:alpha(opacity = 50);}
#container2 .mainbg .bx-pager{position: absolute;bottom: 10px;left: 50%;}
#container2 .mainbg .bx-pager-item a{display: block;width: 6px;height: 6px;border: 1px solid #fff;border-radius: 50%;text-indent: -9999em;background:#fff;}
#container2 .mainbg .bx-pager-item a.active{display: block;width: 6px;height: 6px;background: #F4CD20;border-radius: 50%;text-indent: -9999em;}
}


.subfooter {
	background-color: #282828;
	border-bottom: 1px solid #f3f3f3;
	padding: 20px 0;
	color:#C6C6C6;
	font-size:11pt;
}

.btn {
	line-height: 1.42857143;
	text-align: center;
	border-radius: 0;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.btn-hwang {
	color: #373737;
	border: 1px solid #cccccc;
	background:#fff;
}
.btn-hwang:hover {
	color: #fff;
	border-color: #EEBF17;
	background:#EEBF17;
}
.btn-hwang:active {
	background-color: #E6B611;
	color: #fff;
}

.cleargallery {
	clear:both;
}

#gallery_content {
	height:auto;
}

#gallery_content .box_gallery img {
	max-width:100%; width:100%;
}

#gallery_content .box_gallery {
width:50%;
  padding: 6px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

@media screen and (min-width: 720px) {
  #gallery_content .box_gallery { width: 33%; }
}

@media screen and (min-width: 992px) {
  #gallery_content .box_gallery { width: 25%; }
}