@charset "utf-8";


/* **************************************** *
 * 메인
 *********************************************/
/* #content.main{padding-top:20rem; background:#F6F6F6;} */

.main-header h1{font-size: 22rem; color: #fff; font-weight: 700; }

.cmn-main{position: relative;}
.cmn-main::before{content: ""; position: absolute; width: 100%; height: 407rem; left: 0; top: 0; background-color: var(--c-01);}
.cmn-main .cmn-main__img{position: absolute; right: 0; top: 90rem;}
.cmn-main .content-wrap{position: relative; /* z-index: 1; */}
.cmn-main section:not(:nth-child(1)) + section{margin-top: 40rem;}

.cmn-visual{margin-top: 75rem; position: relative;}


.cmn-mainbox{background-color: var(--f); position: relative; margin-top: 24rem; padding: 24rem 20rem; border-radius: 10rem; overflow: hidden; box-shadow: 0px 6px 20px 0px rgba(189, 189, 189, 0.25); }
.cmn-mainbox__tit{color: var(--b-01); margin-bottom: 25rem; display: block;}
.cmn-mainbox [data-flex]{justify-content: center;}
.cmn-mainbox [data-flex] li{text-align: center;}
.cmn-mainbox [data-flex] span{color:var(--b-05); display: block; margin-bottom: 10rem;}
.cmn-mainbox [data-flex] div strong{color: var(--b-01); font-size: 20rem; line-height: 24rem; font-weight: 700;}
.cmn-mainbox [data-flex] div i{color: var(--b-01  );}
.cmn-mainbox [data-flex] li p{margin-top: 3rem; color: var(--b-01);}
.cmn-mainbox [data-flex] li b{color: var(--b-01);}
.cmn-mainbox [data-flex] .line{width: 1px; height: 100%; border-right: 1px dashed var(--b-06); display: block;}
.cmn-mainbox .btn-basic{margin-top: 26rem;}
.cmn-mainbox .moreview{position: absolute; right: 20rem; top: 29rem;}
.cmn-mainbox [data-grid] button{border-radius: 5rem; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; border:1px solid var(--b-06); padding: 17rem;}
.cmn-mainbox [data-grid] button span{font-size: 12rem; margin-top:9rem; line-height: 17rem; font-weight: 700; color: var(--b-03);}
.cmn-mainbox [data-grid] button path{stroke: var(--b-05);}


.main .cmn-mainbox ul{gap: 40rem;}
.plan .cmn-mainbox ul{gap: 27rem;}
.plan.cmn-main .cmn-main__img{top: 23rem;}
.rnd.cmn-main .cmn-main__img{top: 63rem;}
.cmm-slide__title{display: flex; align-items:flex-end; justify-content: space-between; margin-bottom: 16rem;}

.cmm-slide__title .moreview{position: relative; top: -4rem;}

.cmn-visual__name{color: var(--f); font-size: 27rem; line-height: 28rem; display: block; margin-bottom: 14rem;}
.cmn-visual__name + p{color: var(--f); font-size: 14rem; line-height: 21rem;}

.cmn-list-info .cmn-type{display: inline-flex; border-radius: 3rem; border: 1px solid var(--c-02); padding: 1rem 8rem; font-size: 12rem; line-height: 20rem; color: var(--c-02); }
.cmn-list-info .cmn-list-tt{color: var(--b-01); display: block; margin-top: 5rem; margin-bottom: 4rem;}
.cmn-price{gap: 4rem;}
.cmn-price > li{font-size: 13rem; line-height: 20rem; font-weight: 700; color: var(--b-01);}
.cmn-price > li.cmn-price__sale{font-size: 13rem; line-height: 20rem; color: var(--c-01);}

.cmn-price__origin{font-size: 11rem; text-decoration-line: line-through; line-height: 20rem; color: var(--b-05); display: block; font-weight: 500;}

.colum-slider .swiper-slide{width:148rem;flex-direction: column; align-items: flex-start;}
.colum-slider .swiper-slide img{border-radius: 10rem; margin-bottom: 15rem; height: 148rem; object-fit: cover;}

.cmn-colum__top{justify-content: space-between; align-items: flex-end; margin-bottom: 13rem;}
.cmn-colum__top > span{color: var(--b-01);}
.cmn-colum__top .select-wrap{width: 81rem;}
.cmn-colum__top .select-wrap .select-btn::after{position: relative;width: 7rem;height: 15rem;background-size: 7rem; right: 2rem;}
.cmn-colum__top .select-btn{gap: 19rem;font-size: 12rem;justify-content: space-between;right: 0;padding: 7rem 10rem;}

/* .cmn-colum__list {margin-top: 13rem;} */
.cmn-colum__list img{width: 100%; border-radius: 10rem; margin-bottom: 10rem; }
.cmn-colum__list strong{display: block; font-size: 15rem; line-height: 20rem; font-weight: 600; color: var(--b-01); display: block; margin-bottom: 4rem;}
.cmn-colum__list p{ margin-bottom: 21rem;}
.cmn-colum__list > li + li{margin-top: 28rem;}