/* BASIC css start */
/* ¸ÞÀÎ °øÅë */
.section,.section :is(*)  { box-sizing:border-box; font-family: "Pretendard Variable", Pretendard, sans-serif; } 
.section:not(#sec1) { padding:70px 0; } 


/* ¶óÀÎ */
.b_t { border-top:1px solid #e4e4e4;}


/* ŸÀÌƲ */
.main_tit         { display:flex; justify-content:space-between; align-items:center; width:100%; margin-bottom:14px;}
.main_tit h2      { display:flex; align-items:center; font-size:28px; #111; font-weight:500;}
.main_tit h2 div  { display:inline; margin-left:14px; line-height:30px; font-size:15px; font-weight:500; color:#888;}

.tit01            { height:48px; line-height:50px; font-size:22px; text-align:center;}
.tit01 strong     { font-size:1em; font-weight:600; }
.tit01 span       { margin-left:5px; font-weight:600; font-size:13px;}


/* active °øÅë*/
.section .txt_area p.big       { color:#000; line-height: 1.3; font-weight: 500; transition: all .5s; font-size: 48px; } 
.section .txt_area p.sub       { color:#000; line-height: 1.6; font-weight: 500; transition: all .5s; font-size: 17px; } 
.section .txt_area a.more      { display:inline-block; margin-top:8px; padding:6px 15px; font-size:12px; color:#000; font-weight:600; border:1px solid #000; transition: transform .4s, opacity .4s; } 
.section .txt_area a.more01    { color:#fff; border-color:#fff;}
.section .txt_area a.more:hover{ border-color:#000;}

.section :is(.sec_next,.sec_prev)      { position:unset; width:45px; height:45px; margin-top:0; color:#000; font-weight:700; border-radius:50%; background-color:#bbb; transition:all .1s } 
.section :is(.sec_next,.sec_prev):after{ font-size:14px; } 
.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 a.btn_more                    { display:flex; align-items:center; justify-content:center; position:relative; color:#fff; font-size:15px; border:1px solid #fff; -webkit-font-smoothing:antialiased; } 
.section a.btn_more>span               { display:block; position:absolute; background-color:#000; } 
.section .btn_more .span_index_one     { width:1px; left:0; bottom:0; } 
.section .btn_more .span_index_two     { height:1px; left:0; top:0; } 
.section .btn_more .span_index_three   { width:1px; right:0; top:0; } 
.section .btn_more .span_index_four    { height:1px; right:0; bottom:0; } 
.section .btn_more:hover { border-color: transparent !important; } 
.section .btn_more:hover .span_index_one     { -webkit-animation:move1 1500ms infinite ease; animation:move1 1500ms infinite ease; } 
.section .btn_more:hover .span_index_two     { -webkit-animation:move2 1500ms infinite ease; animation:move2 1500ms infinite ease; } 
.section .btn_more:hover .span_index_three   { -webkit-animation:move3 1500ms infinite ease; animation:move3 1500ms infinite ease; } 
.section .btn_more:hover .span_index_four    { -webkit-animation:move4 1500ms infinite ease; animation:move4 1500ms infinite ease; } 

@-webkit-keyframes move1 { 0% { height:100%; bottom:0; } 54% { height:0; bottom:100%; } 55% { height:0; bottom:0; } 100% { height:100%; bottom:0; } }
@keyframes move1         { 0% { height:100%; bottom:0; } 54% { height:0; bottom:100%; } 55% { height:0; bottom:0; } 100% { height:100%; bottom:0; } } 
@-webkit-keyframes move2 { 0% { width:0; left:0; } 50% { width:100%; left:0; } 100% { width:0; left:100%; } } 
@keyframes move2         { 0% { width:0; left:0; } 50% { width:100%; left:0; } 100% { width:0; left:100%; } } 
@-webkit-keyframes move3 { 0% { height:100%; top:0; } 54% { height:0; top:100%; } 55% { height:0; top:0; } 100% { height:100%; top:0; } }
@keyframes move3         { 0% { height:100%; top:0; } 54% { height:0; top:100%; } 55% { height:0; top:0; } 100% { height:100%; top:0; } } 
@-webkit-keyframes move4 { 0% { width:0; right:0; } 55% { width:100%; right:0; } 100% { width:0; right:100%; } } 
@keyframes move4         { 0% { width:0; right:0; } 55% { width:100%; right:0; } 100% { width:0; right:100%; } }




/* »óÇ°¸ñ·Ï °øÅë*/
.sec_inner { position:relative; width:1300px; margin:0 auto; } 
.sec5_cont .swiper li { text-align: left; } 
.sec5_cont .swiper li a { display: block; width: 100%; overflow:hidden; } 
.sec5_cont .swiper li a img { width: 100%; transition:transform .3s } 
.sec5_cont .swiper li a:hover>img { transform:scale(1.16) rotate(5deg) } 
.sec5_cont .swiper li .txt_area { padding:2px 0 } 
.sec5_cont .swiper li .txt_area p { transition: all .3s; } 
.sec5_cont .swiper li .txt_area p.big { color: #161616; font-size: 22px; margin-bottom:1px } 
.sec5_cont .swiper li:hover .txt_area p.big { color: #000; padding-left: 21px; position:relative; } 
.sec5_cont .swiper li:hover .txt_area p.big::before { content:"¡æ"; display:inline-block; position:absolute; top:50%; left:0; font-size:17px; transition:all .5s; transform:translateY(-50%) } 
.sec5_cont .swiper li .txt_area p.sub { color:#555; font-size:16px; line-height:1.4 } 

.swiper-button-prev { position: absolute; top: 50%; left: 0; transform: translate(-80px, -50%); z-index: 2; } 
.swiper-button-next { position: absolute; top: 50%; right: 0; transform: translate(80px, -50%); z-index: 2; } 

.sec_inner .product_list8 { padding-top:0; }




/* sec1 */
#sec1 { } 
#sec1 .swiper>ul>li         { width:1300px; } 
#sec1 .swiper>ul>li>a       { display:block; width:100% } 
#sec1 .swiper>ul>li>a>img   { width:100%; } 
#sec1 .swiper .btn_wrap     { display:flex; align-items:center; gap:12px; position:absolute; bottom:0; right:50%; width:max-content; padding:30px; transform:translateX(600px); z-index:4; } 
#sec1 .swiper .btn_wrap>ul  { display:flex; align-items:center; gap:20px; padding:10px 17px; border-radius:25px; background-color:rgba(0,0,0,.4); } 

#sec1 .swiper .btn_wrap>ul li>div:has(img) { display:flex; align-items:center; justify-content:center; } 
#sec1 .swiper .btn_wrap>ul li .swiper_prev { cursor:pointer; } 
#sec1 .swiper .btn_wrap>ul li .swiper-pagination { display:flex; align-items:center; gap:1px; position:unset; color:#fff; font-size:15px;  } 
#sec1 .swiper .btn_wrap>ul li .swiper-pagination span { display:inline-block; font-size:18px; } 
#sec1 .swiper .btn_wrap>ul li .swiper_next { cursor:pointer; } 

#sec1 .swiper .btn_wrap .control a { display:flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:50%; background-color:rgba(0,0,0,.4); cursor:pointer; transition:all .1s; } 
#sec1 .swiper .btn_wrap .control a.clicked { opacity:.5; } 

#sec1 .swiper li.swiper-slide-active .txt_area p { transform:translateY(0px); opacity:1; } 
#sec1 .swiper li.swiper-slide-active .txt_area a.more { transform:translateY(0px); opacity:1; } 
#sec1 .swiper li .txt_area       { overflow:visible; position:absolute; top:73%; transform:translateY(-50%); width:100%; padding-left:283px; } 
#sec1 .swiper li .txt_area>*     { transform: translateY(-25px); } 
#sec1 .swiper li .txt_area p     { line-height:1.3; opacity:0;  } 
#sec1 .swiper li .txt_area p.big { margin-bottom:20px; transition-delay:.35s;  } 
#sec1 .swiper li .txt_area p.sub { margin-bottom:50px; font-size:18px; font-weight:400; transition-delay:.57s;  } 
#sec1 .swiper li .txt_area a.more     { opacity:0; transition-delay:.7s; } 
#sec1 .swiper li .txt_area a.more:hover { color:#fff; background-color:#000; } 




/*sec2 ¾÷Á¾º°¹è³Ê */
#sec2.section { padding:30px 0; } 
#sec2 .swiper>ul { justify-content:space-around;}
#sec2 .swiper>ul>li          { width:130px !important; height:130px; margin-right:0 !important  } 
#sec2 .swiper>ul>li>a        { display:block; width:100%; height:130px; border-radius:50%; background-repeat:no-repeat; background-position:0% 0%; background-size:auto 130px; text-indent:-999em; } 
#sec2 .swiper>ul>li:nth-child(1)>a { background-image:url("http://L2294.img2.kr/nw/DHMain/common/navi/menu_icon_1.png") }
#sec2 .swiper>ul>li:nth-child(2)>a { background-image:url("http://L2294.img2.kr/nw/DHMain/common/navi/menu_icon_2.png") }
#sec2 .swiper>ul>li:nth-child(3)>a { background-image:url("http://L2294.img2.kr/nw/DHMain/common/navi/menu_icon_3.png") }
#sec2 .swiper>ul>li:nth-child(4)>a { background-image:url("http://L2294.img2.kr/nw/DHMain/common/navi/menu_icon_4.png") }
#sec2 .swiper>ul>li:nth-child(5)>a { background-image:url("http://L2294.img2.kr/nw/DHMain/common/navi/menu_icon_5.png") }
#sec2 .swiper>ul>li:nth-child(6)>a { background-image:url("http://L2294.img2.kr/nw/DHMain/common/navi/menu_icon_6.png") }
#sec2 .swiper>ul>li:nth-child(7)>a { background-image:url("http://L2294.img2.kr/nw/DHMain/common/navi/menu_icon_7.png") }
#sec2 .swiper>ul>li:nth-child(8)>a { background-image:url("http://L2294.img2.kr/nw/DHMain/common/navi/menu_icon_8.png") }
#sec2 .swiper>ul>li>a:hover  { background-position:100% 0%; transition: all .3s; } 




/*sec3 ½Å»óÇ° */
.btn_moreGray { display:block; width:100%; line-height:40px; font-weight:bold; border:0; background-color:#efefef;}




/*sec9 MD Ãßõ ¸Þ´º */  
#sec9 .tit01        { border:1px solid #b2ebf4;  border-bottom:0; background-color:#ecffff; }
#sec9 .tit01 strong { font-size:1em; font-weight:600; }
#sec9 .tit01 span   { margin-left:5px; font-weight:600; font-size:13px;}

#headerbox21 { width:100%; padding:15px 10px; border:1px solid #b2ebf4; z-index:50; }
#headerbox21 .h_bottom21 { display:flex; flex-wrap:wrap;}
#headerbox21 .h_bottom21 li { display:flex; align-items:center; width:13.25%; height:45px; margin:6px .5%; padding:0 0 0 5px; border-radius:0 15px 0 0;
                          border-top:1px solid #d9e5ff; border-left:1px solid #d9e5ff; border-bottom:3px solid #8ec7d0; border-right:3px solid #8ec7d0; 
                          background-color:#E8FFFF; box-sizing:border-box; box-shadow:3px 3px 4px #d3d3d3;}
#headerbox21 .h_bottom21 li img    { display:inline; width:28%; min-width:33px; margin-right:3px;}
#headerbox21 .h_bottom21 li span   { display:inline; width:70%; text-align:center;}
#headerbox21 .h_bottom21 li:hover  { background-color: #fff; }
#headerbox21 .h_bottom21 li a      { display:flex; align-items:center; padding:0; color:#555; font-size:15px; font-weight:600; text-overflow:ellipsis; white-space:wrap; overflow:hidden; }
#headerbox21 .h_bottom21 li a:hover{ color:var(--main-color); font-size:16px; }
#headerbox21 .h_bottom21 li a.sel  { color:#fff; background-color:#000; }




/*sec9 ´Üµ¶¼öÀÔ ¹è³Ê*/
#sec4.section { background: #f5f5f5;} 
#sec4 ul { display:flex; flex-wrap:nowrap; justify-content:space-between; gap:20px; } 
#sec4 li { position:relative; flex-grow:1; } 
#sec4 li>a      { display:block; width:100%; } 
#sec4 li>a>img  { width: 100%; } 
#sec4 .txt_area { position:absolute; top:61%; left:40px; max-width:80%; transform:translateY(-50%); } 
#sec4 .txt_area p     { opacity:0; } 
#sec4 .txt_area p.big { margin-bottom:10px; font-size:34px; font-weight:700; transition-delay:.1s; } 
#sec4 .txt_area p.sub { margin-bottom:10px; font-size:16px; line-height:1.4; transition-delay:.27s; } 
#sec4 .txt_area a.more{ position:relative; font-size:12px; opacity:0; transition-delay:.48s;  } 
#sec4.act .txt_area p { transform: translateY(-25px); opacity: 1; } 
#sec4.act .txt_area a.more { transform: translateY(-25px); opacity: 1; } 




/* À̹ÌÁö ŸÀÌƲ »óÇ° */
.main_img_tit2  { display:flex; align-items:flex-end; justify-content:space-between; width:100%; height:200px; padding:0 25px 15px 70px; border-radius:25px 25px 0 0; box-sizing: border-box;}
.main_img_tit2 h2  { font-size:21px; font-weight:700;}
.main_img_tit2 h2 > font { display:inline-block; margin-left:5px; padding:3px 10px 1px; font-size:16px; color:yellow; border-radius:30px; background:#000;}
.main_img_tit2 big { font-size:16px; }




/* ÆÄ¿ö¸®ºä ¸ÞÀÎ Æ÷Å丮ºä */ 
#main_power_review_list    { background:#f5f5f5; }
.best_power_review_list    { display:flex; flex-wrap:wrap; justify-content:space-between; gap:15px 0;}
.best_power_review_list li { width:19%; padding:5px; background:white;} 
.best_power_review_list li img      { width:100%; border:2px solid #fff; filter:opacity(0.9); }
.best_power_review_list li img:hover{ filter: brightness(100%); border-color:var(--main-color);}
.best_power_review_list li .review_text  { height:40px; margin:5px 5px 0; font-weight:normal;  border-bottom:1px solid #e3e3e3; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.best_power_review_list li .product_name { padding:3px 5px; color:#999; font-size:0.9em;}




/*sec6 MDÃßõ ºò ¹è³Ê*/
#sec6 .sec_inner   { position:relative; } 
#sec6 .swiper li a { display:block; width:390px; height:480px; overflow:hidden; } 
#sec6 .swiper li a img     { width:auto; height:480px; transition:all 0.3s linear; } 
#sec6 .swiper li a:hover>img { transform:scale(1.16) rotate(5deg) } 
#sec6 .swiper li .txt_area { margin-top:20px;  } 
#sec6 .swiper li .txt_area p { transition:all .3s; } 
#sec6 .swiper li .txt_area p.big { margin-bottom:10px; color:#161616; font-size:24px; } 
#sec6 .swiper li:hover .txt_area p.big { position:relative; padding-left:21px; color: #000; } 
#sec6 .swiper li:hover .txt_area p.big::before { content: "¡æ"; display:inline-block; position:absolute; left:0; font-size:17px; transition:all .5s; top:50%; transform:translateY(-50%) } 
#sec6 .swiper li .txt_area p.sub { color:#555; font-size:16px; line-height:1.4; font-weight:400; } 
#sec6 .swiper-button-prev { position:absolute; top:50%; left:0; transform:translate(-80px, -50%); z-index:2; } 
#sec6 .swiper-button-next { position:absolute; top:50%; right:0; transform:translate(80px, -50%); z-index:2; } 




/* Ãß Ãµ »ó Ç° */  
#sec13 .tit01 { font-size:28px; color:var(--main-color); }




/* »óÇ°¸®½ºÆ® (MDÃßõ 2) */
#prd-infor .prd-list3 { display:flex; justify-content:space-between;}
#prd-infor .prd-list3 .info3_1       { width:150px; color:#111; font-weight:500; text-align:center; border:1px solid #999; background-color:#fff; }
#prd-infor .prd-list3 .info3_1 .tit1 { margin:30px 0 5px; font-size:28px; line-height:30px; }
#prd-infor .prd-list3 .info3_1 .tit5 { margin:10px 15px; padding:3px 3px 2px; font-size:14px; border-radius:20px; background: #f0f0f0;}
#prd-infor .prd-list3 > div:not(.info3_1) { display:flex; justify-content:flex-end; gap:25px; width: calc(100% - 170px); }

#prd-infor .prd-list3 .info3         { width:165px; font-size:12px; line-height:14px; }
#prd-infor .prd-list3 .info3 .thumb3         { width:155px; height:155px; margin:0 auto 4px;}
#prd-infor .prd-list3 .info3 .thumb3 a,
#prd-infor .prd-list3 .info3 .thumb3 img     { display:block; width:100%; height:100%; border-radius:50%;}
#prd-infor .prd-list3 .info3 .prd-name3      { width:100%; padding-top:5px; }
#prd-infor .prd-list3 .info3 .prd-subname3   { width:100%; margin:2px 0 8px; color:#888;}
#prd-infor .prd-list3 .info3 .prd-price3     { width:100%; font-size:16px; line-height:18px; font-weight:700; color:#111; }
#prd-infor .prd-list3 .info3 .prd-price3 .txt3{ color:#b6b6b6; font-size:12px; font-weight:500; text-decoration:line-through; }
#prd-infor .prd-list3 .info3 .prd-price3 .per3{ padding-right:4px; color:#ff661a; font-size:12px; font-weight:600; line-height:18px; border:1px solid #ff661a; border-radius:100px; }
#prd-infor .prd-list3 .info3 .prd-brand3     { width:100%; margin-top:3px; font-weight:500; color:#888; line-height:18px;}




/*sec7 ÇÁ¸®¹Ì¾ö°ü*/
#sec7 { background:#f5f5f5}  
#sec7 .sec7_cont { display:flex; justify-content:space-between; gap:20px;} 
#sec7 .banner_area     { position:relative; } 
#sec7 .banner_area > a { display:block; width:100%; } 
#sec7 .banner_area > a img     { width:100%; } 
#sec7 .banner_area > div       { position:absolute; top:50%; left:40px; max-width:80%; transform: translateY(-50%); } 
#sec7 .banner_area > div > *   { color:#fff; opacity:0 } 
#sec7 .banner_area > div p.big { margin-bottom:12px; font-size:34px; font-weight:700; transition-delay:.1s; } 
#sec7 .banner_area > div a     { position:relative; border-color:#fff; transition-delay:.58s; } 
#sec7 .banner_area > div a.btn_more > span { background-color:#fff } 
#sec7.act .banner_area > div p { opacity: 1; } 
#sec7.act .banner_area > div a.more { transform:translateY(0); opacity:1; }

#sec7 .item_area ul    { display:flex; flex-direction:column; justify-content:flex-start; height:100% } 
#sec7 .item_area ul>li { display:flex; align-items: center; width:100%; } 
#sec7 .item_area ul>li:nth-child(2) { margin:22px 0;}
#sec7 .item_area ul>li .info   { width:70%; height:100%; padding:0 20px 0 20px; } 
#sec7 .item_area ul>li a       { color:white; font-size:28px;}
#sec7 .item_area ul>li .title  { position:absolute; padding-left:40px;}
#sec7 .item_area ul>li .title .des { display:block; font-size:14px;}




/* ÀνºÅ¸ */
.insta     { display:flex; justify-content:space-between; width:100%;}
.insta img { width:242px;}




                      
                      
               
               
               
               
               
               





/*°Ô½ÃÆÇ*/
#sec11.section { padding-bottom:0; } 
.title {border-bottom:1px solid #000; font-size:16px; padding-left:5px; font-weight:500;}
#mainVisuTop .mainTopBn {margin:0 auto; padding-top:8px; position:relative; width:1300px; overflow:hidden;  font-weight:normal; }
#mainVisuTop .mainTopBn ul{float:left; padding-top:7px; width:100%;  padding-left:5px;}
#mainVisuTop .mainTopBn ul li{line-height:22px; letter-spacing:-0.00em;}
#mainVisuTop .mainTopBn ul li a{font-size:14px; font-weight:300;}
#mainVisuTop .mainTopBn ul li span{float:right; color:#b7b8bb; font-size:14px;}
#mainVisuTop .mainTopBn .width180{}
#mainVisuTop .mainTopBn .main_tit {width:210px; font-size:12px; border-bottom:2px solid #b7b8bb;}














/* À§½Ã¸®½ºÆ® ¹öÆ° ¾÷µ¥ÀÌÆ® º¯°æ */
#productDetail .thumb-info .info .prd-icons .prd-icon img { margin-left: 3px; } 
#productDetail .thumb-info .info .prd-icons .prd-icon img:first-child { margin-left: 0; }
// count 
.item_list .thumb .prd-wish { display: inline-block; width: 65px; text-align: right; vertical-align: top; } 
.item_list .thumb .prd-wish p { display: inline-block; height: 22px; line-height: 20px; padding: 0 4px 0 24px; border: 1px solid #b9b9b9; border-radius: 3px; font-size: 13px; color: #000; background: #fff url('/images/common/ico_wish_detail_count.png') no-repeat 5px center; } 

// ¹öÆ° 
.item_list .thumb .prd-wish { display: inline-block; width: 65px; text-align: right; vertical-align: top; } 
.item_list .thumb .prd-wish span {z-index:50; display:inline-block; height: 22px; position:absolute; top:5px; right:5px; /*border: 1px solid #b9b9b9; border-radius: 3px;*/  /*background: #fff url('/images/common/ico_wish_detail_count.png') no-repeat 5px center;*/ } 
.item_list .thumb .prd-wish .my-wish-count{line-height:12px; font-size:11px; color:#323232; width:17px; text-align:center;}

#productDetail .thumb-info .info .prd-btns #MS_btn_wish .ico-wish { display: inline-block; width: 16px; height: 14px; margin-right:2px; background: url('/images/common/ico_wish_detail_off.png') no-repeat center center; vertical-align: middle; } 
#productDetail .thumb-info .info .prd-btns #MS_btn_wish.wish-on .ico-wish { background: url('/images/common/ico_wish_detail_on.png') no-repeat center center; } 
#productDetail .thumb-info .info .tit-prd{font-weight:bold; font-size:20px; color: #252525; padding:30px 0 5px; line-height:25px; border-bottom:1px solid #828282;}
#productDetail .thumb-info .info .tit-prd span{/*color:#5d87b3;*/ font-size:15px; font-weight:normal;}
#productDetail .thumb-info .info .tit-prd .MK-product-icons{display:inline-block; vertical-align:middle;}









/* »óÇ°¸®½ºÆ® (¸ÞÀÎ/°Ë»ö/»óÇ°¸®½ºÆ® 7°³Áø¿­)*/
.product_list7{}
.prd-list7 {}
.prd-list7 .info7                 { width:172px; font-weight:500;}
.prd-list7 .info7:last-child      { margin-right:0; }
.prd-list7 .info7 .thumb7         { width:173px; height:170px; }
.prd-list7 .info7 .thumb7 a,
.prd-list7 .info7 .thumb7 img     { display:block; width:100%; height:auto; }
.prd-list7 .info7 .prd-name7      { padding-top:10px; font-weight:600; font-size:18px; height:50px; line-height:14px; }
.prd-list7 .info7 .prd-subname7   { color:#888; line-height:22px; letter-spacing:-0.5px; }
.prd-list7 .info7 .prd-price7     { width:100%; font-size:18px; line-height:24px; color:#111; }
.prd-list7 .info7 .prd-price7 .per7 { padding:0 4px; color:#ff661a; font-size:13px; border:1px solid #ff661a; border-radius:100px; vertical-align:middle; } 
.prd-list7 .info7 .prd-brand7     { line-height:20px; color:#888; }






/* BASIC css end */