#shop .shop_banner {width: 100%; height: 100vh;}
#shop.shop_work .shop_banner {background: url(https://n.innovad.co.kr/theme/innovad_v2/img/sub02/work/top_banner.jpg) no-repeat center center; background-size: cover;}
#shop.shop_curation .shop_banner {background: url(https://n.innovad.co.kr/theme/innovad_v2/img/sub02/curation/top_banner.jpg) no-repeat center center; background-size: cover;}
#shop.shop_classic .shop_banner {background: url(https://n.innovad.co.kr/theme/innovad_v2/img/sub02/classic/top_banner.jpg) no-repeat center center; background-size: cover;}
#shop.shop_curation .md_prd_mo_block {display: none;}

#shop .md_prd_banner {width: 100%; height: 800px; position: relative;}
#shop.shop_work .md_prd_banner {background: url(https://n.innovad.co.kr/theme/innovad_v2/img/sub02/work/md_banner.jpg) no-repeat center center; background-size: cover;}
#shop.shop_curation .md_prd_banner {height: 840px;}
#shop.shop_curation .md_prd_banner1 {background: url(https://n.innovad.co.kr/theme/innovad_v2/img/sub02/curation/md_slide1.jpg) no-repeat center center; background-size: cover;}
#shop.shop_curation .md_prd_banner2 {background: url(https://n.innovad.co.kr/theme/innovad_v2/img/sub02/curation/md_slide2.jpg) no-repeat center center; background-size: cover;}
#shop.shop_curation .md_prd_banner3 {background: url(https://n.innovad.co.kr/theme/innovad_v2/img/sub02/curation/md_slide3.jpg) no-repeat left center; background-size: cover;}
#shop.shop_curation .md_prd_banner4 {background: url(https://n.innovad.co.kr/theme/innovad_v2/img/sub02/curation/md_slide4.jpg) no-repeat center center; background-size: cover;}
#shop.shop_curation .md_prd_banner5 {background: url(https://n.innovad.co.kr/theme/innovad_v2/img/sub02/curation/md_slide5.jpg) no-repeat center center; background-size: cover;}
#shop.shop_classic .md_prd_banner {background: url(https://n.innovad.co.kr/theme/innovad_v2/img/sub02/classic/md_banner.jpg) no-repeat center center; background-size: cover;}

#shop .md_prd_banner .prd_pin {position: absolute; display: inline-flex; align-items: flex-end; column-gap: 15px; top: 50%; left: 50%; transform: translate(-50%, -50%); width: max-content;}
#shop.shop_work .md_prd_banner .prd_pin1 {margin-left: -25px; margin-top: 85px;}
#shop.shop_work .md_prd_banner .prd_pin2 {margin-left: 410px; margin-top: -165px;}
#shop.shop_work .md_prd_banner .prd_pin2 {flex-direction: column-reverse;}
#shop.shop_work .md_prd_banner .prd_pin2 .plus_btn {margin: 15px 0 0 0;}
#shop.shop_classic .md_prd_banner .prd_pin1 {margin-left: 322px; margin-top: -85px;}
#shop.shop_curation .md_prd_banner1 .prd_pin1 {margin-left: -200px; margin-top: 90px;}
#shop.shop_curation .md_prd_banner1 .prd_pin2 {margin-left: 100px; margin-top: 30px;}
#shop.shop_curation .md_prd_banner1 .prd_pin3 {margin-left: 350px; margin-top: 60px;}
#shop.shop_curation .md_prd_banner2 .prd_pin1 {margin-left: 76px; margin-top: -20px;}
#shop.shop_curation .md_prd_banner2 .prd_pin2 {margin-left: 200px; margin-top: -310px; align-items: baseline;}
#shop.shop_curation .md_prd_banner2 .prd_pin3 {margin-left: 250px; margin-top: -60px; flex-direction: column-reverse;}
#shop.shop_curation .md_prd_banner2 .prd_pin3 .plus_btn {margin: 15px auto 0;}
#shop.shop_curation .md_prd_banner3 .prd_pin1 {left: 0; transform: translateY(-50%); margin-left: 225px; margin-top: -85px;}
#shop.shop_curation .md_prd_banner3 .prd_pin2 {left: 0; transform: translateY(-50%); margin-left: 580px; margin-top: -57px;}
#shop.shop_curation .md_prd_banner3 .prd_pin3 {left: 0; transform: translateY(-50%); margin-left: 615px; margin-top: 150px;}

#shop.shop_curation .md_prd_banner4 .prd_pin1 {left: 0; transform: translateY(-50%); margin-left: 320px; margin-top: 40px;}
#shop.shop_curation .md_prd_banner4 .prd_pin2 {left: 0; transform: translateY(-50%); margin-left: 520px; margin-top: -310px;}
#shop.shop_curation .md_prd_banner4 .prd_pin3 {left: 0; transform: translateY(-50%); margin-left: 590px; margin-top: 160px;}
#shop.shop_curation .md_prd_banner4 .prd_pin4 {left: 0; transform: translateY(-50%); margin-left: 1050px; margin-top: -145px;}
#shop.shop_curation .md_prd_banner4 .prd_pin5 {left: 0; transform: translateY(-50%); margin-left: 1040px; margin-top: 195px; flex-direction: column; row-gap: 5px;}

