/* BASIC css start */
/* page-hd */
#productPlan .page-hd { padding: 8px 15px 5px; background-color: #c9c9c9; }
#productPlan .page-hd h2 { color: #fff; font-size: 14px; font-weight: bold; text-transform: uppercase; }
/* page-body */
#productPlan .page-body { padding-bottom: 80px;  }
#productPlan .page-body .visual { margin-top: 5px; text-align:center; }
#productPlan .page-body .pick { margin-top: 10px; text-align: right; }
#productPlan .page-body .pick select { width: 320px; border: 1px solid #c5c5c5; }
#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; text-align:center; }
#productPlan .page-body .prd-list .thumb { width: 176px; height: 176px;}:

/* 네이버 앵커 */
#productPlan .prd-list .tb-center,
#productPlan .prd-list .tb-left,
#productPlan .prd-list .tb-right { position: relative; }
#productPlan .nhn_anchor_text { position: absolute; padding: 5px; top: 0px; left: 0px; margin-left: 10px; }
#productPlan .nhn_anchor_select { } /* focus상품 */ 

button, select {
    text-transform: none;
    padding: 0px 1%!important;
    height: 45px!important;
    width: 57%!important;
    margin: 27px 26% 43px 27%!important;
}


h3.title {
   margin-top: 22px;
    margin-bottom: 40px;
    border-top: 1px solid #a0a0a0;
    border-bottom: 1px solid #a0a0a0;
    padding: 15px 0px 15px 0px;
    text-align: center;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-size: 25px !important;
}


.scrollEv{ cursor: pointer;}
.menuBtn{width:1100px; margin: 0 auto;}
.menuBtn img{ cursor: pointer; width: calc(100%/3);}

.visual.tata{position:relative;}
@font-face {
    font-family: 'SpoqaHanSansNeo-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.prmWrap{ overflow-x: hidden;}

#planid_31{ width: 100%; text-align: center; position:relative;}
#planid_31 #HourCountdown { font-family:'SpoqaHanSansNeo-Regular'; font-size: 106px; position:absolute; left:50%; transform:translateX(-50%); top:55%; text-align:center; font-weight:400; width: 85%; display: flex; color:#343434;}
#planid_31 #HourCountdown span{letter-spacing:0px; width: calc(100%/3); display: block; }

#planid_30{ width: 100%; text-align: center; position:relative;}
#planid_30 #HourCountdown { font-family:'SpoqaHanSansNeo-Regular'; font-size: 106px; position:absolute; left:50%; transform:translateX(-50%); top:26%; text-align:center; font-weight:400; width: 74%; display: flex; color:#343434;}
#planid_30 #HourCountdown span{letter-spacing:0px; width: calc(100%/3); display: block; }

.slideBox.swiper01{position:relative; overflow:hidden; width: 100%; }
.swiper01{position:relative;}
.swiper01 .swiper-button-prev{top:50%; width:68px; height:64px; left:50px; filter:invert(100%) sepia(0%) saturate(1%) hue-rotate(139deg) brightness(105%) contrast(101%); color: #000;}
.swiper01 .swiper-button-next{top:50%; width:68px; height:64px; right:50px; filter:invert(100%) sepia(0%) saturate(1%) hue-rotate(139deg) brightness(105%) contrast(101%); color: #000;}

.swiper01 .swiper-pagination{ bottom:30px !important;}
.swiper01 .swiper-pagination-bullet{width:15px; height:15px; background:#fff; margin:0 14px !important;}
.swiper01 .swiper-pagination-bullet-active{background:#fff;}

.swiper02{position:relative;}
.swiper02 .swiper-button-prev{top:40%; width:68px; height:64px; left:50px; filter:invert(100%) sepia(0%) saturate(1%) hue-rotate(139deg) brightness(105%) contrast(101%); color: #000; }
.swiper02 .swiper-button-next{top:40%; width:68px; height:64px; right:50px; filter:invert(100%) sepia(0%) saturate(1%) hue-rotate(139deg) brightness(105%) contrast(101%); color: #000; }


.swiper_container{position:relative;}
.swiper_container .swiper03{position:absolute; overflow:hidden; top: 55%; left: 55%; transform: translate(-50%, -50%); width: 80%; height: 30%; text-align: left;}
.swiper03 .swiper-wrapper .swiper-slide {display: flex; flex-direction: column; justify-content: center;}
.swiper03 .swiper-wrapper .swiper-slide strong{font-size: 60px; color:#ffffff;}
.swiper03 .swiper-wrapper .swiper-slide span{font-size: 32px; color:#ffffff;}

.accordionBox{ display: none;}


.autoSlide .swiper-wrapper{transition-timing-function:linear;}


.paginationCustomSlide{position:relative; overflow:hidden;}
.paginationCustomSlide .swiper02 .btnList{width:100%; padding:30px 0; background:#141414;}
.paginationCustomSlide .swiper02 .swiper-pagination{position:relative; width:100%; display: flex; justify-content: center; margin:0 0 0 auto; bottom:0;}
.paginationCustomSlide .swiper02 .swiper-pagination > span{display:block; padding:10px 30px; opacity:1; border-radius:50px; border:solid 1px #fff; background:none; width:auto; height:auto; margin:0 25px;}
.paginationCustomSlide .swiper02 .swiper-pagination > span.swiper-pagination-bullet-active{background:#fff;}
.paginationCustomSlide .swiper02 .swiper-pagination > span span{color:#fff; font-size:28px; font-weight:500;}
.paginationCustomSlide .swiper02 .swiper-pagination > span.swiper-pagination-bullet-active span{color:#000;}
.paginationCustomSlide .swiper02 .swiper-button-prev{top:21.4%; width:135px; height:100px; background:none;}
.paginationCustomSlide .swiper02 .swiper-button-next{top:21.4%; width:135px; height:100px; background:none;}
.paginationCustomSlide .swiper02 .swiper-button-prev::after, .paginationCustomSlide .swiper02 .swiper-button-next::after{font-size:0}

.floatingBtn{position:fixed; bottom:2%; left:50%; transform:translateX(-50%); width:50%; z-index:999999;}


.prd_tab{display:flex; gap:22%; padding:2% 10%; width:100%; background:#ffffff;}
.prd_tab li{font-size:22px; width:33.33%; height:80px; line-height:80px; background:#ffffff; color:#000000; border:1px solid #000000}
.prd_tab li.on{color:#ffffff; background:#000000;}
.prd_tab li img{display:none;}
.prd_tab li img.on{display:block;}

.tab_box > .tab-con{display:none;}
.tab_box > .tab-con.on{display:block;}

/* BASIC css end */