/***************** 메인 ******************/
#main {padding-top: 8.4rem;}

#main .mainVisualSwiper {overflow: hidden;}
#main .mainVisualSwiper .mainBannerSwiper {height: 83vh;}
#main .mainVisualSwiper .item {height: 100%}
#main .mainVisualSwiper .item a {display: block; height: 100%}
#main .mainVisualSwiper .item img {height: 100%; object-fit: cover;}
#main .mainVisualSwiper .pgArea {gap: 0.8rem; bottom: 2rem; z-index: 1;}
#main .mainVisualSwiper .pgArea .ico {}
#main .mainVisualSwiper .mainBanner_pg {position: relative; transform: none; text-align: left; display: flex; gap: 0.4rem;}
#main .mainVisualSwiper .mainBanner_pg .swiper-pagination-bullet {width: 7rem; height: 3px; background: #A8A8A8; border-radius: 0}
#main .mainVisualSwiper .mainBanner_pg .swiper-pagination-bullet-active {background: #878787;}

#main .mainVisual {height: 100vh}
#main .mainVisual .bgArea {}
#main .mainVisual .bgArea .img {height: 100%;}
#main .mainVisual .bgArea .img img {height: 100%; object-fit: cover;}
#main .mainVisual .cont {max-width: 79.2%}
#main .mainVisual .txtArea {margin-top: 11rem;}
#main .mainVisual .txtArea .prg {color: #8F9E97;}
#main .mainVisual .txtArea .tit {padding: 1rem 0 2.4rem; line-height: 4.2rem;}
#main .mainVisual .txtArea .wrt {color: #8F9E97; line-height: 2.4rem}
#main .mainVisual .pgArea {gap: 0.8rem; margin-top: 15rem;}
#main .mainVisual .pgArea .ico {}
#main .mainVisual .mainBanner_pg {position: relative; transform: none; text-align: left; display: flex; gap: 0.4rem;}
#main .mainVisual .mainBanner_pg .swiper-pagination-bullet {width: 7rem; height: 3px; background: #A8A8A8; border-radius: 0}
#main .mainVisual .mainBanner_pg .swiper-pagination-bullet-active {background: #878787;}
#main .mainVisual .bannerArea {width: 59.2%; box-shadow: 0 1.3rem 1.7rem rgba(0,0,0,0.3)}
#main .mainVisual .mainBannerSwiper {overflow: hidden;}

@media all and (max-width: 920px){
    #main {padding-top: 0;}

    #main .mainVisualSwiper .mainBannerSwiper {height: 58.9vh;}
    #main .mainVisualSwiper .pgArea {bottom: 1rem;}
    #main .mainVisualSwiper .pgArea .ico {width: 2.4rem;}

    #main .mainVisual {height: 80vh; background: #DEEDE6; margin-bottom: 12rem;}
    #main .mainVisual .cont {max-width: 89.3%; flex-direction: column;}
    #main .mainVisual .txtArea {margin-top: 12rem;}
    #main .mainVisual .txtArea .tit {font-size: 2.8rem; line-height: 3.8rem; padding: 1rem 0;}
    #main .mainVisual .pgArea {margin-top: 2rem; justify-content: center;}
    #main .mainVisual .pgArea .ico {width: 2.4rem;}
    #main .mainVisual .mainBanner_pg .swiper-pagination-bullet {height: 2px;}
    #main .mainVisual .bannerArea {width: 100%; bottom: -2rem;}

}

@media all and (max-width: 480px){
    #main .mainVisual {height: 50vh;}
}

#main .cateArea {}
#main .cateArea .inner {padding: 8rem 0;}
#main .cateArea .cateLst {}
#main .cateArea .cateLst .lst {min-width: 12rem;}
#main .cateArea .cateLst .lst a {gap: 2.3rem; transition: 0.2s;}
#main .cateArea .cateLst .lst .imgArea {border-radius: 100%; display: grid; place-items: center; width: 10.2rem; height: 10.2rem; overflow: hidden;}
#main .cateArea .cateLst .lst img {transition: 0.2s; width: 100%; height: auto;}
#main .cateArea .cateLst .lst:hover img {transform: scale(1.05);}
#main .cateArea .cateLst .lst:hover .txtArea {color: #8BB8A6; font-weight: 600;}

@media all and (max-width: 1280px){
    #main .cateArea .cateLst .lst .txtArea {font-size: 1.3rem}
}

@media all and (max-width: 920px){
    #main .cateArea .inner {max-width: 94.7%; margin-left: auto; padding: 4rem 0 6rem;}
    #main .cateArea .cont {overflow-x: scroll;}
    #main .cateArea .cont::-webkit-scrollbar {width: 0;}
    #main .cateArea .cont::-webkit-scrollbar-thumb {background-color: transparent; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent;}
    #main .cateArea .cont::-webkit-scrollbar-track {background-color: transparent;}
    #main .cateArea .cateLst {gap: 2rem 1rem; flex-wrap: wrap; justify-content: center;}
    #main .cateArea .cateLst .lst {min-width: auto; width: calc((100% - 2rem) / 3);}
    #main .cateArea .cateLst .lst a {gap: 1.2rem}
    #main .cateArea .cateLst .lst .imgArea {max-width: 75%; margin: 0 auto}
    #main .cateArea .cateLst .lst .imgArea img {display: block; height: auto;}
    #main .cateArea .cateLst .lst .txtArea {text-align: center; width: 86%; font-size: 1.5rem; font-weight: 500;}
}

#main .evtArea {}
#main .evtArea .inner {}
#main .evtArea .imgArea::before {content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(255,255,255,0); z-index: 1}
#main .evtArea .cont {z-index: 2; align-items: baseline; text-align: left; width: 60%;}
#main .evtArea .cont .tit {line-height: 3.6rem; color: #494949; padding:1rem 0 0 0;}
#main .evtArea .cont .tit i {color: #6ba58e; font-weight: 800;}
#main .evtArea .cont .wrt {}
#main .evtArea .cont .linkBtn {font-size: 1.5rem; background: #8BB8A6; color: #fff; padding: 0.8rem 0; margin-top: 2rem; width: 12rem; text-align: center; font-weight: 500; gap: 0.6rem}
#main .evtArea .cont .linkBtn img {filter: brightness(100);}

@media all and (max-width: 920px){
    #main .evtArea .inner {max-width: 100%}
    #main .evtArea .imgArea::before {background: rgba(255,255,255,0.8);}
    #main .evtArea .cont {width: 80%}
    #main .evtArea .cont .subt {font-weight: 500; font-size: 1.6rem;}
    #main .evtArea .cont .tit {color: #494949; font-size: 2.7rem; line-height: 3.6rem;}
    #main .evtArea .cont .linkBtn img {width: 1.6rem}
}

#main .recomArea {}
#main .recomArea .inner {max-width: 77.1%; padding: 11rem 0;}
#main .recomArea .title {margin-bottom: 3rem;}
#main .recomArea .mainRcSwiper {overflow: hidden; padding: 0 2rem;}
#main .recomArea .mainRcSwiper .imgArea {transition: 0.6s; overflow: hidden;}
#main .recomArea .mainRcSwiper .imgArea img {transition: 0.6s; height: auto;}
#main .recomArea .mainRcSwiper .txtArea {margin-top: 2.4rem;}
#main .recomArea .mainRcSwiper .txtArea .tit {padding-bottom: 1.2rem;}
#main .recomArea .mainRcSwiper .txtArea .wrt {line-height: 3.4rem;}
#main .recomArea .mainRcSwiper .swiper-slide:hover .imgArea {box-shadow: -1rem 2rem 2.7rem rgba(0,0,0,0.1);}
#main .recomArea .mainRcSwiper .swiper-slide:hover .imgArea img {transform: scale(1.02);}

@media all and (max-width: 920px){
    #main .recomArea .inner {max-width: 94.66%; margin: 0; margin-left: auto; padding: 10rem 0;}
    #main .recomArea .title {text-align: left}
    #main .recomArea .mainRcSwiper {padding: 0}
    #main .recomArea .mainRcSwiper .imgArea img {height: auto}
}

#main .vdArea {}
#main .vdArea .inner {padding: 5rem 0 11rem;}
#main .vdArea .titArea {margin-bottom: 5rem;}
#main .vdArea .titArea .tit {padding-bottom: 3rem;}
#main .vdArea .titArea .wrt {color: #424F42; line-height: 2.6rem;}
#main .vdArea .videoArea {width: 90rem; box-shadow: 0 1.3rem 1.7rem rgba(0,0,0,0.3)}
#main .vdArea .videoArea video {width: 100%; height: 100%; object-fit: cover; display: block;}
#main .vdArea .videoArea video::-webkit-media-controls-fullscreen-button {display: none !important;}
#main .vdArea .videoArea video::-webkit-media-controls-play-button {display: none !important;}
#main .vdArea .videoArea video::-webkit-media-controls-current-time-display{display: none !important;}
#main .vdArea .videoArea video::-webkit-media-controls-time-remaining-display {display: none !important;}
#main .vdArea .videoArea video::-webkit-media-controls-volume-slider {display: none !important;}
#main .vdArea .videoArea .sound_ico {width: 5rem; bottom: 3%; right: 2%;}

@media all and (max-width: 920px){
    #main .vdArea .inner {max-width: 89.33%;}
    #main .vdArea .videoArea {width: 100%;}
    #main .vdArea .videoArea .sound_ico {width: 4rem;}
}

#main .prodArea {}
#main .prodArea .inner {padding: 11rem 0; background: #F9F9F9;}
#main .prodArea .cont {}
#main .prodArea .title {margin-bottom: 2.4rem;}
#main .prodArea .category {margin-bottom: 5rem; gap: 1.2rem;}
#main .prodArea .category .lst {padding: 1.2rem 1.6rem; border: 1px solid #E5E5EC; cursor: pointer;}
#main .prodArea .category .lst.on {border: 1px solid #8BB8A6; background: #8BB8A6; color: #fff; font-weight: 600}
#main .prodArea .category .lst:hover {border: 1px solid #8BB8A6; background: #8BB8A6; color: #fff; font-weight: 600}
#main .prodArea .tabArea {padding: 0 7.3rem; max-width: 82.6%}
#main .prodArea .tabBox {}
#main .prodArea .tabBox .mainProdSwiper {overflow: hidden;}
#main .prodArea .tabBox .mainProdSwiper .turnItem {width: auto !important}
#main .prodArea .prod_prev,
#main .prodArea .prod_next {width: 4.5rem; height: 4.5rem; opacity: 0.4; top: 40%;}
#main .prodArea .prod_prev:hover,
#main .prodArea .prod_next:hover {opacity: 1;}
#main .prodArea .prod_prev::after,
#main .prodArea .prod_next::after {display: none;}
#main .prodArea .prod_prev {background: url('../img/basic/ic_prev2.png') center/contain; left: 0}
#main .prodArea .prod_next {background: url('../img/basic/ic_next2.png') center/contain; right: 0}
#main .prodArea .btnArea {margin-top: 6rem;}
#main .prodArea .btnArea a {display: inline-flex; width: 24rem; padding: 1.4rem 0; border: 1px solid #D8D8D8;}
#main .prodArea .btnArea a:hover {color: #fff; background: #cccccc}
#main .prodArea .btnArea a:hover img {filter: brightness(100);}