#shop.shop_curation .md_prd_banner5 .prd_pin1 {left: 0; transform: translateY(-50%); margin-left: 400px; margin-top: -258px;}
#shop.shop_curation .md_prd_banner5 .prd_pin2 {left: 0; transform: translateY(-50%); margin-left: 180px; margin-top: 180px;}
#shop.shop_curation .md_prd_banner5 .prd_pin3 {left: 0; transform: translateY(-50%); margin-left: 455px; margin-top: 103px;}
#shop.shop_curation .md_prd_banner5 .prd_pin4 {left: 0; transform: translateY(-50%); margin-left: 920px; margin-top: -20px;}
#shop.shop_curation .md_prd_banner5 .prd_pin5 {left: 0; transform: translateY(-50%); margin-left: 1130px; margin-top: 170px; flex-direction: column; row-gap: 5px;}

#shop .md_prd_banner .prd_pin .plus_btn {cursor: pointer; border: 0;}
#shop .md_prd_banner .prd_pin .plus_btn::before {content: "+"; display: block; width: 30px; height: 30px; border-radius: 50%; background: #fff; color: #222; font-size: 1.3125em; font-weight: bold; line-height: 28px; text-align: center; transition: background .3s, color .3s;}
#shop .md_prd_banner .prd_pin:hover .plus_btn::before {background: rgba(255,255,255,0.3); color: #fff;}
#shop .md_prd_banner .prd_pin .plus_prd_info {padding: 15px 35px 15px 20px; width: fit-content; min-width: 200px; border-radius: 0 30px 0 0; background: rgba(255,255,255,0.8); visibility: hidden; opacity: 0; transition: opacity .3s;}
#shop .md_prd_banner .prd_pin:hover .plus_prd_info {visibility: visible; opacity: 1;}
#shop .md_prd_banner .prd_pin .plus_prd_info .prd_name,
#shop .md_prd_banner .prd_pin .plus_prd_info .prd_cost {font-size: 1em; font-weight: 500;}
#shop .md_prd_banner .prd_pin .plus_prd_info .prd_color {font-size: 0.75em; font-weight: 400; margin: 5px 0;}
#shop .md_prd_banner .prd_pin .plus_prd_info .prd_cost span.unit {margin-left: 5px;}

#shop .shop_cate {width: 100%; height: 100px; color: #fff; font-size: 1.3125em; box-shadow: 0 15px 35px rgba(0,0,0,0.08);}
#shop .shop_cate ul {display: flex; justify-content: center; align-items: center; column-gap: 100px; height: 100%;}
#shop .shop_cate ul li {height: 100%;}
#shop .shop_cate ul li a {padding: 0 10px; height: 100%; display: flex; align-items: center; transition: color .2s;}
#shop.shop_cate ul li a:hover,
#shop.shop_work .shop_cate ul li a.active {color: #ff9900;}
#shop.shop_classic ul li a:hover {color: #444;}
#shop.shop_classic .shop_cate ul li a.active {color: #222;}
#shop.shop_work .shop_cate {background: #3f3f3f;}
#shop.shop_classic .shop_cate {background: #ff9900;}
#shop.shop_curation .shop_cate {background: #fff; line-height: 100px;}
#shop marquee {
  color: #222;
  -webkit-animation:  caption 50s linear 0s infinite;
  overflow: hidden;
  overflow-x:-webkit-marquee;
  -webkit-marquee-direction: right;
  -webkit-marquee-style: scroll;
  -webkit-marquee-speed: normal;
  -webkit-marquee-increment: small;
  -webkit-marquee-repetition: 5;
  overflow-x: marquee-line;
  marquee-direction: forward;
  marquee-style: loop;
  marquee-speed: slow;
  marquee-play-count: infinite;
}
#shop marquee > div {display: flex; width: 200%;}
#shop marquee > div > div {width: 100%;}
#shop marquee span {margin: 0 40px;}


#shop .sub_category {margin-top: 135px;}

#shop .shop_prd_slide {margin-bottom: 125px;}
#shop .shop_prd_slide .swiper {padding-bottom: 120px;}
#shop li .prd_thumb {width: 100%; height: 500px; position: relative; border: 1px solid #ccc; box-sizing: border-box;}
#shop li .prd_thumb::before {content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(34, 34, 34, 0.12); width: 100px; height: 100px; border-radius: 50%; opacity: 0; transition: all .3s ease-in-out, opacity 1s ease-in-out;}
#shop li:hover .prd_thumb::before {opacity: 1; width: 100%; height: 100%; border-radius: 0;}
#shop li .prd_thumb img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: auto; max-width: 70%; max-height: 70%;}
#shop li .prd_thumb .prd_icon_wrap {position: absolute; right: 15px; bottom: 15px; display: flex; align-items: center; column-gap: 15px; visibility: hidden; opacity: 0; transition: all .5s;}
#shop li .prd_thumb .prd_icon_wrap i {font-size: 1.3125em; transition: opacity .3s;}
#shop li .prd_thumb .prd_icon_wrap {visibility: visible; opacity: 1;}
#shop li .prd_thumb .prd_icon_wrap > div:hover i {opacity: .5;}
#mainSec6 .prd_list.more_prd_list {display: none;}
#shop li .prd_info {padding-top: 30px;}
#shop li .prd_name,
#shop li .prd_cost {font-size: 1.3125em; font-weight: 500;}
#shop li .prd_color {font-size: 1em; font-weight: 300}
#shop li .prd_cost {padding-top: 30px;}
#shop li .prd_cost span.unit {margin-left: 5px;}
#shop .shop_prd_slide .swiper-pagination {top: auto; bottom: 0; height: 1px;}
#shop .shop_prd_slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #222; height: 2px; top: auto; bottom: 0;}


