/* BASIC css start */
/* ¼±¹°Çϱâ */
.clear:after {
    content: "";
    display: block;
    clear: both;
}
#wrap {position:relative;word-break:keep-all;overflow-x:auto;min-width:1460px}
.inner {position:relative;margin:0 auto;width:1280px}
.inner:after {content:"";display:block;clear:both; } 
#content .page_intro {position:relative;margin:55px auto 0;width:1280px}
#content .page_intro .page_title {display:inline-block;padding-bottom:40px;font-weight:700;font-size:32px;line-height:40px;color:#000;text-align:left;letter-spacing:-1px}
.gift_main .cate {position:relative; } 
.gift_main .recomm.cont_parent .banner {width:100%;height:120px;overflow:hidden;border-radius:20px;margin-bottom:80px}
.gift_main .recomm.cont_parent .banner img {width:100%;border-radius:20px;position:relative;top:50%;left:50%;transform:translate(-50%,-50%); } 
.gift_main .recomm.cont_parent .top_box {text-align:center; } 
.gift_main .recomm.cont_parent .top_box .tit {font-size:28px;line-height:36px;color:#000;font-weight:700;margin-bottom:28px; } 
.gift_main .recomm.cont_parent .top_box .cont_tab .gender {padding:0 310px; } 
.gift_main .recomm.cont_parent .top_box .cont_tab .gender a {display:inline-block;position:relative;float:left;width:320px;height:100px;line-height:72px;padding:14px 0;text-align:center;border-radius:60px;font-size:28px;font-weight:700;letter-spacing:-0.2px; } 
.gift_main .recomm.cont_parent .top_box .cont_tab .gender a:after {transition:border 0.1s ease-in-out;content:'';display:block;position:absolute;width:100%;height:100%;border-radius:60px;top:0;left:0;border:1px solid transparent; } 
.gift_main .recomm.cont_parent .top_box .cont_tab .gender a:not(:last-child) {margin-right:20px; } 
.gift_main .recomm.cont_parent .top_box .cont_tab .gender a.on {font-weight:700;color:#000; } 
.gift_main .recomm.cont_parent .top_box .cont_tab .gender a.female {background:rgba(251,98,142,0.15); } 
.gift_main .recomm.cont_parent .top_box .cont_tab .gender a.female:hover:after {border:1px solid #fb62be; } 
.gift_main .recomm.cont_parent .top_box .cont_tab .gender a.female.on {background:#fb628e;box-shadow:0 0 20px 0 rgba(233,174,191,1); } 
.gift_main .recomm.cont_parent .top_box .cont_tab .gender a.male {background:rgba(40,181,235,0.15); } 
.gift_main .recomm.cont_parent .top_box .cont_tab .gender a.male:hover:after {border:1px solid #28b5eb; } 
.gift_main .recomm.cont_parent .top_box .cont_tab .gender a.male.on {background:#28b5eb;box-shadow:0 0 20px 0 rgba(163,217,238,1); } 
.gift_main .recomm.cont_parent .top_box .cont_tab .gender a span {display:inline-block;padding-left:90px; } 
.gift_main .recomm.cont_parent .top_box .cont_tab .gender a.female span {background:url("/design/ahngookthc/img/woman.png") left center no-repeat;color:#f498b3;background-size: 64px;} 
/*.gift_main .recomm.cont_parent .top_box .cont_tab .gender a.female.on span {background:url("https://www.nutrione.co.kr/res/images/icn_woman_on.png") left center no-repeat;color:#fff;background-size:72px; } */
.gift_main .recomm.cont_parent .top_box .cont_tab .gender a.male span {background:url("/design/ahngookthc/img/man.png") left center no-repeat;color:#97d8f2;background-size:64px; } 
/*.gift_main .recomm.cont_parent .top_box .cont_tab .gender a.male.on span {background:url("https://www.nutrione.co.kr/res/images/icn_man_on.png") left center no-repeat;color:#fff;background-size:72px; } */
.gift_main .recomm.cont_parent .top_box .age_box {position:absolute;width:100%;z-index:1; } 
.gift_main .recomm.cont_parent .top_box .age {position:relative;height:76px;display:table;width:100%;table-layout:fixed;background:#052832;padding:24px 328px;border-radius:15px;margin-top:28px; } 
.gift_main .recomm.cont_parent .top_box .age:after {content:'';display:block;position:absolute;width:0px;height:0px;top:-16px;left:500px;border-top:none;border-bottom:16px solid #052832;border-right:10px solid transparent;border-left:10px solid transparent; } 
.gift_main .recomm.cont_parent .top_box .age.female_caret:after {left:464px; } 
.gift_main .recomm.cont_parent .top_box .age.male_caret:after {left:804px; } 
.gift_main .recomm.cont_parent .top_box .age a {position:relative;display:table-cell;width:100%;font-size:24px;line-height:28px;text-align:center;color:rgba(255,255,255,0.5);font-weight:400; } 
.gift_main .recomm.cont_parent .top_box .age a:hover {color:rgba(255,255,255,0.7); } 
.gift_main .recomm.cont_parent .top_box .age a:not(:first-child):after {display:block;content:'';position:absolute;width:1px;height:20px;top:4px;background:rgba(255,255,255,0.5)}
.gift_main .recomm.cont_parent .top_box .age a.on {font-weight:500;color:rgba(255,255,255,1); } 
.gift_main .recomm.cont_parent .cont_con {padding-top:116px; } 
.gift_main .recomm.cont_parent .cont_con.female {display:block}
.gift_main .product_list_div .product_list {margin-top:48px; } 
.gift_main .product_list_div .product_list .pd_info {padding-bottom: 0; } 


/* class-list */
#productClass .cate-wrap { overflow:hidden }
#productClass .cate-wrap .bcate { font-family: 'Jost','Noto Sans KR', sans-serif;padding:70px 0 40px;  font-size:32px; color:#222222; font-weight:500; text-align:center; }
#productClass .cate-wrap .class-list ul { text-align:center}
#productClass .cate-wrap .class-list ul:after { display:block; clear:both; content:'' }
#productClass .cate-wrap .class-list ul li { margin: 5px; display:inline-block; }
#productClass .cate-wrap .class-list ul li a { font-family: 'Jost','Noto Sans KR', sans-serif;display:block; font-size:15px; color:#999999; background-color:#f9f9f9; padding:13px 30px; border-radius:30px ; transition:all .2s}
#productClass .cate-wrap .class-list ul li a:hover,#productClass .cate-wrap .class-list ul li.sel a{background-color:#fff; color:#000; box-shadow:0 0 4px 1px rgba(0,0,0,.1)}
/* best-item */


#productClass .best-item { padding-top: 20px; padding-bottom: 10px; border-top: 2px solid #5c5c5c; border-bottom: 2px solid #5c5c5c; background-color: #f8f8f8; }

.best_sec{margin-bottom:60px; padding:100px 0 30px; }

.best_sec_inner{ margin:0 auto;position:relative; }
.best_sec .swiper{padding-bottom:40px;}
.best_sec .swiper .swiper-pagination-progressbar{bottom: 0; top: unset; height:3px; background-color: rgba(0,0,0,.09);}
.best_sec .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #dc3737;}


/* BASIC css end */