/*.page-detail.footer_white{background-color: #FDFBF4;}
.detail-title{padding: 138px 56px 60px; }
.detail-title h1{font-size: 85px; font-weight: 500; line-height: 105%}
.detail-title .fade-cw{margin-bottom: 60px;}
.detail-title .fade-slice{width: calc((100% / 12) * 5); display: block;}
.detail-title span{font-size: 16px; font-style: normal; font-weight: 400; line-height: 160%;}

.detail_w{display: flex;}
.sec_bx .title::after{content: ''; display: block; width: 1px; height: 36px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-color: #fff;}
.title{font-size: 16px; color: #fff; font-style: normal; font-weight: 500; line-height: 150%;  letter-spacing: 3.2px; text-transform: uppercase; background-color: #000; text-align: center; padding: 18px 0 12px; position: relative; display: block;}

.detail_w > div{transition: cubic-bezier(0, 0, 0.2, 0.96) 0.5s all;}
.detail_w.switch > div:nth-child(1){width: calc((100% / 12) * 2);}
.detail_w.switch > div:nth-child(2){width: calc((100% / 12) * 10);}
.detail_w:not(.switch).hover_right > div:nth-child(1){width: calc((100% / 12) * 8.5);}
.detail_w:not(.switch).hover_right > div:nth-child(2){width: calc((100% / 12) * 3.5);}
.detail_w.switch.hover_left > div:nth-child(1){width: calc((100% / 12) * 3.5);}
.detail_w.switch.hover_left > div:nth-child(2){width: calc((100% / 12) * 8.5);}
.detail_w.switch .sec_bx .detail_img_w{ opacity: 0.5;}
.detail_w.switch .sec_prd .detail_img_w{ opacity: 1;}
.detail_w:not(.switch) > div:nth-child(1){width: calc((100% / 12) * 10);}
.detail_w:not(.switch) > div:nth-child(2){width: calc((100% / 12) * 2);}
.sec_bx .detail_img_w{opacity: 1;}
.sec_prd .detail_img_w{opacity: 0.5;}
.detail_img_w{width: 100%; transition: ease 0.5s opacity;}
.detail_img_w img{width: 100%;}*/
.page-detail.footer_white { background-color: #FDFBF4; }
.detail-title { padding: 9.25vw 56px 4.022vw; }
.detail-title .title-h1 *{ font-size: 5.698vw; font-weight: 500; line-height: 105%; }

.detail-title .title-h1 { margin-bottom: 4.022vw; width: 100%!important;}
.detail-title .sub_title{margin-bottom: 1.072vw;}
.detail-title .sub_title *{font-size: 1.609vw; line-height: 1.3; font-weight: 500;}
.detail-title .fade-slice { width: calc((100% / 12) * 5.5); display: block; }
/*.detail-title > .fade-slice .line{width: fit-content;}*/
.detail-title span { font-size: 1.072vw; font-style: normal; font-weight: 400; line-height: 160%; }
.detail-title .title-span span{opacity: 0.5;}
.detail_w { display: flex; padding-bottom: 80px; align-items: flex-start;}
.sec_bx .title::after { content: ''; display: block; width: 0.067vw; height: 2.413vw; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-color: #fff; }
.detail_w .title { font-size: 1.072vw; color: #fff; font-style: normal; font-weight: 500; line-height: 150%; letter-spacing: 0.214vw; text-transform: uppercase; background-color: #000; text-align: center; padding: 1.207vw 0 0.805vw; position: relative; display: block; }

.detail_w > div { transition: cubic-bezier(0, 0, 0.2, 0.96) 0.8s all; }
.detail_w.switch > div:nth-child(1) { width: calc((100% / 12) * 2); }
.detail_w.switch > div:nth-child(2) { width: calc((100% / 12) * 10); }
.detail_w:not(.switch).hover_right > div:nth-child(1) { width: calc((100% / 12) * 8.5); }
.detail_w:not(.switch).hover_right > div:nth-child(2) { width: calc((100% / 12) * 3.5); }
.detail_w.switch.hover_left > div:nth-child(1) { width: calc((100% / 12) * 3.5); }
.detail_w.switch.hover_left > div:nth-child(2) { width: calc((100% / 12) * 8.5); }
.detail_w.switch .sec_bx .detail_img_w { opacity: 0.5; }
.detail_w.switch .sec_prd .detail_img_w { opacity: 1; }
.detail_w:not(.switch) > div:nth-child(1) { width: calc((100% / 12) * 10); }
.detail_w:not(.switch) > div:nth-child(2) { width: calc((100% / 12) * 2); }
.sec_bx .detail_img_w { opacity: 1; }
.sec_bx + .sec_prd .detail_img_w { opacity: 0.5; }
.detail_img_w { width: 100%; transition: ease 0.5s opacity; }
.detail_img_w img { width: 100%; }
.detail_mob_nav{display: none;}


/* �� ���Ǹ� ������ ���� ������ �ʰ� */
.detail_w > div:only-child { width: 100% !important; }

/* �� ��� Ŭ�� ���� */
.detail_mob_nav .btn_bg { pointer-events: none; }

/* �� ���� �޽���(����) */
.sec_empty { width:100%; padding:48px 16px; text-align:center; }
.sec_empty .empty_msg { color:#888; }

@media(min-width:1920px){
  .page-detail.footer_white{background-color: #FDFBF4;}
  .detail-title{padding:178px 56px 77px; position: relative; /*max-width:1920px;*/ margin:auto;}
  .detail-title .title-h1 { margin-bottom: 77px; width: 100%!important;}
  .detail-title .title-h1 *{font-size:109px; font-weight:500; line-height:105%;}
  .detail-title .fade-cw{margin-bottom:77px;}
  .detail-title .fade-slice{width:calc((100% / 12) * 5.5); display:block;}
  .detail-title .fade-cw.sub_title{margin-bottom:21px;}
  .detail-title .fade-cw.sub_title *{font-size:31px;}
  .detail-title span{font-size:21px; font-style:normal; font-weight:400; line-height:160%;}

  .detail_w{display:flex;}
  .sec_bx .title::after{content:''; display:block; width:1px; height:46px; position:absolute; right:0; top:50%; transform:translateY(-50%); background-color:#fff;}
  .title{font-size:21px; color:#fff; font-style:normal; font-weight:500; line-height:150%; letter-spacing:4px; text-transform:uppercase; background-color:#000; text-align:center; padding:23px 0 15px; position:relative; display:block;}


  .detail_w > div{transition: cubic-bezier(0, 0, 0.2, 0.96) 0.5s all;}
  .detail_w.switch > div:nth-child(1){width: calc((100% / 12) * 2);}
  .detail_w.switch > div:nth-child(2){width: calc((100% / 12) * 10);}
  .detail_w:not(.switch).hover_right > div:nth-child(1){width: calc((100% / 12) * 8.5);}
  .detail_w:not(.switch).hover_right > div:nth-child(2){width: calc((100% / 12) * 3.5);}
  .detail_w.switch.hover_left > div:nth-child(1){width: calc((100% / 12) * 3.5);}
  .detail_w.switch.hover_left > div:nth-child(2){width: calc((100% / 12) * 8.5);}
  .detail_w.switch .sec_bx .detail_img_w{ opacity: 0.5;}
  .detail_w.switch .sec_prd .detail_img_w{ opacity: 1;}
  .detail_w:not(.switch) > div:nth-child(1){width: calc((100% / 12) * 10);}
  .detail_w:not(.switch) > div:nth-child(2){width: calc((100% / 12) * 2);}
  .sec_bx .detail_img_w{opacity: 1;}
  .sec_bx + .sec_prd .detail_img_w{opacity: 0.5;}
  .detail_img_w{width: 100%; transition: ease 0.5s opacity;}
  .detail_img_w img{width: 100%;}
}

@media(min-width:1025px){
    .scale_box{position: absolute; left: 0; top: 0; height: 100%; background-color: red;}
    .detail_w > div{position: relative;}
    .detail_w > div:nth-child(1) .scale_box{width: calc((100vw / 12) * 10);}
    .detail_w > div:nth-child(2) .scale_box{width: calc((100vw / 12) * 2);}

    .detail_w.hover_left > div:nth-child(1) .scale_box{}
    .detail_w.hover_left > div:nth-child(2) .scale_box{}

    .detail_w.hover_right > div:nth-child(1) .scale_box{}
    .detail_w.hover_right > div:nth-child(2) .scale_box{}
}
@media(max-width:1024px){
  /*.detail-title{padding: 100px 20px 20px;}
  .detail-title .fade-cw{margin-bottom: 20px;}
  .detail-title h1{font-size: 40px;}
  .detail-title .fade-slice{width: calc((100% / 4) * 3); display: block;}
  .detail-title span{font-size: 13px;}

  .detail_w{flex-direction: column;}
  .detail_w > div{width: 100%!important; }
  .detail_img_w{opacity: 1!important;}
  .title{font-size: 13px; letter-spacing: 2.6px; height: 52px; padding: 19px 0 13px; background-color: unset; color: #000; border-top: 1px solid #000; border-bottom: 1px solid #000;}*/
  .detail-title { padding: 27.778vw 5.556vw 5.556vw; }
  .detail-title .title-h1 { margin-bottom: 5.556vw; }
  .detail-title .title-h1 *{ font-size: 11.111vw; }
  .detail-title .fade-slice { width: calc(75% + (5.556vw * 2)); display: block; }
  .detail-title .sub_title{margin-bottom: 3.333vw; }
  .detail-title .sub_title *{font-size: 3.611vw;}
  .detail-title span { font-size: 3.611vw; }

  .detail_w { flex-direction: column; position: relative; padding-bottom: 0;}
  .detail_w > div { width: 100% !important; }
  .detail_img_w { opacity: 1 !important; }
  .detail_w .title { font-size: 3.611vw; letter-spacing: 0.722vw; height: 14.444vw; padding: 5.1vw 0 3.611vw; background-color: unset; color: #000; border-top: 0.278vw solid #000; border-bottom: 0.278vw solid #000; }
  .detail_mob_nav { display: flex; font-size: 3.056vw; position: fixed; bottom: 6.944vw; left: 50%; transform: translateX(-50%); background-color: #e0e0e0; border-radius: 3.889vw; align-items: center; padding: 0.556vw; z-index: 4; }
  .detail_mob_nav > div { padding: 1.944vw 0 1.389vw; cursor: pointer; color: #FDFBF4; transition: ease 0.5s all;  width:22.222vw;text-align: center;}
  .detail_mob_nav > div.on { /*background-color: #FDFBF4;*/ /*padding: 1.944vw 6.111vw 1.389vw;*/ border-radius: 3.333vw; color: #000; }
  .detail_mob_nav.over > div:nth-child(1){color: #FDFBF4;}
  .detail_mob_nav.over > div:nth-child(2){color: #000;}
  .detail_mob_nav.scroll_bottom { position: absolute; }
  .detail_mob_nav .btn_bg{content: ' '; background-color: red; width: unset; display: block; position: absolute; top: 50%; transform: translate(0%, -50%); z-index: -1; border-radius: 3.333vw; background-color: #FDFBF4; transition: ease 0.3s all; left: 0.556vw; width: 22.222vw;}
  .detail_mob_nav.over .btn_bg{left: calc(100% - 22.222vw - 0.556vw); transform: translate(0, -50%);}
}

.page-detail.page-detail-brl{background-color: #000;}
.page-detail-brl .detail-title{color: #fff;}
.page-detail-brl .detail_w .title{background-color: #fff; color: #000;}

.page-detail-brl .sec_bx .title::after{background-color: #000;}

@media(max-width:1024px){
  .page-detail-brl .detail-title .fade-slice{width: 100%;}
  .page-detail-brl .detail-title{border-bottom: 1px solid #fff;}
  .page-detail-brl .detail_w .title{background-color: #000; color: #fff; border-bottom: 0; border-top: 0;}
  
}