@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.root_daum_roughmap {width:100% !important; height:clamp(250px, calc( 450 / var(--inner) * 100vw ), 450px) !important;}
.root_daum_roughmap .wrap_map {height:clamp(250px, calc( 450 / var(--inner) * 100vw ), 450px) !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.roughmap_lebel_text:after {content:"위노베이트"; font-size:12px; line-height:15px;}

.bullet-item .bullet-list {position:relative; padding-left:15px; margin-top:10px; line-height:1.3;}
.bullet-item .bullet-list:first-child {margin-top:0;}
.bullet-item .bullet-list::before {position:absolute; content:''; left:0; top:9px; width:3px; height: 3px; background:var(--color-primary); border-radius: 50%;}
.bullet-item .bullet-list.none {padding-left: 0;}
.bullet-item .bullet-list.none::before {display: none;}

.bg-gray {background:#fafafa;}

.businnitem {display: flex; flex-wrap: wrap; margin: -15px;}
.businnlist {flex: 1 0 33.33%; max-width: 33.33%; padding: 15px;}
.businessinner {display: block; background: #fff; border-radius:  clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); overflow: hidden; height: 100%;border: 1px solid #ddd;}
.businnlist .imgbx {padding:10px;}
.businnlist .images {position:relative; padding-bottom:100%; overflow:hidden;}
.businnlist .images img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;object-fit :cotain;}
.businnlist .textbx {margin:  clamp(15px, calc( 27 / var(--inner) * 100vw ), 27px) clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px); padding-top: clamp(15px, calc( 27 / var(--inner) * 100vw ), 27px); border-top: 1px solid #ddd;text-align:center;}
.businnlist .title { font-weight: 600; margin-bottom: 10px;font-weight: 600;display:-webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1;}
.businnlist .numtxt {display:flex;justify-content:center;font-size: clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px);}
.businnlist .txt {display: inline-block; padding-right: 10px; color: #898989;}
.businnlist .price {font-weight:bold;  color: var(--color-danger);}
.businessinner:hover {border-color:var(--color-primary);}

.bisuflxWrap {display: flex;flex-wrap:wrap;}
.bisuflxWrap .slideimgbx {flex: 1 0 510px; max-width: 510px; margin-right: clamp(15px, calc( 85 / var(--inner) * 100vw ), 85px);}
.bisuflxWrap .slideinfobx {flex: 1 0 auto; width: 1%;}
.bisuflxWrap .images {position:relative; padding-bottom:100%; overflow:hidden;border-radius: 10px;}
.bisuflxWrap .images img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;object-fit : contain;}
.bisuflxWrap .sub-swipe {position: relative; margin-top: clamp(8px, calc( 13 / var(--inner) * 100vw ), 13px); padding: 0 clamp(25px, calc( 35 / var(--inner) * 100vw ), 35px);}
.bisuflxWrap .btn-arrow2 {width: 20px; height: 20px; border: 0; margin-top: 0; top: 50%; transform: translateY(-50%);}
.bisuflxWrap .btn-arrow2:after {font-size: 18px; color: #ccc;}
.bisuflxWrap .swiper-button-next {right: 0;}
.bisuflxWrap .swiper-button-prev {left: 0;}
.bisuflxWrap .sub-swipe .swiper-slide-thumb-active .images:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:2px solid var(--color-primary);border-radius: 10px;} 

.slideinfoinner {display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.slideinfoinner .title {font-size: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); font-weight: 600;}
.slideinfoinner .infoitem {margin-top: clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px);}
.slideinfoinner .infolist {display: flex;}
.slideinfoinner .infolist .name {flex: 1 0 100px; max-width: 100px;font-weight: 600; color: #a8a8a8;}
.slideinfoinner .infolist .desc {flex: 1 0 auto; width: 1%; color: #505050;font-weight:bold;}
.slideinfoinner .infolist + .infolist {margin-top:clamp(14px, calc( 16 / var(--inner) * 100vw ), 16px);}
.slideinfoinner .choosebx {padding: clamp(14px, calc( 20 / var(--inner) * 100vw ), 20px) 0; margin-top: clamp(14px, calc( 20 / var(--inner) * 100vw ), 20px); border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.slideinfoinner .choosebx .infolist {align-items: center;}
.slideinfoinner .pricebx {display: flex; justify-content: flex-end; align-items: center; padding-top:clamp(12px, calc( 18 / var(--inner) * 100vw ), 18px); color: #505050;}
.slideinfoinner .pricebx .small {margin-right: 12px; font-size: clamp(12px, calc( 14 / var(--inner) * 100vw ), 14px); }
.slideinfoinner .pricebx .price {font-size: clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight: 700; }
.slideinfoinner .linkbx {display: flex; flex-wrap: wrap; padding-top: 30px; margin:-8px;}
.slideinfoinner .linkbx .links {flex: 1 0 50%; max-width: 50%; padding: 8px; }
.slideinfoinner .linkbx .btn-link {display: flex; align-items: center; justify-content: center; height: clamp(46px, calc( 56 / var(--inner) * 100vw ), 56px); border-radius: 8px; background:var(--color-primary); color: #fff; font-weight: 700;}
.slideinfoinner .linkbx .links:last-child .btn-link {pointer-events: none;}

.detailview {padding-top: clamp(60px, calc( 120 / var(--inner) * 100vw ), 120px);}
.detailview .title {font-size: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); font-weight: 600;}
.detailview .viewbx {margin-top: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px);}

.btnlist {margin-top: clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px); text-align: center;}
.btnlist .btn-list {display: inline-flex; align-items: center; justify-content: center; width: 45%; height: clamp(48px, calc( 56 / var(--inner) * 100vw ), 56px); border-radius: 8px; border:1px solid var(--color-primary); color: var(--color-primary); font-weight: 700;}

.radioitem {display: flex; flex-wrap: wrap; margin:0 -20px;}
.radioitem .item {padding: clamp(5px, calc( 10 / var(--inner) * 100vw ), 10px) 20px;}