.lg_brand_wrap * {padding: 0; margin: 0; border:0;}
.lg_brand_wrap img {width: 100%; height: 100%; display: block;}
input:focus {outline:none;}
a { text-decoration:none }
a:hover{text-decoration:none;}
li { list-style: none;}
.lg_brand_wrap h2, .lg_brand_wrap h3 {font-weight: normal;}

/* °øÅë */
.lg_brand_wrap {position: relative; overflow: hidden;}
.lg_brand_wrap .flex {display: flex;}
.lg_brand_wrap .flexcol {display: flex; flex-direction: column;}
.lg_brand_wrap .inner {max-width: 750px; margin: 0 auto; display: block; position: relative; padding: 40px 16px; box-sizing: border-box;}
.lg_brand_wrap .bg {border-radius: 10px; overflow: hidden; display: block;}
.lg_brand_wrap h2 {margin-bottom: 16px;}
.lg_brand_wrap .gray_txt {color: #6c6c6c;}

/* ½º¿ÍÀÌÆÛ °øÅë */
.lg_brand_wrap .swiper-pagination.bullet {box-sizing: border-box; width: 100%; position: static; font-size: 6px; margin-top: 12px;}
.lg_brand_wrap .swiper-pagination-bullet {width: 6px; height: 6px; background: #D8D8D8; opacity: 1; margin: 0 4px 0 0;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 4px 0 0;}
.lg_brand_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 20px; background: #1A1A1A; border-radius: 11px;}
.lg_brand_wrap .swiper-container .num {width: 50px; height: 24px; line-height: 24px; color: #fff; font-family: 'spoqa m'; font-size: 12px; text-align: center;  box-sizing: border-box; position: absolute; bottom: 20px; left: 170px; background: rgb(0, 0, 0, 0.3); border-radius: 28px; letter-spacing: 0.6px; opacity: 0; transition: all 0.3s;}
.lg_brand_wrap .swiper-container .num.on { opacity: 1;}

/* ÅÇ °øÅë */
.lg_brand_wrap .tab {margin-bottom: 12px;}
.lg_brand_wrap .tab ul {gap: 4px;}
.lg_brand_wrap .tab ul li {width: auto; display: block;}
.lg_brand_wrap .tab ul li a {width: max-content; padding: 0 16px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #D8D8D8; font-family: 'noto-R'; font-size: 14px; color: #3A3A3A; border-radius: 28px; background: #fff; box-sizing: border-box;}
.lg_brand_wrap .tab ul li.on a{background: #1A1A1A; color: #fff; border: 1px solid transparent}
.lg_brand_wrap .tabcont {display: none;}
.lg_brand_wrap .tabcont.on {display: block;}

/* sec1 */
.lg_brand_wrap  .visual{max-width: 750px; overflow: hidden;  margin: 0 auto;}
.lg_brand_wrap .video_box {width: 100%; height:430px; position: relative;}
.lg_brand_wrap .video_box::after {width: 100%; height: 100%; background: transparent; content: ''; position: absolute; top: 0; left: 0;} 
.lg_brand_wrap .video_box iframe {width: 270%; height: 100%; display: block; margin-left: -85%; }
.lg_brand_wrap .sec1 .inner {padding: 0 16px 40px;}
.lg_brand_wrap .sec1 .inner > span {width: 100%; height: 100px; display: flex; align-items: center; justify-content: center;}
.lg_brand_wrap .sec1 .inner > span img{width: 198px; height: 23px;}
.lg_brand_wrap .sec1swiper {position: relative;}
.lg_brand_wrap .sec1swiper .swiper-container {overflow: visible;}
.lg_brand_wrap .sec1swiper .swiper-slide a {width: 100%; display: block; position: relative;}
.lg_brand_wrap .sec1swiper .swiper-slide .bg {min-width: 280px; display: block;}
.lg_brand_wrap .sec1swiper .swiper-slide .txt_wrap {position: absolute; top: 20px; left: 20px; gap: 8px;}
.lg_brand_wrap .sec1swiper .swiper-slide .txt_wrap h3{color: #fff;}
.lg_brand_wrap .sec1swiper .swiper-slide .txt_wrap span{color: #D8D8D8;}

@media screen and (max-width:750px) {
    .lg_brand_wrap .video_box {height:57.3333vw;}
}
@media screen and (max-width:340px) {
    .lg_brand_wrap .sec1swiper .swiper-slide .txt_wrap h3 {font-size: 14px;}
    .lg_brand_wrap .sec1swiper .swiper-slide .txt_wrap p {font-size: 11px;}
}

/* sec2 */
.lg_brand_wrap .sec2 {background: #F2F2F2;}
.lg_brand_wrap .sec2 .inner {padding-right: 0;}
.lg_brand_wrap .sec2  .sec2swiper {width: 100%;}
.lg_brand_wrap .sec2 .swiper-slide {width: 240px; height: 400px; position: relative; transform:scaleX(0.875);}
.lg_brand_wrap .sec2 .swiper-slide:last-child { margin-right: 0;}
.lg_brand_wrap .sec2 .swiper-slide .thumnail {display: block; width:100%; height: 350px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); border-radius: 10px; overflow: hidden; transition: all 0.3s ease;}
.lg_brand_wrap .sec2 .swiper-slide .thumnail img {height: 100%;}
.lg_brand_wrap .sec2 .swiper-slide .thumnail::after {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgb(0, 0, 0, 0.5); opacity: 1; transition: all 0.3s ;}
.lg_brand_wrap .sec2 .swiper-slide .txt_wrap {position: absolute; top: 20px; left: 50%; transform: translate(-50%, 30px); z-index: 1; width: calc(100% - 40px); gap: 8px; opacity: 0; transition: all 0.3s;}
.lg_brand_wrap .sec2 .swiper-slide .txt_wrap p, .sec2 .swiper-slide .txt_wrap h3 {color: #fff;}
.lg_brand_wrap .sec2 .swiper-slide.swiper-slide-active {transform:scaleX(1);}
.lg_brand_wrap .sec2 .swiper-slide.swiper-slide-active .thumnail {width: 100%;  height: 100%;}
.lg_brand_wrap .sec2 .swiper-slide.swiper-slide-active .thumnail::after {opacity: 0;}
.lg_brand_wrap .sec2 .swiper-slide.swiper-slide-active .txt_wrap {opacity: 1; transform: translate(-50%, 0px);}
.lg_brand_wrap .sec2 .swiper-slide.swiper-slide-active + .swiper-slide,
.lg_brand_wrap .sec2 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide,
.lg_brand_wrap .sec2 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide
{margin:0 -16px 0 0;}


/* sec3 */
.lg_brand_wrap .sec3 .conlist {gap: 20px;}
.lg_brand_wrap .sec3 .conlist li .con_top{position: relative; overflow: hidden; margin-bottom: 12px; border-radius: 10px;}
.lg_brand_wrap .sec3 .conlist li .pro_badge {height: 24px; line-height: 24px; position: absolute; top: 12px; right: 12px; color: #fff; font-family: 'spoqa M'; font-size: 12px; padding: 0px 8px; border-radius: 5px; border: 1px solid #fff; box-sizing: border-box; letter-spacing: -0.24px; z-index: 1; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);}
.lg_brand_wrap .sec3 .conlist li a {width: 100%;}
.lg_brand_wrap .sec3 .conlist li figure {width: 100%;}
.lg_brand_wrap .sec3 .conlist li .flexcol {gap: 4px;}

/* sec4 */
.lg_brand_wrap .sec4 .inner {padding: 0;}
.lg_brand_wrap .sec4 a{width: 100%; height: 100%; max-height: 80px; transition: all 0.5s ease; overflow: hidden; display: block;}
.lg_brand_wrap .sec4.on a{max-height: 652px;}

/* sec5 */
.lg_brand_wrap .sec5 .inner {padding: 40px 16px 0px;}
.lg_brand_wrap .sec5 .sec5swiper a{width: 100%; display: block;}
.lg_brand_wrap .sec5 .sec5swiper .swiper-container {overflow: visible;}

/* sec6 */
.lg_brand_wrap .sec6 .inner{padding-right: 0;}
.lg_brand_wrap .sec6swiper a{width: 100%; display: block;}
.lg_brand_wrap .sec6swiper .num {left: 190px; }
.lg_brand_wrap .sec6swiper a > span {width: 260px; height: 280px; display: block; border-radius: 10px; overflow: hidden;}
.lg_brand_wrap .sec6 .sec6swiper {width: 100%;}
.lg_brand_wrap .sec6 .sec6swiper .swiper-slide {width: 260px; height: 280px;}
.lg_brand_wrap .sec6 .sec6swiper .swiper-slide a {width: 100%; position: relative;}
.lg_brand_wrap .sec6 .sec6swiper .txt_wrap {position: absolute; bottom: 20px; left: 20px;}
.lg_brand_wrap .sec6 .sec6swiper .txt_wrap > span {width: max-content; height: 24px; line-height: 24px; color: #fff; font-family: 'spoqa M'; font-size: 12px; padding: 0px 8px; border-radius: 5px; border: 1px solid #fff; box-sizing: border-box; letter-spacing: -0.24px; z-index: 1; display: block; backdrop-filter: blur(5px); margin-bottom: 8px;}
.lg_brand_wrap .sec6 .sec6swiper .txt_wrap > h3 {font-family: 'noto-B'; color: #fff; font-size: 16px; text-align: left; line-height: 24px;}
.lg_brand_wrap .sec6 .sec6swiper .txt_wrap > p {color: #fff; opacity: 0.8; margin-top: 15px;}

/* sec7 */
.lg_brand_wrap .sec7 {position: relative; z-index: 1; max-width: 750px; margin: 0 auto;}
.lg_brand_wrap .sec7::after {content: ''; width: 100%; height: 224px; background: url('//image5.compuzone.co.kr/img/images/lg_brandstore/m_sec7_bg.png') center top/cover no-repeat; position: absolute; top: 0; left: 0; z-index: -1;}
.lg_brand_wrap .sec7 .inner {padding-right: 0; border-bottom: 7px solid #F2F2F2;}
.lg_brand_wrap .sec7 ul li {max-width: 317px; height: 257px; border: 1px solid #d8d8d8; border-radius: 15px; background: #fff; padding: 20px; box-sizing: border-box; gap: 12px;}
.lg_brand_wrap .sec7 ul li .con_top {width: 100%; justify-content: space-between;}
.lg_brand_wrap .sec7 ul li .con_top .flexcol {width: calc(100% - 88px); gap: 7px;}
.lg_brand_wrap .sec7 ul li .con_top .flexcol p {color: #6c6c6c;}
.img_box {width: 80px; height: 80px; display: block; border-radius: 5px; overflow: hidden; position: relative;}
.img_box::before {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgb(0, 0, 0, 0.02);}
.img_box.vd_bg::after {content: ''; width: 100%; height: 100%; background: rgb(0, 0, 0, 0.7); position: absolute; top: 0; left: 0;}
.img_box.vd_bg::before {content: ''; width: 28px; height: 28px; background: url('//image5.compuzone.co.kr/img/images/svg_icon/Fill/icon_fill_vivid_triangle.svg') center top/contain no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1;}

/* sec8, sec9 */
.lg_brand_wrap .sec8 .inner {border-bottom: 7px solid #F2F2F2;}

/* Á¦Ç°¿µ¿ª °øÅë */
.lg_brand_wrap .prod_sec .inner{padding: 40px 0 ;}
.lg_brand_wrap .prod_name {word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.lg_brand_wrap .rev_txt {word-break: break-all; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.5;}
.lg_brand_wrap .rating {align-items: center; gap: 4px;}
.lg_brand_wrap .starzone_full {width: 65px; height: 11px; background: url(//image5.compuzone.co.kr/img/images/product_detail22/detail_fullstar.png) center center / contain no-repeat; position: relative;left: 0;}
.lg_brand_wrap .starzone_full span {height: 11px;  background: url(//image5.compuzone.co.kr/img/images/product_detail22/detail_fullystar.png) center left / cover no-repeat; position: absolute; top: 0;  left: 0;}
.lg_brand_wrap .prod_sec h2 {padding: 0 16px; box-sizing: border-box;}
.lg_brand_wrap .prod_sec .tab {overflow-x: auto; overflow-y: hidden; width: 100%; padding: 0 16px 8px; box-sizing: border-box; margin-bottom: 0;}
.lg_brand_wrap .prod_sec .tab ul {display: inline-flex; gap: 4px; width: max-content;}
.lg_brand_wrap .prod_sec .tabcont {overflow-x: auto; overflow-y: hidden; width: 100%; margin-top: 8px; padding: 0 16px; box-sizing: border-box;}
.lg_brand_wrap .prod_sec .tabcont ul {display: inline-flex; gap: 12px; width: max-content;}
.lg_brand_wrap .prod_sec .tabcont li {width: 158px;}
.lg_brand_wrap .prod_sec .img_box {width: 158px; height: 158px; border-radius: 10px; margin-bottom: 7px;}
.lg_brand_wrap .prod_sec p.area_price {margin-bottom:8px;}
.lg_brand_wrap .prod_sec p .area_price_per {font-size:16px; color:#f14738; font-weight:bold; padding-right:8px; font-family: 'spoqa m';}
.lg_brand_wrap .prod_sec p .area_price_won {padding-right:1px; font-size:16px; font-weight:bold; font-family: 'spoqa m';}
.lg_brand_wrap .prod_sec p .area_price_sale {display:block; font-size:13px; color:#949494; text-decoration:line-through; font-family: 'spoqa R';}
.lg_brand_wrap .prod_sec p.area_review {margin-bottom: 4px;}
.lg_brand_wrap .prod_sec p.area_review span.star {display:inline-block; padding:0 8px 0 18px; position:relative; font-size: 14px; font-family:'spoqa R';}
.lg_brand_wrap .prod_sec p.area_review span.star::before {content:''; width:12px; height:12px; background:url('//image5.compuzone.co.kr/img/images/product_list22/pro_list_star.png') center center/contain no-repeat; position:absolute; top:calc(49% - 1px); left:0; transform:translateY(-50%);}
.lg_brand_wrap .prod_sec  p.area_review span.review {display:inline-block; padding:0 0 0 8px; position:relative;}
.lg_brand_wrap .prod_sec  p.area_review span.review::before {content:''; width:1px; height:10px; background:#f0f0f0; position:absolute; top:48%; left:0; transform:translateY(-50%);}
.lg_brand_wrap .prod_sec .area_sticker {overflow:hidden; display: flex; flex-wrap: wrap; gap: 4px;}
.lg_brand_wrap .prod_sec .graysticker {display:inline-block; padding:4px 8px; background:#fafafa; border-radius: 5px; font-size:12px; font-family:'noto-M'; font-weight:normal; color:#6c6c6c;}
.lg_brand_wrap .prod_sec .tab::-webkit-scrollbar {display: none; }
.lg_brand_wrap .prod_sec .tabcont::-webkit-scrollbar {display: none; }

/* Æ˾÷ */
.lg_brand_wrap .dimm{position:fixed; left:0; top:0; width:100%; height:100vh; background:#000; overflow-y:hidden; z-index:200; display: none;}
.lg_brand_wrap .youtube_pop{position:relative; width:100%; height:100vh; top:50%; left:50%; transform:translate(-50%, -50%); overflow:hidden;}
.lg_brand_wrap .youtube_pop::after{content: ''; width: 100%; height: 70px; background: #000; position: absolute; top: 0; left: 0; z-index: 201;} 
.lg_brand_wrap .youtube_pop iframe{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%;}
.lg_brand_wrap .youtube_pop a {width: 28px; height: 28px; background: url(//image5.compuzone.co.kr/img/images/svg_icon/FFFFFF/icon_line_close_24.svg) center center/contain no-repeat; display: block; position: absolute; top: 20px; right: 16px; z-index: 202;}