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


/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover{display:none;}

/* -------- 공통 :: 탭 -------- */
.sub-cm-tab-wrapper{position:relative; margin-bottom:60px;}
.sub-cm-tab-wrapper.line{margin-bottom:70px;}
.sub-cm-tab-wrapper.line:before{position:absolute; bottom:-32px; left:0; right:0; background-color:#eee; content:""; height:1px;}
.sub-tab-cm-style ul{display:table; width:100%; table-layout:fixed; border:1px solid #ddd}
.sub-tab-cm-style ul li{display:table-cell; vertical-align:middle; position:relative; border-left:1px solid #ddd;}
.sub-tab-cm-style ul li:first-child{border-left:0}
.sub-tab-cm-style ul li a{display:table; height:50px; width:100%; }
.sub-tab-cm-style ul li a em{display:table-cell; vertical-align:middle; color:#555; font-size:16px; letter-spacing:-0.30px; text-align:center;}
.sub-tab-cm-style ul li.selected{z-index:1; }
.sub-tab-cm-style ul li.selected a{background-color:#000;}
.sub-tab-cm-style ul li.selected a em{color:#fff; }
.sub-tab-cm-style .cm-tab-m-btn{display:none}

/* -------- 공통 :: 버튼 -------- */
.cm-button-style01,
.cm-button-style01 em,
.cm-button-style01 i{transition:color 0.5s 0.1s}
.cm-button-style01{position:relative; overflow:hidden; display:inline-block; border:1px solid #fff; text-align:center; box-sizing:border-box;}
.cm-button-style01:before{
    display:block; position:absolute; left:-140%; bottom:-10%; content:""; width:130%; height:160%; background:#fff;
    transform:skew(-20deg); 
    transition:all 1s cubic-bezier(0.25, 0.1, 0.09, 1.06);
}
.cm-button-style01 em{position:relative; left:0px; z-index:1; display:block; color:#fff; font-size:16px; font-weight:400; letter-spacing:-0.5px;}
.cm-button-style01 i{position:absolute; top:0px; right:8px; line-height:45px; color:#fff; font-size:20px;}
.cm-button-style01-black:before{background-color:#333;}
.cm-button-style01-black em,
.cm-button-style01-black i{color:#333;}
@media all and (min-width:1025px){
	.cm-button-style01:hover{}
	.cm-button-style01:hover em{color:#645c54}
	.cm-button-style01:hover i{color:#645c54}
	.cm-button-style01:hover:before{left:-10%; opacity:1.0;filter:Alpha(opacity=100);}
	.cm-button-style01-black:hover i,
	.cm-button-style01-black:hover em{color:#fff;}
}


/* ******************  COLLECTION LIST ********************** */
#collectionListContainer{margin-bottom:110px}
#collectionSearchCon{position:relative; margin-bottom:50px;}
#collectionSearchCon #productSearchContent{padding-bottom:160px}
#collectionSearchCon #topMenu{bottom:0px;}
#collectionListContainer.collection-search-result-container{margin-bottom:0}
#collectionListContainer.collection-search-result-container #collectionSearchCon{margin-bottom:0}
/* -------- 제품 상단 -------- */
/* 카테고리 :: 필터 */
.collection-filter-list-con{margin-bottom:60px;}
.collection-filter-list {text-align:center;}
.collection-filter-list .category-filter-item{display:inline-block; margin:5px 20px;}
.collection-filter-list .category-filter-item label{position:relative; padding-left:28px; color:#8b857e; font-size:15px; line-height:20px;}
.collection-filter-list .category-filter-item label:before{position:absolute; left:0; top:0px; width:20px; height:20px; content:"\e92c"; font-family: xeicon; font-size:24px;}
.collection-filter-list .category-filter-item input{display:none;}
.collection-filter-list .category-filter-item input:checked + label{color:#000;}
.collection-filter-list .category-filter-item input:checked + label:before{content:"\e92b"; font-size:24px;}
.collection-filter-list .category-filter-item input:checked + label i{color:#fff;}

.collection-filter-list .category-filter-item.total-item label{padding-left:0; color:#000;}
.collection-filter-list .category-filter-item.total-item label:before{display:none;}
/* -------- 제품 리스트 -------- */
.collection-list{margin:0 -1.35%}
.collection-item{float:left; width:30.63%; margin:0 1.35% 6%;}
.collection-item a{display:block; position:relative;}
.collection-item .collection-thumb{position:relative; display:block; overflow:hidden; height:0; padding-top:75%; margin-bottom:25px;}
.collection-item .collection-thumb > span{position:absolute; top:0px; left:0px; right:0px; bottom:0px;}
.collection-item .collection-thumb img{transition:all 0.7s ease}
.collection-item .collection-thumb .collection-thumb-on{opacity:0; transition:all 0.5s ease}
.collection-item .collection-info-box .collection-tit{display:block; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#000; font-size:17px; font-weight:500; letter-spacing:-0.5px; transition:color 0.5s}
/* 리스트 :: mark */
.collection-item .collecton-left-marks{position:absolute; top:0px; left:0px; }
.collection-item .collecton-left-marks .icon{display:inline-block; width:58px; height:30px; line-height:30px; color:#fff; text-align:center; font-weight:700; font-size:10px; letter-spacing:0.5px; background-color:#5bb531;}
.collection-item .collection-right-marks{position:absolute; top:0px; right:0px; transition:opacity 0.2s 0.2s}
.collection-item .collection-right-marks .mark-icon{position:relative; display:inline-block; margin-left:10px; width:32px; height:32px;}
.collection-item .collection-right-marks .mark-icon img{}
@media all and (min-width:1025px){
	/* Hover */
	.collection-item a:hover .collection-thumb .collection-thumb-on{opacity:1.0;}
	.collection-item a:hover .collection-thumb img{}
	.collection-item a:hover .collection-info-box .collection-tit{color:#645c54;}
	.collection-item a:hover .collection-right-marks{opacity:0; transition-delay:0s }
}




/* ******************  Collection View ********************** */
/* -------- Collection View :: 상단 -------- */
/* 상단 :: location */
#collectionLoaction{height:100px; line-height:100px; border-bottom:1px solid #e5e5e5}
.location{overflow:hidden; }
.location li{position:relative; float:left; padding-left:45px; color:#aaa; font-size:15px; letter-spacing:-0.5px;}
.location li:first-child{padding-left:0}
.location li a{color:inherit;}
.location li i{font-size:18px; margin-top:-2px;}
.location li:before{
	position:absolute; left:14px; top:0; content:""; width:20px; height:20px; 
	content:"\e93f";
	font-family: xeicon;
	color:#aaa;
}
.location li:first-child:before{display:none;}
.location li:last-child{color:#000; font-weight:500;}
/* -------- Collection View :: 상세정보 -------- */
/* 상세정보 :: 제목 */
#collectionViewCon{margin:70px auto;}
.collection-view-tit-box{text-align:center; font-size:18px; margin-bottom:6.1em}
.collection-view-tit-box .collection-name{font-size:2.77em; color:#000; letter-spacing:-0.5px; font-weight:600; margin-bottom:0.32em;}
.collection-view-tit-box .collection-sub-txt{font-size:1em; letter-spacing:-0.25px; line-height:2;}
/* 상세정보 :: 왼쪽썸네일 */
#collectionInfoCon{margin-bottom:50px}
.collection-left-thumb-box{float:left; position:relative; width:50%; }
.collection-left-thumb-box .collection-img-list{margin:0px 100px;}
.collection-left-thumb-box .collection-img-list .slick-slide > div{padding-top:100%; position:relative;}
.collection-left-thumb-box .collection-img-list .slick-slide .collection-img-item{position:absolute; top:0px; left:0px; right:0px; bottom:0px;}
.collection-left-thumb-box .collection-prev-btn,
.collection-left-thumb-box .collection-next-btn{position:absolute; top:50%; width:100px; height:100px; transform:translateY(-50%); color:#000; font-size:36px; }
.collection-left-thumb-box .collection-next-btn{right:0px;}
/* 상세정보 :: 우측 정보*/
.collection-right-info-box{float:left; width:50%; padding:40px 65px; box-sizing:border-box;}
.collection-marks{margin-bottom:60px}
.collection-marks .mark-icon{position:relative; display:inline-block; margin-left:10px; width:50px; height:50px;}
.collection-marks .mark-icon:first-child{margin-left:0}
.collection-info-tbl-box .info-tbl{width:100%; table-layout:fixed;}
.collection-info-tbl-box .info-tbl th,
.collection-info-tbl-box .info-tbl td{font-size:18px; letter-spacing:-0.35px; color:#000; vertical-align:top; line-height:1.5; padding:8px 0;}
.collection-info-tbl-box .info-tbl th{width:185px; font-weight:500; text-align:left;}
.collection-info-tbl-box .info-tbl th em{font-weight:500}
.collection-info-tbl-box .info-tbl .design-aword-txt th,
.collection-info-tbl-box .info-tbl .design-aword-txt td{line-height:2.2}


/* -------- Collection View :: 상세이미지 -------- */
/* 상세이미지 롤링 */
#collectionPhotoCon{position:relative; margin-bottom:80px;}
.collection-detail-photo-list .slick-slide > div{padding-top:57.14%; position:relative; } 
.collection-detail-photo-list .slick-slide .collection-detail-photo-item{position:absolute; top:0px; left:0px; right:0px; bottom:0px;}
.collection-prev-btn2,
.collection-next-btn2{position:absolute; top:50%; width:100px; height:100px; transform:translateY(-50%);  color:#000; font-size:36px; background-color:rgba(255,255,255,0.5)}
.collection-next-btn2{right:0px;}

/* -------- Collection View :: 하단 -------- */
/* 하단 :: 버튼 */
#collectionButtonCon{max-width:910px; margin:0px auto 120px; text-align:center;}
.collection-btn-controls{margin:0 -1%}
.collection-btn-controls li{float:left; width:31.33%; margin:0 1%;}
.collection-btn-controls.col-4 li {width: 24%; margin:0 0.5%;}
.collection-btn-controls li button,
.collection-btn-controls li a{display:block; height:80px; width:100%; background:#eee; border:1px solid transparent; padding:0 30px; line-height:80px; color:#fff; box-sizing:border-box;}
.collection-btn-controls.col-4 li button,
.collection-btn-controls.col-4 li a{padding: 0 20px;}
.collection-btn-controls li em{float:left; font-size:18px; letter-spacing:-0.3px;}
.collection-btn-controls li i{float:right; font-size:24px; position:relative; top:1px; line-height:80px;}
.collection-btn-controls li .to-nara-btn{background-color:#589841; border-color:#589841;}
.collection-btn-controls li .to-inqiury-btn,
.collection-btn-controls li .to-inqiury-put-btn{background-color:#aaa; border-color:#aaa}
.collection-btn-controls li .to-list-btn{background-color:#000; border-color:#000}
.collection-btn-controls-one{margin:0}
.collection-btn-controls-one li{float:none; display:inline-block; width:290px;}
.ymarket-btn-controls li{float:none; display:inline-block; }

/* 하단 :: Related Produts */
#collectionRelatedCon .collection-related-tit{text-align:center; font-size:26px;  letter-spacing:-0.3px; color:#000; font-weight:700; margin-bottom:75px;}
#collectionRelatedCon .collection-relate-list-con{margin:0 -10px}
#collectionRelatedCon .slick-slide > div {margin:0 10px}
.collection-related-prev-btn,
.collection-related-next-btn{position:absolute; top:-135px; width:100px; height:100px; color:#000; font-size:36px; z-index:11;}
.collection-related-prev-btn{left:-20px;}
.collection-related-next-btn{right:-25px;}

/* ******************  PROJECT  LIST ********************** */
/* -------- 프로젝트 상단 검색바 -------- */
.project-category-list-con .sub-cm-tab-wrapper{margin-bottom:30px;}
.project-search-con{padding-top:38px;}
/* -------- 프로젝트 리스트 -------- */
.project-list{margin:0 -1.35%}
.project-item{float:left; width:30.63%; margin:0 1.35% 6%;}
.project-item a{display:block; position:relative;}
.project-item .project-thumb{position:relative; display:block; overflow:hidden; height:0; padding-top:75%; }
.project-item .project-info-box{padding-top:20px; font-size:14px;}
.project-item .project-info-box.pos-r{position: relative;}
.project-item .project-info-box .project-view-num{position: absolute; top: -30px; right: 4.54%; width: 50px; height: 60px; font-size: 15px; font-weight: 700; color: #fff; background-color: #62ba46; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.project-item .project-info-box .project-view-num i{margin-bottom: 5px; font-size: 18px; color: #fff; opacity: 0.5;}
.project-item .project-info-box .project-category{color:#8b857e; font-size:1em; letter-spacing:-0.5px; font-weight:500;}
.project-item .project-info-box .project-name{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; margin:0.35em 0 2.2em; color:#2f2821; font-size:1.42em; letter-spacing:-0.5px; font-weight:500;}
.project-item .project-info-box .project-more-btn{display:block; position:relative; width:150px; color:#333; padding-bottom:15px; border-bottom:3px solid #090909;}
.project-item .project-info-box .project-more-btn:before{position:absolute; bottom:-3px; width:100%; left:0; height:3px; background-color:#8a847e; content:""; transition:all 0.2s linear; transform:scaleX(0); transform-origin:0 0}
.project-item .project-info-box .project-more-btn em,
.project-item .project-info-box .project-more-btn i{transition:all 0.2s}
.project-item .project-info-box .project-more-btn em{font-size:11px; font-weight:900; letter-spacing:0px; }
.project-item .project-info-box .project-more-btn  i{position:absolute; top:-2px; right:0px; font-size:24px;}

@media all and (min-width:1025px){
	.project-item a:hover .project-more-btn{color:#8a847e;}
	.project-item a:hover .project-more-btn em{letter-spacing:0.5px;}
	.project-item a:hover .project-more-btn i{transform:translateX(3px)}
	.project-item a:hover .project-more-btn:before{transform:scaleX(1); }
}

/* ******************  PROJECT 뷰페이지 ********************** */
/* -------- Project 뷰페이지 :: 상세이미지 -------- */
#projectPhotoListCon{position:relative; margin-bottom:37px;}
/* 상세이미지 :: 이미지 */
.project-detail-thumb-list .slick-slide > div{padding-top:57.14%; position:relative;}
.project-detail-thumb-list .slick-slide .project-thumb-item{position:absolute; top:0px; left:0px; right:0px; bottom:0px;}
.project-detail-thumb-list .project-thumb-item img{/* width:100%; */}
/* 상세이미지 :: Dots */
.project-detail-thumb-list .slick-dots{position:absolute; left:0; bottom:26px; width:100%; text-align:center; z-index:2; }
.project-detail-thumb-list .slick-dots li{display:inline-block; margin:0 3px;}
.project-detail-thumb-list .slick-dots li button{
	cursor:pointer; margin:0px; padding:0px; background:none; vertical-align:top; width:10px; height:10px;border:2px solid #fff; font-size:0; opacity:0.6;
	-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;
}
.project-detail-thumb-list .slick-dots li.slick-active button{opacity:1.0; background-color:#fff;}
/* 상세이미지 :: 버튼 */
/* .project-thumb-controls{position:absolute; bottom:0px; right:0px; background-color:#fff; width:132px; height:66px; z-index:3;}
.project-thumb-controls button{float:left; width:66px; height:66px; color:#2f2821; }
.project-thumb-controls button i{font-size:22px; opacity:0.5; line-height:66px;}
.project-thumb-controls button:hover{color:#827a72} */
.project-prev-btn,
.project-next-btn{position:absolute; top:50%; width:100px; height:100px; transform:translateY(-50%);  color:#000; font-size:36px; background-color:rgba(255,255,255,0.5)}
.project-next-btn{right:0px;}

/* -------- 230907유지보수 썸네일 이미지 -------- */
.project-detail-thumb-list.add-css .slick-slide > div {padding-top: 38%;}
#projectPhotoThumListCon{max-width: 900px; margin: 0 auto 55px; overflow: hidden;}
.project-detail-thumb-preview-list{margin: 0 -10px;}
.project-detail-thumb-preview-list .slick-slide{float: left; margin: 0 10px; width: calc(25% - 10px); position: relative; box-sizing: border-box;}
.project-detail-thumb-preview-list .slick-slide > div{padding-top:56.2%; position:relative; border: 1px solid #e1e1e1; box-sizing: border-box; cursor: pointer; opacity: 0.4;}
.project-thumb-preview-item{position:absolute; top:0px; left:0px; right:0px; bottom:0px;}
.project-detail-thumb-preview-list .slick-slide.slick-current > div{opacity: 1;}

@media all and (max-width:930px){
	#projectPhotoThumListCon{max-width:auto; padding: 0 15px;}
}
@media all and (max-width:800px){
	.project-detail-thumb-list.add-css + .project-thumb-controls{position: absolute; left: 0; top: 50%; margin-top: -22px; width: 100%;}
	#projectPhotoThumListCon{margin: 0 auto 37px;}
}
/* // -------- 230907유지보수 썸네일 이미지 -------- */

/* -------- Project 뷰페이지 :: 상세스펙 -------- */
#projectDetailCon{margin-bottom:100px;}
/* 상세스펙 :: 타이틀박스 */
.project-detail-tit-box{padding-bottom:37px; border-bottom:1px solid #e8e7e5; margin-bottom:30px;}
.project-detail-tit-box .project-year{float:left; display:table; width:65px; height:65px; margin-right:18px; background-color:#62bb46; font-size:13px; letter-spacing:0.5px; color:#fff; line-height:1.2; text-align:center; font-weight:700;}
.project-detail-tit-box .project-year em{display:block; font-weight:700;}
.project-detail-tit-box .project-name-box{float:left; letter-spacing:-0.5px; font-size:16px; color:#2f2821; margin-top:0.4em;}
.project-detail-tit-box .project-name-box .project-category{display:block; color:#8b857e; font-weight:400; margin-bottom:10px;}
.project-detail-tit-box .project-name-box .project-name{display:block; font-size:1.75em; font-weight:500;}
.project-detail-tit-box .project-date{float:right; line-height:65px; font-weight:700; color:#333; font-size:18px; letter-spacing:-0.3px; opacity:0.4}
/* 상세스펙 :: 상세스펙 */
.project-detail-spec-box dl{overflow:hidden; font-size:17px; line-height:1.2; letter-spacing:-0.5px; margin-top:15px; color:#2f2821;}
.project-detail-spec-box dl:first-child{margin-top:0;}
.project-detail-spec-box dl dt{float:left; width:160px; font-weight:500;}
.project-detail-spec-box dl dd{float:left; width:calc(100% - 160px); font-weight:300;}

/* -------- Prodect 뷰페이지 :: 관련프로젝트 -------- */
/* 하단 :: Related Produts */
#collectionRelatedCon.project-related-con{background-color:#f2f2f2; padding:60px 0;}
#projectRelatedCon .project-related-tit{text-align:center; font-size:26px;  letter-spacing:-0.3px; color:#000; font-weight:700; margin-bottom:40px;}
.project-related-list{margin:0 -20px;}
.project-related-list .slick-slide > div{margin:0 20px}
.project-related-list .project-item{float:left; }
.project-related-list .project-item .project-year{position:absolute; top:6px; left:6px; padding:7px 9px; background-color:rgba(0,0,0,0.6); color:#fff; letter-spacing:0.5px; font-size:11px; z-index:11;}
.project-related-list .project-item .project-info-box{padding:20px 10px;}
.project-related-list .project-item .project-name{font-weight:400;}
.project-related-list .collection-related-prev-btn,.project-related-list  .collection-related-next-btn{top:-100px;}

/* ******************  STORY  LIST ********************** */
.story-list{margin:0 -1.35%}
.story-item{float:left; width:30.63%; margin:0 1.35% 6%;}
.story-item a{display:block; position:relative;}
.story-item .story-thumb{position:relative; display:block; overflow:hidden; height:0; padding-top:72.72%; }
.story-item .story-info-box{position:relative; padding:40px 17px 0; font-size:14px;}
.story-item .story-info-box .story-category{position:absolute; top:-15px; padding:11px 14px; background-color:#5bb531; color:#fff; font-size:10px; font-weight:700; transition:all 0.5s}
.story-item .story-info-box .story-name{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; margin:0.35em 0 0.7em; color:#2f2821; font-size:1.42em; letter-spacing:-0.5px; font-weight:600;}
.story-item .story-info-box .story-sub-txt{height:3.7em; color:#888; font-size:1em; line-height:1.85; letter-spacing:-0.5px; margin-bottom:2.8em}
.story-item .story-info-box .story-more-btn{display:block; position:relative; width:150px; color:#333; padding-bottom:15px; border-bottom:3px solid #090909;}
.story-item .story-info-box .story-more-btn:before{position:absolute; bottom:-3px; width:100%; left:0; height:3px; background-color:#8a847e; content:""; transition:all 0.2s linear; transform:scaleX(0); transform-origin:0 0}
.story-item .story-info-box .story-more-btn em,
.story-item .story-info-box .story-more-btn i{transition:all 0.2s}
.story-item .story-info-box .story-more-btn em{font-size:11px; font-weight:900; letter-spacing:0px; }
.story-item .story-info-box .story-more-btn  i{position:absolute; top:-2px; right:0px; font-size:24px;}
@media all and (min-width:1025px){
	.story-item a:hover .story-more-btn{color:#8a847e;}
	.story-item a:hover .story-more-btn em{letter-spacing:0.5px;}
	.story-item a:hover .story-more-btn i{transform:translateX(3px)}
	.story-item a:hover .story-more-btn:before{transform:scaleX(1); }
}

/* ******************  SERVICE ********************** */
/* -------- 온라인문의  -------- */
/* 온라인문의 :: 상단타이틀 */
.inquiry-tit-box{text-align:center; margin-bottom:4em;  font-size:20px;}
.inquiry-tit-box .inquiry-en-tit{display:block; color:#645c54; font-size:1em; letter-spacing:-0.3px; margin-bottom:2em;}
.inquiry-tit-box .inquiry-en-tit:after{display:inline-block; width:7px; height:11px; margin-left:10px; background-color:#62bb46; transform:skew(-25deg); content:"";}
.inquiry-tit-box h3{color:#000; font-weight:300; font-size:1.8em; letter-spacing:-1.5px; line-height:1.5}
.inquiry-tit-box h3 strong{display:block; font-size:1.33em;}

/* 온라인문의 :: 문의폼 */
.online-inquiry-wrapper .bbs-inquiry-agree-con{margin-bottom:60px}
.online-inquiry-wrapper .inquiry-agreement-con{height:180px;}
.online-inquiry-wrapper .bbs-write-tbl{border-top:1px solid #645c54;}
.online-inquiry-wrapper .bbs-write-tbl > th,
.online-inquiry-wrapper .bbs-write-tbl > td{padding:13px 10px;}
.online-inquiry-wrapper .bbs-write-tbl > th.content-td{vertical-align:top; padding-top:20px;}
.to-product-btn{display:inline-block; padding:8px 15px; background-color:#645c54; color:#fff; font-size:15px; letter-spacing:-0.5px; font-weight:400; margin-left:10px; border:1px solid #645c54}
.to-product-btn:hover {background-color:#fff; color:#645c54}

/* 온라인문의 :: 문의폼 :: 제품리스트 */
.order-prd-list-con{padding-bottom:60px; }
.order-prd-list-tbl{width:100%; table-layout:fixed;}
.order-prd-list-tbl th{padding:18px 0; color:#222; font-size:15px; font-weight:500; border-bottom:1px solid #ddd;}
.order-prd-list-tbl td{padding:16px 10px; line-height:1.3; font-size:14px; text-align:center; color:#555; border-bottom:1px solid #ddd; }
.order-prd-list-tbl td.prd-info-col{text-align:left;}
.order-prd-list-tbl td.prd-info-col .prd-thumb{display:inline-block; vertical-align:middle ;width:120px; height:120px; position:relative; }
.order-prd-list-tbl td.prd-info-col a:hover .prd-thumb{border-color:#000}
.order-prd-list-tbl td.prd-info-col .prd-thumb img{}
.order-prd-list-tbl td.prd-info-col .prd-info-box{display:inline-block; vertical-align:middle; width:calc(100% - 140px); margin-left:10px; padding-top:5px}
.order-prd-list-tbl td.prd-info-col .order-prd-tit{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:400; line-height:18px; font-size:18px; color:#333; letter-spacing:-0.5px; }
.order-prd-option-list{padding-top:5px; font-size:12px; line-height:1.3; color:#aaa; font-weight:300; letter-spacing:-0.5px;}
.order-prd-option-list span{display:inline-block; vertical-align:middle;}
.order-prd-option-list span:before{display:inline-block; content:"/"; margin:0 2px; color:#ccc;}
.order-prd-option-list span:first-child:before{display:none;}
.prd-mobile-info-box{display:none;}
.order-prd-list-tbl td .order-num-chagne-btn{height:29px; border:1px solid #ddd; background-color:#fff; padding:0 5px; -webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px; margin-left:5px; vertical-align:top;}
.order-prd-list-tbl td .order-num-chagne-btn:hover{background-color:#f1f1f1; }
.order-check-item input[type="checkbox"]{display:none;}
.order-check-item label{position:relative; display:inline-block; width:14px; height:14px; border:2px solid #666}
.order-check-item label i{position:absolute; top:-1px; left:0px; display:none; font-size:16px;}
.order-check-item input[type="checkbox"]:checked + label {border-color:#666}
.order-check-item input[type="checkbox"]:checked + label i{display:block; color:#666}
.order-prd-controls{margin-top:17px}
.ordre-prd-left-con{float:left;}
.order-prd-right-con{float:right;}
.order-prd-controls button{
	display:inline-block; vertical-align:top; margin:2px; min-width:70px; height:30px; line-height:19px; padding:5px 10px; font-size:15px; letter-spacing:-0.5px; color:#333; border:1px solid #888; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; 
}
.order-prd-list-tbl .prd-delete-btn{color:#333; font-size:16px; font-weight:300; letter-spacing:-0.5px;}
.order-prd-list-tbl .prd-delete-btn i{position:relative; vertical-align:middle; top:-2px; color:#d62929; font-size:24px;}

/* 공통 :: 수량 제이쿼리 ui */
#content .ui-widget.ui-widget-content{border:0; height:31px; border-radius:0px; vertical-align:middle;}
#content .ui-spinner-input{width:40px; height:29px; margin:0 29px; padding:0; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
#content .ui-spinner a.ui-spinner-button{position:absolute; top:0px; width:29px; height:29px; border:1px solid #ddd; cursor:pointer; border-radius:0px;}
#content .ui-spinner a.ui-spinner-up{right:0px; background:url(/images/icon/prd_num_plus.png) no-repeat 50% 50%}
#content .ui-spinner a.ui-spinner-down{left:0px; background:url(/images/icon/prd_num_minus.png) no-repeat 50% 50%}
#content .ui-spinner a.ui-spinner-button:hover{background-color:#fff}
#content .ui-spinner a.ui-spinner-button span{display:none;}

/* ******************  About ********************** */
/* -------- About :: About -------- */
.about-content{padding-top:30px; }
/* About :: 상단타이틀 */
.about-tit{text-align:center; word-break:keep-all; margin-bottom:34px}
.about-tit .tit-small{display:block; /* font-weight:500; */ font-weight:700; font-size:24px; letter-spacing:-0.1px; color:#333; margin-bottom:40px}
.about-tit .tit-big{font-weight:300; font-size:50px; letter-spacing:-2px; color:#8c857f; line-height:1.4; }
.about-tit .tit-big b{font-weight:500; color:#62bb46}
.about-tit .tit-big em{font-weight:500; color:#645c54}

/* About :: 공통타입 컨텐츠 */
.about-con{position:relative}
.about-con .about-img{}
.about-con .about-img img{max-width:100%}
.about-con .txt-box{display:inline-block;}
.about-con .txt-box .box-inner{padding:10%; word-break:keep-all}
.about-con .txt-box .box-inner .box-txt-en{position:relative; display:inline-block; font-weight:400; font-size:18px; letter-spacing:-0.25px; margin-bottom:20px}
.about-con .txt-box .box-inner .box-txt-en:after{position:absolute; display:inline-block; content:""; width:12px; height:11px; background:url("../images/content/about_green_icon.png") no-repeat; background-size:cover !important; right:-17px;bottom:2px}
.about-con .txt-box .box-inner .box-explain{font-weight:300; font-size:30px; letter-spacing:-1px; line-height:1.5}
.about-con .txt-box .box-inner .box-explain .txt-block{display:block}
.about-con .txt-box .box-inner .box-explain em{font-weight:300}
.about-con .txt-box .box-inner .box-explain b{font-weight:500}
.about-con .sub-en-txt{display:block; font-weight:400; font-size:15px; letter-spacing:15px; color:#645c54; opacity:0.4; font-style:italic; text-transform:uppercase}

/* About :: 컨텐츠01 */
.about-con-1.about-con{padding-bottom:30px}
.about-con-1.about-con .txt-box{background-color:#645c54; position:absolute; right:0; bottom:0; width:50%}
.about-con-1.about-con .txt-box .box-inner .box-txt-en{color:rgba(255,255,255,0.6)}
.about-con-1.about-con .txt-box .box-inner .box-explain{color:#d1cecc}
.about-con-1.about-con .txt-box .box-inner .box-explain em,
.about-con-1.about-con .txt-box .box-inner .box-explain b{color:#fff;}
.about-con-1.about-con .sub-en-txt{padding-top:35px}

/* About :: 컨텐츠02 */
.about-con .about-lf{float:left; width:50%}
.about-con .about-rt{float:right; width:50%}
.about-con .about-rt .txt-box{width:100%}
.about-con .about-rt .sub-en-txt{padding:35px 0 0 10.5%}
.about-con-2.about-con{margin-top:80px}
.about-con-2.about-con .txt-box{background-color:#e0dbd5;}
.about-con-2.about-con .txt-box .box-inner .box-txt-en{color:rgba(51,51,51,0.5)}
.about-con-2.about-con .txt-box .box-inner .box-explain{color:#333}

/* About :: 컨텐츠03 */
.about-con-3.about-con{margin-top:120px}
.about-con-3.about-con .txt-box{background-color:#62bb46;}
.about-con-3.about-con .txt-box .box-inner .box-txt-en{color:rgba(255,255,255,0.7)}
.about-con-3.about-con .txt-box .box-inner .box-explain{color:#fff}
.about-con-3.about-con .txt-box .box-inner .box-txt-en:after{background:url("../images/content/about_white_icon.png") no-repeat}




/* -------- About :: 사업영역 -------- */
/* 사업영역 :: 공통 */
.business-con{margin-bottom:120px}
.business-con:last-child{margin-bottom:0}
.info-txt{word-break:keep-all}
.info-txt .tit{font-weight:500; font-size:30px; letter-spacing:-1px; color:#645c54}
.info-txt .tit span{display:inline-block; margin-right:10px}
.info-txt .tit span b{font-weight:500; color:#62ba46}
.info-txt .tit strong{display:inline-block; margin-bottom:7px; font-weight:300; font-size:20px; letter-spacing:-0.25px; color:#666; }
.info-txt .txt{font-weight:400; font-size:18px; letter-spacing:-0.5px; color:#666; line-height:1.77; margin-top:24px}
.business-img img{max-width:100%}
.middle-area.inner > div{display:inline-block; margin:0 -1px; vertical-align:middle}
.business-info.has-line .info-txt{border-top:1px solid #e0dedd; margin-top:60px; padding-top:50px}
.business-info .business-logo{display:inline-block;}


/* 사업영역 :: yegun 조경시설물 */
.yekun-con.business-con{margin-bottom:140px}
.yekun-con .yekun-lf{float:left; width:49.5%; padding-right:0.5%}
.yekun-con .yekun-rt{float:right; width:49.5%; padding-left:0.5%}
.yekun-con .business-info{float:left; width:49.5%; padding-right:0.5%; margin-top:8.5%}
.yekun-con .business-info .business-logo{float:left; width:191px;}
.yekun-con .business-info .info-txt{float:left; width:calc(84.5% - 191px); padding:0 3% 0 12.5%}
.yekun-con .business-info .info-txt .tit span{/* margin-right:15px */}

/* 사업영역 :: iboom 놀이시설물 */
.iboom-con .iboom-lf{width:64.3%}
.iboom-con .iboom-rt{width:29.7%; padding-left:6%}

/* 사업영역 :: prunus 정원시설물 */
.prunus-con{position:relative}
.prunus-con .prunus-lf{width:29.7%; padding-right:6%; position:absolute; left:0; top:50%; transform:translateY(-50%)}
.prunus-con .prunus-rt{width:64.3%; float:right}

/* 사업영역 :: waalo 반려동물 놀이시설물 */
.waalo-con .waalo-lf{width:64.3%}
.waalo-con .waalo-rt{width:29.7%; padding-left:6%}

/* -------- About :: 연혁 -------- */
/* 연혁 :: 왼쪽 :: 이미지 슬라이드 */
.year-sec{position:relative; padding-left:40px; padding-top:90px; z-index:2}
.year-sec:first-child{padding-top:0}
.year-sec:after,
.year-sec:before{position:absolute; display:inline-block; content:""; top:24px}
.year-sec:after{width:1px; height:100%; background-color:#ddd; z-index:1; left:0;}
.year-sec:before{width:5px; height:5px; background-color:#62bb46; border-radius:50%; z-index:2; left:-2px; top:120px;}
.year-sec:first-child:before{top:24px;}
.year-sec .lf-con{float:left; width:57%; padding-bottom:78px}
.year-slide-con{margin-top:20px; position:relative}
.year-slide-con .main-img-con{float:left; width:77.4% !important}
.year-slide-con .sub-img-con{float:left; width:19.6% !important;padding-left:3%; position:absolute; right:0; top:0; height:100%}
.year-slide-con .year-img{position:relative; display:block; padding-top:66.6%}
.year-slide-con .year-img img{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%}

/* 연혁 :: 왼쪽 :: 이미지 슬라이드 :: 메인슬라이드 */
.lf-con .year-category{font-weight:700; font-size:60px; letter-spacing:-0.25px; color:#333}
.main-img-con .slick-list{overflow:visible}
.main-img-con .year-main-img .slick-arrow{position:absolute; right:-1px; bottom:0; z-index:9999; width:80px; height:80px; background-color:#fff}
.main-img-con .year-main-img .slick-arrow.slick-prev{margin-right:80px; background:#fff url(../images/button/slide_prev_btn.jpg) no-repeat 50% 50%}
.main-img-con .year-main-img .slick-arrow.slick-next{background:#fff url(../images/button/slide_next_btn.jpg) no-repeat 50% 50%}
.main-img-con .year-main-img .slick-arrow.slick-prev:after{position:absolute; display:inline-block; content:""; width:2px; height:50px; background-color:#e5e5e5; right:0; top:50%; transform:translateY(-50%)}
.main-img-con .year-main-img .slick-arrow.slick-prev i{transform:rotate(180deg)}
.main-img-con .year-img-info{position:absolute; margin-top:20px; width:100%}
.main-img-con .year-img-info strong{float:left; width:80px; text-align:center; font-weight:500; font-size:18px; letter-spacing:-0.25px; color:#fff; background-color:#62bb46; padding:12px 0}
.main-img-con .year-img-info span{float:left; width:calc(100% - 95px); padding-left:15px; font-weight:400; font-size:18px; letter-spacing:-0.25px; color:#000; line-height:1.4; word-break:keep-all; padding-top:9px}

/* 연혁 :: 왼쪽 :: 이미지 슬라이드 :: 서브슬라이드 */
.sub-img-con .year-sub-img li{margin-bottom:20px; cursor:pointer}
.sub-img-con .slick-slider{height:89%}
.sub-img-con .slick-list{height:100% !important}


/* 연혁 :: 오른쪽 :: 연혁내용 */
.year-sec .rt-con{float:right; width:39%; padding-left:4%; padding-top:80px}
.year-sec .rt-con .year-info{}
.year-sec .rt-con .year-num,
.year-sec .rt-con .year-explain{display:inline-block; margin:0 -1px; vertical-align:top; }
.year-sec .rt-con .year-num{font-weight:600; font-size:18px; letter-spacing:-0.25px; color:#333; width:45px}
.year-sec .rt-con .year-explain{padding-left:25px; width:calc(100% - 70px)}
.year-sec .rt-con .year-explain .month-txt{margin-bottom:30px; font-weight:400; font-size:16px; letter-spacing:-0.5px; line-height:1.4; word-break:keep-all}
.year-sec .rt-con .year-explain .month-txt strong,
.year-sec .rt-con .year-explain .month-txt span{display:inline-block; margin:0 -1px; vertical-align:top; }
.year-sec .rt-con .year-explain .month-txt strong{color:#222; width:25px; font-weight:400; }
.year-sec .rt-con .year-explain .month-txt span{color:#666; width:calc(100% - 25px)}


/* -------- About :: 인증 및 수상 -------- */
.certification-content .sub-cm-tab-wrapper{z-index:9; z-index:99999;}
.certification-content .sub-tab-cm-style.fixed{position:fixed; top:0; }
.certification-content .sub-tab-cm-style ul li{width:50%}
.certification-content .sub-tab-cm-style ul li a{background-color:#fff}
.certification-content .sub-tab-cm-style ul li.selected a{background-color:#000}
.sub-sec-tit{text-align:center; font-weight:400; font-size:30px; letter-spacing:-0.25px; color:#000}

/* 인증 및 수상 :: 주요인증 */
.certification-list{margin-top:60px}
.certification-list li{float:left; width:16.666%; text-align:center; margin-bottom:25px}
.certification-list li .list-inner{padding:0 5%}
.certification-list li .list-inner .certification-logo{}
.certification-list li .list-inner .certification-logo img{height:59px; box-sizing:border-box}
.certification-list li .list-inner .certification-tit{font-weight:400; font-size:15px; letter-spacing:-0.5px; color:#888; line-height:1.6; word-break:keep-all; height:70px; margin-top:20px}

/* 인증 및 수상 :: 디자인수상 */
.design-award-wrap{padding-top:90px}
.design-award{margin-top:45px}
.award-list li:first-child{border-top:1px solid #645c54}
.award-list li{border-bottom:1px solid #ddd;}
.award-list li .award-con{padding:0 20px;}
.award-list li .award-con .con-inner{position:relative; /*display:table; width:100%; height:110px;*/ cursor:pointer}
.award-list li .award-con .logo,
.award-list li .award-con .tit{/*display:table-cell;*/display:inline-block; margin:0 -1px; vertical-align:middle;}
.award-list li .award-con .logo{position:relative; width:70px; padding:20px 0}
.award-list li .award-con .logo span{position:relative; display:block;}
.award-list li .award-con .logo span img{width:100%}
.award-list li .award-con .tit{width:calc(100% - 130px); font-weight:600; font-size:22px; letter-spacing:-0.25px; color:#000; line-height:1.3; word-break:keep-all; padding:20px 25px 20px 35px}
.award-list li .award-con .list-arrow{position:absolute; right:0; top:50%; transform:translateY(-50%)}
.award-list li .award-con .list-arrow i{font-size:27px; color:#000;}
.award-list li .award-detail{display:none}
.award-list li .award-detail .detail-inner{padding-left:120px}
.award-list li .award-detail .detail-inner p{font-weight:400; font-size:18px; letter-spacing:-0.25px; color:#666; line-height:1.5; word-break:keep-all; margin-bottom:20px}
.award-list li .award-detail .detail-inner p:first-child{margin-top:20px}
.award-list li .award-detail .detail-inner p strong,
.award-list li .award-detail .detail-inner p span{display:inline-block; margin:0 -1px; vertical-align:top}
.award-list li .award-detail .detail-inner p strong{font-weight:400; width:60px}
.award-list li .award-detail .detail-inner p span{width:calc(100% - 60px)}

/* 인증 및 수상 :: 디자인수상 :: open */
.award-list li.open .award-con{background-color:#f6f6f6; border-bottom:1px solid #ddd}
.award-list li.open .award-con .list-arrow i{transform:rotate(180deg)}
.award-list li.open .award-con .logo span:after{position:absolute; display:inline-block; content:""; width:100%; height:100%; top:0; left:0;  border:1px solid #ddd; box-sizing:border-box; z-index:2}

/* -------- About :: 생산설비 -------- */
/* 생산설비 :: 상단 */
.production-top .top-lf,
.production-top .top-rt{display:inline-block; margin:0 -1px; width:50%; vertical-align:middle}
.production-top .top-lf .top-lf-inner{padding-right:5%; word-break:keep-all}
.production-top .top-lf .en-tit{position:relative; display:inline-block; font-weight:400; font-size:20px; letter-spacing:-0.25px; color:#645c54}
.production-top .top-lf .en-tit:after{position:absolute; display:inline-block; content:""; width:12px; height:11px; background:url("../images/content/about_green_icon.png") ;right:-18px; bottom:2px}
.production-top .top-lf .tit{font-weight:300; font-size:36px; letter-spacing:-0.75px; color:#000; line-height:1.33; margin-top:45px}
.production-top .top-lf .tit b{font-weight:500; font-size:48px}
.production-top .top-lf .txt{font-weight:300; font-size:18px; letter-spacing:-0.5px; color:#666; line-height:1.88; margin-top:55px}
.production-top .top-rt img{max-width:100%}

/* 생산설비 :: 탭컨텐츠 */
/* 생산설비 :: 탭컨텐츠 :: 탭스타일 */
.production-tab-con{margin-top:100px}
.production-tab  ul{text-align:center; *zoom:1;}
.production-tab  ul:after{clear:both; content:""; display:block;}
.production-tab  ul li{float:left; position:relative; width:20%; position:relative; margin-left:-1px;}
.production-tab  ul li:first-child{/* width:17%; */margin-left:0; }
.production-tab  ul li a{display:table; width:100%; height:50px; color:#8b857e; font-size:16px; letter-spacing:-0.25px; text-align:center; border:1px solid #e5e5e5; border-bottom:0;  background-color:#fff; font-weight:400; line-height:1.3}
.production-tab  ul li:first-child a{border-left:1px solid #e5e5e5;}
.production-tab  ul li a span{display:table-cell; vertical-align:middle; padding:0 3%}
.production-tab  ul li.selected{z-index:1;}
.production-tab  ul li.selected a{color:#fff; border-color:#645c54; background-color:#645c54}
 
 /* 생산설비 :: 탭컨텐츠 :: 탭 안 컨텐츠 */
.production-tab-wrapper{background-color:#645c54; padding:100px 0 70px}
.tab-prd-area{position:relative}
.tab-prd-wrap{max-width:700px; margin:0 auto;}

/* 슬라이드 */
.tab-prd-img .tab-prd-slide{position:static}
.tab-prd-img .tab-prd-slide .prd-img span{position:relative; display:block; padding-top:57.2%}
.tab-prd-img .tab-prd-slide .prd-img span img{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%}

/* 슬라이드 dot */
.tab-prd-img .tab-prd-slide .slick-dots{text-align:center; margin-top:10px}
.tab-prd-img .tab-prd-slide .slick-dots li{display:inline-block}
.tab-prd-img .tab-prd-slide .slick-dots li button{font-size:0; width:8px; height:8px; border:1px solid #fff; border-radius:50%; margin:0 4px}
.tab-prd-img .tab-prd-slide .slick-dots li.slick-active button{background-color:#fff}

 /* 슬라이드 화살표 */
.tab-prd-img .tab-prd-slide .slick-arrow{position:absolute; color:#fff; font-size:30px; top:0; margin-top:185px}
.tab-prd-img .tab-prd-slide .slick-arrow.slick-prev{left:0}
.tab-prd-img .tab-prd-slide .slick-arrow.slick-next{right:0}

 /* 제품정보 */
.info-wrap{margin-top:45px; word-break:keep-all}
.info-wrap .prd-name{text-align:center; font-weight:600; font-size:36px; letter-spacing:-0.5px; color:#fff; line-height:1.4}
.info-wrap .prd-explain{text-align:center; font-weight:300; font-size:18px; letter-spacing:-0.5px; color:rgba(255,255,255,0.7); line-height:1.4; margin-top:20px}
.info-wrap .prd-info{margin-top:60px}
.info-wrap .prd-info li{float:left; width:50%; margin-bottom:15px}
.info-wrap .prd-info li strong,
.info-wrap .prd-info li span{display:inline-block; margin:0 -1px; vertical-align:top; font-size:16px; color:#fff; letter-spacing:-0.5px; line-height:1.4}
.info-wrap .prd-info li strong{font-weight:400; width:110px;}
.info-wrap .prd-info li span{font-weight:300; opacity:0.7; width:calc(100% - 125px); padding-right:15px}

/* -------- About :: 디자인연구소 -------- */
/* 디자인연구소 :: 상단 */
.laboratory-top{margin-top:80px}
.laboratory-top .top-lf{float:left; width:460px; white-space:nowrap}
.laboratory-top .top-rt{float:left; width:calc(92% - 460px); padding-left:8%; word-break:keep-all}
.laboratory-top .top-lf .tit-en{font-weight:700; font-size:60px; letter-spacing:-0.25px; color:#333}
.laboratory-top .top-lf .tit-en b{font-weight:900; color:#62ba46}
.laboratory-top .top-lf .tit-kr{display:block; font-weight:400; font-size:30px; letter-spacing:-0.25px; color:#000; margin-top:25px}
.laboratory-top .top-rt .main-slogan{font-weight:300; font-size:36px; letter-spacing:-2.5px; color:#333; line-height:1.5;}
.laboratory-top .top-rt .main-slogan b{font-weight:500}
.laboratory-top .top-rt .sub-txt{display:block; font-weight:300; font-size:18px; letter-spacing:-0.75px; color:#888; line-height:1.77; margin-top:20px}

/* 디자인연구소 :: DESIGN PROCESS */
.design-process-con{padding-top:170px}
.design-process-con .desian-process-tit{text-align:center; font-weight:900; font-size:50px; letter-spacing:-0.25px; color:#333}

/* DESIGN PROCESS :: Layout */
.design-process {position:relative; padding-top:80px}
.design-process-wrapper {position:relative; padding-bottom:50px; *zoom:1;}
.design-process-wrapper:after{clear:both; display:block; content:"";}
.design-process-wrapper:before{position:absolute; top:3px; height:100%; width:1px; left:50%; background-color:#ddd; content:"";}
.design-process-wrapper:last-child:before{display:none;}
.design-process-info-box {position:relative; width:50%; }
.design-process-info-box::before{ position:absolute; top:-5px; width:23px; height:23px;  background-color:rgba(100,92,84,0.2); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content:""; }
.design-process-info-box::after{ position:absolute; top:3px; width:8px; height:8px; background-color:#645c54; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content:""; }
/* DESIGN PROCESS :: 정보 */
.design-process-info .process-item{position:relative; font-size:17px; line-height: 1.4; letter-spacing: -0.25px; font-weight:400; color:#645c54; opacity:0.7; margin-bottom:10px; word-break:keep-all}
.design-process-info .process-item span{display:inline-block; width:130px; text-align:right}
.design-process-tit {font-size:36px; letter-spacing: -0.25px; color:#222; font-weight: 600; margin:-13px 0 30px}
.design-process-tit::before{position:absolute; width:95px; top:7px; border-top:1px solid #ddd; content:""; margin-top:-1px; left:0}
.design-process-tit strong,
.design-process-tit p{float:left}
.design-process-tit strong{position:relative; display:inline-block; font-weight:600; font-size:20px; color:#62bb46; width:50px; margin-top:8px}
.design-process-tit strong:after{position:absolute; display:inline-block; content:""; width:5px; height:5px; background-color:#62bb46; border-radius:50%; left:-20px; top:9px}
.design-process-tit p{width:calc(100% - 50px)}
.process-left .design-process-tit strong,
.process-left .design-process-tit p{float:right}
.process-left .design-process-tit strong:after{left:auto; right:-20px}

.process-bg .design-process-list-wrap{position:relative}
.process-bg .design-process-list-wrap:after{position:absolute; display:inline-block; content:""; background-size:cover !important; z-index:-1; left:50%;}
.process-bg.process-bg-1 .design-process-list-wrap:after{width:561px; height:431px; background:url("../images/content/design_process_bg01.png") no-repeat; top:-170px; /*right:0*/margin-left:140px}
.process-bg.process-bg-2 .design-process-list-wrap:after{width:526px; height:524px; background:url("../images/content/design_process_bg02.png") no-repeat; top:-272px; /*left:0*/margin-left:-700px}
.process-bg.process-bg-3 .design-process-list-wrap:after{width:434px; height:365px; background:url("../images/content/design_process_bg03.png") no-repeat; top:-145px; /*right:0*/margin-left:260px}

@media all and (min-width:801px){
	/* DESIGN PROCESS :: 왼쪽 */
	.process-left .design-process-info-box{float:left;}
	.process-left .design-process-info-box::before,
	.process-left .design-process-info-box::after {left:100%; transform:translatex(-50%)}
	.process-left .design-process-info {text-align:right; padding-right: 170px;}
	.process-left .design-process-tit {text-align:right; padding-right:115px}
	.process-left .design-process-tit:before{right:0; left:auto}
	/* DESIGN PROCESS :: 오른쪽 */
	.process-right .design-process-info-box{float:right; }
	.process-right .design-process-info-box::before,
	.process-right .design-process-info-box::after {right:100%; transform:translatex(50%)}
	.process-right .design-process-info {padding-left: 170px;}
	.process-right .design-process-list-wrap .design-process-tit {padding-left:115px}
}

/* -------- About :: 조직도 -------- */
#orgContent{margin:50px 0;}
/* 조직도 :: 대표이사 */
.org-president-con{text-align:center;}
.org-president-con .president-item{display:inline-block; width:240px; height:100px; line-height:100px; color:#fff; background-color:#645c54; font-size:24px; letter-spacing:-0.5px; font-weight:400;}
/* 조직도 :: 구성원 */
.org-list-con{position:relative; padding-top:10.35%; margin:-3px -1% 0; 0}
.org-list-con:before{position:absolute; top:0px; left:0; right:0; height:0; padding-top:10.35%; background:url(/images/content/org_line.png) no-repeat 50% ; content:""; }
.org-list-con > .org-group-item{float:left; width:18%; margin:0 1%; margin-top:0px;}
.org-list-con > .org-group-item dl{border:1px solid #ddd}
.org-list-con > .org-group-item dl dt{display:table; width:100%; height:68px; text-align:center; background-color:#f6f6f6;}
.org-list-con > .org-group-item dl dt strong{display:table-cell; vertical-align:middle; color:#000; font-size:18px; font-weight:400; letter-spacing:-0.5px;}
.org-list-con > .org-group-item dl dd{border-top:1px solid #ddd; }
.org-list-con > .org-group-item dl dd ul{padding:22px 0; text-align:center;}
.org-list-con > .org-group-item dl dd ul li{font-size:18px; letter-spacing:-0.5px; color:#888; margin-top:25px;}
.org-list-con > .org-group-item dl dd ul li:first-child{margin-top:0}

@media all and ( max-width: 1680px ){
	/* 조직도 :: 구성원 */
	.org-list-con:before{background-size:auto 100%;}
}
@media all and ( max-width: 800px ){
	/* 조직도 :: 대표이사 */
	.org-president-con .president-item{width:auto; padding:0 30px; height:50px; line-height:50px; font-size:18px;}
	/* 조직도 :: 구성원 */
	.org-list-con > .org-group-item dl dt{height:40px;}
	.org-list-con > .org-group-item dl dt strong{font-size:15px;}
	.org-list-con > .org-group-item dl dd ul{padding:10px 0;}
	.org-list-con > .org-group-item dl dd ul li{font-size:13px; margin-top:10px}
}
@media all and ( max-width: 640px ){
	/* 조직도 :: 구성원 */
	.org-list-con{padding-top:0; margin:0;}
	.org-list-con:before{display:none;}
	.org-list-con > .org-group-item{width:auto; position:relative; margin:0; margin-top:30px; float:none;}
	.org-list-con > .org-group-item:before{position:absolute; bottom:100%; left:50%; width:1px; height:30px; background-color:#ddd; content:"";}
}

/* ******************  PRICE LIST ********************** */
/* PRICE 검색 */
.price-search-wrapper{padding:41px 0; background-color:#e8e3de; margin-bottom:78px}
.price-search-wrapper .bbs-top-list-box{margin-bottom:0}
.price-search-wrapper .bbs-top-list-box .board-search-box{float:none; margin:0px auto;}
.price-search-wrapper .board-search-box .search-subject-select,
.price-search-wrapper .board-search-box .search-word{height:56px; border-color:#fff;}
.price-search-wrapper .board-search-box .bbs-search-btn{height:56px}
/* PRICE 리스트 */
.price-item{position:relative; border-bottom:1px solid #e1e1e1; padding:20px;}
.price-item:first-child{border-top:1px solid #333;}
.price-item .price-write-info-box{width:calc(100% - 210px);}
.price-item .price-write-info-box .price-date-box{display:inline-block; vertical-align:middle; box-sizing:border-box; width:75px; height:75px; padding-top:15px; background-color:#8b857e; margin-right:32px; text-align:center; color:#fff; transition:background-color 0.5s}
.price-item:hover .price-write-info-box .price-date-box{background-color:#62ba46;}
.price-item .price-write-info-box .price-date-box .month{display:block; font-size:24px; font-weight:700; margin-bottom:5px;}
.price-item .price-write-info-box .price-tit-box{display:inline-block; vertical-align:middle; width:calc(100% - 120px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#2f2821; font-size:22px; font-weight:500; letter-spacing:-0.5px;}
.price-item .price-down-btn{position:absolute; top:50%; right:20px; width:193px; height:46px; padding:0 20px; line-height:44px; border:1px solid #333;  text-align:left; transform:translateY(-50%)}
.price-item .price-down-btn em{font-size:11px; letter-spacing:1.5px; font-weight:900;}
.price-item .price-down-btn em i{position:static; margin-right:10px; font-size:16px; position:relative; top:2px; right:auto; line-height:40px;}
.price-item .price-down-btn > i{font-size:20px; right:18px; transition:all 0.5s; }
.price-item .price-down-btn:hover > i{transform:translateX(5px)}

/* ******************  CONTACT ********************** */
.location-container{position:relative; margin-top:75px;}
.location-container .loaction-tit{text-align:right; line-height:65px; font-size:15px; color:#333; opacity:0.3; letter-spacing:15px; font-style:italic; font-weight:400; margin-right:-15px;}
.locaction-info-box{position:absolute; bottom:0px; left:0; top:0px; width:400px; background-color:#000; box-sizing:Border-box; padding:60px 50px; font-size:16px; color:#fff; letter-spacing:-0.5px;}
.locaction-info-box .location-info-tit{font-size:1.875em; font-weight:400; letter-spacing:-0.75px; margin-bottom:1em;}
.locaction-info-box .location-detail-info dl{overflow:hidden; line-height:1.8; margin-top:1em; font-weight:300;}
.locaction-info-box .location-detail-info dl:first-child{margin-top:0}
.locaction-info-box .location-detail-info dl dt{float:left; width:60px;}
.locaction-info-box .location-detail-info dl dd{float:left; width:calc(100% - 60px); opacity:0.6}
.location-map-box{margin-left:400px; }
.location-map-box .location-map-warpper{height:0; position:relative; padding-top:60%; }
.location-map-box .location-map-warpper iframe{position:absolute; top:0px; left:0px; width:100%; height:100%;}
.head-quarter-location .locaction-info-box{background:url(/images/content/contact_bg_01.jpg) no-repeat 100% 50%; background-size:cover;}
.design-center-location .locaction-info-box{background:url(/images/content/contact_bg_02.jpg) no-repeat 100% 50%; background-size:cover;}

/* ******************  YMarket ********************** */
/* 배너 :: 이미지영역 */
#ymarketBannerCon {position:relative; overflow:hidden;}
#ymarketBannerCon .m-btn{display:none !important}
#ymarketBannerCon .banner-item{height:700px; width:100%; background-size:cover !important; font-size:18px;}
#ymarketBannerCon .banner-info-box{position:relative; height:calc(100% - 100px); box-sizing:border-box; padding-top:125px; color:#fff; text-align:center;}
#ymarketBannerCon .banner-item .visual-tit{
	overflow:hidden;
	font-weight:700; 
	font-size:3.5em; 
	letter-spacing:-0.25px;
	color:#fff;
}
#ymarketBannerCon .banner-item .visual-sub-txt{
	font-size:1em; 
	font-weight:300; 
	margin-bottom:15px;
	letter-spacing:-0.5px;
	color:rgba(255,255,255,0.6);
}
.ymarket-prd-view-btn{position:absolute; bottom:80px; right:0px; width:220px; height:60px; text-align:left; line-height:58px; padding:0 15px}
.ymarket-prd-view-btn i{line-height:58px; font-size:32px;}

/* YMarket :: 배너 :: 리스트 */
.ymarket-category-list-con{position:absolute; top:0; left:142px; bottom:100px; width:162px; z-index:11; }
.ymarket-category-list-con .ymarket-category-wrap{position:relative;  top:50%; transform:translateY(-50%); } 
.ymarket-category-list-con .slick-list{width:162px; }
.ymarket-category-list-con:not(.slide-on) .slick-list{height:auto !important;}
.ymarket-category-list-con .slick-slide{border:0 !important; cursor:pointer;}
.ymarket-category-list-con .slick-slide:focus{outline:none;}
.ymarket-category-list-con li{width:162px; /* margin-bottom:1px */}
.ymarket-category-list-con li p{display:table; width:100%; height:50px; line-height:1.2; text-align:center; color:#645c54; font-size:14px; letter-spacing:-0.5px; background-color:#fff;}
.ymarket-category-list-con li p span{display:table-cell; vertical-align:middle;}
.ymarket-category-list-con .slick-current li p{background-color:#645c54; color:#fff;}
.ymarket-category-controls{}
.ymarket-category-controls button{float:left; width:80px; height:60px; background-color:#fff;}
.ymarket-category-controls .ymarket-prev-btn{margin-right:2px;}
.ymarket-category-controls button i{font-size:34px; color:#292622;}
.ymarket-category-controls button.slick-disabled{cursor:default;}
.ymarket-category-controls button.slick-disabled i{opacity:0.3}
@media all and (min-width:801px){
	/* 3차메뉴 */
	.ymarket-3dep-category{text-align:center;}
	.ymarket-3dep-category .sub-tab-cm-style ul{display:inline-block; width:auto;}
	.ymarket-3dep-category .sub-tab-cm-style ul li{float:left; display:block; width:175px}
}


/* ******************  CATALOGUE :: 250107 JY 추가 ********************** */
.catalogue-con {}
.catalogue-img-con {padding: 30px 0; text-align: center;}
.catalogue-img-con .catalogue-img {display: inline-block; max-width: 510px; margin: 0 auto;}
.catalogue-img-con .catalogue-img img {max-width: 100%;  box-shadow: 1rem 1rem 3rem rgba(0,0,0,0.1);}
.catalogue-btn-con {padding-top: 50px;}
.catalogue-btn-con .cm-btn-controls {padding-top: 0;}

.catalog-modal-content{position:relative; width:96%; max-width:1200px; margin:70px auto 30px; }
.catalog-inner-box {padding:50px; background-color:#fff; }
.catalog-pop-inner .tit {font-size:24px; font-weight:600; letter-spacing:-0.5px; text-align:center; color:#000; margin-bottom: 40px;}
.catalog-inner-box .bbs-write-tbl-box {margin-top: 25px;}

@media all and (max-width:800px){
	.catalogue-btn-con {padding-top: 20px;}
	.catalog-inner-box  {padding: 25px;}
	.catalog-pop-inner .tit {font-size: 18px;}
}