#shop .shop_prd_list_wrap {margin-bottom: 200px;}
#shop .shop_prd_list_wrap .pager {margin-top: 100px;}
#shop .shop_prd_list {padding-top: 130px; display: flex; flex-wrap: wrap; column-gap: 20px; row-gap: 75px; margin-bottom: 0 !important;}
#shop .shop_prd_list li.prd_layout1 {width: calc((100% - 60px)/4);}
#shop .shop_prd_list li.prd_layout2 {width: calc((100% - 20px)/2);}
#shop .shop_prd_list li.prd_layout2 .prd_thumb {border: 0;}
#shop .shop_prd_list li.prd_layout2 .prd_thumb img {width: 100%; height: 100%; object-fit: cover; max-width: none; max-height: none;}
#shop .shop_prd_list li.prd_layout2.move_up {margin-top: -719px;}
#shop .shop_prd_list li.prd_layout3 {width: calc((100% - 20px)/2);}
#shop .shop_prd_list li.prd_layout3 .prd_thumb {height: 1260px;}


#shop .work_bt .office_wrap {display: flex;}
#shop .work_bt .office_box {width: 50%;}
#shop .work_bt .office_img {position: relative; width: 100%; height: 0; padding-bottom: 100%;}
#shop .work_bt .office_img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
#shop .work_bt .office_name {font-size: 2em; margin-top: 35px;}
#shop .work_bt .office_name .margin_left {margin-left: 50px;}


#shop .classic_bt ul {display: flex; column-gap: 20px;}
#shop .classic_bt ul li {width: calc((100% - 40px)/4);}
#shop .classic_bt .cate_img {position: relative; height: 0; padding-bottom: 264.78%; overflow: hidden;}
#shop .classic_bt .cate_img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease-in-out, filter .3s ease-in-out;}
#shop .classic_bt .cate_name {font-size: 2em; margin-top: 30px;}
#shop .classic_bt li:hover .cate_img img {transform: translate(-50%, -50%) scale(1.05); filter: brightness(1.2);}

#shop .curation_slide {position: relative; }
#shop .curation_slide .prd_pin .plus_prd_info .prd_cost {padding-top: 5px;}
#shop .curation_slide .prd_pin .plus_prd_info .prd_name {line-height: 125%; margin-bottom: 5px;}
#shop .curation_slide .wrapper {position: relative;}
#shop .curation_slide .swiper {overflow: hidden;}
#shop .curation_slide .swiper-button-prev {width: 141px; height: 141px; left: 190px; top: 50%; margin-top:-70px !important; transform:none;}
#shop .curation_slide .swiper-button-next {width: 141px; height: 141px; right: 190px; top: 50%; margin-top:-70px !important; transform:none;}
#shop .curation_slide .swiper-pagination {bottom: 40px;}
#shop .curation_slide .swiper-pagination .swiper-pagination-bullet {width: 16px; height: 16px; background: #fff; opacity: 1; margin: 0 20px;}
#shop .curation_slide .swiper-pagination .swiper-pagination-bullet-active {background: #ff9900;}

#shop .curation_grey_prd {margin: 180px 0 50px;}
#shop .curation_grey_prd ul {display: flex; column-gap: 20px;}
#shop .curation_grey_prd ul li {width: calc((100% - 40px)/3);}
#shop .curation_grey_prd ul li .prd_thumb {background: #ededed; overflow: hidden; height: 480px; border: 0;}
#shop .curation_grey_prd ul li .prd_thumb::before {display: none;}
#shop .curation_grey_prd ul li .prd_thumb img {position: absolute; top: 50%; left: auto; right: 0; width: calc(100% - 40px); height: 100%; object-fit: cover; transform: translateY(-50%); max-width: none; max-height: none; transition: width 0.7s ease-in-out, filter 1s ease-in-out;}
#shop .curation_grey_prd ul li .prd_info {background: #222; color: #fff; position: relative; padding: 45px 40px 130px;}
#shop .curation_grey_prd ul li .prd_info .prd_color {margin-top: 3px;}
#shop .curation_grey_prd ul li .prd_info .view_btn {position: absolute; bottom: 0; right: 0; font-size: 1em; background: #fff; color: #222; width: 128px; height: 56px; line-height: 56px; text-align: center;}
#shop .curation_grey_prd ul li:hover .prd_thumb img {width: calc(100% - 20px); filter: brightness(1.2);}

#shop.shop_curation .shop_prd_list_wrap {margin-bottom: 170px;}
#shop .event_list {display: flex; flex-direction: column; row-gap: 35px; text-align: center;}

#event .event_tab_list {display: flex; align-items: center; margin-bottom: 30px;}
#event .event_tab_list li {font-size: 1.125em; transition: opacity .5s}
#event .event_tab_list li:hover {opacity: 0.7;}
#event .event_tab_list li:not(:last-child) {display: flex; align-items: center;}
#event .event_tab_list li:not(:last-child)::after {content: ""; display: block; width: 1px; height: 15px; margin: 3px 15px 0; background: #222;}


