@charset "UTF-8";
@import "main.css";

/* reset */
dl, ol, ul {margin:0; padding:0;}

   
/* common */
.hide-txt {overflow: hidden; position: absolute; width: 1px; height: 1px; font-size: 1px; line-height: 0; clip: rect(0 0 0 0); white-space: nowrap; margin: -1px; padding: 0; border: 0;}
/* i[class*="ico"] {display:inline-block;} */
.ico-momenu {display:inline-block; width:100%; height:100%; background:url("../img/main/ico_menu.png") no-repeat left center/auto 100%;}

main.hkl-area {padding-top:22.40vw;}

/* Header */
.m-haeder .hk-top-menu {z-index:200;}
.sc-hide {height:100%; min-height:100%; overflow:hidden; touch-action:none;}
.btn-momenu {width:10.67vw; height:10.67vw; margin-right:1.3333rem;}
.btn-momenu.close .ico-momenu {background-position:right center;}
.hk-top-menu {border-bottom:0.3vw solid #ccc}
.hk-top-menu img.phone {margin-right:0.6rem;}
.gnb-contents {display:none; position:fixed; top:22.1vw; width:100vw; height:calc(100% - 22.1vw); overflow:auto; background-color:#fff; z-index:100;}
.gnb-contents.open {display:block;}
.m-gnb-wrap .menu a {display:flex; align-items:center; padding:0 8vw; font-family:Pretendard; font-size:6.1vw; color:#262626; font-weight:500; letter-spacing:-0.07em;}
.m-gnb-wrap .menu .dep1.active {background-color:#ec008c;}
.m-gnb-wrap .menu .dep1.active > a {color:#fff; border-color:#f466ba; background-image:url("../img/main/ico_arr_m_up.png");}
.m-gnb-wrap .menu .dep1 > a {height:19.7333vw; border-bottom:0.3vw solid #ccc; background:url("../img/main/ico_arr_m_down.png") no-repeat right 7.7333vw center/3.7333vw auto;}
.m-gnb-wrap .menu .dep1.none-sub > a {background:none;}/* ADD-20250901 : 햄버거메뉴 하위 메뉴 없는 1depth 메뉴 추가 */
.m-gnb-wrap .menu .submenu {max-height:0; overflow:hidden; opacity:0; transform:translateY(-1.3333vw); transition:all 0.2s ease;}
.m-gnb-wrap .menu .dep1.active .submenu {padding:4vw 0; max-height:222.2222vw; opacity:1; transform:translateY(0);}
.m-gnb-wrap .menu .dep2 > a {height:17.0666vw; line-height:1; font-size:5.3vw; color:#f799d1; letter-spacing:-0.05em;}
.m-gnb-wrap .menu .dep2 > a:active, 
.m-gnb-wrap .menu .dep2.current > a {padding-left:17.3333vw; color:#fff; background:url("../img/main/ico_arr_m_right.png") no-repeat left 8vw center/6.4vw auto;}

/* Visual */
.landing-visual-wrap {width:100%; padding:13.3333vw 0; background-color:#ffeaf7;}
.landing-visual-wrap .splide {padding-bottom:2.4rem;}
.landing-visual-img {width:100%;}
.landing-visual-wrap .splide__pagination {bottom:0; padding:0.4666rem 1rem;}
.landing-visual-wrap .splide__pagination__page {width:3.3333vw; height:3.3333vw; }
.landing-visual-wrap .splide__pagination__page.is-active {width:8.3333vw; margin:0.8333vw 1.6666vw;}

/* Product */
.landing-prd-wrap {padding-top:7.1111vw;}
.products .prd-list .prd-item {padding:2.6666vw 5.3333vw;}
.products .prd-list .prd-item a {display:block; width:100%; height:100%; overflow:hidden; border:0.27vw solid #ccc; border-radius:8.00vw; box-shadow:0 1.07vw 1.07vw 0 rgba(0, 0, 0, 0.1);}
.products .prd-list .prd-item._pd01.active a {border-color:#e6d3de;}
.products .prd-list .prd-item._pd02.active a {border-color:#dad5e6;}
.products .prd-list .prd-item._pd03.active a {border-color:#c5dde6;}
.products .prd-list .prd-item._pd04.active a {border-color:#cbe2e1;}
.products .prd-list .prd-item._pd05.active a {border-color:#e6d3de;}
.products .prd-list .prd-item._pd06.active a {border-color:#dad5e6;}

/* Information */
.landing-info-wrap {margin:8.8888vw 5.3333vw 21.3333vw; padding-top:10.6666vw; border-top:0.27vw solid #e6e6e6;}
.landing-info-wrap .info-box {display:flex; align-items:center; justify-content:space-between; padding:6.2222vw 5.3333vw; border:0.27vw solid #ccc; border-radius:4.2vw; text-align:center; font-family:Pretendard; font-size:6.1vw;}
.landing-info-wrap .info-box .info-label {font-weight:800; color:#767676;}
.landing-info-wrap .info-box .info-tel {font-weight:800; color:#545454;}