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

.section .sec_inner        { padding:0 4%}
.section .sec_inner .sec2_tit    { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; font-size:16px; color:#82bef1 }
.section .sec_inner .sec2_tit .nav_wrap    { display:flex; align-items:center; gap:8px;}
.section h2                { font-size:19px; color:#111; font-weight:700;}
.section h4                { font-size:22px;}

.title9         { display:flex; flex-direction:column; justify-content:center; align-items: flex-start; position:relative; height:150px; padding:10px 0 10px 4%; background-repeat:no-repeat; background-size:auto 100%; background-position:right 50% }
.title9 p       { margin-top:20px;}
@media screen and (max-width: 362px){
    .title9    { flex-direction:column; justify-content:space-between; align-items: stretch; width:100%; height:220px; padding:20px 15px 10px; text-align:center; background-size:auto 150px; background-position:center 55px;}
}

.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; width:28px; height:28px; margin-top:0; color:#000; border-radius:50%; background-color:#ddd; 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    { color:#fff; background-color:var(--main-color);}
.section .swiper-pagination-bullet-active{ background-color:var(--main-color)}

.section .prd_more_btn>a button.btn_moreGray{ display:flex; align-items:center; justify-content:center; gap:10px; width:100%; color:#000; font-size:16px; font-weight:700; border:1px solid rgba(0, 0, 0, 0.1); border-radius:4px; background-color:#fff !important; }
.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}

.divider_hr        { display:block; width:100%; min-height:8px; height:8px; margin-top:35px; border:0; background:rgb(243, 245, 247);}


/*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 .sec_inner .swiper>ul { justify-content:space-around;}
#sec2 .sec_inner .swiper>ul>li>a        { display:block; aspect-ratio:1 / 1; border-radius:20%; background-repeat:no-repeat; background-size:cover;  }
#sec2 .sec_inner .swiper>ul>li:nth-child(1)>a { background-image:url("http://L2294.img2.kr/nw/DHm/common/navi/menu_icon_01.jpg") }
#sec2 .sec_inner .swiper>ul>li:nth-child(2)>a { background-image:url("http://L2294.img2.kr/nw/DHm/common/navi/menu_icon_02.jpg") }
#sec2 .sec_inner .swiper>ul>li:nth-child(3)>a { background-image:url("http://L2294.img2.kr/nw/DHm/common/navi/menu_icon_03.jpg") }
#sec2 .sec_inner .swiper>ul>li:nth-child(4)>a { background-image:url("http://L2294.img2.kr/nw/DHm/common/navi/menu_icon_04.jpg") }
#sec2 .sec_inner .swiper>ul>li:nth-child(5)>a { background-image:url("http://L2294.img2.kr/nw/DHm/common/navi/menu_icon_05.jpg") }
#sec2 .sec_inner .swiper>ul>li:nth-child(6)>a { background-image:url("http://L2294.img2.kr/nw/DHm/common/navi/menu_icon_06.jpg") }
#sec2 .sec_inner .swiper>ul>li:nth-child(7)>a { background-image:url("http://L2294.img2.kr/nw/DHm/common/navi/menu_icon_07.jpg") }
#sec2 .sec_inner .swiper>ul>li:nth-child(8)>a { background-image:url("http://L2294.img2.kr/nw/DHm/common/navi/menu_icon_08.jpg") }
#sec2 .sec_inner .swiper>ul>li:nth-child(9)>a { background-image:url("http://L2294.img2.kr/nw/DHm/common/navi/menu_icon_09.jpg") }
#sec2 .sec_inner .swiper>ul>li:nth-child(1)>a:hover { background-image:url("http://L2294.img2.kr/nw/DHm/common/navi/menu_icon_01_over.jpg") }
#sec2 .sec_inner .swiper>ul>li:nth-child(2)>a:hover { background-image:url("http://L2294.img2.kr/nw/DHm/common/navi/menu_icon_02_over.jpg") }
#sec2 .sec_inner .swiper>ul>li:nth-child(3)>a:hover { background-image:url("http://L2294.img2.kr/nw/DHm/common/navi/menu_icon_03_over.jpg") }
#sec2 .sec_inner .swiper>ul>li:nth-child(4)>a:hover { background-image:url("http://L2294.img2.kr/nw/DHm/common/navi/menu_icon_04_over.jpg") }
#sec2 .sec_inner .swiper>ul>li:nth-child(5)>a:hover { background-image:url("http://L2294.img2.kr/nw/DHm/common/navi/menu_icon_05_over.jpg") }
#sec2 .sec_inner .swiper>ul>li:nth-child(6)>a:hover { background-image:url("http://L2294.img2.kr/nw/DHm/common/navi/menu_icon_06_over.jpg") }
#sec2 .sec_inner .swiper>ul>li:nth-child(7)>a:hover { background-image:url("http://L2294.img2.kr/nw/DHm/common/navi/menu_icon_07_over.jpg") }
#sec2 .sec_inner .swiper>ul>li:nth-child(8)>a:hover { background-image:url("http://L2294.img2.kr/nw/DHm/common/navi/menu_icon_08_over.jpg") }
#sec2 .sec_inner .swiper>ul>li:nth-child(9)>a:hover { background-image:url("http://L2294.img2.kr/nw/DHm/common/navi/menu_icon_09_over.jpg") }
#sec2 .sec_inner .swiper>ul>li>a img    { display:none}


/*sec3 신상품 */
#sec3 .sec_inner { position:relative;}
#sec3 .sec_inner .sec3_cont .swiper { padding-bottom:40px;}
#sec3 .swiper-pagination-bullets    { bottom:0 !important }


/*sec5 대흥에만 있어요, 소분상품끼리, 종이컵형/실링 */
.sec5_cont                 { margin-top:4%;}
#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;}


/* 파워리뷰 메인 포토리뷰 */ 
.main_power_review_list        { width:100%;  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;}


/*sec11 게시판*/
#sec11 li{line-height:27px; }
#sec11 li a{font-size:16px; font-weight:400;}
#sec11 li span{float:right; color:#b7b8bb; font-size:15px;}


/*sec6 MD추천 */
#sec6 .sec_inner .sec6_cont .swiper li    { width:55%}
#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-top:12px; }
#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; line-height:1.4}


/*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}


#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:28px; 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 */