/* 공통 */
:root {
    --primary-color-1: #FFE533;
}


body{background:#111; color:#fff;}
.mob{display:none;}

/* 헤더 */
.mari_hd_mob {display: none;}
#mari_header {position: fixed; top: 0; left: 0; width: 100%; height: 100px; z-index: 155;}
.inner {max-width: 1400px; width: 100%; margin: 0 auto;}
.mari_hd_inner{height: 100%; display: flex; align-items: center; justify-content:space-between;}
.mari_hd_lt{display:flex; align-items:center;}
.mari_tp_logo{width:190px;}
.mari_tp_logo img{width:100%}
.mari_tp_logo .logo_b{display:none;}
.mari_gnb{display:flex; align-items:center; gap:50px; float:left; margin-left:90px;}
.mari_gnb li a{display:block; font-size: 18px; font-weight: 500; color:#FFF; position:relative;}
.mari_gnb li a:after{content:''; display:block; width:0; height:2px; background:#000; position:absolute; bottom:-5px; transition:all 0.3s;}
.mari_hd_rt a{display:inline-block; font-size: 18px; font-weight: 500; color:#FFE533; padding: 10px 25px; border-radius: 40px; border: 1px solid var(--primary-color-1);}
.mari_hd_rt a i{display:inline-block; vertical-align:middle; width: 20px; height: 20px; background:url("/images/maridew/go_link_ic.svg") no-repeat center / 100%; margin-top:-5px;}

#mari_header:hover{background:#FFE533;}
#mari_header:hover .logo_y{display:none;}
#mari_header:hover .logo_b{display:block;}
#mari_header:hover .mari_gnb li a{color:rgba(0,0,0,0.5);}
#mari_header:hover .mari_hd_rt a{color:#000; border-color:#000;}
#mari_header:hover .mari_hd_rt a i{background-image:url("/images/maridew/go_link_ic_b.svg");}

#mari_header.fixed{background:#FFE533;}
#mari_header.fixed .logo_y{display:none;}
#mari_header.fixed .logo_b{display:block;}
#mari_header.fixed .mari_gnb li a{color:rgba(0,0,0,0.5);}
#mari_header.fixed .mari_hd_rt a{color:#000; border-color:#000;}
#mari_header.fixed .mari_hd_rt a i{background-image:url("/images/maridew/go_link_ic_b.svg");}

.mari_gnb li a:hover{color:#000 !important;}
.mari_gnb li a:hover:after{width:100%;}


/* 퀵메뉴 */
.d_quick {position: fixed; top: 50%; transform: translateY(-50%); left:50px; z-index: 1200;}
.d_quick li{text-align:center;}
.d_quick li a {position: relative; display: inline-block; margin-bottom: 30px; width: 8px; height: 8px; border-radius: 50%; background: #bbb;}
.d_quick li a.on {width:22px; height:35px; background: url("/images/maridew/d_quick_on.svg") no-repeat center / contain;}
.d_quick li a.on:after {content: ""; position: absolute; width: 40px; height: 1px; background: #FFE533; left:-50px; top:50%; transform:translateY(-50%);}


/* 비주얼 */
.visual{position:relative; height: 950px;}
.visual:before{content:''; display:block; width:100%; height: 280px; background:url("/images/maridew/vis_bg_txt.svg") no-repeat center / contain; position:absolute; top:240px; z-index:-1;}
.visual .inner{position:relative; height: 100%;}
.visual .img_wrap{width: 331px; position:absolute; top:205px; left:585px;}
.visual .img_wrap img{width:100%;}
.visual .txt_wrap{width:100%; display:flex; justify-content:space-between; position:absolute; top:350px;}
.visual .txt_wrap:before{content:''; display:block; width: 0; height: 1px; background:rgba(255,255,255,0.5); position:absolute; left:290px; top:235px; z-index:-1; transition:all 0.7s; transition-delay:0.9s;}
.visual.on .txt_wrap:before{width: 1000px;}
.visual .txt_wrap .lt_txt .txt1{font-size: 24px; font-weight: 600;}
.visual .txt_wrap .lt_txt .txt2{font-family: 'Montserrat'; font-size: 130px; font-weight: 600; letter-spacing: -3.9px;}
.visual .txt_wrap .lt_txt .txt3{font-size: 40px; font-weight: 500; margin-top:10px; letter-spacing: -1.2px;}
.visual .txt_wrap .rt_txt{text-align:right; font-size: 30px; letter-spacing: -0.9px; line-height:1.7; margin-top:210px;}
.visual .txt_wrap .rt_txt span{color: var(--primary-color-1); font-weight: 700;}
.visual .rotate{position:absolute; left:0; bottom:50px;}
.visual .rotate .rotate_img{width:150px; animation: rotate-img 20s linear infinite;}
.visual .rotate .scroll{width: 20px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.visual .rotate .txt{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display: flex; align-items: center; justify-content: center; gap:10px;}
.visual .rotate .txt span{font-size: 22px; font-weight: 700; color: #FFE533;}
.visual .rotate .txt img{width: 12px;}

@keyframes rotate-img {
	100% {transform:rotate(360deg);}
}


/* 섹션1 */
.mari_sec1{width: 100%; height: 100vh; position: relative;}
.mari_sec1 .img_wrap{width: 85%; position:absolute; top:50%; left: 50%; transform: translate(-50%,-50%); margin-top: 55px;}
.mari_sec1 .img_wrap img{width:100%;}
.mari_sec1 span{font-family: 'Montserrat'; font-weight: 600; font-size: 110px; color:#BEBEBE; position:absolute; opacity:0;}
.mari_sec1 span.txt1{top:120px; left:0;}
.mari_sec1 span.txt2{bottom:10px; right:0;}


/* 섹션2 */
.mari_sec2{background:url("/images/maridew/sec2_bg_img.jpg") no-repeat center / cover; padding:190px 0 140px; position:relative; margin-top:180px;}
.mari_sec2 .circle{width: 250px; height: 250px; background:#FFE533; border-radius:50%; font-size: 55px; font-weight: 700; font-family: 'Montserrat'; display:flex; align-items:center; justify-content:center; color:#000; text-align:center; line-height:1.1; position:absolute; top:150px; left:50%; transform:translateX(-50%) !important;}
.mari_sec2 .txt_wrap .tp{display:flex; justify-content:space-between;}
.mari_sec2 .zero3{text-align:center; margin-top:60px;}
.mari_sec2 .zero .txt1{font-size: 22px; font-weight: 800; font-family: 'Montserrat';}
.mari_sec2 .zero .txt2{font-size: 50px; font-weight: 700; color: var(--primary-color-1); font-family: 'Montserrat'; margin-top:20px;}
.mari_sec2 .zero .txt2 span{font-size: 20px; font-weight: 800; font-family: 'Noto Sans KR';}
.mari_sec2 .zero .txt3{font-size: 22px; font-weight: 700; letter-spacing: -0.66px; margin-top:20px;}
.mari_sec2 .zero .txt4{font-size: 18px; margin-top:10px;}


/* 섹션3 */
.mari_sec3{margin-top:190px; position:relative; padding-bottom:190px; background:url("/images/maridew/sec3_bg_img.png") no-repeat center bottom / contain;}
.mari_sec3:before{content:''; display:block; width:100%; height:250px; background:url("/images/maridew/sec3_bg_txt.png") no-repeat center / contain; position:absolute; top:85px;}
.mari_sec3 .title{text-align: center;}
.mari_sec3 .title .txt1{font-size: 30px; font-weight: 700; color: var(--primary-color-1); font-family: 'Montserrat';}
.mari_sec3 .title .txt2{font-size: 50px; font-weight: 300; margin-top:30px; letter-spacing: -1.5px;}
.mari_sec3 .title .txt2 span{color: var(--primary-color-1); font-weight: 900; display:block; margin-top:10px;}
.sec3_cont{margin-top:120px; display:flex; justify-content:center; gap:110px;}
.sec3_cont .img_wrap{width:580px;}
.sec3_cont .img_wrap img{width:100%;}
.sec3_cont .txt_wrap{margin-top:70px;}
.sec3_cont .txt_wrap .txt{font-size: 45px; font-weight: 300; letter-spacing: -1.35px;}
.sec3_cont .txt_wrap .txt + .txt{margin-top:30px;}
.sec3_cont .txt_wrap .txt3{font-weight: 700; color: var(--primary-color-1);}


/* 섹션4 */
.mari_sec4{padding:170px 0 110px; height:548px;}
.mari_sec4 .txt_wrap,
.mari_sec4 .txt_wrap2{text-align:center; font-size: 110px; font-weight: 600; font-family: 'Montserrat'; letter-spacing:-0.025em; background: linear-gradient( 90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.4) 0% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}


/* 섹션5 */
.mari_sec5{padding:120px 0 220px; position:relative; background:url("/images/maridew/sec5_bg_txt2.svg") no-repeat center bottom / contain;}
.mari_sec5:before{content:''; display:block; width:100%; height:274px; background:url("/images/maridew/sec5_bg_txt1.svg") no-repeat center / contain; position:absolute; top:0; z-index:-1;}
.mari_sec5 .txt_wrap{margin-top:130px;}
.mari_sec5 .tp_wrap{display:flex; justify-content:space-between;}
.mari_sec5 .tp_wrap .left{margin-top:20px;}
.mari_sec5 .tp_wrap .right{width: 250px;}
.mari_sec5 .tp_wrap .right img{width:100%;}
.mari_sec5 .tp_wrap .txt1{font-size: 30px; font-weight: 700; color: var(--primary-color-1); font-family: 'Montserrat';}
.mari_sec5 .tp_wrap .txt2{font-size: 50px; font-weight: 700; letter-spacing: -1.5px; color:#fff; margin-top:30px;}
.mari_sec5 .tp_wrap .txt3{font-size: 100px; font-weight: 700; color: var(--primary-color-1); font-family: 'Montserrat'; margin-top:10px;}
.mari_sec5 .bt_wrap{margin-left:495px;}
.mari_sec5 .bt_wrap .txt1{font-size: 25px; font-weight: 500; letter-spacing: -0.75px;}
.mari_sec5 .bt_wrap .txt2{font-size: 20px; margin-top:30px;}


/* 섹션6 */
.mari_sec6 .title{text-align:center;}
.mari_sec6 .title a{color:#fff; font-size: 60px; font-weight: 700; font-family: 'Montserrat';}
.mari_sec6 .title a i{display:inline-block; width: 30px; height: 30px; background:url("/images/maridew/sec6_arrow.svg") no-repeat center / 100%; margin:-7px 0 0 40px; vertical-align:middle;}
.mari_sec6 .insta_list{display:flex; justify-content:space-between; margin-top:80px;}
.mari_sec6 .insta_list li{width: 24%; height: 336px; overflow:hidden;}
.mari_sec6 .insta_list li img{width:100%; height: 100%; object-fit: cover;}


/* 푸터 */
.footer{padding:55px 0 70px; margin-top:90px;}
.footer .tp_wrap{padding-bottom:45px; border-bottom:1px solid rgba(255,255,255,0.2);}
.footer .tp_wrap:after{content:''; display:block; clear:both;}
.footer .tp_wrap .logo{width:190px; float:left;}
.footer .tp_wrap .logo img{width:100%;}
.footer .tp_wrap .info{float:left; margin-left:95px; display:flex; gap:120px;}
.footer .tp_wrap .info ul li{font-size: 16px;}
.footer .tp_wrap .info ul li + li{margin-top:5px;}
.footer .tp_wrap .info ul li strong{color:#8E8E8E;}
.footer .tp_wrap .sns{float:right;}
.footer .tp_wrap .sns a{display:inline-block; margin-left:12px;}
.footer .tp_wrap .sns .sns1{width:11px;}
.footer .tp_wrap .sns .sns2{width:8px;}
.footer .tp_wrap .sns .sns3{width:14px;}
.footer .bt_wrap{margin-top:40px; display:flex; justify-content:space-between;}
.footer .bt_wrap .copy{font-size: 16px;}
.footer .bt_wrap .use{display:flex; gap:40px;}
.footer .bt_wrap .use li{font-size: 16px; position:relative;}
.footer .bt_wrap .use li + li:before{content:''; display:block; width: 1px; height: 15px; background: #FFF; position:absolute; left:-20px; top:6px;}
.footer .bt_wrap .use li a{color:#fff;}



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


/* 헤더 */
#mari_header {height: 7.14vw;}
.inner {max-width: 100%; padding:0 3.21vw;}
.mari_tp_logo{width:13.57vw;}
.mari_gnb{gap:3.57vw; margin-left:6.43vw;}
.mari_gnb li a{font-size: 1.29vw;}
.mari_gnb li a:after{bottom:-0.36vw;}
.mari_hd_rt a{font-size: 1.29vw; padding: 0.71vw 1.79vw;}
.mari_hd_rt a i{width: 1.43vw; height: 1.43vw; margin-top:-0.36vw;}


/* 퀵메뉴 */
.d_quick{display:none;}


/* 비주얼 */
.visual{height: 67.86vw;}
.visual:before{height: 20.00vw; top:17.14vw;}
.visual .img_wrap{width: 23.64vw; top:14.64vw; left:41.79vw;}
.visual .txt_wrap{top:25.00vw; right:0; padding: 0 3.26vw;}
.visual .txt_wrap:before{left:21.71vw; top:16.79vw;}
.visual.on .txt_wrap:before{width: 67.43vw;}
.visual .txt_wrap .lt_txt .txt1{font-size: 1.71vw;}
.visual .txt_wrap .lt_txt .txt2{ font-size: 9.29vw;}
.visual .txt_wrap .lt_txt .txt3{font-size: 2.86vw; margin-top:0.71vw;}
.visual .txt_wrap .rt_txt{ font-size: 2.14vw; margin-top:15.00vw;}
.visual .rotate{bottom:3.57vw; left:3.26vw;}
.visual .rotate .rotate_img{width:10.71vw;}
.visual .rotate .scroll{width: 1.43vw;}
.visual .rotate .txt{gap:0.71vw;}
.visual .rotate .txt span{font-size: 1.57vw;}
.visual .rotate .txt img{width: 0.86vw;}


/* 섹션1 */
.mari_sec1 .img_wrap{top: 50%; transform: translate(-50%,-50%); margin-top:4.14vw;}
.mari_sec1 span{font-size: 7.86vw;}
.mari_sec1 span.txt1{top:8.57vw;}
.mari_sec1 span.txt2{bottom:0.71vw;}


/* 섹션2 */
.mari_sec2{padding:13.57vw 0 10.00vw; margin-top:12.86vw;}
.mari_sec2 .circle{width: 17.86vw; height: 17.86vw; font-size: 3.93vw; top:10.71vw;}
.mari_sec2 .zero3{margin-top:4.29vw;}
.mari_sec2 .zero .txt1{font-size: 1.57vw;}
.mari_sec2 .zero .txt2{font-size: 3.57vw; margin-top:1.43vw;}
.mari_sec2 .zero .txt2 span{font-size: 1.43vw;}
.mari_sec2 .zero .txt3{font-size: 1.57vw; margin-top:1.43vw;}
.mari_sec2 .zero .txt4{font-size: 1.29vw; margin-top:0.71vw;}


/* 섹션3 */
.mari_sec3{margin-top:13.57vw; padding-bottom:8.57vw;}
.mari_sec3:before{height:17.86vw; top:6.07vw;}
.mari_sec3 .title .txt1{font-size: 2.14vw;}
.mari_sec3 .title .txt2{font-size: 3.57vw; margin-top:2.14vw;}
.mari_sec3 .title .txt2 span{margin-top:0.71vw;}
.sec3_cont{margin-top:8.57vw; gap:7.86vw;}
.sec3_cont .img_wrap{width:41.43vw;}
.sec3_cont .txt_wrap{margin-top:5.00vw;}
.sec3_cont .txt_wrap .txt{font-size: 3.21vw;}
.sec3_cont .txt_wrap .txt + .txt{margin-top:2.14vw;}


/* 섹션4 */
.mari_sec4{padding:12.14vw 0 7.86vw; height:39.14vw;}
.mari_sec4 .txt_wrap, .mari_sec4 .txt_wrap2{font-size: 7.86vw;}


/* 섹션5 */
.mari_sec5{padding:8.57vw 0 15.71vw;}
.mari_sec5:before{height:19.57vw;}
.mari_sec5 .txt_wrap{margin-top:9.29vw;}
.mari_sec5 .tp_wrap .left{margin-top:1.43vw;}
.mari_sec5 .tp_wrap .right{width: 17.86vw;}
.mari_sec5 .tp_wrap .txt1{font-size: 2.14vw;}
.mari_sec5 .tp_wrap .txt2{font-size: 3.57vw; margin-top:2.14vw;}
.mari_sec5 .tp_wrap .txt3{font-size: 7.14vw; margin-top:0.71vw;}
.mari_sec5 .bt_wrap{margin-left:31.36vw;}
.mari_sec5 .bt_wrap .txt1{font-size: 1.79vw;}
.mari_sec5 .bt_wrap .txt2{font-size: 1.43vw; margin-top:2.14vw;}


/* 섹션6 */
.mari_sec6 .title a{font-size: 4.29vw;}
.mari_sec6 .title a i{width: 2.14vw; height: 2.14vw; margin:-0.50vw 0 0 2.86vw;}
.mari_sec6 .insta_list{margin-top:5.71vw;}
.mari_sec6 .insta_list li{width: 24%; height: 22.165vw;}


/* 푸터 */
.footer{padding:3.93vw 0 5.00vw; margin-top:6.43vw;}
.footer .tp_wrap{padding-bottom:3.21vw;}
.footer .tp_wrap .logo{width:13.57vw;}
.footer .tp_wrap .info{margin-left:6.79vw; gap:8.57vw;}
.footer .tp_wrap .info ul li{font-size: 1.14vw;}
.footer .tp_wrap .info ul li + li{margin-top:0.36vw;}
.footer .tp_wrap .sns a{margin-left:0.86vw;}
.footer .bt_wrap{margin-top:2.86vw;}
.footer .bt_wrap .copy{font-size: 1.14vw;}
.footer .bt_wrap .use{gap:2.86vw;}
.footer .bt_wrap .use li{font-size: 1.14vw;}
.footer .bt_wrap .use li + li:before{height: 1.07vw; left:-1.43vw; top:0.43vw;}

}



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


/* 헤더 */
#mari_header {height: 7.11vw;}
.inner {max-width: 100%; padding:0 3.20vw;}
.mari_tp_logo{width:13.59vw;}
.mari_gnb{gap:3.59vw; margin-left:6.41vw;}
.mari_gnb li a{font-size: 1.33vw;}
.mari_gnb li a:after{bottom:-0.39vw;}
.mari_hd_rt a{font-size: 1.33vw; padding: 0.70vw 1.80vw;}
.mari_hd_rt a i{width: 1.41vw; height: 1.41vw; margin-top:-0.39vw;}


/* 비주얼 */
.visual{height: 67.89vw;}
.visual:before{height: 20.00vw; top:17.11vw;}
.visual .img_wrap{width: 23.67vw; top:14.61vw; left:42.80vw;}
.visual .txt_wrap{top:25.00vw; right:0; padding: 0 3.28vw;}
.visual .txt_wrap:before{left:21.72vw; top:16.80vw;}
.visual.on .txt_wrap:before{width: 67.42vw;}
.visual .txt_wrap .lt_txt .txt1{font-size: 1.72vw;}
.visual .txt_wrap .lt_txt .txt2{ font-size: 9.30vw;}
.visual .txt_wrap .lt_txt .txt3{font-size: 2.89vw; margin-top:0.70vw;}
.visual .txt_wrap .rt_txt{ font-size: 2.11vw; margin-top:15.00vw;}
.visual .rotate{bottom:3.59vw; left:3.28vw;}
.visual .rotate .rotate_img{width:10.70vw;}
.visual .rotate .scroll{width: 1.41vw;}
.visual .rotate .txt{gap:0.78vw;}
.visual .rotate .txt span{font-size: 1.72vw;}
.visual .rotate .txt img{width: 0.94vw;}


/* 섹션1 */
.mari_sec1{height:60vw;}
.mari_sec1 .img_wrap{margin-top:4.14vw;}
.mari_sec1 span{font-size: 7.89vw;}
.mari_sec1 span.txt1{top: 50%; transform: translate(-17%, -50%); padding-bottom: 34vw;}
.mari_sec1 span.txt2{bottom:50%; transform: translate(10%, 50%); padding-top: 52vw;}


/* 섹션2 */
.mari_sec2{padding:13.59vw 0 10.00vw; margin-top:12.89vw;}
.mari_sec2 .circle{width: 17.89vw; height: 17.89vw; font-size: 3.91vw; top:10.70vw;}
.mari_sec2 .zero3{margin-top:4.30vw;}
.mari_sec2 .zero .txt1{font-size: 1.56vw;}
.mari_sec2 .zero .txt2{font-size: 3.59vw; margin-top:1.41vw;}
.mari_sec2 .zero .txt2 span{font-size: 1.41vw;}
.mari_sec2 .zero .txt3{font-size: 1.56vw; margin-top:1.41vw;}
.mari_sec2 .zero .txt4{font-size: 1.33vw; margin-top:0.70vw;}


/* 섹션3 */
.mari_sec3{margin-top:13.59vw; padding-bottom:8.59vw;}
.mari_sec3:before{height:17.89vw; top:6.09vw;}
.mari_sec3 .title .txt1{font-size: 2.11vw;}
.mari_sec3 .title .txt2{font-size: 3.59vw; margin-top:2.11vw;}
.mari_sec3 .title .txt2 span{margin-top:0.70vw;}
.sec3_cont{margin-top:8.59vw; gap:7.89vw;}
.sec3_cont .img_wrap{width:41.41vw;}
.sec3_cont .txt_wrap{margin-top:5.00vw;}
.sec3_cont .txt_wrap .txt{font-size: 3.20vw;}
.sec3_cont .txt_wrap .txt + .txt{margin-top:2.11vw;}


/* 섹션4 */
.mari_sec4{padding:12.11vw 0 7.89vw; height:39.14vw;}
.mari_sec4 .txt_wrap, .mari_sec4 .txt_wrap2{font-size: 7.89vw;}


/* 섹션5 */
.mari_sec5{padding:8.59vw 0 15.70vw;}
.mari_sec5:before{height:19.53vw;}
.mari_sec5 .txt_wrap{margin-top:9.30vw;}
.mari_sec5 .tp_wrap .left{margin-top:1.41vw;}
.mari_sec5 .tp_wrap .right{width: 17.89vw;}
.mari_sec5 .tp_wrap .txt1{font-size: 2.11vw;}
.mari_sec5 .tp_wrap .txt2{font-size: 3.59vw; margin-top:2.11vw;}
.mari_sec5 .tp_wrap .txt3{font-size: 7.11vw; margin-top:0.70vw;}
.mari_sec5 .bt_wrap{margin-left:31.33vw;}
.mari_sec5 .bt_wrap .txt1{font-size: 1.80vw;}
.mari_sec5 .bt_wrap .txt2{font-size: 1.41vw; margin-top:2.11vw;}


/* 섹션6 */
.mari_sec6 .title a{font-size: 4.30vw;}
.mari_sec6 .title a i{width: 2.11vw; height: 2.11vw; margin:-0.47vw 0 0 2.89vw;}
.mari_sec6 .insta_list{margin-top:5.70vw;}
.mari_sec6 .insta_list li{width: 24%; height:22.086vw;}


/* 푸터 */
.footer{padding:3.91vw 0 5.00vw; margin-top:6.41vw;}
.footer .tp_wrap{padding-bottom:3.20vw;}
.footer .tp_wrap .logo{width:13.59vw;}
.footer .tp_wrap .info{margin-left:6.80vw; gap:8.59vw;}
.footer .tp_wrap .info ul li{font-size: 1.17vw;}
.footer .tp_wrap .info ul li + li{margin-top:0.39vw;}
.footer .tp_wrap .sns a{margin-left:0.86vw;}
.footer .bt_wrap{margin-top:2.89vw;}
.footer .bt_wrap .copy{font-size: 1.17vw;}
.footer .bt_wrap .use{gap:2.89vw;}
.footer .bt_wrap .use li{font-size: 1.17vw;}
.footer .bt_wrap .use li + li:before{height: 1.09vw; left:-1.41vw; top:0.47vw;}


}




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

.pc{display:none;}
.mob{display:block;}

/* 헤더 */
#mari_header {height: 15.16vw;}
.inner {padding:0 3.91vw;}
.mari_tp_logo{width:27.54vw;}
.mari_gnb{display:none;}
.mari_hd_rt a{font-size: 3.13vw; padding: 1.5vw 3.82vw;}
.mari_hd_rt a i{width: 3.43vw; height: 3.43vw; margin-top:-0.9vw;}
.mari_hd_mob.fixed{position:fixed; display:block; top: 15.16vw; width: 100%; z-index:1000; background:rgba(255,255,255,0.95);}
.mari_hd_mob ul{display:flex; justify-content:center; height: 13.02vw; align-items:center; gap:13.02vw;}
.mari_hd_mob ul li a{font-size: 3.52vw; font-weight: 500; color:#111;}
.mari_hd_mob ul li a:hover{text-decoration:underline;}


/* 비주얼 */
.visual{height: 124.84vw;}
.visual:before{height: 20.05vw; top:22.06vw;}
.visual .img_wrap{width: 38.70vw; top:34.58vw; left: initial; right: 3.91vw;}
.visual .txt_wrap{top:39.00vw; right:0; padding: 0 3.91vw; display:block;}
.visual .txt_wrap:before{display:none;}
.visual .txt_wrap .lt_txt .txt1{font-size: 3.26vw;}
.visual .txt_wrap .lt_txt .txt2{font-size: 12.24vw; margin-left: -1vw; letter-spacing: -1.9px;}
.visual .txt_wrap .lt_txt .txt3{font-size: 4.06vw; margin-top:1.65vw;}
.visual .txt_wrap .rt_txt{font-size: 3.6vw; margin-top:8.97vw; text-align:left;}
.visual .rotate{bottom:0; left:3.91vw;}
.visual .rotate .rotate_img{width:22.68vw;}
.visual .rotate .scroll{width: 2.43vw;}
.visual .rotate .txt{gap:1.30vw;}
.visual .rotate .txt span{font-size: 3.65vw;}
.visual .rotate .txt img{width: 2.06vw;}


/* 섹션1 */
.mari_sec1{height:74vw;}
.mari_sec1 .img_wrap{margin-top:4.17vw;}
.mari_sec1 .img_wrap img{transform:scale(1.2)}
.mari_sec1 span{font-size: 8.74vw;}
.mari_sec1 span.txt1{top: 50%; transform: translateY(-50%); padding-bottom: 33.98vw;}
.mari_sec1 span.txt2{bottom:50%; transform: translateY(50%); padding-top: 51.95vw;}


/* 섹션2 */
.mari_sec2{padding:13.54vw 0 10.03vw; margin-top:12.89vw;}
.mari_sec2 .circle{width: 25.84vw; height: 25.84vw; font-size: 4.91vw; position:initial; margin: 0 auto; transform: translateX(0) !important;}
.mari_sec2 .txt_wrap{margin-top:6vw;}
.mari_sec2 .txt_wrap .tp{display:block; margin-top:4vw;}
.mari_sec2 .zero2{margin-top:8.30vw;}
.mari_sec2 .zero3{margin-top:8.30vw; text-align:left;}
.mari_sec2 .zero .txt1{font-size: 3.26vw;}
.mari_sec2 .zero .txt2{font-size: 5.21vw; margin-top:2.43vw;}
.mari_sec2 .zero .txt2 span{font-size: 3.13vw;}
.mari_sec2 .zero .txt3{font-size: 3.65vw; margin-top:2.83vw;}
.mari_sec2 .zero .txt4{font-size: 3.39vw; margin-top:0.65vw;}


/* 섹션3 */
.mari_sec3{margin-top:13.54vw; padding-bottom:4.59vw; background: url("/images/maridew/sec3_bg_img_mob.png") no-repeat center bottom / contain;}
.mari_sec3:before{height:17.84vw; top:15.12vw;}
.mari_sec3 .title .txt1{font-size: 3.26vw;}
.mari_sec3 .title .txt2{font-size: 5.21vw; margin-top:2.08vw;}
.mari_sec3 .title .txt2 span{margin-top:0.65vw;}
.sec3_cont{margin-top:13.59vw; gap:7.94vw; flex-direction: column; align-items: center;}
.sec3_cont .img_wrap{width:60.41vw;}
.sec3_cont .txt_wrap{margin-top:4.95vw; text-align:center;}
.sec3_cont .txt_wrap .txt{font-size: 4.56vw;}
.sec3_cont .txt_wrap .txt + .txt{margin-top:2.8vw;}


/* 섹션4 */
.mari_sec4{padding:18.11vw 0 12.94vw; height:56.19vw;}
.mari_sec4 .txt_wrap, .mari_sec4 .txt_wrap2{font-size: 8.94vw;}


/* 섹션5 */
.mari_sec5{padding:11.59vw 0 8.76vw;}
.mari_sec5:before{height:19.53vw;}
.mari_sec5 .txt_wrap{margin-top:14.24vw;}
.mari_sec5 .tp_wrap .left{margin-top:0;}
.mari_sec5 .tp_wrap .right{width: 32.84vw;}
.mari_sec5 .tp_wrap .txt1{font-size: 3.26vw;}
.mari_sec5 .tp_wrap .txt2{font-size: 5.21vw; margin-top:2.08vw;}
.mari_sec5 .tp_wrap .txt3{font-size: 9.77vw; margin-top:2.65vw;}
.mari_sec5 .bt_wrap{margin-left:0; margin-top: 7vw;}
.mari_sec5 .bt_wrap .txt1{font-size: 4.0vw;}
.mari_sec5 .bt_wrap .txt2{font-size: 3.40vw; margin-top:4.08vw;}


/* 섹션6 */
.mari_sec6{margin-top:15vw;}
.mari_sec6 .title a{font-size: 6.51vw;}
.mari_sec6 .title a i{width: 4.8vw; height: 4.8vw; margin:-0.52vw 0 0 3.86vw;}
.mari_sec6 .insta_list{margin-top:8.73vw; flex-wrap:wrap; gap:3.5vw 0;}
.mari_sec6 .insta_list li{width: 48%; height: 43.14vw;}


/* 푸터 */
.footer{padding:9.91vw 0 8.95vw; margin-top:13.38vw;}
.footer .tp_wrap{padding-bottom:8.26vw;}
.footer .tp_wrap .logo{width:32.54vw; float:initial;}
.footer .tp_wrap .info{margin-left:0; display:block; float:initial; margin:6vw 0;}
.footer .tp_wrap .info ul li{font-size: 3.39vw;}
.footer .tp_wrap .info ul li + li{margin-top:0.8vw;}
.footer .tp_wrap .info ul.info2{margin-top:0.8vw;}
.footer .tp_wrap .sns{float:initial;}
.footer .tp_wrap .sns a{margin-left:0; margin-right:2.91vw;}
.footer .tp_wrap .sns .sns1{width:3.23vw;}
.footer .tp_wrap .sns .sns2{width:2.2vw;}
.footer .tp_wrap .sns .sns3{width:3.88vw;}
.footer .bt_wrap{margin-top:8.26vw; display:block;}
.footer .bt_wrap .copy{font-size: 3.39vw;}
.footer .bt_wrap .use{gap:4.86vw; margin-top:3vw;}
.footer .bt_wrap .use li{font-size: 3.39vw;}
.footer .bt_wrap .use li + li:before{height: 3.04vw; left:-2.23vw; top:1.32vw}


}