@charset "utf-8";
/* *******************************************************
 * filename : content_responsive.css
 * description : 서브페이지 컨텐츠 반응형 CSS
 * date : 2019-02-01
******************************************************** */


/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
@media all and (max-width:1220px){
	.custom-scrollbar-wrapper .scroll-object{max-width:100%;}
}
@media all and (max-width:800px){
	.custom-scrollbar-wrapper{position:relative;margin-right:-15px; cursor:move}
	.custom-scrollbar-wrapper .scroll-object{max-width:none; width:800px; }
	.custom-scrollbar-cover{display:block; position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.5)}
	.custom-scrollbar-cover .scroll-cover-txt{position:absolute; top:50%; left:0; width:100%; text-align:center; color:#fff; font-size:300; font-size:15px;}
	.custom-scrollbar-cover .scroll-cover-txt i{font-size:30px; display:block; margin-bottom:20px; }
}

/* -------- 공통 :: 탭 -------- */
@media all and (max-width:1220px){
	.sub-tab-cm-style .area{padding:0}
}
@media all and (max-width:1024px){
	/* Collection Category Tab */
	.sub-tab-cm-style.fixed{top:80px;}
	.sub-tab-cm-style ul li a em{font-size:13px}
}
@media all and ( max-width: 800px ){
	/* Tab 공통 스타일 */
	.sub-cm-tab-wrapper{height:50px; background-color:#fff; margin:-1px -15px 6%;}
	.sub-cm-tab-wrapper.line{margin-bottom:12%}
	.sub-cm-tab-wrapper.line:before{bottom:0; margin-bottom:-6%}
	.sub-cm-tab-wrapper .sub-tab-cm-style{position:relative; margin:0 15%; }
	.sub-tab-cm-style ul li a{height:50px; }
	.sub-tab-cm-style ul li a em{font-size:13px}
	/* 모바일 드롭메뉴 버튼 */
	.sub-tab-cm-style .cm-tab-m-btn{position:relative; display:block; padding:0 15px; height:50px; line-height:50px; background-color:#655c55; border:1px solid #655c55}
	.sub-tab-cm-style .cm-tab-m-btn span{color:#fff; font-size:15px;}
	.sub-tab-cm-style .cm-tab-m-btn .arrow{color:#fff; position:absolute; top:50%; right:15px; margin-top:-12px}
	.sub-tab-cm-style .cm-tab-m-btn .arrow:before{font-family: xeicon; font-size:24px; line-height:1; content: "\e942"; color:#fff; font-style:normal;}
	.sub-tab-cm-style.open .cm-tab-m-btn .arrow.arrow:before{ content: "\e945"; }
	/* 모바일 드롭메뉴 리스트 */
	.cm-drop-tab-list ul{display:none; margin:0;  position:absolute; top:50px; left:0px; right:0px;background-color:#655c55; z-index:11; box-sizing:border-box; border:0;}
	.cm-drop-tab-list ul li{position:static; display:block; border-left:0; float:none; border-top:1px solid rgba(255,255,255,0.2); width:auto; background-color:transparent}
	.cm-drop-tab-list ul li:first-child{border-top:0}
	.cm-drop-tab-list ul li a{display:block; width:auto; height:auto; padding:10px 15px; border:0; }
	.cm-drop-tab-list ul li a em{font-size:13px; color:#fff;}
	.cm-drop-tab-list ul li.selected a{background-color:transparent;}
	.cm-drop-tab-list ul li.selected a em{position:relative; color:#5bb531; font-weight:600;  }
}
@media all and (max-width:480px){
	/* Tab Fixed Move*/	
	.sub-tab-cm-style.fixed{top:60px;}
	
	/* Tab 공통 스타일 */
	.sub-cm-tab-wrapper{height:40px;}
	.sub-tab-cm-style .cm-tab-m-btn{height:40px; line-height:40px; }
	.cm-drop-tab-list ul{top:40px;}
}

/* -------- 공통 :: 버튼 -------- */
@media all and (max-width:800px){
    .cm-button-style01{}
	.cm-button-style01 em{font-size:12px;}
}


/* ******************  COLLECTION LIST ********************** */
@media all and (max-width:800px){
	#collectionSearchCon{margin-bottom:0}
	#collectionSearchCon #productSearchContent{padding-bottom:9%; margin-bottom:6%}
	/* -------- 제품 상단 -------- */
	/* 카테고리 :: 필터 */
	.collection-filter-list .category-filter-item{margin:5px 2%}
	.collection-filter-list .category-filter-item label{font-size:13px; padding-left:20px;}
	.collection-filter-list .category-filter-item label:before{top:0px; width:12px; height:12px; font-size:16px; line-height:1.0;}
	.collection-filter-list .category-filter-item label i{width:12px; height:12px; line-height:12px; top:2px; left:2px;}
	.collection-filter-list .category-filter-item input:checked + label:before{font-size:16px;}
	/* -------- 제품 리스트 -------- */
	.collection-item{width:47.3%}
}
@media all and (max-width:640px){
	/* -------- 제품 상단 -------- */
	/* -------- 제품 리스트 -------- */
	.collection-list{max-width:440px; margin:0% auto}
	.collection-item{float:none; width:100%; margin:0 0 10% 0;}
	.collection-item .collection-info-box .collection-tit{font-size:14px;}
	.collection-item .collecton-left-marks .icon{height:24px; line-height:24px; width:50px;}
	.collection-item .collection-right-marks .mark-icon{margin-left:5px; width:24px; height:24px;}
}

/* ******************  Collection View ********************** */
@media all and ( min-width: 1025px ) and ( max-width: 1366px ){
	/* -------- Collection View :: 상세정보 -------- */
	.collection-right-info-box{padding:30px;}
	.collection-marks{margin-bottom:5%}
	.collection-info-tbl-box .info-tbl th,
	.collection-info-tbl-box .info-tbl td{display:block; line-height:1.2}
	.collection-info-tbl-box .info-tbl th{padding-bottom:0}
	.collection-info-tbl-box .info-tbl td{opacity:0.7; font-size:16px; padding-bottom:15px}
	.collection-info-tbl-box .info-tbl .design-aword-txt th{line-height:1.2}
}

@media all and ( max-width: 1024px ){
	/* -------- Collection View :: 상단 -------- */
	#collectionLoaction{height:auto;  line-height:1.5; padding:3% 0 }
	.location li{font-size:12px; padding-left:20px;}
	.location li:before{left:0px}
	.location li i{margin-top:0px; font-size:16px;}
	/* -------- Collection View :: 상세정보 -------- */
	/* 상세정보 :: 제목 */
	#collectionViewCon{margin:0 auto; margin-top:15%}
	.collection-view-tit-box{font-size:14px; margin-bottom:5%}
	/* 상세정보 :: 왼쪽썸네일 */
	#collectionInfoCon{margin-bottom:5%;}
	.collection-left-thumb-box{float:none; width:auto; max-width:700px; margin:0px auto;}
	.collection-left-thumb-box .collection-prev-btn,
	.collection-left-thumb-box .collection-next-btn{width:70px; font-size:30px}
	/* 상세정보 :: 우측 정보*/
	.collection-right-info-box{float:none; width:auto;}
	.collection-marks{margin-bottom:5%}
	.collection-marks .mark-icon{width:30px; height:30px;}
	.collection-info-tbl-box .info-tbl th,
	.collection-info-tbl-box .info-tbl td{font-size:14px;}
	.collection-info-tbl-box .info-tbl th {width:120px;}
	.collection-info-tbl-box .info-tbl th em{display:none;}

	/* -------- Collection View :: 상세이미지 -------- */
	/* 상세이미지 롤링 */
	#collectionPhotoCon{margin-bottom:5%;}
	.collection-prev-btn2,
	.collection-next-btn2{width:70px; height:70px; font-size:30px; }
	/* -------- Collection View :: 하단 -------- */
	/* 하단 :: 버튼 */
	#collectionButtonCon{margin-bottom:20%;}
	.collection-btn-controls li button,
	.collection-btn-controls li a{height:50px; line-height:50px; padding:0 15px;}
	.collection-btn-controls li em{font-size:14px;}
	.collection-btn-controls li i{line-height:50px; font-size:18px; top:0px;}
	/* 하단 :: Related Produts */
	#collectionRelatedCon .collection-related-tit{font-size:18px; margin-bottom:7%;}
	#collectionRelatedCon .collection-relate-list-con{margin:0}
	.collection-related-prev-btn,
	.collection-related-next-btn{width:70px; font-size:30px; top:-120px;}
	.collection-related-prev-btn{left:0}
	.collection-related-next-btn{right:0}
}
@media all and ( max-width: 640px ){
	/* -------- Collection View :: 상세정보 -------- */
	/* 상세정보 :: 제목 */
	.collection-view-tit-box{font-size:13px;}
	.collection-view-tit-box .collection-sub-txt{line-height:1.4}
	/* 상세정보 :: 왼쪽썸네일 */
	.collection-left-thumb-box .collection-prev-btn,
	.collection-left-thumb-box .collection-next-btn{width:30px; height:30px; font-size:24px}
	/* 상세정보 :: 우측 정보*/
	.collection-right-info-box{padding:20px 30px;}
	.collection-marks{margin-bottom:3%}
	.collection-info-tbl-box .info-tbl th,
	.collection-info-tbl-box .info-tbl td{font-size:13px;}
	/* -------- Collection View :: 하단 -------- */
	/* 하단 :: 버튼 */
	.collection-btn-controls li{width:48%;}
	.collection-btn-controls.col-4 li {width: 32%; margin:0 0.5%;}
	.collection-btn-controls.col-4 li:last-child,
	.collection-btn-controls li:last-child{width:98%; margin-top:2%;}
	.collection-btn-controls li button, .collection-btn-controls li a{height:40px; line-height:40px; padding:0 10px;}
	.collection-btn-controls.col-4 li button, .collection-btn-controls.col-4 li a{padding: 0 10px;}
	.collection-btn-controls li em{font-size:12px;}
	.collection-btn-controls li i{position:absolute; top:0; right:10px; font-size:16px; line-height:40px;  }
	
	/* -------- Collection View :: 상세이미지 -------- */
	.collection-prev-btn2,
	.collection-next-btn2{width:30px; height:30px; font-size:24px;}

	/* -------- Collection View :: 하단 -------- */
	.collection-relate-list-con .collection-item .collection-right-marks{display:none;}
	.collection-related-prev-btn,
	.collection-related-next-btn{top:-45px;width:30px; height:30px; font-size:24px}
}
@media all and ( max-width: 480px ){
	/* -------- Collection View :: 상세정보 -------- */
	/* 상세정보 :: 우측 정보*/
	.collection-right-info-box{padding:10px 0px;}
	.collection-info-tbl-box .info-tbl th{width:100px;}
	/* -------- Collection View :: 하단 -------- */
	.collection-btn-controls.col-4 li button, .collection-btn-controls.col-4 li a{padding:0 7px;}
	.collection-btn-controls.col-4 li em{font-size:11.5px;}
	.collection-btn-controls.col-4 li i{right:5px; font-size: 14px;}
}
@media all and ( max-width: 359px ){

	/* -------- Collection View :: 상세정보 -------- */
	/* 상세정보 :: 우측 정보*/
	.collection-marks .mark-icon{width:20px; height:20px;}
}

/* ******************  PROJECT  LIST ********************** */
@media all and (max-width:800px){
	/* -------- 프로젝트 상단 검색바 -------- */
	.project-search-con{padding-top:0;}
	/* -------- 프로젝트 리스트 -------- */
	.project-item{width:47.3%}
	.project-item .project-info-box{position:relative; font-size:12px; padding-right:110px}
	.project-item .project-info-box.pos-r{position: relative;}
	.project-item .project-info-box .project-view-num{top: -60px; right: 10px; width: 40px; height: 50px; font-size: 13px;}
	.project-item .project-info-box .project-view-num i {margin-bottom: 5px; font-size: 14px;}
	.project-item .project-info-box .project-name{margin-bottom:0}
	.project-item .project-info-box .project-more-btn{position:absolute; top:26px; right:0px; width:95px; border-bottom-width:2px; padding-bottom:10px;}
	.project-item .project-info-box .project-more-btn  i{font-size:16px;}
}
@media all and (max-width:640px){
	/* -------- 프로젝트 리스트 -------- */
	.project-list{max-width:440px; margin:0% auto}
	.project-item{float:none; width:100%; margin:0 0 10% 0;}
}

/* ******************  PROJECT 뷰페이지 ********************** */
@media all and (max-width:1680px){
	/* -------- Prodect 뷰페이지 :: 관련프로젝트 -------- */
	.project-related-list{margin:0 -5px;}
	.project-related-list .slick-slide > div{margin:0 5px}
}
@media all and (max-width:1024px){
	/* -------- Project 뷰페이지 :: 상세스펙 -------- */
	#projectDetailCon{margin-bottom:10%;}
	/* 상세스펙 :: 타이틀박스 */
	.project-detail-tit-box{padding-bottom:15px; margin-bottom:25px;}
	.project-detail-tit-box .project-date{clear:both; margin-left:83px; float:none; display:block; line-height:1.2; font-size:14px; padding-top:12px;}
	/* 상세스펙 :: 상세스펙 */
	.project-detail-spec-box dl dt{width:120px;}
	.project-detail-spec-box dl dd{width:calc(100% - 120px)}
	/* 상세이미지 :: 버튼 */
	.project-prev-btn,
	.project-next-btn{width:70px; height:70px; font-size:30px; }
	/* -------- Prodect 뷰페이지 :: 관련프로젝트 -------- */
	#projectRelatedCon .project-related-tit{font-size:18px}
}
@media all and (max-width:800px){
	/* -------- Prodect 뷰페이지 :: 관련프로젝트 -------- */
	.project-related-list .project-item .project-info-box{padding:15px 0;}
}
@media all and (max-width:640px){
	/* 상세이미지 :: Dots */
	.project-detail-thumb-list .slick-dots{bottom:15px;}
	/* 상세이미지 :: 버튼 */
	.project-thumb-controls{height:44px; width:88px;}
	.project-thumb-controls button{width:44px; height:44px;}
	.project-thumb-controls button i{font-size:18px; line-height:44px;}
	/* -------- Project 뷰페이지 :: 상세스펙 -------- */
	/* 상세스펙 :: 타이틀박스 */
	.project-detail-tit-box .project-year{width:50px; height:50px; margin-right:10px; font-size:10px;}
	.project-detail-tit-box .project-name-box{font-size:13px;}
	.project-detail-tit-box .project-date{font-size:12px; margin-left:60px; }
	/* 상세스펙 :: 상세스펙 */
	.project-detail-spec-box dl{font-size:13px;}
	.project-detail-spec-box dl dt{float:none; width:auto; margin-bottom:6px;}
	.project-detail-spec-box dl dd{float:none; width:auto;}
	/* 상세이미지 :: 버튼 */
	.project-prev-btn,
	.project-next-btn{width:30px; height:30px; font-size:24px;}
	/* -------- Prodect 뷰페이지 :: 관련프로젝트 -------- */
	#projectRelatedCon{padding:10% 0 0 0}
	.project-item .project-info-box{font-size:11px}
	.project-related-list .collection-related-prev-btn,.project-related-list  .collection-related-next-btn{top:-60px;}
}

/* ******************  STORY  LIST ********************** */
@media all and (max-width:800px){
	.story-item{width:47.3%}
	.story-item .story-info-box{position:relative; font-size:12px; padding-right:110px}
	.story-item .story-info-box .story-name{margin-bottom:0}
	.story-item .story-info-box .story-more-btn{position:absolute; top:26px; right:0px; width:95px; border-bottom-width:2px; padding-bottom:10px;}
	.story-item .story-info-box .story-more-btn  i{font-size:16px;}
}
@media all and (max-width:640px){
	.story-list{max-width:440px; margin:0% auto}
	.story-item{float:none; width:100%; margin:0 0 10% 0;}
}

/* ******************  SERVICE ********************** */
@media all and (max-width:1024px){
	/* 온라인문의 :: 상단타이틀 */
	.inquiry-tit-box{font-size:15px}
}
@media all and (max-width:800px){
	/* 온라인문의 :: 상단타이틀 */
	.inquiry-tit-box{font-size:11px}
	/* 온라인문의 :: 문의폼 */
	.to-product-btn{padding:4px 10px; font-size:12px;  line-height:19px; }
	/* 온라인문의 :: 문의폼 :: 제품리스트 */
	.order-prd-list-tbl thead{display:none;}
	.order-prd-list-tbl colgroup{display:none}
	.order-prd-list-tbl tbody,
	.order-prd-list-tbl tbody tr,
	.order-prd-list-tbl tbody td{display:block; border-bottom:0; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box;  width:auto !important; }
	.order-prd-list-tbl tbody tr{overflow:hidden; position:relative; border-bottom:1px solid #ddd; }
	.order-prd-list-tbl tbody tr:first-child{margin-top:0;}
	.order-prd-list-tbl td{padding:10px; font-size:13px;}
	.order-prd-list-tbl .prd-block-col{overflow:hidden; text-align:right; border-bottom:1px solid #eee; }
	.order-prd-list-tbl .prd-block-col:last-of-type{border-bottom:0}
	.order-prd-list-tbl .prd-block-col:before{float:left; padding-right:5px; color:#aaa; content: attr(data-label);}
	.order-prd-list-tbl .prd-m-none-col{display:none;}
	.order-prd-list-tbl .prd-manage-col{text-align:right; }
	.order-prd-list-tbl .prd-delete-col{position:absolute; bottom:2px; right:0px; }
	.order-prd-list-tbl th,
	.order-prd-list-tbl td{text-align:left;}
	.order-prd-list-tbl .prd-check-col{position:absolute; top:10px; left:0px; padding:0;}
	.order-prd-list-tbl .prd-check-col input{width:20px; height:20px; margin:0 }
	.order-prd-list-tbl .prd-check-col + .prd-info-col{margin-left:20px}
	.order-prd-list-tbl .prd-check-col + .prd-info-col + .prd-each-price-col + .prd-change-col{margin-left:20px}
	.order-prd-list-tbl td.prd-info-col {/* border-bottom:1px solid #eee */ }
	.order-prd-list-tbl td.prd-info-col.border{border-bottom:1px dotted #ddd;}
	.order-prd-list-tbl td.prd-info-col .prd-thumb{width:50px; height:50px;}
	.order-prd-list-tbl td.prd-info-col .prd-info-box{width:calc(100% - 70px)}
	.order-prd-list-tbl td.prd-info-col .order-prd-tit{font-size:15px;}
	.order-prd-list-tbl td .prd-mobile-info-box{display:block; padding-top:10px; color:#666; font-size:13px; line-height:1.5; }
	.order-prd-list-tbl td .prd-mobile-info-box .prd-price{font-size:15px; color:#000}
	.order-prd-controls button{font-size:13px; padding:3px 5px; min-width:auto}
	.order-prd-list-tbl td.prd-change-col{float:left; padding-left:30px;}
}

/* ******************  About ********************** */
/* -------- About :: 회사소개 -------- */
@media all and (max-width:1024px){		
	/* About :: 공통타입 컨텐츠 */
	.about-con .txt-box .box-inner .box-explain br{display:none}
}

@media all and (max-width:800px){	
	/* About :: 상단타이틀 */
	.about-tit{margin-bottom:20px}
	.about-tit .tit-small{font-size:17px; margin-bottom:20px}
	.about-tit .tit-big{font-size:30px}

	/* About :: 공통타입 컨텐츠 */
	.about-con .txt-box .box-inner{padding:20px}
	.about-con .txt-box .box-inner .box-txt-en{font-size:14px; margin-bottom:10px}
	.about-con .txt-box .box-inner .box-explain{font-size:20px;}
	.about-con .sub-en-txt{font-size:13px}

	/* About :: 컨텐츠01 */
	.about-con-1.about-con{padding-bottom:0}
	.about-con-1.about-con .txt-box{position:relative; width:100%}
	.about-con-1.about-con .sub-en-txt{padding-top:20px}
	
	/* About :: 컨텐츠02 */
	.about-con .about-lf{float:none; width:100%}
	.about-con .about-lf.about-img img{max-width:none; width:100%}
	.about-con .about-rt{float:none; width:100%}
	.about-con .about-rt .sub-en-txt{padding:20px 0 0}
	.about-con-2.about-con{margin-top:55px}
	
	/* About :: 컨텐츠03 */
	.about-con-3.about-con{margin-top:55px}
}

@media all and (max-width:480px){		
	/* About :: 공통타입 컨텐츠 */
	.about-con .sub-en-txt{font-size:11px; letter-spacing:8.5px}
}

/* -------- About :: 사업영역 -------- */
@media all and (max-width:1220px){		
	/* 사업영역 :: 공통 */
	.info-txt .txt br{display:none}

	/* 사업영역 :: yegun 조경시설물 */
	.yekun-con .business-info{margin-top:7%}
	.yekun-con .business-info .business-logo{width:154px}
	.yekun-con .business-info .business-logo img{height:32px}
	.yekun-con .business-info .info-txt{padding:0 3% 0 5%; width:calc(92% - 154px)}
}
@media all and (max-width:800px){	
	/* 사업영역 :: 공통 */
	.business-con{margin-bottom:80px}
	.info-txt .tit{font-size:20px;}
	.info-txt .tit strong{font-size:15px;}
	.info-txt .txt{font-size:14px; margin-top:12px}
	.business-info.has-line .info-txt{margin-top:20px; padding-top:15px}
	.business-info .business-logo img{max-width:65%}
	.business-img img{max-width:none; width:100%}
	.middle-area.inner > div{display:block; margin:0}

	/* 사업영역 :: yegun 조경시설물 */
	.yekun-con.business-con{margin-bottom:70px}
	.yekun-con .yekun-lf{float:none; width:100%; padding-right:0}
	.yekun-con .yekun-rt{float:none; width:100%; padding-left:0; margin-top:3%}
	.yekun-con .business-info{float:none; width:100%; padding-right:0; margin-top:20px}
	.yekun-con .business-info .business-logo{width:auto; float:none;}
	.yekun-con .business-info .business-logo img{height:auto}
	.yekun-con .business-info .info-txt{width:100%; float:none; border-top:1px solid #e0dedd; margin-top:20px; padding:15px 0 0}


	/* 사업영역 :: iboom 놀이시설물 */
	.iboom-con .iboom-lf{width:100%}
	.iboom-con .iboom-rt{width:100%; padding-left:0; margin-top:20px !important}

	/* 사업영역 :: prunus 정원시설물 */
	.prunus-con .prunus-rt{float:none; width:100%}
	.prunus-con .prunus-lf{position:relative; width:100%; padding-right:0; top:0; transform:translateY(0); margin-top:20px !important}

	/* 사업영역 :: waalo 반려동물 놀이시설물 */
	.waalo-con .waalo-lf{width:100%}
	.waalo-con .waalo-rt{width:100%; padding-left:0; margin-top:20px !important}

}

/* -------- About :: 연혁 -------- */
@media all and (max-width:1024px){		
	/* 연혁 :: 왼쪽 :: 이미지 슬라이드 */
	.year-sec{padding-left:30px;}
	.year-sec .lf-con{float:none; width:100%; padding-bottom:0}
	.year-sec .rt-con{float:none; width:100%; padding-left:0; padding-top:100px}
	
	/* 연혁 :: 왼쪽 :: 이미지 슬라이드 :: 서브슬라이드 */
	.sub-img-con .slick-slider{height:90%}
}
@media all and (max-width:800px){		
	/* 연혁 :: 왼쪽 :: 이미지 슬라이드 */
	.year-sec{padding-top:45px;}

	/* 연혁 :: 왼쪽 :: 이미지 슬라이드 :: 메인슬라이드 */
	.lf-con .year-category{font-size:35px;}
	.year-slide-con{margin-top:10px}
	.main-img-con .year-img-info{margin-top:10px}
	.main-img-con .year-img-info strong{font-size:14px; width:58px; padding:10px 0}
	.main-img-con .year-img-info span{font-size:14px; padding-top:8px; width:calc(100% - 68px); padding-left:10px}
	.main-img-con .year-main-img .slick-arrow{width:60px; height:60px;}
	.main-img-con .year-main-img .slick-arrow i{font-size:20px}
	.main-img-con .year-main-img .slick-arrow.slick-prev{margin-right:60px}
	.main-img-con .year-main-img .slick-arrow.slick-prev:after{height:35px}
	
	/* 연혁 :: 오른쪽 :: 연혁내용 */
	.year-sec .rt-con{padding-top:80px}
	.year-sec .rt-con .year-num{font-size:14px; width:38px}
	.year-sec .rt-con .year-explain{padding-left:15px; width:calc(100% - 53px)}
	.year-sec .rt-con .year-explain .month-txt{margin-bottom:20px; font-size:13px}

	/* 연혁 :: 왼쪽 :: 이미지 슬라이드 :: 서브슬라이드 */
	.sub-img-con .slick-slider{height:93.5%}
}
@media all and (max-width:480px){		
	/* 연혁 :: 왼쪽 :: 이미지 슬라이드 :: 메인슬라이드 */
	.main-img-con .year-main-img .slick-arrow{width:40px; height:40px;}
	.main-img-con .year-main-img .slick-arrow.slick-prev{margin-right:40px}
	.main-img-con .year-main-img .slick-arrow i{font-size:17px}
	.main-img-con .year-main-img .slick-arrow.slick-prev:after{height:20px}

	/* 연혁 :: 왼쪽 :: 이미지 슬라이드 :: 서브슬라이드 */
	.sub-img-con .year-sub-img li{margin-bottom:10px}
}

/* -------- About :: 인증 및 수상 -------- */
@media all and (max-width:1024px){		
	/* 인증 및 수상 :: 주요인증 */
	.certification-list li{width:25%}
}

@media all and (max-width:800px){		
	.sub-sec-tit{font-size:20px}

	/* 인증 및 수상 :: 주요인증 */
	.certification-list{margin-top:30px}
	.certification-list li{width:33.333%}
	.certification-list li .list-inner .certification-tit{margin-top:10px; font-size:13px; height:50px}
	.certification-list li .list-inner .certification-logo img{height:45px}

	/* 인증 및 수상 :: 디자인수상 */
	.design-award-wrap{padding-top:45px}
	.design-award{margin-top:22px}
	.award-list li .award-con{padding:0 10px}
	/*.award-list li .award-con .con-inner{height:85px}*/
	.award-list li .award-con .logo{width:50px; padding:15px 0}
	.award-list li .award-con .logo img{height:50px}
	.award-list li .award-con .tit{font-size:16px;  width:calc(100% - 95px); padding:15px 30px 15px 15px}
	.award-list li .award-con .list-arrow i{font-size:24px}
	
	/* 인증 및 수상 :: 디자인수상 :: open */
	.award-list li .award-detail .detail-inner{padding-left:75px}
	.award-list li .award-detail .detail-inner p{font-size:14px; margin-bottom:10px}
	.award-list li .award-detail .detail-inner p:first-child{margin-top:10px}
	.award-list li .award-detail .detail-inner p strong{width:48px}
	.award-list li .award-detail .detail-inner p span{width:calc(100% - 48px)}

}
@media all and (max-width:480px){		
	.main-certification-wrap{margin-top:40px}
	/* 인증 및 수상 :: 주요인증 */
	.certification-list li .list-inner .certification-tit{font-size:12px}
}

/* -------- About :: 생산설비 -------- */
@media all and (max-width:1680px){		
	 /* 생산설비 :: 탭컨텐츠 :: 탭 안 컨텐츠 */
	 /* 슬라이드 화살표 */
	.tab-prd-img .tab-prd-slide .slick-arrow.slick-prev{left:15px}
	.tab-prd-img .tab-prd-slide .slick-arrow.slick-next{right:15px;}
}
@media all and (max-width:800px){		
	/* 생산설비 :: 상단 */
	.production-top .top-lf, .production-top .top-rt{float:none; width:100%; margin:0}
	.production-top .top-rt{text-align:center; margin-top:30px}
	.production-top .top-lf .en-tit{font-size:15px;}
	.production-top .top-lf .tit{font-size:23px; margin-top:22px}
	.production-top .top-lf .tit b{font-size:29px}
	.production-top .top-lf .txt{margin-top:27px; font-size:14px}
	.production-top .top-lf .txt br{display:none}

	/* 생산설비 :: 탭컨텐츠 */
	/* 생산설비 :: 탭컨텐츠 :: 탭스타일 */
	.tab-prd-wrap{padding:0 25px}
	.production-tab-con{margin-top:50px}
	.production-tab ul li a{font-size:12px; height:40px}

	 /* 생산설비 :: 탭컨텐츠 :: 탭 안 컨텐츠 */
	.production-tab-wrapper{padding:50px 0 35px}
	 /* 슬라이드 화살표 */
	.tab-prd-img .tab-prd-slide .slick-arrow{font-size:25px; margin-top:22.5%}
	.tab-prd-img .tab-prd-slide .slick-arrow.slick-prev{left:8px}
	.tab-prd-img .tab-prd-slide .slick-arrow.slick-next{right:8px;}
	 /* 제품정보 */
	 .info-wrap{margin-top:22px}
	 .info-wrap .prd-name{font-size:23px;}
	.info-wrap .prd-explain{font-size:14px; margin-top:10px}
	.info-wrap .prd-info{margin-top:30px}
	.info-wrap .prd-info li strong, 
	.info-wrap .prd-info li span{font-size:13px;}
	.info-wrap .prd-info li strong{width:90px}
	.info-wrap .prd-info li span{width:calc(100% - 105px)}
}
@media all and (max-width:640px){		
	/* 생산설비 :: 탭컨텐츠 :: 탭 안 컨텐츠 */
	 /* 제품정보 */
	 .info-wrap .prd-info li{float:none; width:100%}
}
@media all and (max-width:480px){		
	/* 생산설비 :: 탭컨텐츠 */
	/* 생산설비 :: 탭컨텐츠 :: 탭스타일 */
	.production-tab.sub-area{max-width:none; padding:0}
	.production-tab ul li{margin-left:0}
	.tab-prd-wrap{padding:0 20px}

	/* 생산설비 :: 탭컨텐츠 :: 탭 안 컨텐츠 */
	 /* 슬라이드 화살표 */
	.tab-prd-img .tab-prd-slide .slick-arrow{margin-top:19%; font-size:21px}
	.tab-prd-img .tab-prd-slide .slick-arrow.slick-prev{left:6px}
	.tab-prd-img .tab-prd-slide .slick-arrow.slick-next{right:6px;}

}
/* -------- About :: 디자인연구소 -------- */
@media all and (max-width:1220px){	
	.process-bg.process-bg-1 .design-process-list-wrap:after{width:361px; height:276px; top:-100px; margin-left:177px}
	.process-bg.process-bg-2 .design-process-list-wrap:after{width:326px; height:325px; top:-172px; margin-left:-558px}
	.process-bg.process-bg-3 .design-process-list-wrap:after{width:250px; height:211px; top:-95px}
}

@media all and (max-width:1024px){	
	/* 디자인연구소 :: 상단 */
	.laboratory-top .top-lf{white-space:normal; width:260px;}
	.laboratory-top .top-rt{width:calc(95% - 260px); padding-left:5%}
	/* 디자인연구소 :: DESIGN PROCESS */
	/* DESIGN PROCESS :: 정보 */
	.design-process-info .process-item span{width:100px}
}

@media all and (max-width:800px){	
	/* 디자인연구소 :: 상단 */
	.laboratory-top{margin-top:40px}
	.laboratory-top .top-lf{float:none; width:100%; }
	.laboratory-top .top-lf .tit-en{font-size:40px;}
	.laboratory-top .top-lf .tit-kr{font-size:20px; margin-top:12px}
	.laboratory-top .top-rt{float:none; width:100%; padding-left:0; margin-top:20px}
	.laboratory-top .top-rt .main-slogan{font-size:23px; }
	.laboratory-top .top-rt .sub-txt{margin-top:10px; font-size:14px}


	/* 디자인연구소 :: DESIGN PROCESS */
	.design-process-con{padding-top:85px}
	.design-process-con .desian-process-tit{font-size:30px; }
	/* DESIGN PROCESS :: Layout */
	.design-process{padding-top:65px}
	.design-process-wrapper:before{left:7px; height:calc(100% - 5px)}
	.design-process-info-box{width:auto; padding-left:60px}
	.design-process-info-box::before{top:0; left:0; width:15px; height:15px; border-width:3px;}
	.design-process-info-box::after{top:5px; left:5px; width:5px; height:5px; border-width:1px; }
	/* DESIGN PROCESS :: 정보 */
	.design-process-info .process-item{font-size:13px; }
	.design-process-tit{top:0px;font-size:18px; padding-left:20px; left:10px; margin:-13px 0 15px}
	.design-process-tit::before{top:8px; width:70px}
	.design-process-tit strong{margin-top:1px; font-size:15px; width:30px}
	.design-process-tit strong:after{top:4px; left:-14px}
	.design-process-tit p{width:calc(100% - 30px)}
	.process-left .design-process-tit strong, 
	.process-left .design-process-tit p{float:left}
	.process-left .design-process-tit strong:after{left:-14px; right:auto}

	.design-process-info{padding-left:50px}
	.design-process-info .process-item span{text-align:left; width:90px}

	.process-bg .design-process-list-wrap:after{margin-left:190px !important; left:0}
	.process-bg.process-bg-1 .design-process-list-wrap:after{width:200px; height:153px; top:-40px; }
	.process-bg.process-bg-2 .design-process-list-wrap:after{width:190px; height:189px; left:auto; top:-60px; }
	.process-bg.process-bg-3 .design-process-list-wrap:after{width:180px; height:151px; top:-44px;}
}

/* ******************  PRICE LIST ********************** */
@media all and (max-width:800px){
	/* PRICE 검색 */
	.price-search-wrapper{margin-bottom:35px; padding:20px 15px}
	.price-search-wrapper .board-search-box .search-subject-select, 
	.price-search-wrapper .board-search-box .search-word,
	.price-search-wrapper .board-search-box .bbs-search-btn{height:42px;}
	/* PRICE 리스트 */
	.price-item{padding:10px;}
	.price-item .price-write-info-box{width:calc(100% - 150px);}
	.price-item .price-write-info-box .price-date-box{width:50px; height:50px; padding-top:10px; margin-right:15px; font-size:11px;}
	.price-item .price-write-info-box .price-date-box .month{font-size:16px; }
	.price-item .price-write-info-box .price-tit-box{width:calc(100% - 70px); font-size:18px;}
	.price-item .price-down-btn {width:120px; right:10px; height:34px; line-height:34px; padding:0 10px; text-align:center;}
	.price-item .price-down-btn i{display:none;}
}
@media all and (max-width:480px){
	/* PRICE 검색 */
	.price-search-wrapper{margin-bottom:35px; padding:20px 15px}
	.price-search-wrapper .bbs-top-list-box .board-search-box{width:100%; max-width:none;}
	.price-search-wrapper .board-search-box .search-subject-select, 
	.price-search-wrapper .board-search-box .search-word{border-color:#eee}

	/* PRICE 리스트 */
	.price-item{padding:10px 0;}
	.price-item .price-write-info-box{width:auto}
	.price-item .price-down-btn{position:static; transform:translateY(0); width:100%; margin-top:10px;}
	.price-item .price-down-btn em i{display:inline-block; line-height:28px; margin-right:5px;}
}

/* ******************  CONTACT ********************** */
@media all and (max-width:1024px){
	.location-container{max-width:800px; margin:0 auto; margin-top:10%;}
	.location-container .loaction-tit{}
	.locaction-info-box{position:static; width:auto; }
	.location-map-box{margin-left:0}
	.head-quarter-location .locaction-info-box{background:url(/images/content/contact_bg_01_m.jpg) no-repeat 100% 50%; background-size:cover;}
	.design-center-location .locaction-info-box{background:url(/images/content/contact_bg_02_m.jpg) no-repeat 100% 50%; background-size:cover;}
}
@media all and (max-width:800px){
	.location-container .loaction-tit{font-size:20px; letter-spacing:1.5px; line-height:1.5; margin-bottom:10px; margin-right:0}
	.locaction-info-box{font-size:14px; padding:30px;}
	.locaction-info-box dl dd br{display:none;}
}
@media all and (max-width:480px){
	.locaction-info-box{font-size:13px;}
	.locaction-info-box .location-detail-info dl{margin-top:0.7em}
	.location-map-box .location-map-warpper{padding-top:100%}
}

/* ******************  YMarket ********************** */
@media all and (max-width:1680px){
	#ymarketBannerCon{margin:0 -30px}
	/* 배너 :: 이미지영역 */
	#ymarketBannerCon .banner-item{font-size:13px}
	.ymarket-prd-view-btn{right:30px; bottom:50px; width:160px; height:42px; line-height:42px; font-size:13px;}
	.ymarket-prd-view-btn em{font-size:13px;}
	.ymarket-prd-view-btn i{font-size:20px; line-height:42px;}
	/* YMarket :: 배너 :: 리스트 */
	.ymarket-category-list-con{left:30px; transform:scale(0.85)}
}
@media all and (max-width:1024px){
	#ymarketBannerCon{margin:0 -15px}
	/* 배너 :: 이미지영역 */
	#ymarketBannerCon .banner-item{height:490px}
	#ymarketBannerCon .banner-info-box{height:calc(100% - 60px);}
	.ymarket-prd-view-btn{bottom:15px;}
	/* YMarket :: 배너 :: 리스트 */
	.ymarket-category-list-con{bottom:60px;}
}
@media all and (max-width:800px){
	#ymarketBannerCon .m-btn{display:block !important;}
	.ymarket-prev-btn,
	.ymarket-next-btn{position:absolute; top:50%; transform:TranslateY(-50%); z-index:11; width:44px; height:44px; color:#000; font-size:18px; background-color:rgba(255,255,255,0.5)}
	.ymarket-prev-btn{left:15px}
	.ymarket-next-btn{right:15px;}
	/* 배너 :: 이미지영역 */
	#ymarketBannerCon .banner-item{height:250px; }
	#ymarketBannerCon .banner-info-box{height:100%; font-size:12px; padding-top:50px;}
	#ymarketBannerCon .banner-item .visual-tit{font-size:2.5em}
	#ymarketBannerCon .banner-item .visual-sub-txt{margin-bottom:7px}
	.ymarket-prd-view-btn{left:50%; transform:translateX(-50%); right:auto; bottom:30px;}
	/* YMarket :: 배너 :: 리스트 */
	.ymarket-category-list-con{display:none;}
}