@media screen and (max-width: 1540px) {
  #shop .curation_slide .wrapper {padding: 0 50px;}
  #shop .curation_slide .swiper-button-prev {width: 100px; height: 100px; left: 0; top: 50%; margin-top: -50px !important;}
  #shop .curation_slide .swiper-button-next {width: 100px; height: 100px; right: 0; top: 50%; margin-top: -50px !important;}

  #shop.shop_curation .md_prd_banner4 .prd_pin1 {margin-left: 0; transform: translate(-50%, -50%); left: 30%;}
  #shop.shop_curation .md_prd_banner4 .prd_pin2 {margin-left: 0; transform: translate(-50%, -50%); left: 46%;}
  #shop.shop_curation .md_prd_banner4 .prd_pin3 {margin-left: 0; transform: translate(-50%, -50%); left: 52%;}
  #shop.shop_curation .md_prd_banner4 .prd_pin4 {margin-left: 0; transform: translate(-50%, -50%); left: 73%;flex-direction: column; row-gap: 5px; margin-top: -100px; justify-content: flex-end;}
  #shop.shop_curation .md_prd_banner4 .prd_pin4 .plus_btn {margin: 0;}
  #shop.shop_curation .md_prd_banner4 .prd_pin5 {margin-left: 0; transform: translate(-50%, -50%); left: auto; right: 7%; margin-top: 210px; justify-content: flex-end;}
  #shop.shop_curation .md_prd_banner4 .prd_pin5 .plus_btn {margin: 0;}

  #shop.shop_curation .md_prd_banner5 .prd_pin1 {margin-left: 0; transform: translate(-50%, -50%); left: 37%;}
  #shop.shop_curation .md_prd_banner5 .prd_pin2 {margin-left: 0; transform: translate(-50%, -50%); left: 20%;}
  #shop.shop_curation .md_prd_banner5 .prd_pin3 {margin-left: 0; transform: translate(-50%, -50%); left: 40%;}
  #shop.shop_curation .md_prd_banner5 .prd_pin4 {margin-left: 0; transform: translate(-50%, -50%); left: 78%;}
  #shop.shop_curation .md_prd_banner5 .prd_pin5 {margin-left: 0; transform: translate(-50%, -50%); left: 90%;}
}

@media screen and (max-width: 1440px) {
  #shop li .prd_thumb {height: auto; padding-bottom: 160%;}
  #shop .curation_grey_prd ul li .prd_thumb {height: auto; padding-bottom: 106%;}
  #shop .curation_grey_prd ul li .prd_thumb img {width: calc(100% - 30px);}
  #shop .curation_grey_prd ul li .prd_info {padding: 9% 9% 30%;}
  #shop .curation_grey_prd ul li .prd_info .view_btn {width: 110px; height: 50px; line-height: 50px; font-size: 15px;}
}

@media screen and (max-width: 1400px) {
  #shop.shop_classic .shop_cate {display: flex; overflow-x: scroll; padding: 0 20px;}
}

@media screen and (max-width: 1240px) {
  #shop.shop_curation .md_prd_banner4 .prd_pin1 {left: 25%;}
  #shop.shop_curation .md_prd_banner4 .prd_pin4 {left: 78%;}

  #shop.shop_curation .md_prd_banner5 .prd_pin1 {left: 34%;}
  #shop.shop_curation .md_prd_banner5 .prd_pin4 {left: 82%;}
  #shop.shop_curation .md_prd_banner5 .prd_pin5 {left: 89%; justify-content: flex-end;}
  #shop.shop_curation .md_prd_banner5 .prd_pin5 .plus_btn {margin: 0;}
}

