/* 브랜드 */
.visual.on [data-act="up"] > div {transform: translateY(0);}
.visual.on [data-delay="250"] {transition-delay: .25s;}
.visual.on [data-delay="500"] {transition-delay: .5s;}
.visual.on [data-delay="1000"] {transition-delay: 1s;}
.brandStroy .visual {position: relative; height: 950px; overflow: hidden;}
.brandStroy .visual::before{content: ''; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.4); position: absolute; left: 0; top: 0;}
.brandStroy .visual img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.brandStroy .visual .txt {position: absolute; top: 286px; left: 0; text-align: center; width: 100%; z-index: 5;}
.brandStroy .visual .txt img {width: 240px;}
.brandStroy .visual .txt h2 {margin-top: 90px; font-size: 70px; font-weight: 400; font-family: var(--font-tth); line-height: 1.14; letter-spacing: -2px; color: #fff;}
.brandStroy .visual .txt h2 span {color: var(--color-red2); position: relative;}
.brandStroy .visual .txt h2 span::before {content: ""; width: 37px; height: 36px; background: url('/img/sub/brand_check.svg') no-repeat center/cover; position: absolute; left: 50%; transform: translateX(-50%); top: -46px; animation: visupdown 0.7s ease-in-out alternate infinite;}
.brandStroy .visual .txt p {margin-top: 15px; font-size: 40px; font-weight: 500; color: #fff; letter-spacing: -.02em; line-height: 1.2;}
.brandStroy .visual video{width: 100%; height: 100%; object-fit:cover;}
.brandStroy .sec1 {padding: 130px 0 137px; position: relative;}
.brandStroy .sec1 .bg {width: 1700px; position: absolute; top: 130px; left: 50%; transform: translateX(-50%); display: flex; align-items: flex-start; justify-content: space-between;}
.brandStroy .sec1 .bg span {display: block; width: 105px; height: 105px; border-top: 3px solid #000;}
.brandStroy .sec1 .bg span:first-child {border-left: 3px solid #000;}
.brandStroy .sec1 .bg span:last-child {border-right: 3px solid #000;}
.brandStroy .sec1 .txt_img {position: absolute; top: 411px; left: 0; display: flex; align-items: center; justify-content: space-between; width: 100%; z-index: -1;}
.brandStroy .sec1 .txt_img img {height: 130px;}
.brandStroy .sec1 .tit {text-align: center;}
.brandStroy .sec1 .tit img {width: 240px;}
.brandStroy .sec1 .tit h2 {margin-top: 55px; font-size: 70px; font-weight: 400; font-family: var(--font-tth); line-height: 1.14; color: #000; letter-spacing: -.02em;}
.brandStroy .sec1 .tit h2 span {color: var(--color-red1);}
.brandStroy .sec1 .txt {margin-top: 120px; display: flex; align-items: center; justify-content: space-between;}
.brandStroy .sec1 .txt img {width: 480px;}
.brandStroy .sec1 .txt .right {width: calc(100% - 590px);}
.brandStroy .sec1 .txt .right div {font-size: 32px; font-weight: 600; color: #000; letter-spacing: -.02em; line-height: 1.6;}
.brandStroy .sec1 .txt .right div strong {display: block; font-size: 42px; font-weight: 800; color: var(--color-red1); letter-spacing: -.02em; line-height: 1.2;}
.brandStroy .sec1 .txt .right p {margin-top: 50px; font-size: 24px; font-weight: 500; color: #6D6D6D; letter-spacing: -.02em; line-height: 1.4;}
.brandStroy .sec2 {background: url('/img/sub/brand_sec2_bg.jpg') no-repeat center/cover; border: 20px solid var(--color-red1);}
.brandStroy .sec2 .sec2-1 {padding: 150px 0 120px; border-bottom: 1px solid var(--color-red2); position: relative;}
.brandStroy .sec2 .sec2-1::after {content: ""; width: 100%; height: 1px; background: var(--color-red2); position: absolute; left: 0; bottom: -11px;}
.brandStroy .sec2 .sec2-2 {padding: 120px 0 150px; border-top: 1px solid var(--color-red2); margin-top: 20px;}
.brandStroy .sec2 > div .tit p {font-size: 24px; font-weight: 800; color: var(--color-red2); letter-spacing: -.02em; line-height: 1.4;}
.brandStroy .sec2 > div .tit h3 {margin-top: 25px; font-size: 60px; font-weight: 400; color: #fff; letter-spacing: -2px; line-height: 1.16; font-family: var(--font-tth);}
.brandStroy .sec2 > div .tit h3 span {color: var(--color-red2);}
.brandStroy .sec2 > div strong {display: block; margin-top: 50px; font-size: 32px; font-weight: 700; color: #fff; letter-spacing: -.03em; line-height: 1.5;}
.brandStroy .sec2 > div .info {margin-top: 30px; font-size: 28px; font-weight: 400; color: #fff; letter-spacing: -1px; line-height: 1.4;}
.brandStroy .sec2 .flex {display: flex; align-items: flex-start; gap: 137px;}
.brandStroy .sec2 .flex img {width: 180px; animation: updown2 0.8s ease-in-out alternate infinite;}
.brandStroy .sec2 .flex .cont {width: calc(100% - 180px - 137px);}

/* 메뉴 */
.menu .visual {position: relative; height: 950px; overflow: hidden;}
.menu .visual img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.menu .visual .txt {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; width: 100%;}
.menu .visual .txt .tp{animation: updown 0.8s ease-in-out alternate infinite;}
.menu .visual .txt img {width: 515px;}
.menu .visual .txt h2 {margin-top: 60px; font-size: 70px; font-weight: 400; font-family: var(--font-tth); line-height: 1.14; letter-spacing: -2px; color: #fff;}
.menu .visual .txt h2 span {color: var(--color-red2);}
.menu .visual .txt p {margin-top: 15px; font-size: 40px; font-weight: 500; color: #fff; letter-spacing: -.02em; line-height: 1.2;}
.menu .visual .img {position: absolute; width: 1600px; left: 50%; transform: translateX(-50%); bottom: 0; display: flex; align-items: flex-end; justify-content: space-between; z-index: 1;}
.menu .visual .img img {height: 324px; width: auto;}
.menu .sec .tit {text-align: center;}
.menu .sec .tit img {width: 160px;}
.menu .sec .tit h2 {position: relative; margin-top: 30px; font-size: 70px; font-weight: 400; letter-spacing: -.02em; line-height: 1.14; font-family: var(--font-tth);}
.menu .sec .tit h2 span {color: var(--color-red1);}
.menu .sec .tit h2 > .img {margin-top: -5px; width: 633px; display: flex; align-items: center; justify-content: space-between; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.menu .sec .tit h2 > .img img {width: 105px;}
.menu .sec .tit h2 > .img img:last-child {transform: scaleX(-1);}
.menu .sec1 {padding: 130px 0 128px; background: url('/img/sub/menu_sec1_bg.jpg') repeat-y center/contain;}
.menu .slide_cont {margin-top: 100px;}
.menu .slide_cont + .slide_cont {margin-top: 120px;}
.menu .slide_tab {display: flex; align-items: center; justify-content: center; gap: 20px;} 
.menu .slide_tab a {padding-top: 4px; width: 225px; height: 58px; border-radius: 50px; display: flex; align-items: center; justify-content: center; gap: 15px; font-size: 24px; font-weight: 400; color: #8E8E8E; letter-spacing: -.4px; font-family: var(--font-tth); border: 2px solid #8E8E8E;}
.menu .slide_tab a .line {display: block; width: 1px; height: 20px; background: #8E8E8E;}
.menu .slide_tab a.on {color: #fff; background: var(--color-red1); border-color: var(--color-red1);}
.menu .slide_tab a.on .line {background: #fff;}
.menu .cont {margin-top: 60px; position: relative;}
.menu .mySwiper {overflow: hidden;}
.menu .swiper-slide {width: 270px; margin-right: 40px;}
.menu .swiper-slide .img {height: 270px; width: 100%; border-radius: 30px; overflow: hidden; display: block;}
.menu .swiper-slide img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.menu .swiper-slide strong {display: block; margin-top: 30px; font-size: 24px; font-weight: 400; color: #000; font-family: var(--font-tth); line-height: 1.4; text-align: center; min-height: 68px;}
.menu .arrow {position: absolute; top: 105px; left: 0; width: 100%; display: flex; align-items: center; justify-content: space-between;}
.menu .arrow > div {position: relative; top: auto; right: auto; bottom: auto; left: auto; width: 60px; height: 60px; border-radius: 100%; background: var(--color-red1); display: flex; align-items: center; justify-content: center; margin: 0;}
.menu .arrow > div::after {display: none;}
.menu .arrow > div img {width: 20px;}
.menu .sec2 {background: url('/img/sub/menu_sec2_bg.jpg') no-repeat center/cover; padding: 130px 0;}
.menu .sec2 h2 {color: #fff;}
.menu .sec2 .tit h2 > .img {width: 801.36px;}
.menu .sec2 .swiper-slide strong {color: #fff;}
.menu .swiper08 .swiper-slide-duplicate {display: none;}

/* 문의하기 write */
.bd_apply_write {padding: 150px 0; margin-top: 100px;}
.bd_apply_write .write_cont {position: relative; padding: 120px 0 110px; box-sizing: border-box; text-align: center;}
.bd_apply_write .write_cont .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.bd_apply_write .tit p {font-size: 24px; font-weight: 800; color: var(--color-red1); letter-spacing: -.02em; line-height: 1.4;}
.bd_apply_write .tit h2 {margin-top: 25px; font-size: 70px; font-weight: 400; font-family: var(--font-tth); letter-spacing: -2px; line-height: 1.14;}
.bd_apply_write .dpp_w_form {border-top: 0; margin: 80px auto 0; width: 1000px; position: relative; z-index: 2;}
.bd_apply_write .dpp_w_form > ul > li {display: flex; align-items: center; gap: 30px; border-bottom: 1px solid #000;}
.bd_apply_write .dpp_w_form > ul > li + li {margin-top: 30px;}
.bd_apply_write .dpp_w_form > ul > li > div {padding: 0;}
.bd_apply_write .dpp_w_form > ul > li .dpp_w_td {width: 135px;}
.bd_apply_write .dpp_w_form > ul > li .dpp_w_td label {font-size: 22px; font-weight: 700; color: #000; letter-spacing: -1px; display: flex; align-items: flex-start; gap: 5px;}
.bd_apply_write .dpp_w_form > ul > li .dpp_w_td label::before {display: none;}
.bd_apply_write .dpp_w_form > ul > li .dpp_w_td label span {color: var(--color-red1);}
.bd_apply_write .dpp_w_form > ul > li .dpp_w_input {width: calc(100% - 165px);}
.bd_apply_write .dpp_w_form > ul > li .dpp_w_input input[type="text"] {border: 0; height: 70px; font-size: 22px; font-weight: 500; color: #000; width: 100%; padding: 0; max-width: 100%; background: transparent;}
.bd_apply_write .dpp_w_form > ul > li .dpp_w_td.check{padding-bottom: 27px;}
.bd_apply_write .dpp_w_form > ul > li .dpp_w_input.check{display: flex; flex-wrap: wrap; align-items: center; gap:10px 0; padding-bottom: 20px;}
.bd_apply_write .dpp_w_form > ul > li .dpp_w_input.check label{width: 18%; font-size: 20px; font-weight: 500; display: flex; align-items: center; gap: 10px;}
.bd_apply_write .dpp_w_form > ul > li .dpp_w_input.check label.other{width: 28%;}
.bd_apply_write .dpp_w_form > ul > li .dpp_w_input.check input[type="text"]{background: #fff; height: 45px; border-radius:5px; width: 158px; padding: 0 15px; font-size: 20px;}
.bd_apply_write .dpp_w_form > ul > li .dpp_w_input.check input[readonly]{background: #bbb; cursor: not-allowed;}
.bd_apply_write .dpp_w_form > ul > li.wd100 {display: block; padding: 15px 0 0;}
.bd_apply_write .dpp_w_form > ul > li .wr_content {width: 100%;}
.bd_apply_write .dpp_w_form > ul > li .wr_content textarea {height: 100px !important; margin: 20px 0; border: 0; font-size: 22px; font-weight: 500; color: #000; box-sizing: border-box; background: transparent;}
.bd_apply_write .dpp_w_form ul .agree {margin-top: 40px; display: flex; align-items: center; gap: 14px; border-bottom: 0;}
.bd_apply_write .dpp_w_form ul .agree label {display: flex; align-items: center; gap: 14px; font-size: 18px; font-weight: 600; color: #000; letter-spacing: -1px; cursor: pointer;}
.bd_apply_write .dpp_w_form input[type="checkbox"] {width: 20px; height: 20px; background: url("/img/sub/checkbox_chk_apply.svg") no-repeat center / 100%; border: none; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.bd_apply_write .dpp_w_form input[type="checkbox"]:checked{border: none; background: url("/img/main/checkbox_chked.svg") no-repeat center / 100%;}
.bd_apply_write .dpp_w_form ul .agree label span {color: var(--color-red1);}
.bd_apply_write .dpp_w_form ul .agree .openPopup {font-size: 18px; font-weight: 600; color: #000; letter-spacing: -1px; text-decoration: underline; text-underline-offset: 3px; cursor: pointer;}
.bd_apply_write .dpp_captha {text-align: left; margin-top: 40px;}
.bd_apply_write .dpp_write_btn_wrap {margin: 0 !important;}
.bd_apply_write .write_btn {margin: 50px auto 0; width: 200px; height: 73px; line-height: 77px; border-radius: 50px; background: var(--color-red1); color: #fff; text-align: center; font-size: 25px; font-weight: 500; font-family: var(--font-tth); padding: 0; position: relative; z-index: 2;}

/* 문의하기 complete */
.apply_complete {margin-top: 100px; padding: 150px 0;}
.apply_complete .inner {position: relative; text-align: center; padding: 240px 0;}
.apply_complete .inner .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.apply_complete .inner .txt {position: relative; z-index: 2;}
.apply_complete .complete {width: 60px;}
.apply_complete h2 {margin-top: 25px; font-size: 30px; font-weight: 400; color: #000; font-family: var(--font-tth); line-height: 1.2;}
.apply_complete p {margin-top: 10px; font-size: 18px; font-weight: 500; color: #6D6D6D; line-height: 1.16;}
.apply_complete a {margin: 30px auto 0; width: 180px; height: 66px; line-height: 68px; border-radius: 50px; background: var(--color-red1); color: #fff; font-size: 20px; font-weight: 400; font-family: var(--font-tth); text-align: center; display: block;}









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

    /* 브랜드 */
    .brandStroy .visual {height: 65.97vw;}
    .brandStroy .visual .txt {top: 19.86vw;}
    .brandStroy .visual .txt img {width: 16.67vw;}
    .brandStroy .visual .txt h2 {margin-top: 6.25vw; font-size: 4.86vw;letter-spacing: -0.14vw;}
    .brandStroy .visual .txt h2 span::before {width: 2.57vw; height: 2.50vw; top: -3.19vw;}
    .brandStroy .visual .txt p {margin-top: 1.04vw; font-size: 2.78vw;}
    .brandStroy .sec1 {padding: 9.03vw 0 9.51vw;}
    .brandStroy .sec1 .bg {width: 118.06vw; top: 9.03vw;}
    .brandStroy .sec1 .bg span {width: 7.29vw; height: 7.29vw;}
    .brandStroy .sec1 .txt_img {top: 28.54vw;}
    .brandStroy .sec1 .txt_img img {height: 9.03vw;}
    .brandStroy .sec1 .tit img {width: 16.67vw;}
    .brandStroy .sec1 .tit h2 {margin-top: 3.82vw; font-size: 4.86vw;}
    .brandStroy .sec1 .txt {margin-top: 8.33vw;}
    .brandStroy .sec1 .txt img {width: 33.33vw;}
    .brandStroy .sec1 .txt .right {width: calc(100% - 40.97vw);}
    .brandStroy .sec1 .txt .right div {font-size: 2.22vw;}
    .brandStroy .sec1 .txt .right div strong {font-size: 2.92vw;}
    .brandStroy .sec1 .txt .right p {margin-top: 3.47vw; font-size: 1.67vw;}
    .brandStroy .sec2 .sec2-1 {padding: 10.42vw 0 8.33vw;}
    .brandStroy .sec2 .sec2-1::after {height: 0.07vw; bottom: -0.76vw;}
    .brandStroy .sec2 .sec2-2 {padding: 8.33vw 0 10.42vw; margin-top: 1.39vw;}
    .brandStroy .sec2 > div .tit p {font-size: 1.67vw;}
    .brandStroy .sec2 > div .tit h3 {margin-top: 1.74vw; font-size: 4.17vw; letter-spacing: -0.14vw;}
    .brandStroy .sec2 > div strong {margin-top: 3.47vw; font-size: 2.22vw;}
    .brandStroy .sec2 > div .info {margin-top: 2.08vw; font-size: 1.94vw; letter-spacing: -0.07vw;}
    .brandStroy .sec2 .flex {gap: 9.51vw;}
    .brandStroy .sec2 .flex img {width: 12.50vw;}
    .brandStroy .sec2 .flex .cont {width: calc(100% - 12.50vw - 9.51vw);}

    /* 메뉴 */
    .menu .visual {height: 65.97vw;}
    .menu .visual .txt img {width: 35.76vw;}
    .menu .visual .txt h2 {margin-top: 4.17vw; font-size: 4.86vw; letter-spacing: -0.14vw;}
    .menu .visual .txt p {margin-top: 1.04vw; font-size: 2.78vw;}
    .menu .visual .img {width: 95.11vw;}
    .menu .visual .img img {height: 18.50vw;}
    .menu .sec .tit img {width: 11.11vw;}
    .menu .sec .tit h2 {margin-top: 2.08vw; font-size: 4.86vw;}
    .menu .sec .tit h2 > .img {margin-top: -0.35vw; width: 43.96vw;}
    .menu .sec .tit h2 > .img img {width: 7.29vw;}
    .menu .sec1 {padding: 9.03vw 0 8.89vw;}
    .menu .slide_cont {margin-top: 6.94vw;}
    .menu .slide_cont + .slide_cont {margin-top: 8.33vw;}
    .menu .slide_tab {gap: 1.39vw;} 
    .menu .slide_tab a {padding-top: 0.28vw; width: 15.63vw; height: 4.03vw; border-radius: 3.47vw; gap: 1.04vw; font-size: 1.67vw; letter-spacing: -0.03vw;}
    .menu .slide_tab a .line {width: 0.07vw; height: 1.39vw;}
    .menu .cont {margin-top: 4.17vw;}
    .menu .swiper-slide {width: 18.75vw; margin-right: 2.78vw;}
    .menu .swiper-slide .img {height: 18.75vw; border-radius: 2.08vw;}
    .menu .swiper-slide strong {margin-top: 2.08vw; font-size: 1.67vw; min-height: 4.72vw;}
    .menu .arrow {top: 7.29vw;}
    .menu .arrow > div {width: 4.17vw; height: 4.17vw;}
    .menu .arrow > div img {width: 1.39vw;}
    .menu .sec2 {padding: 9.03vw 0;}
    .menu .sec2 .tit h2 > .img {width: 55.65vw;}

    /* 문의하기 write */
    .bd_apply_write {padding: 10.42vw 0; margin-top: 6.94vw;}
    .bd_apply_write .write_cont {padding: 8.33vw 0 7.64vw;}
    .bd_apply_write .tit p {font-size: 1.67vw; letter-spacing: -.02em;}
    .bd_apply_write .tit h2 {margin-top: 1.74vw; font-size: 4.86vw; letter-spacing: -0.14vw;}
    .bd_apply_write .dpp_w_form {border-top: 0; margin: 5.56vw auto 0; width: 69.44vw;}
    .bd_apply_write .dpp_w_form > ul > li {gap: 2.08vw;}
    .bd_apply_write .dpp_w_form > ul > li + li {margin-top: 2.08vw;}
    .bd_apply_write .dpp_w_form > ul > li .dpp_w_td {width: 9.38vw;}
    .bd_apply_write .dpp_w_form > ul > li .dpp_w_td label {font-size: 1.53vw; letter-spacing: -0.07vw; gap: 0.35vw;}
    .bd_apply_write .dpp_w_form > ul > li .dpp_w_input {width: calc(100% - 11.46vw);}
    .bd_apply_write .dpp_w_form > ul > li .dpp_w_input input[type="text"] {height: 4.86vw; font-size: 1.53vw;}
	.bd_apply_write .dpp_w_form > ul > li .dpp_w_td.check{padding-bottom: 1.88vw;}
	.bd_apply_write .dpp_w_form > ul > li .dpp_w_input.check{gap:0.69vw 0; padding-bottom: 1.39vw;}
	.bd_apply_write .dpp_w_form > ul > li .dpp_w_input.check label{width: 18%; font-size: 1.39vw;gap: 0.69vw;}
	.bd_apply_write .dpp_w_form > ul > li .dpp_w_input.check label.other{width: 28%;}
	.bd_apply_write .dpp_w_form > ul > li .dpp_w_input.check input[type="text"]{height: 3.13vw; border-radius:0.35vw; width: 10.97vw; padding: 0 1.04vw; font-size: 1.39vw;}
    .bd_apply_write .dpp_w_form > ul > li.wd100 {padding: 1.04vw 0 0;}
    .bd_apply_write .dpp_w_form > ul > li .wr_content textarea {height: 6.94vw !important; margin: 1.39vw 0; font-size: 1.53vw;}
    .bd_apply_write .dpp_w_form ul .agree {margin-top: 2.78vw;  gap: 0.97vw;}
    .bd_apply_write .dpp_w_form ul .agree label {gap: 0.97vw; font-size: 1.25vw; letter-spacing: -0.07vw;}
    .bd_apply_write .dpp_w_form input[type="checkbox"] {width: 1.39vw; height: 1.39vw;}
    .bd_apply_write .dpp_w_form ul .agree .openPopup {font-size: 1.25vw; letter-spacing: -0.07vw;}
    .bd_apply_write .dpp_captha {margin-top: 2.78vw;}
    .bd_apply_write .write_btn {margin: 3.47vw auto 0; width: 13.89vw; height: 5.07vw; line-height: 5.35vw; border-radius: 3.47vw; font-size: 1.74vw;}

    /* 문의하기 complete */
    .apply_complete {margin-top: 6.94vw; padding: 10.42vw 0;}
    .apply_complete .inner {padding: 16.67vw 0;}
    .apply_complete .complete {width: 4.17vw;}
    .apply_complete h2 {margin-top: 1.74vw; font-size: 2.08vw;}
    .apply_complete p {margin-top: 0.69vw; font-size: 1.25vw;}
    .apply_complete a {margin: 2.08vw auto 0; width: 12.50vw; height: 4.58vw; line-height: 4.72vw; border-radius: 3.47vw; font-size: 1.39vw;}

}



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

    /* 브랜드 */
    .brandStroy .visual {height: 65.94vw;}
    .brandStroy .visual .txt {top: 19.84vw;}
    .brandStroy .visual .txt img {width: 16.64vw;}
    .brandStroy .visual .txt h2 {margin-top: 6.25vw; font-size: 4.84vw;letter-spacing: -0.16vw;}
    .brandStroy .visual .txt h2 span::before {width: 2.58vw; height: 2.50vw; top: -3.20vw;}
    .brandStroy .visual .txt p {margin-top: 1.02vw; font-size: 2.81vw;}
    .brandStroy .sec1 {padding: 9.06vw 0 9.53vw;}
    .brandStroy .sec1 .bg {width: 118.05vw; top: 9.06vw;}
    .brandStroy .sec1 .bg span {width: 7.27vw; height: 7.27vw;}
    .brandStroy .sec1 .txt_img {top: 28.52vw;}
    .brandStroy .sec1 .txt_img img {height: 9.06vw;}
    .brandStroy .sec1 .tit img {width: 16.64vw;}
    .brandStroy .sec1 .tit h2 {margin-top: 3.83vw; font-size: 4.84vw;}
    .brandStroy .sec1 .txt {margin-top: 8.36vw;}
    .brandStroy .sec1 .txt img {width: 33.36vw;}
    .brandStroy .sec1 .txt .right {width: calc(100% - 40.94vw);}
    .brandStroy .sec1 .txt .right div {font-size: 2.19vw;}
    .brandStroy .sec1 .txt .right div strong {font-size: 2.89vw;}
    .brandStroy .sec1 .txt .right p {margin-top: 3.44vw; font-size: 1.64vw;}
    .brandStroy .sec2 .sec2-1 {padding: 10.39vw 0 8.36vw;}
    .brandStroy .sec2 .sec2-1::after {height: 0.08vw; bottom: -0.78vw;}
    .brandStroy .sec2 .sec2-2 {padding: 8.36vw 0 10.39vw; margin-top: 1.41vw;}
    .brandStroy .sec2 > div .tit p {font-size: 1.64vw;}
    .brandStroy .sec2 > div .tit h3 {margin-top: 1.72vw; font-size: 4.14vw; letter-spacing: -0.16vw;}
    .brandStroy .sec2 > div strong {margin-top: 3.44vw; font-size: 2.19vw;}
    .brandStroy .sec2 > div .info {margin-top: 2.11vw; font-size: 1.95vw; letter-spacing: -0.08vw;}
    .brandStroy .sec2 .flex {gap: 6.53vw;}
    .brandStroy .sec2 .flex img {width: 12.50vw;}
    .brandStroy .sec2 .flex .cont {width: calc(100% - 12.50vw - 6.53vw);}

    /* 메뉴 */
    .menu .visual {height: 65.94vw;}
    .menu .visual .txt img {width: 35.78vw;}
    .menu .visual .txt h2 {margin-top: 4.14vw; font-size: 4.84vw; letter-spacing: -0.16vw;}
    .menu .visual .txt p {margin-top: 1.02vw; font-size: 2.81vw;}
    .menu .visual .img {width: 95.08vw;}
    .menu .visual .img img {height: 18.52vw;}
    .menu .sec .tit img {width: 11.09vw;}
    .menu .sec .tit h2 {margin-top: 2.11vw; font-size: 4.84vw;}
    .menu .sec .tit h2 > .img {margin-top: -0.31vw; width: 43.98vw;}
    .menu .sec .tit h2 > .img img {width: 7.27vw;}
    .menu .sec1 {padding: 9.06vw 0 8.91vw;}
    .menu .slide_cont {margin-top: 6.95vw;}
    .menu .slide_cont + .slide_cont {margin-top: 8.36vw;}
    .menu .slide_tab {gap: 1.41vw;} 
    .menu .slide_tab a {padding-top: 0.31vw; width: 15.63vw; height: 4.06vw; border-radius: 3.44vw; gap: 1.02vw; font-size: 1.64vw; letter-spacing: -0.00vw;}
    .menu .slide_tab a .line {width: 0.08vw; height: 1.41vw;}
    .menu .cont {margin-top: 4.14vw; max-width: 93vw;}
    .menu .swiper-slide {width: 18.75vw; margin-right: 1.5vw;}
    .menu .swiper-slide .img {height: 18.75vw; border-radius: 2.11vw;}
    .menu .swiper-slide strong {margin-top: 2.11vw; font-size: 1.64vw; min-height: 4.69vw;}
    .menu .arrow {top: 7.27vw;}
    .menu .arrow > div {width: 4.14vw; height: 4.14vw;}
    .menu .arrow > div img {width: 1.41vw;}
    .menu .sec2 {padding: 9.06vw 0;}
    .menu .sec2 .tit h2 > .img {width: 55.63vw;}

    /* 문의하기 write */
    .bd_apply_write {padding: 10.39vw 0; margin-top: 6.95vw;}
    .bd_apply_write .write_cont {padding: 8.36vw 0 7.66vw;}
    .bd_apply_write .tit p {font-size: 1.64vw; letter-spacing: -.02em;}
    .bd_apply_write .tit h2 {margin-top: 1.72vw; font-size: 4.84vw; letter-spacing: -0.16vw;}
    .bd_apply_write .dpp_w_form {border-top: 0; margin: 5.55vw auto 0; width: 69.45vw;}
    .bd_apply_write .dpp_w_form > ul > li {gap: 2.11vw;}
    .bd_apply_write .dpp_w_form > ul > li + li {margin-top: 2.11vw;}
    .bd_apply_write .dpp_w_form > ul > li .dpp_w_td {width: 9.38vw;}
    .bd_apply_write .dpp_w_form > ul > li .dpp_w_td label {font-size: 1.56vw; letter-spacing: -0.08vw; gap: 0.31vw;}
    .bd_apply_write .dpp_w_form > ul > li .dpp_w_input {width: calc(100% - 11.48vw);}
    .bd_apply_write .dpp_w_form > ul > li .dpp_w_input input[type="text"] {height: 4.84vw; font-size: 1.56vw;}
	.bd_apply_write .dpp_w_form > ul > li .dpp_w_td.check{padding-bottom: 1.88vw;}
	.bd_apply_write .dpp_w_form > ul > li .dpp_w_input.check{gap:0.70vw 0; padding-bottom: 1.41vw;}
	.bd_apply_write .dpp_w_form > ul > li .dpp_w_input.check label{width: 18%; font-size: 1.41vw;gap: 0.70vw;}
	.bd_apply_write .dpp_w_form > ul > li .dpp_w_input.check label.other{width: 28%;}
	.bd_apply_write .dpp_w_form > ul > li .dpp_w_input.check input[type="text"]{height: 3.13vw; border-radius:0.31vw; width: 10.94vw; padding: 0 1.02vw; font-size: 1.41vw;}
    .bd_apply_write .dpp_w_form > ul > li.wd100 {padding: 1.02vw 0 0;}
    .bd_apply_write .dpp_w_form > ul > li .wr_content textarea {height: 6.95vw !important; margin: 1.41vw 0; font-size: 1.56vw;}
    .bd_apply_write .dpp_w_form ul .agree {margin-top: 2.81vw;  gap: 0.94vw;}
    .bd_apply_write .dpp_w_form ul .agree label {gap: 0.94vw; font-size: 1.25vw; letter-spacing: -0.08vw;}
    .bd_apply_write .dpp_w_form input[type="checkbox"] {width: 1.41vw; height: 1.41vw;}
    .bd_apply_write .dpp_w_form ul .agree .openPopup {font-size: 1.25vw; letter-spacing: -0.08vw;}
    .bd_apply_write .dpp_captha {margin-top: 2.81vw;}
    .bd_apply_write .write_btn {margin: 3.44vw auto 0; width: 13.91vw; height: 5.08vw; line-height: 5.31vw; border-radius: 3.44vw; font-size: 1.72vw;}

    /* 문의하기 complete */
    .apply_complete {margin-top: 6.95vw; padding: 10.39vw 0;}
    .apply_complete .inner {padding: 16.64vw 0;}
    .apply_complete .complete {width: 4.14vw;}
    .apply_complete h2 {margin-top: 1.72vw; font-size: 2.11vw;}
    .apply_complete p {margin-top: 0.70vw; font-size: 1.25vw;}
    .apply_complete a {margin: 2.11vw auto 0; width: 12.50vw; height: 4.61vw; line-height: 4.69vw; border-radius: 3.44vw; font-size: 1.41vw;}

}



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

    /* 브랜드 */
    .brandStroy .visual {height: 143.23vw;}
    .brandStroy .visual .txt {top: 44.79vw; transform: none;}
    .brandStroy .visual .txt img {width: 26.04vw;}
    .brandStroy .visual .txt h2 {margin-top: 10.42vw; font-size: 8.85vw;letter-spacing: -0.52vw;}
    .brandStroy .visual .txt h2 span::before {display: none;}
    .brandStroy .visual .txt p {margin-top: 2.60vw; font-size: 4.17vw;}
    .brandStroy .sec1 {padding: 20.83vw 0;}
    .brandStroy .sec1 .bg {width: 100%; padding: 0 5.60vw; top: 20.83vw;}
    .brandStroy .sec1 .bg span {width: 10.42vw; height: 10.42vw;}
    .brandStroy .sec1 .txt_img {top: 97.40vw;}
    .brandStroy .sec1 .txt_img img {height: 10.42vw;}
    .brandStroy .sec1 .tit {margin-top: 13.02vw;}
    .brandStroy .sec1 .tit img {width: 33.85vw;}
    .brandStroy .sec1 .tit h2 {margin-top: 7.81vw; font-size: 7.81vw;}
    .brandStroy .sec1 .txt {margin-top: 33.85vw;}
    .brandStroy .sec1 .txt img {display: none;}
    .brandStroy .sec1 .txt .right {width: 100%;}
    .brandStroy .sec1 .txt .right div {font-size: 4.69vw;}
    .brandStroy .sec1 .txt .right div strong {font-size: 6.25vw;}
    .brandStroy .sec1 .txt .right p {margin-top: 7.81vw; font-size: 3.65vw;}
    .brandStroy .sec2 {background: url('/img/sub/brand_sec2_bg_m.jpg') no-repeat center/cover; border-width: 1.30vw;}
    .brandStroy .sec2 .sec2-1 {padding: 20.83vw 0; border-width: 0.26vw;}
    .brandStroy .sec2 .sec2-1::after {height: 1px; bottom: -1.59vw;}
    .brandStroy .sec2 .sec2-2 {padding: 20.83vw 0; margin-top: 2.60vw;}
    .brandStroy .sec2 > div {border-width: 1px !important;}
    .brandStroy .sec2 > div .tit p {font-size: 3.65vw;}
    .brandStroy .sec2 > div .tit h3 {margin-top: 6.51vw; font-size: 7.29vw; letter-spacing: -0.52vw;}
    .brandStroy .sec2 > div strong {margin-top: 13.02vw; font-size: 6.25vw; line-height: 1.3;}
    .brandStroy .sec2 > div .info {margin-top: 7.81vw; font-size: 3.65vw; letter-spacing: -0.10vw;}
    .brandStroy .sec2 > div .info br.none {display: none;}
    .brandStroy .sec2 .flex {display: revert;}
    .brandStroy .sec2 .flex img {display: none;}
    .brandStroy .sec2 .flex .cont {width: 100%;}

    /* 메뉴 */
    .menu .visual {height: 143.23vw;}
    .menu .visual .txt img {width: 82.68vw;}
    .menu .visual .txt h2 {margin-top: 10.42vw; font-size: 8.85vw; letter-spacing: -0.52vw;}
    .menu .visual .txt p {margin-top: 2.60vw; font-size: 4.17vw;}
    .menu .visual .img {display: none;}
    .menu .sec .tit img {width: 33.85vw;}
    .menu .sec .tit h2 {margin-top: 7.81vw; font-size: 7.81vw;}
    .menu .sec .tit h2 > .img {margin-top: -0.65vw; width: 79.43vw;}
    .menu .sec .tit h2 > .img img {width: 13.67vw;}
    .menu .sec1 {padding: 20.83vw 0; background-size: cover;}
    .menu .slide_cont {margin-top: 13.02vw;}
    .menu .slide_cont + .slide_cont {margin-top: 18.49vw;}
    .menu .slide_tab {gap: 3.13vw; justify-content: flex-start; white-space: nowrap; overflow: hidden; overflow-x: scroll; padding: 0 5.21vw;}
    .menu .slide_tab a {padding-top: 0.65vw; width: 34.64vw; height: 8.98vw; border-radius: 7.55vw; gap: 2.21vw; font-size: 3.65vw; letter-spacing: -0.00vw;}
    .menu .slide_tab a .line {width: 0.13vw; height: 3.13vw;}
    .menu .cont {margin-top: 10.42vw; max-width: 100%;}
    .menu .mySwiper {padding: 0;}
    .menu .swiper-slide {width: 100%; margin-right: 5.21vw;}
    .menu .swiper-slide .img {height: auto; border-radius: 4.69vw;}
    .menu .swiper-slide strong {margin-top: 6.51vw; font-size: 5.73vw; min-height: 16.15vw;}
    .menu .arrow {top: 40.36vw; width: calc(100% - 2.60vw); left: 50%; transform: translateX(-50%); z-index: 1;}
    .menu .arrow > div {width: 10.42vw; height: 10.42vw;}
    .menu .arrow > div img {width: 3.91vw;}
    .menu .sec2 {padding: 20.05vw 0;}
    .menu .sec2 .tit h2 > .img {width: 93.75vw;}
    .menu .sec2 .slide_tab {justify-content: center;}

    /* 문의하기 write */
    .bd_apply_write {padding: 16.93vw 5.21vw; margin-top: 15.63vw;}
    .bd_apply_write .write_cont {padding: 13.02vw 0;}
    .bd_apply_write .tit p {font-size: 4.17vw; letter-spacing: -.02em;}
    .bd_apply_write .tit h2 {margin-top: 3.91vw; font-size: 7.81vw; letter-spacing: -0.39vw;}
    .bd_apply_write .dpp_w_form {border-top: 0; margin: 10.42vw auto 0; width: calc(100% - 10.42vw);}
    .bd_apply_write .dpp_w_form > ul > li {gap: 2.60vw;}
    .bd_apply_write .dpp_w_form > ul > li + li {margin-top: 4.69vw;}
    .bd_apply_write .dpp_w_form > ul > li .dpp_w_td {width: 26.04vw;}
    .bd_apply_write .dpp_w_form > ul > li .dpp_w_td label {font-size: 3.65vw; letter-spacing: 0; gap: 0.65vw; line-height: 1;}
    .bd_apply_write .dpp_w_form > ul > li .dpp_w_input {width: calc(100% - 28.65vw);}
    .bd_apply_write .dpp_w_form > ul > li .dpp_w_input input[type="text"] {height: 9.38vw; font-size: 3.65vw;}
    .bd_apply_write .dpp_w_form > ul > li.check{display: block;}
	.bd_apply_write .dpp_w_form > ul > li .dpp_w_td.check{padding-bottom: 3.65vw;}
	.bd_apply_write .dpp_w_form > ul > li .dpp_w_input.check{gap: 2.60vw 0; padding-bottom: 2.60vw; width: 100%;}
	.bd_apply_write .dpp_w_form > ul > li .dpp_w_input.check label{width: 45%; font-size: 3.39vw; gap: 2.30vw;}
	.bd_apply_write .dpp_w_form > ul > li .dpp_w_input.check label:nth-of-type(n+3):nth-of-type(-n+8){margin-top: 1.3vw;}
	.bd_apply_write .dpp_w_form > ul > li .dpp_w_input.check label.other{width: 55%;}
	.bd_apply_write .dpp_w_form > ul > li .dpp_w_input.check input[type="text"]{height: 6.86vw; border-radius:1.2vw; width: 26.97vw; padding: 0 1.95vw; font-size: 3.39vw;}
    .bd_apply_write .dpp_w_form > ul > li.wd100 {padding: 0;}
    .bd_apply_write .dpp_w_form > ul > li .wr_content textarea {height: 11.46vw !important; margin: 2.60vw 0; font-size: 3.65vw;}
    .bd_apply_write .dpp_w_form ul .agree {margin-top: 5.21vw; gap: 1.04vw;}
    .bd_apply_write .dpp_w_form ul .agree label {gap: 1.04vw; font-size: 3.13vw; letter-spacing: 0;}
    .bd_apply_write .dpp_w_form input[type="checkbox"] {width: 3.91vw; height: 3.91vw;}
    .bd_apply_write .dpp_w_form ul .agree .openPopup {font-size: 3.13vw; letter-spacing: 0;}
    .bd_apply_write .dpp_captha {margin-top: 5.21vw;}
    .bd_apply_write .write_btn {margin: 3.91vw auto 0; width: 28.65vw; height: 8.98vw; line-height: 9.51vw; border-radius: 7.89vw; font-size: 3.16vw;}

    /* 문의하기 complete */
    .apply_complete {margin-top: 15.63vw; padding: 16.93vw 5.21vw;}
    .apply_complete .inner {padding: 18.85vw 0;}
    .apply_complete .complete {width: 10.42vw;}
    .apply_complete .txt {width: calc(100% - 10.42vw); margin: 0 auto;}
    .apply_complete h2 {margin-top: 2.60vw; font-size: 6.31vw;}
    .apply_complete p {margin-top: 2.60vw; font-size: 4.17vw;}
    .apply_complete a {margin: 3.91vw auto 0; width: 28.65vw; height: 8.98vw; line-height: 9.51vw; border-radius: 7.89vw; font-size: 3.16vw;}

}

/* 당나발 주요 협력사 */
.brandStroy .sec3 {background: #000; padding: 140px 0 120px;}
.brandStroy .sec3 .tit p {color: var(--color-red1); font-size: 24px; font-weight: 800; letter-spacing: -.48px; line-height: 1.4;}
.brandStroy .sec3 .tit h2 {color: #fff; margin-top: 25px;}
.brandStroy .sec3 .tit h2 > .img {width: 852.68px;}
.brandStroy .sec3 ul {margin-top: 80px; display: grid; grid-template-columns: repeat(4,1fr); gap: 20px 0;}
.brandStroy .sec3 ul li {display: flex; align-items: center; justify-content: center; height: 90px; transition: all .3s;}
.brandStroy .sec3 ul li:nth-of-type(n + 21) {display: none;}
.brandStroy .sec3 ul li img {width: 100%; height: 100%; object-fit: cover; object-position: center; transition: all .3s; mix-blend-mode: luminosity;}
.brandStroy .sec3 ul li:hover {background: #fff;}
.brandStroy .sec3 ul li:hover img {mix-blend-mode: revert;}
.brandStroy .sec3 .viewMore {margin: 30px auto 0; display: flex; align-items: center; justify-content: center; width: 135px; height: 58px; border-radius: 70px; border: 2px solid #FFF; color: #fff; font-size: 20px; font-weight: 400; letter-spacing: -.4px; font-family: var(--font-tth); opacity: .5; cursor: pointer; padding-top: 2px;}

.brandStroy .noData {text-align: center; border-top: 2px solid #fff; border-bottom: 1px solid #fff; padding: 194px 0 174px; color: #fff;}
.brandStroy .noData img {width: 38px; filter: brightness(0) invert(1);}
.brandStroy .noData p {margin-top: 28px; font-size: 20px; font-weight: 500;}
@media screen and (max-width:1440px){
    /* 당나발 주요 협력사 */
    .brandStroy .sec3 {padding: 9.72vw 0 8.33vw;}
    .brandStroy .sec3 .tit p {font-size: 1.67vw; letter-spacing: -0.03vw;}
    .brandStroy .sec3 .tit h2 {margin-top: 1.74vw;}
    .brandStroy .sec3 .tit h2 > .img {width: 59.21vw;}
    .brandStroy .sec3 ul {margin-top: 5.56vw; gap: 1.39vw 0;}
    .brandStroy .sec3 ul li {height: 6.25vw; }
    .brandStroy .sec3 .viewMore {margin: 2.08vw auto 0; width: 9.38vw; height: 4.03vw; border-radius: 4.86vw; font-size: 1.39vw; letter-spacing: -0.03vw; padding-top: 0.14vw;}

    .brandStroy .noData {padding: 13.47vw 0 12.08vw;}
    .brandStroy .noData img {width: 2.64vw;}
    .brandStroy .noData p {margin-top: 1.94vw; font-size: 1.39vw;}
}
@media screen and (max-width:1280px){
    /* 당나발 주요 협력사 */
    .brandStroy .sec3 {padding: 9.69vw 0 8.36vw;}
    .brandStroy .sec3 .tit p {font-size: 1.64vw; letter-spacing: -0.00vw;}
    .brandStroy .sec3 .tit h2 {margin-top: 1.72vw;}
    .brandStroy .sec3 .tit h2 > .img {width: 59.22vw;}
    .brandStroy .sec3 ul {margin-top: 5.55vw; gap: 1.41vw 0;}
    .brandStroy .sec3 ul li {height: 6.25vw; }
    .brandStroy .sec3 .viewMore {margin: 2.11vw auto 0; width: 9.38vw; height: 4.06vw; border-radius: 4.84vw; font-size: 1.41vw; letter-spacing: -0.00vw; padding-top: 0.16vw;}

    .brandStroy .noData {padding: 13.44vw 0 12.11vw;}
    .brandStroy .noData img {width: 2.66vw;}
    .brandStroy .noData p {margin-top: 1.95vw; font-size: 1.41vw;}
}
@media screen and (max-width:768px){
    /* 당나발 주요 협력사 */
    .brandStroy .sec3 {padding: 20.83vw 0;}
    .brandStroy .sec3 .tit p {font-size: 3.65vw; letter-spacing: -0.07vw;}
    .brandStroy .sec3 .tit h2 {margin-top: 5.21vw;}
    .brandStroy .sec3 .tit h2 > .img {width: 78.13vw; top: 25%;}
    .brandStroy .sec3 ul {margin-top: 10.42vw; gap: 4.56vw 0; grid-template-columns: repeat(2,1fr);}
    .brandStroy .sec3 ul li {height: 13.41vw;}
    .brandStroy .sec3 .viewMore {margin: 7.81vw auto 0; width: 36.72vw; height: 13.02vw; border-radius: 13.02vw; font-size: 4.17vw; letter-spacing: -0.00vw; padding-top: 0.26vw;}
    
    .brandStroy .noData {padding: 23.44vw 0 26.04vw;}
    .brandStroy .noData img {width: 7.16vw;}
    .brandStroy .noData p {margin-top: 3.91vw; font-size: 3.65vw;}
}