@media all and (max-width: 920px){
    #main .prodArea .inner {}
    #main .prodArea .cont {max-width: 94.66%; margin: 0; margin-left: auto;}

    #main .prodArea .title {text-align: left;}

    #main .prodArea .cateLstWrap {overflow-x: scroll;}
    #main .prodArea .category {width: 270vw; justify-content: flex-start; margin-bottom: 1rem;}
    #main .prodArea .category .lst {font-size: 1.8rem; padding: 1rem 1.4rem;}

    #main .prodArea .tabArea {padding: 0; margin: 0; max-width: 95%;}

    #main .prodArea .btnArea {font-size: 1.8rem; margin-top: 4rem;}
    #main .prodArea .btnArea img {width: 1.6rem;}

    #main .prodArea .prod_prev,
    #main .prodArea .prod_next {display: none}
}

#main .reviewArea {}
#main .reviewArea .inner {padding: 11rem 0;}
#main .reviewArea .title {margin-bottom: 4rem;}
#main .reviewArea .mainRvWrap {padding: 0 7.3rem; max-width: 82.6%}
#main .reviewArea .mainRvSwiper {overflow: hidden;}
#main .reviewArea .mainRvSwiper .slide {}
#main .reviewArea .mainRvSwiper .imgArea {overflow: hidden; max-height: 27.8rem;}
#main .reviewArea .mainRvSwiper .imgArea img {transition: 0.6s; width: 100%; height: 100%; object-fit: cover;}
#main .reviewArea .mainRvSwiper .imgArea:hover img {transform: scale(1.02);}
#main .reviewArea .mainRvSwiper .txtArea {margin-top: 2rem;}
#main .reviewArea .mainRvSwiper .txtArea .user {}
#main .reviewArea .mainRvSwiper .txtArea .cont {line-height: 2.6rem;}
#main .reviewArea .mainRvSwiper .txtArea .score {margin-top: 1.2rem; display: flex; align-items: center; gap: 0.6rem;}
#main .reviewArea .mainRvSwiper .txtArea .score img {max-width: 10rem;}
#main .reviewArea .rv_prev,
#main .reviewArea .rv_next {width: 4.5rem; height: 4.5rem; opacity: 0.4; top: 34%;}
#main .reviewArea .rv_prev:hover,
#main .reviewArea .rv_next:hover {opacity: 1;}
#main .reviewArea .rv_prev::after,
#main .reviewArea .rv_next::after {display: none;}
#main .reviewArea .rv_prev {background: url('../img/basic/ic_prev2.png') center/contain; left: 0}
#main .reviewArea .rv_next {background: url('../img/basic/ic_next2.png') center/contain; right: 0}

@media all and (max-width: 920px){
    #main .reviewArea .inner {max-width: 94.66%; margin: 0; margin-left: auto;}
    #main .reviewArea .title {text-align: left; margin-bottom: 3rem}

    #main .reviewArea .mainRvWrap {padding: 0; margin: 0; max-width: 100%;}
    #main .reviewArea .mainRvSwiper .txtArea .user {font-size: 1.6rem;}
    #main .reviewArea .mainRvSwiper .txtArea .cont {font-size: 1.5rem; line-height: 2.2rem; padding-top: 1rem;}
    #main .reviewArea .mainRvSwiper .txtArea .score {font-size: 1.4rem}
    #main .reviewArea .mainRvSwiper .txtArea .score img {max-width: 8rem;}

    #main .reviewArea .rv_prev,
    #main .reviewArea .rv_next {display: none;}
}


#main .aboutArea {}
#main .aboutArea .inner {padding-bottom: 11rem; padding: 6rem 0;}
#main .aboutArea .title {margin-bottom: 4rem;}
#main .aboutArea .cont {background: #F8FDFB}
#main .aboutArea .cont .box {flex: 1;}
#main .aboutArea .cont .imgBox {}
#main .aboutArea .cont .txtBox {padding: 11rem 0;}
#main .aboutArea .cont .txtBox .txt {padding-left: 11rem}
#main .aboutArea .cont .txtBox .tit {}
#main .aboutArea .cont .txtBox .wrt {margin-top: 2.3rem;}
#main .aboutArea .cont .txtBox .btnArea {margin-top: auto; gap: 2rem}
#main .aboutArea .cont .txtBox .btnArea a {width: 23.2rem; padding: 1.2rem; border: 1px solid #BCD1C8; box-sizing: border-box; gap: 4px;}
#main .aboutArea .cont .txtBox .btnArea a:hover {background: #BCD1C8; color: #fff;}
#main .aboutArea .cont .txtBox .btnArea a:hover img {filter: brightness(100);}

@media all and (max-width: 920px){
    #main .aboutArea .inner {max-width: 89.33%; padding: 0 0 6rem 0;}
    #main .aboutArea .title {text-align: left; margin-bottom: 3rem}
    #main .aboutArea .cont {flex-direction: column;}
    #main .aboutArea .cont .txtBox {padding: 4rem}
    #main .aboutArea .cont .txtBox .txt {padding: 0}
    #main .aboutArea .cont .txtBox .tit {}
    #main .aboutArea .cont .txtBox .tit img {width: 100%}
    #main .aboutArea .cont .txtBox .wrt {font-size: 2rem;}
    #main .aboutArea .cont .txtBox .btnArea {margin-top: 5rem; flex-direction: column; font-size: 2rem;}
    #main .aboutArea .cont .txtBox .btnArea a {width: 100%; padding: 2rem 0;}
}

/***************** 브랜드 ******************/
#brand {}
#brand .visual {}
#brand .visual .txtArea {}
#brand .visual .txtArea .tit {}
#brand .visual .txtArea .wrt {padding-top: 2rem; line-height: 3.2rem;}

#brand .s1 {}
#brand .s1 .inner {padding: 11rem 0 47rem; margin-left: auto}
#brand .s1 .titArea {}
#brand .s1 .titArea .subt {}
#brand .s1 .titArea .tit {padding: 1.6rem 0 2rem;}
#brand .s1 .titArea .wrt {line-height: 2.8rem;}
#brand .s1 .brandSwiper {overflow: hidden; padding-left: 38rem; position: absolute; width: 100%; bottom: 0;}
#brand .s1 .brandSwiper .swiper-wrapper {align-items: end;}
#brand .s1 .brandSwiper .swiper-slide {width: 33.2rem !important; height: 33.2rem !important; transition: 0.4s;}
#brand .s1 .brandSwiper .swiper-slide-active {width: 70rem !important; height: 70rem !important}

#brand .s2 {}
#brand .s2 .inner {padding: 13rem 0 11rem;}
#brand .s2 .cont {height: 70rem;}
#brand .s2 .titArea {}
#brand .s2 .titArea .tit {margin-bottom: 2.8rem;}
#brand .s2 .titArea .wrt {line-height: 2.8rem;}
#brand .s2 .lstArea {}
#brand .s2 .lstArea li {width: 33.2rem; height: 33.2rem; background: #F8F8F8; padding: 4.5rem;}
#brand .s2 .lstArea li:nth-child(1) {top: 25rem; right: 73.8rem;}
#brand .s2 .lstArea li:nth-child(2) {top: 0; right: 36.9rem;}
#brand .s2 .lstArea li:nth-child(3) {top: 37.2rem; right: 36.9rem;}
#brand .s2 .lstArea li:nth-child(4) {top: 6rem; right: 0;}
#brand .s2 .lstArea li .ico {}
#brand .s2 .lstArea li .tit {margin: 4.4rem 0 1.6rem;}
#brand .s2 .lstArea li .wrt {line-height: 2.5rem;}

#brand .s3 {}
#brand .s3 .inner {padding: 11rem 0 12rem; background: #F8F8F8;}
#brand .s3 .cont {}
#brand .s3 .cont .titArea {}
#brand .s3 .cont .titArea .tit {padding-bottom: 2.8rem;}
#brand .s3 .cont .titArea .wrt {line-height: 2.8rem;}
#brand .s3 .cont .brandSwiper2 {overflow: hidden; padding: 14rem 0;}
#brand .s3 .cont .brandSwiper2 .swiper-slide {width: 53rem}
#brand .s3 .cont .brandSwiper2 .swiper-slide img {transition: 0.2s; filter: brightness(0.8);}
#brand .s3 .cont .brandSwiper2 .swiper-slide-active {}
#brand .s3 .cont .brandSwiper2 .swiper-slide-active img {transform: scale(1.5); box-shadow: 0 0 2rem rgba(0,0,0,0.2)}

#brand .s4 {}
#brand .s4 .inner {padding: 11rem 0 14rem;}
#brand .s4 .title {line-height: 4.7rem; margin-bottom: 4rem;}
#brand .s4 .lst  {}
#brand .s4 .lst li {background: #F9F9F9}
#brand .s4 .lst li .imgArea {width: 49%;}
#brand .s4 .lst li .txtArea {width: 51%; padding-left: 8.5rem;}
#brand .s4 .lst li .txtArea .subt {}
#brand .s4 .lst li .txtArea .tit {padding: 0.8rem 0 1.6rem; line-height: 2.9rem;}
#brand .s4 .lst li .txtArea .wrt {line-height: 2.3rem;}

#brand .s5 {}
#brand .s5 .inner {padding-bottom: 11rem;}
#brand .s5 .titImg {max-width: 60.5rem; margin-bottom: 5.4rem;}
#brand .s5 .cont {}
#brand .s5 .cont .txt {line-height: 2.7rem;}
#brand .s5 .cont a {padding: 2.4rem; width: 61rem; background: #000; text-align: center; color: #fff}