@media screen and (max-width: 1024px) {
  #shop .sub_category {margin-top: 14%;}
  #shop .shop_cate {font-size: 1.25em; height: 80px;}
  #shop .shop_cate ul {column-gap: 60px;}
  #shop li .prd_info {padding-top: 7%;}
  #shop li .prd_cost {padding-top: 7%;}
  #shop .shop_prd_slide {margin-bottom: 13%;}
  #shop .shop_prd_slide .swiper {padding-bottom: 12%;}
  #shop .shop_prd_list li.prd_layout1 {width: calc((100% - 40px)/3);}
  #shop .shop_prd_list_wrap {margin-bottom: 20%;}
  #shop .shop_prd_list_wrap .pager {margin-top: 10%;}
  #shop .shop_prd_list {padding-top: 13%;}
  #shop .work_bt .office_name {font-size: 1.75em; margin-top: 5%;}
  #shop .work_bt .office_name .margin_left {margin-left: 20px;}
  #shop .classic_bt .cate_name {font-size: 1.5em; margin-top: 7%;}
  #shop.shop_curation .shop_cate {line-height: 80px;}
  #shop marquee span {margin: 0 30px;}
  #shop marquee > div > div {margin: 0 50px;}

  #shop.shop_curation .md_prd_banner {height: 600px;}
  #shop .curation_slide .wrapper {padding: 0 20px;}
  #shop .curation_slide .swiper-button-prev {width: 70px; height: 70px; left: 0; margin-top:-35px !important;}
  #shop .curation_slide .swiper-button-next {width: 70px; height: 70px; right: 0; margin-top:-35px !important;}
  #shop .curation_slide .swiper-pagination {bottom: 30px;}
  #shop .curation_slide .swiper-pagination .swiper-pagination-bullet {width: 12px; height: 12px; margin: 0 15px;}

  #shop.shop_curation .md_prd_banner1 .prd_pin3 {margin-left: 210px; margin-top: 10px; flex-direction: column-reverse;}
  #shop.shop_curation .md_prd_banner1 .prd_pin3 .plus_btn {margin: 15px auto 0;}
  #shop.shop_curation .md_prd_banner2 .prd_pin1 {margin-left: -50px; margin-top: -35px; flex-direction: column-reverse;}
  #shop.shop_curation .md_prd_banner2 .prd_pin1 .plus_btn {margin: 15px auto 0;}
  #shop.shop_curation .md_prd_banner2 .prd_pin2 {margin-left: 165px; margin-top: -260px;}
  #shop.shop_curation .md_prd_banner3 .prd_pin1 {margin-left: 185px;}
  #shop.shop_curation .md_prd_banner3 .prd_pin2 {margin-left: 485px; margin-top: -51px;}
  #shop.shop_curation .md_prd_banner3 .prd_pin3 {margin-left: 510px; margin-top: 120px;}
  
  #shop.shop_curation .md_prd_banner4 .prd_pin1 {left: 30%; margin-top: 30px;}
  #shop.shop_curation .md_prd_banner4 .prd_pin2 {left: 47%; margin-top: -265px;}
  #shop.shop_curation .md_prd_banner4 .prd_pin3 {left: 57%; margin-top: 125px;}
  #shop.shop_curation .md_prd_banner4 .prd_pin4 {left: 78%; margin-top: -50px;}
  #shop.shop_curation .md_prd_banner4 .prd_pin5 {right: -2%; margin-top: 175px;}

  #shop.shop_curation .md_prd_banner5 .prd_pin1 {left: 36%; margin-top: -220px;}
  #shop.shop_curation .md_prd_banner5 .prd_pin2 {left: 22%; margin-top: 125px;}
  #shop.shop_curation .md_prd_banner5 .prd_pin3 {margin-top: 80px;}
  #shop.shop_curation .md_prd_banner5 .prd_pin4 {left: 74%; flex-direction: column; row-gap: 5px; margin-top: 25px;}
  #shop.shop_curation .md_prd_banner5 .prd_pin5 {left: 87%;}

  #shop .curation_grey_prd {margin: 18% 0 5%;}
  #shop .curation_grey_prd ul li .prd_thumb img {width: calc(100% - 20px);}
  #shop .curation_grey_prd ul li .prd_info {padding: 10% 10% 35%;}
  #shop .curation_grey_prd ul li .prd_info .view_btn {width: 100px; height: 45px; line-height: 45px; font-size: 14px;}
  #shop li .prd_name, #shop li .prd_cost {font-size: 18px;}
  #shop li .prd_color {font-size: 15px;}

  #shop.shop_curation .shop_prd_list_wrap {margin-bottom: 20%;}

  #shop .md_prd_banner {height: 700px;}
  #shop.shop_work .md_prd_banner {background: url(https://n.innovad.co.kr/theme/innovad_v2/img/sub02/work/md_banner_ta.jpg) no-repeat center center; background-size: cover;}
  #shop.shop_classic .md_prd_banner {background: url(https://n.innovad.co.kr/theme/innovad_v2/img/sub02/classic/md_banner_ta.jpg) no-repeat center center; background-size: cover;}
  #shop.shop_work .md_prd_banner .prd_pin1 {margin-left: -100px; margin-top: 160px;}
  #shop.shop_work .md_prd_banner .prd_pin2 {margin-left: 105px; margin-top: -10px;}
  #shop.shop_classic .md_prd_banner .prd_pin1 {margin-left: 215px; margin-top: -33px; flex-direction: column-reverse;}
  #shop.shop_classic .md_prd_banner .prd_pin1 .plus_btn {margin: 15px auto 0;}
}


