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

}
@media screen and (max-width:599px) {
  .pc-mobile{
      display: none !important;
  }
  .mobile-pc{
      display: flex !important;
  }
section {
    font-size: 3.2vw;
}
div.image_sd_wrap {
  width: 350%;
  padding: 3vw 0;
}
.hamburger_bg {
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 9998;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.6);
}
.hamburger_bg.on {
  opacity: 1;
  visibility: visible;
}



/* 소현 시작 */


/* 브랜드 */

/* 모바일용 인트로 이미지 새로 받아야 할 것 같습니다 */
.bintro {
  display: none;
}


.bmain {
  padding: 25vw 0 10vw 0;
}
.bmain_01 {
  width: 65%;
  margin-bottom: 4vw;
}
.bmain_tt01 {
  font-size: 3.8vw;
  margin-bottom: 6vw;
}
.swiper_bmain{
  width: 100%;
}
.bmain_card {
  width: 71.6%;
}
.swiper_bmain_btn {
  z-index: 5;
  bottom: 25%;
  width: 17%;
}
.swiper_bmain_prev{
  left: 4%;
}
.swiper_bmain_next{
  right: 4%;
  transform: rotate(180deg);
}

.swiper_bmain_btn2 {
  z-index: 4;
  bottom: 25%;
  width: 17%;
  filter: brightness(0) invert(1);
  scale: 1.05;
}



.bcon01 {
  padding: 17vw 0;
}
.bcon01_01 {
  margin-bottom: 6vw;
  width: 67%;
}
.bcon01_tt, .bcon02_tt {
  font-size: 3.5vw;
}
.bcon01_ttbox, .bcon02_ttbox {
  gap: 3vw;
}
.bcon01_bg {
  width: 230%;
  height: 90%;
}



.bcon02_04 {
    width: 9.2318%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 13.5%;
    top: 78%;
}
.bcon02_01 {
  width: 76%;
  margin-bottom: 5vw;
}
.bcon02 {
  padding: 15vw 0;
}
.bcon02_03 {
  width: 62.1%;
  margin-top: 0vw;
}
.bcon02_in {
  margin-top: 4vw;
  margin-bottom: 34vw;
}
.bcon02_bg {
  width: 200%;
  height: 90%;
}
.bcon02_02_3 {
  width: 32%;
  left: 35%;
  bottom: -20.5%;
}
.bcon02_02_2 {
  width: 22%;
  left: 17%;
  bottom: 8%;
  opacity: 0.6;
}
.bcon02_02_4 {
  width: 37%;
  right: 7%;
  bottom: 0%;
  opacity: 0.6;
}




.bcon03_titlebox {
  width: 100%;
  padding: 18vw 0;
  margin-bottom: 8vw;
}
.bcon03 {
  padding: 8vw 0 13vw 0;
}
.bcon03_con {
  width: 90%;
}
.bcon03_con_top {
  height: auto;
  flex-direction: column;
}
.bcon03_con_left, .bcon03_con_right {
  width: 100%;
}
.bcon03_con_left {
  padding: 8vw 0;
}
.bcon03_con_right_top {
  gap: 6vw;
  padding-bottom: 8vw;
  text-align: center;
}
.bcon03_con_right_title {
  font-size: 4.5vw;
  margin-bottom: 3vw;
}
.bcon03_con_right_txt {
  font-size: 3.8vw;
}
.bcon03_con_right_btm {
  padding-top: 8vw;
  justify-content: center;
}
.bcon03_01 {
  width: 22%;
}
.bcon03_con_right_in {
  border-top: 1px solid #ddd;
  width: 90%;
  padding: 8vw 0;
}
.bcon03_03 {
  width: 80%;
}
.bcon03_02 {
  width: 45%;
}
.bcon03_con_btm {
  width: 90%;
  gap: 8vw;
  flex-direction: column;
  padding: 8vw 0;
  border-top: 1px solid #ddd;
  margin: 0 auto;
}
.bcon03_con_btm_left {
  width: 100%;
  justify-content: center;
  gap: 3vw;
}
.bcon03_con_btm_title {
  font-size: 3.8vw;
  text-align: center;
  line-height: 1.5;
}
.bcon03_con_btm_right {
  width: 100%;
  gap: 3vw;
}




.bcon04 {
  padding: 15vw 0;
}
.bcon04_01_1 {
  width: 91%;
  margin-bottom: 4vw;
}
.bcon04_tt {
  font-size: 3.5vw;
  margin-bottom: 8vw;
}
.bcon04_02 {
  width: 12%;
}
.swiper_bcon04_prev {
  left: 2%;
}
.swiper_bcon04_next {
  right: 2%;
}

.ccon01_titlebox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 70%;
    z-index: 1;
}
.ccon01 {
    height: unset;
    padding: 30% 0% 0% 0%;
}
.ccon01_con {
    width: 100%;
}

