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


/* ******************  공통 ********************** */
/* -------- 비주얼 라인 공통 -------- */
.line-box span{
	position:absolute; background-color:#fff; opacity:0.2;filter:Alpha(opacity=20);  z-index:11;
	-webkit-transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), height 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), height 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.line-box .left-line{left:100px; bottom:100px; width:1px; height:0;}
.line-box .top-line{left:100px; top:100px; width:0; height:1px;}
.line-box .right-line{right:100px; top:100px; width:1px; height:0;}
.line-box .bottom-line{right:100px; bottom:100px; width:0; height:1px;}

.line-box.active .top-line{width:calc(100% - 200px ); }
.line-box.active .right-line{height:calc(100% - 200px ); -webkit-transition-delay:0.6s; transition-delay:0.6s}
.line-box.active .bottom-line{width:calc(100% - 200px ); -webkit-transition-delay:1.2s; transition-delay:1.2s}
.line-box.active .left-line{height:calc(100% - 200px ); -webkit-transition-delay:1.8s; transition-delay:1.8s}
@media all and ( max-width: 1120px ){
	.line-box .left-line,
	.line-box .right-line{display:none;}
	.line-box .top-line{left:0; top:100px;}
	.line-box .bottom-line{right:0; bottom:100px; }

	.line-box.active .top-line,
	.line-box.active .bottom-line{width:100%; -webkit-transition-delay:0s; transition-delay:0s}

}
@media all and ( max-width: 800px ){
	.line-box .top-line{ top:65px;}
	.line-box .bottom-line{bottom:65px;}
}
@media all and ( max-width: 480px ){
	.line-box .top-line{ top:50px;}
	.line-box .bottom-line{bottom:50px;}
}
/* -------- 타이틀 공통 -------- */
.sub-title{position:relative; display:inline-block; color:#333; font-size:22px; letter-spacing:-0.75px; font-weight:600; margin-bottom:10px; font-family:'NanumSquareRound', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}
.sub-title:after{position:absolute; left:100%; bottom:2px;  content:""; width:4px; height:4px; margin-left:5px; background-color:#e60044; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%}
@media all and (max-width:1120px){
	.sub-title{font-size:20px;}
}
@media all and (max-width:800px){
	.sub-title{font-size:19px;}
}
/* -------- 버튼 공통 -------- */
.cm-btn-style01{
	overflow:hidden; position:relative; display:inline-block; background-color:#e60044; border:1px solid #333 !important; font-size:15px; letter-spacing:-0.5px; color:#fff; 
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s	
}
.cm-btn-style01 span{position:relative; z-index:1;; color:#fff;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.cm-btn-style01 b{position:absolute; top:-1px; right:10px;}
.cm-btn-style01:before{
	display:block; position:absolute; left:-130%; bottom:0; content:""; width:120%; height:150%; background:#fff; /* opacity:0;filter:Alpha(opacity=0); */
	transform:skew(-20deg);
	-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s
}
.cm-btn-style01:hover span{color:#333 !important;}
.cm-btn-style01:hover b{color:#333}
.cm-btn-style01:hover:before{left:-10%; opacity:1.0;filter:Alpha(opacity=100);}

/* -------- 로딩 공통 -------- */
.content-loading {
  display:none;
  position:absolute;
  left:50%;
  top:50%;
  margin:-25px 0 0 -25px;
  width: 50px;
  height: 50px;
  border: 8px solid #ebd2d6;
  border-radius: 50%;
  border-top-color: #9e2839;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}

/* -------- CHECKBOX CUSTOM -------- */
.custom-checkbox .checkbox-item{display:inline-block; vertical-align:middle; margin-left:20px;}
.custom-checkbox .checkbox-item input[type="checkbox"]{display:none;}
.custom-checkbox .checkbox-item label{display:inline-block; position:relative; padding-left:22px; color:#333; font-size:16px; letter-spacing:-0.7px; line-height:16px;  }
.custom-checkbox .checkbox-item label::before{content:""; position:absolute; top:0px; left:0px; width:14px; height:14px; border:1px solid #cfcfcf; background-color:#eee; }
.custom-checkbox .checkbox-item label::after{display:none; content:""; position:absolute; top:4px; left:4px; width:8px; height:8px; background:#9c2033; }
.custom-checkbox .checkbox-item input[type="checkbox"]:checked + label::before{border-color:#9c2033; background-color:#fff;}
.custom-checkbox .checkbox-item input[type="checkbox"]:checked + label::after{display:block;}

@media all and (max-width: 800px){
	.custom-checkbox .checkbox-item{margin:5px;}
	.custom-checkbox .checkbox-item label{padding-left:20px; font-size:13px; line-height:13px;}
	.custom-checkbox .checkbox-item label::before{width:11px; height:11px;}
	.custom-checkbox .checkbox-item label::after{width:5px; height:5px;}
}
/* -------- 탭 공통 -------- */
#productListContent .sub-cm-tab-container{overflow:hidden; position:relative; height:60px;  margin-bottom:30px;}
#productListContent .sub-cm-tab-container .sub-cm-tab-inner{overflow:hidden; position:absolute; left:0; top:0; right:0; background-color:#fff; -webkit-transition:width 0.3s;-moz-transition:width 0.3s;-o-transition:width 0.3s;-ms-transition:width 0.3s;transition:width 0.3s; transform:none; width:100%;}
#productListContent .sub-cm-tab-container .sub-cm-tab-inner-con{border-top:1px solid #ddd; /* border-bottom:1px solid #ddd; */ -webkit-transition:margin 0.3s;-moz-transition:margin 0.3s;-o-transition:margin 0.3s;-ms-transition:margin 0.3s;transition:margin 0.3s}
#productListContent .sub-cm-tab-container ul{position:relative;; text-align:center; }
#productListContent .sub-cm-tab-container ul li{float:left; }
#productListContent .sub-cm-tab-container ul li a{}
#productListContent .sub-cm-tab-container ul.menu1 li{width:50%; float:none; display:inline-block; max-width:175px}
#productListContent .sub-cm-tab-container ul.menu2 li{width:50%; float:none; display:inline-block; max-width:175px}
#productListContent .sub-cm-tab-container ul.menu3 li{width:33.33%; }
#productListContent .sub-cm-tab-container ul.menu4 li{width:25%;}
#productListContent .sub-cm-tab-container ul.menu5 li{width:20%;}
#productListContent .sub-cm-tab-container ul.menu6 li{width:16.65%; }
#productListContent .sub-cm-tab-container ul.menu7 li{width:14.28%; }
#productListContent .sub-cm-tab-container ul.menu8 li{width:12.5%; }
#productListContent .sub-cm-tab-container ul.menu9 li{width:11.11%; }
#productListContent .sub-cm-tab-container ul.menu10 li{width:10%; }
#productListContent .sub-cm-tab-container ul li a{position:relative; display:block; color:#555; background-color:#fff; font-size:16px; line-height:58px; text-align:center; letter-spacing:-1px; font-family:'Rubik', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}
#productListContent .sub-cm-tab-container ul li.selected a,
#productListContent .sub-cm-tab-container ul li a:hover{color:#000}
#productListContent .sub-cm-tab-container ul li.selected a:before,
#productListContent .sub-cm-tab-container ul li.selected a:after{display:block; position:absolute;  left:0px; width:100%; content:""; height:1px; background-color:#000;}
#productListContent .sub-cm-tab-container ul li.selected a:before{top:-1px;}
#productListContent .sub-cm-tab-container ul li.selected a:after{bottom:-1px;}
/* 탭 공통 :: fixed */
#productListContent .sub-cm-tab-container.fixed .sub-cm-tab-inner{position:fixed; top:0px; left:60px; right:60px;  z-index:1001; }
#productListContent .sub-cm-tab-container.fixed .sub-cm-tab-inner .sub-cm-tab-inner-con{max-width:1584px; margin:0px auto;}

@media all and (max-width: 1763px){
	#productListContent .sub-cm-tab-container.fixed .sub-cm-tab-inner{left:90px; right:90px}
}
@media all and (max-width: 1300px){
	#productListContent .sub-cm-tab-container.fixed .sub-cm-tab-inner{left:30px; right:30px}
}
@media all and (max-width: 1120px){
	#productListContent .sub-cm-tab-container ul li a{font-size:14px;}
}
@media all and (max-width: 800px){
	#productListContent .sub-cm-tab-container{height:42px;}
	#productListContent .sub-cm-tab-container.fixed .sub-cm-tab-inner{left:0; right:0; top:65px}
	#productListContent .sub-cm-tab-container .swiper-container-tab  ul li{float:none; width:auto; display:inline-block;}
	#productListContent .sub-cm-tab-container ul li a{height:40px; line-height:40px; padding:0 15px;}
}
@media all and (max-width: 480px){
	#productListContent .sub-cm-tab-container.fixed .sub-cm-tab-inner{top:50px}
	#productListContent .sub-cm-tab-container ul li a{font-size:13px; padding:0; }
}
/* -------- 이미지 효과 공통 -------- */
.active-img-box{overflow:hidden;}
.active-img{
	position:relative;
	display:block;
	-webkit-transform: translate3d(-100px, 0, 0) rotate(0.0001deg);
	transform: translate3d(-100px, 0, 0) rotate(0.0001deg);
	-webkit-transition: all 1.6s cubic-bezier(0.23, 1, 0.38, 1) .2s;
	transition: all 1.6s cubic-bezier(0.23, 1, 0.38, 1) .2s;
}
.active-img:after{
	display: block; position:absolute; top:0px; left:0px; width:100%; height:100%; content:""; background-color:#fff;
	-webkit-transform: translate3d(0, 0, 0) rotate(0.0001deg);
	transform: translate3d(0, 0, 0) rotate(0.0001deg);
	-webkit-transition: all 1.7s cubic-bezier(0.23, 1, 0.38, 1) .2s;
	transition: all 1.7s cubic-bezier(0.23, 1, 0.38, 1) .2s;
}
.scroll-active-animate .active-img{
	-webkit-transform: translate3d(0, 0, 0) rotate(0.0001deg);
	transform: translate3d(0, 0, 0) rotate(0.0001deg);
}
.scroll-active-animate .active-img:after{
	-webkit-transform: translate3d(100%, 0, 0) rotate(0.0001deg);
	transform: translate3d(100%, 0, 0) rotate(0.0001deg);
}


/* ******************  생활속의 이마쥬 ********************** */
#lifeTabContainer{position:relative; height:60px;}
.life-tab-container {position:absolute; top:0px; left:0px; right:0px;}
#lifeTabContainer.fixed .life-tab-container {position:fixed; left:60px; right:60px; z-index:99;}
#lifeTabContainer.fixed .life-tab-container  ul{max-width:1584px; margin:0px auto;}
.life-tab-container ul li{float:left; width:33.33%; position:relative; z-index:0; margin-left:-1px;}
.life-tab-container ul li:first-child{margin-left:0;}
.life-tab-container ul li a{
	display:block; height:58px; border:1px solid #ddd; line-height:58px; text-align:center; color:#555; background-color:#fff; font-size:20px; letter-spacing:-1px; font-weight:600;
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s
}
.life-tab-container ul li.selected{z-index:1;}
.life-tab-container ul li.selected a{background-color:#e60044; border-color:#e60044; color:#fff;}
@media all and (max-width: 1763px){
	#lifeTabContainer.fixed .life-tab-container{left:90px; right:88px}
}
@media all and (max-width: 1300px){
	#lifeTabContainer.fixed .life-tab-container{left:30px; right:28px}
}
@media all and (max-width: 1120px){
	.life-tab-container ul li a{font-size:16px;}
}
@media all and (max-width: 800px){
	#lifeTabContainer.fixed .life-tab-container{left:0; right:-4px; top:65px}
}
@media all and (max-width: 480px){
	#lifeTabContainer{height:40px;}
	#lifeTabContainer.fixed .life-tab-container{top:50px}
	.life-tab-container ul li a{height:40px; line-height:40px}
}
/* ------- 제품리스트 -------- */
.life-item-con{overflow:hidden;}
/* 제품 타이틀 */
.life-tit-con{padding:68px 0 60px; text-align:center; font-family:'Rubik','NanumSquareRound', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}
.life-tit-con strong,
.life-tit-con span{
	-webkit-transition: opacity 0.8s cubic-bezier(0.4, 0, 0.15, 1.06),transform 0.8s cubic-bezier(0.4, 0, 0.15, 1.06) ;
	transition: opacity 0.8s cubic-bezier(0.4, 0, 0.15, 1.06),transform 0.8s cubic-bezier(0.4, 0, 0.15, 1.06) ;
	opacity:0;filter:Alpha(opacity=0);
	-webkit-transform: translateY(-30px);
	transform: translateY(-30px);
}
.life-tit-con strong{display:inline-block; position:relative; color:#f5f5f5; font-size:100px; letter-spacing:-3px; font-weight:600;}
.life-tit-con span{position:absolute; top:50%; left:0px; width:100%; text-align:center; margin-top:-12px; color:#000; font-size:30px; letter-spacing:-0.75px;}
.scroll-active-animate .life-tit-con strong,
.scroll-active-animate .life-tit-con span{
	opacity:1.0;filter:Alpha(opacity=100);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
/* 제품 사진 */
.life-photo-con{display:inline-block; width:50%; }
.life-photo-box{
	position:relative; 
	vertical-align:middle;
	-webkit-transform: translate3d(-100px, 0, 0) rotate(0.0001deg);
	transform: translate3d(-100px, 0, 0) rotate(0.0001deg);
	-webkit-transition: all 1.6s cubic-bezier(0.23, 1, 0.38, 1) .2s;
	transition: all 1.6s cubic-bezier(0.23, 1, 0.38, 1) .2s;
}
.life-photo-box:after{
	display: block; position:absolute; top:0px; left:0px; width:100%; height:100%; content:""; background-color:#fff;
	-webkit-transform: translate3d(0, 0, 0) rotate(0.0001deg);
	transform: translate3d(0, 0, 0) rotate(0.0001deg);
	-webkit-transition: all 1.7s cubic-bezier(0.23, 1, 0.38, 1) ;
	transition: all 1.7s cubic-bezier(0.23, 1, 0.38, 1);
}

.life-photo-con .life-photo-thumb{display:block; width:100%;}
.life-photo-con .life-photo-thumb img{width:100%;}
.life-photo-con .life-prd-info-con{position:absolute; bottom:0px; left:0px; width:100%; height:18%;}
.life-photo-con .life-prd-info-con:before{
	position:absolute; top:0px; left:0px; bottom:0px; right:0px; content:""; opacity:0.8;filter:Alpha(opacity=80);
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9c2033+0,9c2033+0,1e1e1e+100 */
	background: #e60044; /* Old browsers */
	background: -moz-linear-gradient(left, #e60044 0%, #e60044 0%, #e60044 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #e60044 0%,#e60044 0%,#e60044 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #e60044 0%,#e60044 0%,#e60044 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e60044', endColorstr='#e60044',GradientType=1 ); /* IE6-9 */
}
.life-photo-con .life-prd-info-con .life-prd-img-rolling-box{
	overflow:hidden; position:absolute; bottom:30px; left:45px; 
	-webkit-transition: all 1s cubic-bezier(0.4, 0, 0.15, 1.06) 1s;
	transition: all 1s cubic-bezier(0.4, 0, 0.15, 1.06) 1s;
	opacity:0;filter:Alpha(opacity=0);
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
}
.life-photo-con .life-prd-info-con .life-prd-img-rolling-box img{max-width:100%;}
.life-photo-con .life-prd-info-con .life-prd-name-rolling-box{position:absolute; top:0px; right:45px; width:30%; height:100%;}
.life-photo-con .life-prd-info-con .life-prd-name-rolling-box .prd-name-item,
.life-photo-con .life-prd-info-con .life-prd-name-rolling-box .slick-list,
.life-photo-con .life-prd-info-con .life-prd-name-rolling-box .slick-track{height:100%;}
.life-photo-con .life-prd-info-con .life-prd-name-rolling-box .prd-name{position:relative; display:block; text-align:right; z-index:1; color:#fff; font-size:25px; letter-spacing:-1.0px; padding:0 4%; font-family:'NanumSquareRound', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif; }

/* 제품 상세정보 */
.life-info-con{position:relative;  z-index:1; display:inline-block; width:50%; margin-left:-4px; vertical-align:middle;}
.life-info-con .life-info-con-inner{margin-left:100px}
.life-info-con .life-info-tit, .life-info-con .life-info-time, .life-info-con .life-info-sub-txt {overflow:hidden; }
.life-info-con .life-info-tit strong{color:#333; font-size:30px; letter-spacing:-0.75px; font-weight:400;}
.life-info-con .life-info-tit span{color:#aaa; font-size:18px; font-family:'Rubik', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}
.life-info-con .life-info-time strong{padding:6% 0 5%; color:#eee; font-size:75px; font-weight:400; letter-spacing:-4px; font-family:'Rubik', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}
.life-info-con .life-info-tit strong,
.life-info-con .life-info-sub-txt strong,
.life-info-con .life-info-time strong{
	display:block; 
	opacity:0;filter:Alpha(opacity=0);
	-webkit-transform:translateX(-50px);
	transform:translateX(-50px);
	-webkit-transition: all 1.7s cubic-bezier(0.23, 1, 0.38, 1) .5s;
	transition: all 1.7s cubic-bezier(0.23, 1, 0.38, 1) .5s;
}
.life-info-con .life-info-sub-txt strong{font-size:36px; letter-spacing:-1.5px; color:#000; font-weight:300; line-height:46px;padding-top:6%;}
.life-info-con .life-info-sub-txt b{font-weight:400;}
.life-info-con .life-icon-list-con li{float:left; text-align:center; overflow:hidden; margin:18px 4% 18px 0}
.life-info-con .life-icon-list-con li.no-active {opacity:0.3;filter:Alpha(opacity=30);}
.life-info-con .life-icon-list-con li .life-icon-box{
	-webkit-transition: all 1s cubic-bezier(0.4, 0, 0.15, 1.06) 0.5s;
	transition: all 1s cubic-bezier(0.4, 0, 0.15, 1.06) 0.5s;
	opacity:0;filter:Alpha(opacity=0);
	-webkit-transform: translateX(-50px);
	transform: translateX(-50px);
}
.life-info-con .life-icon-list-con li .life-icon-box img{display:inline-block;}
/*.life-info-con .life-icon-list-con li:nth-child(2) .life-icon-box{-webkit-transition-delay:1.1s; transition-delay:1.1s}
.life-info-con .life-icon-list-con li:nth-child(3) .life-icon-box{-webkit-transition-delay:1.2s; transition-delay:1.2s}
.life-info-con .life-icon-list-con li:nth-child(4) .life-icon-box{-webkit-transition-delay:1.3s; transition-delay:1.3s}
.life-info-con .life-icon-list-con li:nth-child(5) .life-icon-box{-webkit-transition-delay:1.4s; transition-delay:1.4s}
.life-info-con .life-icon-list-con li:nth-child(6) .life-icon-box{-webkit-transition-delay:1.5s; transition-delay:1.5s}
.life-info-con .life-icon-list-con li:nth-child(7) .life-icon-box{-webkit-transition-delay:1.6s; transition-delay:1.6s}
.life-info-con .life-icon-list-con li:nth-child(8) .life-icon-box{-webkit-transition-delay:1.7s; transition-delay:1.7s}*/
.life-info-con .life-icon-list-con li strong{display:block; font-size:16px; color:#333; padding-top:30px; letter-spacing:-0.75px; font-weight:400;}

/* 오른쪽배치 */
.right-life-item-con .life-info-con{margin-left:0;}
.right-life-item-con .life-info-con .life-info-con-inner{margin-left:0; margin-right:100px;}
.right-life-item-con .life-info-con .life-info-con-inner p{text-align:right;}
.right-life-item-con .life-info-con .life-icon-list-con{text-align:right;}
.right-life-item-con .life-info-con .life-icon-list-con li{float:none; display:inline-block; margin-right:0; margin-left:4%;}
.right-life-item-con .life-info-con .life-info-tit strong,
.right-life-item-con .life-info-con .life-info-sub-txt strong,
.right-life-item-con .life-info-con .life-info-time strong{
	-webkit-transform: translateX(50px);
	transform: translateX(50px);
}
.right-life-item-con .life-info-con .life-icon-list-con li .life-icon-box{
	-webkit-transform: translateX(50px);
	transform: translateX(50px);
}
.right-life-item-con .life-photo-con{margin-left:-3px; width:calc(50% - 3px);}
.right-life-item-con .life-photo-box{
	-webkit-transform: translate3d(100px, 0, 0) rotate(0.0001deg);
	transform: translate3d(100px, 0, 0) rotate(0.0001deg);
}
.right-life-item-con .life-photo-box:after{
	display: block; position:absolute; top:0px; left:0px; width:100%; height:100%; content:""; background-color:#fff;
	-webkit-transform: translate3d(0, 0, 0) rotate(0.0001deg);
	transform: translate3d(0, 0, 0) rotate(0.0001deg);
	-webkit-transition: all 1.7s cubic-bezier(0.23, 1, 0.38, 1) ;
	transition: all 1.7s cubic-bezier(0.23, 1, 0.38, 1);
}
.right-life-item-con .life-prd-info-con .life-prd-name-rolling-box{right:auto; left:45px;}
.right-life-item-con .life-prd-info-con .life-prd-name-rolling-box .prd-name{ text-align:left;}
.right-life-item-con .life-prd-info-con .life-prd-img-rolling-box{left:auto; right:45px;}
.right-life-item-con .life-prd-info-con .life-prd-img-rolling-box .prd-img-item{text-align:right; }
.right-life-item-con .life-prd-info-con .life-prd-img-rolling-box .prd-img-item img{display:inline-block;}


/* 제품 활성화 */
.scroll-active-animate .life-photo-box{
	-webkit-transform: translate3d(0, 0, 0) rotate(0.0001deg);
	transform: translate3d(0, 0, 0) rotate(0.0001deg);
}
.scroll-active-animate .life-photo-box:after{
	-webkit-transform: translate3d(100%, 0, 0) rotate(0.0001deg);
	transform: translate3d(100%, 0, 0) rotate(0.0001deg);
}
.scroll-active-animate .right-life-item-con .life-photo-box:after{
	-webkit-transform: translate3d(-100%, 0, 0) rotate(0.0001deg);
	transform: translate3d(-100%, 0, 0) rotate(0.0001deg);
}
.scroll-active-animate .life-photo-con .life-prd-img-rolling-box{
	width:26%;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity:1.0;filter:Alpha(opacity=100);
}
.scroll-active-animate .life-info-con .life-info-tit strong,
.scroll-active-animate .life-info-con .life-info-sub-txt strong,
.scroll-active-animate .life-info-con .life-info-time strong,
.scroll-active-animate .life-info-con .life-icon-list-con li .life-icon-box{
	opacity:1.0;filter:Alpha(opacity=100);
	-webkit-transform:translateX(0);
	transform:translateX(0);
}

@media all and (max-width:1680px){
	/* 제품 상세정보 */
	.life-info-con .life-info-con-inner{margin-left:50px;}
	.life-info-con .life-info-sub-txt strong{padding-top:3%;}
	.life-info-con .life-info-time strong{padding:3% 0 2%;}
	.life-info-con .life-icon-list-con li{margin:10px 2% 10px 0}
	.right-life-item-con .life-info-con .life-icon-list-con li{margin-left:2%;}
	/* 오른쪽배치 */
	.right-life-item-con .life-info-con .life-info-con-inner{margin-right:50px;}
}
@media all and (max-width:1380px){
	/* 제품 상세정보 */
	.life-info-con .life-info-con-inner{margin-left:30px;}
	.life-info-con .life-info-tit strong{font-size:21px;}
	.life-info-con .life-info-tit span{font-size:14px;}
	.life-info-con .life-info-sub-txt strong{font-size:25px; line-height:32px;}
	.life-info-con .life-info-time strong{font-size:50px;}
	.life-info-con .life-icon-list-con li .life-icon-box .life-icon img{height:50px;}
	.life-info-con .life-icon-list-con li strong{font-size:13px; padding-top:15px;}
	.right-life-item-con .life-info-con .life-icon-list-con li{margin-left:2%;}
}
@media all and (max-width:1120px){
	#lifeListCon{max-width:800px; margin:0px auto;}
	.life-item-con{position:relative; padding-top:76%; margin-bottom:10%;}
	/* 제품 사진 */
	.life-photo-con{position:absolute; top:0px; left:0px; width:100% !important;}
	/* 제품 상세정보 */
	.life-info-con{display:block; display:block; width:100%; margin:0 !important;}
	.life-info-con .life-info-con-inner,
	.life-info-con .life-info-con-inner{margin:0 !important;}
	.life-info-con .life-info-con-inner p,
	.life-info-con .life-info-con-inner p,
	.life-info-con .life-icon-list-con{text-align:center !important; margin:0px auto;}
	.life-info-con .life-icon-list-con li{float:none; display:inline-block; margin:10px 5px !important;}
}
@media all and (max-width:800px){
	.life-tit-con{padding:34px 0 30px}
	.life-tit-con strong{font-size:60px;}
	.life-tit-con span{font-size:20px;}
	
	/* 제품 사진 */
	.life-photo-con .life-prd-info-con .life-prd-img-rolling-box{left:30px; -webkit-transform: translateY(30px);	transform: translateY(30px);}
	.life-photo-con .life-prd-info-con .life-prd-name-rolling-box{right:30px;}
	.life-photo-con .life-prd-info-con .life-prd-name-rolling-box .prd-name{font-size:16px;}
	.scroll-active-animate .life-photo-con .life-prd-img-rolling-box{width:20%; -webkit-transform: translateY(0);	transform: translateY(0);}
	/* 오른쪽배치 */
	.right-life-item-con .life-prd-info-con .life-prd-name-rolling-box{right:auto; left:30px;}
	.right-life-item-con .life-prd-info-con .life-prd-img-rolling-box{left:auto; right:30px;}
	/* 제품 상세정보 */
	.life-info-con .life-info-tit, .life-info-con .life-info-time, .life-info-con .life-info-sub-txt{line-height:2.0em}
}
@media all and (max-width:480px){
	.life-tit-con strong{font-size:50px;}
	.life-tit-con span{font-size:16px;}
	/* 제품 상세정보 */
	.life-info-con .life-info-con-inner{padding-top:15px}
	.life-info-con .life-info-tit strong{font-size:18px; }
	.life-info-con .life-info-tit span{font-size:12px;}
	.life-info-con .life-info-sub-txt strong{font-size:20px; line-height:25px;}
	.life-info-con .life-info-time strong{font-size:40px; padding:6% 0 4%}
	/* 제품 사진 */
	.life-photo-con .life-prd-info-con .life-prd-img-rolling-box{bottom:15px; left:15px;}
	.right-life-item-con .life-prd-info-con .life-prd-img-rolling-box{left:auto;right:15px; bottom:15px;}
	.scroll-active-animate .life-photo-con .life-prd-img-rolling-box{width:30%}
	/* 제품명 */
	.life-photo-con .life-prd-info-con .life-prd-name-rolling-box{right:15px;}
	.right-life-item-con .life-prd-info-con .life-prd-name-rolling-box{right:auto; left:15px;}
}

/* ******************  스마트홈, 스마트보안 제품 ********************** */
/* -------- 제품 :: 리스트 -------- */
.search-list-txt{padding:30px 0; color:#333; font-size:20px; line-height:28px; font-weight:300; text-align:center;}
.search-list-txt b{font-weight:500;}
/* 리스트 :: 상단 검색 */
#productTopSearchContent{margin-bottom:50px;}
.product-top-check-box{border:1px solid #ddd; padding:30px; margin-bottom:28px;}
.product-top-check-box dl {position:relative;}
.product-top-check-box dl dt{position:absolute; top:0px; left:15px;height:100%; width:100px; color:#333; font-size:18px; letter-spacing:-0.75px; line-height:70px; font-weight:500; border-right:1px solid #ddd;}
.product-top-check-box dl dd{margin-left:145px; border-top:1px solid #ddd; padding:25px 0;}
.product-top-check-box dl:first-child dd{border-top:0;}
.product-search-btn-box{position:relative; width:100%; height:60px; text-align:center;}
.product-search-btn-box button,
.product-search-btn-box a{position:absolute; left:0; top:0; width:100%; height:60px; line-height:60px; font-size:20px; letter-spacing:-0.75px; color:#fff; background-color:#000;}
.product-search-btn-box a{z-index:4; }
.product-search-btn-box button:after,
.product-search-btn-box a:after{position:absolute; content:""; top:5px; left:5px; bottom:5px; right:5px; border:1px solid #404040; border-color:rgba(255,255,255,0.3);}
.product-search-btn-box button:hover:after
.product-search-btn-box a:hover:after{border-color:rgba(0,0,0,0.3);}
.product-search-btn-box a i{vertical-align:middle; margin:-2px 0 0 5px;}
.product-search-btn-box button.open,
.product-search-btn-box a.open{
	width:260px; left:50%; margin-left:-130px;
}
.product-search-btn-box a.open{z-index:-1; opacity:0;filter:Alpha(opacity=0);}
/* 리스트 :: 제품정렬 */
.prd-controls-box{border:1px solid #ddd;  margin-bottom:20px;}
.prd-controls-box .prd-total-num{float:left; color:#333; font-size:16px; letter-spacing:-0.5px; font-weight:500; padding-left:20px; line-height:48px;}
.prd-controls-box .prd-sort-box{float:right; height:48px; }
.prd-controls-box .prd-sort-box label{color:#333; font-size:15px; letter-spacing:-0.75px; margin-right:18px; opacity:0.5;filter:Alpha(opacity=50); }
.prd-controls-box .prd-sort-box select{height:100%; width:180px; border:0; border-left:1px solid #ddd; }
/* 리스트 :: 제품리스트 */
.prd-content-box{padding-top:75px; font-family:'Rubik', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}
.prd-list-tit{color:#333; font-size:26px; letter-spacing:-0.75px; padding-bottom:40px; text-align:center; font-weight:400;}
.prd-list-con{margin-right:-3px; margin-left:1px;}
.prd-list-con li{overflow:hidden; float:left; position:relative; text-align:center; z-index:0; width:25%; margin-left:-1px; margin-top:-1px;}
.prd-list-con li:hover{z-index:1;}
.prd-list-con li a{display:block; position:relative; border:1px solid #ddd; }
.prd-list-con li a .prd-name{display:block; height:42px; color:#333; font-size:23px; letter-spacing:-0.75px; font-weight:400; text-align:center; }
.prd-list-con li:before,
.prd-list-con li:after,
.prd-list-con li a:before,
.prd-list-con li a:after{display:block; position:absolute; z-index:1; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; background-color:#000; content:""; opacity:0;filter:Alpha(opacity=0);}
.prd-list-con li:before,
.prd-list-con li:after{width:0; height:1px; }
.prd-list-con li:before{left:0; top:0;}
.prd-list-con li:after{right:0; bottom:0;}
.prd-list-con li a:before,
.prd-list-con li a:after{width:1px; height:0; }
.prd-list-con li a:before{bottom:0; left:-1px;}
.prd-list-con li a:after{top:0; right:-1px;}
.prd-list-con li:hover:before,
.prd-list-con li:hover:after{width:100%; opacity:1.0;filter:Alpha(opacity=100);}
.prd-list-con li a:hover:before,
.prd-list-con li a:hover:after{height:100%;opacity:1.0;filter:Alpha(opacity=100);}
.prd-list-con li .prd-thumb-box{display:block; /* margin:7.5%; */ margin:30px}
.prd-list-con li .prd-thumb-box .prd-thumb{position:relative; display:block; width:100%; height:0; padding-top:56.5%;}
.prd-list-con li .prd-thumb-box .prd-thumb-inner{position:absolute; top:0px; left:0px; width:100%; height:100%;}
.prd-list-con li .prd-thumb-box .prd-thumb-inner img{max-width:100%; max-height:100%;}
.prd-detail-view-box{height:29px; background-color:#eee; padding-top:11px; border-top:1px solid #ddd; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.prd-detail-view-btn{ position: relative; width: 18px; height: 18px; margin:0 auto; display: block; overflow: hidden; }
.prd-detail-view-btn span { position: absolute; left: 8px; top: 0; width: 2px; height: 18px; background: #000; }
.prd-detail-view-btn span:before,
.prd-detail-view-btn span:after { position: absolute; left: 2px; top: 8px; width: 8px; height: 2px; content:''; background: #000; }
.prd-detail-view-btn .right-line { left: auto; right: 8px;}
.prd-detail-view-btn .right-line:before,
.prd-detail-view-btn .right-line:after { left: auto; right: 2px; }
.prd-detail-view-btn .over-txt { color: #fff; text-align: center; width:300px; letter-spacing: 15px; left:50%; position:relative; margin-left:-150px; line-height:18px; opacity:0;filter:Alpha(opacity=0); }
.prd-detail-view-btn {
	transition: width 0.5s ease;
	-webkit-transition: width 0.5s ease;
	-moz-transition: width 0.5s ease;
	-o-transition: width 0.5s ease;
}
.prd-detail-view-btn span,
.prd-detail-view-btn span:before,
.prd-detail-view-btn span:after,
.prd-detail-view-btn .over-txt  {
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
} 
.prd-mark-controls{position:absolute; top:0; left:0; text-align:left;}
.prd-mark-controls span{}
.prd-mark-controls .prd-mark-icons{display:inline-block; width:40px; height:40px; line-height:40px; color:#fff; background-color:#e60044; text-align:center; font-size:20px;}
.prd-construction-logo{display:inline-block; vertical-align:middle; margin:9px 0 9px 5px;}
.prd-construction-logo img{height:21px}
.prd-list-con li a:hover .prd-detail-view-box{background-color:#000; border-top-color:#000;}
.prd-list-con li a:hover .prd-detail-view-btn{ width: 170px; }
.prd-list-con li a:hover .prd-detail-view-btn span{background-color:#fff;}
.prd-list-con li a:hover .prd-detail-view-btn span:before,
.prd-list-con li a:hover .prd-detail-view-btn span:after { width: 5px; background-color:#fff;}
.prd-list-con li a:hover .prd-detail-view-btn span:before { top: 0; }
.prd-list-con li a:hover .prd-detail-view-btn span:after { top: 16px; }
.prd-list-con li a:hover .left-line { left: 0; }
.prd-list-con li a:hover .right-line { right: 0; }
.prd-list-con li a:hover .over-txt{
	opacity:1.0;filter:Alpha(opacity=100);  letter-spacing: 5px; 
	transition: all 0.3s ease 0.1s;
	-webkit-transition: all 0.3s ease 0.1s;
	-moz-transition:all 0.3s ease 0.1s;
	-o-transition: all 0.3s ease 0.1s;
}

/* 제품리스트 :: 다운로드 */
.prd-list-con-download li,.linkage-prd-list-con li{width:16.65%}
.prd-list-con-download li .prd-thumb-box{margin:5%}
.prd-list-con-download li .prd-thumb-box .prd-thumb{padding-top:47.5%}
.prd-list-con-download li a .prd-name{font-size:18px;}
.prd-list-con li .prd-download-box,
.prd-list-con li .prd-download-box strong,
.prd-list-con li .prd-download-box .prd-down-icon{
	-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;transition:all 0.6s;
}
.prd-list-con li .prd-download-box{
	position:relative; height:40px; background-color:#eee; text-align:center; color:#fff; line-height:40px; border-top:1px solid #ddd;
	font-family:'Rubik', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;
}
.prd-list-con li .prd-download-box strong{display:block; position:relative; left:0px;text-align:left; color:#333; font-size:15px; letter-spacing:-0.75px; font-weight:400; padding:0 16px}
.prd-list-con li .prd-download-box .prd-down-icon{position:absolute; top:0px; right:16px; color:#333;}
.prd-list-con li:hover .prd-download-box{background-color:#000; border-top-color:#000;}
.prd-list-con li:hover .prd-download-box strong,
.prd-list-con li:hover .prd-download-box .prd-down-icon{color:#fff;}
.prd-list-con li:hover .prd-download-box strong{left:10px;}

@media all and (max-width: 1120px){
	/* 리스트 :: 제품리스트 */
	.prd-list-con li a .prd-name{font-size:18px;}
}
@media all and (max-width: 800px){
	/* 리스트 :: 상단 검색 */
	.product-top-check-box{padding:15px}
	.product-top-check-box dl dt{font-size:15px; left:0; width:80px; line-height:50px}
	.product-top-check-box dl dd{margin-left:105px; padding:15px 0}
	.product-search-btn-box button,.product-search-btn-box a{font-size:17px;}
	.prd-list-con li:before, .prd-list-con li:after, .prd-list-con li a:before, .prd-list-con li a:after{display:none;}
	/* 리스트 :: 제품리스트 */
	.prd-list-con li, .linkage-prd-list-con li{width:33.33%;}
	.prd-detail-view-box{display:none;}
}
@media all and (max-width: 639px){
	/* 리스트 :: 제품리스트 */
	.search-list-txt{padding:20px 0; font-size:15px; line-height:20px;}
	.prd-list-tit{font-size:20px; padding-bottom:24px}
	.prd-list-con li{width:50%;}
	.prd-list-con li a .prd-name{font-size:16px;}
	.prd-list-con li .prd-thumb-box{margin:20px;}
	.prd-detail-view-btn .over-txt{font-size:11px;}
	.prd-list-con li a:hover .prd-detail-view-btn{width:130px;}
	.prd-list-con li a:hover .over-txt{letter-spacing:3px;}
	.prd-list-con li .prd-download-box .prd-down-icon{font-size:10px;}
	.prd-list-con li .prd-download-box .prd-down-icon i{font-size:18px;}
	.prd-mark-controls .prd-mark-icons{width:24px; height:24px; line-height:24px }
	.prd-mark-controls .prd-mark-icons i{font-size:18px}
	.prd-construction-logo{margin:6px 0 6px 3px}
	.prd-construction-logo img{height:13px}
}
@media all and (max-width: 480px){
	/* 리스트 :: 상단 검색 */
	#productTopSearchContent{margin-bottom:0}
	.product-top-check-box dl{padding:10px 0; border-top:1px solid #ddd;}
	.product-top-check-box dl:first-child{padding-top:0; border-top:0}
	.product-top-check-box dl dt{position:static; border-right:0; line-height:20px; width:auto; margin-left:5px}
	.product-top-check-box dl dd{margin-left:0; border:0; padding:5px 0}
	.product-search-btn-box button, .product-search-btn-box a{height:40px; line-height:40px; font-size:14px;}
	.product-search-btn-box button.open, .product-search-btn-box a.open{width:200px; margin-left:-100px; }
	/* 리스트 :: 제품정렬 */
	.prd-controls-box .prd-total-num{font-size:14px; padding-left:15px;}
	.prd-controls-box .prd-sort-box label{display:none}
}

/* -------- 제품 :: 뷰페이지 -------- */
/* 제품뷰 :: 위치안내 */
#productLocation{padding-bottom:30px;}
#productLocation ul li{float:left;}
#productLocation ul li a,
#productLocation ul li strong{font-size:15px; font-weight:400; color:#555;}
#productLocation ul li i{font-size:18px;}
#productLocation ul li:last-child a{color:#000; font-weight:500;}
#productLocation ul li:before{display:inline-block; content:""; position:relative; top:-1px; width:24px; height:15px; background:url(../images/icon/svg/round-navigate_next-24px-gray.svg) no-repeat 2px 0px; background-size:20px auto;}
#productLocation ul li:first-child:before{display:none;}

/* 제품뷰 :: 상단 */
#productTopView{margin-bottom:90px;}
#productLogoBox{margin-bottom:30px}
#productLogoBox img{height:40px;}
/* 제품뷰 :: 상단 :: 왼쪽사진 */
.prd-large-photo-con{float:left; width:52%;max-width:700px; text-align:center; }
.prd-large-photo-con img{display:inline-block !important; max-width:100%;}
.prd-large-thumb-con{margin-bottom:30px}
.prd-small-thumb-con{margin:0 -5px}
.prd-small-thumb-con .small-thumb-item{margin:0 5px; cursor:pointer; opacity:0.5;filter:Alpha(opacity=50);}
.prd-small-thumb-con .small-thumb-item.slick-current{opacity:1.0;filter:Alpha(opacity=100);}
.prd-small-thumb-con .small-thumb-item .small-thumb-inner{position:relative; height:0; padding-top:60%; border:1px solid #ddd;}
.prd-small-thumb-con .small-thumb-item .small-thumb-inner span{position:absolute; top:10px; left:10px; bottom:10px; right:10px; text-align:center;}
.prd-small-thumb-con .small-thumb-item .small-thumb-inner img{max-width:100%; max-height:100%;}
/* 제품뷰 :: 상단 :: 오른쪽정보 */
.prd-top-detail-info-con{float:right; width:46%; padding-left:2%;}
.prd-top-detail-info-con .prd-tit{color:#333; font-size:40px; letter-spacing:-0.75px; font-weight:400; padding-bottom:50px; font-family:'Rubik', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}
.prd-detail-spec dl{overflow:hidden; position:relative; padding-bottom:22px;}
.prd-detail-spec dl dt, .prd-detail-spec dl dd{font-size:16px; letter-spacing:-0.7px; line-height:20px;}
.prd-detail-spec dl dt{position:absolute; top:0px; left:0px; width:140px; color:#aaa; word-break:keep-all;}
.prd-detail-spec dl dd{padding-left:165px; word-break:keep-all}

/* 제품뷰 :: 하단 :: 상단바*/
#productDetailBarCon{position:relative; height:58px;  margin-bottom:50px;}
.product-detail-bar-con{position:absolute; top:0px; left:0px; right:0; height:58px; }
.product-detail-bar-con .prd-detail-bar-box{max-width:1584px;height:58px; margin:0px auto; border:1px solid #ddd; background-color:#fff;}
#productDetailBarCon.fixed .product-detail-bar-con{position:fixed; top:0px; left:60px; right:60px; z-index: 99;} 
#productDetailBarCon .prd-left-bar-con{float:left; height:100%;}
#productDetailBarCon .prd-left-bar-con a{display:inline-block; vertical-align:top;}
#productDetailBarCon .prd-left-bar-con .to-prd-list-btn,
#productDetailBarCon .prd-left-bar-con .to-prd-list-btn i{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
#productDetailBarCon .prd-left-bar-con .to-prd-list-btn{ height:100%; width:130px; text-align:center; line-height:58px; border-right:1px solid #ddd; color:#aaa; font-size:16px; letter-spacing:-1.0px;}
#productDetailBarCon .prd-left-bar-con .to-prd-list-btn i{position:relative; left:0px;margin:-3px 5px 0 0; color:#aaa;}
#productDetailBarCon .prd-left-bar-con .to-prd-list-btn:hover{background:#000; color:#fff; }
#productDetailBarCon .prd-left-bar-con .to-prd-list-btn:hover i{left:-10px; color:#fff}
#productDetailBarCon .prd-left-bar-con .to-download-btn{position:relative; width:170px; height:40px; margin:8px; border:1px solid #ddd; background-color:#f5f5f5;}
#productDetailBarCon .prd-left-bar-con .to-download-btn span{line-height:42px; font-size:15px; letter-spacing:-1px; color:#333; padding-left:10px;}
#productDetailBarCon .prd-left-bar-con .to-download-btn .down-icon{position:absolute; top:0px; right:0px; width:40px; height:100%; text-align:center; line-height:40px; border-left:1px solid #ddd; color:#000;}
#productDetailBarCon{margin-bottom:50px;}
#productDetailBarCon .prd-detail-spec-tab-con{float:right; width:60%; max-width:800px; text-align:right;}
#productDetailBarCon .prd-detail-spec-tab-con ul li{display:inline-block; width:25%; margin-left:-4px; max-width:200px}
#productDetailBarCon .prd-detail-spec-tab-con ul li a{display:block; position:relative; top:-1px; height:58px; color:#555; font-size:16px; letter-spacing:-1.0px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; line-height:58px;}
#productDetailBarCon .prd-detail-spec-tab-con ul li a:hover,
#productDetailBarCon .prd-detail-spec-tab-con ul li.selected a{color:#000}
#productDetailBarCon .prd-detail-spec-tab-con ul li.selected a{border-top-color:#000; border-bottom-color:#000;}

/* 제품뷰 :: 하단 :: 상세내용*/
#productDetailCon > div{margin-bottom:100px;}
#productDetailCon .prd-detail-tit{color:#333; font-size:30px; letter-spacing:-0.5px; padding:40px 0; text-align:center; font-weight:500;}

/* 제품뷰 :: 하단 :: 구성도 */
#productDetail03 img{display:block; margin:20px auto 0;max-width:100%; }

/* 제품뷰 :: 하단 :: 상세내용 :: 스펙 */
#productDetailSpecInfo{border-top:1px solid #2f2f2f; margin-bottom:50px;}
#productDetailSpecInfo dl{overflow:hidden; border-bottom:1px solid #e5e5e5;}
#productDetailSpecInfo dt, #productDetailSpecInfo dd{float:left; padding:18px 0;}
#productDetailSpecInfo dt{width:180px; }
#productDetailSpecInfo dd{position:relative; width:35%; width:calc(50% - 180px );}
#productDetailSpecInfo dd:after{display:block; content:""; position:absolute; top:22px; left:0px; width:1px; height:8px; background-color:#d6d6d6;}
#productDetailSpecInfo dt strong{display:block; color:#000; font-size:17px; line-height:22px; font-weight:400;  padding:0 20px;}
#productDetailSpecInfo dd p{color:#767676; font-size:17px; letter-spacing:-0.5px;  line-height:22px; padding:0 20px}

/* 250107 YJ 추가 */
.prd-large-photo-con .large-thumb-item a {position: relative; display: inline-block; width: 100%; height: 100%;}
.prd-large-photo-con .more-btn {display: flex; justify-content: center; align-items: center; padding:15px; border: 1px solid #ddd; position: absolute;  bottom: 0; right: 0; z-index: 1; cursor: pointer; background: #fff; font-size:24px;}
.prd-large-photo-con .more-btn i {color: #999;}

@media all and (max-width:480px){
	.prd-large-photo-con .more-btn {padding: 10px; font-size:16px;}	
}
/* .diagram-box {position: relative; height: 0; padding-top: 50%;} */

@media all and (max-width: 1763px){
	/* 제품뷰 :: 하단 :: 상단바*/
	#productDetailBarCon.fixed .product-detail-bar-con{left:90px; right:90px; } 
	/* 제품뷰 :: 하단 :: 상세내용*/
	#productDetail01 img,
	#productDetail03 img{max-width:100%;}
}
@media all and (max-width: 1300px){
	/* 제품뷰 :: 하단 :: 상단바*/
	#productDetailBarCon.fixed .product-detail-bar-con{left:30px; right:30px; } 
}
@media all and (max-width: 1120px){
	/* 제품뷰 :: 상단 :: 왼쪽사진 */

	/* 제품뷰 :: 상단 :: 오른쪽정보 */
	.prd-top-detail-info-con .prd-tit{font-size:28px; padding-bottom:25px;}
	.prd-detail-spec dl dt, .prd-detail-spec dl dd{font-size:14px;}
	.prd-detail-spec dl dt{position:static; width:100%; margin-bottom:3px;}
	.prd-detail-spec dl dd{padding-left:0px}
	/* 제품뷰 :: 하단 :: 상단바*/
	#productDetailBarCon{margin-top:50px;}
	#productDetailBarCon .prd-left-bar-con{position:absolute; top:-60px; right:0px;}
	#productDetailBarCon .prd-left-bar-con .to-prd-list-btn{width:170px; height:40px; line-height:40px; border:1px solid #000; background-color:#000; color:#fff; font-size:14px; }
	#productDetailBarCon .prd-left-bar-con .to-prd-list-btn i{color:#fff;}
	#productDetailBarCon .prd-left-bar-con .to-download-btn{margin:0; margin-left:10px;}
	#productDetailBarCon .prd-left-bar-con .to-download-btn span{font-size:14px;}
	#productDetailBarCon .prd-detail-spec-tab-con{float:none; width:100%; text-align:center; max-width:none}
	#productDetailBarCon .prd-detail-spec-tab-con ul{margin-right:-4px}

	#productDetailBarCon .prd-detail-spec-tab-con ul li{max-width:none;}
	#productDetailBarCon .prd-detail-spec-tab-con ul li a{font-size:14px;}
	/* 제품뷰 :: 하단 :: 상세내용 :: 스펙 */
	#productDetailSpecInfo dt strong{font-size:15px;}
	#productDetailSpecInfo dd p{font-size:15px; }
}
@media all and (max-width: 800px){
	/* 제품뷰 :: 상단 */
	#productTopView{margin-bottom:45px;}
	#productLogoBox{margin-bottom:10px;}
	#productLogoBox img{height:23px;}
	/* 제품뷰 :: 상단 :: 왼쪽사진 */
	.prd-large-photo-con{float:none; width:100%;}
	/* 제품뷰 :: 상단 :: 오른쪽정보 */
	.prd-top-detail-info-con{float:none; width:100%; padding-left:0; margin-top:20px;}
	.prd-detail-spec dl{padding-bottom:15px;}
	/* 제품뷰 :: 하단 :: 상단바*/
	#productDetailBarCon.fixed .product-detail-bar-con{left:0; right:0; top:65px;} 
	/* 제품뷰 :: 하단 :: 상세내용*/
	#productDetailCon > div{margin-bottom:50px;}
	#productDetailCon .prd-detail-tit{font-size:20px; padding-bottom:20px}
	/* 제품뷰 :: 하단 :: 상세내용 :: 스펙 */
	#productDetailSpecInfo{border-bottom:1px solid #ddd;}
	#productDetailSpecInfo dl{border-bottom:0}
	#productDetailSpecInfo dt, #productDetailSpecInfo dd{float:none; padding:10px 0; width:100%;}
	#productDetailSpecInfo dt{padding-bottom:5px}
	#productDetailSpecInfo dd{padding-top:0}
	#productDetailSpecInfo dd:after{display:none;}
	#productDetailSpecInfo dt strong,#productDetailSpecInfo dd p{padding:0;  line-height:18px;}

}
@media all and (max-width: 480px){
	/* 제품뷰 :: 위치안내 */
	#productLocation ul li i{font-size:16px; margin-top:2px;}
	#productLocation ul li:before{top:3px; width:18px; background-position:2px 50%; background-size:15px auto; }
	#productLocation ul li a{font-size:12px;}
	/* 제품뷰 :: 상단 */
	#productTopView{margin-bottom:30px;}
	/* 제품뷰 :: 상단 :: 오른쪽정보 */
	.prd-top-detail-info-con{margin-top:50px}
	.prd-top-detail-info-con .prd-tit{font-size:20px; padding-bottom:15px;}
	.prd-detail-spec dl{padding-bottom:7px;}
	.prd-detail-spec dl dt, .prd-detail-spec dl dd{font-size:13px; line-height:18px;}
	/* 제품뷰 :: 하단 :: 상단바*/
	#productDetailBarCon{height:40px; margin-top:80px;}
	#productDetailBarCon.fixed .product-detail-bar-con{top:50px;}
	.product-detail-bar-con .prd-detail-bar-box{height:38px}
	#productDetailBarCon .prd-left-bar-con{position:absolute; top:-50px; width:100%; right:0px; height:42px; }
	#productDetailBarCon .prd-left-bar-con .to-prd-list-btn{float:left; width:calc(50% - 2px); height:40px; line-height:30px; font-size:13px;}
	#productDetailBarCon .prd-left-bar-con .to-prd-list-btn span{line-height:40px;}
	#productDetailBarCon .prd-left-bar-con .to-prd-list-btn i{font-size:17px}
	#productDetailBarCon .prd-left-bar-con .to-download-btn{float:left; width:calc(50% - 2px); height:40px; line-height:40px; font-size:13px; margin-left:0}
	#productDetailBarCon .prd-left-bar-con .to-download-btn span{line-height:40px; font-size:13px;}
	#productDetailBarCon .prd-left-bar-con .to-download-btn .down-icon{width:40px; height:40px; line-height:40px; }
	#productDetailBarCon .prd-left-bar-con .to-download-btn .down-icon i{font-size:17px;}
	#productDetailBarCon .prd-detail-spec-tab-con ul li a{line-height:39px; height:38px; }
	/* 제품뷰 :: 하단 :: 상세내용 :: 스펙 */
	#productDetailSpecInfo dt strong,#productDetailSpecInfo dd p{font-size:13px; line-height:18px;}
}

/* ******************  스마트홈 ********************** */
/* -------- 스마트홈 :: 스마트솔루션 -------- */
#solutionTabBox{margin-bottom:60px; height:auto;}
#solutionTabBox ul{margin:0 -3px 0 1px}
#solutionTabBox ul li{float:left; position:relative; z-index:0; width:25%; margin-left:-1px; margin-top:-1px;}
#solutionTabBox ul li.selected{z-index:1;}
#solutionTabBox ul li a{display:block; text-align:center; height:58px; line-height:58px; color:#555; font-size:16px; letter-spacing:-0.75px; border:1px solid #ddd;}
#solutionTabBox ul li.selected a{border-color:#000; color:#000; font-weight:500;}
.solution-content-box .solution-tit{position:relative; color:#333; font-size:32px; letter-spacing:-0.8px; font-weight:400; text-align:center; padding-bottom:75px;}
.solution-content-box .solution-tit:after{position:absolute; top:50px; left:50%; width:1px; height:28px; background-color:#ddd; content:"";}
.solution-content-box .solution-detail-txt-box{margin-bottom:50px;}
.solution-content-box .solution-detail-txt{text-align:center; margin-bottom:70px;}
.solution-content-box .solution-detail-txt strong{display:block; color:#333; font-size:24px; letter-spacing:-0.8px; font-weight:400; margin-bottom:15px;}
.solution-content-box .solution-detail-txt p{color:#666; font-size:18px; line-height:28px; font-weight:300; letter-spacing:-0.8px;}
.solution-content-box .solution-detail-txt p span{color:#9c2033;}
.solution-content-box .solution-detail-img{text-align:center;}
.solution-content-box .solution-relate-product-box h4{color:#333; font-size:28px; letter-spacing:-0.8px; text-align:center; font-weight:400; margin-bottom:36px;}
.solution-content-box .relate-more-btn-box{ text-align:center; margin-top:85px;}
.solution-content-box .relate-more-btn-box a{display:inline-block; width:258px; height:60px; line-height:60px; font-size:20px; letter-spacing:-0.75px; color:#fff; background-color:#000;}
.solution-content-box .relate-more-btn-box a:after{position:absolute; content:""; top:5px; left:5px; bottom:5px; right:5px; border:1px solid #404040; border-color:rgba(255,255,255,0.3);}
.solution-content-box .relate-more-btn-box a:hover:after{border-color:rgba(0,0,0,0.3);}

@media all and (max-width: 1120px){
	#solutionTabBox ul li a{font-size:14px;}
	.solution-content-box .solution-detail-img img{max-width:100%;}
}
@media all and (max-width: 800px){
	#solutionTabBox ul li a{font-size:13px;}
	.solution-content-box .solution-tit{font-size:24px; padding-bottom:50px;}
	.solution-content-box .solution-tit:after{top:35px;}
	.solution-content-box .solution-detail-txt-box{margin-bottom:35px}
	.solution-content-box .solution-detail-txt{margin-bottom:50px}
	.solution-content-box .solution-detail-txt strong{font-size:20px}
	.solution-content-box .solution-detail-txt p{font-size:16px; line-height:24px;}
	.solution-content-box .solution-relate-product-box h4{font-size:20px; margin-bottom:18px}
	.solution-content-box .relate-more-btn-box{margin-top:58px;}
	.solution-content-box .relate-more-btn-box a{font-size:17px}
}
@media all and (max-width: 639px){
	#solutionTabBox ul li{width:50%;}
	#solutionTabBox ul li a{height:34px; line-height:34px;}
}
@media all and (max-width: 480px){
	.solution-content-box .solution-tit{padding-bottom:50px;}
	.solution-content-box .solution-detail-txt strong{font-size:18px}
	.solution-content-box .solution-detail-txt p{font-size:14px; line-height:20px;}
	.solution-content-box .relate-more-btn-box{margin-top:40px;}
	.solution-content-box .relate-more-btn-box a{width:200px; height:40px; line-height:40px; font-size:14px; }
}

/* ******************  서비스 ********************** */
/* -------- 서비스 :: 유지보수관리 서비스 -------- */
/* 스마트서비스 :: 내용 */
.service-con{padding:65px 0 40px;}
.service-con .sub-title{margin-bottom:25px;}
.service-term-detail dd{color:#888; font-size:16px; letter-spacing:-0.5px; line-height:30px;}

/* 스마트서비스 :: 내용 (유지보수) */

.service-top-content{position:relative; margin:0px auto; }
.service-top-content .service-top-bg{height:850px; background:url(../images/content/service_top_con_bg.jpg) no-repeat 70% 50%; }
.service-top-content .service-top-tit{position:absolute; bottom:0px; right:0px; padding:35px 30px; background-color:#fff;}
.service-top-content .service-top-tit strong{display:block; color:#333; font-size:24px; letter-spacing:-0.5px; line-height:30px; font-weight:400; margin-bottom:10px;}
.service-top-content .service-top-tit span{color:#333; font-size:15px; letter-spacing:-0.5px; opacity:0.6;filter:Alpha(opacity=60);}
.service-top-inner-content{position:absolute; top:50%; left:50px; margin-top:-215px}
.service-top-inner-content dl{width:200px; box-shadow:1px 1px 10px rgba(0, 0, 0, .3); background-color:rgba(255,255,255,0.75); border-radius:5px; overflow:hidden;}
.service-top-inner-content dl.service-top-con1{margin-bottom:15px;}
.service-top-inner-content dl dt,
.service-top-inner-content dl dd{font-size:16px; letter-spacing:-0.75px; padding:20px;}
.service-top-inner-content dl dt{color:#fff; background-color:rgba(230,0,68,0.8)}
.service-top-inner-content dl.service-top-con2 dt{background-color:rgba(230,0,68,0.8)}
.service-top-inner-content dl dd{line-height:32px}
.service-manage-service-list{margin:0 -2%}
.service-manage-service-list li{float:left; width:29.33%; margin:0 2%;}
.service-manage-service-list li h5{position:relative; color:#555; font-size:20px; letter-spacing:-0.75px; margin-bottom:25px; padding-left:11px; font-weight:500;}
.service-manage-service-list li h5:before{position:absolute; top:1px; left:0px; width:4px; height:19px; background-color:#e60044; content:"";}
.service-manage-con dl{border:1px solid #cfcfcf; margin-bottom:4%;}
.service-manage-con dl dt{height:58px; line-height:22px; background-color:#f5f5f5; border-bottom:1px solid #cfcfcf; color:#333; font-size:18px; letter-spacing:-0.75px; text-indent:20px;}
.service-manage-con dl dt strong{display:table; height:100%; font-weight:400;}
.service-manage-con dl dt strong span{display:table-cell; vertical-align:middle;}
.service-manage-con dl dd{padding:20px 16px}
.service-manage-con dl.height1 dd{height:114px;}
.service-manage-con dl.height2 dd{height:281px;}
.service-manage-con dl dd p{position:relative; padding-left:10px;color:#666; font-size:16px; letter-spacing:-0.75px; line-height:24px; margin-top:6px;}
.service-manage-con dl dd p:before{position:absolute; content:"-"; top:-1px; left:0;}
.service-manage-con dl dd p:first-child{margin-top:0;}
.service-manage-con dl dd p .sub-manage-txt{display:block; position:relative; padding-left:10px; color:#888; font-size:14px; letter-spacing:-0.75px;}
.service-manage-con dl dd p .sub-manage-txt:before{position:absolute; top:10px; left:0px; width:5px; height:5px; background-color:#888; content:""; border-radius:50%;}
.service-manage-con dl dd p .sub-manage-txt:first-child{margin-top:10px;}

/* 스마트서비스 :: 내용 (수행절차) */
.service-con-process-con{position:relative; }
.service-team-con{width:56%;padding:80px 0; background:#e60044 url(/images/content/service_process_bg.jpg) no-repeat 50% 50%; background-size:cover;}
.service-team-con h5{padding:0 0 65px 0; color:#fff; text-align:center;}
.service-team-con h5 strong{display:block; font-size:30px; letter-spacing:-0.75px; font-weight:400; padding-bottom:16px;}
.service-team-con h5 span{opacity:0.7;filter:Alpha(opacity=70); font-size:16px; letter-spacing:-0.75px; line-height:33px; font-weight:400;}
.service-team-con .service-team-list li{float:left; width:33.33%; text-align:center;}
.service-team-con .service-team-list li dl{color:#fff;}
.service-team-con .service-team-list li dl dt{padding:35px 0 17px; font-size:15px; letter-spacing:-0.6px;}
.service-team-con .service-team-list li dl dd p{font-size:12.5px; letter-spacing:-0.5px; font-weight:400; line-height:17px; padding-bottom:5px; opacity:0.6;filter:Alpha(opacity=60);}
.service-process-detail-con{position:absolute; top:0px; right:0px; width:52%; height:100%; }
.service-process-detail-con h5{position:relative; top:50%; text-align:center; margin-top:-36px; color:#0099ff; font-size:22px; letter-spacing:-0.75px; font-weight:500; line-height:36px;}
.service-process-callcenter-con{position:absolute; top:0px; left:0px; width:100%;}
.service-process-detail-con .left-line,
.service-process-detail-con .middle-line,
.service-process-detail-con .right-line{position:absolute; top:50%; margin-top:-2px; display:block; width:34%; height:4px; background-color:#0099ff;}
.service-process-detail-con .left-line{left:0; }
.service-process-detail-con .middle-line{left:38%; margin-left:90px;}
.service-process-detail-con .right-line{left:72%; margin-left:90px; width:4px; height:114px;}
.service-process-detail-con .right-line:after,
.service-process-detail-con .left-line:before{display:block; position:absolute; top:50%; left:-10px; margin-top:-10px; content:""; width:20px; height:20px; background-color:#0099ff; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.service-process-detail-con .right-line:after{top:100%;margin:-5px 0 0 2px; }
.service-process-detail-con .icon{position:relative; margin-left:36%;}
.service-process-detail-con .icon strong{position:absolute; bottom:-32px; left:0; width:90px; text-align:center; color:#333; font-size:15px; line-height:22px; letter-spacing:-0.75px; font-weight:400;}

/* 출동서비스 */
.service-process-move-con{position:absolute; bottom:0px; left:0px; width:100%;}
.service-process-move-con .right-line{top:auto; bottom:50%; margin-bottom:-2px}
.service-process-move-con .right-line:after{top:auto; bottom:100%; }
.service-process-move-con .icon strong{bottom:100%; width:500px; margin-bottom:12px; margin-left:-200px; }
.service-process-move-con .icon strong span{display:block; color:#696969}

/* 관리자 */
.service-process-manage-con{position:absolute; right:0px; top:50%; width:200px; text-align:center; margin-top:-70px}
.service-process-manage-con .icon strong{width:100%;}

/* 스마트서비스 :: 내용 (기대효과) */
.effect-list-con dt{position:relative; width:274px; height:76px; line-height:76px; text-align:center; margin:0px auto; background-color:#333; color:#fff; font-size:18px; letter-spacing:-0.75px; }
.effect-list-con dt:before{position:absolute; top:100%; left:50%; content:""; margin-top:-4px; margin-left:-4px; width:8px; height:8px; background-color:#e60044; border-radius:50%; z-index:1;}
.effect-list-con dd{padding-top:118px; background:url(/images/content/service_effect_line.jpg) no-repeat 50% 0; background-size:100% 118px }
.effect-list-con dd ul{margin:0 -1%;}
.effect-list-con dd li{float:left; position:relative; width:23%; margin:0 1%;}
.effect-list-con dd li:before{position:absolute; bottom:100%; left:50%; content:""; margin-bottom:-4px; margin-left:-4px; width:8px; height:8px; background-color:#e60044; border-radius:50%; z-index:1;}
.effect-list-con dd li .effect-detail-inner{border:1px solid #ddd; background-color:#f2f2f2;}
.effect-list-con dd li .table-layout{height:58px; border-bottom:1px solid #ddd; text-align:center;}
.effect-list-con dd li strong{display:block;  font-size:20px; font-weight:400; letter-spacing:-0.75px; color:#555;}
.effect-list-con dd li .effect-detail-con{height:158px; background-color:#fff; padding:22px 20px; }
.effect-list-con dd li .effect-detail-con p{position:relative; padding-left:10px; color:#777; font-size:14px; letter-spacing:-0.75px; line-height:22px; padding-bottom:13px; word-break:keep-all;}
.effect-list-con dd li .effect-detail-con p:before{content:"-"; position:absolute; top:0px; left:0px;}

@media all and (max-width:1120px){
	/* 스마트서비스 :: 내용 */
	.service-con{padding-top:48px;}
	.service-term-detail dd{font-size:14px; line-height:22px;}

	/* 스마트서비스 :: 내용 (유지보수) */
	.service-top-content .service-top-tit strong{font-size:20px; margin-bottom:5px;}
	.service-top-content .service-top-tit span{font-size:13px;}
	.service-manage-service-list li h5{font-size:18px;}
	.service-manage-con dl dt{font-size:16px; text-indent:0; padding:0 10px;}
	.service-manage-con dl dd p{font-size:14px; line-height:22px;}
	.service-manage-con dl dd p .sub-manage-txt{font-size:13px;}

	/* 스마트서비스 :: 내용 (수행절차) */
	.service-team-con h5 strong{font-size:22px; padding-bottom:10px;}
	.service-team-con h5 span{font-size:14px; line-height:20px;}
	.service-team-con .service-team-list li dl dt{padding:20px 0 10px; font-size:13px;}
	.service-team-con .service-team-list li dl dd p{font-size:11px; line-height:13px;}
	.service-process-detail-con h5{font-size:18px; line-height:24px;}
	.service-process-detail-con .icon strong{font-size:13px; line-height:18px;}
	.service-process-manage-con{right:-20px;}

	/* 스마트서비스 :: 내용 (기대효과) */
	.effect-list-con dd li strong{font-size: 16px; } 
	.effect-list-con dd li .effect-detail-con{height:181px; padding:15px 6px;}
	.effect-list-con dd li .effect-detail-con p{font-size:13px;}
}
@media all and (max-width:800px){
	/* 스마트서비스 :: 내용 (유지보수) */
	.service-top-content .service-top-tit{position:static;}
	.service-top-content .service-top-bg{height:400px; background-size:cover;}
	.service-top-inner-content{margin-top:-139px; left:0; right:0; text-align:center;}
	.service-top-inner-content dl{max-width:200px; display:inline-block; width:45%; margin:0 1%; vertical-align:top; background-color:rgba(255,255,255,0.9)}
	.service-top-inner-content dl.service-top-con1{margin-bottom:0;}
	.service-top-inner-content dl dt,
	.service-top-inner-content dl dd{font-size:14px; padding:15px 10px;}
	.service-top-inner-content dl dd{height:104px; line-height:26px}	
	.service-manage-service-list{margin:0}
	.service-manage-service-list li{float:none; width:100%; margin:0 0 20px 0}
	.service-manage-service-list li h5{font-size:17px; margin-bottom:15px;}
	.service-manage-service-list li h5:before{height:15px; width:3px;}
	.service-manage-con dl{margin-bottom:5px}
	.service-manage-con dl dt{height:40px; font-size:15px;background-color:#f2f2f2}
	.service-manage-con dl dd{padding:15px; background-color:#fff;}
	.service-manage-con dl.height1 dd,
	.service-manage-con dl.height2 dd{height:auto}
	.service-manage-con dl dd p{font-size:13px; line-height:20px;}
	.service-manage-con dl dd p .sub-manage-txt{font-size:12px;}
	
	/* 스마트서비스 :: 내용 (수행절차) */
	.service-team-con{width:auto; height:auto; padding:40px 15px;; background-image:none;}
	.service-team-con h5 span{font-size:13px; line-height:18px;}
	.service-team-con .service-icon img{height:50px;}
	.service-team-con .service-team-list li dl dt{height:30px; line-height:18px;}
	.service-process-detail-con{position:relative; width:100%; height:300px;}
	.service-process-callcenter-con,.service-process-move-con{width:50px; left:30px; height:100%;}
	.service-process-manage-con{width:auto; top:auto; bottom:-20px; left:30px; right:30px;}
	.service-process-detail-con .icon{width:50px; height:50px; margin-left:0; position:relative; top:45%; left:-50%;}
	.service-process-move-con .icon{left:auto; right:-50%;}
	.service-process-manage-con .icon{left:50%; top:0px; margin-left:-25px;}
	.service-process-detail-con .icon img{width:50px; height:50px;}
	.service-process-move-con{left:auto; right:30px;}
	.service-process-detail-con .left-line{width:4px; height:100%; top:0px;}
	.service-process-move-con .left-line{left:auto; right:0}
	.service-process-detail-con .right-line{left:0; margin-left:0; width:100%;  height:4px; bottom:0; top:auto;}
	.service-process-detail-con .right-line:after, .service-process-detail-con .left-line:before{top:0px; width:14px; height:14px; left:-6px; margin-top:-7px}
	.service-process-detail-con .right-line:after{left:auto; right:-6px}
	.service-process-move-con .right-line:after{left:auto; right:auto; left:-6px;}
	.service-process-detail-con .middle-line{display:none;}
	.service-process-detail-con .icon strong{width:50px; text-align:left; bottom:100%; margin-bottom:0; padding:5px 0 10px; background-color:#fff}
	.service-process-move-con .icon strong{margin-left:0; left:auto; right:0; width:200px; text-align:right;}
	.service-process-manage-con .icon strong{width:200px; left:50%; margin-left:-100px;text-align:center;}

	/* 스마트서비스 :: 내용 (기대효과) */
	.effect-list-con dt:before{display:none;}
	.effect-list-con dd{padding-top:15px; background:none;}
	.effect-list-con dd li{width:48%; margin-bottom:2%;}
	.effect-list-con dd li:before{display:none}
	.effect-list-con dd li .table-layout{height:38px;}
	.effect-list-con dd li strong{font-size:14px;}
	.effect-list-con dd li .effect-detail-con{height:120px;}
	.effect-list-con dd li .effect-detail-con p{font-size:12px; line-height:16px; padding-bottom:8px;}
}
@media all and (max-width:480px){
	
	/* 스마트서비스 :: 내용 (유지보수) */
	.service-top-content .service-top-bg{height:200px;}
	.service-top-inner-content{overflow:hidden; margin-top:0; position:static; border-bottom:1px solid #eee;}
	.service-top-inner-content dl{display:block; float:left; width:50%; max-width:none; margin:0; box-shadow:none; border-radius:0;}
	.service-top-content .service-top-tit{padding:20px 15px;}
	.service-top-content .service-top-tit strong{font-size:15px; line-height:20px;}
	.service-top-content .service-top-tit span{font-size:13px;}

	/* 스마트서비스 :: 내용 (기대효과) */
	.effect-list-con dt{height:45px; line-height:45px; font-size:15px; width:100%;}
	.effect-list-con dd{padding-top:2%;}
	.effect-list-con dd ul{margin:0;}
	.effect-list-con dd li{float:none; width:100%; margin:0; margin-bottom:2%;}
	.effect-list-con dd li .effect-detail-con{height:auto;}
}

/* ******************  고객센터 ********************** */
/* -------- 고객센터 :: 대리점안내 -------- */
#agencyContent{position:relative; min-height:400px}
#agencyListCon{display:none;}
.agency-item{
	overflow:hidden; position:relative; height:90px; border:1px solid #ddd; margin-bottom:10px; cursor:pointer;
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.7s	
}
.agency-item .agency-info-con{margin-right:100px;}
.agency-info-box{position:relative; padding:30px 100px 30px 155px; }
.agency-category{position:absolute; top:27px; left:25px;height:30px; line-height:30px; max-width:160px; min-width:30px; padding:0 15px; text-align:center; font-size:15px; letter-spacing:-0.75px;background-color:#e60044; font-size:15px; color:#fff;}
.agency-info-inner-con{display:table; height:30px; width:100%;  }
.agency-info-inner-con .agency-tit{display:table-cell; vertical-align:middle; width:25%; /* width:20%; */ font-size:24px; color:#000;   font-family:'NanumSquareRound', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}
.agency-info-inner-con .agency-address{display:table-cell; vertical-align:middle; width:50%; color:#666; font-size:15px; line-height:28px; letter-spacing:-0.75px; }
.agency-info-inner-con .agency-tel{display:table-cell; vertical-align:middle; width:30%;  color:#666; font-size:18px; letter-spacing:-0.75px;font-family:'Rubik', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}
.agency-info-icon-off{
	position:absolute;  top:0px; right:0px; width:98px; height:100%; background-color:#f5f5f5; border-left:1px solid #ddd; text-align:center;
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s
}
.agency-info-icon-off i{position:absolute; top:50%; left:50%; margin:-14px 0 0 -14px; color:#000; font-size:28px;}
.agency-info-icon-on{position:absolute; width:60px; height:60px; text-align:center; line-height:62px; font-size:24px; right:-30px; top:50%; margin-top:-60px; z-index:99; background-color:#e60044; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%; opacity:0;filter:Alpha(opacity=0); transform:translateY(60px); transition:all 0s 0s 	}
.agency-info-icon-on i{color:#fff; }
.agency-map-con{overflow:hidden; position:absolute; visibility:hidden; top:0px; right:0px; width:66%; height:395px; border-left:1px solid #ddd; -webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;-ms-transition:all 0s;transition:all 0s; opacity:0;filter:Alpha(opacity=0); }
.agency-map-con .map-inner-con{position:relative; width:100%; height:100%; background-color:#ccc;}
.agency-map-con .map-inner-con iframe{position:absolute;top:0px; left:0px; width:100%; height:100%;}
/* open */
.agency-item.open{height:395px;}
.agency-item.open .agency-info-con{width:34%; height:100%;}
.agency-item.open .agency-info-box{padding:108px 0 50px 45px; height:100%; box-sizing:border-box;}
.agency-item.open .agency-category{top:45px;}
.agency-item.open .agency-info-inner-con{ position:relative; display:block;height:100%; margin:0;  }
.agency-item.open .agency-info-inner-con .agency-tit{display:block; width:auto; padding:50px 0 30px 0;}
.agency-item.open .agency-info-inner-con .agency-address{display:block; width:auto; word-break:keep-all; padding-bottom:22px; }
.agency-item.open .agency-info-inner-con .agency-tel{display:block; width:auto;  }
.agency-item.open .agency-info-icon-on{opacity:1.0;filter:Alpha(opacity=100); transform:translateY(0); transition:opacity 0.5s 0.2s,transform 0.5s 0.2s}
.agency-item.open .agency-info-icon-off{transform:translateX(100px);}
.agency-item.open .agency-map-con{visibility:visible; opacity:1.0;filter:Alpha(opacity=100); -webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;-ms-transition:all 0.8s;transition:all 0.8s; }

@media all and (max-width: 1120px){
	.agency-item{height:60px;}
	.agency-info-box{padding:20px 100px 20px 120px}
	.agency-category{top:20px; left:15px; height:20px; line-height:20px; padding:2px 10px; font-size:12px;}
	.agency-info-inner-con{height:20px;}
	.agency-info-inner-con .agency-tit{width:30%; font-size:16px; }
	.agency-info-inner-con .agency-address{font-size:13px; line-height:20px;}
	.agency-info-inner-con .agency-tel{font-size:13px;}
	.agency-info-icon-off{width:50px}
	.agency-info-icon-off i{font-size:18px; margin:-9px 0 0 -9px}

	/* open */
	.agency-item.open .agency-info-box{padding:50px 0 50px 15px}
}
@media all and (max-width: 800px){
	.agency-item{height:140px;}
	.agency-info-box{padding:15px 70px 15px 15px;}
	.agency-info-inner-con{display:block; height:auto; }
	.agency-category{position:static;}
	.agency-info-inner-con .agency-tit,
	.agency-info-inner-con .agency-address,
	.agency-info-inner-con .agency-tel{display:block; width:100%; padding-top:10px;}
	.agency-info-inner-con .agency-address{height:40px;}
	.agency-info-inner-con .agency-tel{padding-top:5px;}
	.agency-item.open .agency-info-inner-con{height:auto;}
	.agency-item.open .agency-info-inner-con .agency-tit,
	.agency-item.open .agency-info-inner-con .agency-address,
	.agency-item.open .agency-info-inner-con .agency-tel{width:90%}

}
@media all and (max-width: 639px){
	.agency-item.open .agency-info-con{width:100%;}
	.agency-item.open .agency-info-box{padding:15px ;}
	.agency-item.open .agency-info-inner-con .agency-tit,
	.agency-item.open .agency-info-inner-con .agency-address,
	.agency-item.open .agency-info-inner-con .agency-tel{width:100%}
	.agency-item.open .agency-info-inner-con .agency-tit,
	.agency-item.open .agency-info-inner-con .agency-address{padding:10px 0 0 0}

	.agency-map-con{top:150px;width:100%; height:245px; border-left:0; border-top:1px solid #ddd;}
	.agency-item.open .agency-info-icon-on{width:40px; height:40px; line-height:40px; top:100%; left:50%; margin:0 0 0 -20px}
}
/* -------- 고객센터 :: FAQ -------- */
#faqContent > div{padding-top:50px}
@media all and ( max-width: 480px ){
	#faqContent > div{padding-top:20px}
}

/* -------- 고객센터 :: 다운로드 -------- */
#productSearchBox{margin-bottom:30px; overflow:hidden;}
#productSearchBox .board-top-search-box{position:relative; float:right; width:100%; max-width:400px}
#productSearchBox .board-top-search-box .board-top-input{margin-right:40px}
#productSearchBox .board-top-search-box input[type="text"]{width:100%; height:38px; border:0px; text-indent:8px; font-size:14px; letter-spacing:-0.5px; color:#999;background-color:#f3f3f3;}
#productSearchBox .board-top-search-box .board-search-btn{position:absolute; top:0px; right:0px; width:40px; height:40px; background-color:#333; color:#fff;}


/* -------- 고객센터 :: AS -------- */
/* AS안내 :: 공통 */
.sub-cm-tbl{width:100%; table-layout:fixed; border:1px solid #ddd; border-top-color:#000;}
.sub-cm-tbl th, .sub-cm-tbl td{color:#888; font-size:15px; letter-spacing:-0.75px; line-height: 1.4; font-weight:400; padding:16px; border-top:1px solid #ddd; border-left:1px solid #ddd; }
.sub-cm-tbl tr:first-child th, .sub-cm-tbl  tr:first-child td{border-top:0}
.sub-cm-tbl th{background-color:#f5f5f5}
/* AS 안내 :: 상단 */
#asGuideCatuionCon{border:1px solid #ddd; padding:22px 0; text-align:center; margin-bottom:40px;}
#asGuideCatuionCon p{color:#e60044 ;font-size:18px; letter-spacing:-1px; word-break:keep-all; line-height:24px;}
#asGuideCatuionCon p br{display:none}
.as-guide-con{margin-bottom:60px;}
.as-guide-con .sub-title-txt{color:#888; font-size:17px; letter-spacing:-0.75px; line-height:28px; margin-bottom:20px;}
/* AS안내 :: AS 규정 */
.gray-box{border:1px solid #ddd; background-color:#f5f5f5; padding:15px 20px;}
.gray-box dl{padding-top:35px;}
.gray-box dl:first-child{padding-top:0;}
.gray-box dl dt{color:#333; font-size:18px; letter-spacing:-0.75px; font-weight:500; margin-bottom:18px;}
.gray-box dl dd p{color:#888; font-size:15px; line-height:20px; letter-spacing:-0.75px; padding-top:8px;}
.gray-box dl dd p:first-child{padding-top:0;}
/* AS안내 :: 서비스 접수 및 상담 */
.as-cs-center-con{position:relative; padding:45px 35px; border:1px solid #ddd;border-top-color:#000;}
.as-cs-center-con .cs-center-txt{color:#888; font-size:15px; letter-spacing:-0.75px;}
.as-cs-center-con .cs-center-txt span{margin-left:18px;}
.as-cs-center-con .cs-center-txt span:first-child{margin-left:0;}
.as-cs-center-con .cs-center-tel{position:absolute; top:45px; right:35px; color:#333; font-size:50px; letter-spacing:-0.5px; font-weight:500;}
/* AS안내 :: 서비스 센터 현황 */
.service-center-con{border:1px solid #ddd; border-top:1px solid #000;}
.service-center-con dl{position:relative; border-top:2px solid #ddd;}
.service-center-con dl:first-child{border-top:0}
.service-center-con dl dt{position:absolute; left:0; top:0; height:100%; width:190px; text-align:center; background-color:#f5f5f5 }
.service-center-con dl dt strong{position:absolute; top:50%; left:0; width:100%; text-align:center; margin-top:-8px; font-weight:500; color:#888; font-size:15px; letter-spacing:-0.75px;}
.service-center-con dl dd{padding-left:190px}
.service-center-con dl dd .sub-cm-tbl{border:0}
@media all and (max-width: 1120px){
	/* AS안내 :: 공통 */
	.sub-cm-tbl th, .sub-cm-tbl td{font-size:13px; padding:12px 10px; line-height:18px;}
	/* AS안내 :: 서비스 접수 및 상담 */
	.as-cs-center-con .cs-center-tel{font-size:40px; top:50%; margin-top:-20px;}
	.as-cs-center-con .cs-center-txt span{display:block; margin-left:0; padding-bottom:10px;}
}
@media all and (max-width: 800px){
	/* AS 안내 :: 상단 */
	#asGuideCatuionCon p{font-size:15px; line-height:20px;}
	#asGuideCatuionCon p br{display:block}
	.as-guide-con{margin-bottom:30px;}
	.as-guide-con .sub-title-txt{font-size:15px; line-height:20px; margin-bottom:10px; word-break:keep-all;}
	/* AS안내 :: AS 규정 */
	.gray-box dl{padding-top:20px;}
	.gray-box dl dt{font-size:16px; margin-bottom:10px;}
	.gray-box dl dd p{font-size:13px; line-height:16px;}
	/* AS안내 :: 서비스 접수 및 상담 */
	.as-cs-center-con{padding:15px 20px;}
	.as-cs-center-con .cs-center-tel{right:15px; font-size:30px; margin-top:-15px;}
}
@media all and (max-width: 800px){
	/* AS안내 :: 공통 */
	.sub-cm-tbl th, .sub-cm-tbl td{font-size:12px; padding:8px 5px 5px 5px; line-height:15px;}
	/* AS안내 :: 서비스 접수 및 상담 */
	.as-cs-center-con{padding:15px;}
	.as-cs-center-con .cs-center-tel{display:block; position:static; margin-top:0; padding:5px 0 10px;}
	.as-cs-center-con .cs-center-txt{font-size:13px;}
	/* AS안내 :: 서비스 센터 현황 */
	.service-center-con dl dt{position:static; width:100%; height:40px; border-bottom:1px solid #ddd;}
	.service-center-con dl dt strong{position:static; line-height:40px; margin-top:0; color:#333;}
	.service-center-con dl dd{padding-left:0; margin-left:-1px}
	.as-center-tbl colgroup col:first-child{width:100px !important;}
	.as-center-tbl colgroup col:nth-child(2){width:90px !important;}
}
@media all and (max-width: 480px){
	/* AS 안내 :: 상단 */
	#asGuideCatuionCon p{position:relative; padding-left:22px; text-align:left; font-size:14px; line-height:20px; }
	#asGuideCatuionCon span{position:absolute; top:-2px; left:6px;}
	#asGuideCatuionCon p br{display:none;}
}

/* ******************  Offering Service ********************** */
.offering-content {padding:100px 0 ; text-align:center;}
.offering-content .offering-question-txt{color:#333; font-size:30px; line-height:40px; text-align:center; font-weight:400; margin-bottom:140px; letter-spacing:-1px; font-family:'Rubik', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}
.offering-select-con{text-align:center; margin-bottom:30px;}
.offering-select-item-inner,
.offering-select-item .offer-icon span,
.offering-select-item .offer-txt{
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s
}
.offering-select-item{display:inline-block; width:45%; max-width:300px; margin:0 2%; }
.offering-select-item .offering-select-item-inner{
	display:block; position:relative; width:100%; height:0; padding-top:100%; background-color:#f5f5f5; border:1px solid #ddd;
	-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px;
}
.offering-select-item .table-layout{position:absolute; top:0px; left:0px; right:0px; bottom:0px; }
.offering-select-item .offer-icon{display:block; position:relative; height:0; max-width:200px; width:66.66%; padding-top:61%; margin:0 auto 30px;}
.offering-select-item .offer-icon span{position:absolute; top:0px; left:0px; max-width:100%; max-height:100%;}
.offering-select-item .offer-icon span img{max-width:100%;}
.offering-select-item .offer-icon .offer-icon-on{opacity:0;filter:Alpha(opacity=0);}
.offering-select-item .offer-txt{color:#444; font-size:20px; letter-spacing:-1px; }
.offering-select-item:hover .offering-select-item-inner,
.offering-select-item.active .offering-select-item-inner{background-color:#e60044}
.offering-select-item:hover .offer-icon .offer-icon-off,
.offering-select-item.active .offer-icon .offer-icon-off{opacity:0;filter:Alpha(opacity=0);}
.offering-select-item:hover .offer-icon .offer-icon-on,
.offering-select-item.active .offer-icon .offer-icon-on{opacity:1.0;filter:Alpha(opacity=100);}
.offering-select-item:hover .offer-txt,
.offering-select-item.active .offer-txt{color:#fff;}
@media all and (max-width:639px){
	.offering-content{padding:50px 0; border:0}
	.offering-content .offering-question-txt{font-size:20px; line-height:30px; margin-bottom:30px;}
	.offering-select-item .offer-icon{margin-bottom:15px;}
	.offering-select-item .offer-txt{font-size:17px;}
}



/* 200929 :: 웰패드 탭추가 */
.prd-sub-tab-list {border:0;}
.prd-sub-tab-list ul{display:flex;}
.prd-sub-tab-list li {float:left; width:50%; margin:0; text-align:center; border:1px solid  #e5e5e5; border-left:0; background-color:#fff; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; position:relative}
.prd-sub-tab-list li:first-child {border-left:1px solid #e5e5e5;}
.prd-sub-tab-list li > a {display:block;}
.prd-sub-tab-list li span { display: table; width:100%; height: 60px; }
.prd-sub-tab-list li span em {display:table-cell; vertical-align:middle;  font-size: 16px; line-height:1.2; letter-spacing:-0.5px; color: #222; word-break:keep-all;}
.prd-sub-tab-list li.selected {border-color: #e60044; background-color:#e60044}
.prd-sub-tab-list li.selected span em{color:#fff}
.prd-sub-tab-list.menu03 li {width: 33.33%;}
.prd-sub-tab-wrapper{padding-top:50px}

@media all and (max-width: 800px){
	.prd-sub-tab-list li span {height: 43px; }
	.prd-sub-tab-list li span em {font-size:13px; }
	.prd-sub-tab-wrapper{padding-top:25px}
}

/*.prd-sub-tab-list li.selected:after{position:absolute; content:""; width:100%; height:calc(100% + 3px); box-shadow:4px -6px 11px -2px rgba(0,0,0,0.1);  top:0; left:0; z-index:9}*/



/* 211223 :: 서비스 오퍼링 QNA 추가  */
#offeringContent{margin-bottom:100px;}
.offering-qna-content{position:relative;}
.offering-qna-content .offering-qna-tit{color:#000; font-size:20px; letter-spacing:-0.75px; font-weight:400; padding-bottom:20px; border-bottom:1px solid #000;}
.offering-qna-content .offering-qna-refresh-btn{position:absolute; top:5px; right:0px; font-size:14px; letter-spacing:-0.75px; color:#999;}
.offering-qna-list .offering-qna-item{display:flex; align-items:center; justify-content:space-between; padding:15px 37px; border-bottom:1px solid #d7d7d7}
.offering-qna-list .offering-qna-item .offering-question-txt{display:flex; align-items:center; font-size:16px; color:#333; letter-spacing:-0.75px; }
.offering-qna-list .offering-qna-item .offering-question-txt .icon{display:inline-block; width:31px; height:31px; margin-right:12px; line-height:31px; text-align:center; background-color:#000; color:#fff; border-radius:50%;}
.offering-qna-list .offering-qna-item .offering-question-txt.answer .icon{background-color:#e60044}

@media all and ( max-width: 1120px ){
	.offering-qna-list .offering-qna-item{padding:10px 0;}
}
@media all and ( max-width: 800px ){
	.offering-qna-list .offering-qna-item{display:block; padding:0;}
	.offering-qna-list .offering-qna-item .offering-question-txt{font-size:13px; padding:10px; } 
	.offering-qna-list .offering-qna-item .offering-question-txt:first-child{border-bottom:1px dotted #eee;}
	.offering-qna-list .offering-qna-item .offering-question-txt .icon{width:25px; height:25px; line-height:25px;}
}

/* 250107 수정 YJ */
/* .ZoomContainer{display:none;}
    .large-thumb-item > span {display: block;
    position: relative;
    height: 0;
    padding-top: 53.286%;}
    .large-thumb-item > span img.img-center {position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    max-width: 100%;
    max-height: 100%;
    margin: auto;} */