/* BASIC css start */
:root {
  --swiper-navigation-color:#fff;
}



/* page-body */
#productPlan .page-body .visual { margin-top:30px }
#productPlan .page-body .pick { margin-top:30px; text-align:center }
#productPlan .page-body .pick select { width:588px; height:38px; font-size:15px; color:#555; text-align:center }
#productPlan .page-body .clst { zoom: 1; overflow: hidden; margin-top: 10px; padding: 10px 7px 7px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
#productPlan .page-body .clst li { float: left; margin-right: 15px; padding-left: 10px; background: url(/images/d3/modern_simple/common/bull_h2_sqr_gray.gif) no-repeat 0 45%; }
#productPlan .page-body .clst li a { display: block; white-space: nowrap; }
#productPlan .page-body .p-hd { position: relative; margin-top: 70px; padding: 0 10px 5px; border-bottom: 2px solid #5c5c5c; }
#productPlan .page-body .p-hd.mt-35 { margin-top: 35px; }
#productPlan .page-body .p-hd h3 { color: #5c5c5c; font-size: 14px; font-weight: bold; letter-spacing: -1px; }
#productPlan .page-body .p-hd .top { position: absolute; top: 0; right: 5px; color: #5c5c5c; }
#productPlan .page-body .plst { zoom: 1; overflow: hidden; margin: 25px auto 0; }
#productPlan .page-body .item-wrap { padding-top:50px; }

/*html { scroll-behavior: smooth; }*/
#productPlan * { box-sizing:border-box; }
#productPlan .page-body .item-wrap * { font-family: 'Noto Sans KR', sans-serif; }

#contentWrap {
    width:1300px;
}

#productPlan .content-wrap {
    width:1300px;
}

#productPlan .plan-title {
    text-align:center;
    font-weight:bold;
    font-size:24px;
    display:inline-block;
    width:100%;
}

#productPlan .page-body .clst {
    background-color:#333;
    border:0; margin:0;
    /*padding: 20px 10px;*/
    padding:0;
}
#productPlan .page-body .clst * {
    font-size:18px;
}
#productPlan .page-body .clst li {
    background:none;
    list-style:none;
    padding:0; margin:0;
    /*width:12.5%;*/
    cursor:pointer;
}
#productPlan .page-body .clst li a {
    display:block;
    height:60px; line-height:60px;
    padding:0 20px; margin:0 2px;
    /*font-weight:bold;*/
    text-align:center;
    color:rgba(255,255,255,.8);
}

#productPlan .page-body .clst li a.is-sel {
    font-weight:bold; 
    text-decoration: underline #e3d5ae 6px;
    color:#fff;
}

#productPlan .page-body .clst.scroll-fix {
    position:fixed;
    top:0;
    z-index:999;
    width:100%;
}

#productPlan .item-wrap {
    width:1300px;
    margin:0 auto;
}

#productPlan  .item-wrap .item-cont {
    width:100%;
}

#productPlan .item-wrap .item-cont .item-list {
    width:310px;
    margin-right:20px;
    margin-top:20px;
    position:relative;
}

#productPlan .item-wrap .item-cont .item-list:nth-child(4n){
    margin-right:0px;
}

#productPlan .item-wrap .item-cont .item-list .sale-ico {
    position:absolute;
    width:40px; /*height:40px;*/ line-height:40px;
    background:#333;
    color:#fff;
    font-weight:bold;
    text-align:center;
    top:10px; right:10px;
}

#productPlan .item-wrap .item-cont .item-list .coupon-ico {
    position:absolute;
    width:40px; height:40px;
    line-height:1em;
    background:#8c55b2;
    color:#fff;
    font-weight:bold;
    text-align:center;
    top:55px; right:10px;
    padding: 8px 0;
}


#productPlan .item-wrap .item-cont .item-list .thumb {
    width:310px; height:450px;
    position:relative;
}
#productPlan .item-wrap .item-cont .item-list .thumb .-hover {
    position:absolute;
    top:0; left:0;
    opacity:0;
    transition:.3s;
}
#productPlan .item-wrap .item-cont .item-list .thumb:hover .-hover{
    opacity:1;
}


#productPlan .item-wrap .item-cont .item-list .thumb img {
    width:310px; height:450px;
}


#productPlan .item-wrap .item-cont .item-list .prd-name a {
    font-size:16px;
    line-height:1.4em;
}

#productPlan .item-wrap .item-cont .item-list .prd-info {
    text-align:left;
}

#productPlan .item-wrap .item-cont .item-list .prd-price {
    font-size:15px;
}

#productPlan .item-wrap .item-cont .item-list .prd-price .price {
    margin-left:10px;
    font-weight:bold;
}

#productPlan .item-wrap .sec-title {
    font-weight:bold;
    font-size:20px;
    color:#222;
    height:40px; line-height:40px;
    padding-left:10px;
    border-bottom: 1px solid #e5e5e5;
}