@media all and (max-width: 920px){
    #brand .visual {height: 90vh;}
    #brand .visual .img {height: 100%}
    #brand .visual img {height: 100%; object-fit: cover;}
    #brand .visual .txtArea .tit {font-size: 4.5rem; line-height: 1.2;}
    #brand .visual .txtArea .wrt {font-size: 1.8rem; line-height: 1.4}

    #brand .s1 .inner {max-width: 100%; padding: 6rem 0 25rem;}
    #brand .s1 .titArea {max-width: 89.3%; margin: 0 auto;}
    #brand .s1 .titArea .tit {font-size: 3.8rem;}
    #brand .s1 .titArea .wrt {font-size: 1.8rem;}

    #brand .s1 .brandSwiper {padding-left: 6rem;}
    #brand .s1 .brandSwiper .swiper-slide {width: 14.2rem !important; height: 14.2rem !important;}
    #brand .s1 .brandSwiper .swiper-slide-active {width: 20rem !important; height: 20rem !important}

    #brand .s2 .inner {max-width: 89.3%; padding: 9rem 0;}
    #brand .s2 .cont {height: auto; }
    #brand .s2 .titArea {margin-bottom: 4.5rem;}
    #brand .s2 .titArea .tit {font-weight: bold; margin-bottom: 2rem;}
    #brand .s2 .titArea .wrt {font-size: 1.8rem;}

    #brand .s2 .lstArea {position: relative; display: flex; flex-wrap: wrap; gap: 2.2rem;}
    #brand .s2 .lstArea li {position: relative; width: calc((100% - 2.2rem) / 2); height: 24rem; padding: 0; display: grid; place-items: center;}
    #brand .s2 .lstArea li .liInner {width: 70%;}
    #brand .s2 .lstArea li .ico {width: 3.2rem;}
    #brand .s2 .lstArea li .tit {font-size: 2.6rem; margin: 1.8rem 0 1rem;}

    #brand .s2 .lstArea li:nth-child(1) {top: auto; right: auto}
    #brand .s2 .lstArea li:nth-child(2) {top: auto; right: auto}
    #brand .s2 .lstArea li:nth-child(3) {top: auto; right: auto}
    #brand .s2 .lstArea li:nth-child(4) {top: auto; right: auto}

    #brand .s3 .inner {padding:  9rem 0 6rem}
    #brand .s3 .cont {max-width: 100%}

    #brand .s3 .titArea {max-width: 89.3%; margin: 0 auto}
    #brand .s3 .cont .titArea .tit {padding-bottom: 2rem;}
    #brand .s3 .cont .titArea .wrt {font-size: 1.8rem;}
    #brand .s3 .cont .brandSwiper2 {padding: 10rem 0 6rem 0;}
    #brand .s3 .cont .brandSwiper2 .swiper-slide {width: 50%}

    #brand .s4 .inner {max-width: 100%; padding: 9rem 0;}
    #brand .s4 .title {max-width: 89.3%; margin: 0 auto; margin-bottom: 3.4rem;}
    #brand .s4 .lst {}
    #brand .s4 .lst li {flex-direction: column;}
    #brand .s4 .lst li .imgArea {width: 100%;}
    #brand .s4 .lst li .txtArea {padding: 4rem 0; width: 84%; margin: 0 auto}
    #brand .s4 .lst li .txtArea .subt {font-size: 1.8rem;}
    #brand .s4 .lst li .txtArea .tit {font-size: 2.8rem; line-height: 3.5rem;}
    #brand .s4 .lst li .txtArea .wrt {font-size: 1.8rem; line-height: 2.6rem;}

    #brand .s5 .inner {max-width: 89.3%; padding-bottom: 9rem;}
    #brand .s5 .titImg {max-width: 85%; margin-bottom: 4rem;}
    #brand .s5 .cont {flex-direction: column; gap: 7rem;}
    #brand .s5 .cont .txt {font-size: 2rem; line-height: 3.2rem;}
    #brand .s5 .cont a {width: 100%;}

}

/***************** 공지사항 & 갤러리 ******************/
#turnNotice {padding-top: 10.5rem;}
#turnNotice .inner {padding: 11rem 0;}
#turnNotice .title {margin-bottom: 4rem;}
#turnNotice table {border-top: 2px solid #000}
#turnNotice table tr {text-align: center; border-bottom: 1px solid #cbcbcb;}
#turnNotice table tr.strong {font-weight: 600;}
#turnNotice table th {padding: 2rem 0;}
#turnNotice table td {padding: 2rem 0;}

#turnNotice .btn_board {justify-content: flex-end; margin-top: 2.6rem; gap: 1.2rem;}
#turnNotice .btn_board a {width: 14rem; text-align: center; height: 4.7rem; line-height: 4.7rem; background: #000; margin: 0; gap: 2rem;}
#turnNotice .btn_board span {position: relative;}

#turnNotice .turnView {border-top: 2px solid #000}
#turnNotice .turnView .topArea {padding: 4rem 0;}
#turnNotice .turnView .topArea .tit {margin-bottom: 2rem}
#turnNotice .turnView .topArea .info {gap: 2rem}
#turnNotice .turnView .contArea {padding: 4rem 0; border: 1px solid #000; border-right: 0; border-left: 0; min-height: 20rem;}

#turnNotice .gallery {gap: 6rem 2rem;}
#turnNotice .gallery li {width: calc((100% - 4rem) / 3);}
#turnNotice .gallery li a {}
#turnNotice .gallery li .imgArea {height: 34rem; overflow: hidden;}
#turnNotice .gallery li .imgArea img {width: 100%; height: 100%; object-fit: cover; transition: 0.4s}
#turnNotice .gallery li .imgArea:hover img {transform: scale(1.06);}
#turnNotice .gallery li .txtArea {margin-top: 1rem;}
#turnNotice .gallery li .txtArea .tit {padding-bottom: 0.6rem}
#turnNotice .gallery li .txtArea .info {gap: 1rem;}

#turnNotice .dateDiv {gap: 1rem}

@media all and (max-width: 920px){
    #turnNotice {padding: 0}
    #turnNotice .inner {max-width: 89.3%; padding: 6rem 0;}

    #turnNotice .dateDiv {justify-content: space-between;}
    #turnNotice .dateDiv input {width: 45%;}

    #turnNotice .gallery {}
    #turnNotice .gallery li {width: calc((100% - 4rem) / 2);}
    #turnNotice .gallery li .imgArea {height: 16rem}

    #turnNotice .turnView .contArea img {width: 100%; display: block;}
}

/******** 장바구니 **********/
#sod_bsk {width: 1200px; margin: 0 auto; padding: 200px 0;}

#turnCart {}
#turnCart .inner {padding: 18.5rem 0 11rem 0;}
#turnCart .cartTitle {margin-bottom: 7rem;}

#turnCart .area {}
#turnCart .area + .area {margin-top: 10rem;}
#turnCart .area .areaTop {margin-bottom: 2rem; align-items: center;}
#turnCart .area .areaTop .subTItle {}
#turnCart .area .areaTop .btnArea {gap: 1rem;}
#turnCart .area .areaTop .btnArea button {border: 1px solid #E5E5EC; padding: 0.5rem 0.8rem;}
#turnCart .area .areaTop .btnArea button:hover {color: #fff; background: #111; border: 1px solid #111;}
#turnCart .area table {border-collapse: collapse;}
#turnCart .area thead {border: 1px solid #191919; border-right: 0; border-left: 0;}
#turnCart .area tbody {}
#turnCart .area tr {}
#turnCart .area th {padding: 1.6rem 0;}
#turnCart .area th.infoTh {text-align: left;}
#turnCart .area td {text-align: center; padding: 2rem 0; border-bottom: 1px solid #F1F1F5;}
#turnCart .area td.td_name {text-align: left;}

#turnCart .costBox {background: #f8f8f8; padding: 7rem 0; gap: 6.7rem;}
#turnCart .costBox .boxLst {gap: 1rem;}
#turnCart .costBox .sign {}

#turnCart .cartBtnArea {gap: 1rem; margin-top: 5rem;}
#turnCart .cartBtnArea .goBtn {padding: 1.5rem 0; display: inline-block; min-width: 40rem; border: 1px solid #d9d9d9; color: #474747}
#turnCart .cartBtnArea .submitBtn {background: #667FD9; padding: 1.5rem 0; min-width: 40rem; font-weight: 600;}
#turnCart .cartBtnArea .submitBtn:hover {background: #5c75cf}
#turnCart .cartBtnArea .cart-naverpay {}

#turnCart #cart_opt_head {padding: 0 2rem; border-bottom: 1px solid #ddd;}
#turnCart #cart_opt_head h2 {border-bottom: 0; padding: 0; font-size: 2rem;}
#turnCart #cart_opt_head .cart_option_close {border: 0;}
#turnCart #cart_opt_head .cart_option_close img {max-width: 1.8rem}

#turnCart #sit_opt_added .sit_opt_list + .sit_opt_list {margin-top: 1.4rem}

#turnCart #sit_sel_option {margin: 0; padding: 2rem 2rem 4rem;}
#turnCart button.sit_qty_minus {width: 3rem !important; height: 3rem !important;}
#turnCart button.sit_qty_plus {width: 3rem !important; height: 3rem !important;}
#turnCart button.sit_opt_del {border: 0 !important; margin-left: auto;}
#turnCart button.sit_opt_del::before {background: url('../img/basic/ic_cancel.svg') no-repeat center/contain}
#turnCart #cart_opt_plus {padding: 0 2rem; justify-content: space-between; align-items: center; margin-bottom: 2rem;}
#turnCart #sit_tot_price {float: none; margin: 0; font-size: 2rem;}
#turnCart #cart_opt_plus .btn_confirm {float: none; margin: 0; background: none;}
#turnCart #cart_opt_plus .btn_confirm .btn_submit {background: #667FD9; border: 0;}
#turnCart #cart_opt_plus .btn_confirm .btn_submit:hover {background: #667FD9;}

#sod_bsk_list #mod_option_frm {margin: 0; left: 50%; top: 50%; transform: translate(-50%, -50%);}

#turnCart .area td.empty_table {font-size: 1.8rem; width: 100%;}

.tb_check_1 {display: none}
.tb_check_1 + label {width: 2.2rem; height: 2.2rem; display: inline-block; background: url('../img/basic/check_1_off.svg') center/contain;}
.tb_check_1:checked + label {background: url('../img/basic/check_1_on.svg') center/contain;}

