@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%;}
/* p, h4, h5, h6, span {transform:rotate(0.03deg);} */

/* Footer 재정의 */
footer.hkl-area {background:#545454; padding: 40px 0 60px;}
/* main.landing-main + footer.hkl-area {padding: 40px 0 60px;} */
.footer-container {justify-content:space-between; width:1200px; max-width:1346px; margin:0 auto;}

/* Header */
.landing-main-header .gnb-contents {border-top:1px solid #ccc;}
.m-gnb-wrap {position:relative; background-color:#ed008c; font-family:'GmarketSans';}
.m-gnb-wrap::after {content:""; position:absolute; top:57px; width:100%; height:1px; background-color:#f466ba;}
.m-gnb-wrap .menu {position:relative; display:flex; width:1200px; margin:0 auto; z-index:1; }
.m-gnb-wrap .menu a {transform:rotate(0.03deg);}
.m-gnb-wrap .menu .dep1 {width:calc(100% / 5);}
.m-gnb-wrap .menu .dep1 > a {display:flex; align-items:center; justify-content:center; position:relative; height:58px; padding-top:4px; color:#fff; font-size:20px;}
.m-gnb-wrap .menu .dep1 > a::before {content:""; position:absolute; left:0; bottom:0; width:0; height:3px; background-color:#fff; opacity:0; transition:width 0.4s ease, opacity 0.5s ease;}
.m-gnb-wrap .menu .dep1:hover > a::before {width:100%; opacity:1;}
.m-gnb-wrap .submenu .dep2 {padding:10px; text-align:center;}
.m-gnb-wrap .submenu .dep2 > a {display:inline-block; padding:4px 0 2px; line-height:1.1; text-align:left; font-size:17px; color:#f799d1;}
.m-gnb-wrap .submenu .dep2 > a:hover {padding-left:31px; letter-spacing:-0.09em; color:#fff; background:url('../img/main/ico_arr_right.png') no-repeat left top; }
.m-gnb-wrap .menu .dep1 .submenu {display:none; height:0; opacity:0; padding:20px 0 30px;}
.m-gnb-wrap .menu:hover .submenu {display:block; height:auto; opacity:1; transition:height 1s ease, opacity 0.5s ease;}

.hkl-area.landing-main {min-width:1346px;}
/* Visual */
.landing-main .hkl-content {width:100%; max-width:initial; margin:0; padding-top:147px;}
.landing-visual-container {width:100%; background-color:#ffeaf7;}
.landing-visual-wrap {width:1200px; margin:0 auto;}
.landing-visual-wrap .splide__pagination {bottom:50px; left:-10px; right:initial;}
.landing-visual-wrap .splide__pagination__page {margin:5px; }
.landing-visual-wrap .splide__pagination__page.is-active {margin-left:10px; margin-right:10px;}
.landing-visual-wrap .splide__arrow {width:33px; height:62px;}
.landing-visual-wrap .splide__arrow svg {display:none;}
.landing-visual-wrap .splide__arrow--prev {left:-73px; background:url('../img/main/ico_arr_prev.png') no-repeat center center;}
.landing-visual-wrap .splide__arrow--next {right:-73px; background:url('../img/main/ico_arr_next.png') no-repeat center center;}

/* Product */
.landing-prd-wrap {padding-top:100px;}
.products .prd-list {display:flex; flex-flow:row wrap; gap:30px; width:1200px; margin:0 auto;}
.products .prd-list .prd-item {width:380px; height:460px; }
.products .prd-list .prd-item a {display:block; width:100%; height:100%; overflow:hidden; border:1px solid #ccc; border-radius:30px; box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.1);}
.products .prd-list .prd-item._pd01:hover a {border-color:#e6d3de;}
.products .prd-list .prd-item._pd02:hover a {border-color:#dad5e6;}
.products .prd-list .prd-item._pd03:hover a {border-color:#c5dde6;}
.products .prd-list .prd-item._pd04:hover a {border-color:#cbe2e1;}
.products .prd-list .prd-item._pd05:hover a {border-color:#e6d3de;}
.products .prd-list .prd-item._pd06:hover a {border-color:#dad5e6;}

/* Information */
.landing-info-wrap {width:1200px; margin:60px auto 0; padding-top:61px; border-top:1px solid #e6e6e6;}
.landing-info-wrap .info-box {display:flex; align-items:center; justify-content:space-between; padding:30px 50px; border:1px solid #ccc; border-radius:20px; text-align:center; font-family:'GmarketSans';}
.landing-info-wrap .info-box .info-title {display:flex; flex-direction:column; align-items:flex-start; color:#767676;}
.landing-info-wrap .info-box .info-label {font-weight:bold; color:#555; font-size:26px;}
.landing-info-wrap .info-box .info-label-desc {padding-top:12px; font-size:20px;}
.landing-info-wrap .info-box .info-tel {height:30px; padding-left:46px; line-height:1.25; font-weight:bold; font-size:28px; color:#545454; background:url('../img/main/ico_call.png') no-repeat left center;}