.collection_wrap {max-width: 1240px; margin: 22px auto 0; font-family:'Pretendard';}
.collection_wrap img{max-width:100%;}

/*top*/
.collection_wrap .top .tit{height: 280px;align-items: center;justify-content: center;}
.collection_wrap .top .tit{display: flex;}
.collection_wrap .top .video-container { display: block; position: relative; width: 100%; padding-bottom: 56.25%; /* 16:9 aspect ratio (height/width = 9/16 = 0.5625) */ height: 0; overflow: hidden; }

.collection_wrap .top .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

/*contents*/
.collection_wrap .tab-buttons{display: flex;} 
.collection_wrap .tab-buttons {position:sticky;top: 64px;z-index:3;justify-content: center;border: 1px solid #bbbbbb;}
.collection_wrap .tab {width:50%;height: 60px;padding: 10px 20px;border: none;background-color:#fff;cursor: pointer;box-sizing:border-box;display:flex;align-items:center;justify-content:center;color:#000;}
.collection_wrap .tab span{font-size:22px;}
.collection_wrap .tab p{font-size:24px;font-weight:700;}
.collection_wrap .tab.active { background-color: #99705a; color:#fff;}

.collection_wrap .tab img.non-active-img {display: block; margin: 0px auto; text-align: center;}
.collection_wrap .tab img.active-img { display: none;}
.collection_wrap .tab.active img.active-img { display: block; margin: 0px auto; text-align: center;}
.collection_wrap .tab.active img.non-active-img {display: none;}

.collection_wrap .tab-panel {position: absolute; bottom: 0; left: 0;width: 100%; opacity: 0; z-index: -1; }
.collection_wrap .tab-panel.active { position: static;  opacity: 1;z-index: 1;}
.collection_wrap .product img{width:100%;} 


.btnList{display:flex;justify-content:space-between;}
.btnList li{width:107px;text-align:center;}
.btnList li a{background:#99705a;height:36px;display:inline-flex;align-items:center;justify-content:center;font-size:19px;letter-spacing:-0.01em;color:#fff;font-weight:600;padding:0 19px;border-radius:18px;}

.masterVWrap{position:relative;}

.inner{margin:0 97px;}
.fullCont{position:relative;width:calc(100% + 194px);left:-97px;}
.important{display:flex;align-items:flex-start;font-size:16px;font-weight:300;letter-spacing:0;color:#000;opacity:0.6;}
.important span{margin-right:2px;}

.about {padding:67px 0 55px;background:#f3f3f3;}
.about .inner > div{display:flex;align-items: flex-start;}
.about .checkPoint {display:flex;justify-content:flex-start;align-items:flex-start;}
.about .checkPoint > p{font-size:27px;font-weight:400;letter-spacing:-0.06em;line-height:1.42857;color:#000;margin-right:82px;}
.about .checkPoint ul {padding-top:5px;}
.about .checkPoint ul li:nth-child(n+2){margin-top:13px;}
.about .checkPoint ul li p{display:flex;align-items:flex-start;font-size:19px;font-weight:400;letter-spacing:-0.04em;color:#000;}
.about .checkPoint ul li p:before{width:14px;height:11px;display:inline-block;margin:5px 9px 0 0;background:url('/assets/images/collection/chk.png')no-repeat center;content:'';}
.about .trust {border-left:1px solid #bababa;margin:7px 0 0 55px;padding-left:55px;}
.about .trust p{font-size:19px;font-weight:600;letter-spacing:-0.01em;line-height:1.566666;color:#000;margin-top:-5px;}
.about .important{font-size:14px;letter-spacing:-0.03em;line-height:1.5;margin-top:18px;}

.world {padding:44px 0 54px;}
.world .inner > div{display:flex;align-items:center;}
.world .imgBox{margin-right:65px;}
.world strong{display:inline-block;font-size:27px;letter-spacing:-0.02em;color:#000;padding-top: 7px;}
.world strong span{font-weight:400;}

.btnWellCafe{font-size:25px;line-height:1.4;letter-spacing:-0.03em;text-align:center;}
.btnWellCafe .inner{margin:0 125px;}
.btnWellCafe a{width:100%;height:100%;border-bottom: 2px solid #888;display:block;color:#000;padding:120px 0 62px;}
.btnWellCafe a:after{width:12px;height:14px;display:inline-block;margin-left: 18px;background:url('/assets/images/collection/rightArrow.png')no-repeat center;content:'';}
.btnWellCafe a span{color:#99705a;letter-spacing:-0.03em;font-weight:600;}

.collectionProduct{padding:86px 0 68px;margin:0 125px;}
.collectionProduct div > ul{display:flex;justify-content:space-between;}
.collectionProduct div > ul li{width:25%;letter-spacing:0;color:#000;box-sizing:border-box;position:relative;}
.collectionProduct div > ul.cont1 li p{font-size:20px;font-weight:500;letter-spacing:-0.01em;text-align:left;display:flex;align-items:baseline;justify-content:flex-start;color:#99705a}
.collectionProduct div > ul.cont1 li h5{width:100%;font-size:30px;text-align:left;margin-top:14px;position:absolute;left:50%;transform:translateX(-50%);white-space: nowrap;letter-spacing: -0.05em;}
.collectionProduct div > ul.cont1 li h5 span{font-family:'Montserrat';}
.collectionProduct div > ul.cont1 li h5 span span{font-size:20px;font-weight:500;letter-spacing:0;}
.collectionProduct div > ul.cont2{margin:117px -12px 55px 0;}
.collectionProduct div > ul.cont2 li:nth-child(1){width:calc(25% + 2px);padding-left:0;}
.collectionProduct div > ul.cont2 li:nth-child(2) img{margin-left:5px;}
.collectionProduct div > ul.cont2 li:nth-child(3){width:calc(25% + 22px);padding-left:0;}
.collectionProduct div > ul.cont2 li:nth-child(3) img{margin-left:-8px;}
.collectionProduct div > ul.cont2 li:last-child{width:calc(25% + 22px);padding-left:0;}
.collectionProduct div > ul.cont2 li:last-child img{margin-left:-14px;}
.collectionProduct div > ul.cont3 li{font-size:17px;line-height:1.471;}
.collectionProduct div > ul.cont3 li strong{font-size:21px;line-height:1.38095;letter-spacing:-0.02em;color:#99705a;display:block;margin-bottom:15px;}
.collectionProduct div > ul.cont4{margin-top:56px;}
.collectionProduct div > ul.cont4 li{font-size:21px;line-height:1.38095;font-weight:700;letter-spacing:-0.03em;}
.collectionProduct div > ul.ft18{font-size:17px;line-height:1.389;}
.collectionProduct div > ul.ft18 + .ft18{margin-top:14px;}
.collectionProduct div > ul.ft18 + .ft18 ~ .ft18{margin-top:9px;}
.collectionProduct div > ul.ft18 + .cont4.ft18{margin-top:55px;}
.collectionProduct div > ul.ft18 + .cont4.ft18 ~ .ft18{margin-top:27px;}
.collectionProduct div > ul.btnList{margin-top:66px;}
.collectionProduct div > ul.btnList li{text-align:left;}
.collectionProduct div > ul.mb{margin:13px 0 50px !important;}
.collectionProduct div > ul.mt{margin-top:9px !important;}
.collectionProduct .important{justify-content:center;margin-top: 114px;letter-spacing: -0.02em;}

.contTitle{font-size:38px;letter-spacing:0;color:#000;text-align:center;}

.collectionMotor{padding:127px 30px 64px;background:#f6f6f6;}
.collectionMotor .upText{font-size:25px;text-align:center;margin-bottom:10px;}
.collectionMotor ul{display:flex;justify-content:center;}
.collectionMotor ul li{width:296px;color:#000;letter-spacing:0;}
.collectionMotor ul li + li{margin-left:17px;}
.collectionMotor ul.cont1{margin-top:79px;}
.collectionMotor ul.cont2{margin:29px 0 13px;}
.collectionMotor ul.cont2 li .txt01{font-size:18px;font-weight:600;letter-spacing:0;line-height:1.27777;color:#000;margin-top:30px;}
.collectionMotor ul.cont2 li h6{font-size:26px;color:#000;margin-top:3px;letter-spacing: -0.03em;}
.collectionMotor ul.cont2 li h6 span{display:block;font-size:21px;font-weight:700;letter-spacing:0;color:#99705a;margin-bottom:10px;}
.collectionMotor ul.cont3 li{font-size:17px;line-height:1.5;}
.collectionMotor .important{justify-content:center;margin-top: 114px;letter-spacing: -0.02em;}

.grayCont{padding:123px 0 125px;text-align:center;}
.grayCont .downText{font-size:21px;font-weight:400;letter-spacing:-0.04em;line-height:1.523809;margin-top:33px;}
.grayCont .downText span{font-weight:600;}
.grayCont ul{display:flex;justify-content:center;}
.grayCont ul li{width:296px;}
.grayCont ul li + li{margin-left:17px;}
.grayCont .cont1{margin-top:79px;}
.grayCont .cont1 dl dt{font-size:27px;letter-spacing:0;color:#99705a;font-weight:700;margin-bottom:25px;}
.grayCont .cont1 dl dt span{display:block;font-size:15px;font-weight:700;letter-spacing:-0.03em;color:#231815;margin-bottom: 9px}
.grayCont .cont1 dl dt span sup{font-size:9px;}
.grayCont .cont1 dl dd{font-size:17px;line-height:1.4215;letter-spacing:0.08em;color:#000;font-weight:500;}
.grayCont .cont2{margin:34px 0 80px;}
.grayCont .important{justify-content:center;letter-spacing: -0.02em;}

.grayCont .btLogo{width:187px;margin:131px auto 0;}
.grayCont .bottomText{font-size:11px;letter-spacing:-0.015em;line-height: 1.636363;color:#595757;padding:127px 129px 0;font-weight:300;opacity:.8;text-align:left;}