@media all and (max-width: 920px){
    #turnCart .inner {max-width: 100%; padding: 5rem 0 6rem;}
    #turnCart .cartTitle {margin-bottom: 7rem;}

    #turnCart .area + .area {margin-top: 6rem;}
    #turnCart .area .areaTop {padding: 0 5.33%; margin-bottom: 1.4rem; padding-bottom: 1.4rem;}
    #turnCart .area .areaTop.aa {border-bottom: 5px solid #F7F7F7;}

    #turnCart .area thead {display: none;}
    #turnCart .area tr {border-bottom: 5px solid #F7F7F7; padding: 2rem 5.33%; display: flex; width: 100vw; align-items: center;}
    #turnCart .area td {border: 0; padding: 0;}

    #turnCart .area td.td_check {width: 7%}
    #turnCart .area td.td_img {}
    #turnCart .area td.td_img .sod_img {max-width: 10rem; height: auto}
    #turnCart .area td.td_img img {width: 100%; height: auto; display: block;}
    #turnCart .area td.td_name {width: auto; max-width: 40%; padding: 0 1rem;}
    #turnCart .area td.td_price {display: none}
    #turnCart .area td.td_send {display: none}
    #turnCart .area td.td_count {font-size: 2rem; width: 7%; margin-left: auto}
    #turnCart .area td.td_total {font-size: 2rem; width: 23%;}

    #turnCart .area td.td_name .prd_name {}
    #turnCart .area td.td_name .sod_opt {margin: 0;}
    #turnCart .area td.td_name .sod_option_btn {}
    #turnCart .area td.td_name .sod_option_btn .mod_options {height: auto; font-size: 1.6rem; padding: 0.5rem 0; width: 100%;}

    #turnCart .costBox {background: transparent; flex-direction: column; padding: 0; margin-top: 2.7rem; padding: 0 5.33%; gap: 0;}
    #turnCart .costBox .sign {display: none}
    #turnCart .costBox .boxLst {flex-direction: row; justify-content: space-between; width: 100%; gap: 0; font-size: 2.2rem;}
    #turnCart .costBox .boxLst:nth-child(1) {}
    #turnCart .costBox .boxLst:nth-child(3) {padding-top: 1rem;}
    #turnCart .costBox .boxLst:nth-child(5) {padding-top: 1.4rem; margin-top: 2.2rem; border-top: 1px solid #E5E5EC;}
    #turnCart .costBox .boxLst span {font-size: 2.2rem;}

    #turnCart .cartBtnArea {flex-direction: column;}
    #turnCart .cartBtnArea .goBtn {width: 89.3%;}
    #turnCart .cartBtnArea .submitBtn {position: fixed; bottom: 0; width: 100%; z-index: 99; padding: 2rem 0;}

    #sod_bsk_list #mod_option_frm {width: 90%;}
}

