@charset "utf-8";


/* 메인 비주얼 */
#visual{width:100%; height:752px; overflow:hidden; position:relative;}
#visual .mainVisual{width:100%; height:100%;}
#visual .mainVisual .visualItem{width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
#visual .mainVisual .visualItem.visual1{background-image:url("/img/main/visual1.jpg?ver=260331");}
#visual .mainVisual .visualItem.visual2{background-image:url("/img/main/visual2.jpg");}
#visual .mainVisual .visualItem.visual3{background-image:url("/img/main/visual3.jpg?ver=260312");}
#visual .mainVisual .visualItem.visual4{background-image:url("/img/main/visual4.jpg?ver=260113");}
#visual .mainVisual .visualItem a{display:flex; justify-content:center; align-items:flex-start; width:100%; height:100%;}
#visual .mainVisual .visualItem .inBox{display:flex; justify-content:center; align-items:flex-start; width:100%; max-width:1213px; height:auto; text-align:center; margin-top:50px;}
#visual .mainVisual .visualItem .textBox{width:100%; height:auto; padding-left:80px; opacity:0; transition:opacity 0.7s linear; transition-delay:0.3s;}
#visual .mainVisual .visualItem .textBox p{font-size:58.43px; font-weight:300; letter-spacing:-0.075em; line-height:1.256; color:#000;}
#visual .mainVisual .visualItem .textBox p strong{font-size:75.17px; font-weight:700; letter-spacing:-0.075em;}
#visual .mainVisual .visualItem .textBox .linkBox{display:inline-flex; justify-content:space-between; align-items:center; width:128px; height:39px; border-radius:19.5px; background:#02abe3; box-sizing:border-box; padding:0 18px; font-size:14px; font-weight:400; letter-spacing:-0.05em; line-height:1; color:#fff; margin-top:25px;}
#visual .mainVisual .visualItem.swiper-slide-active .textBox{opacity:1;}
#visual .visualControl{width:1213px; height:1px; position:absolute; top:305px; left:50%; transform:translateX(-50%); z-index:2;}
#visual .visualControl .inBox{width:100%; height:100%; position:relative;}
#visual .visualControl .visualPrev, #visual .visualControl .visualNext{display:inline-block; width:26px; height:50px; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; top:50%; transform:translateY(-50%);}
#visual .visualControl .visualPrev{background-image:url("/img/main/visual_prev.png"); left:-35px;}
#visual .visualControl .visualNext{background-image:url("/img/main/visual_next.png"); right:-35px;}
#visual .visualControl .visualPager{display:flex; flex-wrap:wrap; align-content:flex-start; width:220px; height:auto; position:absolute; top:85px; left:24px;}
#visual .visualControl .visualPager button{width:100%; height:50px; border-radius:25px; background:#fff; text-align:center; font-size:20px; font-weight:400; letter-spacing:-0.06em; line-height:50px; color:#1d1d1f;}
#visual .visualControl .visualPager button + button{margin-top:15px;}
#visual .visualControl .visualPager button.on{background:#1d1d1f; color:#fff;}