.ccon02 {
    padding: 0vw 0;
}
.ccon02_in {
    width: 100%;
    background-color: var(--main-red);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14% 0% 14% 0%;
}
.ccon02_in_con {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.ccon02_left {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.ccon02_left_tt {
    font-size: 3.2vw;
    line-height: 1.5;
    text-align: center;
}
.ccon02_right {
    width: 90%;
    display: flex;
    padding: 4vw 0;
}
.ccon02_02 {
    margin-bottom: 4vw;
    margin-top: 4vw;
}
.ccon02_01_2 {
    margin: -26.5% 0% 0% 0%;
}

.ccon03_con {
    width: 90%;
    padding: 14% 0% 72% 0%;
      margin-bottom: 5vw;
}
.ccon03_con_in {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
}
.ccon03_02 {
    width: 44.8986%;
    margin-bottom: 4.5vw;
}
.ccon03_con_in_tt {
    text-align: center;
}
.ccon03_03 {
    width: 88.6795%;
    right: 5%;
    top: 50%;
      transform: unset;
}
.ccon03_01 {
    width: 62.0367% !important;
      margin-bottom: 6vw;
}

.ccon03 {
    padding: 13vw 0 10vw 0;
}
.ccon03_con_btm {
    width: 90%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.ccon03_con_btm_box {
    width: 100%;
    height: 64vw;
}
.ccon03_con_btm_box_tt {
    text-align: center;
    line-height: 1.5;
    font-size: 3.2vw;
}
.ccon03_con_btm_box_in{
    padding-top: 9vw;
}
.ccon03_04_1 {
    width: 80.148%;
    margin-bottom: 3.5vw;
}
.ccon03_05_1 {
    width: 62.6007%;
    margin-bottom: 3.5vw;
}
.ccon03_04_2 {
    width: 64.3522%;
    bottom: -16%;
}
.ccon03_05_2 {
    width: 66.9819% !important;
    bottom: -18%;
}


.ccon04_con {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.ccon04_left {
    width: 100%;
}
.ccon04_right {
    width: 100%;
}
.ccon04_left_in {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 13% 0% 11% 0%;
}
.ccon04_left_tt {
    font-size: 3.2vw;
    margin: 5% 0% 0% 0%;
}

/* 소현 끝 */

.ccon01_03_1 {
    width: 51.1181% !important;
    top: 35%;
    right: 2%;
    z-index: 1;
}
.ccon01_02_2{
    width: 97%;
    margin: 0% 0% 7% 0%;
}
.ccon01_tt {
    font-size: 3.2vw;
    white-space: nowrap;
}
.con01_div_m{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin: 12% 0% 13% 0%;
}
.con01_div_m_s{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    margin: 0.5% 0% 0.5% 0%;
}
.mccon01_04_1_1_div{
    width: 32.0236% !important;
}
.mccon01_04_2_div{
    width: 14.8294% !important;
    left: 4%;
    top: 26%;
    animation: blk 1s infinite ease-in-out;
}
.mccon01_04_1_2_div{
    width: 40.9633% !important;
}
.mccon01_04_3_div{
    width: 5.8294% !important;
    left: 4%;
    top: 26%;
    animation: blk 1s infinite ease-in-out;
}
.mccon01_04_1_3_div{
    width: 49.3753% !important;
}
.mccon01_04_4_div{
    width: 32.8294% !important;
    left: 4%;
    top: 26%;
    animation: blk 1s infinite ease-in-out;
}
.mccon01_04_1_4_div{
    width: 67.0525% !important;
}
.mccon01_04_5_div{
    width: 10.8294% !important;
    left: 4%;
    top: 26%;
    animation: blk 1s infinite ease-in-out;
}
.mccon01_04_1_5_div{
    width: 84.1391% !important;
}
.mccon01_04_6_div{
    width: 19.8294% !important;
    left: 4%;
    top: 26%;
    animation: blk 1s infinite ease-in-out;
}

.con02_right_m{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 6% 0% 0% 0%;
}
.con02_swiper{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 75%;
    overflow: hidden;
}
.con02_swiper_slide{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.con02_sd_div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.con02_sd_img{
    width: 100%;
}

.ccon04_01_2{
    width: 78% !important;
}
.ccon04_right_box_in {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: unset;
    text-align: center;
    white-space: nowrap;
}
.ccon04_right_box_title {
    font-size: 5.6vw;
    margin-bottom: 7.3vw;
}
.ccon04_right_box_txt {
    font-size: 3.5vw;
    line-height: 1.5;
}
.ccon04_right_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19% 0% 11% 0%;
}
.ccon04_02 {
    width: 6.67261% !important;
    left: unset;
    transform: unset;
    top: 15%; 
}

}