/******** 공통 아이템 css **********/
.turnItemWrap {gap: 40px 7px;flex-wrap: wrap}
.turnItem {width: 344px;}
.turnItem .imgArea {background: #ffffff;border: 1px solid #E7E7E7;}
.turnItem .imgArea > a {transition: 0.4s}
.turnItem .imgArea > a img {width: 100%; display: block; height: auto;}
.turnItem .imgArea > span {transition: 0.4s}
.turnItem .imgArea > span img {width: 100%;display: block;height: 360px;}
.turnItem .imgArea .hvLst {gap: 3.2rem; opacity: 0; transition: 0.4s}
.turnItem .imgArea .hvLst .viewBtn {}
.turnItem .imgArea .hvLst .cartBtn {}
.turnItem .imgArea .hvLst .wishBtn {}
.turnItem .infoArea {padding: 15px 15px 0;}
.turnItem .infoArea .tit {font-size: 18px;line-height: 1.1;height: 40px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 6px;font-weight: 600;color: #2C2C2C;}
.turnItem .infoArea .sub-title { font-size:14px; color:#616161;}
.turnItem .infoArea .wrt {}
.turnItem .infoArea .price {display: flex;flex-direction: row;gap: 0 8px;}
.turnItem .infoArea .price .percent {font-size: 30px;color: #FF0000;position: absolute;right: 0;font-weight: 700;}
.turnItem .infoArea .price .percent > span { font-size:24px;}
.turnItem .infoArea .price .salePrice { font-size: 18px; font-weight: 600;}
.turnItem .infoArea .price .marketPrice {font-size: 15px;color: #717171;text-decoration: line-through;margin-top: 5px;}
.turnItem .infoArea .score .starImg {max-width: 8rem;}
.turnItem .infoArea .score .etc {}
.turnItem .infoArea .score .etc .revire {}

.turnItem .imgArea:hover > a {filter: blur(2px) opacity(0.7);}
.turnItem .imgArea:hover > span {filter: blur(2px) opacity(0.7);}
.turnItem .imgArea:hover .hvLst {opacity: 1}

@media all and (max-width: 920px){
    .turnItemWrap {gap: 3rem 1rem;}
    .turnItem {width: calc((100% - 1rem) / 2)}
    .turnItem .imgArea .hvLst .viewBtn img {max-width: 3.5rem}
    .turnItem .imgArea .hvLst .cartBtn img {max-width: 3.5rem}
    .turnItem .imgArea .hvLst .wishBtn img {max-width: 3.5rem}
}

/***************** 상품리스트 ******************/
#itemLst {padding-top: 8.5rem;}
#itemLst .itemLstVisul {padding: 12.4rem 0 12.7rem; background: url('../img/basic/list_visual_1.jpg') center/cover}
#itemLst .itemLstVisul .titArea {}
#itemLst .itemLstVisul .tit {padding-bottom: 1rem}
#itemLst .itemLstVisul .wrt {}
#itemLst .inner {padding: 11rem 0;}
#itemLst .title {margin-bottom: 4rem;}
#itemLst .cateLst {margin-bottom: 5rem; gap: 1.2rem;}
#itemLst .cateLst .lst {padding: 1.2rem 1.6rem; border: 1px solid #E5E5EC; cursor: pointer;}
#itemLst .cateLst .lst.on {border: 1px solid #8BB8A6; background: #8BB8A6; color: #fff; font-weight: 600}
#itemLst .cateLst .lst:hover {border: 1px solid #8BB8A6; background: #8BB8A6; color: #fff; font-weight: 600}
#itemLst .sortArea {display: flex; justify-content: flex-end; margin-bottom: 2.4rem;}
#itemLst .sortArea select {border: 0;}
#itemLst .sortArea select:focus {outline: none; border: 0 !important; box-shadow: none;}

@media all and (max-width: 1830px){
    #itemLst .cateLst .lst {padding: 1.2rem 0.3rem;}
}

@media all and (max-width: 1280px){
    #itemLst .cateLst .lst {font-size: 1.4rem;}
}

@media all and (max-width: 920px){
    #itemLst {padding: 0;}
    #itemLst .inner {max-width: 89.3%; padding: 6rem 0;}
    #itemLst .title {margin-bottom: 2rem; font-weight: bold; text-align: left;}
    #itemLst .cateLstWrap {overflow-x: scroll;}
    #itemLst .cateLst {width: 270vw; justify-content: flex-start; margin-bottom: 1rem;}
    #itemLst .cateLst .lst {font-size: 1.8rem; padding: 1rem 1.4rem;}
    #itemLst .cateLst .lst.on {}
}

/***************** 상품상세보기 ******************/
#sit {margin: 0;}
#itemView {}
/* #itemView .viewInner {padding: 19rem 0 11rem;} */

#itemView .videoBox {padding: 10rem 0  4rem}
#itemView .videoBox video {width: 100%;}

#viewTop {}
#viewTop .viewTopCont {}

@media all and (max-width: 920px){
    #itemView .viewInner {max-width: 89.3%; padding: 3rem 0;}
    #viewTop .viewTopCont {flex-direction: column; gap: 4rem;}
}

/** 상품이미지 **/
#sit_pvi {width: 50.3%; flex-direction: row-reverse; gap: 1rem;}
#sit_pvi_big {}
#sit_pvi_big a {}
#sit_pvi_big a img {width: auto; height: auto;}
#sit_pvi_big span {}
#sit_pvi_big span img {width: auto; height: auto;}
#sit_pvi_thumb {gap: 0.8rem;}
#sit_pvi_thumb li {margin: 0;}
#sit_pvi_thumb img {border: 0}
#sit_pvi_thumb img:hover {border: 0}
#sit_pvi_thumb:after {display: none}

@media all and (max-width: 920px){
    #sit_pvi {width: 100%; flex-direction: column; align-items: baseline;}
    #sit_pvi_big a img {width: 100%}
    #sit_pvi_big span img {width: 100%}
    #sit_pvi_thumb {flex-direction: row; flex-wrap: wrap; gap: 1.2rem;}
    #sit_pvi_thumb li {width: calc((100% - 4.8rem) / 5);}
    #sit_pvi_thumb img {width: 100%; height: auto}
}

/** 상품정보 및 구매 **/
#sit_ov {width: calc(49.7% - 5.3rem); padding: 0; min-height: 35rem;}

#sit_ov .itemInfoTxt {margin-bottom: 4.5rem;}
#sit_ov .itemInfoTxt .tit {margin-bottom: 1.4rem;}
#sit_ov .itemInfoTxt .wrt {margin-bottom: 1.8rem;}
#sit_ov .itemInfoTxt .rvsc {}
#sit_ov .itemInfoTxt .rvsc .review {}
#sit_ov .itemInfoTxt .rvsc .score {padding-right: 0.7rem; margin-right: 0.7rem; position: relative; gap: 0.6rem;}
#sit_ov .itemInfoTxt .rvsc .score::before {content: ''; display: block; position: absolute; width: 1px; height: 60%; top: 50%; transform: translateY(-50%); right: 0; background: #aaa;}
#sit_ov .itemInfoTxt .rvsc .score img {top: -1px; max-width: 12rem}
#sit_ov .itemInfoTxt .priceArea {margin-top: 0.5rem;}
#sit_ov .itemInfoTxt .priceArea .percent {padding-right: 0.6rem}
#sit_ov .itemInfoTxt .priceArea .salePrice {}
#sit_ov .itemInfoTxt .priceArea .marketPrice {padding-left: 1.4rem; text-decoration: line-through;}

#sit_ov .itemInfoBox {padding: 2.8rem 4rem; border: 1px solid #E5E5EC; border-top: 2px solid #111111;}
#sit_ov .itemInfoBox .lst {}
#sit_ov .itemInfoBox .lst li {}
#sit_ov .itemInfoBox .lst li + li {margin-top: 0.6rem;}
#sit_ov .itemInfoBox .lst li span {display: inline-block; min-width: 10rem;}

.sit_option {margin-top: 1rem;}
.sit_option + .sit_option {margin-top: 1.5rem;}
.sit_option h3 {margin-bottom: 0.6rem !important; font-size: 1.6rem; color: #1631df; font-weight: 500;}
.sit_option select {margin: 0}

.it_option_div {font-size: 1.6rem;}
.it_option_div .it_option_div_tit {margin: 1rem 0 0.4rem 0; display: block;}
.it_option_div .it_option_list {border: 1px solid #dbdbdb; padding: 1.2rem 2.4rem; border-radius: 0.4rem;}
.it_option_div .it_option_list + .it_option_list {margin-top: 0.5rem;}
.it_option_div .it_option_list.on {border: 2px solid #667fd9;}

.get_item_supply {border: 1px solid #dbdbdb; padding: 1.4rem; border-radius: 0.4rem; display: flex; align-items: center; gap: 1.8rem;}
.get_item_supply + .get_item_supply {margin-top: 0.4rem;}
.get_item_supply .get_item_supply_img {width: 8rem; height: 8rem; border-radius: 0.4rem; overflow: hidden;}
.get_item_supply .get_item_supply_img img {width: 100%; height: 100%; object-fit: cover}
.get_item_supply .get_item_supply_arr {flex: 1;}
.get_item_supply .get_item_supply_arr .get_item_supply_tit {font-size: 1.6rem; margin-bottom: 0.8rem;}
.get_item_supply .get_item_supply_arr .td_sit_sel {}
.get_item_supply .get_item_supply_arr .td_sit_sel .it_supply {height: 3.8rem;}

#sit_ov .itemOderable {margin: 2rem 0; align-items: flex-end; flex-wrap: wrap; gap: 1rem;}
#sit_ov #sit_sel_option {width: 100%;}

#sit_opt_added {}
#sit_opt_added .sit_opt_list {}
#sit_opt_added .sit_opt_list + .sit_opt_list {margin-top: 1.4rem; padding-top: 1.4rem; border-top: 1px solid #eee}
#sit_opt_added .sit_opt_list .sit_opt_subj {padding-bottom: 0.6rem; display: block; font-size: 1.6rem;}
#sit_opt_added .sit_opt_list .sit_opt_min {display: flex; gap: 0.2rem;}
#sit_opt_added .sit_opt_list .sit_opt_min button {float: none !important; position: relative; border: 1px solid #e2e2e2; text-indent: -9999px;}
#sit_opt_added .sit_opt_list .sit_opt_min button.sit_opt_del {position: absolute; top: -2.4rem;}
#sit_opt_added .sit_opt_list .sit_opt_min button.sit_qty_plus {background: url('../img/basic/ic_plus.svg') no-repeat center; background-size: 1.4rem}
#sit_opt_added .sit_opt_list .sit_opt_min button.sit_qty_minus {background: url('../img/basic/ic_minus.svg') no-repeat center; background-size: 1.4rem}
#sit_opt_added .sit_opt_list .sit_opt_min button.sit_opt_del {background: url('../img/basic/ic_cancel.svg') no-repeat center; background-size: 1rem}
#sit_opt_added .sit_opt_list .sit_opt_min input {height: 30px}

#sit_opt_added .sit_opt_list .opt_count {display: flex; gap: 4px; align-items: center; justify-content: end;}
#sit_opt_added .sit_opt_list .opt_count button {width: 3rem; height: 3rem; border: 1px solid #E5E5EC; position: relative;}
#sit_opt_added .sit_opt_list .opt_count button i {display: none}
#sit_opt_added .sit_opt_list .opt_count button::before {content: ''; display: block; position: absolute; width: 1.5rem; height: 1.5rem; left: 50%; top: 50%; transform: translate(-50%,-50%);}
#sit_opt_added .sit_opt_list .opt_count button.sit_qty_minus::before {background: url('../img/basic/ic_minus.svg') no-repeat center/contain}
#sit_opt_added .sit_opt_list .opt_count button.sit_qty_plus::before {background: url('../img/basic/ic_plus.svg') no-repeat center/contain}
#sit_opt_added .sit_opt_list .opt_count .num_input {border: 0; font-size: 1.6rem; padding: 0; float: none; width: 5rem; text-indent: 0; border: 1px solid #E5E5EC}

#sit_opt_added .sit_spl_list {margin-top: 1.4rem; padding-top: 1.4rem; border-top: 1px solid #eee}
#sit_opt_added .sit_spl_list .sit_opt_subj {padding-bottom: 0.6rem; display: block; font-size: 1.6rem;}
#sit_opt_added .sit_spl_list .sit_opt_min {display: flex; gap: 0.2rem;}
#sit_opt_added .sit_spl_list .sit_opt_min button {float: none !important; position: relative; border: 1px solid #e2e2e2; text-indent: -9999px;}
#sit_opt_added .sit_spl_list .sit_opt_min button.sit_opt_del {position: absolute; top: -2.4rem;}
#sit_opt_added .sit_spl_list .sit_opt_min button.sit_qty_plus {background: url('../img/basic/ic_plus.svg') no-repeat center; background-size: 1.4rem}
#sit_opt_added .sit_spl_list .sit_opt_min button.sit_qty_minus {background: url('../img/basic/ic_minus.svg') no-repeat center; background-size: 1.4rem}
#sit_opt_added .sit_spl_list .sit_opt_min button.sit_opt_del {background: url('../img/basic/ic_cancel.svg') no-repeat center; background-size: 1rem}
#sit_opt_added .sit_spl_list .sit_opt_min input {height: 30px}

#sit_opt_added .sit_spl_list .opt_count {display: flex; gap: 4px; align-items: center;}
#sit_opt_added .sit_spl_list .opt_count button {width: 3.6rem; height: 3.6rem; border-radius: 100%; border: 1px solid #E5E5EC; position: relative;}
#sit_opt_added .sit_spl_list .opt_count button i {display: none}
#sit_opt_added .sit_spl_list .opt_count button::before {content: ''; display: block; position: absolute; width: 1.5rem; height: 1.5rem; left: 50%; top: 50%; transform: translate(-50%,-50%);}
#sit_opt_added .sit_spl_list .opt_count button.sit_qty_minus::before {background: url('../img/basic/ic_minus.svg') no-repeat center/contain}
#sit_opt_added .sit_spl_list .opt_count button.sit_qty_plus::before {background: url('../img/basic/ic_plus.svg') no-repeat center/contain}
#sit_opt_added .sit_spl_list .opt_count .num_input {border: 0; font-size: 1.4rem; padding: 0; float: none; width: 4rem;}

#sit_tot_price {align-items: baseline; gap: 1rem; margin-left: auto;}
#sit_tot_price::after {display: none}

#sit_ov_btn {gap: 2rem; padding-top: 2.8rem;}
#sit_ov_btn::after {display: none;}
#sit_ov_btn button {margin: 0; width: calc((100% - .21rem) / 2); height: 7rem; border-radius: 0; font-size: 1.8rem; display: flex; align-items: center; gap: 4px; justify-content: center;}
#sit_ov_btn button img {width: 2.4rem;}
#sit_ov_btn button.sit_btn_cart {border: 1px solid #D9D9D9;}
#sit_ov_btn button.sit_btn_cart:hover {background: transparent;}
#sit_ov_btn button.sit_btn_buy {border: 1px solid #667FD9; background: #667FD9;}
#sit_ov_btn button.sit_btn_buy:hover {background: #667FD9;}
#sit_ov_btn button.sit_btn_buy img {filter: brightness(100);}
#sit_ov_btn .sit_btn_wish {margin: 0; width: 6rem; height: 6rem; border-radius: 0; display: none}

@media all and (max-width: 920px){
    #sit_ov {width: 100%}
    .sit_option select {height: 6rem}

    #sit_opt_added .sit_opt_list .opt_count .num_input {width: 4rem; height: 3.6rem;}
    #sit_opt_added .sit_opt_list .opt_count button {width: 3.6rem; height: 3.6rem;}
    .it_option_div .it_option_list {padding: 1.2rem 2.4rem; }

}

/** 추천상품 **/
#turnRelItem {}
#turnRelItem .rel_item_swiper {overflow: hidden;}
#turnRelItem .sct_li {}
#turnRelItem .sct_li .sct_img {}
#turnRelItem .sct_li .sct_img .sct_a {display: block;}
#turnRelItem .sct_li .sct_img .sct_a img {width: 100%; display: block; height: auto;}
#turnRelItem .sct_li .sct_txt {font-size: 1.6rem; padding-top: 1rem}
#turnRelItem .sct_li .sct_cost {font-size: 2rem; font-weight: 600;}

@media all and (max-width: 920px){

}

/** 모바일 상세페이지 FIXED 구매 버튼 **/
#sit_buy {display: none;}

@media all and (max-width: 920px){
    #sit_buy {width: 100vw; position: fixed; z-index: 9999; bottom: 0; background: #fff; left: 0; font-size: 1.6rem; box-shadow: 0 -0.6rem 1.6rem rgba(83, 83, 100, 0.2); display: block; border-radius: 2rem 2rem 0 0;}
    .detailFixedBtn {}
    .detailFixedBtn .sit_buy_scroll {padding: 1rem 2rem; max-height: 20vh; overflow-y: scroll; display: none;}
    .detailFixedBtn .sib_buy_tit {font-size: 2rem; padding: 1rem 0; color: #3d60db; font-weight: 500;}
    .detailFixedBtn .sit_side_option {padding: 0; border: 0;}
    .detailFixedBtn .sit_side_option label {display: none}
    .detailFixedBtn .sit_side_option select {height: 6rem;}
    .detailFixedBtn .sit_sel_option {height: auto;}
    .detailFixedBtn .sit_sel_option .sit_opt_added {}
    .detailFixedBtn .sit_sel_option .sit_opt_added li {padding: 1rem; display: flex; justify-content: space-between; align-items: center;}
    .detailFixedBtn .sit_sel_option .sit_opt_added li::after {display: none;}
    .detailFixedBtn .sit_sel_option .sit_opt_subj {font-size: 1.8rem; padding-right: 0.4rem;}
    .detailFixedBtn .sit_sel_option .sit_opt_min {display: flex; gap: 0.2rem;}
    .detailFixedBtn .sit_sel_option .sit_opt_min input {margin-right:55px !important;}
    .detailFixedBtn .sit_sel_option .sit_opt_min button { text-indent: -9999px; }
    .detailFixedBtn .sit_sel_option .sit_opt_min button.sit_opt_del {background: url(../img/basic/ic_cancel.svg) no-repeat center; background-size: 1.1rem; }
    
    .detailFixedBtn .sit_sel_option .opt_name {line-height: 13px}
    .detailFixedBtn .sit_sel_option .opt_count {display: flex; gap: 0.6rem;}
    .detailFixedBtn .sit_sel_option .opt_count .num_input  {border: 1px solid #e4e4e4}
    .detailFixedBtn .sit_sel_option .opt_count .sit_opt_prc {display: none}
    .detailFixedBtn .sum_section {padding: 1rem;}
    .detailFixedBtn .sum_section .sit_order_btn {display: flex; gap: 1rem;}
    .detailFixedBtn .sum_section .sit_order_btn .sit_btn_cart {margin: 0; border: 1px solid #dbdbdb;}
    .detailFixedBtn .sum_section .sit_order_btn .sit_btn_buy {background: #667FD9; border: 1px solid #667FD9;}
}

/** 상품 상세정보 **/
.viewComm {margin: 8.5rem 0 11rem; padding: 5.8rem 0; background: url('../img/basic/list_visual_4.jpg') no-repeat center/cover; color: #fff; line-height: 4.2rem;}
.viewComm::before {content: ''; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(2,2,2,0.2)}

#sit_info {margin: 0; border: 0; display: block;}
#sit_tab {width: 100%; display: block;}
#sit_tab .tab_tit {border: 0; padding: 0; display: flex;}
#sit_tab .tab_tit li {width: 100%; padding: 1.9rem 1.6rem; border-bottom: 1px solid #E5E5EC; font-size: 1.8rem;}
#sit_tab .tab_tit li.on {border-bottom: 2px solid #111111; font-weight: 600}
#sit_tab .tab_tit li button {padding: 0; font-size: inherit; color: inherit; line-height: normal; font-weight: inherit;}
#sit_tab .tab_tit li button.selected {}

#sit_tab .tab_con {padding: 0; font-size: 1.6rem; line-height: 1.4;}
#sit_tab .tab_con .tab_lst {padding: 2rem 0; margin: 0;}
#sit_tab .tab_con .tab_lst .tabTitle {margin-bottom: 1rem;}

#sit_tab .tab_con .tab_lst #sit_dvr {margin: 2rem 0; background: #f6f6f6; padding: 1.4rem;}
#sit_tab .tab_con .tab_lst #sit_ex {margin: 2rem 0; background: #f6f6f6; padding: 1.4rem;}

#sod_frm {}
#sod_frm .inner {padding: 15rem 0; font-size: 14px}
#sod_frm .sod_left {float: none; width: 70%}
#sod_frm .sod_right {float: none; width: 28%;}
#sod_frm .tbl_frm01 th {width: 11.5rem}

#sit_inf_explan {text-align: center; margin: 0}

@media all and (max-width: 920px){
    #sit_tab .tab_tit li {padding-right: 0; padding-left: 0;}
    #sit_tab .tab_con .tab_lst {border-top: 0.8rem solid #f3f3f3;}
    #sit_tab .tab_con .tab_lst:first-child {border: 0}
    #sit_tab .tab_con .tab_lst .tabTitle {font-size: 2rem; font-weight: bold;}

    #sit_inf_explan {max-height: 60vh;}
    #sit_inf_explan.act {max-height: none;}
    #sit_inf_explan .openBtn {background: #000; box-shadow: 0 -5px 16px rgba(0,0,0,0.45);}
    #sit_inf_explan .openBtn .inner {padding: 1.4rem 0; gap: 0.9rem;}

}

/** 상품 상세정보 - 후기 **/
#itemuse .turnUse {}
#itemuse .turnUse .turnUseTop {border: 1px solid #EAEAEA; background: #FBFBFB; height: 17rem;}
#itemuse .turnUse .turnUseTop .topInner {width: 50%;}
#itemuse .turnUse .turnUseTop .starArea {gap: 0.6rem;}
#itemuse .turnUse .turnUseTop .starArea .starImg {width: 14rem;}
#itemuse .turnUse .turnUseTop .starArea .starTxt {color: #667FD9;}
#itemuse .turnUse .turnUseTop .txtArea {border-left: 1px solid #EAEAEA; gap: 1.3rem;}
#itemuse .turnUse .turnUseTop .txtArea .wrt {color: #767676}
#itemuse .turnUse .turnUseTop .txtArea .itemuse_form {width: 16.6rem; background: #111111; padding: 0.7rem 0; color: #fff; text-align: center;}
#itemuse .turnUse .turnUseLst {margin-top: 5rem;}
#itemuse .turnUse .turnUseLst li {padding: 3rem 4rem; border-bottom: 1px solid #F1F1F5; gap: 2rem;}
#itemuse .turnUse .turnUseLst li .lstThumb {width: 14rem; height: 14rem}
#itemuse .turnUse .turnUseLst li .lstThumb img {height: 100%; object-fit: cover;}
#itemuse .turnUse .turnUseLst li .lstCont {flex: 1; width: 100%;}
#itemuse .turnUse .turnUseLst li .lstCont .info {gap: 1.2rem; align-items: center; padding-bottom: 0.2rem;}
#itemuse .turnUse .turnUseLst li .lstCont .info .name {}
#itemuse .turnUse .turnUseLst li .lstCont .info .date {color: #A4A4A4;}
#itemuse .turnUse .turnUseLst li .lstCont .cont {margin: 1.2rem 0; color: #767676; line-height: 2rem;}
#itemuse .turnUse .turnUseLst li .lstCont .cont .tit {padding-bottom: 0.6rem}
#itemuse .turnUse .turnUseLst li .lstCont .cont .wrt a {display: block; width: 15rem; height: 15rem;}
#itemuse .turnUse .turnUseLst li .lstCont .cont .wrt a +  a {margin-top: 0.2rem;}
#itemuse .turnUse .turnUseLst li .lstCont .cont .wrt a img {width: 100%; height: 100%; object-fit: cover}
#itemuse .turnUse .turnUseLst li .lstCont .cont .wrt p {display: flex; align-items: flex-start; gap: 0.4rem;}
#itemuse .turnUse .turnUseLst li .lstCont .cont .wrt p span {font-size: inherit !important}
#itemuse .turnUse .turnUseLst li .lstCont .cont .wrt p br {display: none}
#itemuse .turnUse .turnUseLst li .lstCont .star {color: #111111; gap: 0.3rem; line-height: 1;}
#itemuse .turnUse .turnUseLst li .lstCont .star img {max-width: 8rem;}
#itemuse .turnUse .turnUseLst li .lstCont .sit_use_reply {}
#itemuse .turnUse .turnUseLst li .lstCont .use_reply_icon {}
#itemuse .turnUse .turnUseLst li .lstCont .use_reply_tit {}
#itemuse .turnUse .turnUseLst li .lstCont .use_reply_name {}
#itemuse .turnUse .turnUseLst li .lstCont .use_reply_p {}
#itemuse .turnUse .turnUseLst li .lstCont .sit_use_cmd {}
#itemuse .turnUse .turnUseLst li .lstCont .sit_use_cmd a {padding: 0.2rem 0.5rem; font-size: 1.3rem; display: inline-block;}

.bbs-view-image img {width: 100%; display: block; height: auto;}

@media all and (max-width: 920px){
    #itemuse .turnUse .turnUseTop {height: 12rem;}
    #itemuse .turnUse .turnUseTop .txtArea {gap: 1rem}
    #itemuse .turnUse .turnUseTop .txtArea .itemuse_form {width: 15rem;}
    #itemuse .turnUse .turnUseLst {margin-top: 2rem;}
    #itemuse .turnUse .turnUseLst li {padding: 1.6rem 0}
    #itemuse .turnUse .turnUseLst li .lstCont .cont .wrt a {width: 10rem; height: 10rem;}
}

/***************** 상품검색 ******************/
#ssch {margin: 0; padding-top: 8.5rem;}
#ssch .inner {padding: 11rem 0;}
#ssch h2 {font-size: 1.6rem; line-height: 3rem; margin: 0 0 1rem 0;}
#ssch h2 strong {color: #667FD9;}
#ssch h2 .ssch_result_total {font-size: 1.2rem}
#ssch_frm {border: 0; margin-bottom: 4rem;}
#ssch_frm .ssch_scharea {border: 0; padding: 0; display: flex; justify-content: end;}
#ssch_frm .ssch_scharea::after {display: none}
#ssch_frm .ssch_scharea .btn_submit {margin: 0; background: #667FD9; border: 1px solid #667FD9; height: 4.5rem}
#ssch_frm .ssch_scharea .ssch_input {box-shadow: none; height: 4.5rem;}

@media all and (max-width: 920px){
    #ssch {padding: 0;}
    #ssch .inner {max-width: 89.3%; padding: 6rem 0;}
    #ssch h2 {font-size: 2rem;}
    #ssch h2 .ssch_result_total {font-size: 1.6rem}
    #ssch_frm .ssch_scharea .ssch_input {width: calc(100% - 10rem - 5px)}
        #ssch_frm .ssch_scharea .btn_submit {width: 10rem;}
}

/***************** 결제&결제완료 임시 ******************/
#sod_fin {}
#sod_fin .inner {padding: 15rem 0; font-size: 14px}
#sod_fin .sod_left {float: none; width: 70%}
#sod_fin .sod_right {float: none; width: 28%;}

@media all and (max-width: 920px){
    #sod_frm {max-width: 89.3%; margin: 0 auto; font-size: 1.6rem;}

    #sod_fin .inner {max-width: 89.3%; padding: 10rem 0}
    #sod_fin .sod_left {width: 100%; display: block;}
    #sod_fin .sod_right {width: 100%; display: block;}
    #sod_fin #sod_fin_list {display: none}

    #sod_frm_pay #sc_coupon_frm,
    #sod_frm_pay #od_coupon_frm {width: 90%; left: 50%; top: 50%; transform: translate(-50%, -50%); right: auto; position: fixed;}
}
/***************** 로그인 & 회원가입 ******************/

/** 로그인 **/
#turnLogin {}
#turnLogin .inner {max-width: 101.5rem; padding: 18.7rem 0 8rem;}
#turnLogin .cont {}
#turnLogin .imgArea {width: 56.3%}
#turnLogin .txtArea {width: calc(43.7% - 7.2rem)}
#turnLogin .loginTab {margin-bottom: 3rem;}
#turnLogin .loginTab .tabList {flex: 1; position: relative; padding: 1.2rem 0;}
#turnLogin .loginTab .tabList.on {font-weight: bold;}
#turnLogin .loginTab .tabList::before {content: ''; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-bottom: 2px solid #667FD9;}
#turnLogin .loginTab .tabList.on::before {border: 2px solid #667FD9; border-bottom: transparent}
#turnLogin .tabBox {display: none}
#turnLogin .tabBox.on {display: block;}
#turnLogin .loginArea {}
#turnLogin .loginArea .iptArea + .iptArea {margin-top: 3.2rem;}
#turnLogin .loginArea .iptArea input {padding: 0.8rem 0; border: 0; width: 100%; height: 4rem; border-bottom: 1px solid #8f8f8f; font-size: 1.6rem;}
#turnLogin .loginArea .iptArea input::placeholder {color: #999;}
#turnLogin .loginArea .iptArea input:focus {outline: none; border: 0 !important; box-shadow: none; border-bottom: 1px solid #8f8f8f !important;}
#turnLogin .loginArea .checkArea {margin: 1.9rem 0; gap: 2.4rem;}
#turnLogin .loginArea .checkArea > div {color: #999999; gap: 0.8rem;}
#turnLogin .loginArea .checkArea > div input {margin: 0; top: 0; width: 2.4rem; height: 2.4rem; border-radius: 0; border: 1px solid #9A9A9A;}
#turnLogin .loginArea .submitBtn {font-size: 1.6rem; background: #667FD9; padding: 1.6rem 0; width: 100%; color: #fff; border-radius: 4px;}
#turnLogin .linkArea {margin-top: 1.6rem;}
#turnLogin .linkArea li {color: #4d4d4d;}
#turnLogin .linkArea li:hover {font-weight: 500}
#turnLogin .linkArea li + li {padding-left: 1.6rem; margin-left: 1.6rem;}
#turnLogin .linkArea li + li::before {content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #4d4d4d; width: 1px; height: 60%}

#turnLogin .nonMemArea {}
#turnLogin .nonMemArea .iptArea + .iptArea {margin-top: 3.2rem;}
#turnLogin .nonMemArea .iptArea input {padding: 0.8rem 0; border: 0; width: 100%; height: 4rem; border-bottom: 1px solid #8f8f8f; font-size: 1.6rem;}
#turnLogin .nonMemArea .iptArea input::placeholder {color: #999;}
#turnLogin .nonMemArea .iptArea input:focus {outline: none; border: 0 !important; box-shadow: none; border-bottom: 1px solid #8f8f8f !important;}
#turnLogin .nonMemArea .noticeArea {color: #999; margin: 1.9rem 0;}
#turnLogin .nonMemArea .noticeArea li {line-height: 1.8rem; gap: 0.6rem}
#turnLogin .nonMemArea .noticeArea li + li {margin-top: 0.8rem}
#turnLogin .nonMemArea .noticeArea li i::before {content: ''; display: block; position: absolute; width: 100%; height: 1px; background: #999; bottom: -1px; left: 0;}
#turnLogin .nonMemArea .submitBtn {font-size: 1.6rem; background: #667FD9; padding: 1.6rem 0; width: 100%; color: #fff; border-radius: 4px;}

#turnLogin .nonMemBuy {margin-top: auto;}
#turnLogin .nonMemBuy .agreeArea {font-size: 1.4rem; color: #9C9E9C; padding-bottom: 0.8rem}
#turnLogin .nonMemBuy .agreeArea input {width: 1.4rem; height: 1.4rem;}
#turnLogin .nonMemBuy .nonMemBuyBtn {}
#turnLogin .nonMemBuy .nonMemBuyBtn a {display: block; background: #667FD9; padding: 1.8rem; text-align: center; border-radius: 4px; margin-bottom: 0.9rem; color: #fff; font-size: 1.6rem;}
#turnLogin .nonMemBuy p {color: #9C9E9C}

@media all and (max-width: 920px){
    #turnLogin .inner {max-width: 85%; margin: 0 auto; padding: 10rem 0;}
    #turnLogin .cont {flex-direction: column-reverse;}
    #turnLogin .imgArea {width: 100%; display: none}
    #turnLogin .txtArea {width: 100%}

    #turnLogin .nonMemBuy {margin-top: 4rem}
}

/** 회원가입 선택 **/
#registerSelect {}
#registerSelect .inner {padding: 19rem 0 22rem}
#registerSelect .title {margin-bottom: 4.3rem;}
#registerSelect .cont {gap: 2.4rem;}
#registerSelect .cont .regBox {width: 34rem; padding: 4rem 3.5rem; transition: 0.4s;}
#registerSelect .cont .regBox:hover {box-shadow: 0 0 1rem rgba(0,0,0,0.3)}
#registerSelect .cont .regBox .tit {padding-bottom: 2.4rem;}
#registerSelect .cont .regBox .wrt {line-height: 2.1rem;}
#registerSelect .cont .regBox .prg {padding-top: 1.6rem;}
#registerSelect .cont .regBox .benefit {margin-top: 3.2rem; padding-top: 3.2rem; border-top: 1px solid #7f7f7f;}
#registerSelect .cont .regBox .benefit .bnTit {gap: 1rem; padding-bottom: 2.4rem;}
#registerSelect .cont .regBox .benefit .bnLst {}
#registerSelect .cont .regBox .benefit .bnLst li {color: #626262; padding-left: 1.8rem;}
#registerSelect .cont .regBox .benefit .bnLst li + li {margin-top: 1.6rem;}
#registerSelect .cont .regBox .benefit .bnLst li::before {content: ''; display: block; position: absolute; width: 3px; height: 3px; background: #959595; left: 0.8rem; border-radius: 100%; top: 0.6rem;}
#registerSelect .cont .regBox.emBox {background: #C9E3D6;}
#registerSelect .cont .regBox.emBox .benefit {border-top: 1px solid #fff;}
#registerSelect .cont .regBox.comBox {background: #f6f6f6}

@media all and (max-width: 920px){
    #registerSelect .inner {padding: 5rem 0 10rem; max-width: 89.3%; margin: 0 auto}
    #registerSelect .title {font-size: 3.2rem; margin-bottom: 4rem;}
    #registerSelect .cont {flex-direction: column;}
    #registerSelect .cont .regBox {width: 100%; padding: 3rem 1.6rem;}
    #registerSelect .cont .regBox a {display: flex; gap: 1rem;}
    #registerSelect .cont .regBox a > div:nth-child(1) {width: 44%;}
    #registerSelect .cont .regBox a > div:nth-child(2) {width: calc(56% - 1rem);}
    #registerSelect .cont .regBox .wrt {font-size: 1.6rem; line-height: 2.2rem}
    #registerSelect .cont .regBox .benefit {margin: 0; padding: 0; border: 0;}
    #registerSelect .cont .regBox .benefit .bnTit {font-size: 2rem; gap: 0.6rem; padding-bottom: 2.8rem}
    #registerSelect .cont .regBox .benefit .bnTit img {width: 1.8rem}
    #registerSelect .cont .regBox .benefit .bnLst {font-size: 1.6rem; font-weight: 500;}
    #registerSelect .cont .regBox .benefit .bnLst li {padding-left: 1.3rem}
    #registerSelect .cont .regBox .benefit .bnLst li::before {width: 2px; height: 2px; left: 0.4rem}
    #registerSelect .cont .regBox .benefit .bnLst li + li {margin-top: 1rem}

    #registerSelect .cont .regBox.emBox .benefit {border: 0}
}

/** 회원가입 **/
#turnRegister {}
#turnRegister .turnRegInner {max-width: 43rem; margin: 0 auto; padding: 19rem 0 19.5rem;}
#turnRegister .title {margin-bottom: 9.5rem;}
#turnRegister .turnRegCont {}
#turnRegister .regContLst {}
#turnRegister .regContLst + .regContLst {margin-top: 4.2rem;}
#turnRegister .regContLst .tit {margin-bottom: 2rem;}
#turnRegister .regContLst .cont {padding-left: 1rem;}
#turnRegister .regContLst .cont .regLst {}
#turnRegister .regContLst .cont .regLst + .regLst {margin-top: 1.4rem;}
#turnRegister .regContLst .cont .regLst label {padding-bottom: 5px; line-height: 1.2;}
#turnRegister .regContLst .cont .regLst label.esn span::after {content: '*'; position: absolute; color: #F02828; right: -9px;}
#turnRegister .regContLst .cont .regLst input {height: 4rem; border: 1px solid #E0E0E0; padding: 1rem 1.6rem; width: 100%; border-radius: 2px;}
#turnRegister .regContLst .cont .regLst select {height: 4rem; border: 1px solid #E0E0E0; padding: 1rem 1.6rem; width: 100%; border-radius: 2px;}
#turnRegister .regContLst .cont .regLst input::placeholder {color: #828282;}
#turnRegister .regContLst .cont .regLst .etcArea {gap: 1.6rem; align-items: flex-end;}
#turnRegister .regContLst .cont .regLst .etcArea button {min-width: 7.7rem; background: #000; font-weight: 500; font-size: 1.4rem; color: #fff; border: 0; border-radius: 2px; height: 4rem;}
#turnRegister .regContLst .cont .regLst .etcArea #mb_5_b {margin-top: 0.4rem}

#turnRegister .btn_submit {background: #667FD9; padding: 1.5rem 0; color: #fff; font-weight: 600; font-size: 2.4rem; border: 0; width: 100%; margin-top: 5rem;}

@media all and (max-width: 920px){
    #turnRegister .turnRegInner {max-width: 75%; padding: 10rem 0}
    #turnRegister .title {font-size: 3.2rem; margin-bottom: 4rem;}

    #turnRegister .regContLst .cont .regLst + .regLst {margin-top: 1.6rem}
    #turnRegister .regContLst .cont .regLst label {font-size: 1.8rem; padding-bottom: 4px;}
    #turnRegister .regContLst .cont .regLst input {height: 5rem; padding: 1rem;}
    #turnRegister .regContLst .cont .regLst select {height: 5rem; padding: 1rem; font-size: 1.6rem}
    #turnRegister .regContLst .cont .regLst input::placeholder {font-size: 1.6rem}
    #turnRegister .regContLst .cont .regLst .etcArea button {height: 5rem;}
}

/** 회원가입 완료 **/
#turnRegResult {}
#turnRegResult .inner {padding: 15rem 0 11rem; max-width: 43%}
#turnRegResult .cont {padding: 6.5rem 12.5rem 12rem; background: #DEEDE6}
#turnRegResult .cont .titArea {margin-bottom: 4rem;}
#turnRegResult .cont .titArea .tit {padding-bottom: 2rem;}
#turnRegResult .cont .titArea .wrt {}
#turnRegResult .cont .imgArea {border-radius: 4px; overflow: hidden;}
#turnRegResult .cont .imgArea .txt {}
#turnRegResult .cont .goBtn {width: 70%; margin: 0 auto; color: #fff; background: #667FD9; margin-top: 7rem;}
#turnRegResult .cont .goBtn a {padding: 1.6rem 0;}

@media all and (max-width: 920px){
    #turnRegResult .inner {padding: 10rem 0; max-width: 89.33%}
    #turnRegResult .cont {padding: 4rem 2rem;}
    #turnRegResult .cont .titArea .tit {padding-bottom: 1.2rem;}
    #turnRegResult .cont .imgArea {}
    #turnRegResult .cont .imgArea img {display: block; width: 100%}
    #turnRegResult .cont .goBtn {margin-top: 4rem;}
}

/** SNS 회원가입 **/
.social_register {max-width: 101.5rem; padding: 18.7rem 0 8rem;}
#fregisterform p {background: #667FD9;}
#fregisterform p:before {display: none;}
.fregister_agree.chk_all input[type="checkbox"] + label span {top: 0; right: -2.7rem;}

@media all and (max-width: 920px){
    .social_register {max-width: 85%; margin: 0 auto; padding: 10rem 0;}
}

/** 아아디/비밀번호 찾기 **/
#turnLost {}
#turnLost .inner {padding: 19rem 0 22rem;}
#turnLost .title {margin-bottom: 3rem;}
#turnLost .content {max-width: 42rem; padding: 4rem 2.2rem;}
#turnLost .content p {font-size: 1.4rem; line-height: 2rem; text-align: center; padding-bottom: 3rem; font-weight: 500;}
#turnLost .content label {display: block; margin-bottom: 0.4rem;}
#turnLost .content input {}
#turnLost .content button {background: #3A3A3A; width: 100%; padding: 1.6rem 0; margin: 0 auto; margin-top: 4rem; max-width: 80%; display: block; border: 0}

@media all and (max-width: 920px){
    #turnLost .inner {padding: 10rem 0; max-width: 89.3%; }
    #turnLost .title {font-size: 3.2rem; margin-bottom: 0;}
    #turnLost .content {max-width: 90%}
    #turnLost .content p {font-size: 1.8rem; line-height: 2.4rem;}
    #turnLost .content label {font-size: 1.6rem;}
}

/** 마이페이지 - 공통 **/
#turnMypage {}
#turnMypage .inner {max-width: 924px; padding-top: 18.7rem; padding-bottom: 8rem; min-height: 80vh;}
#turnMypage .title {margin-bottom: 6rem}
#turnMypage .mypage_menu {border-bottom: 1px solid #828282; margin-bottom: 3.8rem;}
#turnMypage .mypage_menu li {flex: 1;}
#turnMypage .mypage_menu li a {display: block; padding: 1.7rem 0; text-align: center; font-size: 2rem;}
#turnMypage .mypage_menu li.act a {font-weight: bold}

@media all and (max-width: 920px){
    #turnMypage .inner {max-width: 89.33%; padding: 6rem 0; min-height: 50vh;}
    #turnMypage .title {}
    #turnMypage .mypage_menu {}
}

/** 마이페이지 - 주문내역 **/
#turnMypage .turnOrder {}
#turnMypage .turnOrder .orderBox {background: #F8F8F8; margin-bottom: 4.8rem;}
#turnMypage .turnOrder .orderBox .boxInner {padding: 1.6rem 0; gap: 2rem;}
#turnMypage .turnOrder .orderBox .boxInner .step {}
#turnMypage .turnOrder .orderBox .boxInner .step .num {width: 6.4rem; height: 6.4rem; background: #fff; font-size: 1.6rem; border-radius: 100%}
#turnMypage .turnOrder .orderBox .boxInner .step .txt {padding-top: 1rem;}
#turnMypage .turnOrder .orderBox .boxInner .ico {opacity: 0.7; margin-top: -3%;}

#turnMypage .turnOrder .orderCont {}
#turnMypage .turnOrder .orderCont .contTit {border-top: 1px solid #000000; border-bottom: 1px solid #F0F0F0}
#turnMypage .turnOrder .orderCont .contTit .sell {padding: 1.1rem 0;}
#turnMypage .turnOrder .orderCont .contLst {}
#turnMypage .turnOrder .orderCont .contLst .lst {width: 100%; border-bottom: 1px solid #F0F0F0; align-items: center;}
#turnMypage .turnOrder .orderCont .contLst .lst .sell {padding: 1.6rem 0;}
#turnMypage .turnOrder .orderCont .contLst .lst .sell2 {text-align: left; padding-left: 1rem;}
#turnMypage .turnOrder .orderCont .contLst .lst .sell5 {text-decoration: underline;}

#turnMypage .turnOrder .orderCont .sell1 {width: 14%}
#turnMypage .turnOrder .orderCont .sell2 {flex-grow: 1;}
#turnMypage .turnOrder .orderCont .sell3 {width: 14%}
#turnMypage .turnOrder .orderCont .sell4 {width: 14%}
#turnMypage .turnOrder .orderCont .sell5 {width: 14%}
#turnMypage .turnOrder .orderCont .sell6 {width: 14%}

.status_01 {background: transparent; color: #2C6AE2}
.status_02 {background: transparent; color: #709FA5}
.status_03 {background: transparent; color: #828282}
.status_04 {background: transparent; color: #828282}
.status_05 {background: transparent; color: #B2B2B2}
.status_06 {background: transparent; color: #F02828}

@media all and (max-width: 920px){
    #turnMypage .turnOrder .orderBox {}
    #turnMypage .turnOrder .orderBox .boxInner {gap: 1.4rem;}
    #turnMypage .turnOrder .orderBox .boxInner .step .num {width: 5rem; height: 5rem;}
    #turnMypage .turnOrder .orderBox .boxInner .ico {width: 1.5rem; margin-top: -5%;}

    #turnMypage .turnOrder .orderCont .sell1 {width: 16%}
    #turnMypage .turnOrder .orderCont .sell2 {flex-grow: 1;}
    #turnMypage .turnOrder .orderCont .sell3 {width: 16%}
    #turnMypage .turnOrder .orderCont .sell4 {width: 16%}
    #turnMypage .turnOrder .orderCont .sell5 {display: none}
    #turnMypage .turnOrder .orderCont .sell6 {width: 16%}
}


/** 마이페이지 - 포인트 **/
#turnMypage .turnPoint {}
#turnMypage .turnPoint .pointTxt {}
#turnMypage .turnPoint .pointTxt .txt {line-height: 2.6rem;}
#turnMypage .turnPoint .pointTxt .useAble {margin-top: 1.8rem;}
#turnMypage .turnPoint .pointTxt .useAble div {padding: 1.2rem 1.6rem; border: 1px solid #E5E5EC;}
#turnMypage .turnPoint .pointTxt .useAble span {background: #8BB8A6; padding: 1.2rem 1.6rem; border: 1px solid #8BB8A6;}

#turnMypage .turnPoint .pointCont {margin-top: 4.6rem;}
#turnMypage .turnPoint .pointCont .pointTit {padding-bottom: 3rem;}

#turnMypage .turnPoint .pointCont .contTit {border-top: 1px solid #000000; border-bottom: 1px solid #F0F0F0}
#turnMypage .turnPoint .pointCont .contTit .sell {padding: 1.1rem 0;}
#turnMypage .turnPoint .pointCont .contLst {}
#turnMypage .turnPoint .pointCont .contLst .lst {width: 100%; border-bottom: 1px solid #F0F0F0; align-items: center;}
#turnMypage .turnPoint .pointCont .contLst .lst .sell {padding: 1.6rem 0;}
#turnMypage .turnPoint .pointCont .contLst .lst .sell3 {text-align: left; padding-left: 1rem;}
#turnMypage .turnPoint .pointCont .contLst .lst .sell5 {text-decoration: underline;}

#turnMypage .turnPoint .pointCont .lst .sell4 {color: #2C6AE2}
#turnMypage .turnPoint .pointCont .lst .sell4.point_use {color: #F02828}

#turnMypage .turnPoint .pointCont .sell1 {width: 22%}
#turnMypage .turnPoint .pointCont .sell2 {width: 22%}
#turnMypage .turnPoint .pointCont .sell3 {flex-grow: 1;}
#turnMypage .turnPoint .pointCont .sell4 {width: 22%;}

/** 마이페이지 - 쿠폰 **/
#turnMypage .turnCoupon .couponCont {margin-top: 4.6rem;}
#turnMypage .turnCoupon .couponCont .couponTit {padding-bottom: 3rem;}

#turnMypage .turnCoupon .couponCont .contTit {border-top: 1px solid #000000; border-bottom: 1px solid #F0F0F0}
#turnMypage .turnCoupon .couponCont .contTit .sell {padding: 1.1rem 0;}
#turnMypage .turnCoupon .couponCont .contLst {}
#turnMypage .turnCoupon .couponCont .contLst .lst {width: 100%; border-bottom: 1px solid #F0F0F0; align-items: center;}
#turnMypage .turnCoupon .couponCont .contLst .lst .sell {padding: 1.6rem 0;}
#turnMypage .turnCoupon .couponCont .contLst .lst .sell2 {text-align: left; padding-left: 3rem;}

#turnMypage .turnCoupon .couponCont .sell1 {width: 22%;}
#turnMypage .turnCoupon .couponCont .sell2 {flex-grow: 1;}
#turnMypage .turnCoupon .couponCont .sell3 {width: 22%;}
#turnMypage .turnCoupon .couponCont .sell4 {width: 24%;}

/** 마이페이지 - 1:1 문의 **/
#turnMypage .turnAct .actCont {margin-top: 4.6rem;}
#turnMypage .turnAct .actCont .actTit {padding-bottom: 3rem;}
#turnMypage .turnAct .actCont .actTit span {}
#turnMypage .turnAct .actCont .actTit .actTitBtn {}

#turnMypage .turnAct .actCont .contTit {border-top: 1px solid #000000; border-bottom: 1px solid #F0F0F0}
#turnMypage .turnAct .actCont .contTit .sell {padding: 1.1rem 0;}
#turnMypage .turnAct .actCont .contLst {}
#turnMypage .turnAct .actCont .contLst .lst {width: 100%; border-bottom: 1px solid #F0F0F0; align-items: center;}
#turnMypage .turnAct .actCont .contLst .lst .sell {padding: 1.6rem 0;}
#turnMypage .turnAct .actCont .contLst .lst .sell2 {text-align: left; padding-left: 3rem;}

#turnMypage .turnAct .actCont .sell0 {width: 5%;}
#turnMypage .turnAct .actCont .sell1 {width: 14%;}
#turnMypage .turnAct .actCont .sell2 {flex-grow: 1;}
#turnMypage .turnAct .actCont .sell3 {width: 14%;}
#turnMypage .turnAct .actCont .sell4 {width: 14%;}
#turnMypage .turnAct .actCont .sell5 {width: 14%;}