.mainSection{width:100%; height:auto; padding:80px 0;}
.mainSection.mainBg1{background:url("/img/main/link_bg.jpg") no-repeat center center/cover;}
.mainSection.mainColor1{background:#f5f5f7;}
.mainSection.mainColor2{background:#daeaf6;}
.mainSection + .mainSection{margin-top:20px;}
.mainSection .inBox{width:calc(100% - 50px); max-width:1213px; margin:0 auto;}

.mainTitle{width:100%; height:auto; margin-bottom:70px; text-align:center;}
.mainTitle h2{display:flex; justify-content:center; align-items:center; width:100%; height:auto; font-size:59.36px; font-weight:300; letter-spacing:-0.075em; line-height:1; color:#fff;}
.mainTitle h2 img{display:inline-block; margin-left:30px;}
.mainTitle h2.type2{font-size:55px; font-weight:300; letter-spacing:-0.075em; line-height:1; color:#000; position:relative;}
.mainTitle h2.type2 strong{font-weight:600;}
.mainTitle h2.type2 img{margin-left:0; margin-right:20px;}
.mainTitle div{width:100%; height:auto; position:relative;}
.mainTitle a{display:inline-block; font-size:18px; font-weight:600; letter-spacing:-0.055em; line-height:1; color:#000; position:absolute; top:50%; right:0; transform:translateY(-50%);}
.mainTitle span{display:inline-flex; justify-content:center; align-items:center; width:auto; height:53px; border:2px solid #000; border-radius:26.5px;font-size:24px; font-weight:700; letter-spacing:-0.015em; line-height:1; color:#000; padding:0 23px; margin-bottom:33px;}
.mainTitle p{font-size:24px; font-weight:400; letter-spacing:-0.055em; line-height:1; margin-top:40px; color:#000;}

.linkList{display:flex; flex-wrap:wrap; justify-content:space-between; align-content:flex-start; width:100%; height:auto; margin-bottom:-20px; overflow:hidden;}
.linkList .listItem{display:inline-flex; align-items:flex-start; width:calc(50% - 5px); height:491px; text-align:center; margin-bottom:20px; border-radius:35px; overflow:hidden; background-blend-mode: multiply;}
.linkList .listItem:nth-child(1){background-color:rgba(13,27,56,.53);}
.linkList .listItem:nth-child(2){background-color:rgba(13,27,56,.53);}
.linkList .listItem:nth-child(3){background-color:rgba(13,27,56,.7);}
.linkList .listItem:nth-child(4){background-color:rgba(13,27,56,.7);}
.linkList .listItem a{display:flex; align-items:flex-start; width:100%; height:100%; color:#fff; padding-top:70px; box-sizing:border-box; position:relative;}
.linkList .listItem .textBox{display:flex; flex-wrap:wrap; justify-content:center; align-content:flex-start; width:100%; height:auto; position:relative; z-index:2;}
.linkList .listItem .textBox p{width:100%; height:auto; font-size:35px; font-weight:500; letter-spacing:-0.05em; line-height:1.25;}
.linkList .listItem .textBox > span{display:inline-flex; justify-content:center; align-items:center; width:auto; height:39px; border-radius:19.5px; border:1px solid #fff; padding:0 20px; font-size:14px; font-weight:400; letter-spacing:-0.05em; line-height:1; margin-top:35px;}
.linkList .listItem .textBox > span img{display:inline-block; margin-left:15px;}
.linkList .listItem .inImg{width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover; z-index:1;}

.reviewBox{width:1263px; height:auto; padding:15px !important; margin:0 auto;}
.reviewList{width:100%; height:auto;}
.reviewList .listItem{display:inline-flex; flex-wrap:wrap; align-content:flex-start; width:202px;}
/* .reviewList .listItem + .listItem{margin-left:39px;} */
.reviewList .listItem a{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; height:auto;}
.reviewList .listItem .thumb{width:100%; height:258px; overflow:hidden; border-radius:30px; box-shadow:9px 9px 16px rgba(0,0,0,.42); position:relative;}
.reviewList .listItem .thumb img{display:block; width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover;}
.reviewList .listItem .textBox{width:100%; height:auto; margin-top:25px; text-align:center;}
.reviewList .listItem .textBox p{width:100%; height:65.6px; font-size:22.52px; font-weight:400; letter-spacing:-0.075em; line-height:32.8px; color:#000; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.reviewList .listItem .textBox img{display:inline-block; vertical-align:top; margin-top:15px;}
.reviewList .listItem.center{width:260px;}
.reviewList .listItem.center .thumb{height:346px; border-radius:42px;}

.videoBox{display:flex; justify-content:space-between; width:100%;}
.videoBox .mainVideo{display:inline-block; width:63.182%; aspect-ratio:100 / 56.25; position:relative; overflow:hidden;}
.videoBox .mainVideo iframe{display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
.videoBox .videoList{display:inline-block; width:34.738%;}
.videoBox .videoList li{width:100%; height:calc((100% - 33px) / 4);}
.videoBox .videoList li + li{margin-top:11px;}
.videoBox .videoList li button{display:flex; align-items:center; width:100%; height:100%;}
.videoBox .videoList li .thumb{display:inline-block; flex-shrink:0; width:42.735%; aspect-ratio:100 / 56.25; position:relative; overflow:hidden;}
.videoBox .videoList li .thumb img{width:100%; height:auto; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.videoBox .videoList li .textBox{display:inline-block; flex-grow:1; margin-left:13px; text-align:left;}
.videoBox .videoList li .textBox p{width:100%; height:46.6px; font-size:19.9px; font-weight:600; letter-spacing:-0.055em; line-height:23.3px; color:#000; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.videoBox .videoList li .textBox .etcText{font-size:14.76px; font-weight:400; letter-spacing:-0.055em; line-height:1.394; color:#000; margin-top:5px;}

#container{width:100%; height:auto; overflow:hidden;}