@media screen and (max-width: 768px) {
  #shop .shop_banner {height: 75vh;}
  #shop .sub_category {margin-top: 18%;}
  #shop .shop_cate {font-size: 1.125em; height: 65px;}
  #shop .shop_cate ul {column-gap: 30px;}
  #shop .sub_title_wrap {margin-bottom: 50px;}
  #shop li .prd_info {padding-top: 25px;}
  #shop li .prd_cost {padding-top: 20px;}
  #shop li .prd_name, #shop li .prd_cost {font-size: 16px;}
  #shop li .prd_color {font-size: 14px;}
  #shop .shop_prd_slide {margin-bottom: 16%;}
  #shop .shop_prd_list li.prd_layout1 {width: calc((100% - 20px)/2);}
  #shop .shop_prd_list {padding-top: 16%;}
  #shop .work_bt .office_name {font-size: 1.5em;}
  #shop .classic_bt ul {column-gap: 10px;}
  #shop .classic_bt ul li {width: calc((100% - 30px)/4);}
  #shop .classic_bt .cate_name {font-size: 1.325em; margin-top: 10%;}
  #shop.shop_curation .shop_cate {line-height: 65px;}
  #shop marquee > div > div {margin: 0 30px;}
  #shop marquee span {margin: 0 10px;}

  #shop.shop_curation .md_prd_banner {height: 500px;}
  #shop.shop_curation .md_prd_banner1 {background: url(https://n.innovad.co.kr/theme/innovad_v2/img/sub02/curation/md_slide1_ta.jpg) no-repeat center center; background-size: cover;}
  #shop.shop_curation .md_prd_banner2 {background: url(https://n.innovad.co.kr/theme/innovad_v2/img/sub02/curation/md_slide2_ta.jpg) no-repeat center center; background-size: cover;}
  #shop.shop_curation .md_prd_banner3 {background: url(https://n.innovad.co.kr/theme/innovad_v2/img/sub02/curation/md_slide3_ta.jpg) no-repeat center center; background-size: cover;}
  #shop.shop_curation .md_prd_banner4 {background: url(https://n.innovad.co.kr/theme/innovad_v2/img/sub02/curation/md_slide4_ta.jpg) no-repeat center center; background-size: cover;}
  #shop.shop_curation .md_prd_banner5 {background: url(https://n.innovad.co.kr/theme/innovad_v2/img/sub02/curation/md_slide5_ta.jpg) no-repeat center center; background-size: cover;}
  #shop .curation_slide .swiper-button-prev,
  #shop .curation_slide .swiper-button-next {display: none;}
  #shop .curation_slide .swiper-pagination {bottom: 20px;}
  #shop .curation_slide .swiper-pagination .swiper-pagination-bullet {width: 10px; height: 10px; margin: 0 10px;}

  #shop .curation_slide .swiper .swiper-slide {overflow: hidden;}

  #shop.shop_curation .md_prd_banner1 .prd_pin1 {margin-left: -50px; margin-top: 30px;flex-direction: column-reverse;}
  #shop.shop_curation .md_prd_banner1 .prd_pin1 .plus_btn {margin: 15px auto 0;}
  #shop.shop_curation .md_prd_banner1 .prd_pin2 {margin-left: 180px; margin-top: -25px; flex-direction: column-reverse;}
  #shop.shop_curation .md_prd_banner1 .prd_pin2 .plus_btn {margin: 15px auto 0;}
  #shop.shop_curation .md_prd_banner2 .prd_pin1 {margin-left: -18px; margin-top: -15px;}
  #shop.shop_curation .md_prd_banner2 .prd_pin2 {margin-left: 75px; margin-top: -160px; flex-direction: column;}
  #shop.shop_curation .md_prd_banner2 .prd_pin2 .plus_btn {margin: 0 auto 15px;}
  #shop.shop_curation .md_prd_banner2 .prd_pin3 {margin-left: 100px; margin-top: -40px;}
  #shop.shop_curation .md_prd_banner2 .prd_pin3 .plus_btn {margin: 15px 0 0 0;}
  #shop.shop_curation .md_prd_banner1 .prd_pin3 {display: none;}
  #shop.shop_curation .md_prd_banner3 .prd_pin1 {margin-left: -100px; margin-top: -50px; left: 50%; transform: translate(-50%, -50%);}
  #shop.shop_curation .md_prd_banner3 .prd_pin2 {margin-left: 155px; margin-top: -24px; left: 50%; transform: translate(-50%, -50%);}
  #shop.shop_curation .md_prd_banner3 .prd_pin3 {margin-left: 190px; margin-top: 120px; left: 50%; transform: translate(-50%, -50%);}

  #shop.shop_curation .md_prd_banner4 .prd_pin1 {left: 40%; margin-top: 75px;}
  #shop.shop_curation .md_prd_banner4 .prd_pin2 {left: 55%; margin-top: -100px;}
  #shop.shop_curation .md_prd_banner4 .prd_pin3 {left: 62%; margin-top: 150px;}
  #shop.shop_curation .md_prd_banner4 .prd_pin4 {left: 61%; margin-top: -30px;}
  #shop.shop_curation .md_prd_banner4 .prd_pin5 {right: -5%; margin-top: 105px; flex-direction: row-reverse;}

  #shop.shop_curation .md_prd_banner5 .prd_pin1 {left: 55%; margin-top: -170px;}
  #shop.shop_curation .md_prd_banner5 .prd_pin2 {left: 34%; margin-top: 135px;}
  #shop.shop_curation .md_prd_banner5 .prd_pin3 {left: 60%; margin-top: 85px;}
  #shop.shop_curation .md_prd_banner5 .prd_pin4 {left: 66%; margin-top: -10px; flex-direction: row-reverse;}
  #shop.shop_curation .md_prd_banner5 .prd_pin5 {display: none;}

  #shop li .prd_name, #shop li .prd_cost {font-size: 16px;}
  #shop .curation_grey_prd ul {column-gap: 15px;}
  #shop .curation_grey_prd ul li {width: calc((100% - 30px)/3);}
  #shop .curation_grey_prd ul li .prd_thumb img {width: calc(100% - 15px);}
  #shop .curation_grey_prd ul li .prd_info {padding: 20px 20px 80px;}
  #shop .curation_grey_prd ul li .prd_info .view_btn {width: 80px; height: 35px; line-height: 35px; font-size: 12px;}
  #shop.shop_curation .shop_prd_list_wrap {margin-bottom: 25%;}
  #shop .event_list {row-gap: 25px;}

  #shop .md_prd_banner {height: 600px;}
  #shop.shop_work .md_prd_banner .prd_pin1 {margin-left: -80px; margin-top: 125px;}
  #shop.shop_work .md_prd_banner .prd_pin2 {margin-left: 70px; margin-top: -15px;}
  #shop.shop_work .md_prd_banner .prd_pin2 .plus_btn {margin: 15px 0 0;}
  #shop.shop_classic .md_prd_banner .prd_pin1 {margin-left: 185px;}

  #event .event_tab_list {margin-bottom: 5%;}
  #event .event_tab_list li {font-size: 1em;}
  #event .event_tab_list li:not(:last-child)::after {height: 12px; margin: 1px 10px 0;}
}

