/* BASIC css start */
*{box-sizing:border-box;word-break:keep-all}
#overlay_layer{display:none;}
#header{background:#fff;}
#footer{background:#fff;margin-top:0 !important;}
#about{padding-bottom: 80px;background-color:#f3f4f4;}
#about .img>img{width:100%;}
#about .con-wrap{padding:80px 20px;}
#about .con-bx{position:relative;width:100%;margin-bottom:80px;}
#about .con-bx>div{width:100%;}
#about .con-bx .txtbx{margin-bottom:30px;}
#about .con-bx:nth-child(2), #about .con-bx:nth-child(5){display:flex;justify-content:space-between;}
#about .con-bx:nth-child(2) .img, #about .con-bx:nth-child(5) .img{display:flex;width:40%;}
#about .con-bx:nth-child(2) .txtbx, #about .con-bx:nth-child(5) .txtbx{width:54%;margin-bottom:0;}

#about .con-bx:nth-child(2) .img, #about .con-bx:nth-child(2) .txtbx{position:relative;z-index:3;}
#about .con-bx:nth-child(2)::after{content:'';position:absolute;z-index:1;bottom:-250px;right:-50px;width:200px;height:200px;background-image:url(/design/sillajewel/img/brand/brand-bg3.png);background-size:contain;background-repeat:no-repeat;}
#about .con-bx:nth-child(3){z-index:3;}
#about .con-bx:nth-child(5){flex-direction:row-reverse;margin-bottom:0;}
#about .con-bx .txtbx .tit{margin-bottom:30px;}
#about .con-bx .txtbx .tit h2{font-size:24px;font-weight:700;}
#about .con-bx .txtbx .tit p{margin:10px 0 0 -3px;font-size:12px;font-weight:400;}
#about .con-bx .txtbx .txt p{font-size:12px;font-weight:400;line-height:1.5;}
#about .con-bx.con3 .txt h3{margin-bottom:10px;font-size:16px;}
#about .con-bx.con3 .txt h3.mtop{margin-top:20px;}
#about .con-bx.con3 .txt p{padding-left:15px;}
#about .media-wrap{width:100%;padding:0 20px;}
#about .result-lst{position:relative;}
#about .result-lst>div{display:none;}
#about .result-lst .result-bx a:first-child{display:block;position:absolute;top:50%;left:0px;transform: translateY(-50%);z-index:9;}
#about .result-lst .result-bx a:last-child{display:block;position:absolute;top:50%;right:0px;transform: translateY(-50%);z-index:9;}
#about .result-lst .result-bx a img{width:30px;}
#about .result-lst .result-bx.box-active{display:block;z-index:10;}
#about .result-lst .result-bx{background-size:cover;background-repeat:no-repeat;background-position:center;}
#about .result-lst .tab1{background-image:url(/design/sillajewel/img/brand/brand-r1.jpg);}
#about .result-lst .tab2{background-image:url(/design/sillajewel/img/brand/brand-r2.jpg);}
#about .result-lst .tab3{background-image:url(/design/sillajewel/img/brand/brand-r3.jpg);}
#about .result-lst .tab4{background-image:url(/design/sillajewel/img/brand/brand-r5.jpg);}
#about .result-lst .tab5{background-image:url(/design/sillajewel/img/brand/brand-r6.jpg);}
#about .result-lst .tab6{background-image:url(/design/sillajewel/img/brand/brand-r7.jpg);}
#about .result-lst .tab7{background-image:url(/design/sillajewel/img/brand/brand-r8.jpg);}
#about .result-lst .tab8{background-image:url(/design/sillajewel/img/brand/brand-r9.jpg);}
#about .result-lst .tab9{background-image:url(/design/sillajewel/img/brand/brand-r10.jpg);}
#about .result-bx{position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;}

#about .videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
#about .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#about .videoWrapper video{
	position: absolute;
	overflow: hidden;
	right: 0;
	bottom: 0;
	top:0;
	right:0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	background-size: 100% 100%;
	background-color: black; /* in case the video doesn't fit the whole page*/
 	background-image: /* our video */;
 	background-position: center center;
 	background-size: contain;
    object-fit: cover; /*cover video background */
	z-index:-1;
}

#about .imgscroll{position:relative;width:100%;overflow-x:scroll;margin-top:30px;padding-bottom:30px;transform:rotateX(180deg);-ms-transform:rotateX(180deg);-webkit-transform:rotateX(180deg);}
#about .imgscroll ul{display:flex;width:1400px;height:80px;overflow-x:scroll;transform:rotateX(-180deg);-ms-transform:rotateX(-180deg);-webkit-transform:rotateX(-180deg);}
#about .imgscroll ul li{width:120px !important;height:100%;margin:0 5px;}
#about .imgscroll ul li:first-child{margin:0 5px 0 0;}
#about .imgscroll ul li a{display:block;width:120px !important;height:100%;background-size:cover;}
#about .imgscroll ul li.s0 a{background-image:url(/design/sillajewel/img/brand/brand-s0.png);background-position:center;}
#about .imgscroll ul li.s1 a{background-image:url(/design/sillajewel/img/brand/brand-s1.png);}
#about .imgscroll ul li.s2 a{background-image:url(/design/sillajewel/img/brand/brand-s2.png);}
#about .imgscroll ul li.s3 a{background-image:url(/design/sillajewel/img/brand/brand-s3.png);}
#about .imgscroll ul li.s4 a{background-image:url(/design/sillajewel/img/brand/brand-s5.png);}
#about .imgscroll ul li.s5 a{background-image:url(/design/sillajewel/img/brand/brand-s6.png);}
#about .imgscroll ul li.s6 a{background-image:url(/design/sillajewel/img/brand/brand-s7.png);}
#about .imgscroll ul li.s7 a{background-image:url(/design/sillajewel/img/brand/brand-s8.png);}
#about .imgscroll ul li.s8 a{background-image:url(/design/sillajewel/img/brand/brand-s9.png);}
#about .imgscroll ul li.s9 a{background-image:url(/design/sillajewel/img/brand/brand-s10.png);}

#about .imgscroll::-webkit-scrollbar {
	 height:4px;
}

/* Track */
#about .imgscroll::-webkit-scrollbar-track {
  background: #cacaca;
}

/* Handle */
#about .imgscroll::-webkit-scrollbar-thumb {
  background: #000;
}


#about .imgscroll ul::-webkit-scrollbar {
	 height:0;
}

/* Track */
#about .imgscroll ul::-webkit-scrollbar-track {
  background: transparent;
}

/* Handle */
#about .imgscroll ul::-webkit-scrollbar-thumb {
  background: transparent;
}


/*¹ÝÀÀÇü*/

@media screen and (max-width:1600px){

   

}
/* BASIC css end */