@charset "UTF-8";

/* topImg */
#topimg{background: no-repeat 50% / cover; background-image: url(../../images/user/topImg.png); height: 350px; position: relative;}
.topimg_txt { display: flex; align-items: flex-end; width: 100%; height: 100%; padding-bottom: 30px; } 
.topimg_loca{display: flex;align-items: center;font-size: 0;}
.topimg_loca .ico-home{width: 13px; height: 12px; background-image: url(../../images/ico/ico-home.svg);}
.topimg_loca .ico-arrow_b{background-image: url(../../images/ico/ico-arrow_b.svg); width: 20px; height: 20px; transform: rotate(-90deg);}
.topimg_loca a{font-size: 14px; font-weight: 500; color: #292929; font-family: 'Vollkorn', serif;}
.topimg_loca > li:not(:last-child){margin-right: 5px;}
.topimg_subj{font-size: 50px; font-family: 'Vollkorn', serif;}


/* bbs */
.bbs{margin-top: 60px;padding-bottom: 150px;position: sticky;}
.bbs #container_title{border-bottom: 0;}
.bbs #container_title i{width: 40px; height: 40px; margin-bottom: 10px;}
.ico-notice{background-image: url(../../images/ico/ico-notice.svg); width: 40px; height: 40px; margin-bottom: 10px;} 
.ico-calendar{background-image: url(../../images/ico/ico-calendar.svg); width: 40px; height: 40px; margin-bottom: 10px;}
.ico-prShare{background-image: url(../../images/ico/ico-prShare.svg); width: 40px; height: 40px; margin-bottom: 10px;}
.ico-news{background-image: url(../../images/ico/ico-news.svg); width: 40px; height: 40px; margin-bottom: 10px;}
.bo_sch {display: flex;align-items: center;width: 100%;}
.sch_bar {display: flex;width: 100%;}
.bo_sch_wrap select{width: 104px;height: 45px;padding-left: 10px;padding-right: 0 !important;background-position-x: 100%;margin-right: 10px;font-size: 14px;font-weight: 500;color: #000;flex: 0 0 auto;}
.sch_bar input{width: calc(100% - 80px);height: 45px;margin-right: 10px;font-size: 14px;}
.sch_bar .sch_btn{width: 80px;height: 45px;display: flex;align-items: center;justify-content: center;background-color: #5B5B5B;color: #fff;font-size: 14px;font-weight: 500;flex: 0 0 auto;}
#bo_list_total span{font-weight: 700; font-size: 16px;}
.bo_fx {margin-top: 50px;display: flex;justify-content: space-between;}
.btn_bo_user {display: flex;justify-content: right;}
.btn_bo_user .btn.btn_more_opt {width: auto; padding: 0 20px; } 
.bbs .btn_bo_user .btn {width: 80px; height: 40px; background: #87462E; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 500;}
.btn_bo_user .btn.btn_admin {width: auto; padding: 0 10px; margin-right: 10px; background: #fff; color: #000; border: 1px solid #000;}
.btn_bo_user .btn.btn_more_opt {width: auto; padding: 0 20px;}
.more_opt.is_list_btn{position: absolute; display: none;}
.bbs .bbs-list__btn {justify-content: center;float: none;margin-top: 30px;margin-bottom: 0;} 
.bbs .bbs-list__btn > li {width: auto;} 
.bbs .bbs-list__btn > li > a {width: 100%;height: 50px;background: #5B5B5B;width: 173px;} 
.bbsDetail .btn_bo_user .btn.btn_more_opt{width: 50px;height: 50px;position: relative;display: inline-flex;}
.bbs .nb-list > a:hover {text-decoration: underline;}
.bbsDetail #bo_v_file { width: 100%; display: inline-flex; justify-content: right; } 
.bbsDetail #bo_v_file li {margin: 20px 0 0;min-width: 250px;background-color: #F7F7F7;border: 1px solid #E4E4E4;height: 40px;padding: 0;display: flex;align-items: center;justify-content: left;padding: 0 20px;border-radius: 0;box-shadow: none;}
#bo_v_file a { font-size: 14px; font-weight: 400; text-decoration: underline; } 
#bo_v_file .ico-file{width: 22px;height: 22px;background-image: url(../../images/ico/ico-file.svg);margin-right: 5px;}
.bbs .btn_bo_user.bbs-list__btn .list-btn {width: 173px; height: 50px; background: #5B5B5B;}
.bbsDetail #bo_v_atc {margin: 40px 0 80px;min-height: auto;}
.bbsDetail .bo_v_info{border-bottom: 1px solid #C2A071; padding-bottom: 20px;}
.bbsDetail #bo_v_title .bo_v_tit{font-size: 26px; font-weight: 700;}
.bbs .bo_v_nb li {position: relative;border-top: 1px solid #E4E4E4;padding: 15px 20px;} 
.bbs .bo_v_nb li:last-child{border-bottom: 1px solid #e4e4e4;}
.bo_v_nb li i {margin-left: 15px; background: no-repeat 50% / cover;  width: 25px;height: 25px;display: flex;align-items: center;justify-content: center;} 
.bo_v_nb li i.page-up{background-image: url(../../images/ico/ico-arrow_b.svg); transform: rotate(-180deg);}
.bo_v_nb li i.page-down{background-image: url(../../images/ico/ico-arrow_b.svg);}
.bbs .bo_v_nb li .nb_tit {color: #000;font-weight: 500;font-size: 14px;display: flex;align-items: center;padding-right: 30px;flex: 0 0 auto;} 
.bbs .bo_v_nb li .nb_tit > a { position: absolute; } 
.bbs .nb-list{display: flex; align-items: center;}
.bbs .nb-list > a {width: 100%;white-space: nowrap;text-overflow: ellipsis;display: block;overflow: hidden;font-size: 14px;}
.bbs .bbs-list__btn > li {width: auto;} 
.bbs .bbs-list__btn > li > a {width: 100%;height: 50px;background: #5B5B5B;width: 173px;} 
.bbsDetail .btn_bo_user .btn.btn_more_opt{width: 50px;height: 50px;position: relative;display: inline-flex;}
.bbs .nb-list > a:hover {text-decoration: underline;}
.bbs .btn_bo_user.bbs-list__btn .list-btn { width: 173px; height: 50px; background: #fff; border: 1px solid #87462E; border-radius: 5px; color: #87462E; } 
.bbs .btn_bo_user.bbs-list__btn .list-btn span {font-size: 16px; font-weight: 500;}

/* bbsGallery */
.bbsGallery #bo_gall{position: relative;padding-top: 20px;}
.bbsGallery .gall_ul > li{width: 33.3333%;}
#bo_gall h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#bo_gall #gall_ul {display: flex;flex-wrap: wrap;font-size: 0;margin: -20px -15px;}
#bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_gall .gall_li .gall_chk {position: absolute;top: -20px;left: -20px;}
#bo_gall .gall_con {position:relative;height: 100%;transition: .3s;}
div#gall_allchk {margin-bottom: 20px;}
.gall_row .col-gn-0,.gall_row .col-gn-1 {width:100%;}
.gall_row .col-gn-2 {width:50%}
.gall_row .col-gn-3 {width:33.33333333%;flex: 0 0 auto;}
.gall_row .col-gn-4 {width:25%;padding: 0 10px;}
.gall_row .col-gn-5 {width:20%}
.gall_row .col-gn-6 {width:16.66666667%}
.gall_row .col-gn-7 {width:14.28571428%}
.gall_row .col-gn-8 {width:12.5%}
.gall_row .col-gn-9 {width:11.11111111%}
.gall_row .col-gn-10 {width:10%}
.gall_img {margin-top: 20px;}
.gall_img > a{position: relative; overflow: hidden; width: 100%; height: 0; padding-bottom: 100%;}
.gall_img > a > img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.gall_text_href{margin-top: 20px;}
.gall_text_href > a{font-size: 18px;font-weight: 500;transition: .5s;}
.bbsPrshare .gall_text_href > a:hover{text-decoration: underline;}
.bbsPrshare .gall_con.active ::before{content: '';width: 100%;height: 2px;background: #2DB1A7;display: block;position: absolute;top: 0;left: 0;z-index: 1;}
.gall_date{font-size: 14px; color: #888; display: block;}
.bbsGallery .subject-txt { white-space: normal; text-align: left; word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.bbsGallery .gall_row > li > a{transition: .5s;padding: 30px;border: 1px solid #E4E4E4;border-radius: 10px;width: 100%;position: relative; height: 430px;}
.bbsGallery .gall_row > li > a:hover{transform: translateY(-10px); border-color: #C2A071;}
.bbsGallery .bo_tit{font-size: 18px;}
.bbsGallery .bo_cnt{display: block;font-size: 14px;line-height: 1.7;color: #5B5B5B;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 50px;}
.bbsGallery .gall_row .col-gn-3{padding: 20px 15px;}
.bbsGallery .gall_img .img-wrap{width: 100%;height: 0;position: relative;overflow: hidden;margin-top: 20px;border-radius: 10px;isolation: isolate;height: 0;padding-bottom: 62.5%;}
.bbsGallery .gall_img img{object-fit: cover;width: 100%;position: absolute;top: 0;left: 0;height: 100%;}
.bbsGallery .gall_box{position: relative; height: 100%;}
.bbsDetail #bo_v_con{margin-bottom: 0; min-height: auto;}
.bbs-prdDetail .img-wrap .swiper-pagination{bottom: 15px;left: 50%;transform: translateX(-50%);display: flex;align-items: center;justify-content: center;margin-top: 15px;}
.bbs-prdDetail .img-wrap .swiper-pagination span {
    background: #A29C92;
    opacity: 0.25;
}
.bbs-prdDetail .img-wrap .swiper-pagination span:not(:last-child) {
    margin-right: 7px;
}

.bbs-prdDetail .img-wrap .swiper-pagination span.swiper-pagination-bullet-active {
    opacity: 1;
}
.bbs-prdDetail .img-wrap .swiper-fraction{position: absolute;top: 15px;right: 10px;z-index: 11;margin-right: 5px;color: #fff;background: rgba(0,0,0,0.5);padding: 3px 10px;border-radius: 20px;font-size: 14px;}
.bbs-prdDetail .list-btn{text-align: center; margin-top: 10px;}
.bbs-contact{display: flex;}
.contact-left{width: 480px;flex: 0 0 auto;position: sticky;top: 160px;z-index: 111;height: 503px;}
.contact-bg{background: no-repeat 50% / cover;background-image: url(../../images/user/contact-bg.png);width: 100%;height: 100%;padding: 40px;border-radius: 20px; isolation: isolate; overflow: hidden;}
.contact-right{flex: 1;width: 100%;margin-left: 110px;}
.contact-cont{display: flex; height: 100%; flex-direction: column; justify-content: space-between;}
.contact-top .txt1{font-size: 14px; color: #292929; opacity: 0.5;}
.contact-top .txt2{font-size: 20px; line-height: 30px; font-weight: 500; color: #292929; margin-top: 15px; opacity: 0.5;}
.contact-bt{display: flex;flex-direction: column;align-items: baseline;}
.contact-bt .txt1{font-size: 18px;font-weight: 700;color: #3B3730;margin-bottom: 15px; align-items: flex-start;}
.contact-bt .txt1 i{flex: 0 0 auto;}
.contact-bt .txt2{font-size: 20px;color: #3B3730;font-weight: 700;}
.bbs-contact .input-tit{font-size: 20px; font-weight: 700; display: block; width: 100%; margin-bottom: 15px;}
.bbs-contact .input-wrap input{width: 100%; height: 50px; border-radius: 10px; border: 1px solid #E4E4E4; padding: 15px; font-size: 16px;}
.bbs-contact .input-wrap input::placeholder{color: #888;}
.contact_form > ul > li{margin-bottom: 30px;}
.bbs-contact .input-btn{width: 98px; height: 50px; margin-left: 15px; border-radius: 10px; font-size: 16px; flex: 0 0 auto;}
.bbs-contact .required{font-size: 20px; color: #CA9F69; background-image: none !important;}
.bbs-contact textarea{font-size: 16px; border: 1px solid #e4e4e4; border-radius: 10px; min-height: 240px; padding: 15px;}
.bbs-contact textarea::placeholder{color: #888;}
.bbs-contact .check__txt{border-radius: 10px; background-color: #F8F2E7; padding: 20px;}
.bbs-contact .check__txt pre{word-break: break-word;display: block;white-space: pre-line;}
.bbs-contact .input-check{margin-top: 20px; display: flex;}
.bbs-contact .input-check > div:not(:last-child){margin-right: 20px;}
.bbs-contact .input-check label{font-size: 18px;}
.bbs-contact .btn_submit{width: 100%; height: 60px; font-size: 18px; font-weight: 500; border-radius: 10px;}
.bbs-contact .submitMsg {position: absolute;font-size: 14px;font-weight: 400;color: #2E2E2E;border: 1px solid #E4E4E4;border-radius: 3px;background-color: #fff;min-height: 25px;min-width: 235px;top: -20px;left: 50%;transform: translateX(-50%);padding: 2px 5px;display: none;opacity: 0;text-align: center;} 
.bbs-contact .btn_confirm{position: relative;}
.contact-list__btn{
    text-align: right;
    margin-bottom: 10px;
    font-weight: 700;
}


/* about */
.about01-top{ height: 625px; width: 100%; position: relative;}
.about01-top:before{content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 350px; height: 430px; background: no-repeat 50% / cover; background-image: url(../../images/user/about/about-intro_heart.svg); z-index: 1;}
.about01-top:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat 50% / cover; background-image: url(../../images/user/about/about-intro_bg.png);}
.about01-txt_wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;z-index: 11;text-align: center; padding-top: 70px;}

.about01-top .txt1{font-size: 34px; line-height: 1.6; font-weight: 300; color: #F8F2E7;}
.about01-top .txt2{font-size: 22px; color: #F8F2E7; margin-top: 15px;}
.about01-top .txt3{font-size: 24px; color: #F8F2E7; font-weight: 200; margin-top: 30px;}
.about02{background: no-repeat 50% / cover; background-image: url(../../images/user/about/about02-bg.png); height: 975px; display: flex; align-items: center; justify-content: center;}
.about02-txt > div[class *= txt]{color: #888177; font-size: 20px; text-align: center; margin-bottom: 30px; line-height: 1.75;}
.about02-txt > div[class *= txt] b{font-weight: 700; font-size: 28px;}
.about02-txt2{margin-top: 55px;}
.about02-txt2 > ul{display: flex; justify-content: center;}
.about02-txt2 > ul > li{font-size: 16px; color: #000; font-weight: 300; border-radius: 20px; background-color: rgba(255,255,255,0.5); padding: 27px 60px; line-height: 1.6; text-align: center;}
.about02-txt2 > ul > li:not(:last-child){margin-right: 20px;}
.about02-txt2 > ul > li b{font-size: 20px; color: #87462E; display: block;}
.about03 .tit{background-color: #A29C92; text-align: center; padding: 20px 0; color: #DDD4C5; font-size: 50px;}
.about03-list > ul{display: flex; justify-content: space-between; background-color: #000;}
.about03-list > ul > li{flex: 1;height: 865px;background: no-repeat 50% / cover;display: flex;flex-direction: column;align-items: center;justify-content: end;padding-bottom: 60px; color: #DDD4C5;}
.about03-list .list-tit{font-size: 24px; color: inherit;}
.about03-list p{font-size: 20px;color: inherit; text-align: center;}
.about04{width: 100%; height: 975px; background: no-repeat 50% / cover; background-image: url(../../images/user/about/about04-bg.png); position: relative;}
.about-history{position: absolute; width: 1120px; bottom: 105px; right: 0; z-index: 1;}
.about-history .tit{font-size: 50px; color: #F8F2E7;}
.about-history__main{position: relative;z-index: 1;margin-right: 30px;width: 300px;height: 420px;flex: none;background-color: #CA9681;box-shadow: 0 2px 10px rgba(0,0,0,0.1);padding: 40px 30px;}
.about-history__slide .next-btn{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 40px;height: 40px;background: no-repeat 50% / cover;background-image: url(../../images/ico/ico-arrow_w.svg);z-index: 11;}
.about-history__slide{padding-left: 20px;}
.about-history__cont{display: flex; align-items: center; padding-left: 9px;margin-top: 55px;}
.about-history__main:before{content: '';position: absolute;top: -9px;left: -9px;width: 100%;height: 100%;border: 9px solid #ECE5D8;border-radius: 23px;z-index: -1;box-shadow: 0 2px 10px rgba(0,0,0,0.1) inset;}
.about-history__main .ico-heart{position: absolute; top: 75px; right: 40px; width: 53px; height: 66px; background: no-repeat 50% / cover; background-image: url(../../images/user/about/about-history_heart.svg);}
.about-history__main .date{font-size: 24px; line-height: 1.4; color: #F8F2E7;}
.about-history__main .corp{font-size: 12px; color: #F8F2E7; margin-top: 8px;}
.about-history__main .tit{font-size: 24px; color: #F8F2E7; margin-top: 2px;}
.history-main__list{margin-top: 35px;}
.history-main__list > li{padding: 13px 20px; background-color: #F8F2E7; border-radius: 10px;}
.history-main__list > li:not(:last-child){margin-bottom: 20px;}
.history-main__list .date{color: #CA9681;}
.history-main__list .txt{color: #87462E; font-size: 24px; font-weight: 700;}
.history-main__list .txt {
    font-size: 17px;
    letter-spacing: -0.5px;
}
.about-history__slide > ul > li{width: 320px;}
.history-box{position: relative; width: 100%; padding: 35px 18px; height: 430px; background-color: #fff; border-radius: 20px; box-shadow: 0 3px 15px rgba(0,0,0,0.1);} 

.history-box:before{content: ''; position: absolute; bottom: 20px; right: 20px; width: 91px; height: 112px; background: no-repeat 50% / cover; background-image: url(../../images/user/about/about05-heart2.svg);}
.history-box p:before{content: '-';margin-right: 3px;position: absolute;left: 0;}
.history-box p{font-size: 13px; color: #292929;line-height: 2.4;letter-spacing: -0.5px;position: relative;padding-left: 10px;}
.about05{display: flex; align-items: center; justify-content: center; text-align: center; width: 100%; height: 750px; background: no-repeat 50% / cover; background-image: url(../../images/user/about/about05-bg.png);}
.about05 .tit{font-size: 50px; color: #F8F2E7;}
.about05 .txt{font-size: 20px; color: #BABABA; margin-top: 17px; line-height: 1.75;}
.about05-list{display: flex;justify-content: center;margin: 0 -50px;margin-top: 60px;font-size: 0;}
.about05-list > li{padding: 0 50px; flex: 0;}
.about05-list .list-img{width: 130px; height: 130px; margin: 0 auto;}
.about05-list .list-img img{width: 100%; height: 100%;}
.about05-list .tit{margin: 0px -50px; margin-top: 15px; font-size: 22px; color: #fff;}
.about05-list p{font-size: 16px; color: #fff;}
.about06{position: relative;}
.about06-slide > ul > li{transition: .3s; height: 1000px; background: no-repeat 50% / cover;}
.about06-cont{position: absolute; top: 0; left: 0; z-index: 11; padding-top: 80px; padding-left: 50px;}
.about06-cont .tit{font-size: 50px; font-weight: 500; color: #87462E;}
.about06-cont p{margin-top: 10px; font-size: 24px; color: #87462E;}
.about07{margin-top: 130px;}
.about07 .product-list{display: flex; flex-wrap: wrap; margin: 0 -10px;}
.about07 .product-list > li{width: 25%; padding: 0 10px; margin-bottom: 45px;}
.about07 .product-img{width: 280px; height: 280px;overflow: hidden;border-radius: 10px;}
.about07 .img{width: 100%; height: 100%; background: no-repeat 50% / cover;   transition: .4s;}
.about07 .img:hover{transform: scale(1.1);}
.about07 .product-txt{margin-top: 15px; text-align: center; line-height: 1.6;}
.about07 .txt1{font-weight: 500; color: #292929;}
.about07 .txt2{font-weight: 500; color: #757575;}
.about08{margin-top: 135px;background-color: #F7F7F7;padding: 65px 0;position: relative;}
.heart {margin: 0 auto;background: no-repeat 50% / cover;background-image: url(../../images/user/about/heart-motion.svg);height: 65px;width: 64px;animation-name: beat;animation-duration: 1.5s;animation-iteration-count: infinite;display: flex;align-items: center;justify-content: center;color: #fff;font-weight: 700;font-family: 'Vollkorn', sans-serif;margin-bottom: 20px;position: absolute;top: -42px;left: calc(50% - 30px);z-index: 11;} 
.about08 .heart{background-image: url(../../images/user/about/about07-heart.svg);}
.about08 .cont{font-size: 18px; line-height: 32px; text-align: center;}
@keyframes beat {
    0% {
        transform: scale(1);
    }
    30% {
        transform: scale(0.9);
    }
}



/* product */
.bbs-prd{margin-top: 50px; padding-bottom: 100px; position: relative;}
.bbs-prd #bo_cate li.content a{display: flex;align-items: center;flex-direction: row;gap: 0;justify-content: center;}
.bbs-prd #bo_cate li.content a:after{content: '(산전/산후)';font-weight: 400;}
.bbs-prd #bo_cate a {color: #000; font-weight: 700;}
.bbs-prd .bo_tit{position: relative; display: flex; align-items: center; font-size: 20px; font-weight: 700; color: #292929;}
.bbs-prd .bo_tit i{width: 70px; height: 60px; background: no-repeat 50% / cover; margin-right: 20px;}
.bbs-prd .bo_tit .ico-cate_01{background-image: url(../../images/user/prd-cate01.svg)}
.bbs-prd .bo_tit .ico-cate_02{background-image: url(../../images/user/prd-cate02.svg)}
.bbs-prd .bo_tit .ico-cate_03{background-image: url(../../images/user/prd-cate03.svg)}
.bbs-prd .bo_tit .ico-cate_04{background-image: url(../../images/user/prd-cate04.svg)}
.bbs-prd .bo_tit .ico-cate_05{background-image: url(../../images/user/prd-cate05.svg)}
.bbs-prd .bo_tit .ico-cate_06{background-image: url(../../images/user/prd-cate06.svg)}
.bbs-prd .bo_tit .ico-cate_07{background-image: url(../../images/user/prd-cate07.svg)}
.bbs-prd .bo_tit .ico-cate_08{background-image: url(../../images/user/prd-cate08.svg)}
.bbs-prd .bo_tit .ico-cate_09{background-image: url(../../images/user/prd-cate09.svg)}
.bbs-prd .bo_tit .ico-cate_010{background-image: url(../../images/user/prd-cate10.svg)}
.bbs-prd .prd-cont .gall_img{margin-top: 10px;}

.bbs-prd .bo_cont > ul > li{background-color: #f7f7f7; padding: 30px;}
.bbs-prd .bo_cont > ul > li:not(:last-child){margin-bottom: 50px;}
.bbs-prd .bo_head-info{margin-bottom: 20px;}
.bbs-prd .sec__tit{margin-bottom: 20px;}
.bbs-prd .input-wrap .input_tit{margin-bottom: 10px; display: block;}
.bbs-prd .input-wrap{margin-bottom: 20px;}
.prd-system{margin-top: 50px;}
.prd-system > ul{display: flex; position: relative; margin: 0 -7.5px;}
.prd-system > ul:before{content: '';position: absolute;top: 80px;left: 50%;transform: translateX(-50%);width: 1004px;height: 172px;background: no-repeat 50% / cover;background-image: url(../../images/user/sys-bg.png);}
.prd-system > ul > li{width: calc(100% / 6); padding: 0 7.5px;}
.prd-system > ul > li > div{background: no-repeat 50% / cover;border-radius: 20px;overflow: hidden;isolation: isolate;height: 0;padding-bottom: 100%;display: flex;flex-direction: column;justify-content: end;align-items: center;position: relative;}
.prd-system > ul > li .cont {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.prd-system > ul > li > div:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: -1;}
.prd-system .system-cont{text-align: center; font-size: 12px; color: #fff; line-height: 1.6;}
.prd-system .system-subTit{margin-top: 40px; font-size: 14px; color: #fff;}
.prd-system .system-tit{display: flex;align-items: center;justify-content: center;margin-top: 43px;position: relative;z-index: 1;}
.prd-system .system-tit h2{background-color: #87462E; height: 40px; padding: 7px 20px; border-radius: 23px; font-family: 'Vollkorn', serif; font-size: 20px; color: #fff;}
.tab-menu{margin: 0;}
.tab-menu.active{position: fixed;top: 100px;right: 0;width: 100%;z-index: 11;background: #F7F7F7;display: flex;align-items: center;justify-content: center;padding: 10px 0;border: 1px solid #E4E4E4;}
.tab-menu > ul{display: flex; flex-wrap: wrap; justify-content: left;}
.tab-menu.active > ul{justify-content: center;}
.tab-menu > ul > li{margin-bottom: 10px;width: auto;}
.tab-menu > ul > li:not(:last-child){margin-right: 15px;}
.tab-menu__btn{border: 1px solid #E4E4E4;border-radius: 5px;padding: 3px 10px;font-size: 14px;color: #757575;background: #fff;}
.bbs-prdList .gall_row{margin: 0 -15px;}
.bbs-prdList .gall_row .col-gn-3 {padding: 0 15px; margin-bottom: 20px;} 
.bbs-prdList .gall_img > a {padding-bottom: 67%; border-radius: 10px;}
.bbs-prdList .gall_img > a:hover > img{transform: scale(1.1);}
.bbs-prdList .gall_img > a > img{transition: .5s;}
.bbs-prdDetail header{flex-wrap: wrap; margin-bottom: 20px;}
.bbs-prdDetail #bo_cate_ul li a:not(#bo_cate_on){display: none;}
.bbs-prdDetail .bo_tit{font-size: 30px; font-weight: 700;}
.bbs-prdDetail .sect{margin-top: 150px;}
.bbs-prdDetail .sect:first-child{margin-top: 100px;}
.bbs-prd .bo_w_flie.write_div{margin-bottom: 20px; margin-left: 15px;}
.bbs-prdDetail.bbs-prdView .sect:not(:first-child){margin-top: 100px;}


.sect-prd .sect-prd__tit{display: flex; align-items: center; font-size: 24px;}
.sect-prd .sect-prd__tit .prd-link{margin-left: 15px; width: 110px; height: 24px; display: flex; align-items: center; justify-content: center; border: 1px solid #EBE5D8; background-color: #F8F2E7; border-radius: 5px; font-size: 14px; color: #292929;}
.sect-prd .sec-wrap__top {margin-top: 30px;position: relative;z-index: 1;}
.bbs-prdDetail .img-wrap{width: 380px;margin: 0;border-radius: 20px;border: 1px solid #e4e4e4;overflow: hidden;isolation: isolate;margin-right: 20px;flex: 0 0 auto;background: #fff;height: 480px;}
.sect-prd .img-wrap a{width: 100%;height: 0;padding-bottom: 135.375%;position: relative;overflow: hidden;}
.sect-prd .img-wrap a img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: cover;}
.sect-prd .cont-wrap{width: 100%;padding: 35px;border: 1px solid #E4E4E4;border-radius: 20px;background: #fff;}
.sect-prd .cont-wrap #bo_v_con {
    overflow-y: auto;
    height: 100%;
}
.sect-prd .bottom-wrap .inner {
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}


.sect-prd .list-row{display: flex;align-items: flex-start;}
.sect-prd .list-row.madeIn{
    width: 100%;
    padding-left: 180px;
}
.sect-prd .list-row.madeIn .list-tit::before{display: none;}
.sect-prd .list-row .list-cont.made{display: flex; align-items: center;}
.sect-prd .list-row .list-cont.made:before{content: ''; width: 35px; height: 29px; margin-right: 10px;}
.sect-prd .list-row .list-cont.made.korea:before{content: ''; background: no-repeat 50% / cover; background-image: url(https://ai.esmplus.com/mymnb7634/momsday/images/korea-icon2.png);}
.sect-prd .list-row .list-cont.made.china:before{content: ''; background: no-repeat 50% / cover; background-image: url(https://ai.esmplus.com/mymnb7634/momsday/images/china-icon1.png);}

.sect-prd .list-row:not(:last-child){margin-bottom: 15px;}
.sect-prd .list-row .list-tit{width: 180px;display: flex;align-items: center;font-size: 18px;font-weight: 300;color: #292929;flex: none;}
.sect-prd .list-row .list-tit::before{content: ''; width: 3px; height: 3px; background: #000; border-radius: 50%; margin-right: 10px;}
.sect-prd .list-row .list-cont{font-size: 20px; font-weight: 700;}
.label_name{display: flex; align-items: center;}
.label_name:after{content: ''; width: 16px; height: 16px; margin-left: 8px;}
.label_name.black:after{background-color: #262626;}
.label_name.skin:after{background-color: #E8D5C6;}
.label_name.gray:after{background-color: #C9C9C9;}
.label_name.pink:after{background-color: #EBCCD1;}
.label_name.yellow:after{background-color: #F8ECC7;}
.label_name.blue:after{background-color: #D0E0E8;}
.label_name.white:after{background-color: #fff; border: 1px solid #F6F7F7;}
.label_name.salmon:after{background-color: #E8CBC6;}
.label_name.char:after{background-color: #777;}
.label_name.melange:after{background-color: #CACACA;}
.label_name.ivory:after{background-color: #F8F2E7;}
.label_name.navy:after{background-color: #141D4A;}
.label_name.mix:after{background-color: transparent; background: no-repeat 50% / cover; background-image: url(../../images/user/color-mix.svg);}
.label_name.navy:after{background-color: #141D4A;}
.label_name.purple:after{background-color: #AA70B0;}
.label_name.hotpink:after{background-color: #E95B7E;}
.label_name.orange:after{background-color: #F3BC8E;}
.label_name.darkgray:after{background-color: #525252;}
.label_name.stonegray:after{background-color: #a59f9d;}
.label_name.nudiskin:after{background-color: #e7d5cf;}

#inputValue {display: flex; align-items: center; flex-wrap: wrap;}
#inputValue span{display: flex; align-items: center; font-size: 20px; font-weight: 700;}
#inputValue span:not(:last-child){margin-right: 10px;}
#inputValue span:before{content: ''; width: 16px; height: 16px; margin-right: 8px; }
#inputValue span.no-color:before{display: none;}
#inputValue span.black:before{background-color: #262626;}
#inputValue span.skin:before{background-color: #E8D5C6;}
#inputValue span.gray:before{background-color: #C9C9C9;}
#inputValue span.pink:before{background-color: #EBCCD1;}
#inputValue span.yellow:before{background-color: #F8ECC7;}
#inputValue span.blue:before{background-color: #D0E0E8;}
#inputValue span.white:before{background-color: #fff;border: 1px solid #e4e4e4;}
#inputValue span.salmon:before{background-color: #E8CBC6;}
#inputValue span.char:before{background-color: #777;}
#inputValue span.melange:before{background-color: #CACACA;}
#inputValue span.ivory:before{background-color: #F8F2E7;}
#inputValue span.navy:before{background-color: #141D4A;}
#inputValue span.mix:before{background-color: transparent; background: no-repeat 50% / cover; background-image: url(../../images/user/color-mix.svg);}
#inputValue span.navy:before{background-color: #141D4A;}
#inputValue span.purple:before{background-color: #AA70B0;}
#inputValue span.hotpink:before{background-color: #E95B7E;}
#inputValue span.orange:before{background-color: #F3BC8E;}
#inputValue span.darkgray:before{background-color: #525252;}
#inputValue span.stonegray:before{background-color: #a59f9d;}
#inputValue span.nudiskin:before{background-color: #e7d5cf;}




.bbs-prdWrite .btn_confirm {text-align:right;position: sticky;bottom: 0;width: 100%;background: #fff;padding: 30px 0;left: 0;display: flex;align-items: center;justify-content: center;} /* 서식단계 진행 */
.bbs-prdWrite .btn_confirm > * {
    width: 500px;
    height: 50px;
    margin: 0 10px;
}
.prd-cont{position: relative;}
.prd-cont .gall_text_href{position: absolute; margin-top: 0; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#bo_btn_top {display: flex;flex-direction: row-reverse; align-items: center;justify-content: space-between; margin-top: 50px;}
.bo_fx {margin-bottom:5px;float:right;zoom:1}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
#bo_list_total {float:left;line-height:34px;font-size:0.92em;color:#4e546f}

.btn_bo_user {display: flex;align-items: center;}
.btn_bo_user li.write { margin-left: 15px;}
.btn_bo_user > li {position:relative}
.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:5px}
.btn_bo_adm input {padding:0 8px;border:0;background:#d4d4d4;color:#666;text-decoration:none;vertical-align:middle}
.bo_notice td {background:#fff6fa !important;border-bottom:1px solid #f8e6ee}
.bo_notice td a {font-weight:bold}
.bo_notice .notice_icon {display:inline-block;line-height:25px;border-radius:5px;font-weight:bold;color:#f9267f}

.more_opt {display:none;position:absolute;top:45px;right:0;background:#fff;border:1px solid #b8bfc4;z-index:999}
.more_opt:before {content:"";position:absolute;top:-8px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
.more_opt:after {content:"";position:absolute;top:-6px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.more_opt li {border-bottom:1px solid #f1f1f1;padding:10px;float:inherit;width:90px;margin:0;color:#6b757c;text-align:left}
.more_opt li:last-child {border-bottom:0}
.more_opt li button, .more_opt li a {width:100%;border:0;background:#fff;color:#6b757c}
.more_opt li:hover a,
.more_opt li:hover button {color:#000}
.more_opt li i {float:right;line-height:20px}

.prd-list__top{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.prd-list{display: flex; flex-wrap: wrap; padding-top: 80px; padding-bottom: 100px; margin: 0 -15px; font-size: 0;}
.prd-list > li{width: 33.3333%; display: flex; flex-direction: column; padding: 0 15px;}
.prd-list > li > div{height: 100%;}
.prd-list > li{height: 570px; margin-bottom: 30px; position: relative;}
.prd-list > li a {overflow: hidden;height: 100%; border-radius: 10px; isolation: isolate; position: relative;}
.prd-list > li a img {
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -khtml-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}
.prd-list > li a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.prd-list > li:not(.list-half) .banner-caption{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;text-align: center;z-index: 11;}



.prd-list > li.list-half > div{height: 50%;}
.prd-list > li.list-half > div:not(:last-child){margin-bottom: 30px;}
.prd-list li.list-half .banner-caption{padding: 30px 40px; position: absolute; bottom: 0; left: 0; width: 100%; height: 135px; background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.45));}
.prd-list li:nth-child(3) > div:last-child .banner-caption {
    height: 170px;
}

.prd-list li:nth-child(3) > div:last-child span.text {
    line-height: 1.5;
}
.prd-list li.list-half span.text {
    line-height: 1;
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -khtml-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.prd-list li.list-half span.button {
    line-height: 1;
    display: inline-block;
    font-family: 'Vollkorn', serif;
    font-size: 14px;
    color: #fff;
    position: relative;
    margin-top: 15px;
    padding-bottom: 2px;
    opacity: 0;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -khtml-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.prd-list li.list-half span.button:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 0;
}
.prd-list li.list-half a:hover span.text {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.prd-list li.list-half a:hover span.button {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}
.prd-list li:not(.list-half) span.text {
    display: block;
    font-size: 34px;
    color: #fff;
    margin-bottom: 6px;
    line-height: 1.4;
    font-weight: 700;
}

.prd-list li:not(.list-half) span.button {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    position: relative;
    padding-bottom: 2px;
    font-family: 'Vollkorn', serif;
}
.prd-list li:not(.list-half) span.button:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 0;
}
.prd-list > li:not(.list-half) a:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.2);z-index: 1;}
.sect-prd__tit a:not(.prd-link){font-size: 24px; font-weight: 800; color: #242424;}
.sect-prd .bottom-wrap{background-color: #F8F2E7; margin-top: -100px; padding-top: 170px; padding-bottom: 90px;}
.sect-prd .bottom-wrap h4{text-align: left; font-size: 30px; font-weight: 300; color: #CA9F69; position: relative; padding-top: 35px; word-break: keep-all; display: inline-flex;}
.sect-prd .bottom-wrap h4:before{content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: no-repeat 50% / cover; background-image: url(../../images/user/prd-tit.svg); width: 111px; height: 22px;}
.sect-prd .bottom-wrap p{text-align: left; color: #292929; font-size: 18px; margin-top: 20px; line-height: 1.9;}
.sec-wrap__bottom {
    margin-top: 70px;
    max-width: calc(1820px + 100px);
    width: 100%;
    padding: 0 50px;
    height: 180px;
    margin: 0 auto;
    margin-top: 50px;
    position: relative;
}

.sec-wrap__bottom img {
    position: absolute;
    left: 50px;
    top: 0;
    width: calc(100% - 100px);
    height: 100%;
    object-fit: cover;
}


/* brand */
.brand #bo_list{position: relative;}
.brand #bo_cate{position: absolute; top: 60px; left: 50%; transform: translateX(-50%); z-index: 1;}
.brand #bo_cate_ul{display: table; table-layout: fixed; width: 100%; border-radius: 10px 10px 0 0; overflow: hidden;}
.brand #bo_cate_ul li{display: table-cell;}
.brand #bo_cate_ul li a{text-align: center; height: 60px; display: flex; align-items: center; justify-content: center; font-size: 28px; font-family: 'Vollkorn', serif; color: #BABABA; background-color: rgba(255,255,255,0.25); text-transform: lowercase;}
.brand #bo_cate_ul li a#bo_cate_on{background-color: #fff; color: #000;}
.brand01{width: 100%; height: 625px; background: no-repeat 50% / cover; position: relative; text-align: center;}
.brand01:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.65);}
.brand01 .inner{position: relative; z-index: 1;}
.moms .brand01{background-image: url(../../images/user/brand/brand01-moms.png); padding-top: 263px; padding-bottom: 162px;}
.moms .brand01 .tit{margin-bottom: 24px;}
.moms .brand01 .tit img{width: 277px; height: 54px;}
.moms .brand01 p{font-size: 28px; color: #F8F2E7; font-weight: 300; line-height: 1.4;}
.brand02{position: relative; height: 975px;}
.brand-video{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.brand-video video{width: 100%; height: 100%; object-fit: cover;}
.brand02 .inner{position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; height: 100%; text-align: center;}
.brand02 .txt1{font-size: 20px; font-weight: 300; color: #A29C92; line-height: 1.7;}
.brand02 .txt2{font-size: 28px; color: #DDD4C5;}
.moms .brand03{height: 1185px; background: no-repeat 50% / cover; background-image: url(../../images/user/brand/brand03-moms.png); position: relative; padding-top: 145px; padding-bottom: 131px;}
.moms .brand03:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6);}
.moms .brand03 .inner{position: relative; z-index: 1; text-align: center;}
.brand-system .tit{padding: 0 25px;height: 50px;background-color: #292929;border-radius: 33px;text-align: center;font-size: 26px;font-weight: 500;color: #F8F2E7;position: relative;display: inline-flex;align-items: center; justify-content: center; max-width: 500px;width: 100%;margin: 0 auto;text-align: center;letter-spacing: -0.5px;white-space: nowrap;}
.brand-system .tit:before,
.brand-system .tit:after{content: '';width: 7px;height: 7px;border-radius: 50%;background: #fff;position: absolute;top: 50%;transform: translateY(-50%);}
.brand-system .tit:before{left: 20px;}
.brand-system .tit:after{right: 20px;}
.moms .brand03-top p{margin-top: 25px; font-size: 18px; line-height: 1.9; color: #F8F2E7;}
.moms .brand03-list{ position: relative; width: 695px; margin: 0 auto;margin-top: 100px;}
.moms .brand03-list__bg{width: 695px; height: 632px; background: no-repeat 50% / cover; background-image: url(../../images/user/brand/brand03-list_moms.png);}
.moms .brand03-list ul li{position: absolute; white-space: nowrap;}
.moms .brand03-list ul li.list01,
.moms .brand03-list ul li.list02,
.moms .brand03-list ul li.list03{text-align: right;}
.moms .brand03-list ul li.list04,
.moms .brand03-list ul li.list05,
.moms .brand03-list ul li.list06{text-align: left;}
.moms .brand03-list ul li.list01 .tit,
.moms .brand03-list ul li.list02 .tit,
.moms .brand03-list ul li.list03 .tit{justify-content: right;}
.moms .brand03-list ul li.list04 .tit,
.moms .brand03-list ul li.list05 .tit,
.moms .brand03-list ul li.list06 .tit{justify-content: left;}
.moms .brand03-list ul li.list04 p,
.moms .brand03-list ul li.list05 p,
.moms .brand03-list ul li.list06 p{padding-left: 35px;}
.moms .brand03-list ul li.list01{
    top: 0; 
    left: -130px;
}
.moms .brand03-list ul li.list02 {
    top: 50%;
    right: calc(100% +  35px);
    transform: translateY(-50%);
}
.moms .brand03-list ul li.list03{
    bottom: 0;
    left: -140px;
}
.moms .brand03-list ul li.list04{
    bottom: 0;
    right: -130px;
}
.moms .brand03-list ul li.list05{
    top: 50%;
    transform: translateY(-50%);
    left: calc(100% + 35px);
}
.moms .brand03-list ul li.list06{
    top: 0;
    right: -200px;
}

.moms .brand03-list ul li .tit{font-size: 20px; font-weight: 700; display: flex; justify-content: right;}
.moms .brand03-list ul li .num{margin-right: 8px; display: flex; align-items: center; justify-content: center; width: 27px; height: 27px; border-radius: 50%; color: #fff; font-size: 14px; font-weight: 700;}
.moms .brand03-list ul li p{font-size: 12px; color: #F8F2E7; line-height: 1.8; margin-top: 10px;}
.moms .brand03-list ul li.list01 .tit{color: #DBA3AA;}
.moms .brand03-list ul li.list01 .num{background-color: #DBA3AA;}
.moms .brand03-list ul li.list02 .tit{color: #CA9F69;}
.moms .brand03-list ul li.list02 .num{background-color: #CA9F69;}
.moms .brand03-list ul li.list03 .tit{color: #A29C92;}
.moms .brand03-list ul li.list03 .num{background-color: #A29C92;}
.moms .brand03-list ul li.list04 .tit{color: #6BA883;}
.moms .brand03-list ul li.list04 .num{background-color: #6BA883;}
.moms .brand03-list ul li.list05 .tit{color:#9FB9D6;}
.moms .brand03-list ul li.list05 .num{background-color: #9FB9D6;}
.moms .brand03-list ul li.list06 .tit{color: #8E4F38;}
.moms .brand03-list ul li.list06 .num{background-color: #8E4F38;}
.moms .brand04{background: no-repeat 50% / cover; background-image: url(../../images/user/brand/brand04-moms.png); padding-top: 225px; padding-bottom: 128px;}
.moms .brand04 .tit{font-size: 30px; font-weight: 500; color: #87462E; margin-bottom: 35px;}
.moms .brand04-list li{display: flex; align-items: center; background-color: rgba(255,255,255,0.9); padding: 25px 0; padding-left: 60px; border-radius: 10px;}
.moms .brand04-list li:not(:last-child){margin-bottom: 16px;}
.moms .brand04-list .l{width: 360px; flex: 0 0 auto;}
.moms .brand04-list .l .txt{font-size: 14px; color: #232323; margin-bottom: 5px;}
.moms .brand04-list .l .list-tit{font-size: 24px; color: #232323;}
.moms .brand04-list .r{margin-left: 67px; font-size: 12px; color: #5B5B5B; line-height: 2;}
.brand-design{background-color: #F8F2E7; padding-top: 100px; padding-bottom: 158px;}
.design-cont > div{width: 50%;}
.design-cont.cont-top .l{margin-right: 120px;}
.design-cont.cont-bottom > div:not(:last-child){margin-right: 20px;}
.design-cont.cont-top .sub-tit{font-size: 20px; font-weight: 500; color: #DDD4C5;}
.design-cont.cont-top .tit{margin-top: 40px; font-size: 36px; color: #A29C92; font-weight: 300;} 
.design-cont.cont-top .tit .en-txt{font-size: 24px; font-style: italic; color: #A29C92; margin-top: 15px;}
.design-cont.cont-top .cont{margin-top: 30px; padding: 30px; background-color: #EDE5D6; border-radius: 10px;}
.design-cont.cont-top .cont p{overflow-y: auto; height: 235px; font-size: 18px; color: #232323; line-height: 1.9;}
.design-cont.cont-top .cont p::-webkit-scrollbar{width: 10px; border-radius: 10px;}
.ci-box{position: relative;}
.ci-tit{position: absolute;top: -19px;left: 50%;transform: translateX(-50%);max-width: 370px;width: 100%;margin: 0 auto;font-size: 14px;color: #757575;background-color: #fff;border-radius: 20px;border: 1px solid #E4E4E4;text-align: center;padding: 8px 0;z-index: 11;}
.ci-slide{margin-top: 20px;}
.ci-slide > ul > li{background: no-repeat 50% / cover; height: 450px; border-radius: 10px;}
.ci-slide .swiper-pagination{position: static; display: flex; align-items: center; justify-content: center; margin-top: 15px;}
.ci-slide .swiper-pagination-bullet{background: #A29C92; opacity: 0.25;}
.ci-slide .swiper-pagination-bullet:not(:last-child){margin-right: 7px;}
.ci-slide .swiper-pagination-bullet-active{opacity: 1;}
.ci-btn{margin-top: 40px; display: flex;}
.ci-btn .btn{background-color: #CA9F69; color: #292929; font-size: 18px; font-weight: 500; font-family: 'Vollkorn', serif; text-align: center; display: flex; align-items: center; justify-content: center; height: 60px; border-radius: 10px; flex: 1;}
.ci-btn .btn:not(:last-child){margin-right: 20px;}
.ci-btn .ico-down{width: 17px; height: 16px; background-image: url(../../images/cmn/ico-down.svg); margin-right: 14px;}
.brand-design .cont-bottom{margin-top: 100px;}
.color-list > li{padding: 15px 15px 13px; display: flex; flex-direction: column; justify-content: space-between;}
.color-list > li.color-beige{height: 100%;}
.mother .color-list > li.color-beige{border: 0;}
.color-list > li.color-beige{background-color: #F8F2E7; border: 1px solid #DBD4C7; color: #CA9F69;}
.color-list > li.color-gold{background-color: #CA9F69; color: #F8F2E7;}
.color-list > li.color-brown{background-color: #87462E; color: #F8F2E7;}
.color-list > li.color-green{background-color: #6BA883; color: #F8F2E7;}
.color-list > li.color-blue{background-color: #ADCAEA; color: #F8F2E7;}
.color-list > li.color-pink{background-color: #ECBDC3; color: #F8F2E7;}
.color-list{height: 360px;}
.color-list.main-color > li{height: 50%;}
.color-list.sub-color > li{height: 25%;}
.color-list > li .tit{font-weight: 500; font-family:'Vollkorn', serif; }
.color-list > li .cont p{font-size: 10px; line-height: 1.8;}
.color-list.sub-color > li .tit{font-size: 14px;}
.mother .brand01{padding-top: 268px; padding-bottom: 185px; background: no-repeat 50% / cover; background-image: url(../../images/user/brand/brand01-mother.png); background-color: #000;}
.mother .brand01 .tit{font-size: 48px; color: #fff;}
.mother .brand01 p{font-size: 26px; font-weight: 300; color: #fff;}
.mother .brand01 .img-wrap{margin-top: 40px;}
.mother .brand02{position: relative; height: 967px;} 
.mother .brand02 .img-wrap{opacity: 0.5; margin-bottom: 50px;}
.mother .brand02 .txt1{color: #D0D0D0;}
.mother .brand02 .txt2{color: #fff; line-height: 1.6; font-weight: 300;}
.mother .brand03{padding: 210px 0; background: no-repeat 50% / cover; background-image: url(../../images/user/brand/brand03-mother.png);}
.mother .brand03:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #F8F2E7; opacity: .2;}
.mother .brand03 .inner{position: relative; z-index: 11; text-align: center;}
.mother .brand03 .tit{position: relative; font-size: 30px; font-weight: 500; color: #fff; width: 251px; height: 64px; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.mother .brand03 .tit:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
background: no-repeat 50% / cover; background-image: url(../../images/user/brand/brand03-tit_bg.svg); z-index: -1;}
.mother .brand03-top p{margin-top: 20px; font-size: 20px; color: #fff;}
.mother .brand03-top span{text-decoration: underline;}
.mother .brand03-bottom{margin-top: 50px;}
.mother .brand03-bottom p{color: #F7F7F7; font-size: 18px; line-height: 1.6; font-weight: 300;}
.mother .brand04{padding-top: 120px; padding-bottom: 106px; background-color: #EDE5D6;}
.mother .brand04 .inner{text-align: center;}
.mother .brand-system .tit{background-color: #DDD4C5; color: #47403D;}
.mother .brand-system .tit:before,
.mother .brand-system .tit:after{background: #47403D;}
.mother .brand04-list{margin-top: 187px;}
.cir { text-align: center; position: relative; height: 493px; } 
.cir .cir-middle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 512px; height: 512px; background-color: #F8F2E7; border-radius: 100%; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; /* z-index: 1; */}
.cir .cir-middle:after{content: ''; position: absolute; top: 20px; left: 20px; width: calc(100% - 40px); height: calc(100% - 40px); border: 2px solid #DCD4C7; border-radius: 50%;}
.cir .cir-middle .cir_Title { font-size: 30px; font-weight: 700; color: #FFFFFF; position: relative; } 
.cir .cir-middle .cir_subTitle { color: #FFFFFF; font-size: 20px; font-weight: 700; padding-top: 20px; } 
.cir .cir-middle .cir_Title:after { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 45px; height: 2px; background: #fff; } 
.cir .cirImg { position: absolute; width: 260px; height: 234px; display: flex; justify-content: center; align-items: center; flex-direction: column; background: no-repeat 50% / cover;} 
.cir .cirImg .cir_topImg { width: 80px; height: 80px; } 
.cir .cirImg.cir_1 {top: -29%;left: 50%;transform: translateX(-50%);background-image: url(../../images/user/brand/cir_1.png);} 
.cir .cirImg.cir_2 {left: 19%;bottom: 0;background-image: url(../../images/user/brand/cir_2.png);} 
.cir .cirImg.cir_3 {right: 19%;bottom: 0;background-image: url(../../images/user/brand/cir_3.png);} 
.cir .cirImg .cir_TxtTitle { padding-top: 10px; font-size: 22px; font-weight: 700; color: #F8F2E7; } 
.cir .cirImg .cir_subTxtTitle { font-size: 18px; font-weight: 300; color: #F8F2E7; } 
.mother .brand05{padding: 67px 0; background: no-repeat 50% / cover; background-image: url(../../images/user/brand/brand05-mother.png);}
.mother .brand05 .inner{text-align: center; position: relative; z-index: 1;}
.mother .brand05 .tit{font-size: 30px; font-weight: 500; font-family: 'Vollkorn', serif; margin-bottom: 40px;}
.mother .brand05 .product-list{display: flex; flex-wrap: wrap; margin: 0 -10px;}
.mother .brand05 .product-list > li{width: 25%; padding: 0 10px; margin-bottom: 45px;}
.mother .brand05 .product-img{width: 280px; height: 280px;overflow: hidden;border-radius: 10px;}
.mother .brand05 .img{width: 100%; height: 100%; background: no-repeat 50% / cover;   transition: .4s;}
.mother .brand05 .img:hover{transform: scale(1.1);}
.mother .brand05 .product-txt{margin-top: 15px; text-align: center; line-height: 1.6;}
.mother .brand05 .txt1{font-weight: 500; font-weight: 500; color: #292929;}
.mother .brand05 .txt2{font-size: 14px; font-weight: 300; margin-top: 15px; color: #292929; line-height: 1.7;}
.mother .brand-design{background-color: #fff; padding-top: 120px;}
.mother .brand-design .inner{position: relative; z-index: 1;}
.mother .design-cont.cont-top .sub-tit{color: #D0D0D0;}
.mother .design-cont.cont-top .tit{color: #757575;}
.mother .design-cont.cont-top .tit .en-txt{color: #757575;}
.mother .design-cont.cont-top .cont{background-color: #F7F7F7;}
.mother .design-cont.cont-top .cont p::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.3)}
.mother .design-cont.cont-top .cont p::-webkit-scrollbar{background-color:#fff; }
.mother .ci-btn .btn{background-color: #292929; color: #fff;}
.mother .ci-btn .ico-down{background-image: url(../../images/cmn/Ico-down_w.svg);}


@media screen and (min-width: 768px){
    .tab-menu > ul{
        transform: none !important;
    }
}

/**************** pad ******************/
@media screen and (max-width: 1200px){

    /* topImg */
    #topimg{height: 280px;}   
    
    
    /* bbs */
    .gall_row .col-gn-3{width: 50%;padding: 20px 10px;}
    .bbsGallery .gall_row > li > a {padding: 30px 20px;} 
    .bbsGallery .gall_img .img-wrap{height: 206px; padding-bottom: 0;}
    #bo_gall #gall_ul { margin: -20px -10px; } 
    .bbsDetail .gall_date{font-size: 12px;}
    .bo_v_nb li i{margin-left: 5px;}

    .bbs-contact{display: block;}
    .contact-left{position: relative; top: auto; width: 100%;}
    .contact-bg{background-image: url(../../images/user/contact-bg_pad.png);}
    .contact-right{width: 100%; margin-left: 0; margin-top: 40px;}

    /* product */
    .prd-list{margin: 0 -10px; padding-top: 60px;}
    .prd-list > li {
        width: 50%;
        height: auto;
        padding: 0 10px;
        margin-bottom: 20px;
    }
    .prd-list > li.list-half{display: flex;}
    .prd-list > li.list-type2{width: 100%; flex-direction: row;}
    .prd-list > li.list-type2 > div{flex: 1; height: 100%;}
    .prd-list > li.list-type2 > div:not(:last-child){margin-right: 20px;}
    .prd-list li:not(.list-half) span.text{font-size: 24px;}
    .prd-list > li.list-half > div:not(:last-child){margin-bottom: 20px;}
    .prd-list li.list-half .banner-caption{padding: 30px 20px;}
    .prd-list li:nth-child(3) > div:last-child .banner-caption {
        height: 135px;
    }
    .prd-list__top{flex-direction: column; align-items: baseline;}
    .prd-list__top .tab-menu{padding-left: 75px;}
    .tab-menu.active{top: 80px;}
    .bbs-prd .bo_tit i{width: 60px; height: 50px; margin-right: 15px;}
    .bbs-prdDetail header{margin-bottom: 15px;}
    .prd-system{margin-top: 35px;}
    .prd-system > ul{flex-wrap: wrap;margin: 0 -7px;padding: 0 60px;}
    .prd-system > ul > li{width: 33.33333%;padding: 0 7px;margin-bottom: 14px;}
    .prd-system > ul:before{background-image: url(../../images/user/sys-bg_pad.png);top: auto;bottom: -63px;width: calc(100% - 20px);height: 0;padding-bottom: 51.55%;transform: none;left: 10px;background-size: 100% 100%;}
    .sect-prd .sec-wrap__top{margin-top: 20px;}
    .bbs-prdDetail .img-wrap{width: 237px;height: 320px;}
    .sect-prd .cont-wrap{padding: 35px 25px;min-height: 320px;}
    .sect-prd .list-row.madeIn {
        padding-left: 130px;
    }
    .sect-prd .list-row .list-tit{font-size: 14px;width: 130px;}
    .sect-prd .list-row .list-tit::before{margin-right: 5px;}
    .sect-prd .list-row .list-cont{font-size: 14px;}
    .sect-prd .list-row:not(:last-child){margin-bottom: 10px;}
    #inputValue span:before{width: 9px; height: 9px; margin-right: 6px;}
    .sect-prd .bottom-wrap{padding-top: 215px; margin-top: -155px;}
    .sect-prd .bottom-wrap h4{font-size: 32px;}
    .sect-prd .bottom-wrap p{font-size: 16px;}
    .bbs-prdDetail .sect:not(:first-child){margin-top: 88px;}
    .sec-wrap__bottom{max-width: 100%;overflow: hidden;position: relative;height: 177px;}
    .bbs-prdDetail .img-wrap .swiper-fraction{font-size: 12px; border-radius: 18px; top: 10px; right: 5px;}

    .sec-wrap__bottom img {
        position: absolute;
        top: 0;
        left: 30px;
        object-fit: cover;
        width: calc(100% - 60px);
    }
    #inputValue span{font-size: 14px;}
    .prd-system .system-cont{padding: 0 15px;}
    .sect-prd .list-row .list-cont.made:before{content: ''; width: 27px; height: 22px; margin-right: 5px;}


    .about01-top{height: 597px;}
    .about01-top:before{width: 331px; height: 411px;}
    .about01-top .l { margin-right: 0; margin-bottom: 30px; }
    .about02{height: auto; align-items: baseline; padding-top: 195px; padding-bottom: 50px;} 
    .about02-txt2{margin-top: 50px;}
    .about02-txt2 > ul{flex-direction: column; max-width: 530px; width: 100%; margin: 0 auto;}
    .about02-txt > div[class *= txt]{line-height: 1.6; letter-spacing: -0.5px;}
    .about02-txt2 > ul > li:not(:last-child){margin-right: 0; margin-bottom: 20px;}
    .about02-txt2 > ul > li{letter-spacing: -0.5px; padding: 26px 20px;}
    .about03-list > ul{flex-wrap: wrap;}
    .about03-list > ul > li{width: 50%; flex: none; height: 690px;}
    .about04{height: 900px;background-image: url(../../images/user/about/about04-bg_pad.png); margin-bottom: -1px;}
    .about-history{width: 100%; position: static; padding-top: 200px; padding-bottom: 145px;}
    .about-history > .tit{text-align: center;}
    .about-history__main{margin-right: 30px;}
    .about-history__cont{padding-left: 30px;}
    .about05 {height: 950px;}
    .about05-list{flex-wrap: wrap;max-width: 540px;width: 100%;margin: 0 auto;margin-top: 70px;}
    .about05-list > li{width: 50%;}
    .about05-list > li:nth-child(1),
    .about05-list > li:nth-child(2){margin-bottom: 60px;}
    .about06-slide > ul > li{height: 0;padding-bottom: 56.176%;}
    .about06-cont{padding-top: 40px; padding-left: 30px;}
    .about07{margin-top: 80px;}
    .about07 .product-list > li{width: 33.333%; margin-bottom: 35px;}
    .about06-cont .tit{font-size: 28px;}
    .about06-cont p{font-size: 16px; margin-top: 0;}
    .about07 .product-img{width: 100%; height: 0; padding-bottom: 100%; position: relative; overflow: hidden;}
    .about07 .product-img .img{position: absolute; top: 0; left: 0;}
    .about07 .txt2{letter-spacing: -0.5px; font-size: 14px;}
    .about08{margin-top: 100px; padding: 54px 0 38px;}
    .about08 .cont{word-break: keep-all;}


    /* brand */
    .moms .brand01{padding-top: 246px; padding-bottom: 151px;}
    .moms .brand03{padding-top: 120px;padding-bottom: 141px;height: auto;}
    .moms .brand03-list ul li .tit{font-size: 16px;}
    .moms .brand03-list ul li .num{width: 21px; height: 22px; font-size: 12px;}
    .moms .brand03-list ul li p{font-size: 13px;}
    .moms .brand03-list ul li.list01{left: -120px;}
    .moms .brand03-list ul li.list06 {right: -170px;}
    .moms .brand03-list ul li.list02 {
        top: calc(50% + 100px);
        right: auto;
        left: -128px;
    }
    .moms .brand03-list ul li.list03 {
        bottom: -35px;
        left: -110px;
    }
    .moms .brand03-list ul li.list04 {
        bottom: -35px;
        right: -153px;
    }
    
    .moms .brand03-list ul li.list05 {
        top: calc(50% + 94px);
        right: -220px;
        left: auto;
    }
    
    .moms .brand03-list ul li p {
        line-height: 1.6;
        margin-top: 8px;
    }
    .moms .brand03-list ul li.list04 p, .moms .brand03-list ul li.list05 p, .moms .brand03-list ul li.list06 p{padding-left: 29px;}
    .moms .brand03-list{width: 498px;}
    .moms .brand03-list__bg{background-image: url(../../images/user/brand/brand03-list_moms-pad.png); width: 498px; height: 458px;}
    .moms .brand04{padding-top: 120px; padding-bottom: 80px; background-position: right -100px center;}
    .moms .brand04 .tit{text-align: center; font-size: 30px;}
    .moms .brand04-list li{position: relative; display: block; padding: 30px 40px;}
    .moms .brand04-list .l{width: auto;}
    .moms .brand04-list .r{margin-left: 0; margin-top: 20px;}
    .moms .brand04-list .c{position: absolute; top: 20px; right: 30px;}
    .brand-design{padding-top: 90px; padding-bottom: 100px;}
    .brand-design .design-cont.flex{flex-direction: column;}
    .design-cont > div{width: 100%;}
    .design-cont.cont-top .l{margin-right: 0; margin-bottom: 30px;}
    .design-cont.cont-top .l{text-align: center;}
    .design-cont.cont-top .cont{padding: 30px;}
    .design-cont.cont-top .cont p{height: 164px; font-size: 18px; word-break: keep-all;}
    .ci-slide > ul > li{height: 0; padding-bottom: 48.73%;}
    .brand-design .cont-bottom{margin-top: 90px;}
    .mother .brand01 .tit{font-size: 40px;}
    .mother .brand01 p{font-size: 22px;}
    .mother .brand04{padding-top: 100px;}
    .cir {
        width: 420px;
        margin: 0 auto;
        height: 420px;
    }
    .cir .cir-middle{width: 420px; height: 420px;}
    .cir .cirImg{width: 213px; height: 192px;}
    .cir .cirImg .cir_topImg{width: 64px; height: 64px;}
    .cir .cirImg .cir_topImg img{width: 100%; height: 100%;}
    .cir .cirImg .cir_TxtTitle{font-size: 22px; padding-top: 5px;}
    .cir .cirImg .cir_subTxtTitle{font-size: 14px;}
    .cir-middle .cir-img{width: 182px; height: 180px;}
    .cir-middle .cir-img img{width: 100%; height: 100%;}
    .cir .cirImg.cir_1 {top: -117px;}
    .cir .cirImg.cir_2 {left: -100px;}
    .cir .cirImg.cir_3 {right: -100px; }
    .mother .brand04{padding-bottom: 145px;}
    .mother .brand04-list{margin-top: 240px;}
    .mother .brand05{padding-top: 80px; padding-bottom: 45px;}
    .mother .brand05 .product-list li{width: 50%; margin-bottom: 40px;}
    .mother .brand05 .product-img{width: 100%; height: 0; padding-bottom: 100%; position: relative; overflow: hidden;}
    .mother .brand05 .img{position: absolute; top: 0; left: 0;}
    .mother .brand05 .txt1{font-size: 20px;}
    .mother .brand05 .txt2{font-size: 16px; margin-top: 10px;}
    .mother .brand-design{padding-top: 90px;}
    .design-cont.cont-top .cont{margin-top: 40px;}
    .design-cont.cont-bottom > div:not(:last-child){margin-right: 0; margin-bottom: 20px;}

    .bo_fx{float: left;}

    
}



/**************** mobile ******************/
@media screen and (max-width: 768px){

    /* topImg */
    #topimg{height: 230px; background-image: url(../../images/user/topImg-m.png);}
    .topimg_subj{font-size: 34px;}

    /* bbs */
    .bbs{margin-top: 40px;}
    .gall_row .col-gn-3{width: 100%;}
    #bo_gall #gall_ul{margin: -15px 0;}
    .bbsGallery .gall_row .col-gn-3{padding: 15px 0;}
    .bbsGallery .gall_row > li > a{padding: 20px;}
    .bbsGallery .gall_img .img-wrap{height: 192px;margin: 0;}
    #bo_gall .gall_li .gall_chk{top: -15px; left: -15px;}
    .bbsDetail #bo_v_con{font-size: 14px;}
    .bbs .bo_v_nb li{padding: 15px 10px;}
    .bbs .bo_v_nb li .nb_tit{padding-right: 10px;}
    .bbs-contact .check__txt pre{font-size: 14px;}
    .bbs-contact .check__txt pre p{white-space: normal;}
    .contact-left{height: 299px; }
    .contact-bg{padding: 30px 15px;}
    .contact-top .txt2{font-size: 18px; line-height: 28px;}
    .contact-bt .txt1{font-size: 14px; align-items: flex-start;}
    .contact-bt .txt2{font-size: 16px;}
    .bbs-contact .input-btn{width: 85px; margin-left: 10px;}

    /* product */
    .prd-list{margin: 0; padding-top: 40px;}
    .prd-list > li{width: 100%; padding: 0; order: 3;}
    .prd-list > li:nth-child(1){order: 2;}
    .prd-list > li:nth-child(2){order: 1;}
    .prd-list > li.list-type2{flex-direction: column;}
    .prd-list > li.list-type2 > div{flex: none;width: 100%;height: auto;}
    .prd-list > li.list-half > div:not(:last-child){margin-bottom: 20px;}
    .prd-list > li.list-type2 > div:not(:last-child){margin-right: 0; margin-bottom: 20px;}
    .prd-list li.list-half span.text{font-size: 18px;}
    .bbs-prd .bo_tit i{width: 53px; height: 43px;}
    .bbs-prdDetail .bo_tit{font-size: 24px;}
    
    .bbs-prdDetail .sect.sect-prd{position: relative;}
    .bbs-prdDetail .sect.sect-prd:before{content: ''; position: absolute; top: 220px; width: 100%; height: calc(100% - 220px); background: #F8F2E7; z-index: -1;}
    .prd-list__top .tab-menu{padding-left: 0;}
    .prd-list__top .tab-menu.active{padding-left: 20px;top: 70px;}
    .tab-menu > ul {flex-wrap: nowrap;justify-content: left;}
    .tab-menu > ul > li {flex: none;}
    .prd-system > ul{padding: 0; margin: 0 -5px;}
    .prd-system > ul:before{background-image: url(../../images/user/sys-bg_m.png);width: 178px;height: 463px;padding-bottom: 0;background-size: cover;left: 50%;transform: translateX(-50%);}
    .prd-system > ul > li{width: 50%; padding: 0 5px; margin-bottom: 10px;}
    .prd-system .system-tit {margin-top: 24px;}
    .prd-system .system-tit h2{font-size: 16px; padding: 9px 22px;}
    .bbs-prdDetail .sect{margin-top: 80px;}
    .sect-prd__tit a:not(.prd-link){font-size: 20px;}
    .sect-prd .sec-wrap__top{flex-direction: column;}
    .tab-menu > ul > li{margin-bottom: 0;}
    .bbs-prdDetail .img-wrap{width: 225px;height: 303px;margin: 0 auto;margin-bottom: 15px; border-radius: 10px;}
    .sect-prd .list-row{align-items: flex-start;}
    .sect-prd .bottom-wrap{padding-bottom: 20px; background: transparent;}
    .sec-wrap__bottom{height: 80px; margin-top: 40px; padding: 0 20px;}
    #inputValue span{font-size: 11px;margin-bottom: 5px;}
    .sect-prd .list-row .list-cont{margin-top: 2px;}
    .sect-prd .bottom-wrap h4{font-size: 26px;}
    .sect-prd .bottom-wrap p{font-size: 14px;margin-bottom: 40px;}
    .bbs-prdDetail .sect:not(:first-child){margin-top: 80px;}
    .sec-wrap__bottom img{left: 20px; width: calc(100% - 40px);}
    .sect-prd .cont-wrap{min-height: auto; border-radius: 10px;}
    #inputValue{flex-wrap: wrap;}
    .tab-menu.active > ul{justify-content: left;}



    .about01-top{height: 0;padding-bottom: 133.33%;}
    .about01-top:before{width: 227px; height: 281px;}
    .about01-top:after{background-image: url(../../images/user/about/about-intro_bg-m.png);}
    .about01-top .txt1{font-size: 24px;}
    .about01-top .txt2{font-size: 16px;}
    .about01-top .txt3{font-size: 20px;}
    .about02{height: auto; padding: 90px 0 65px;}
    .about02-txt2 > ul{max-width: 100%;}
    .about02-txt2 > ul > li{font-size: 14px; padding: 25px 20px;}
    .about02-txt2 > ul > li b{margin-top: 10px; line-height: 1.3;}
    .about02-txt > div[class *= txt]{font-size: 16px; word-break: keep-all; line-height: 2;}
    .about02-txt > div[class *= txt] b{font-size: 22px;}
    .about03 .tit{font-size: 30px;}
    .about03-list > ul > li{width: 100%;}
    .about03-list > ul > li{height: 0; padding-bottom: 136.11%; position: relative;}
    .about03-list .list-cont{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
    .about03-list .list-tit{font-size: 22px;}
    .about04{height: auto; background-position: center;}
    .about-history{padding-top: 160px; padding-bottom: 70px;}
    .about-history__main .tit {font-size: 22px;}
    .about-history > .tit{font-size: 30px;}
    .about-history__cont{margin-top: 40px; padding-left: 20px;display: block;}
    .about-history__main{width: calc(287px - 18px);height: 368px;margin-right: 20px;padding: 20px 25px;}
    .about-history__main .corp{margin-top: 4px;}
    .about-history .history-main__list .tit{font-size: 22px;}
    .history-main__list .txt{font-size: 15px;}
    .history-main__list > li{padding: 15px;}
    .about-history__main .ico-heart{top: 53px; right: 25px;}
    .history-main__list > li:not(:last-child){margin-bottom: 13px;}
    .about05-list > li:nth-child(1), .about05-list > li:nth-child(2){margin-bottom: 40px;}
    .history-box{height: 386px;padding: 35px 25px;}
    .history-box p{font-size: 12px;}
    .about-history__slide{padding-left: 14px;margin-left: -14px;margin-top: 30px;}
    .about-history__slide > ul > li {
        width: 282px;
    }
    .about05{height: auto; padding-top: 70px; padding-bottom: 70px;}
    .about05 .tit{font-size: 30px;}
    .about05 .txt{font-size: 16px; margin-top: 14px;}
    .about05-list{margin-top: 60px;max-width: 345px;font-size: 0;}
    .about05-list .list-img{width: 112px; height: 112px;}
    .about05-list .tit{font-size: 16px;margin-top: 11px; margin-left: 0; margin-right: 0;}
    .about05-list > li{padding: 0 24px;/* width: auto; */}
    .about05-list p{font-size: 13px;}
    .about06-cont {padding-top: 24px; padding-left: 20px;}
    .about06-slide > ul > li{height: 240px; padding-bottom: 0;}
    .about07{margin-top: 50px;}
    .about07 .product-list > li{width: 50%; margin-bottom: 20px;}
    .about07 .product-txt{margin-top: 10px;}
    .about07 .txt1{font-size: 14px;}
    .about07 .txt2{font-size: 12px;}
    .about08{padding-top: 65px; padding-bottom: 50px;}
    .about08 .heart{width: 70px; height: 70px;}
    .about08 .cont{font-size: 14px; line-height: 1.7;}
   


    /* brand */
    .brand #bo_cate{top: 40px;}
    .brand #bo_cate_ul li a{height: 50px; font-size: 20px;}
    .moms .brand01{padding-top: 200px; padding-bottom: 120px; height: auto;}
    .moms .brand01 .tit img{width: 206px; height: 40px;}
    .moms .brand01 .tit{margin-bottom: 16px;}
    .moms .brand01 p{font-size: 24px;}
    .brand02{height: auto; padding: 120px 0;}
    .brand02 .txt1{font-size: 14px;}
    .brand02 .txt2{font-size: 20px;}
    .moms .brand03{padding-top: 60px; padding-bottom: 40px;}
    .brand-system .tit{max-width: 320px; font-size: 16px; padding: 0 15px;}
    .brand-system .tit:before, 
    .brand-system .tit:after{width: 5px; height: 5px;}
    .moms .brand03-top p{font-size: 14px; line-height: 2; margin-top: 30px;}
    .moms .brand03-list{width: 100%; margin-top: 60px;}
    .moms .brand03-list__bg{margin: 0 auto; background-image: url(../../images/user/brand/brand03-list_moms-m.png); width: 320px; height: 295px;}
    .moms .brand03-list ul{display: flex; flex-wrap: wrap; margin-top: 45px;}
    .moms .brand03-list ul li{width: 50%; position: static; transform: none; text-align: center; margin-bottom: 24px; white-space: normal;}
    .moms .brand03-list ul li.list01, 
    .moms .brand03-list ul li.list02, 
    .moms .brand03-list ul li.list03{transform: none; text-align: center;}
    .moms .brand03-list ul li.list01 .tit, 
    .moms .brand03-list ul li.list02 .tit, 
    .moms .brand03-list ul li.list03 .tit{justify-content: center;}
    .moms .brand03-list ul li.list04, 
    .moms .brand03-list ul li.list05, 
    .moms .brand03-list ul li.list06{text-align: center; transform: none;}
    .moms .brand03-list ul li.list04 .tit, 
    .moms .brand03-list ul li.list05 .tit, 
    .moms .brand03-list ul li.list06 .tit{justify-content: center;}
    .moms .brand03-list ul li .tit{font-size: 14px;}
    .moms .brand03-list ul li .num{width: 20px; height: 20px; flex: 0 0 auto;}
    .moms .brand03-list ul li.list04 p, 
    .moms .brand03-list ul li.list05 p, 
    .moms .brand03-list ul li.list06 p{padding-left: 0;}
    .moms .brand03-list ul li p{font-size: 12px;}
    .moms .brand04{padding-top: 90px; padding-bottom: 88px; background-position: right 18% center;}
    .moms .brand04 .tit{font-size: 28px; margin-bottom: 30px;}
    .moms .brand04-list li{display: flex; flex-direction: column; justify-content: center; text-align: center; padding: 35px 20px 45px;}
    .moms .brand04-list li:not(:last-child){margin-bottom: 20px;}
    .moms .brand04-list .l{order: 2;}
    .moms .brand04-list .l .txt{font-size: 12px; margin-top: 10px;}
    .moms .brand04-list .l .list-tit{font-size: 20px;}
    .moms .brand04-list .c{position: static; order: 1;}
    .moms .brand04-list .c img{width: 80px; height: 80px;}
    .moms .brand04-list .r{order: 3;}
    .brand-design{padding-top: 80px; padding-bottom: 100px;}
    .brand-design .cont-bottom{margin-top: 60px;}
    .design-cont.cont-top .tit{font-size: 28px;}
    .design-cont.cont-top .tit .en-txt{font-size: 18px;}
    .design-cont.cont-top .cont{padding: 25px 15px;}
    .design-cont.cont-top .cont p{font-size: 14px; }
    .ci-tit{max-width: 240px; font-size: 14px;}
    .ci-slide > ul > li {padding-bottom: 84.375%;}
    .ci-btn{flex-direction: column;}
    .ci-btn .btn{width: 100%; flex: none; height: 50px;}
    .ci-btn .btn:not(:last-child){margin-right: 0; margin-bottom: 15px;}
    .mother .brand01{padding-top: 198px; padding-bottom: 165px; height: auto; background-image: url(../../images/user/brand/brand01-mother_m.png);}
    .mother .brand01 .tit{font-size: 26px;}
    .mother .brand01 p{font-size: 18px;}
    .mother .brand01 .img-wrap{margin-top: 30px;}
    .mother .brand01 .img-wrap img{width: 106px; height: 20px;}
    .mother .brand02{height: auto; padding: 175px 0;}
    .mother .brand02 .img-wrap img{width: 168px; height: 166px;}
    .mother .brand02 .img-wrap{margin-bottom: 40px;}
    .mother .brand03{padding: 70px 0;}
    .mother .brand03 .tit{font-size: 25px; width: 215px; height: 54px ;}
    .mother .brand03-top p{margin-top: 30px;}
    .mother .brand03-top p span{display: block;}
    .mother .brand03-bottom p{font-size: 14px;}
    .mother .brand04{padding-top: 80px;}
    .mother .brand04-list{margin-top: 130px;}
    .cir{width: 236px; height: 236px;}
    .cir .cir-middle{width: 236px; height: 236px;}
    .cir .cirImg{width: 120px; height: 108px;}
    .cir-middle .cir-img{width: 118px; height: 116px;}
    .cir .cirImg.cir_1{top: -60px;}
    .cir .cirImg .cir_topImg{width: 30px; height: 30px;}
    .cir .cirImg .cir_TxtTitle{font-size: 12px;}
    .cir .cirImg .cir_subTxtTitle{font-size: 9px; letter-spacing: -0.5px;}
    .cir .cirImg.cir_2{left: -40px; bottom: -40px;}
    .cir .cirImg.cir_3{right: -40px; bottom: -40px;}
    .mother .brand05 .product-list li{width: 100%; margin-bottom: 30px;}
    .mother .brand05 .tit{font-size: 28px; margin-bottom: 30px;}
    .mother .brand05 .txt1{font-size: 18px;}
    .mother .brand05 .txt2{font-size: 14px;}
    .mother .brand-design{padding-top: 60px;}

}