#productPlan .listPrice {
    font-weight:bold;
    margin:0;
    font-size:14px;
    padding-left:8px;
}

#productPlan .listDiscount {
    margin-top:5px;
}

.plan-title img {
    width:100%;
}

#productPlan h3.sec-title {
    font-weight:bold;
    font-size:32px;
    text-align:center;
    padding:100px 0 40px;
}

/*Å«½½¶óÀ̵å*/

#productPlan .cover-best {
    background-color:#faf6ea;
}
#productPlan .comf-best {
    background-color:#f5edd6;
}

#productPlan .big-slide {
    padding-bottom:20px;
}
#productPlan .big-slide .swiper-wrap {
    width:1300px;
    overflow:hidden;
    padding:20px 0;
    margin:20px auto 60px;
}
/*#productPlan .big-slide .swiper-wrap .swiper-wrapper {

    width:1300px;
    overflow:hidden;
    padding:20px 0;
    margin:20px auto 60px;
}*/
#productPlan .big-slide .swiper {
  width: 150%;
  height: auto;
}

#productPlan .big-slide .swiper .swiper-slide {
    background-color:transparent;
    color:#fff;
    /*height:150px;*/ line-height:150px; text-align:center;
}

#productPlan .big-slide .swiper .swiper-slide img {
    width:100%;
}

/*ÀÛÀº½½¶óÀ̵å*/
#productPlan .sub-best {
    background-color:#faf6ea;
}

#productPlan .season-best {
    background-color:#f5edd6;
    background-image:url('http://elenaheim.img4.kr/content/event/2022bestaward/season_bg.jpg');
    background-attachment: fixed;
    text-align:center;
}

#productPlan .season-best .tree-item img {
    background-color:#fff;
    padding:20px;
    margin:0 auto;
    margin-bottom:40px;
}

#productPlan .small-slide #subTabMenu {
    text-align:center;
}

#productPlan .small-slide #subTabMenu li {
    display:inline-block;
    font-size:20px;
    color:#fff;
    background-color:#d4b380;
    border:1px solid #bb904c;
    width:18%; padding:20px 0;
    margin-right:
    text-align:center;
    border-radius:50px;
    margin-bottom:20px;
    cursor:pointer;
    margin-right:10px;
}
#productPlan .sub-best #subTabMenu li.is-sel {
    background-color:#bb904c;
}

#productPlan .small-slide .sub-box {
    background:#fff;
    width:1300px;
    overflow:hidden;
    margin:10px auto 20px;
    display:none;
}

#productPlan .small-slide .sub-box.is-sel {
    display:block;
}

#productPlan .small-slide {
    padding-bottom:40px;
}
#productPlan .small-slide .swiper-wrap {
    width:1300px;
    overflow:hidden;
    padding:40px 20px;
}
#productPlan .small-slide .small-swiper {
    background-color:transparent;
    width: 125%;
    height: auto;
}

#productPlan .small-slide .small-swiper .swiper-slide {
    /*background-color:#333;*/
    background-color:transparent;
    color:#fff;
    /*height:150px; line-height:150px; text-align:center;*/
}

#productPlan .small-slide .small-swiper .swiper-slide img {
    width:100%;
}


/*À¯ÀÇ»çÇ×*/
#productPlan .event-info {
    background-color:#eee;
    color:#222;
    padding:20px;
    border-bottom:1px solid #ccc;
}
#productPlan .event-info h3 {
    font-weight:bold;
    font-size:16px;
    position:relative;
    cursor:pointer;
}

#productPlan .event-info h3::after {
    content:'+';
    position:absolute;
    right:10px;
    font-weight:lighter;
    color:#666;
    top:50%; transform:translateY(-50%) scale(1.5);
}

#productPlan .event-info p {
    line-height:1.5em;
    font-size:12px;
    display:none;
    padding-top:16px;
}
#productPlan .event-info p.on {
    display:block;
}



/*°øÀ¯Çϱâ*/
#productPlan #shareSec {
    text-align:center;
    padding:40px 20px 60px;
    background-color:#eee;
    /*margin-bottom:-30px;*/
}
#productPlan #shareSec h3 {
    font-weight:bold;
    font-size:16px;
    margin-bottom:20px;
}

/*urlº¹»çÇϱâ*/
#productPlan #shareSec #shareBtn { 
    font-size: 40px;
    display: inline-block;
    background-color: #fff;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 100px;
    overflow:hidden;
    padding:3px;
}
#productPlan #shareSec #shareBtn i {
    text-align:center; /*vertical-align: middle;*/
    transform: rotate(-45deg);
}
 
/* kakao °øÀ¯*/
#productPlan #shareSec .kakao-share-btn{ display:inline-block; width: 60px;height: 60px;border-radius: 50px;overflow: hidden;background-color: #fae100;
    margin-right:10px; }
#productPlan #shareSec .kakao-share-btn img { width:100% }


#productPlan .btn_moreGray {
    font-size:16px;
    text-decoration:underline;
}

/* BASIC css end */