/* BASIC css start */
/* BASIC css start */
/*** ¼±¹°Çϱâ ***/
.clear:after {content:"";display:block;clear:both; } 
.gift_main .cate {position:relative; } 
.gift_main .sub_tab a {width:50%}
.gift_main .recomm.cont_parent .banner {margin:20px auto 0;width:calc(100% - 40px);width:-webkit-calc(100% - 40px)}
.gift_main .recomm.cont_parent .banner img {width:100%;border-radius:15px}
.gift_main .recomm.cont_parent .top_box {padding:32px 20px 80px 20px; } 
.gift_main .recomm.cont_parent .top_box .tit {font-size:16px;line-height:22px;color:#000;font-weight:700;margin-bottom:16px; } 
.gift_main .recomm.cont_parent .top_box .cont_tab .gender {width:100%;padding:0 16px; } 
.gift_main .recomm.cont_parent .top_box .cont_tab .gender a {display:block;float:left;width:calc(50% - 4px);width:-webkit-calc(50% - 4px);height:60px;line-height:32px;padding:14px 0;text-align:center;border-radius:40px;font-size:14px;font-weight:700; } 
.gift_main .recomm.cont_parent .top_box .cont_tab .gender a:not(:last-child) {margin-right:8px; } 
.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.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.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:42px; } 
.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: 28px;} 
/*.gift_main .recomm.cont_parent .top_box .cont_tab .gender a.female.on span {background:url("https://www.nutrione.co.kr/res/images/m_icn_woman_on.png") left center no-repeat;color:#fff;background-size:32px; } */
.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:32px; } 
/*.gift_main .recomm.cont_parent .top_box .cont_tab .gender a.male.on span {background:url("https://www.nutrione.co.kr/res/images/m_icn_man_on.png") left center no-repeat;color:#fff;background-size:32px; } */
.gift_main .recomm.cont_parent .top_box .age_box {position:absolute;width:calc(100% - 40px);width:-webkit-calc(100% - 40px);z-index:2; } 
.gift_main .recomm.cont_parent .top_box .age {position:relative;display:table;width:100%;table-layout:fixed;background:#052832;padding:14px 24px;border-radius:15px;margin-top:14px; } 
.gift_main .recomm.cont_parent .top_box .age:after {content:'';display:block;position:absolute;width:0px;height:0px;top:-8px;left:25%;border-top:none;border-bottom:8px solid #052822;border-right:6px solid transparent;border-left:6px solid transparent; } 
.gift_main .recomm.cont_parent .top_box .age.female_caret:after {left:25%; } 
.gift_main .recomm.cont_parent .top_box .age.male_caret:after {left:75%; } 
.gift_main .recomm.cont_parent .top_box .age a {position:relative;display:table-cell;width:100%;font-size:14px;line-height:20px;text-align:center;color:rgba(255,255,255,0.5);font-weight:400; } 
.gift_main .recomm.cont_parent .top_box .age a:not(:first-child):after {display:block;content:'';position:absolute;width:1px;height:12px;top:5px;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:42px; } 
.gift_main .recomm.cont_parent .cont_con.female {display:block}


.page_top .page_nav {float:right !important}
.page_top .page_nav a {font-weight:400 !important; } 
ul.items {padding:0 5% !important}
.recmd_sec {margin-top:30px;margin-bottom:40px;padding:0 5% !important; } 
.recmd_sec h3 {font-family:'Jost',sans-serif;font-size:23px;color:#333333;font-weight:600}
.recmd_sec .best_tit {display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}
.recmd_sec .best_tit h3 { } 
.recmd_sec .best_tit>div { } 
.recmd_sec .swiper {padding-bottom:10px}
.recmd_sec .swiper ul li {overflow:hidden;width:80%}
.recmd_sec .swiper ul li .info {padding:30px}
.recmd_sec .swiper .swiper-pagination-progressbar {bottom:0;top:unset;height:3px;background-color:rgba(0,0,0,.09); } 
.recmd_sec .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background-color: #dc3737; } 
/* ºÐ·ù Ä«Å×°í¸® ¿µ¿ª */
.product_category_wrap {padding:20px 5% 45px !important}
.product_category_wrap .cate1 {font-family:'Noto Sans KR',sans-serif !important;font-weight:500 !important;font-size:19px !important;padding:0px 0 25px !important;color:#333333 !important; } 
.product_category_wrap .cate_child_wrap ul li a {font-family:'Noto Sans KR',sans-serif !important;font-size:12px !important;color:#aaaaaa !important;font-weight:400;border-radius:30px;background-color:#f9f9f9;color:#999999;padding:8px 20px !important; } 
.product_category_wrap .cate_child_wrap ul li a.sel {color:#000 !important;background-color:#fff !important;box-shadow:0 0 4px 1px rgba(0,0,0,.1);border:none !important; } 
.product_category_wrap .cate_child_wrap ul li {padding:0 !important;margin:5px 7px !important; } 
.product_category_wrap .cate_child_wrap ul li a {display:block; } 
.product_list_wrap.list_st2 .product_item,.product_list_wrap.list_st3 .product_item {padding:0 0 15px !important}
.MS_prod_mobile_image {width:100%; } 
.product_category_wrap .cate_child_wrap ul.cate3.on {padding-top: 15px !important}
/* »óÇ° ¸®½ºÆ® ¿µ¿ª */
.product_list_outer {border-top:none !important;padding-top:7px}
.product_top_wrap .total_cnt {font-size:12px !important;color:#999999 !important;font-weight:400;line-height:35px !important;font-family:'Noto Sans KR',sans-serif;letter-spacing:-.6px; } 
.product_top_wrap .total_cnt strong {font-weight:400 !important;color:#000 !important; } 
.product_top_wrap {border-bottom:none !important;margin:0 0 15px !important;padding:0 5% !important}
.product_top_wrap .select_box select {font-size:12px !important;color:#999999 !important;transform: translateY(4px); } 

/* BASIC css end */


/* BASIC css end */