@media screen and (max-width: 540px) {
  #shop .shop_banner {height: 65vh;}
  #shop .sub_category {margin-top: 25%; margin-bottom: 15px;}
  #shop .sub_title_wrap {margin-bottom: 30px;}
  #shop .shop_cate {font-size: 1.125em; height: 60px; display: flex; overflow-x: scroll; padding: 0 20px;}
  #shop .shop_cate ul {column-gap: 25px;}
  #shop li .prd_info {padding-top: 20px;}
  #shop li .prd_cost {padding-top: 10px;}
  #shop li .prd_name, #shop li .prd_cost {font-size: 15px;}
  #shop li .prd_color {font-size: 13px;}
  #shop .shop_prd_slide {margin-bottom: 25%;}
  #shop .shop_prd_slide .swiper {padding-bottom: 50px;}
  #shop .shop_prd_list_wrap {margin-bottom: 20%;}
  #shop .shop_prd_list_wrap .pager {margin-top: 15%;}
  #shop .shop_prd_list {column-gap: 15px; row-gap: 60px; padding-top: 25%;}
  #shop .shop_prd_list li.prd_layout1 {width: calc((100% - 15px)/2);}
  
  #shop .work_bt .office_wrap {display: block;}
  #shop .work_bt .office_box {width: 100%; position: relative;}
  #shop .work_bt .office_name {font-size: 1.5em; position: absolute; bottom: 15px; right: 20px; color: #fff; margin-top: 0; text-shadow: 0 1px 2px #777;}
  #shop .work_bt .office_img {padding-bottom: 70%;}
  #shop .work_bt .office_name .margin_left {margin-left: 0;}
  #shop .classic_bt ul {flex-wrap: wrap; row-gap: 30px;}
  #shop .classic_bt ul li {width: calc((100% - 10px)/2);}
  #shop .classic_bt .cate_img {padding-bottom: 200%;}
  #shop .classic_bt .cate_name {margin-top: 7%;}
  #shop.shop_curation .shop_cate {line-height: 60px; padding: 0;}
  #shop marquee > div > div {margin: 0 20px;}
  #shop marquee span {margin: 0 5px;}

  #shop.shop_curation .md_prd_banner {height: 350px;}
  #shop.shop_curation .md_prd_banner1 {background: url(https://n.innovad.co.kr/theme/innovad_v2/img/sub02/curation/md_slide1_mo.jpg) no-repeat center center; background-size: cover;}
  #shop.shop_curation .md_prd_banner2 {background: url(https://n.innovad.co.kr/theme/innovad_v2/img/sub02/curation/md_slide2_mo.jpg) no-repeat center center; background-size: cover;}
  #shop.shop_curation .md_prd_banner3 {background: url(https://n.innovad.co.kr/theme/innovad_v2/img/sub02/curation/md_slide3_mo.jpg) no-repeat center center; background-size: cover;}
  #shop .curation_slide .swiper-pagination {bottom: 15px;}
  #shop .curation_slide .swiper-pagination .swiper-pagination-bullet {width: 7px; height: 7px; margin: 0 7px;}

  #shop .md_prd_banner .prd_pin {column-gap: 10px;}
  #shop .md_prd_banner .prd_pin .plus_prd_info {min-width: 150px; padding: 12px 24px 12px 12px;}

  #shop .md_prd_banner .prd_pin .plus_btn::before {width: 25px; height: 25px; font-size: 21px; line-height: 25px;}
  #shop .md_prd_banner .prd_pin .plus_prd_info .prd_color {margin: 2px 0 4px;}
  #shop.shop_curation .md_prd_banner1 .prd_pin1 {margin-top: -5px;}
  #shop.shop_curation .md_prd_banner1 .prd_pin1 .plus_btn {margin: 10px auto 0;}
  #shop.shop_curation .md_prd_banner1 .prd_pin2 {margin-left: 30px; margin-top: -47px;}
  #shop.shop_curation .md_prd_banner1 .prd_pin2 .plus_btn {margin: 10px 0 0 0;}
  #shop.shop_curation .md_prd_banner2 .prd_pin1 {margin-left: -30px; margin-top: -35px;}
  #shop.shop_curation .md_prd_banner2 .prd_pin2 {margin-left: 38px; margin-top: -110px;}
  #shop.shop_curation .md_prd_banner2 .prd_pin2 .plus_btn {margin: 0 auto 10px;}
  #shop.shop_curation .md_prd_banner2 .prd_pin3 {margin-left: 55px; margin-top: -45px;}
  #shop.shop_curation .md_prd_banner2 .prd_pin3 .plus_btn {margin: 10px 0 0 0;}
  #shop.shop_curation .md_prd_banner3 .prd_pin1 {margin-left: -45px; margin-top: -85px;}
  #shop.shop_curation .md_prd_banner3 .prd_pin2 {margin-left: 65px; margin-top: -82px; flex-direction: column-reverse; align-items: center;}
  #shop.shop_curation .md_prd_banner3 .prd_pin2 .plus_btn {margin: 10px 0 0 0;}
  #shop.shop_curation .md_prd_banner3 .prd_pin3 {margin-left: -30px; margin-top: 54px; flex-direction: row-reverse;}

  #shop.shop_curation .md_prd_mo_block {display: block;}
  #shop.shop_curation .md_prd_banner4_1 {background: url(https://n.innovad.co.kr/theme/innovad_v2/img/sub02/curation/md_slide4_1_mo.jpg) no-repeat 81% center; background-size: cover;}
  #shop.shop_curation .md_prd_banner4_2 {background: url(https://n.innovad.co.kr/theme/innovad_v2/img/sub02/curation/md_slide4_2_mo.jpg) no-repeat 73% center; background-size: cover;}
  #shop.shop_curation .md_prd_banner5_1 {background: url(https://n.innovad.co.kr/theme/innovad_v2/img/sub02/curation/md_slide5_1_mo.jpg) no-repeat 55% center; background-size: cover;}
  #shop.shop_curation .md_prd_banner5_2 {background: url(https://n.innovad.co.kr/theme/innovad_v2/img/sub02/curation/md_slide5_2_mo.jpg) no-repeat 55% center; background-size: cover;}

  #shop.shop_curation .md_prd_banner4_1 .prd_pin1 {margin-left: 0; transform: translate(-50%, -50%); left: 55%; margin-top: -45px;}
  #shop.shop_curation .md_prd_banner4_1 .prd_pin3 {margin-left: 0; transform: translate(-50%, -50%); left: 60%; margin-top: 50px; flex-direction: row-reverse;}
  #shop.shop_curation .md_prd_banner4_2 .prd_pin4 {margin-left: 0; transform: translate(-50%, -50%); left: 45%; margin-top: -100px; flex-direction: column;}
  #shop.shop_curation .md_prd_banner4_2 .prd_pin5 {margin-left: 0; transform: translate(-50%, -50%); left: 60%; margin-top: 20px; flex-direction: column-reverse;}
  #shop.shop_curation .md_prd_banner4_2 .prd_pin5 .plus_btn {margin: 5px auto 0;}

  #shop.shop_curation .md_prd_banner5_1 .prd_pin1 {margin-left: 0; transform: translate(-50%, -50%); left: 66%; margin-top: -130px; flex-direction: row-reverse;}
  #shop.shop_curation .md_prd_banner5_1 .prd_pin2 {margin-left: 0; transform: translate(-50%, -50%); left: 45%; margin-top: 70px; flex-direction: column-reverse; align-items: flex-start;}
  #shop.shop_curation .md_prd_banner5_1 .prd_pin2 .plus_btn {margin: 5px 0;}
  #shop.shop_curation .md_prd_banner5_1 .prd_pin3 {margin-left: 0; transform: translate(-50%, -50%); left: 65%; margin-top: 55px; flex-direction: column-reverse;}
  #shop.shop_curation .md_prd_banner5_1 .prd_pin3 .plus_btn {margin: 5px 0 0 auto;}
  #shop.shop_curation .md_prd_banner5_2 .prd_pin4 {margin-left: 0; transform: translate(-50%, -50%); left: 57%; margin-top: -32px;}
  #shop.shop_curation .md_prd_banner5_2 .prd_pin5 {margin-left: 0; transform: translate(-50%, -50%); left: 52%; margin-top: 50px; flex-direction: row-reverse;}

  #shop li .prd_name, #shop li .prd_cost {font-size: 15px;}
  #shop .curation_grey_prd {margin: 20% 0 0 0;}
  #shop .curation_grey_prd ul {overflow-x: scroll;}
  #shop .curation_grey_prd ul li {width: auto;}
  #shop .curation_grey_prd ul li .prd_info {width: 250px;}
  #shop.shop_curation .shop_prd_list_wrap {margin-bottom: 30%;}
  #shop .event_list {row-gap: 15px;}

  #shop .md_prd_banner {height: 350px;}
  #shop.shop_work .md_prd_banner {background: url(https://n.innovad.co.kr/theme/innovad_v2/img/sub02/work/md_banner_mo.jpg) no-repeat center center; background-size: cover;}
  #shop.shop_classic .md_prd_banner {background: url(https://n.innovad.co.kr/theme/innovad_v2/img/sub02/classic/md_banner_mo.jpg) no-repeat center center; background-size: cover;}
  #shop.shop_work .md_prd_banner .prd_pin1 {margin-left: -25px; margin-top: 45px;}
  #shop.shop_work .md_prd_banner .prd_pin2 {margin-left: 57px; margin-top: -50px;}
  #shop.shop_work .md_prd_banner .prd_pin2 .plus_btn {margin: 10px 0 0;}
  #shop.shop_classic .md_prd_banner .prd_pin1 {margin-left: 17px;}
  #shop.shop_classic .md_prd_banner .prd_pin1 .plus_btn {margin: 10px 0 0;}

}