@charset "euc-kr";
/*CSS Document*/
@import url(/adm/wiz_reset.css);

.clear {clear: both;}


.select {color:#666; border:1px solid #ccc; background-color:#fff;}
.input {padding:2px; border:1px solid #dfdfdf; background-color:#f7f7f7; border-radius: 4px;}
.input_idpw {color:#545454; border:1px solid #dfdfdf; background-color:#fff; }
.search_input {color: #847f74; border: #cfcfcf 1px solid; background-color: #fff; }
.category_pd {margin-bottom: 4%; text-align: center;}
.catebox {padding:10px 25px 12px; border-top: #cfcfcf 1px solid; border-bottom: #cfcfcf 1px solid; border-left: #cfcfcf 1px solid;}
.catebox:last-child {border-right: #cfcfcf 1px solid;}

.font-30 {font-size: 30px;}

/*페이징간격*/
.Paging_Num td { padding-left:3px; }

/*패스워드인풋*/
.Password_input input { height:20px; line-height:20px; background:#fff; border:1px solid #ccc; margin:0 1px; padding:3px 4px 3px;}



/* 3.4.1 Projects Carousel */



.project-carousel{
  margin-top: 1.63rem;
}

.owl-nav{
  position: absolute;
  top:50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.owl-nav .disabled{
  color: #bcbcbc;
}


.owl-text{
  display: inline-block;
  font-size: 1.7rem;
  font-weight: 700;
  line-height: -1;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  margin-top: 5px;
  vertical-align: middle;
  text-transform: uppercase;
}

.owl-prev,
.owl-next{
  display: inline-block;
  font-size: 2.6rem;
  line-height: 1;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.owl-prev:before{
  font-family:"Ionicons";
  content: "\f3d2";
}

.owl-next:before{
  font-family:"Ionicons";
  content: "\f3d3";
}

.owl-prev:hover,
.owl-next:hover{
  color: #c6d70a;
}


.owl-dots{
  text-align: center;
  margin-top: 3.6rem;
}

.owl-dot{
  display: inline-block;
  vertical-align: top;
   margin:0 0.6rem;
}

.owl-dot span{
  display: block;
  width: 2.4rem;
  height: 0.4rem;
  background-color: #cccccc;
}

.owl-dot.active span{
  background-color: #c6d70a;
}

.project-item{
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.project-item img{
  width:100%;
  height: 226px;
}

.item-shadow{
  position: relative;
}

.item-shadow:before{
  content:'';
  position: absolute;
  z-index: 1;
  left: 0;
  top:0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 46%,rgba(0,0,0,0.6) 100%); 
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 46%,rgba(0,0,0,0.6) 100%);
}

.project-item .link-arrow{
  position: absolute;
  z-index: 2;
  color: #fff;
  left: 2.5rem;
  bottom: 2.3rem;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.project-hover{
  position: absolute;
  z-index: 2;
  left: 0;
  top:0;
  width: 100.1%;
  height: 100%;
  padding:3.85rem 2.4rem;
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}

.project-title{
  color: #fff;
  margin:0;
}

.project-hover .project-title{
  position: absolute;
  bottom: 3.8rem;
}

.project-description{
  opacity: 0;
  margin-top:12%;
  line-height: 1.71;
  color:#333333;
  -webkit-transform: translateX(-1rem);
  -ms-transform: translateX(-1rem);
  -o-transform: translateX(-1rem);
  transform: translateY(-1rem);
}

.project-item:hover .project-hover{
  background-color: rgba(206,224,2,0.85);
}

.project-item:hover .project-hover .project-title{
  position: relative;
  color: #000;
  bottom:2.9rem;
  -webkit-transform: translateY(2rem);
  -ms-transform: translateY(2rem);
  -o-transform: translateY(2rem);
  transform: translateY(2rem);
  -webkit-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
  
}

.project-item:hover .project-hover .project-description{
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateY(0);
  -webkit-transition: all 0.4s 0.2s ease;
  -o-transition: all 0.4s 0.2s ease;
  transition: all 0.4s 0.2s ease;
}

.project-item:hover .link-arrow{
  color: #000;
}



/* 6.1 Works Grid */


.js-isotope{
  overflow:hidden;
}

.filter-content-2{
  margin-bottom: 1.9rem;
}

.filter-content-2 .filter li,
.filter-content-3 .filter li,
.filter-content-4 .filter li{
  margin-right: 4rem;
}

.filter-content-3{
  margin-bottom: 4.6rem;
}

.filter-content-4{
  margin:6rem 0 9rem;
}

.grid-items{
  margin:-30px -15px 0 -15px;
}

.grid-items:after{
  content:'';
  clear: both;
  display:block;
}

.grid-item{
  float: left;
  padding:30px 15px 0 15px;
}

.project-hover-2{
  position: absolute;
  z-index: 2;
  left: 0;
  top:0;
  width: 100.1%;
  height: 100%;
  padding:2.71rem;
  -webkit-transition: 0.5s ease;;
  -o-transition: 0.5s ease;;
  transition: 0.5s ease;;
}

.project-hover-2 .icon-plus{
  opacity: 0;
  position: absolute;
  color: #000;
  right: 2.71rem;
  font-size: 3rem;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}

.project-hover-2 .project-title{
  opacity: 0;
  position: absolute;
  bottom: 2.71rem;
  color: #000;
  -webkit-transform: translateX(-2rem);
  -ms-transform: translateX(-2rem);
  -o-transform: translateX(-2rem);
  transform: translateX(-2rem);
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}

.project-item:hover .project-hover-2{
  background-color: rgba(206,224,2,0.85);
}

.project-item:hover .project-hover-2 .project-title,
.project-item:hover .project-hover-2 .icon-plus{
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}


/* 6.2 Works Carousel */



/***************************************************** 리스트 *****************************************************/
/* 게시판 하단 검색------------------------------------------*/
.AWbbs_f_search{border-top:1px solid #999; border-bottom:1px solid #ddd; background:#f7f7f7; padding:10px 0;}
.AWbbs_f_search select{border:1px solid #ccc; padding:4px 4px 5px; }
.AWbbs_f_search input{width:200px; height:20px; line-height:20px; background:#fff; border:1px solid #ccc; margin:0 5px; padding:3px 4px 3px;}
.AWbbs_f_search button{}



/***************************************************** 인풋 *****************************************************/
/* 게시판 input ------------------------------------------*/
.AWbbs_input_table{border-top:1px solid #333;}
.AWbbs_input_table th, .AWbbs_input_table td{text-align:left; padding:15px 15px; border-bottom:1px solid #ddd;}
.AWbbs_input_table th{height:38px; background:#f7f7f7;}
.AWbbs_input_table td{}
	/* 체크박스 (HTML 비밀글 공지글) */
	.AW_bbs_input_checkbox{margin:0 0 10px;}
	.AW_bbs_input_checkbox input{vertical-align:middle;}
	.AW_bbs_input_checkbox label{vertical-align:middle; margin:0 10px 0 2px;}





/***************************************************** 상세 *****************************************************/
/* 게시판 view ------------------------------------------*/
.AWbbs_view_table{}
.AWbbs_view_table.border{border-top:1px solid #333;}
.AWbbs_view_table th, .AWbbs_view_table td{text-align:left; padding-left:15px; border-bottom:1px solid #ddd;}
.AWbbs_view_table th{height:40px; background:#f7f7f7;}
.AWbbs_view_table td{}
	/* 테이블 안에 테이블 리셋 */
	.AWbbs_view_table table{border:0 none;}
	.AWbbs_view_table table th, .AWbbs_view_table table td{height:auto; padding:0; border:0 none; background:none;}

	/* 코멘트 */
	.AWbbs_comment_id{text-align:center; background:#f7f7f7; line-height:1.4;}
	.AWbbs_comment_id p{font-weight:bold;}
	.AWbbs_comment_id span{display:block; color:#999; font-size:10px;}
	
	/* 코멘트쓰기 */
	.AWbbs_comment_input_info{}
	.AWbbs_comment_input_info .input{background:#fff;}




/* 추가 CSS ------------------------------------------*/
@media (min-width: 992px){
	.gboard-boxed {width:75%;}
	.board-boxed {
	    padding-left: 16.4rem;
	    padding-right: 16.4rem;
	    margin: 0 auto;
	    /*width: 1200px;*/
	}
	.btn-right {padding-right:16.2857rem; float: right;}
}
@media (min-width: 768px){
	.gboard-boxed {width:85%;}
	.board-boxed {
	    padding-left: 8.4rem;
	    padding-right: 8.4rem;
	}
	.gboard-area {
		margin: auto;
		left: 50%;
		transform: translateX(0%);
	}
	.btn-right {right:10.4rem;}
}
@media (min-width: 510px){
	.board-boxed {
	    padding-left: 4.4rem;
	    padding-right: 4.4rem;
	}
	.btn-right {right:4.3rem;}
}


.br-height {margin: 3%;}
.btn-margin {margin:2.2% 0 0%; padding-top:3.8rem; padding-bottom:4.4rem;}
.fr {
    float: right;
    text-align: right;
}
.fl {
    float: left;
}


.project-title {
	font-size: 25px;
}
.project-title a{
	color: #FFF !important;
	font-family: 'Poppins', sans-serif;
}
.project-title a:hover{
	color: #000 !important;
}
.grid-item {
	padding: 15px 15px 20px 15px;
	/* border: red solid 1px; */
}	
.br-height {margin: 40px;}
.fr {
    float: right;
}

.link-arrow {font-size: 11px !important;}


.gallery-subject {
	width: 100%;
	font-size: 26px;
	border-top:1px #ddd solid;
	padding:15px 20px 5px;
	margin-bottom: 15px;
}
.gallery-imgBox ul li {
	float: left;
}
.upimg-list p {
	padding: 6px 15px;
}
.upimg-list p:first-child {
	padding-top: 2px;
}

.list-txt-r {
	text-align: right;
	margin-right: 0.25rem;
}
.list-txt-l {
	text-align: left;
	margin-left: 0.25rem;
}



.link-arrow.h5 .icon-chevron-right{
  font-size: 1.8rem;
  margin-top: -0.45rem;
}
.link-arrow.h5 .icon-chevron-left{
  font-size: 1.8rem;
  margin-top: -0.45rem;
  
}




.paging-list ul li {
	float: left;
	width: 49.8%;
	border-top:1px #ddd solid;
	border-right:1px #ddd solid;
}
.paging-list ul li:last-child {
	border-right:0px #ddd solid;
}




/* 제품 상세 상단 */
.detail{position:relative; margin:40px auto 0; width: 1200px;}
.detail:after{content:"";display:block;clear:both}
.detail .detailImg {width:100%; margin-bottom: 25px;}
.detail .detailImg:after{content:"";display:block;clear:both}
.detail .detailImg .thumb {}
.detail .detailImg .thumb li{overflow:hidden;position:relative;width:145px;height:100%;border:1px solid #d1d4da}
.detail .detailImg .thumb li + li{margin-top:17px}
.detail .detailImg .thumb li img{position:relative;display:block;width:100%;height:7.2rem;z-index:3}
.detail .detailImg .thumb li:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:url(../../images/contents/noimg_01.png) no-repeat 50% 50%;background-size:80px}
.detail .detailImg .thumb li.active{border:1px solid #20409a}


.detail .detailImg .large{width:84.5%; margin:0 auto;position:relative;margin-right:28px; padding:0 0px 0 10px;}
.detail .detailImg .large img{width:100%;/*height:44.2rem;*/margin:0 auto;}
.detail .detailImg .large p{position:absolute;bottom:10px;width:100%;text-align:center;color:#333237;font-size:16px;font-weight:500;letter-spacing:-0.5px;}
.detail .detailImg .large p i{display:inline-block;width:40px;height:40px;margin:0 8px 0 0;background-position:-502px -640px;vertical-align:middle;}
.detail .detailImg .large p.guide{position:absolute;bottom:-50px;background:none}


@media only screen and (max-width:1520px){
	.detailTab li{width:calc(100% / 3)}
}

@media only screen and (max-width:1499px){
	.detail{min-height:auto;max-height:none}
	.detail .detailImg {padding: 0 3px;}
	.detail .detailImg .large{margin-left:0;}
	.detail .detailImg .large img{display:block;width:100%}
	
}

@media only screen and (max-width:1280px){
	.detail{position:relative; margin:40px auto 0; width: 61.5rem;}
	.detail .detailImg {border:0px solid red;}
	.detail .detailImg .large{width:Calc(100% - 150px)}
	.detail .detailImg .thumb li{overflow:hidden;position:relative;width:120px;height:100%;}
	
}

@media only screen and (max-width:1024px){
	.detail{min-height:auto;max-height:none;background:#fff;margin:0 auto;}
	.detail .detailImg{padding:0 15px;box-sizing:border-box; margin-bottom: 20px;}
	.detail .detailImg .large img{width:70%;margin:0 auto;}
	
	.detail .detailImg .large p{bottom:5px;font-size:14px;}
	.detail .detailImg .large p i{width:20px;height:20px;background-size:400px;background-position:-251px -320px}
}

@media only screen and (min-width:610px) and (max-width:820px){
	.detail{position:relative; margin:40px auto 0; width: 48.5rem;}
	.detail .detailImg {padding: 0 3px; margin-bottom: 20px;}
	.detail .detailImg .large img{width:100%;margin:0 auto;}
	.detail .detailImg .large,
	.detail .detailImg .thumb{clear:both;float:none !important;width:100%;margin-top:2px;text-align:center}
	.detail .detailImg .thumb:after{content:"";display:block;clear:both}
	.detail .detailImg .thumb li{display:inline-block;width:calc((100% - 58px) /5);height:100%;margin:0;box-sizing:border-box;background:#fff}
	.detail .detailImg .thumb li:after{background-size:60px}
	.detail .detailImg .thumb li + li{margin:0 0 0 10px}
	.detail .detailContent {padding: 20px 10px;}
}	

@media only screen and (max-width:590px){
	.project-item img{
	  width:100%;
	  height: 260px;
	}
	.grid-items {margin: -30px 2px 0 2px;}

	.detail{position:relative; margin:40px auto 0; width: 100%;}
	.detail .detailImg {padding: 0 3px; margin-bottom: 20px;}
	.detail .detailImg .large{width:100%}
	.detail .detailImg .large img{width:100%;margin:0 auto;}
	.detail .detailImg .thumb{clear:both;float:none !important;width:100%;margin-top:2px;text-align:center}
	.detail .detailImg .thumb:after{content:"";display:block;clear:both}
	.detail .detailImg .thumb li{display:inline-block;width:calc((100% - 22px) /5);height:100%;margin:0;box-sizing:border-box;background:#fff}
	.detail .detailContent {padding: 20px 10px;}
	.board-boxed {
	    padding-left: 1.4rem;
	    padding-right: 1.4rem;
	}
	.gallery-subject {
	font-size: 20px;
	border-top:1px #ddd solid;
	padding:13px 10px 2px;
	margin-bottom: 15px;
	}
	
	.btn-margin {width: 99%; padding-top:1.4rem; padding-bottom:1.4rem;}
	
	.bo_btn_type1 {font-size:12.5px!important; line-height:30px!important; width: 5.2rem!important; margin: 8% 0 11%;}
	.bo_btn_type2 {font-size:13px!important; line-height:30px!important; width: 5.2rem!important; margin: 8% 0 11%;}
	.bo_btn_type6 {font-size:13px!important; line-height:30px!important; width: 5.2rem!important; margin: 8% 0 11%;}
	.bo_btn_type7 {font-size:13px!important; line-height:30px!important; width: 5.2rem!important; margin: 8% 0 11%;}
	.detail .detailImg .thumb li img {
	    position: relative;
	    display: block;
	    width: 100%;
	    height: 3.4rem;
	    z-index: 3;
	}
}	





.btn_1 {display:inline-block; vertical-align:top; width:140px; height:45px; background:#666; border:1px solid #666; margin:0 6px; color:#fff !important;font-size:18px;line-height:42px;}
.btn_1:hover{ -webkit-transition: all 0.25s;-moz-transition: all 0.25s;-ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s;  opacity: .8; -khtml-opacity: .80; -moz-opacity: .80; -ms-filter: ”alpha(opacity=80)”; filter: alpha(opacity=80);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); opacity: .80;}
.btn_1 a{display:block; color:#fff;font-size:18px; line-height:50px; font-weight:400;}

.btn_2 {display:inline-block; vertical-align:top; width:160px; height:50px; border:1px solid #e5e5e5; margin:0 6px; color:#666; font-size:18px;line-height:42px; border-radius: 3px;}
.btn_2:hover{ -webkit-transition: all 0.25s;-moz-transition: all 0.25s;-ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s;  opacity: .8; -khtml-opacity: .80; -moz-opacity: .80; -ms-filter: ”alpha(opacity=80)”; filter: alpha(opacity=80);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); opacity: .80;}
.btn_2 a{display:block; font-size:18px; line-height:50px; font-weight:400;}


/* 게시판버튼 */
.bo_btn_type1 {display:inline-block; vertical-align:top; border:1px solid #838894; background:#838894; text-align:center; color:#fff !important;font-size:16px; line-height:39px; border-radius: 3px; width: 7rem;}
.bo_btn_type1:hover{ -webkit-transition: all 0.25s;-moz-transition: all 0.25s;-ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s;  opacity: .8; -khtml-opacity: .80; -moz-opacity: .80; -ms-filter: ”alpha(opacity=80)”; filter: alpha(opacity=80);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); opacity: .80;}
.bo_btn_type1 a{display:block; color:#fff;font-size:16px; line-height:43px; font-weight:400;}

.bo_btn_type2 {display:inline-block; vertical-align:top; border:1px solid #dbdbdb; text-align:center; font-size:16px; line-height:40px; border-radius: 3px; font-weight: 500; width: 7.5rem;}
.bo_btn_type2:hover{ -webkit-transition: all 0.25s;-moz-transition: all 0.25s;-ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s;  opacity: .8; -khtml-opacity: .80; -moz-opacity: .80; -ms-filter: ”alpha(opacity=80)”; filter: alpha(opacity=80);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); opacity: .80; background: #d9d9d9; color: #000;}
.bo_btn_type2 a{display:block; font-size:16px; line-height:43px; font-weight:400;}


.bo_btn_type6 {display:inline-block; vertical-align:top; border:1px solid #666; background:#666; text-align:center; color:#fff !important;font-size:16px; line-height:40px; border-radius: 3px; width: 7.5rem;}
.bo_btn_type6:hover{ -webkit-transition: all 0.25s;-moz-transition: all 0.25s;-ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s;  opacity: .8; -khtml-opacity: .80; -moz-opacity: .80; -ms-filter: ”alpha(opacity=80)”; filter: alpha(opacity=80);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); opacity: .80;}
.bo_btn_type6 a{display:block; color:#fff;font-size:16px; line-height:43px; font-weight:400;}


.bo_btn_type7 {display:inline-block; vertical-align:top; border:1px solid #dbdbdb; text-align:center; font-size:16px; line-height:40px; border-radius: 3px; font-weight: 500; width: 7.5rem;}
.bo_btn_type7:hover{ -webkit-transition: all 0.25s;-moz-transition: all 0.25s;-ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s;  opacity: .8; -khtml-opacity: .80; -moz-opacity: .80; -ms-filter: ”alpha(opacity=80)”; filter: alpha(opacity=80);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); opacity: .80; background: #193c7b; color: #FFF;}
.bo_btn_type7 a{display:block; font-size:16px; line-height:43px; font-weight:400;}