/* BASIC css start */ .section{margin-bottom:5rem} .sec_inner{padding:0 4%} .section h2{text-align: center; font-size:1.9rem; color:#0a0a0a; font-weight:600; margin-bottom:3rem; font-family: 'Noto Sans KR', sans-serif;} .swiper-button-disabled{opacity:.3} .item_list .info { text-align:center; } /*메인 배너*/f #sec1 { margin-top:1rem;} #sec1 .sec1_cont{ padding-top:1rem; } #sec1 .sec1_cont .swiper{padding-bottom: 2rem;} #sec1 .sec1_cont .swiper ul { } #sec1 .sec1_cont .swiper ul li { width:76%; } #sec1 .sec1_cont .swiper ul li .ban_img { } #sec1 .sec1_cont .swiper ul li .ban_img a { display: block; width: 100%; border-radius: 1rem; overflow: hidden; height:32.5rem; } #sec1 .sec1_cont .swiper ul li .ban_img a img { width:100%; } #sec1 .sec1_cont .swiper ul li .ban_img a video { height:100%; } #sec1 .sec1_cont .swiper ul li .ban_txt { width: 100%; padding: 3rem 0;} #sec1 .sec1_cont .swiper ul li .ban_txt p { text-align: center; font-family: 'Jost', 'Noto Sans KR', sans-serif; } #sec1 .sec1_cont .swiper ul li .ban_txt p.big { font-size: 1.8rem; color: #000; font-weight: 600; margin-bottom: 1.5rem;} #sec1 .sec1_cont .swiper ul li .ban_txt p.small { color: #999; font-size: 1.6rem; font-weight: 400; line-height:2rem; letter-spacing:-0.05rem; } #sec1 .swiper .swiper-pagination { bottom: 0; } #sec1 .swiper .swiper-pagination-bullet-active { background-color: #000;} /*실시간 인기 산후조리원*/ #sec2 { margin-top:1rem;} .prdetc { color:var(--main-color); font-size:1.2rem; font-weight:400; } /*예약 가이드*/ #sec7 { } #sec7 a { display: block; width: 100%;} #sec7 a img { width: 100%;} /*신규 오픈 산후조리원*/ #sec4 { margin-top:2rem;} #sec4 .sec1_cont{ padding-top:2rem; } #sec4 .swiper { padding-bottom:0.8rem; } #sec4 .swiper ul li { overflow:hidden; width:84%; } #sec4 .swiper ul .item_list .thumb { } #sec4 .swiper ul .item_list .thumb a { display:block; width:100%; overflow:hidden; border-radius:2rem; position:relative; height:20rem; } #sec4 .swiper ul .item_list .thumb a>img { width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); } #sec4 .swiper ul li .info { padding:1rem 0; } #sec4 .swiper .swiper-pagination-progressbar{bottom: 0; top: unset; height:0.2rem; background-color: rgba(0,0,0,.09);width:100%; left:5%;} #sec4 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: var(--main-color);} /*진행중 이벤트*/ #sec5 { margin-top:2rem;} #sec5 .sec1_cont{ padding-top:2rem; } #sec5 .swiper { padding-bottom:0.8rem; } #sec5 .swiper ul li { overflow:hidden; width:75%; } #sec5 .swiper ul a { display:block; width:100%; overflow:hidden; border-radius:1rem; position:relative; } #sec5 .swiper ul a>img { width:100%; } #sec5 .swiper .swiper-wrapper { padding-bottom:1rem; } #sec5 .swiper .swiper-pagination-progressbar{bottom: 0; top: unset; height:0.2rem; background-color: rgba(0,0,0,.09);width:100%; left:5%;} #sec5 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: var(--main-color);} /*리뷰배너*/ #sec10 { } #sec10 a { display: block; width: 100%;} #sec10 a img { width: 100%;} /* sec6 */ #sec6{} #sec6 h2{} #sec6 { margin-top:5rem;} #sec6 .sec6_cate{ margin-bottom:1rem;} #sec6 .sec6_cate ul{ } #sec6 .sec6_cate ul li{display: inline-block; width:auto !important; margin:0 0.3rem; } #sec6 .sec6_cate ul li:first-child{margin-left:4%} #sec6 .sec6_cate ul li.on{ } #sec6 .sec6_cate ul li a{display:block; border-radius:2rem;margin:0 0.5rem; width:100%; text-align:center; color:#666; font-size: 1.4rem; font-weight: 400; display:inline-block; padding:1rem 1.5rem; background-color:#f9f9f9; color:#999999} #sec6 .sec6_cate ul li.on>a{ color:#fff !important; background-color:var(--main-color) } #sec6 .sec6_prd{} #sec6 .sec6_prd>div .swiper{padding-bottom:100px} #sec6 .sec6_prd>div{display: none;} #sec6 .sec6_prd>div ul{} #sec6 .sec6_prd>div.show{display: block;} /*커뮤니티*/ #sec8 { margin-top: 2rem;} #sec8 ul { display:flex; justify-content:space-between; flex-wrap:wrap; gap:1rem; } #sec8 ul li { width:48%; display:inline-block; } #sec8 ul li .ico { border-radius:1rem; margin-bottom:1rem; overflow:hidden;} #sec8 ul li .ico img { width:100%; } #sec8 ul li p { text-align:center; font-size:1.4rem; line-height:1.6rem; letter-spacing:-0.1rem; font-weight:400; color:#333; margin-bottom:1rem; } /*쇼핑몰배너*/ #sec11 { margin-top:5rem;} #sec11 a { display: block; width: 100%;} #sec11 a img { width: 100%;} /*유튜브 영상*/ #video { margin-top:0rem; } #video .video_wrap { overflow:hidden; } #video .video_wrap iframe { border-radius:0.5rem; } #sec3{} #sec3 .sec_inner{} #sec3 .sec_inner ul{} #sec3 .sec_inner ul li{width:70%} #sec3 .sec_inner ul li a{display: block;width:100%;border-radius: 12px; overflow: hidden;} #sec3 .sec_inner ul li a img{width:100%; } #sec5{} #sec5 .sec_inner{} #sec5 .sec_inner h2{} #sec5 .sec_inner .sec5_cont{} #sec5 .sec_inner .sec5_cont>div{} #sec5 .sec_inner .sec5_cont .banner_img{} #sec5 .sec_inner .sec5_cont .banner_img a{display: block;border-radius: 9px; overflow: hidden; width: 100%;} #sec5 .sec_inner .sec5_cont .banner_img a img{width: 100%;} #sec5 .sec_inner .sec5_cont .item_cont{} #sec5 .sec_inner .sec5_cont .item_cont ul{height: 100%; display: flex; flex-direction: row; justify-content: space-between; gap:0.8rem; margin-top:0.8rem; } #sec5 .sec_inner .sec5_cont .item_cont ul li{width:33%;} #sec5 .sec_inner .sec5_cont .item_cont ul li .thumb{} #sec5 .sec_inner .sec5_cont .item_cont ul li .thumb a{display: block; width: 100%; height: 100%;} #sec5 .sec_inner .sec5_cont .item_cont ul li .thumb a img{width: 100%; height: 100%; object-fit: cover;} #sec5 .sec_inner .sec5_cont .item_cont ul li .info p{font-size:13px;text-overflow: ellipsis; white-space:nowrap; overflow:hidden} #sec8{} #sec8 .sec_inner{} #sec8 .sec_inner .swiper{padding-bottom:40px} #sec8 .sec_inner h2{} #sec8 .sec_inner .sec8_cont{;} #sec8 .sec_inner .sec8_cont>div{width:100%} #sec8 .sec_inner .sec8_cont>div>ul{width: 100%;display: flex; flex-direction: column; gap: 20px;} #sec8 .sec_inner .sec8_cont>div>ul>li{display: flex; width: 100%;} #sec8 .sec_inner .sec8_cont>div>ul>li:not(:first-child){height: 130px;} #sec8 .sec_inner .sec8_cont>div>ul>li:not(:first-child) .thumb{width: 130px; height: 130px;} #sec8 .sec_inner .sec8_cont>div>ul>li:not(:first-child) .info{flex-grow: 1;padding-left: 20px; display: flex; flex-direction: column; justify-content: center; max-width:285px} #sec8 .sec_inner .sec8_cont>div>ul>li:not(:first-child) .info .prdprice{} #sec8 .sec_inner .sec8_cont>div>ul>li .thumb a{height: 100%;} #sec8 .sec_inner .sec8_cont>div>ul>li .thumb a img{height: 100%; object-fit: cover;} #sec8 .sec_inner .sec8_cont>div>ul>li:first-child{} #sec8 .sec_inner .sec8_cont>div>ul>li:first-child .thumb{width: 100%; } #sec8 .sec_inner .sec8_cont>div>ul>li:first-child .info{display: none;} #sec8 .sec_inner .sec8_cont>div>ul>li.item_list .info .prdprice{border-top:none; margin-top:2px; padding-top:0} #sec8 .sec_inner .sec8_cont>div>ul>li.item_list .info .prdprice strike{display:inline-block; } #sec8 .sec_inner .sec8_cont>div>ul>li.item_list .info .prdprice .percent{display:none} #sec8 .swiper .swiper-pagination-progressbar{bottom: 0; top: unset; height:3px; background-color: rgba(0,0,0,.09);} #sec8 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #dc3737;} /* sec9 */ #sec9{padding:0 0 1rem 0} #sec9 h2{} #sec9 .sec9_review{} #sec9 .sec9_review>div{} #sec9 .sec9_review>div>ul{} #sec9 .sec9_review>div>ul>li{width:80%} #sec9 .li_review .rv_main{ width: 100%;} #sec9 .li_review .rv_main .thumb{width:100%;} #sec9 .li_review .rv_main .thumb a{display: block; width: 100%; height: 100%; border-radius:8px; overflow:hidden;} #sec9 .li_review .rv_main .thumb a img{width: 100%; height: 100%; object-fit: cover;} #sec9 .li_review .rv_main .rv_main_cont{width: 100%; padding: 20px 0 15px; } #sec9 .li_review .rv_main .rv_main_cont .rv_info{margin-bottom: 7px;color:#000; font-size: 15px;font-weight: 500;text-align:center;} #sec9 .li_review .rv_main .rv_main_cont .rv_cont{font-size: 14px; font-family: 'Noto Sans KR', sans-serif; text-overflow: ellipsis; overflow: hidden; font-weight:400; color:#999999; line-height:1.7; text-align:center;} #sec9 .li_review .rv_mini{width: 100%; display: flex; align-items: center; justify-content: center; gap:15px;} #sec9 .li_review .rv_mini ul { display:flex; flex-direction:column; gap:8px;} #sec9 .li_review .rv_mini ul li {font-family: 'Noto Sans KR', sans-serif;font-size: 13px; color: #000;} #sec9 .li_review .rv_mini ul li{display:flex; align-items:center} #sec9 .li_review .rv_mini ul li span {font-family: 'Jost', sans-serif;display:flex; align-items:center; color:#000; font-size:16px; font-weight: 500; } #sec9 .li_review .rv_mini ul li span img{display:inline-block; margin-right:3px; transform:scale(.66); transform-origin:center center; } /*아이품고 전문가 교육*/ #education_wrap { width:100%; text-align:center; position:relative; box-sizing:border-box; } #education_wrap ul { } #education_wrap ul li { display:inline-block; width:48.4%; height:18.6rem; margin-left:0.5rem; text-align:left; background:#f6f6f6; margin-bottom:1rem; } #education_wrap ul li a .education { height:12rem; background:#ffc107; margin-bottom:0.3rem; overflow:hidden; position:relative; } #education_wrap ul li a .education .loading { position:absolute; left:17vw; top:13vw; color:#ccc; } #education_wrap ul .first { margin:0; } #education_wrap ul li p { padding:0 0.7rem; } #education_wrap ul li a .tit { font-size:1.2rem; font-weight:500; margin-bottom:0.05rem; line-height:2.3rem; text-rendering:optimizeSpeed; } #education_wrap ul li a .tit span { color:#e74174;} #education_wrap ul li a .name { font-size:1.2rem; line-height:1.8rem; } #education_wrap ul li a .sub { font-size:1rem; letter-spacing:-0.1rem; color:#666; line-height:1.2rem; font-weight:normal; } #education_wrap ul li #edu_01 { background:#dbe5e9 } #education_wrap ul li #edu_01 .img { width:8.6rem; position:absolute; left:2.5rem; top:1.5rem; } #education_wrap ul li #edu_01 .logo { width:4rem; position:absolute; right:1rem; top:3rem; } #education_wrap ul li #edu_02 { background:#f6f0ec } #education_wrap ul li #edu_02 .img { width:8.6rem; position:absolute; left:4rem; top:1rem; } #education_wrap ul li #edu_03 { background:#f0edf1 } #education_wrap ul li #edu_03 .img { width:8.6rem; position:absolute; left:1.3rem; top:1rem; } #education_wrap ul li #edu_03 .logo { width:6.6rem; position:absolute; right:0.5rem; top:3rem; } #education_wrap ul li #edu_04 { background:#ebf2f0 } #education_wrap ul li #edu_04 .img { width:8.6rem; position:absolute; left:2.5rem; top:-0.1rem; } #education_wrap ul li #edu_04 .logo { width:6rem; position:absolute; right:1.3rem; top:4rem; } #education_wrap ul li #edu_05 { background:#f0edf1 } #education_wrap ul li #edu_05 .img { width:8.6rem; position:absolute; left:2rem; top:1rem; } #education_wrap ul li #edu_05 .logo { width:7.8rem; position:absolute; right:0.7rem; top:4rem; } #education_wrap ul li #edu_06 { background:#ddd; } #education_wrap ul li #edu_06 .img { width:9.6rem; position:absolute; left:3.8rem; top:1rem; } #education_wrap ul li #edu_06 .logo { width:4.5rem; position:absolute; right:1.5rem; top:3.5rem; } #education_wrap ul li #edu_07 { background:#fdf0dd } #education_wrap ul li #edu_07 .img { width:10rem; position:absolute; left:0.6rem; top:0.7rem; } #education_wrap ul li #edu_07 .logo { width:7.2rem; position:absolute; right:0.1rem; top:3rem; } /* BASIC css end */