/* BASIC css start */
.gnb {display:none;}
.collection{}

.collection section.video{width:100%; height:calc(100vh - 84px); overflow:hidden; position:relative; background-image:url(http://justmysize.img15.kr/echo2025/echo_collection/all/bgimg_wh_mo.png); background-size:cover; background-repeat:no-repeat; background-position:center;}
.collection section.video .video_box{position:relative; width: 100%; height: 100%; /*z-index: -1;*/ overflow: hidden;}
.collection section.video iframe{position: absolute; top: 50%; left: 50%;  width:177.78vh; height: 100vh; aspect-ratio: 16 / 9; object-fit: cover; transform: translate(-50%, -50%); pointer-events: none;}

.collection .floating_tab{width:100%; display:flex; z-index:9;}
.collection .floating_tab li{width:50%; text-align:center; font-size:14px; color:#000; font-weight:500; line-height:17px; padding:12px 0; background:#F2F2F2;}
.collection .floating_tab li.active{background:#000; color:#fff;}

.collection .collection_box{padding-top:64px;}
.collection .collection_box .tit{font-size:24px; font-weight:600; line-height:32px; color:#000; margin-bottom:24px;}
.collection .collection_box .con{font-size:14px; font-weight:400; line-height:20px; color:#333; margin-bottom:80px;}
.collection .collection_box ul li{margin-bottom:56px;}
.collection .collection_box ul li a{display:block;}
.collection .collection_box ul li img{width:100%; display:block; margin-bottom:16px;}
.collection .collection_box ul li p{font-size:18px; font-weight:600; line-height:20px; color:#000;}
.collection .collection_box ul li p span{display:block; margin-top:10px; font-size:14px; color:#000; font-weight:400; line-height:20px;}
.collection .collection_box ul li p + span{font-size:12px; font-weight:500; line-height:19px; color:#000; text-decoration:underline; display:block; margin-top:12px;}

.collection .rollingBanner{padding:24px 0; margin-bottom:40px;}

.collection .approach_box{ background:#F7F7F7; }
.collection .approach_box .img_box{width:100%; height:398px; background-image:url(http://justmysize.img15.kr/echo2025/echo_collection/all/6_appraoch_photo.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.collection .approach_box .img_box > div{position:absolute; bottom:32px; left:0;}
.collection .approach_box .img_box > div p{font-size:22px; font-weight:600; line-height:28px; color:#fff;}
.collection .approach_box .img_box > div span{font-size:14px; font-weight:500; line-height:20px; color:#fff;}

.collection .approach_box .tit{font-size:24px; font-weight:600; line-height:32px; color:#000; margin-bottom:24px;}
.collection .approach_box .inner .tit:first-child{padding-top:56px;}
.collection .approach_box ul li{margin-bottom:56px;}
.collection .approach_box ul li a{display:block;}
.collection .approach_box ul li img{width:100%; display:block; margin-bottom:16px;}
.collection .approach_box ul li p{font-size:18px; font-weight:600; line-height:20px; color:#000;}
.collection .approach_box ul li p span{display:block; margin-top:10px; font-size:14px; color:#000; font-weight:400; line-height:20px;}

.collection .approach_box a{display:block; background:#000; color:#fff; font-size:16px; font-weight:500; line-height:20px; padding:16px 0; text-align:center; margin-bottom:50px;}
.collection .approach_box a img{width:16px; height:16px; display:inline-block; margin-left:6px; transform:rotate(180deg); vertical-align: middle;}
/* BASIC css end */