/* BASIC css start */
/*메인 공통*/
.section,
.section :is(*):not(i.fa)  { font-family:"Pretendard Variable", Pretendard, sans-serif; box-sizing:border-box;}
.section:not(#sec1){ margin-bottom:30px;}

.section .sec_inner        { padding:0 2%}
.section h2                { margin-bottom:15px; padding-top:10px; font-size:22px; color:#111; font-weight:700; }
.section .txt_area p.sub,
.section .txt_area p.big   { color:#000; font-weight:500; line-height:1.6; font-size:14px; transition:all .4s; }
.section .txt_area p.big   { line-height:1.3; font-size: 27px; }
.section .txt_area a.more  { width:auto; display:inline-block; margin-top:1px; padding:5px 6px 3px; color:#000; font-weight:600; font-size:11px; transition:transform .4s, opacity .4s; border:1px solid #000; }
.section .txt_area a.more01{ color:#fff; border-color:#fff;}
.section .txt_area a.more:hover{ border-color:#000; background-color:#000;}

.section :is(.sec_next,.sec_prev){position: unset;color: #000;width: 30px; background-color: #ddd; height:30px; border-radius: 50%; margin-top: 0; transition:all .1s}
.section :is(.sec_next,.sec_prev)::after{font-size: 11px; font-weight:700}
.section :is(.sec_next,.sec_prev):not(.swiper-button-disabled):hover{background-color:var(--main-color);color:#fff}
.section .swiper-pagination-bullet-active{background-color:var(--main-color)}
.section .prd_more_btn{text-align:center; margin-top:10px;}
.section .prd_more_btn>a {display:inline-block;font-family: 'Noto Sans KR', sans-serif;display:inline-block; border:1px solid #e8e9ed; padding:4px 0px; width:100%  }
.section .prd_more_btn>a button.btn_moreGray{ background-color:#fff !important; color:#000; font-size:16px; font-weight:700; width:100%; display:flex; align-items:center; justify-content:center; gap:10px}
.section .prd_more_btn>a button span{display:flex; align-items:center; justify-content:center;color:#000; }
.section .prd_more_btn>a button span img{display:inline-block;  transform:scale(.66); transform-origin:center center}


/* 헤더 공지사항 영역 */
.top_notice     { display:flex; margin-bottom:20px; padding:7px; text-align:left; background-color:#d4f4f7; box-sizing:border-box;}
.top_notice > span { margin-right:3px; padding:2px 8px 1px; color:#fff; font-weight:600; border-radius:15px; background:#333;}
.top_notice ul  { width:calc(100% - 42px);}
.top_notice li  { display:flex; justify-content:space-around;}
.top_notice li a{ width:calc(100% - 63px); white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:.9rem;}
.top_notice li span { padding-left:10px; color:#888; font-weight:400; font-size:.85rem;}
.top_notice li img  { display:none; }


/*sec1*/
#sec1 {}
#sec1 .swiper>ul>li>a     { display:block; width:100%; }
#sec1 .swiper>ul>li>a>img { width: 100%;}
#sec1 .btn_wrap           { display:flex; align-items:center; gap:7px; position:absolute; right:0; bottom:0; padding:10px; width: max-content; z-index:4; }
#sec1 .btn_wrap>ul        { display:flex; align-items:center; gap:13px; padding:5px 10px; border-radius: 25px; background-color:rgba(0,0,0,.4); }
#sec1 .btn_wrap>ul li>div:has(img) { display:flex; align-items:center; justify-content:center;}
#sec1 .btn_wrap>ul .swiper_prev,
#sec1 .btn_wrap>ul .swiper_next       { cursor:pointer; }
#sec1 .btn_wrap>ul .swiper-pagination { display:flex; align-items:center; gap:1px; position:unset; color:#fff; font-size:13px;}
#sec1 .btn_wrap>ul .swiper-pagination span { display:inline-block; font-size:13px;}
#sec1 .btn_wrap .control a            { display:flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:50%; background-color:rgba(0,0,0,.4); transition:all .1s;  }
#sec1 .btn_wrap .control a.clicked    { opacity:.5;}
#sec1 .swiper-slide-active .txt_area p,
#sec1 .swiper-slide-active .txt_area a.more { transform:translateY(0px); opacity:1;}
#sec1 .txt_area          { overflow:visible; position:absolute; top:75%; left:0; width:100%; max-width:95%; padding-left:6%; transform:translateY(-50%); }
#sec1 .txt_area>*        { transform:translateY(-25px);}
#sec1 .txt_area p        { line-height:1.3; opacity:0; }
#sec1 .txt_area p.big    { margin-bottom:8px; transition:all .6s; transition-delay:.1s;}
#sec1 .txt_area p.sub    { margin-bottom:17px; font-weight:500; transition:all .6s; transition-delay:.37s;}
#sec1 .txt_area a.more   { opacity:0; transition-delay:.6s;}


/*sec2*/
#sec2{}
#sec2 ul       { display:flex; flex-wrap:wrap; gap:1.2vw; justify-content:space-between;}
#sec2 ul>li    { width:23vw !important; height:23vw;} 
#sec2 ul>li>a  { display:block; width:100%; height:100%; border-radius:50%; background-repeat:no-repeat; background-position:0 0; background-size:auto 23vw; text-indent:-999em; } 
#sec2 ul>li:nth-child(1)>a { background-image:url("http://L2294.img2.kr/nw/DHMain/common/navi/menu_icon_1.png") }
#sec2 ul>li:nth-child(2)>a { background-image:url("http://L2294.img2.kr/nw/DHMain/common/navi/menu_icon_2.png") }
#sec2 ul>li:nth-child(3)>a { background-image:url("http://L2294.img2.kr/nw/DHMain/common/navi/menu_icon_3.png") }
#sec2 ul>li:nth-child(4)>a { background-image:url("http://L2294.img2.kr/nw/DHMain/common/navi/menu_icon_4.png") }
#sec2 ul>li:nth-child(5)>a { background-image:url("http://L2294.img2.kr/nw/DHMain/common/navi/menu_icon_5.png") }
#sec2 ul>li:nth-child(6)>a { background-image:url("http://L2294.img2.kr/nw/DHMain/common/navi/menu_icon_6.png") }
#sec2 ul>li:nth-child(7)>a { background-image:url("http://L2294.img2.kr/nw/DHMain/common/navi/menu_icon_7.png") }
#sec2 ul>li:nth-child(8)>a { background-image:url("http://L2294.img2.kr/nw/DHMain/common/navi/menu_icon_8.png") }
#sec2 ul>li>a:hover       { background-position:100% 0%; transition: all .1s; } 


/*sec3*/
#sec3 .sec_inner{position:relative;}
#sec3 .sec_inner .sec3_cont .swiper   { padding-bottom:40px;}


/*sec4*/
#sec4{padding-bottom:2px; padding-top:2px;}
#sec4 .sec_inner{}
#sec4 .sec_inner ul{display: flex; flex-wrap: wrap; gap: 25px;}
#sec4 .sec_inner li{position: relative;width:100%}
#sec4 .sec_inner li>a{display: block;width: 100%;}
#sec4 .sec_inner li>a>img{width: 100%;}
#sec4 .sec_inner li .txt_area{position: absolute; top: 50%;transform: translateY(-50%);  left:24px;  max-width: 80%  }
#sec4 .sec_inner li .txt_area p{}
#sec4 .sec_inner li .txt_area p.big{font-size: 22px; font-weight: 600; transition-delay: .1s; color:#212121}
#sec4 .sec_inner li .txt_area p.sub{}
#sec4 .sec_inner li .txt_area p.sub img{width:50%;}
#sec4.act .sec_inner li .txt_area p{transform: translateY(-15px); opacity: 1;}
#sec4 .sec_inner .sec4_cont .swiper{padding-bottom:15px;}


/*sec5*/
#sec5{}
#sec5 .sec_inner ul        { display:flex; flex-wrap:wrap; gap:0; justify-content:space-between;}
#sec5 .sec_inner ul.clear_fix::after, 
#sec5 .sec_inner ul.clear_fix::before { display:none;}
#sec5 .sec_inner li        { position:relative; width:49%; margin-bottom:15px;}
#sec5 .sec_inner li.w50p:nth-child(odd) { margin-right:1%; }
#sec5 .sec_inner li>a      { display:block; width:49%;}
#sec5 .sec_inner li>a>img  { width:100%;}
#sec5 .sec_inner .txt_area { position:absolute; top:50%; left:24px; max-width:50%; transform: translateY(-50%);}
#sec5 .sec_inner p.big     { font-size:22px; font-weight:600; transition-delay: .1s; color:#212121}
#sec5 .sec_inner p.sub img { width:50%;}
#sec5.act .sec_inner li .txt_area p {transform: translateY(-15px); opacity: 1;}
#sec5 .sec5_cont .swiper   { padding-bottom:15px;}


.title9         { display:flex; flex-direction:row; justify-content:space-between; align-items:center; margin-bottom:4px; padding:7px 10px; border-bottom:1px solid #000; }
.title9 h4      { font-size:22px; }
.title10        { display:flex; flex-direction:column; justify-content:center; align-items: flex-start; position:relative; height:200px; padding:10px 0 10px 15px; background-repeat:no-repeat; background-size:55% auto; background-position:right 50% }
.title10 p      { margin-top:20px;}
.title11:after,
.title12:after,
.title13:after  { content:""; clear:both; display:block; position:absolute; top:0; left:0; width:100%; height:200px; background:linear-gradient(to right, #f8efe6 0%,#ecdac4 100%); z-index:-1;}
.title12:after  { background:linear-gradient(to right, #dddbdc 0%,#b9b9b7 100%); z-index:-1;}
.title13:after  { background:linear-gradient(to right, #c9d5e1 0%,#56768d 100%); z-index:-1;}
@media screen and (max-width: 362px){
    .title10    { flex-direction:column; justify-content:space-between; align-items: stretch; width:100%; padding:20px 15px 10px; text-align:center; background-size:auto 150px; background-position:center 55px;}
    .title10 p  { text-align:right;}
}


/*sec6*/
#sec6{}
#sec6 h2 { padding-left:2%}
#sec6 .sec_inner {position:relative; padding:0; }
#sec6 .sec_inner .sec6_cont { padding-left:2%; }
#sec6 .sec_inner .sec6_cont .swiper li    { width:57%}
#sec6 .sec_inner .sec6_cont .swiper li a  { display:block; width:100%; overflow:hidden;}
#sec6 .sec_inner .sec6_cont .swiper li a img     { width:100%; transition:transform .3s}
#sec6 .sec_inner .sec6_cont .swiper .txt_area    { padding:12px 0}
#sec6 .sec_inner .sec6_cont .swiper .txt_area p  { transition: all .3s;}
#sec6 .sec_inner .sec6_cont .swiper .txt_area p.big{ margin-bottom:6px; color:#161616; font-size:17px; }
#sec6 .sec_inner .sec6_cont .swiper .txt_area p.sub{ color:#999; font-size:14px; line-height:1.4}


/*sec7*/
#sec7{}
#sec7 .sec_inner{}
#sec7 .sec_inner .sec7_cont .banner_area   { flex-grow:1; position:relative; margin-bottom:6px;}
#sec7 .sec_inner .sec7_cont .banner_area>a { display:block; width:100%;}
#sec7 .sec_inner .sec7_cont .banner_area>a img{ width:100%;}
#sec7 .sec_inner .sec7_cont .banner_area .txt_area     { position:absolute; top:50%; left:24px; max-width:90%; transform:translateY(-50%); }
#sec7 .sec_inner .sec7_cont .banner_area .txt_area>*   { color:#fff;}
#sec7 .sec_inner .sec7_cont .banner_area .txt_area p.big { font-size: 21px; font-weight: 600; margin-bottom: 7px;}
#sec7 .sec_inner .sec7_cont .banner_area .txt_area p.sub { font-size: 12px; line-height:1.3; transition-delay:.27s;}
#sec7 .sec_inner .sec7_cont .item_area     { position:relative; height:auto !important; }
#sec7 .sec_inner .sec7_cont .item_area .swiper         { height:100%; }
#sec7 .sec_inner .sec7_cont .item_area li              { position:relative; display:flex; flex-wrap:nowrap; align-items:center; justify-content:flex-end; width:100%; height:fit-content; margin-top:0; margin-bottom:6px; }
#sec7 .sec_inner .sec7_cont .item_area li img          { width:100%;}
#sec7 .sec_inner .sec7_cont .item_area li .thumb       { width:30%}
#sec7 .sec_inner .sec7_cont .item_area li .thumb>a     { display:block; width:100%}
#sec7 .sec_inner .sec7_cont .item_area li .thumb>a>img { object-fit:cover;}
#sec7 .sec_inner .sec7_cont .item_area li .info        { width:70%; max-height:100%; padding:0 20px;}
#sec7 .sec_inner .sec7_cont .item_area li .title       { position:absolute; left:24px; }
#sec7 .sec_inner .sec7_cont .item_area li .title a     { font-size:21px; color:white;}
#sec7 .sec_inner .sec7_cont .item_area li .title a .des { display:block; font-size:13px; }
#sec7 .swiper-vertical>.swiper-scrollbar  { top:0; right:0; width:2px; height:100%; }


/* sec8 */
#sec8{}
#sec8 .sec_inner{padding:0}
#sec8 .sec_inner h2{padding:20px 5% 0;}
#sec8 .sec_inner .sec8_cate{margin-bottom:15px;}
#sec8 .sec_inner .sec8_cate ul{}
#sec8 .sec_inner .sec8_cate ul li{width:auto;}
#sec8 .sec_inner .sec8_cate ul li:first-child{margin-left:5%}
#sec8 .sec_inner .sec8_cate ul li a{overflow:hidden; display:block; width:100%;background-color: #f4f4f4; border-radius: 40px; padding: 8px 20px; text-align:center; color:#000;position:relative; font-size: 13px; font-weight: 500; display:block; transition:all .1s}
#sec8 .sec_inner .sec8_cate ul li.on>a{ color: #fff;background-color: var(--main-color);}
#sec8 .sec8_prd{padding:0 5%}
#sec8 .sec8_prd>div{display: none; position:relative;opacity:0; transition:opacity .5s}
#sec8 .sec8_prd>div.show{display: block;}
#sec8 .sec8_prd>div.act{opacity:1}

/*sec9*/
#sec9 {margin-bottom:30px !important;}
#sec9 .sec_inner h2{display: flex; align-items: center; gap: 16px;}
#sec9 .sec_inner h2 span{display: inline-block;color: #999; font-size: 13px; font-weight: 500;}


/* 인스타그램 */ 
.insta{}
.insta ul { display:flex; flex-wrap:wrap; justify-content: space-between;}
.insta li { width:33%; padding:0 3px 3px 0;}
.insta li:nth-child(3n) { padding-right:0;}
.insta li img { width:100%;}


#footer{margin-top:0 !important}


/* 파워리뷰 메인 포토리뷰 */ 
.main_power_review_list        { width:100%; margin-bottom:30px; padding-bottom:20px; background:#efeef7;}
.main_power_review_list .best_review_tit { text-align:center; } 
.best_power_review_list        { display:flex; flex-wrap:wrap; justify-content:center; }
.best_power_review_list li     { width:calc(33% - 4.3vw); margin:1vw 1vw 0; padding:1vw; background:white;} 
.best_power_review_list li img { width:100%; filter:opacity(0.9); }
.best_power_review_list li .review,
.best_power_review_list li .product { display:none;}


#headerbox21 { width:100%; margin:0 auto 30px; border-top:1px solid #525252; box-sizing:border-box; z-index:50; }
#headerbox21 .h_bottom21 ul   { display:flex; flex-wrap:wrap; }
#headerbox21 .h_bottom21 li   { width:25%; text-align:center; border-right:1px solid white; border-bottom:1px solid white; background-color:#e3e5e8; box-sizing:border-box; }
#headerbox21 .h_bottom21 li:nth-child(4n){ border-right:0; }
#headerbox21 .h_bottom21 li a { display:block; padding:10px 0; color:#333; font-size:14px; line-height:20px; font-weight:500; text-overflow:ellipsis; white-space:wrap; overflow:hidden; }
#headerbox21 .h_bottom21 li a.sel { color:#fff; background-color:#000; }
@media all and (max-width: 362px){
    #headerbox21 .h_bottom21 li a { font-size:4vw;}
}


/*메인상품 리스트*/
.M_item_list {float:left; margin-top:5px; }
.M_item_list .swiper-slide{}
.M_item_list .M_thumb{width:70%;position: relative;  }
.M_item_list .M_thumb>a{display: block; width:100%; overflow:hidden; }
.M_item_list .M_thumb>a>img{width:100%; transition:all .3s}
.M_item_list .M_thumb span.num{display: inline-block; width: 50px; height: 4px;font-size:20px; font-weight:600; font-family: 'Pretendard', sans-serif;  position: absolute; top: 0; left: 0;  z-index: 10; background-color: #424e3aad; color: #fff; display: flex; align-items: center; justify-content: center;}
.M_item_list .M_thumb .cart_icon{position:absolute; bottom:10px; right:10px; }
.M_item_list .M_thumb .cart_icon a{display:flex; align-items:center; transition:all .2s; justify-content:center; width:31px; height:31px; background-color:#ababab; border-radius:50%; border: none;z-index: 1; overflow: hidden; position:relative;}
.M_item_list .M_thumb .cart_icon a img{transform:scale(.66); transform-origin:center center; }
.M_item_list .M_info {padding:0px 0 1px; width:70%;}
.M_item_list .M_info p{margin-bottom:0px; font-size:15px; font-weight:500; text-align:left;font-family: "Pretendard Variable", Pretendard, sans-serif;}
.M_item_list .M_info .M_prdname  {width:100%; color:#000000; font-weight:700; letter-spacing:-.5px; font-size:17px; padding:4px 0 1px; line-height:20px; min-height:35px;}
.M_item_list .M_info .M_prdname a{color:#000000; font-weight:700; letter-spacing:-.5px; font-size:17px; padding:4px 0 1px; line-height:20px; min-height:35px;}
.M_item_list .M_info .M_prdsubname {color:#555555; font-size:15px; font-weight:500; letter-spacing:-.5px; line-height:18px; border-bottom:1px solid #D4D4D4; padding:2px 0 4px;}

.M_item_list .M_info .M_prdprice {font-size:18px; font-weight:700; letter-spacing:-0.01em;}
.M_item_list .M_info .M_prdprice span.won{ font-size:14px; font-weight:400;color:#000000; }
.M_item_list .M_info .M_prdprice .price{font-size:18px; color:#000; font-weight:800; line-height:20px; letter-spacing:-0.03em;}
.M_item_list .M_info .M_prdprice strike{ font-size:14px; color:#b6b6b6; display:inline-block; font-weight:500; margin-left:1px }
.M_item_list .M_info .M_prdprice .perx{font-size:14px; color:#ff661a; font-weight:700; margin-right:5px;}
.M_item_list .M_info .M_prdprice .txt{font-size:14px; color:#999999; font-weight:500; text-decoration:line-through;}

.M_item_list .M_info .M_prdprice .per{padding-right:3px; color:#ff661a; font-weight:700; font-size:14px;  letter-spacing:-.5px; /*border:1px solid #ff661a; border-radius: 25px;*/ display:ruby;}
.M_item_list .M_info .M_prdprice .per2{padding-right:5px; color:#ff661a; font-weight:500; font-size:14px;  letter-spacing:-.7px;  border:1px solid #ff661a; border-radius: 25px; }
.M_item_list .M_info .M_prdprice .per3{padding-right:3px; color:#ff661a; font-weight:700; font-size:14px;  letter-spacing:-.7px; border:1px solid #ff661a; border-radius: 25px; }
.M_item_list .M_info .M_prdprice .per5{padding-right:3px; color:#ff661a; font-weight:700; font-size:14px;  letter-spacing:-.7px; border:1px solid var(--main-color); border-radius: 25px; }
.M_item_list .M_info .M_prdprice .price .per5{padding-right:3px; color:#ff661a; font-weight:700; font-size:14px;  letter-spacing:-.7px; border:1px solid #ff661a; border-radius: 25px; }

.M_item_list .M_info .M_prdprice .price .model {align:bottom; line-height:15px;  margin-left:3px;}
.M_item_list .M_info .M_prdbtn{}
.M_item_list .M_info .M_prdbtn>span img{display:inline-block; margin:0 3px}
.M_item_list .M_info .M_prd-saleDay {text-align: left; font-weigth:700; color:red; font-size:16px; letter-spacing:-0.7px; line-height:22px;}
.M_item_list .M_info .M_prdbrand {color:#555555; font-size:15px; font-weight:500; letter-spacing:-.5px; padding-top:4px; min-height:20px;}
.M_item_list .M_info .M_prdmodel {color:#9f9f9f; font-size:15px; font-weight:500; letter-spacing:-.7px; padding-top:4px; /*min-height:20px;*/}
.M_item_list .M_info .M_prdmodel .model {font-size:14px; font-weight:300;  height:25px;}
.M_item_list .M_info .M_prdmodel .model2 {display:table; padding:1px 3px 1px 2px; font-size:13px; font-weight:500; letter-spacing:-0.9px; margin-bottom:3px; line-height:12px; color:#777; border:1px solid #777; border-radius:5px; vertical-align:middle;}
.M_item_list .M_info .M_prdmodel .model3 {display:inline-block; padding:1px 3px 1px 2px; font-size:13px; font-weight:500; letter-spacing:-0.9px; margin-bottom:3px; line-height:12px; color:#777; border:1px solid #777; border-radius:5px; vertical-align:middle;}

.M_item_list .M_info .M_prdetc {color:#9f9f9f; font-size:14px; font-weight:400; padding:1px 0 1px; }
.M_item_list .M_info .M_prdetc .sale{display:block; color:var(--main-color);}
.M_item_list .M_info .M_prdetc2 {color:#777777; font-size:14px; font-weight:500; letter-spacing:-.7px; }
.M_item_list .M_info .M_prdhits {color:#9f9f9f; font-size:14px; font-weight:400; padding-top:2px;}
/* BASIC css end */