/* --- css__2__block.style.css --- */ @charset "utf-8"; /* 전체 테마 공통폰트 및 스타일 */ *{ -webkit-tap-highlight-color: rgba(255,255,255,0); } html{scroll-behavior: smooth;} /*원하는 위치로 이동 시킬 수 없음*/ body{-webkit-text-size-adjust:none; scroll-behavior: smooth;} @-webkit-keyframes autofill { to { color: #000; /*background: transparent;*/ } } input:-webkit-autofill { -webkit-animation-name: autofill; -webkit-animation-fill-mode: both; } input[type=text]::-ms-clear{display: none;} [data-wv-layout-element="block"]{z-index: 2;} [data-wv-design-mode="board"] [data-wv-layout-element="block"]{float:none!important;} [data-wv-inc^="header"],[data-wv-inc^="header_ai"]{position: absolute; z-index: 30;} [data-wv-inc^="footer"],[data-wv-inc^="footer_ai"]{/*z-index: 20;*/ z-index: 1;} [data-wv-ai-fail-block] { height: 400px; } [data-wv-ai-fail-block]:empty::after, [data-wv-ai-fail-block] > [data-wv-layout-element="block_inner"]:empty::after, body.analyze_complete [data-wv-ai-fail-block]::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 400px; display: flex; align-items: center; justify-content: center; background-color: #f5fafe; background-image: url("https://cdn.zaemit.ai/_vfs/onekorea/b6f725e0e4a9600781c7a39a0d451c4b.png"); background-size: 381px 288px; background-position: center center; background-repeat: no-repeat; } /* 21/07/30 hsj 추가 - block_inner 제거 안할 시 필요한 코드 */ /*[data-wv-layout-element="block_inner"]{ position: relative; float:left; width:100%; height:100%; box-sizing: border-box;} [data-wv-layout-element="block_inner"].wveditor_table{overflow: visible;}*/ /* 21/03/15 jm 추가 */ [data-wv-layout-element="block"][data-wv-layout-element-type="image"]:not([data-wv-logo]) img{width: 100%;} [data-wv-layout-element="block"][data-wv-layout-element-type="image"][data-wv-logo] { text-align: center; } [data-wv-layout-element="block"][data-wv-layout-element-type="image"] picture { display: inline-block; } /* 21/03/17 hsj 추가 */ [data-wv-layout-element="layout"] {position: relative; float: left; width:100%; box-sizing: border-box;} [data-wv-layout-element="block"][onclick] {cursor:pointer !important;} [data-wv-layout-element="block"][onclick] > [data-wv-layout-element="block_inner"] {cursor:pointer !important;} /* 21/06/01 hsj 추가 */ [data-wv-layout-element="block"][data-wv-layout-element-type="video"][data-wv-layout-element-param] {cursor:pointer;} /* 22/01/05 hsj 추가 */ /*[data-wv-layout-element="block"][data-wv-layout-element-type="map"]{min-width: 450px;}*/ /* 21/04/07 jm 추가 */ /*[data-wv-logo] img{width: auto; max-height: 100%;}*/ /* 21/06/04 hsj 추가 */ /*[data-wv-layout-element="block"][data-wv-logo] img{width: auto;}*/ /* 21/06/02 hsj 추가 */ [data-wv-layout-element="block"].hide {display: none;} [data-wv-hidden-area].hide {display: none;} /* 21/05/05 hsj 추가 */ [data-wv-util-menu="member"].hide {display: none;} /* 22/09/29 ymg - 표 블록 스크롤바 */ [data-wv-layout-element-type="table"]::-webkit-scrollbar { height: 6px; background: rgb(235, 235, 235);} [data-wv-layout-element-type="table"]::-webkit-scrollbar-thumb{background: rgb(171, 171, 171); } [data-wv-layout-element-type="table"]::-webkit-scrollbar-thumb:hover{background: rgb(85, 85, 85); } [data-wv-layout-element-type="table"] div::-webkit-scrollbar { height: 6px; background: rgb(235, 235, 235);} [data-wv-layout-element-type="table"] div::-webkit-scrollbar-thumb{background: rgb(171, 171, 171); } [data-wv-layout-element-type="table"] div::-webkit-scrollbar-thumb:hover{background: rgb(85, 85, 85); } [data-wv-layout-element-type="text,table"]::-webkit-scrollbar { height: 6px; background: rgb(235, 235, 235);} [data-wv-layout-element-type="text,table"]::-webkit-scrollbar-thumb{background: rgb(171, 171, 171); } [data-wv-layout-element-type="text,table"]::-webkit-scrollbar-thumb:hover{background: rgb(85, 85, 85); } [data-wv-layout-element-type="text,table"] div::-webkit-scrollbar { height: 6px; background: rgb(235, 235, 235);} [data-wv-layout-element-type="text,table"] div::-webkit-scrollbar-thumb{background: rgb(171, 171, 171); } [data-wv-layout-element-type="text,table"] div::-webkit-scrollbar-thumb:hover{background: rgb(85, 85, 85); } [data-wv-layout-element="block"] .wveditor_table_wrap::-webkit-scrollbar { height: 6px; background: rgb(235, 235, 235);} [data-wv-layout-element="block"] .wveditor_table_wrap::-webkit-scrollbar-thumb{background: rgb(171, 171, 171); } [data-wv-layout-element="block"] .wveditor_table_wrap::-webkit-scrollbar-thumb:hover{background: rgb(85, 85, 85); } .wrapper{display: flex; flex-wrap: wrap; flex-direction: column; width: 100%; overflow: hidden;} .wrapper [data-wv-layout-element="skin-page"]{flex:1 0 auto;} /* 21/11/15 ymg - *에 글자속성 적용하는 css 주석처리 */ .font_roboto{font-family:"Roboto"; letter-spacing: 0.0em;} /*.font_roboto *{font-family:"Roboto"; letter-spacing: 0.0em;}*/ .font_playfair{font-family: 'Playfair Display';} /*.font_playfair *{font-family: 'Playfair Display';}*/ .font_gongGothic{font-family: 'GongGothic';} /*.font_gongGothic *{font-family: 'GongGothic';}*/ .font_gmarket {font-family: 'GmarketSans';} /*.font_gmarket *{font-family: 'GmarketSans';}*/ .font_nanumMyeongjo {font-family: 'NanumMyeongjo';} /*.font_nanumMyeongjo *{font-family: 'NanumMyeongjo';}*/ .font_Pretendard {font-family: 'Pretendard';} .fontweight300{font-weight: 300 !important;} /*200305 min - Light fw 적용을 위해 important를 추가한 클래스 정의*/ .fontweight400{font-weight: 400 !important;} /* 190603 폰트가이드 업데이트 */ .fontweight500{font-weight: 500 !important;} /* 190403 폰트가이드 업데이트 */ .fontweight700{font-weight: 700 !important;} /* 190613 폰트가이드 업데이트 */ /* default point color - #5c8698 */ .point0{color:#5c8698 !important;} .point0 > *{color:#5c8698 !important;} .bg_point0{background-color:#5c8698 !important;} .svg_point0{fill:#5c8698 !important;} .stroke_point0{stroke:#5c8698 !important;} .border_point0{border-color:#5c8698 !important;} .before_point0::before{color:#5c8698 !important;} .before_bg_point0::before{background-color:#5c8698 !important;} input:checked + label.checked_before_bg_point0::before{background-color: #5c8698 !important;} .after_point0::after{color:#5c8698 !important;} .after_bg_point0::after{background-color:#5c8698 !important;} /* 햄버거 메뉴 아이콘 */ /* menu_icon_style_0_con */ .menu_icon_style_0_con{font-size: 0; line-height: 0;} .menu_icon_style_0{display:inline-block; width:25px; height:16px; position: relative; overflow: hidden;} .menu_icon_style_0 span{width:25px; height:2px; background-color:#000; position: absolute; top:50%; left:0; margin-top:-1px;} .menu_icon_style_0::before{content:""; position: absolute; top:0px; left:0; width:25px; height:2px; background-color:#000;} .menu_icon_style_0::after{content:""; position: absolute; bottom:0px; left:0; width:25px; height:2px; background-color:#000;} .reverse .menu_icon_style_0 span{background-color:#fff;} .reverse .menu_icon_style_0::before{background-color:#fff;} .reverse .menu_icon_style_0::after{background-color:#fff;} .menu_icon_style_0.type_2 span{width: 18px;} .menu_icon_style_0.type_2::before{} .menu_icon_style_0.type_2::after{} .menu_icon_style_0.type_3 span{} .menu_icon_style_0.type_3::before{width: 19px;} .menu_icon_style_0.type_3::after{width: 15px;} .menu_icon_style_0::before{ -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-delay: 0.0s; transition-delay: 0.0s; -webkit-transition-timing-function : ease-out; transition-timing-function : ease-out; -webkit-transition-property: width; transition-property: width; } .menu_icon_style_0 span{ -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-delay: 0.0s; transition-delay: 0.0s; -webkit-transition-timing-function : ease-out; transition-timing-function : ease-out; -webkit-transition-property: width; transition-property: width; } .menu_icon_style_0::after{ -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-delay: 0.02s; transition-delay: 0.02s; -webkit-transition-timing-function : ease-out; transition-timing-function : ease-out; -webkit-transition-property: width; transition-property: width; } /* menu_icon_style_1_con */ .menu_icon_style_1_con{font-size: 0; line-height: 0;} .menu_icon_style_1{display:inline-block; width:24px; height:12px; position: relative; overflow: hidden;} .menu_icon_style_1 span{width:24px; height:2px; background-color:#000; position: absolute; bottom:0; left:0;} .menu_icon_style_1::before{content:""; position: absolute; top:0px; left:0; width:25px; height:2px; background-color:#000;} .reverse .menu_icon_style_1 span{background-color:#fff;} .reverse .menu_icon_style_1::before{background-color:#fff;} .menu_icon_style_1.type_2 span{width: 18px;} .menu_icon_style_1::before{ -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-delay: 0.0s; transition-delay: 0.0s; -webkit-transition-timing-function : ease-out; transition-timing-function : ease-out; -webkit-transition-property: width; transition-property: width; } .menu_icon_style_1 span{ -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-delay: 0.0s; transition-delay: 0.0s; -webkit-transition-timing-function : ease-out; transition-timing-function : ease-out; -webkit-transition-property: width; transition-property: width; } .menu_icon_style_1::after { -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-delay: 0.02s; transition-delay: 0.02s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-property: width; transition-property: width; } /*200420 min - 새로운 폰트 가이드 정의*/ /*font_style_15*/ .font_style_15{font-size: 15px; font-size: 1.5rem; line-height: 25px; line-height: 2.5rem; font-weight: 300; letter-spacing: -0.0em; color: #000; word-break: keep-all; word-wrap:break-word;} /*font_style_17*/ .font_style_17{font-size: 17px; font-size: 1.7rem; line-height: 28px; line-height: 2.8rem; font-weight: 300; letter-spacing: -0.0em; color: #000; word-break: keep-all; word-wrap:break-word;} .font_style_17.font_roboto{font-weight: 400;} .font_style_17 .font_roboto{font-weight: 400;} /*font_style_19 -> 20.06.25 폰트 스타일 변경 : font-size, line-height*/ .font_style_19{font-size: 17px; font-size: 1.7rem; line-height: 30px; line-height: 3.0rem; font-weight: 300; letter-spacing: -0.0em; color: #000; word-break: keep-all; word-wrap:break-word;} /*font_style_20 -> 20.06.25 폰트 스타일 변경 : font-size, line-height*/ .font_style_20{font-size: 19px; font-size: 1.9rem; line-height: 30px; line-height: 3.0rem; font-weight: 500; letter-spacing: -0.02em; color: #000; word-break: keep-all; word-wrap:break-word;} .font_style_20.font_roboto{letter-spacing: -0.0em;} .font_style_20 .font_roboto{letter-spacing: -0.0em;} /*font_style_25 -> 20.06.25 폰트 스타일 변경 : font-size, line-height*/ .font_style_25{font-size: 23px; font-size: 2.3rem; line-height: 35px; line-height: 3.5rem; font-weight: 500; letter-spacing: -0.02em; color: #000; word-break: keep-all; word-wrap:break-word;} .font_style_25.font_roboto{letter-spacing: -0.0em;} /*font_style_35 -> 20.06.25 폰트 스타일 변경 : font-size, line-height*/ .font_style_35{font-size: 28px; font-size: 2.8rem; line-height: 42px; line-height: 4.2rem; font-weight: 700; letter-spacing: -0.04em; color: #000; word-break: keep-all; word-wrap:break-word;} .font_style_35.font_roboto{letter-spacing: -0.0em;} .font_style_35 .font_roboto{letter-spacing: -0.0em;} /*font_style_46 -> 20.06.25 폰트 스타일 변경 : font-size, line-height*/ .font_style_46{font-size: 33px; font-size: 3.3rem; line-height: 50px; line-height: 5.0rem; font-weight: 500; letter-spacing: -0.04em; color: #000; word-break: keep-all; word-wrap:break-word;} .font_style_46.font_roboto{letter-spacing: -0.0em;} .font_style_46 .font_roboto{letter-spacing: -0.0em;} /*font_style_60 -> 20.06.25 폰트 스타일 변경 : font-size, line-height*/ .font_style_60{font-size: 42px; font-size: 4.2rem; line-height: 62px; line-height: 6.2rem; font-weight: 500; letter-spacing: -0.06em; color: #000; word-break: keep-all; word-wrap:break-word;} .font_style_60.font_roboto{font-weight: 400; letter-spacing: -0.0em;} .font_style_60 .font_roboto{font-weight: 400; letter-spacing: -0.0em;} /* move_to_top_con */ .move_to_top_btn_con{font-size: 0;} .move_to_top_btn_con .move_to_top_btn{overflow: hidden; display: inline-block;} .move_to_top_btn_con .text{position:relative; overflow: hidden; width: 74px; height: 15px; text-align: left; opacity: 0; padding-top: 1px; font-size:10px; font-size:1.0rem; line-height:16px; line-height:1.6rem; letter-spacing: 0.05em !important; font-weight: 400; color:#000;} .move_to_top_btn_con .text > span{position: absolute; width: 74px; height: 15px; text-align: left;} .move_to_top_btn_con.hover_type_0 .text{width: 0px; transition: width 0.3s ease, margin-left 0.25s ease, opacity 0.2s ease;} .move_to_top_btn_con.hover_type_1 .text{height: 15px; margin-top: 10px; transition: height 0.25s ease , margin-top 0.25s ease, opacity 0.15s ease;} .move_to_top_btn_con.hover_type_0 span{display: inline-block; vertical-align: middle;} .move_to_top_btn_con.hover_type_1 span{display: block;} /*21.06.07 - ymg 게시판 블럭 merge의 editor 관련 css*/ [data-wv-res-id] [id*="merge_"] .toolset_wrap input[type="text"].option_input_style_0 { width: auto; height: auto; font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; padding-top: 5px; padding-bottom: 2px; padding-left: 10px; color: #707f96; border: 1px solid #e4ebf5; -webkit-border-radius: 0; -webkit-appearance: none;} [data-wv-res-id] [id*="merge_"] .toolset_wrap input[type="text"].label { height: auto; font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; border: none; padding: 0; color: #707f96; } [data-wv-res-id] [id*="merge_"] .toolset_wrap .option input[type="text"].color_code_input { height: auto; width: 132px; font-size:13px; font-size:1.3rem; line-height:19px; line-height:1.9rem; color: #707f96; border: 1px solid #e4ebf5; padding: 3px 10px;} [data-wv-res-id] [id*="merge_"] .toolset_wrap [data-wv-toolset="ToolTextLink"] [data-wv-tool-btn="ToolBtnTextLink"][data-wv-tool-btn-prop="page"]{display: none;} [data-wv-res-id] [id*="merge_"] .toolset_wrap .toolset_bottom_con .toolset_box .tool_separation:last-child { display: none; } [data-wv-res-id] .video-bg-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none; z-index: -1; } [data-wv-res-id] .video-bg-wrap .video-bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } /* 딤 */ /* v1 */ [data-wv-background-dim] { position: absolute; pointer-events: none; z-index: -1; } /* v2 */ [data-wv-design-mode="expert"] [data-wv-bgdim] { position: absolute; pointer-events: none; z-index: -1;} body:not([data-wv-design-mode="expert"]) [data-wv-bgdim] { position: absolute; pointer-events: none; z-index: -1; width: 100%!important; height: 100%!important; top:0!important; left: 0!important;} /* 쇼핑몰 상품리스트, 상품리뷰 블록 및 최근게시물 css */ /* 레이아웃 */ [data-wv-layout-element-type="shop_BBS_recent"] [data-wv-type="list"] [data-wv-template] {cursor: pointer;} [data-wv-layout-element-type="shop_review"] [data-wv-type="list"] [data-wv-template] {cursor: pointer;} [data-wv-layout-element-type="shop_list"] [data-wv-type="list"] [data-wv-template] {cursor: pointer;} [data-wv-layout-element-type="shop_list"] [data-wv-type="list"] [data-wv-template-extra] {cursor: pointer;} [data-wv-layout-element-type="shop_list"]:not([data-wv-list-gallery]) [data-wv-type="list"] [data-wv-template-parent]:not(.swiper-wrapper) {display: flex; flex-wrap: wrap; align-items: stretch;} [data-wv-layout-element-type="shop_review"] [data-wv-type="list"] [data-wv-template-parent] {display: flex; flex-wrap: wrap; align-items: stretch;} /* [data-wv-layout-element-type="shop_list"] [data-wv-type="list"] [data-wv-template] > [data-wv-layout-element="block"] {height: 100%;} [data-wv-layout-element-type="shop_review"] [data-wv-type="list"] [data-wv-template] > [data-wv-layout-element="block"]:not([data-wv-shop]) {height: 100%;} [data-wv-layout-element-type="shop_list"] [data-wv-type="list"] [data-wv-template] > [data-wv-layout-element="block_inner"] > [data-wv-layout-element="block"] {height: 100%;} [data-wv-layout-element-type="shop_review"] [data-wv-type="list"] [data-wv-template] > [data-wv-layout-element="block_inner"] > [data-wv-layout-element="block"]:not([data-wv-shop]) {height: 100%;} */ /* 뱃지 */ /* 전버전 */ [data-wv-layout-element-type="shop_list"] .badge_box {position: absolute; left: 0; top: 0; z-index: 4;} [data-wv-layout-element-type="shop_list"] .badge {display: none; width: 51px; height: 23px; padding: 3px 6px; box-sizing: border-box; float: left; font-size: 11px; font-size: 1.1rem; line-height: 18px; line-height: 1.8rem; font-weight: 400; color: #fff; text-align: center;} [data-wv-layout-element-type="shop_list"] .new { background-color: #03d2cb;} [data-wv-layout-element-type="shop_list"] .sale { background-color: #5186f2;} [data-wv-layout-element-type="shop_list"] .timesale { background-color: #9d74e8;} [data-wv-layout-element-type="shop_list"] .best { background-color: #dd7fca;} [data-wv-layout-element-type="shop_list"] .mdrec { background-color: #2eb9e6;} /* 신버전 */ [data-wv-layout-element-type="shop_list"] [data-wv-shop="product_badge"] {display: none;} /* 페이징 */ [data-wv-layout-element-type="shop_list"] .paging {padding: 20px 0px;} [data-wv-crud="shop"] .nodata { float: left; width: 100%; font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; font-weight: 300; padding-top: 30px; padding-bottom: 30px; color: #bebdcc; } [data-wv-crud="shop"] .nodata > svg{ width: 47px; height: 47px; fill: #dedde5; margin-left: 4px;} [data-wv-crud="shop"] .nodata > div{margin-top: 12px;} [data-wv-layout-element-type="shop_list"] [data-wv-res-id] .button_container li.btn_singlePage { z-index: 0; text-indent: -10000px; width: 25px; height: 25px; border-radius: 50%; background-color: rgb(244, 247, 249); margin-right: 3px; margin-left: 3px;} [data-wv-layout-element-type="shop_list"] [data-wv-res-id] .button_container li.btn_singlePage:hover { background-color: rgb(220 238 245);} [data-wv-layout-element-type="shop_list"] [data-wv-res-id] .button_container li { position: relative; display: inline-block; text-align: center; cursor: pointer; width: 28px; height: 28px; box-sizing: border-box; transition: all 0.3s ease 0s; font-family: Roboto; } [data-wv-layout-element-type="shop_list"] [data-wv-res-id] .button_container li.btn_singlePage.btn_prevPage { margin-right: 29px; } [data-wv-layout-element-type="shop_list"] [data-wv-res-id] .button_container li.btn_singlePage.btn_nextPage { margin-left: 29px; } [data-wv-layout-element-type="shop_list"] [data-wv-res-id] .button_container li.btn_singlePage:after {display: none;} [data-wv-layout-element-type="shop_review"] .paging {padding: 20px 0px;} [data-wv-crud="shop"] .nodata { float: left; width: 100%; font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; font-weight: 300; padding-top: 30px; padding-bottom: 30px; color: #bebdcc; } [data-wv-crud="shop"] .nodata > svg{ width: 47px; height: 47px; fill: #dedde5; margin-left: 4px;} [data-wv-crud="shop"] .nodata > div{margin-top: 12px;} [data-wv-layout-element-type="shop_review"] [data-wv-res-id] .button_container li.btn_singlePage { z-index: 0; text-indent: -10000px; width: 25px; height: 25px; border-radius: 50%; background-color: rgb(244, 247, 249); margin-right: 3px; margin-left: 3px;} [data-wv-layout-element-type="shop_review"] [data-wv-res-id] .button_container li.btn_singlePage:hover { background-color: rgb(220 238 245);} [data-wv-layout-element-type="shop_review"] [data-wv-res-id] .button_container li { position: relative; display: inline-block; text-align: center; cursor: pointer; width: 28px; height: 28px; box-sizing: border-box; transition: all 0.3s ease 0s; font-family: Roboto; } [data-wv-layout-element-type="shop_review"] [data-wv-res-id] .button_container li.btn_singlePage.btn_prevPage { margin-right: 29px; } [data-wv-layout-element-type="shop_review"] [data-wv-res-id] .button_container li.btn_singlePage.btn_nextPage { margin-left: 29px; } [data-wv-layout-element-type="shop_review"] [data-wv-res-id] .button_container li.btn_singlePage:after {display: none;} /* 데이터 */ [data-wv-shop="img_path"] > [data-wv-layout-element="block_inner"] {position: absolute; top: 0;} [data-wv-shop="img_path"] {background-repeat: no-repeat; background-position: center; background-size: cover; padding-top: 100%;} [data-wv-shop="img_path"][img="S"] {background-repeat: no-repeat; background-position: center; background-size: cover; padding-top: 100% !important;} [data-wv-shop="img_path"][img="V"] {background-repeat: no-repeat; background-position: center; background-size: cover; padding-top: 120% !important;} [data-wv-shop="img_path"][img="H"] {background-repeat: no-repeat; background-position: center; background-size: cover; padding-top: 80% !important;} [data-wv-shop="img_path_bg"] {background-repeat: no-repeat; background-position: center; background-size: cover;} [data-wv-shop="info_brand_name"] {white-space: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; height: auto; margin-left: auto; margin-right: auto;} [data-wv-shop="product_name"] {white-space: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; height: auto; margin-left: auto; margin-right: auto; word-wrap: initial; word-break: break-all;} [data-wv-shop="product_desc"] {white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: auto; margin-left: auto; margin-right: auto; word-wrap: initial; word-break: break-all;} [data-wv-shop="title"] {white-space: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; height: auto; margin-left: auto; margin-right: auto; word-wrap: initial; word-break: break-all;} [data-wv-shop="content"] {white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: auto; margin-left: auto; margin-right: auto; word-wrap: initial; word-break: break-all;} /* 별점 */ [data-wv-shop="review_score"] .star.off svg{fill: #e2d7d7!important; stroke: #e2d7d7!important;} /* 품절 */ [data-wv-layout-element-type="shop_list"] [data-wv-type="list"] [data-wv-template] .sold_out_box {display: none;} [data-wv-layout-element-type="shop_list"] [data-wv-type="list"] [data-wv-template] .sold_out .sold_out_box { display: flex; justify-content: center; align-items: center; position: absolute; z-index: 3; width: 100%; height: 100%; top: 0; left: 0; align-items: center; justify-content: center; background-color: rgba(0,0,0,0.15);} [data-wv-layout-element-type="shop_list"] [data-wv-type="list"] [data-wv-template] .sold_out .sold_out_box > span { font-size: 18px; font-size: 1.8rem; font-weight: 500; letter-spacing: 0.06em; color: #fff; text-align: center;} [data-wv-layout-element-type="shop_list"] [data-wv-type="list"] [data-wv-template-extra] .sold_out_box {display: none;} [data-wv-layout-element-type="shop_list"] [data-wv-type="list"] [data-wv-template-extra] .sold_out > [data-wv-layout-element="block_inner"] {position: absolute; top: 0;} [data-wv-layout-element-type="shop_list"] [data-wv-type="list"] [data-wv-template-extra] .sold_out .sold_out_box { display: flex; justify-content: center; align-items: center; position: absolute; z-index: 3; width: 100%; height: 100%; top: 0; left: 0; align-items: center; justify-content: center; background-color: rgba(0,0,0,0.15);} [data-wv-layout-element-type="shop_list"] [data-wv-type="list"] [data-wv-template-extra] .sold_out .sold_out_box > span { font-size: 18px; font-size: 1.8rem; font-weight: 500; letter-spacing: 0.06em; color: #fff; text-align: center;} /* 스와이퍼 */ [data-wv-layout-element-type="shop_list"] .shop_swiper {overflow: hidden;} [data-wv-layout-element-type="shop_list"] .swiper-control {width: max-content; max-width: none; float: left; clear: both; overflow: hidden; left: 50%; transform: translateX(-50%); z-index: 1;} [data-wv-layout-element-type="shop_list"] .swiper-pagination {position: relative; display: inline-block; vertical-align: middle; font-size: 0px; line-height: 0;} [data-wv-layout-element-type="shop_list"] .swiper-pagination-bullet {display: inline-block; width: 7px; height: 7px; background-color: rgb(0, 0, 0); opacity: 0.12; border-radius: 50%; margin-right: 12px; box-sizing: border-box; cursor: pointer; transition: all 0.2s ease 0s; outline: none;} [data-wv-layout-element-type="shop_list"] .swiper-pagination-bullet:last-child {margin-right: 0px;} [data-wv-layout-element-type="shop_list"] .swiper-pagination-bullet-active {opacity: 1!important;} [data-wv-layout-element-type="shop_list"] .swiper-button-prev:hover {opacity: 1;} [data-wv-layout-element-type="shop_list"] .swiper-button-next:hover {opacity: 1;} [data-wv-layout-element-type="shop_list"] .swiper-button-prev {opacity: 0.4; cursor: pointer; z-index: 3; padding: 5px;} [data-wv-layout-element-type="shop_list"] .swiper-button-next {opacity: 0.4; cursor: pointer; z-index: 3; padding: 5px; float: right; } [data-wv-layout-element-type="shop_list"] .swiper-button-prev-svg.center { width: 40px; height: 40px; border-radius: 50%; background-color: rgb(0, 0, 0);} [data-wv-layout-element-type="shop_list"] .swiper-button-next-svg.center { width: 40px; height: 40px; border-radius: 50%; background-color: rgb(0, 0, 0);} [data-wv-layout-element-type="shop_list"] .swiper-button-prev-svg.bottom { width: 25px; fill: rgb(0, 0, 0); max-width: none;} [data-wv-layout-element-type="shop_list"] .swiper-button-next-svg.bottom { width: 25px; fill: rgb(0, 0, 0); max-width: none;} [data-wv-layout-element-type="shop_list"] .swiper-button-prev-svg { width: 25px; fill: rgb(0, 0, 0); max-width: none;} [data-wv-layout-element-type="shop_list"] .swiper-button-next-svg { width: 25px; fill: rgb(0, 0, 0); max-width: none;} [data-wv-layout-element-type="shop_list"] .swiper-pagination-container { margin-top: 10px; width: max-content; max-width: none; margin-left: 5px; margin-right: 5px;} /* 인스타그램 */ [data-wv-layout-element-type="insta"] [data-wv-template] {cursor: pointer;} /* 효과(이펙트) */ [data-wv-res-id]:not(.wvelLayoutViewBorderPadding) [data-wv-effect*="hover"]{cursor: pointer;} [data-wv-res-id]:not(.wvelLayoutViewBorderPadding) [data-wv-effect*="hover"] *{cursor: pointer !important;} [data-wv-res-id]:not(.wvelLayoutViewBorderPadding) [data-wv-effect*="click"]{cursor: pointer;} [data-wv-res-id]:not(.wvelLayoutViewBorderPadding) [data-wv-effect*="click"] *{cursor: pointer !important;} /* 단수 */ @media (max-width:991px){ [data-wv-layout-element-type="shop_list"][data-wv-list-col-mobile="1"] [data-wv-type="list"] [data-wv-template] { width: 100%; } [data-wv-layout-element-type="shop_list"][data-wv-list-col-mobile="1"] [data-wv-type="list"] .swiper-wrapper [data-wv-template] { width: 100%!important; } /* [data-wv-layout-element-type="shop_list"][data-wv-list-col-mobile="1"] [data-wv-type="list"] [data-wv-template] > [data-wv-layout-element="block"] {height: 960px;} [data-wv-layout-element-type="shop_list"][data-wv-list-col-mobile="1"] [data-wv-type="list"] [data-wv-template] > [data-wv-layout-element="block_inner"] > [data-wv-layout-element="block"] {height: 1170px;} [data-wv-layout-element-type="shop_list"][data-wv-list-col-mobile="1"] [data-wv-shop="img_path"] { padding-top: 700px;} */ [data-wv-layout-element-type="shop_list"][data-wv-list-col-mobile="1"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-last-child(-n+1) { margin-bottom: 0 !important; } [data-wv-layout-element-type="shop_list"][data-wv-list-col-mobile="2"] [data-wv-type="list"] [data-wv-template] { width: 50%; } [data-wv-layout-element-type="shop_list"][data-wv-list-col-mobile="2"] [data-wv-type="list"] .swiper-wrapper [data-wv-template] { width: 50%!important; } [data-wv-layout-element-type="shop_list"][data-wv-list-col-mobile="3"] [data-wv-type="list"] [data-wv-template] { width: 33.3%; } /* [data-wv-layout-element-type="shop_list"][data-wv-list-col-mobile="2"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-child(2n+1) { padding-right: 3px; } [data-wv-layout-element-type="shop_list"][data-wv-list-col-mobile="2"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-child(2n+2) { padding-left: 3px; } */ /* [data-wv-layout-element-type="shop_list"][data-wv-list-col-mobile="2"] [data-wv-type="list"] [data-wv-template] > [data-wv-layout-element="block"] {height: 960px;} [data-wv-layout-element-type="shop_list"][data-wv-list-col-mobile="2"] [data-wv-type="list"] [data-wv-template] > [data-wv-layout-element="block_inner"] > [data-wv-layout-element="block"] {height: 1170px;} [data-wv-layout-element-type="shop_list"][data-wv-list-col-mobile="2"] [data-wv-shop="img_path"] { padding-top: 700px;} */ [data-wv-layout-element-type="shop_list"][data-wv-list-col-mobile="2"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-last-child(-n+2) { margin-bottom: 0 !important; } } @media (min-width:992px){ [data-wv-layout-element-type="shop_list"][data-wv-list-col-web] [data-wv-type="list"] [data-wv-template] { max-width:none!important;} [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="2"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template] { width: 50%; } /* [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="2"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-child(2n+1) { padding-right: 3px; } [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="2"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-child(2n+2) { padding-left: 3px; } */ /* [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="2"] [data-wv-type="list"] [data-wv-template] > [data-wv-layout-element="block"] {height: 880px;} [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="2"] [data-wv-type="list"] [data-wv-template] > [data-wv-layout-element="block_inner"] > [data-wv-layout-element="block"] {height: 880px;} [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="2"] [data-wv-shop="img_path"] { padding-top: 595px;} */ [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="2"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-last-child(-n+2) { margin-bottom: 0 !important; } [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="3"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template] { width: 33.33%; } /* [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="3"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-child(3n+1) { padding-right: 4px; } [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="3"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-child(3n+2) { padding-left: 2px; padding-right: 2px; } [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="3"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-child(3n+3) { padding-left: 4px; } */ /* [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="3"] [data-wv-type="list"] [data-wv-template] > [data-wv-layout-element="block"] {height: 650px;} [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="3"] [data-wv-type="list"] [data-wv-template] > [data-wv-layout-element="block_inner"] > [data-wv-layout-element="block"] {height: 680px;} [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="3"] [data-wv-shop="img_path"] { padding-top: 395px;} */ [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="3"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-last-child(-n+3) { margin-bottom: 0 !important; } [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="4"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template] { width: 25%; } /* [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="4"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-child(4n+1) { padding-right: 4px;} [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="4"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-child(4n+2) { padding-left: 2px; padding-right: 2px; } [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="4"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-child(4n+3) { padding-left: 2px; padding-right: 2px; } [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="4"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-child(4n+4) { padding-left: 4px; } */ /* [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="4"] [data-wv-type="list"] [data-wv-template] > [data-wv-layout-element="block"] {height: 580px;} [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="4"] [data-wv-type="list"] [data-wv-template] > [data-wv-layout-element="block_inner"] > [data-wv-layout-element="block"] {height: 580px;} [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="4"] [data-wv-shop="img_path"] { padding-top: 290px;} */ [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="4"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-last-child(-n+4) { margin-bottom: 0 !important; } [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="5"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template] { width: 20%; } /* [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="5"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-child(5n+1) { padding-right: 4px;} [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="5"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-child(5n+2) { padding-left: 2px; padding-right: 2px; } [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="5"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-child(5n+3) { padding-left: 2px; padding-right: 2px; } [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="5"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-child(5n+4) { padding-left: 2px; padding-right: 2px; } [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="5"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-child(5n+5) { padding-left: 4px; } */ [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="5"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-last-child(-n+5) { margin-bottom: 0 !important; } [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="6"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template] { width: calc(100% / 6); } [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="6"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-last-child(-n+6) { margin-bottom: 0 !important; } } @media all and (min-width:992px){ [data-wv-ai-fail-block] { height: 280px; } [data-wv-ai-fail-block]:empty::after, [data-wv-ai-fail-block] > [data-wv-layout-element="block_inner"]:empty::after, body.analyze_complete [data-wv-ai-fail-block]::after{ min-height: 280px; background-image: url("https://cdn.zaemit.ai/_vfs/onekorea/c0f42b3f9c15b0272e2b0f9a3bd9e19a.png"); background-size: 873px 155px; } /* default point color */ .h_point0:hover{color:#5c8698 !important;} .bg_h_point0:hover{background-color:#5c8698 !important;} .svg_h_point0:hover{fill:#5c8698 !important;} .border_h_point0:hover{border-color:#5c8698 !important;} /* .menu_icon_style_0 */ .menu_icon_style_0{width: 34px; height: 18px;} .menu_icon_style_0 span{width: 34px;} .menu_icon_style_0::before{width: 34px;} .menu_icon_style_0::after{width: 34px;} .menu_icon_style_0.type_2 span{width: 24px;} .menu_icon_style_0.type_3::before{width: 26px;} .menu_icon_style_0.type_3::after{width: 18px;} .menu_icon_style_0.hover_type_0:hover span{width: 24px;} .menu_icon_style_0.hover_type_0:hover::before{} .menu_icon_style_0.hover_type_0:hover::after{} .menu_icon_style_0.hover_type_1:hover span{} .menu_icon_style_0.hover_type_1:hover::before{width: 26px;} .menu_icon_style_0.hover_type_1:hover::after{width: 18px;} .menu_icon_style_0.hover_type_2:hover span{width: 34px;} .menu_icon_style_0.hover_type_2:hover::before{width: 34px;} .menu_icon_style_0.hover_type_2:hover::after{width: 34px;} /* .menu_icon_style_1 */ .menu_icon_style_1{width: 30px; height: 13px;} .menu_icon_style_1 span{width: 30px;} .menu_icon_style_1::before{width: 30px;} .menu_icon_style_1.type_2 span{width: 23px;} .menu_icon_style_1.hover_type_0:hover span{width: 30px;} .menu_icon_style_1.hover_type_0:hover::before{} .menu_icon_style_1.hover_type_0:hover::after{} /* move_to_top_btn_con */ .move_to_top_btn_con.hover_type_0 .move_to_top_btn:hover .text{opacity: 1; width: 74px; margin-left: 15px;} .move_to_top_btn_con.hover_type_1 .move_to_top_btn:hover .text{opacity: 1; /*height: 15px; margin-top: 10px;*/} } /* !중요! */ /*아래 미디어쿼리를 항상 가장 하단에 유지하시오. (WVAdminContentArea.js removeUserStyleRules 에서 처리) */ @media (max-width:767px){ [data-wv-full-height480] {height: 100vh;} [data-wv-display-hide480]:not([effect-display] ){ display: none!important; } [data-wv-display-hide480][effect-display="hide"][element-hover] { display: none!important; } [data-wv-display-hide480][effect-display="hide"][element-click] { display: none!important; } [data-wv-display-hide480][effect-display="show"]:not([element-hover]):not([element-click]) { display: none!important; } } @media (min-width:768px) and (max-width:991px){ [data-wv-full-height768] {height: 100vh;} [data-wv-display-hide768]:not([effect-display] ){ display: none!important; } [data-wv-display-hide768][effect-display="hide"][element-hover] { display: none!important; } [data-wv-display-hide768][effect-display="hide"][element-click] { display: none!important; } [data-wv-display-hide768][effect-display="show"]:not([element-hover]):not([element-click]) { display: none!important; } } @media (min-width:992px) and (max-width:1199px){ [data-wv-full-height992] {height: 100vh;} [data-wv-display-hide992]:not([effect-display] ){ display: none!important; } [data-wv-display-hide992][effect-display="hide"][element-hover] { display: none!important; } [data-wv-display-hide992][effect-display="hide"][element-click] { display: none!important; } [data-wv-display-hide992][effect-display="show"]:not([element-hover]):not([element-click]) { display: none!important; } } @media (min-width:1200px) and (max-width:1599px){ [data-wv-full-height1200] {height: 100vh;} [data-wv-display-hide1200]:not([effect-display] ){ display: none!important; } [data-wv-display-hide1200][effect-display="hide"][element-hover] { display: none!important; } [data-wv-display-hide1200][effect-display="hide"][element-click] { display: none!important; } [data-wv-display-hide1200][effect-display="show"]:not([element-hover]):not([element-click]) { display: none!important; } } @media (min-width:1600px){ [data-wv-full-height1600] {height: 100vh;} [data-wv-display-hide1600]:not([effect-display] ){ display: none!important; } [data-wv-display-hide1600][effect-display="hide"][element-hover] { display: none!important; } [data-wv-display-hide1600][effect-display="hide"][element-click] { display: none!important; } [data-wv-display-hide1600][effect-display="show"]:not([element-hover]):not([element-click]) { display: none!important; } } /* --- js__libs__aos__aos.css --- */ [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms} [data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms} [data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s} [data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s} [data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s} [data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s} [data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s} [data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s} [data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s} [data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s} [data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s} [data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s} [data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s} [data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s} [data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s} [data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s} [data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s} [data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s} [data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s} [data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s} [data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s} [data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s} [data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s} [data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s} [data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s} [data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s} [data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s} [data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s} [data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s} [data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s} [data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s} [data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s} [data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s} [data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s} [data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s} [data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s} [data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s} [data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s} [data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s} [data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s} [data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s} [data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s} [data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s} [data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s} [data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s} [data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s} [data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s} [data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s} [data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s} [data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s} [data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s} [data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s} [data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s} [data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s} [data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s} [data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s} [data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s} [data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s} [data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s} [data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s} [data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s} [data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s} [data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s} [data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s} [data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s} [data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s} [data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s} [data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s} [data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s} [data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s} [data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s} [data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s} [data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s} [data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s} [data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s} [data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s} [data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s} [data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s} [data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s} [data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s} [data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s} [data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s} [data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s} [data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s} [data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s} [data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s} [data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s} [data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s} [data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s} [data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s} [data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s} [data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s} [data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s} [data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s} [data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s} [data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s} [data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s} [data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s} [data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s} [data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s} [data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s} [data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s} [data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s} [data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s} [data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s} [data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s} [data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s} [data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s} [data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s} [data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s} [data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s} [data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s} [data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s} [data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s} [data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s} [data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s} [data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s} [data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s} [data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s} [data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0s} [data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s} [data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)} [data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease} [data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in} [data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out} [data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out} [data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)} [data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)} [data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)} [data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)} [data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)} [data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)} [data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)} [data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)} [data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)} [data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)} [data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)} [data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)} [data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)} [data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)} [data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)} [data-aos][data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform;} [data-aos][data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)} [data-aos][data-aos=fade-up]{transform:translate3d(0,60px,0);} [data-aos][data-aos=fade-down]{transform:translate3d(0,-60px,0)} [data-aos][data-aos=fade-right]{transform:translate3d(-60px,0,0)} [data-aos][data-aos=fade-left]{transform:translate3d(60px,0,0)} [data-aos][data-aos=fade-up-right]{transform:translate3d(-60px,60px,0)} [data-aos][data-aos=fade-up-left]{transform:translate3d(60px,60px,0)} [data-aos][data-aos=fade-down-right]{transform:translate3d(-60px,-60px,0)} [data-aos][data-aos=fade-down-left]{transform:translate3d(60px,-60px,0)} [data-aos][data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform} [data-aos][data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)} [data-aos][data-aos=zoom-in]{transform:scale(.6)} [data-aos][data-aos=zoom-in-up]{transform:translate3d(0,60px,0) scale(.6)} [data-aos][data-aos=zoom-in-down]{transform:translate3d(0,-60px,0) scale(.6)} [data-aos][data-aos=zoom-in-right]{transform:translate3d(-60px,0,0) scale(.6)} [data-aos][data-aos=zoom-in-left]{transform:translate3d(60px,0,0) scale(.6)} [data-aos][data-aos=zoom-out]{transform:scale(1.2)} [data-aos][data-aos=zoom-out-up]{transform:translate3d(0,60px,0) scale(1.2)} [data-aos][data-aos=zoom-out-down]{transform:translate3d(0,-60px,0) scale(1.2)} [data-aos][data-aos=zoom-out-right]{transform:translate3d(-60px,0,0) scale(1.2)} [data-aos][data-aos=zoom-out-left]{transform:translate3d(60px,0,0) scale(1.2)} [data-aos][data-aos^=slide][data-aos^=slide]{transition-property:transform} [data-aos][data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)} [data-aos][data-aos=slide-up]{transform:translate3d(0,100%,0)} [data-aos][data-aos=slide-down]{transform:translate3d(0,-100%,0)} [data-aos][data-aos=slide-right]{transform:translate3d(-100%,0,0)} [data-aos][data-aos=slide-left]{transform:translate3d(100%,0,0)} [data-aos][data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform} [data-aos][data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)} [data-aos][data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)} [data-aos][data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)} [data-aos][data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)} [data-aos][data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)} [data-aos][data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)} [data-aos][data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)} [data-aos][data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} /* --- js__libs__swiper__swiper.min.css --- */ /** * Swiper 8.4.7 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: January 30, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper,.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always} /* --- js__libs__malihu-custom-scrollbar-plugin-master__jquery.mCustomScrollbar.css --- */ /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; opacity: 0.1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #f1ce7e; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #f1ce7e; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #f1ce7e; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(https://cdn.zaemit.ai/_vfs/onekorea/c3f54e5c8e7a2f50f0fda96b874efc91.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ /* --- js__libs__locomotive-scroll__locomotive-scroll.css --- */ /*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */ html.has-scroll-smooth { overflow: hidden; } html.has-scroll-dragging { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .has-scroll-smooth body { overflow: hidden; } .has-scroll-smooth [data-scroll-container] { min-height: 100vh; } [data-scroll-direction="horizontal"] [data-scroll-container] { height: 100vh; display: inline-block; white-space: nowrap; } [data-scroll-direction="horizontal"] [data-scroll-section] { display: inline-block; vertical-align: top; white-space: nowrap; height: 100%; } .c-scrollbar { position: absolute; right: 0; top: 0; width: 8px; height: 100%; transform-origin: center right; transition: transform 0.3s, opacity 0.3s; opacity: 0; z-index: 101; } .c-scrollbar:hover { transform: scaleX(1.45); } .c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar { opacity: 1; } [data-scroll-direction="horizontal"] .c-scrollbar { width: 100%; height: 8px; top: auto; bottom: 0; transform: scaleY(1); } [data-scroll-direction="horizontal"] .c-scrollbar:hover { transform: scaleY(1.3); } .c-scrollbar_thumb { position: absolute; top: 0; right: 0; background-color: rgb(165 165 165 / 90%); opacity: 0.6; width: 5px; /*border-radius: 10px;*/ margin: 3px; /*cursor: -webkit-grab;*/ cursor: grab; } .has-scroll-dragging .c-scrollbar_thumb { /*cursor: -webkit-grabbing;*/ cursor: grabbing; } [data-scroll-direction="horizontal"] .c-scrollbar_thumb { right: auto; bottom: 0; } /* --- js__libs__googleMateiral__GoogleMaterialIcon.css --- */ @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/materialicons/v142/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; user-select: none; } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 100 700; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v196/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsI.woff2) format('woff2'); } .material-symbols-outlined { font-family: 'Material Symbols Outlined'; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; user-select: none; } /* --- css__2__board.style.css --- */ @charset "utf-8"; /* Pre-loader Css*/ #loader { background-color: transparent; height: 100% !important; width: 100%; position: fixed; margin-top: 0px; top: 0px; right: 0; bottom: 0; left: 0; z-index: 999999; } #loading-center { width: 100%; height: 100%; position: relative; } #loading-center-absolute { position: absolute; left: 50%; top: 50%; height: 60px; width: 60px; margin-top: -30px; margin-left: -30px; z-index:99999; -webkit-animation: loading-center-absolute 1s infinite; animation: loading-center-absolute 1s infinite; } .object { width: 20px; height: 20px; background-color: #ffc514; float: left; -moz-border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; margin-right: 20px; margin-bottom: 20px; } .object:nth-child(2n+0) { margin-right: 0px; } #object_one { -webkit-animation: object_one 1s infinite; animation: object_one 1s infinite; } #object_two { -webkit-animation: object_two 1s infinite; animation: object_two 1s infinite; } #object_three { -webkit-animation: object_three 1s infinite; animation: object_three 1s infinite; } #object_four { -webkit-animation: object_four 1s infinite; animation: object_four 1s infinite; } @-webkit-keyframes loading-center-absolute { 100% { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loading-center-absolute { 100% { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes object_one { 50% { -ms-transform: translate(20px, 20px); -webkit-transform: translate(20px, 20px); transform: translate(20px, 20px); } } @keyframes object_one { 50% { -ms-transform: translate(20px, 20px); -webkit-transform: translate(20px, 20px); transform: translate(20px, 20px); } } @-webkit-keyframes object_two { 50% { -ms-transform: translate(-20px, 20px); -webkit-transform: translate(-20px, 20px); transform: translate(-20px, 20px); } } @keyframes object_two { 50% { -ms-transform: translate(-20px, 20px); -webkit-transform: translate(-20px, 20px); transform: translate(-20px, 20px); } } @-webkit-keyframes object_three { 50% { -ms-transform: translate(20px, -20px); -webkit-transform: translate(20px, -20px); transform: translate(20px, -20px); } } @keyframes object_three { 50% { -ms-transform: translate(20px, -20px); -webkit-transform: translate(20px, -20px); transform: translate(20px, -20px); } } @-webkit-keyframes object_four { 50% { -ms-transform: translate(-20px, -20px); -webkit-transform: translate(-20px, -20px); transform: translate(-20px, -20px); } } @keyframes object_four { 50% { -ms-transform: translate(-20px, -20px); -webkit-transform: translate(-20px, -20px); transform: translate(-20px, -20px); } } /* Pre-loader Css*/ /*calender*/ table.tb_calender0{width:100%; border-collapse: collapse;} table.tb_calender0 th{border-top:1px solid #f0f3f5; box-sizing: border-box; padding-top:15px; padding-bottom:15px; background-color: #f8f9fb; font-weight:normal; text-align: center; font-size:11px; font-size:1.1rem; line-height:1.7rem; } table.tb_calender0 td{border:1px solid #f0f3f5; border-bottom:none; box-sizing: border-box; height:100px; background-color: #fff; padding:1.5%; vertical-align: top; font-size:11px; font-size:1.1rem; line-height:1.7rem; position:relative;} table.tb_calender0 td.today{background: url(/weven_service/asset/css/2/../img/icon_triangle.png) top left no-repeat;} table.tb_calender0 .schedule_list_con{overflow: hidden;} table.tb_calender0 .border_left_none{border-left:none;} table.tb_calender0 .border_right_none{border-right:none;} table.tb_calender0 .schedule_on{background-color: #fbfcfd;} table.tb_calender0 .schedule_count_con{float:right; margin-top:5px; margin-bottom:10px;} table.tb_calender0 .schedule_count{float:left; margin-left:2px; margin-right:2px; width:6px; height:6px; background-color: #d9e1e5; border-radius: 50%;} table.tb_calender0 .schedule_count.on{background-color: #000;} table.tb_calender0 .schedule_color{color:#01a9db; float:left; margin-bottom:16px;} table.tb_calender0 .schedule_list_time{font-size:12px; font-size:1.2rem; line-height:1.8rem;} table.tb_calender0 .schedule_list_contents{font-size:13px; font-size:1.3rem; line-height:1.9rem; font-weight: bold;} table.tb_calender0 .today_triangle{position:absolute; top:0; left:0; margin-top:-1px; margin-left:-1px;} /* 공통달력 */ .cal_wrap {padding: 13px 0px; width: 340px; height: 305px;} .cal_wrap .cal_top {padding: 12px 15px 10px; overflow: hidden; background-color: #f4f6fc; border-top-right-radius: 4px; border-top-left-radius: 4px; border: 1px solid #dfddf1; border-bottom: none;} .cal_wrap .cal_top > p {text-align: center; font-size: 18px; font-weight: bold; color: #ffffff;} .cal_wrap .cal_top > p span.prev_btn {padding: 6px 4px; background:url(/weven_service/asset/css/2/../img/common_icon/cal_btn_l.png) no-repeat 0px 3px; text-indent: -10000px; float: left;} .cal_wrap .cal_top > p span.next_btn {padding: 6px 4px; background:url(/weven_service/asset/css/2/../img/common_icon/cal_btn_r.png) no-repeat 0px 3px; text-indent: -10000px; float: right;} .cal_wrap .cal_tb_con { background: #fff; padding: 10px 14px 16px 14px; border: 1px solid #dfddf1; border-top: 0px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .cal_wrap .cal_tb_con .cal_tb {width: 100%;} .cal_wrap .cal_tb_con .cal_tb th {text-align: center; font-size: 12px; color: #444444; height: 39px;} .cal_wrap .cal_tb_con .cal_tb th {text-align: center; font-size: 12px; color: #444444; height: 39px;} .cal_wrap .cal_tb_con .cal_tb td {text-align: center; font-size: 12px; color: #444444; height: 39px; font-weight: 400;} .cal_wrap .cal_tb_con .cal_tb td span {padding:11px 13px;} .cal_wrap .cal_tb_con .cal_tb .sunday {border-left: 0px solid #e1e1e1; color: #ff0000; } .cal_wrap .cal_tb_con .cal_tb .saturday {color : #0000ff; } .cal_wrap .cal_tb_con .cal_tb td.datepicker_today { background-color: #f4f6fc; font-weight: bold; border-radius: 4px;} .cal_wrap .cal_tb_con .cal_tb td:hover {cursor: pointer; font-weight: bold;} /* calendar_style_1_month_con */ .calendar_style_1_month_con .calendar_style_1_month_inner{font-size:0; line-height:0; text-align:center;} .calendar_style_1_month_con .arrow_box{display:inline-block; vertical-align:middle; cursor:pointer; margin-bottom:1px; width:25px; height:17px; background-repeat: no-repeat; background-position: center center;} .calendar_style_1_month_con .arrow_box.prev{width:25px; background-image: url("data:image/svg+xml,%3Csvg style='width:19px; margin-top:3px;' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='레이어_1' x='0px' y='0px' viewBox='0 0 40 40' xml:space='preserve'%3E%3Cg%3E%3Crect x='12.7' y='10.8' width='1.4' height='18.3'%3E%3C/rect%3E%3Cpolygon points='26.3,28.8 17.5,20 26.3,11.3 27.3,12.3 19.5,20 27.3,27.8 '%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E"); background-size: 21px 21px; background-position: center top -5px;} .calendar_style_1_month_con .arrow_box.left{width:25px; background-image: url("data:image/svg+xml,%3Csvg style='width:19px; margin-top:3px;' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='레이어_1' x='0px' y='0px' viewBox='0 0 40 40' xml:space='preserve'%3E%3Cpath d='M24.3,28.8L15.5,20l8.9-8.9l1,1L17.5,20l7.8,7.8C25.4,27.8,24.3,28.8,24.3,28.8z'%3E%3C/path%3E%3C/svg%3E");background-size: 21px 21px; background-position: center top -5px; margin-right: 20px} .calendar_style_1_month_con .arrow_box.right{background-image: url("data:image/svg+xml,%3Csvg style='width:19px; margin-top:3px;' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='레이어_1' x='0px' y='0px' viewBox='0 0 40 40' xml:space='preserve'%3E%3Cpath d='M17.7,28.8l-1-1l7.8-7.8l-7.8-7.9l1-1l8.9,8.9C26.5,20,17.7,28.8,17.7,28.8z'%3E%3C/path%3E%3C/svg%3E"); background-size: 21px 21px; background-position: center top -5px; margin-left:20px;} .calendar_style_1_month_con .arrow_box.next{width:25px; background-image: url("data:image/svg+xml,%3Csvg style='width:19px; margin-top:3px;' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='레이어_1' x='0px' y='0px' viewBox='0 0 40 40' xml:space='preserve'%3E%3Cg%3E%3Cpolygon points='13.7,28.8 12.7,27.8 20.5,20 12.7,12.2 13.7,11.2 22.5,20 '%3E%3C/polygon%3E%3Crect x='25.9' y='10.8' width='1.4' height='18.3'%3E%3C/rect%3E%3C/g%3E%3C/svg%3E"); background-size: 21px 21px; background-position: center top -5px;} .calendar_style_1_month_con .calendar_month_text{font-size:13px; line-height:22px; vertical-align:middle; color:#000; font-weight:700; width:103px; margin-left:15px; margin-right:15px; display:none;} .sub.move_in .calendar_style_1_month_con .arrow_box.prev{background-image: url('https://cdn.zaemit.ai/_vfs/onekorea/a476d07acafcac15283a226b96ae955e.png'); display: inline-block;} .sub.move_in .calendar_style_1_month_con .arrow_box.left{background-image: url('https://cdn.zaemit.ai/_vfs/onekorea/8131c9252128ed558a616d97e2b04077.png');} .sub.move_in .calendar_style_1_month_con .arrow_box.right{background-image: url('https://cdn.zaemit.ai/_vfs/onekorea/e363e50d4f4db5cfbb0689ac96d5db83.png');} .sub.move_in .calendar_style_1_month_con .arrow_box.next{background-image: url('https://cdn.zaemit.ai/_vfs/onekorea/0ca848ae3a9eda7445698da4841369c8.png'); display: inline-block;} /*.calendar_style_1_month_con .calendar_month_text{font-size:16px; font-size:1.6rem; line-height:32px; line-height:3.2rem; font-weight: 500; color: #353a40; vertical-align:middle; width:103px; margin-left:25px; margin-right:25px; display:none;}*/ input{-webkit-appearance: none; -moz-appearance: none; outline: none;} @media all and (min-width:992px){ .h_point0:hover{color:#1fb2b9 !important;} .bg_h_point0:hover{background-color:#1fb2b9 !important;} .svg_h_point0:hover{fill:#1fb2b9 !important;} .border_h_point0:hover{border-color:#1fb2b9 !important;} } /* 2021.12.23 ymg - 위븐 게시판 블록 공통부분 */ [data-wv-res-id][data-wv-layout-element-type="bbs"] { font-family: "Pretendard"; } /* 25.01.22 hyj - 텍스트에디터 스크롤 처리 */ #content_bmeditorEditor { max-height: 500px; overflow: hidden auto;} /*25.01.14 - chojw 프로그램관리 게시판 블록 list 테이블 css*/ [data-wv-res-id] .block_bbs_table_style_000_wrap.list .nodata > div{margin-top: 12px; } [data-wv-res-id] .block_bbs_table_style_000_wrap.list .nodata > svg{width: 47px; height: 47px; fill: rgb(222, 221, 229); margin-left: 4px; } [data-wv-res-id] .block_bbs_table_style_000_wrap.list .nodata{float: left; width: 100%; font-size: 1.6rem; line-height: 2.2rem; font-weight: 300; padding-top: 70px; padding-bottom: 120px; color: rgb(190, 189, 204); } [data-wv-res-id] .block_bbs_table_style_000_wrap.list table.block_bbs_table_style_000 tbody .title .title_inner{float: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; position: relative; text-overflow: ellipsis; max-width: calc(100% - 70px); vertical-align: middle; overflow: hidden; font-size: 1.7rem; line-height: 3.4rem; font-weight: 300; letter-spacing: 0em; color: rgb(0, 0, 0); max-height: 3.4rem; } [data-wv-res-id] .block_bbs_table_style_000_wrap.list table.block_bbs_table_style_000 tbody .title .reply_icon{float: left; font-size: 1.5rem; line-height: 2.5rem; padding-top: 5px; padding-right: 5px; } [data-wv-res-id] .block_bbs_table_style_000_wrap.list table.block_bbs_table_style_000 tbody .title{box-sizing: border-box; font-size: 0px; line-height: 0; } [data-wv-res-id] .block_bbs_table_style_000_wrap.list .block_bbs_table_style_000_con table.block_bbs_table_style_000 td.index_num{padding-top: 4px; } [data-wv-res-id] .block_bbs_table_style_000_wrap.list .block_bbs_table_style_000_con table.block_bbs_table_style_000 td.number{font-size: 1.5rem; line-height: 3.4rem; letter-spacing: 0px; font-weight: 300; color: rgb(2, 2, 2); font-family: Roboto !important; } [data-wv-res-id] .block_bbs_table_style_000_wrap.list .block_bbs_table_style_000_con table.block_bbs_table_style_000 td.unanswered{font-size: 1.9rem; line-height: 3.4rem; letter-spacing: 0px; font-weight: 300; color: rgba(18, 0, 144, 0.4); } [data-wv-res-id] .block_bbs_table_style_000_wrap.list .block_bbs_table_style_000_con table.block_bbs_table_style_000 td.answered{font-size: 1.9rem; line-height: 3.4rem; letter-spacing: 0px; font-weight: 300; color: rgb(103, 56, 255); } [data-wv-res-id] .block_bbs_table_style_000_wrap.list table.block_bbs_table_style_000 tbody tr{border-bottom: 1px solid rgb(226, 224, 242); height: 81px; cursor: pointer; } [data-wv-res-id] .block_bbs_table_style_000_wrap.list table.block_bbs_table_style_000 thead tr{border-bottom: 2px solid rgb(0, 0, 0); height: 55px; } [data-wv-res-id] .block_bbs_table_style_000_wrap.list table.block_bbs_table_style_000 td.is_lock .post_icon.lock_icon{display: inline-block; } [data-wv-res-id] .block_bbs_table_style_000_wrap.list table.block_bbs_table_style_000 td.is_file .post_icon.file_icon{display: inline-block; } [data-wv-res-id] .block_bbs_table_style_000_wrap.list table.block_bbs_table_style_000 td .post_icon.lock_icon{display: none; background-image: url("https://cdn.zaemit.ai/_vfs/onekorea/9a6081cacd6c03851b03c16563ef8647.png"); } [data-wv-res-id] .block_bbs_table_style_000_wrap.list table.block_bbs_table_style_000 td .post_icon.file_icon{display: none; background-image: url("https://cdn.zaemit.ai/_vfs/onekorea/16808e4dfe99ab645f775a675e8f30e1.png"); } [data-wv-res-id] .block_bbs_table_style_000_wrap.list table.block_bbs_table_style_000 td .post_icon:first-child{margin-left: 19px; } [data-wv-res-id] .block_bbs_table_style_000_wrap.list table.block_bbs_table_style_000 td .post_icon{width: 17px; height: 16px; background-size: 17px 16px; background-position: center center; background-repeat: no-repeat; margin-left: 12px; vertical-align: middle; margin-top: 8px; } [data-wv-res-id] .block_bbs_table_style_000_wrap.list table.block_bbs_table_style_000 td.index_num > .reply{display: inline-block; background-image: url("/weven_service/asset/img/reply_icon.png"); background-size: 34px 16px; background-position: right 20px top 7px; background-repeat: no-repeat; width: 100%; height: 32px; box-sizing: border-box; } [data-wv-res-id] .block_bbs_table_style_000_wrap.list table.block_bbs_table_style_000 td.tl{text-align: left; } [data-wv-res-id] .block_bbs_table_style_000_wrap.list table.block_bbs_table_style_000 td{font-size: 1.5rem; line-height: 3.4rem; letter-spacing: 0px; font-weight: 300; text-align: center; font-family: Roboto, "Noto Sans KR"; } [data-wv-res-id] .block_bbs_table_style_000_wrap.list table.block_bbs_table_style_000 th{font-size: 1.5rem; line-height: 2.8rem; letter-spacing: 0em; font-weight: 500; font-family: Roboto, "Noto Sans KR"; } [data-wv-res-id] .block_bbs_table_style_000_wrap.list table.block_bbs_table_style_000{width: 100%; min-width: 670px; margin-bottom: 70px; } [data-wv-res-id] .block_bbs_table_style_000_wrap.list .block_bbs_table_style_000_con{max-width: 1200px; float: none; clear: both; margin-left: auto; margin-right: auto; padding-left: 30px; padding-right: 30px; overflow: auto hidden; } [data-wv-res-id] .block_bbs_table_style_000_wrap.list .reg_dt_col{width: 140px; } [data-wv-res-id] .block_bbs_table_style_000_wrap.list .writer_col{width: 90px; } [data-wv-res-id] .block_bbs_table_style_000_wrap.list .number_col{width: 79px; } [data-wv-pc="mobile"] [data-wv-res-id] .block_bbs_table_style_000_wrap.list table.block_bbs_table_style_000 td .post_icon.file_icon{background-image: url("/weven_service/asset/img/post_file_icon_mac.png"); } [data-wv-pc="mobile"] [data-wv-res-id] .block_bbs_table_style_000_wrap.list .block_bbs_table_style_000_con::-webkit-scrollbar{display: none; } [data-wv-os="Mac"] [data-wv-res-id] .block_bbs_table_style_000_wrap.list table.block_bbs_table_style_000 td .post_icon.file_icon{background-image: url("/weven_service/asset/img/post_file_icon_mac.png"); } [data-wv-os="Mac"] [data-wv-res-id] .block_bbs_table_style_000_wrap.list table.block_bbs_table_style_000 td.index_num > .reply{background-image: url("/weven_service/asset/img/reply_icon_mac.png"); } [data-wv-os="iOS"] [data-wv-res-id] .block_bbs_table_style_000_wrap.list table.block_bbs_table_style_000 td.index_num > .reply{background-image: url("/weven_service/asset/img/reply_icon_mac.png"); background-size: 28px 13px; background-position: right 10px top 7px; } [data-wv-os="Android"] [data-wv-res-id] .block_bbs_table_style_000_wrap.list table.block_bbs_table_style_000 td.index_num > .reply{background-image: url("/weven_service/asset/img/reply_icon_mac.png"); background-size: 28px 13px; background-position: right 10px top 7px; } [data-wv-res-id] [id ^="list_recent_4_000"] .title { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-size: 18px; line-height: 24px; margin-bottom: 10px; font-weight: 700; letter-spacing: 0; color: #000; } [data-wv-res-id] [id ^="list_recent_4_000"] .description {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; font-size: 16px; line-height: 23px; letter-spacing: 0; font-weight: 300;} [data-wv-res-id] [id ^="list_recent_4_000"] .date{font-size: 15px; line-height: 21px; color: #000; font-weight: 400; letter-spacing: 0; margin-top: 10px;} [data-wv-res-id] [id ^="list_recent_5_000"] .description {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;} [data-wv-res-id] .block_bbs_search_style_000_wrap { margin-bottom: 45px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } [data-wv-res-id] .block_bbs_search_style_000_wrap > div{max-width: 1200px; padding-left: 30px; padding-right: 30px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;} [data-wv-res-id] .block_bbs_search_style_000_wrap .block_bbs_total_count_con{ margin-bottom: 40px; font-size:16px; font-size:1.6rem; line-height:23px; line-height:2.3rem; font-weight: 500; color: #000; } [data-wv-res-id] .block_bbs_search_style_000_wrap .block_bbs_search_contents_con { font-size: 0px; line-height: 0; display: flex; height: 52px; background-color: #fafafa; border-radius: 8px; } [data-wv-res-id] .block_bbs_search_style_000_wrap .block_bbs_search_contents_con .block_bbs_search_select_wrap { display: inline-block; height: 100%; text-align: left; float: none; width: 120px; position: relative; } [data-wv-res-id] .block_bbs_search_style_000_wrap .block_bbs_search_select_wrap .selected_item_con { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; display: inline-block; cursor: pointer; } [data-wv-res-id] .block_bbs_search_style_000_wrap .block_bbs_search_select_wrap .selected_item_con:last-child { margin-right: 0px; } [data-wv-res-id] .block_bbs_search_style_000_wrap .block_bbs_search_select_wrap .selected_item { position: relative; font-size: 1.5rem; line-height: 2.3rem; letter-spacing: 0px; font-weight: 500; border: none; box-sizing: border-box; padding: 15px 21px; height: 100%; border-radius: 8px; transition: color 0.3s, background-color 0.3s, background-image 0.3s; background-image: url("https://cdn.zaemit.ai/_vfs/onekorea/ebf73c6fc1e2cc9e322df40a5f5f97b6.svg"); background-size: 24px; background-position: right 13px center; background-repeat: no-repeat; } [data-wv-res-id] .block_bbs_search_style_000_wrap .block_bbs_search_select_wrap .selected_item:hover { background-color: #000; color: #fff; background-image: url("https://cdn.zaemit.ai/_vfs/onekorea/aeac5e0fa65ee737f777703c1281fc8b.svg"); } [data-wv-res-id] .block_bbs_search_style_000_wrap .block_bbs_search_select_wrap .selected_item.active { background-color: #000; color: #fff; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: url("https://cdn.zaemit.ai/_vfs/onekorea/aeac5e0fa65ee737f777703c1281fc8b.svg"); } [data-wv-res-id] .block_bbs_search_style_000_wrap .block_bbs_search_select_wrap .block_bbs_search_select_con { display: none; position: absolute; background-color: #000; left: 0; width: 100%; padding: 14px 0 15px 0; border-top: 1px solid #353535; border-radius: 0 0 8px 8px; bottom: 1px; transform: translateY(100%); box-sizing: border-box; z-index: 50; } [data-wv-res-id] .block_bbs_search_style_000_wrap .block_bbs_search_select_wrap .block_bbs_search_select > li { text-align: left; } [data-wv-res-id] .block_bbs_search_style_000_wrap .block_bbs_search_select_wrap .block_bbs_search_select > li.active > a { color: rgba(255, 255, 255, 1); } [data-wv-res-id] .block_bbs_search_style_000_wrap .block_bbs_search_select_wrap .block_bbs_search_select > li > a { font-size: 1.5rem; line-height: 2.5rem; letter-spacing: 0em; color: rgba(255, 255, 255, 0.4); font-weight: 500; display: block; padding: 4px 11px 3px 21px; box-sizing: border-box; transition: color 0.3s; } [data-wv-res-id] .block_bbs_search_style_000_wrap .block_bbs_search_contents_con .block_bbs_search_input_wrap{max-width: 230px; height: 100%; flex: 1; -ms-flex: 1 1 auto; } [data-wv-res-id] .block_bbs_search_style_000_wrap .block_bbs_search_contents_con .block_bbs_input_style_0 { font-size: 1.7rem; line-height: 32rem; font-weight: 500; color: rgb(0, 0, 0); padding: 15px 0 15px 20px; border: none; width: 100%; height: 100%; vertical-align: top; box-sizing: border-box; background-color: transparent; } [data-wv-agent="iphone"] [data-wv-res-id] .block_bbs_search_style_000_wrap .block_bbs_search_contents_con .block_bbs_input_style_0 { -webkit-appearance: none; -webkit-border-radius: 0px; } [data-wv-res-id] .block_bbs_search_style_000_wrap .block_bbs_search_contents_con input:focus { outline: none; } [data-wv-res-id] .block_bbs_search_style_000_wrap .block_bbs_search_contents_con textarea:focus { outline: none; } [data-wv-res-id] .block_bbs_search_style_000_wrap .block_bbs_search_contents_con input::-webkit-input-placeholder { font-size: 1.5rem; line-height: 4rem; letter-spacing: 0px; font-weight: 300; color: rgb(175, 185, 199); } [data-wv-res-id] .block_bbs_search_style_000_wrap .block_bbs_search_contents_con .block_bbs_search_icon { width: 52px; height: 100%; border-radius: 50%; background-color: transparent; transition: background-color 0.2s ease; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; float: left; } [data-wv-res-id] .block_bbs_search_style_000_wrap .block_bbs_search_contents_con .block_bbs_search_icon > svg{ width: 13px; height: 14px; fill: #000; } [data-wv-res-id] .block_bbs_search_style_000_wrap .block_bbs_category_btn_con{ height: 52px;margin-left: auto; } [data-wv-res-id] .block_bbs_search_style_000_wrap .block_bbs_category_btn_con .category_btn{ height: 100%; display: inline-flex; align-items: center; justify-content: center; width: 82px; background-color: #999; border-radius: 5px; margin-right: 5px; font-size: 15px; font-size: 1.5rem; line-height: 25px; line-height: 2.5rem; font-weight: 500; color: #fff; box-sizing: border-box; } [data-wv-res-id] .block_bbs_search_style_001_wrap .block_bbs_category_btn_con{ height: 45px;} [data-wv-res-id] .block_bbs_search_style_001_wrap .block_bbs_category_btn_con .category_btn{ height: 100%; display: inline-flex; align-items: center; justify-content: center; width: 82px; background-color: #999; margin-right: 5px; font-size: 15px; font-size: 1.5rem; line-height: 25px; line-height: 2.5rem; font-weight: 500; color: #fff; box-sizing: border-box; } [data-wv-res-id] .block_bbs_search_style_000_wrap .block_bbs_category_contents_con > div::before{ display: inline-block; width: 14px; height: 10px; content:''; background-image: url('https://cdn.zaemit.ai/_vfs/onekorea/8d04bd5f6308a5c885b96c2872d40923.png'); background-size: 13px; background-position: center center; background-repeat: no-repeat;} [data-wv-res-id] .block_bbs_search_style_000_wrap .block_bbs_category_contents_con > div > span{ letter-spacing: 1px; font-size: 13px; font-weight: 600;} [data-wv-res-id] .block_bbs_search_style_001_wrap .block_bbs_category_contents_con > div::before{ display: inline-block; width: 14px; height: 10px; content:''; background-image: url('https://cdn.zaemit.ai/_vfs/onekorea/8d04bd5f6308a5c885b96c2872d40923.png'); background-size: 13px; background-position: center center; background-repeat: no-repeat;} [data-wv-res-id] .block_bbs_search_style_001_wrap .block_bbs_category_contents_con > div > span{ letter-spacing: 1px; font-size: 13px; font-weight: 600;} [data-wv-res-id] .block_bbs_search_style_001_wrap { margin-bottom: 50px; display: flex; flex-wrap: wrap; justify-content: center; } [data-wv-res-id] .block_bbs_search_style_001_wrap .block_bbs_total_count_con { margin-bottom: 37px; font-size: 1.5rem; line-height: 2.1rem; font-weight: 300; letter-spacing: 0em; color: rgb(0, 0, 0); } [data-wv-res-id] .block_bbs_search_style_001_wrap .block_bbs_total_count_con #crudTotalCount { font-weight: 500; } [data-wv-res-id] .block_bbs_search_style_001_wrap > div { max-width: 1200px; margin-left: auto; margin-right: auto; padding-left: 30px; padding-right: 30px; } [data-wv-res-id] .block_bbs_search_style_001_wrap .block_bbs_search_style_001_con {background-color: rgb(252, 250, 253); padding: 10px; border: 1px solid #f3f3f3;} [data-wv-res-id] .block_bbs_search_style_001_wrap .block_bbs_search_con { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } [data-wv-res-id] .block_bbs_search_style_001_wrap .block_bbs_search_contents_con { font-size: 0px; line-height: 0; } [data-wv-res-id] .block_bbs_search_style_001_wrap .block_bbs_search_select_wrap { display: inline-block; height: 45px; margin-right: 6px; text-align: left; width: 155px; position: relative; } [data-wv-res-id] .block_bbs_search_style_001_wrap .block_bbs_search_select_wrap select{width: 100%; height: 100%; font-size:15px; font-size:1.5rem; line-height:23px; line-height:2.3rem; font-weight: 500; letter-spacing: -0.0em; color: #000; border: 1px solid rgb(235,232,245); padding-left: 20px; padding-bottom: 2px; padding-right: 40px; appearance: none; -webkit-appearance: none; background-color: #fff; } [data-wv-res-id] .block_bbs_search_style_001_wrap .block_bbs_search_select_wrap .selected_item_con { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; display: inline-block; cursor: pointer; } [data-wv-res-id] .block_bbs_search_style_001_wrap .block_bbs_search_select_wrap .selected_item_con:last-child { margin-right: 0px; } [data-wv-res-id] .block_bbs_search_style_001_wrap .block_bbs_search_select_wrap .selected_item { font-size: 1.5rem; line-height: 2.3rem; letter-spacing: 0px; font-weight: 500; border: 1px solid rgb(235, 232, 245); box-sizing: border-box; padding-top: 11px; padding-left: 20px; padding-right: 32px; height: 100%; background-color: rgb(255, 255, 255); } [data-wv-res-id] .block_bbs_search_style_001_wrap .block_bbs_search_select_wrap .block_bbs_search_select_con { display: none; position: absolute; width: 100%; background-color: rgb(255, 255, 255); border-width: 0px 1px 1px; border-style: none solid solid; border-right-color: rgb(222, 220, 236); border-bottom-color: rgb(222, 220, 236); border-left-color: rgb(222, 220, 236); border-image: initial; border-top-color: initial; box-sizing: border-box; z-index: 50; } [data-wv-res-id] .block_bbs_search_style_001_wrap .block_bbs_search_select_wrap .block_bbs_search_select > li { text-align: left; } [data-wv-res-id] .block_bbs_search_style_001_wrap .block_bbs_search_select_wrap .block_bbs_search_select > li > a { font-size: 1.5rem; line-height: 2.5rem; letter-spacing: 0em; color: rgb(0, 0, 0); font-weight: 300; display: block; padding: 14px 21px 12px; border-bottom: 1px solid rgb(241, 240, 247); box-sizing: border-box; } [data-wv-res-id] .block_bbs_search_style_001_wrap .block_bbs_search_select_wrap .block_bbs_search_select > li:last-child > a{border-bottom: 0px none;} [data-wv-res-id] .block_bbs_search_style_001_wrap .block_bbs_search_input_wrap { max-width: 372px; height: 45px; border: 1px solid rgb(235, 232, 245); flex: 1 1 0; background-color: rgb(255, 255, 255); } [data-wv-res-id] .block_bbs_search_style_001_wrap .block_bbs_search_input_wrap .block_bbs_search_icon { z-index: 2; width: 43px; height: 43px; font-size: 0px; line-height: 0; position: absolute; top: 0px; right: 0px; background-color: transparent; transition: background-color 0.2s ease 0s; display: inline-flex; float: left; flex-wrap: wrap; align-items: center; justify-content: center;} [data-wv-res-id] .block_bbs_search_style_001_wrap .block_bbs_search_input_wrap .block_bbs_search_icon > svg{ width: 15px; height: 15px; fill: #000; } [data-wv-res-id] .block_bbs_search_style_001_wrap .block_bbs_input_style_0 { padding: 13px 52px 14px 20px; font-size: 1.5rem; line-height: 4rem; font-weight: 500; color: rgb(0, 0, 0); width: 100%; height: 100%; vertical-align: top; box-sizing: border-box; background-color: transparent; appearance: none; border-radius: 0px; outline: none; border: 0px none; } [data-wv-res-id] .block_bbs_search_style_001_wrap input:focus { outline: none; } [data-wv-res-id] .block_bbs_search_style_001_wrap textarea:focus { outline: none; } [data-wv-res-id] .block_bbs_search_style_001_wrap input::-webkit-input-placeholder { font-size: 1.5rem; line-height: 4rem; letter-spacing: 0px; font-weight: 300; color: rgb(175, 185, 199); } [data-wv-res-id] .read_more_btn_style_000_wrap { padding: 13px 0px 18px; margin-top: 18px;} [data-wv-res-id] .read_more_btn_style_000_wrap > a { display: block; float: right; margin-top: -32px; width: 35px; height: 35px; width: auto; height: auto; padding: 10px 20px; background-color: #000; border-radius: 5px; font-size:15px; font-size:1.5rem; line-height:20px; line-height:2.0rem; font-weight: 500; color: #fff; position: relative; z-index: 1; } [data-wv-res-id] .read_more_btn_style_000_wrap > a[onclick*="insert"]::after { content: '글쓰기'; } [data-wv-res-id] .read_more_btn_style_000_wrap > a.en[onclick*="insert"]::after { content: 'Write'; } [data-wv-res-id] .read_more_btn_style_000_wrap > a.cn[onclick*="insert"]::after { content: 'Write'; } [data-wv-res-id] .read_more_btn_style_000_wrap > a.jp[onclick*="insert"]::after { content: 'Write'; } [data-wv-res-id] .read_more_btn_style_000_wrap > a.es[onclick*="insert"]::after { content: 'Write'; } [data-wv-res-id] .read_more_btn_style_000_wrap .write_icon { display: none; background-color: rgb(0, 0, 0); border-radius: 50%; width: 100%; height: 100%; transition: all 0.2s ease 0s; } [data-wv-res-id] .read_more_btn_style_001_wrap .read_more_btn_style_001_con { max-width: 99px; float: none; overflow: hidden; clear: both; margin-left: auto; margin-right: auto; } [data-wv-res-id] .read_more_btn_style_001_wrap .read_more_btn_style_001_con .read_more_btn_style_001 { text-align: center; cursor: pointer; padding: 27px 0; } [data-wv-res-id] .read_more_btn_style_001_wrap .read_more_btn_style_001_con .read_more_btn_style_001 .read_more_btn_style_001_text { font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em; color: #000; font-weight: 500; margin-bottom: 9px;} [data-wv-res-id] .read_more_btn_style_001_wrap .read_more_btn_style_001_con .read_more_btn_style_001 .read_more_btn_style_001_arrow { margin-left: auto; margin-right: auto; overflow: hidden; float: none; width: 15px; height: 9px; } [data-wv-res-id] .read_more_btn_style_001_wrap > a { display: block; float: right; width: 35px; height: 35px; } [data-wv-res-id] .read_more_btn_style_001_wrap .write_icon { background-color: rgb(0, 0, 0); border-radius: 50%; width: 100%; height: 100%; transition: all 0.2s ease 0s; } [data-wv-res-id] .button_container { font-size: 0px; white-space: nowrap; text-align: center; } [data-wv-res-id] .button_container li { position: relative; display: inline-block; text-align: center; cursor: pointer; font-weight: 700; width: 28px; height: 28px; box-sizing: border-box; transition: all 0.3s ease 0s; } [data-wv-res-id] .button_container li.btn_singlePage { z-index: 0; text-indent: -10000px; width: 30px; height: 30px; border-radius: 50%; background-color: rgb(244, 247, 249); margin-top: -4px; margin-right: 3px; margin-left: 3px; } [data-wv-res-id] .button_container li.btn_singlePage.btn_prevPage { margin-right: 24px; } [data-wv-res-id] .button_container li.btn_singlePage.btn_nextPage { margin-left: 24px; } [data-wv-res-id] .button_container li.btn_page { width: auto; font-size: 1.7rem; line-height: 2.3rem; font-weight: 500; color: #bec4cb; padding-right: 2px; padding-left: 2px; z-index: 1; margin-right: 13px; margin-left: 13px; padding-top: 1px; } [data-wv-res-id] .button_container li.btn_page.selected { color: rgb(0, 0, 0); } [data-wv-res-id] .button_container li{background-repeat: no-repeat; background-position: center center; } [data-wv-res-id] .button_container li.btn_singlePage{background-size: 11px 10px; } [data-wv-res-id] .button_container li.btn_singlePage.btn_firstPage{background-image: url("/weven_template/block/bbs_card_style_3_000/resource/img/pagination_style_0_double_left_arrow.png"); } [data-wv-res-id] .button_container li.btn_singlePage.btn_prevPage{background-image: url("/weven_template/block/bbs_card_style_3_000/resource/img/pagination_style_0_single_left_arrow.png"); background-size: 6px 10px; } [data-wv-res-id] .button_container li.btn_singlePage.btn_nextPage{background-image: url("/weven_template/block/bbs_card_style_3_000/resource/img/pagination_style_0_single_right_arrow.png"); background-position: left 12px center; background-size: 6px 10px; } [data-wv-res-id] .button_container li.btn_singlePage.btn_lastPage{background-image: url("/weven_template/block/bbs_card_style_3_000/resource/img/pagination_style_0_double_right_arrow.png"); background-position: left 10px center; background-size: 11px 10px; } [data-wv-os="Mac"] [data-wv-res-id] .button_container li.btn_singlePage.btn_firstPage{background-image: url("/weven_template/block/bbs_card_style_3_000/resource/img/pagination_style_0_double_left_arrow_mac.png"); } [data-wv-os="Mac"] [data-wv-res-id] .button_container li.btn_singlePage.btn_prevPage{background-image: url("/weven_template/block/bbs_card_style_3_000/resource/img/pagination_style_0_single_left_arrow_mac.png"); transform: rotate(360deg);} [data-wv-os="Mac"] [data-wv-res-id] .button_container li.btn_singlePage.btn_nextPage{background-image: url("/weven_template/block/bbs_card_style_3_000/resource/img/pagination_style_0_single_right_arrow_mac.png"); } [data-wv-os="Mac"] [data-wv-res-id] .button_container li.btn_singlePage.btn_lastPage{background-image: url("/weven_template/block/bbs_card_style_3_000/resource/img/pagination_style_0_double_right_arrow_mac.png"); } [data-wv-pc="mobile"] [data-wv-res-id] .button_container li.btn_singlePage.btn_firstPage{background-image: url("/weven_template/block/bbs_card_style_3_000/resource/img/pagination_style_0_double_left_arrow_mac.png"); } [data-wv-pc="mobile"] [data-wv-res-id] .button_container li.btn_singlePage.btn_prevPage{background-image: url("/weven_template/block/bbs_card_style_3_000/resource/img/pagination_style_0_single_left_arrow_mac.png"); } [data-wv-pc="mobile"] [data-wv-res-id] .button_container li.btn_singlePage.btn_nextPage{background-image: url("/weven_template/block/bbs_card_style_3_000/resource/img/pagination_style_0_single_right_arrow_mac.png"); } [data-wv-pc="mobile"] [data-wv-res-id] .button_container li.btn_singlePage.btn_lastPage{background-image: url("/weven_template/block/bbs_card_style_3_000/resource/img/pagination_style_0_double_right_arrow_mac.png"); } [data-wv-res-id] .button_container li.btn_singlePage.btn_firstPage:hover{background-image: url("/weven_template/block/bbs_card_style_3_000/resource/img/pagination_style_0_double_left_arrow_h.png"); } [data-wv-res-id] .button_container li.btn_singlePage.btn_prevPage:hover{background-image: url("/weven_template/block/bbs_card_style_3_000/resource/img/pagination_style_0_single_left_arrow_h.png"); } [data-wv-res-id] .button_container li.btn_singlePage.btn_nextPage:hover{background-image: url("/weven_template/block/bbs_card_style_3_000/resource/img/pagination_style_0_single_right_arrow_h.png"); } [data-wv-res-id] .button_container li.btn_singlePage.btn_lastPage:hover{background-image: url("/weven_template/block/bbs_card_style_3_000/resource/img/pagination_style_0_double_right_arrow_h.png"); } [data-wv-os="Mac"] [data-wv-res-id] .button_container li.btn_singlePage.btn_firstPage:hover{background-image: url("/weven_template/block/bbs_card_style_3_000/resource/img/pagination_style_0_double_left_arrow_h_mac.png"); } [data-wv-os="Mac"] [data-wv-res-id] .button_container li.btn_singlePage.btn_prevPage:hover{background-image: url("/weven_template/block/bbs_card_style_3_000/resource/img/pagination_style_0_single_left_arrow_h_mac.png"); } [data-wv-os="Mac"] [data-wv-res-id] .button_container li.btn_singlePage.btn_nextPage:hover{background-image: url("/weven_template/block/bbs_card_style_3_000/resource/img/pagination_style_0_single_right_arrow_h_mac.png"); } [data-wv-os="Mac"] [data-wv-res-id] .button_container li.btn_singlePage.btn_lastPage:hover{background-image: url("/weven_template/block/bbs_card_style_3_000/resource/img/pagination_style_0_double_right_arrow_h_mac.png"); } [data-wv-pc="mobile"] [data-wv-res-id] .button_container li.btn_singlePage.btn_firstPage:hover{background-image: url("/weven_template/block/bbs_card_style_3_000/resource/img/pagination_style_0_double_left_arrow_h_mac.png"); } [data-wv-pc="mobile"] [data-wv-res-id] .button_container li.btn_singlePage.btn_prevPage:hover{background-image: url("/weven_template/block/bbs_card_style_3_000/resource/img/pagination_style_0_single_left_arrow_h_mac.png"); } [data-wv-pc="mobile"] [data-wv-res-id] .button_container li.btn_singlePage.btn_nextPage:hover{background-image: url("/weven_template/block/bbs_card_style_3_000/resource/img/pagination_style_0_single_right_arrow_h_mac.png"); } [data-wv-pc="mobile"] [data-wv-res-id] .button_container li.btn_singlePage.btn_lastPage:hover{background-image: url("/weven_template/block/bbs_card_style_3_000/resource/img/pagination_style_0_double_right_arrow_h_mac.png"); } /*게시판블록 내부 에디터 기본 폰트 지정*/ [data-wv-type="insert"] .wveditor_text{ font-size: 1.7rem !important; line-height: 3.0rem !important; } [data-wv-type="update"] .wveditor_text{ font-size: 1.7rem !important; line-height: 3.0rem !important; } /**/ [data-wv-res-id] .block_bbs_view_style_000_con.view{ max-width: 1200px; float: none; clear: both; margin-left: auto; margin-right: auto; padding-left: 30px; padding-right: 30px; overflow: hidden; } [data-wv-res-id] .block_bbs_view_style_000_con .block_bbs_title_line { padding-bottom: 59px; } [data-wv-res-id] .block_bbs_view_style_000_con .block_bbs_post_title{ font-size: 38px; font-size: 3.8rem; line-height: 46px; line-height: 4.6rem; font-weight: 700; letter-spacing: -0.02em; color: #000; margin-bottom: 14px; max-width: 380px; word-break: keep-all; word-wrap: break-word;} [data-wv-res-id] .block_bbs_view_style_000_con .block_bbs_post_info > ul { font-size: 0px; line-height: 0; } [data-wv-res-id] .block_bbs_view_style_000_con .block_bbs_post_info > ul > li{font-size:16px; font-size:1.6rem; line-height:23px; line-height:2.3rem; font-weight: 600; letter-spacing: -0.0em; color: #989da4; position: relative; display: inline-block; box-sizing: border-box; } [data-wv-res-id] .block_bbs_view_style_000_con .block_bbs_post_info > ul > li span { position: relative; display: inline-block; padding-right: 16px; margin-right: 15px; } [data-wv-res-id] .block_bbs_view_style_000_con .block_bbs_post_info > ul > li span::after { content: ""; position: absolute; top: 3px; right: 0px; height: calc(100% - 7px); border-right: 1px solid rgb(226, 224, 242); } [data-wv-res-id] .block_bbs_view_style_000_con .block_bbs_post_info > ul > li:last-child span { padding-right: 0px; margin-right: 0; } [data-wv-res-id] .block_bbs_view_style_000_con .block_bbs_post_info > ul > li:last-child span::after{ content: none; } [data-wv-res-id] .block_bbs_view_style_000_con .block_bbs_post_info > ul > li .unanswered { color: rgba(18, 0, 144, 0.4); } [data-wv-res-id] .block_bbs_view_style_000_con .block_bbs_post_info > ul > li.reply_status.hidden{display: none;} [data-wv-agent="ipad"] [data-wv-res-id] .block_bbs_view_style_000_con .block_bbs_post_info > ul > li:first-child { margin-top: 3px; } [data-wv-os="Mac"] [data-wv-res-id] .block_bbs_view_style_000_con .block_bbs_post_info > ul > li:first-child { line-height: 2.9rem; } [data-wv-os="Android"] [data-wv-res-id] .block_bbs_view_style_000_con .block_bbs_post_info > ul > li:first-child { line-height: 2.9rem;} [data-wv-res-id] .block_bbs_view_style_000_con .block_bbs_text_con{ font-size: 17px; font-size: 1.7rem; line-height: 30px; line-height: 3.0rem; /* font-weight: 500; */ color: #000; padding-bottom: 60px; } [data-wv-res-id] .block_bbs_view_style_000_con .block_bbs_file_con { margin-bottom: 60px; } [data-wv-res-id] .block_bbs_view_style_000_con .block_bbs_file_title { float: left; position: relative; padding-right: 15px; margin-right: 14px; font-size: 1.7rem; line-height: 2.3rem; font-weight: 700; letter-spacing: 0em; color: rgb(0, 0, 0); } [data-wv-res-id] .block_bbs_view_style_000_con .block_bbs_file_title::after { content: ''; width: 1px; height: 16px; background-color: #dce0e3; position: absolute; top: 3px; right: 0; } [data-wv-res-id] .block_bbs_view_style_000_con .block_bbs_file_list{ display: block; float: none; overflow: hidden; } [data-wv-res-id] .block_bbs_view_style_000_con .block_bbs_file_list > li { display: block; margin-bottom: 5px; box-sizing: border-box; width: 100%; } [data-wv-res-id] .block_bbs_view_style_000_con .block_bbs_file_list > li:last-child { margin-bottom: 0px; } [data-wv-res-id] .block_bbs_view_style_000_con .block_bbs_file_list > li > a { padding-right: 38px; display: inline-block; position: relative; font-size: 1.7rem; line-height: 2.3rem; font-weight: 500; letter-spacing: 0em; color: rgb(0, 0, 0); } [data-wv-res-id] .block_bbs_view_style_000_con .block_bbs_post_list_con { border: 1px solid #e2e6e8; border-radius: 8px; padding: 13px 21px; } [data-wv-res-id] .block_bbs_view_style_000_con .block_bbs_post_list { padding-top: 5px; padding-bottom: 4px; } [data-wv-res-id] .block_bbs_view_style_000_con .block_bbs_post_list .block_bbs_post_list_title{float: left; min-width: 44px; padding-right: 12px; margin-right: 16px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 700; letter-spacing: -0.0em; color: #000; background-position: right 0 top 8px !important;} [data-wv-res-id] .block_bbs_view_style_000_con .block_bbs_post_list .block_bbs_post_list_post_name{float: none; overflow: hidden; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 500; letter-spacing: -0.0em; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; max-width: 90%; max-height: 34px; } [data-wv-res-id] .block_bbs_view_style_000_con .block_bbs_post_list .block_bbs_post_list_post_name > *{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; max-height: 34px; overflow: hidden;} [data-wv-res-id] .block_bbs_view_style_000_con .block_bbs_post_button_con{margin-top: 50px; text-align: center; font-size: 0;} [data-wv-res-id] .block_bbs_view_style_000_con .block_bbs_post_button{display: inline-flex; align-items: center; justify-content: center; width: 82px; padding: 8px 0 7px 2px; background-color: #000; border-radius: 5px; margin-left: 5px; font-size:15px; font-size:1.5rem; line-height:25px; line-height:2.5rem; font-weight: 500; color: #fff; box-sizing: border-box;} /*[data-wv-res-id] .block_bbs_view_style_000_con .block_bbs_post_button::after{ margin-bottom: 2px; position: relative; left: 6px; content: ''; width: 0; height: 13px; transition: width 0.2s ease; }*/ [data-wv-res-id] .block_bbs_view_style_000_con .block_bbs_post_button:first-child { margin-left: 0px; } /* ymg - co2network 게시판 상세 타입 */ [data-wv-res-id] .block_bbs_view_style_001_con.view .block_bbs_view_style_1 .block_bbs_title_line { background-size: cover; background-position: center; padding-top: 50px; padding-bottom: 50px; margin-bottom: 55px; } [data-wv-res-id] .block_bbs_view_style_001_con.view .block_bbs_view_style_1 .block_bbs_title_line .block_bbs_post_textbox { overflow: hidden; } [data-wv-res-id] .block_bbs_view_style_001_con.view .block_bbs_view_style_1 .block_bbs_title_line .block_bbs_post_textbox .block_bbs_post_category { font-family: "Gotham"; font-size:23px; font-size:2.3rem; line-height:33px; line-height:3.3rem; letter-spacing: -0.02em; font-weight: 700; color: #fff; margin-bottom: 13px; } [data-wv-res-id] .block_bbs_view_style_001_con.view .block_bbs_view_style_1 .block_bbs_title_line .block_bbs_post_textbox .block_bbs_post_title { max-width: 916px; font-family: "Carmen Sans"; font-size:35px; font-size:3.5rem; line-height:46px; line-height:4.6rem; letter-spacing: -0.02em; color: #fff; font-weight: 700; word-break: keep-all; } [data-wv-res-id] .block_bbs_view_style_001_con.view .block_bbs_view_style_1 .block_bbs_content_wrap { clear: both; overflow: hidden; } [data-wv-res-id] .block_bbs_view_style_001_con.view .block_bbs_view_style_1 .block_bbs_content_wrap .block_bbs_con .block_bbs_text_con { font-size:17px; font-size:1.7rem; line-height:34px; line-height:3.4rem; margin-bottom: 66px; } [data-wv-res-id] .block_bbs_view_style_001_con.view .block_bbs_view_style_1 .block_bbs_content_wrap .block_bbs_info .block_bbs_post_info { padding-bottom: 20px; margin-bottom: 30px; border-left: none; border-bottom: 1px solid #c1cbd2; } [data-wv-res-id] .block_bbs_view_style_001_con.view .block_bbs_view_style_1 .block_bbs_content_wrap .block_bbs_info .block_bbs_post_info .label { font-family: "Carmen Sans"; font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; font-weight: 400; } [data-wv-res-id] .block_bbs_view_style_001_con.view .block_bbs_view_style_1 .block_bbs_content_wrap .block_bbs_info .block_bbs_post_info .reg_date { font-family: "Gotham"; font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; font-weight: 500; } [data-wv-res-id] .block_bbs_view_style_001_con.view .block_bbs_view_style_1 .block_bbs_content_wrap .block_bbs_info .block_bbs_post_info > ul > li > span { display: block; } [data-wv-res-id] .block_bbs_view_style_001_con.view .block_bbs_view_style_1 .block_bbs_content_wrap .block_bbs_info .block_bbs_post_info > ul > li > span:first-child { margin-bottom: 5px; } [data-wv-res-id] .block_bbs_view_style_001_con.view .block_bbs_post_button_con { margin-bottom: 95px; overflow: hidden; } [data-wv-res-id] .block_bbs_view_style_001_con.view .block_bbs_post_button_con .block_bbs_post_button { position: relative; display: inline-block; width: 138px; padding-left: 25px; box-sizing: border-box; } [data-wv-res-id] .block_bbs_view_style_001_con.view .block_bbs_post_button_con .block_bbs_post_button > span { display: block; font-family: "Carmen Sans"; font-size:21px; font-size:2.1rem; line-height:27px; line-height:2.7rem; letter-spacing: -0.04em; font-weight: 700; padding: 11px 18px; color: #fff; text-align: center; background-color: #00bd6e; } [data-wv-res-id] .block_bbs_view_style_001_con.view .block_bbs_post_button_con .block_bbs_post_button::before { position: absolute; left: 0; top: 0px; content: ''; width: 0px; height: 0px; border-top: 24.5px solid transparent; border-bottom: 24.5px solid transparent; border-right: 25px solid #00bd6e; } html[lang="en"] [data-wv-res-id] .block_bbs_view_style_001_con.view .block_bbs_post_button_con .block_bbs_post_button{width: 123px;} html[lang="en"] [data-wv-res-id] .block_bbs_view_style_001_con.view .block_bbs_post_button_con .block_bbs_post_button > span {padding: 9px 14px 9px 12px; letter-spacing: 0;} html[lang="en"] [data-wv-res-id] .block_bbs_view_style_001_con.view .block_bbs_post_button_con .block_bbs_post_button::before {border-top: 22.5px solid transparent;border-bottom: 22.5px solid transparent;border-right: 25px solid #00bd6e;} [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap { margin-bottom: 60px; } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_top_con .bbs_comment_count_box { font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 300; color: rgb(0, 0, 0);} [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_top_con .bbs_comment_count_box #commentCount { font-weight: 500; } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_byte_limit_box { font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 300; color: rgb(0, 0, 0); float: right;} [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_write_con { margin-bottom: 10px; margin-top : -21px; } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_write_con .bbs_comment_write_inner { display: flex; align-items: stretch; flex-wrap: nowrap; border: 1px solid #e2e0f2; margin-top: 21px; } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_write_con.reply { margin-bottom: 0; } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_write_con .bbs_comment_write_box { max-width:calc(100% - 90px); } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .comment_textarea { font-size:14px; font-size:1.4rem; line-height:23px; line-height:2.3rem; font-weight: 500; color: #000; width: 100%; height: 94px; padding: 9px 14px; outline: none; box-sizing: border-box; appearance: none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none; resize: none;overflow-y: auto; border: none; word-break: break-all; } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .comment_textarea::-webkit-input-placeholder { font-size:14px; font-size:1.4rem; line-height:23px; line-height:2.3rem; font-weight: 300; color: #b9c5d8; } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .comment_textarea::-webkit-scrollbar-thumb:hover { background: rgb(85, 85, 85); } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .comment_textarea::-webkit-scrollbar-thumb { background: rgb(171, 171, 171); } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .comment_textarea::-webkit-scrollbar-track { background: rgb(235, 235, 235); } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .comment_textarea::-webkit-scrollbar { width: 2px; } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_insert_btn_con { background-color: #f9f9fd; cursor: pointer; transition: background-color .1s;} [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_insert_btn { display: flex; justify-content: center; align-items: center; width: 90px; height: 100%; box-sizing: border-box; font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; font-weight: 400; color: #000; transition: color .1s; } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_filter_con { margin-bottom: 47px; margin-top:40px; } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_filter_con .bbs_comment_filter_box { display: flex; align-items: center; } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_filter_con .bbs_comment_filter_box .comment_filter { font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; font-weight: 300; letter-spacing: -0.0em; color: #b9c5d8; padding: 3px 10px; border: 1px solid #e3e3e3; transition: .05s; cursor: pointer;} [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_filter_con .bbs_comment_filter_box .comment_filter:first-child { border-right: none; } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_filter_con .bbs_comment_filter_box .comment_filter.active { font-weight: 400; color: #000; } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_list_con .comment_list { padding-bottom: 31px; margin-bottom: 33px; border-bottom: 1px solid #e2e0f2; } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_list_con .comment_list.has_reply { border-bottom: none; } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_list_con .comment_list:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_list_con .comment_list .comment_header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 15px;} [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_list_con .comment_list .comment_title .comment_name { font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 500; color: #000; } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_list_con .comment_list .comment_title .comment_date { font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 300; color: #000; } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_list_con .comment_list .comment_title .comment_date::before { content: none; position: absolute; top: 3px; left: 0; height: calc(100% - 8px); border-left: 1px solid rgba(0, 0, 0, 0.15);} [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_list_con .comment_list:not(.removed) .comment_title { width: calc(100% - 180px); margin-top: 4px;} [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_list_con .comment_list.reply .comment_title { width: calc(100% - 100px); } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_list_con .comment_list:not(.removed) .comment_title .comment_name { margin-bottom: 7px; } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_list_con .comment_list.removed .comment_title { width: auto; margin-top: 0;} [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_list_con .comment_list.removed .comment_title .comment_name { width: auto; margin-bottom: 0;} [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_list_con .comment_list.removed .comment_title .comment_date_con { width: auto; } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_list_con .comment_list.removed .comment_title .comment_date { padding-left: 13px; margin-left: 13px; } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_list_con .comment_list.removed .comment_title .comment_date::before { content: '';} [data-wv-os="Android"] [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_list_con .comment_list .comment_title .comment_date::before { height: calc(100% - 7px); } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_list_con .comment_list .comment_title .cmmt_update_text { font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 300; color: #000; margin-left: 5px; } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_list_con .comment_list .comment_util_con { display: flex; align-items: center;} [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_list_con .comment_list .comment_util_con .comment_util_btn { font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; font-weight: 300; color: #000; padding: 3px 9px; margin-right: 5px; box-sizing: border-box; border: 1px solid rgba(0,0,0,0.15); background-color: #fff; transition: background-color .1s, color .1s;} /*[data-wv-os="Mac"] [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_list_con .comment_list .comment_util_con .comment_util_btn { padding: 3px 9px; }*/ [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_list_con .comment_list .comment_util_con .comment_util_btn:last-child { margin-right: 0; } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_list_con .comment_list .comment_contents { font-size:15px; font-size:1.5rem; line-height:28px; line-height:2.8rem; font-weight: 300; color: #000; max-width: 900px; overflow:hidden; word-break: break-all;} [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_list_con .comment_list .reply_count_con { display: none; margin-top: 10px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 300; color: #000;} [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_list_con .comment_list.has_reply .reply_count_con { display: block; } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_list_con .comment_list .reply_count_con .reply_count { font-weight: 500; } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_list_con .comment_reply_list_wrap { width: 100%; float: left; position: relative; box-sizing:border-box; background-color: #fcfcfd; border: 1px solid #e2e0f2; padding: 30px; margin-top: 27px; } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_list_con .comment_reply_list_wrap .comment_list.reply .reply_count_con { display: none; } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_list_con .comment_reply_list_wrap .comment_list.reply .add_comment_reply_btn { display: none; } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_paging_wrap > div { margin-top: 50px; } [data-wv-res-id] [id*="merge_"] { max-width: 1200px; float: none; clear: both; margin-left: auto; margin-right: auto; overflow: hidden; padding-left: 30px; padding-right: 30px; } [data-wv-res-id] [id*="merge_"] h4.block_bbs_section_title { font-size:27px; font-size:2.7rem; line-height:42px; line-height:4.2rem; font-weight: 700; color: #000; margin-bottom: 20px; } [data-wv-res-id] [id*="merge_"] .block_bbs_section_desc { font-size:13px; font-size:1.3rem; line-height:19px; line-height:1.9rem; color: #2b8aff; font-weight: 400; margin-bottom: 14px; text-align: right;} [data-wv-res-id] [id*="merge_"] .block_bbs_section_desc::before { content: '*'; position: relative; top: 4px; left: -5px; font-size:17px; line-height:23px; font-weight: 200; color: #2b8aff;} /* [data-wv-res-id] [id*="merge_"] .block_bbs_panel_body{border-top: 2px solid #000; margin-bottom: -26px; padding-top: 26px;} */ [data-wv-res-id] [id*="merge_"] .block_bbs_form_style_0{ display: flex; flex-wrap: wrap; align-items: flex-start; margin-bottom: 26px; } [data-wv-res-id] [id*="merge_"] .block_bbs_form_style_0 .block_bbs_form_title_con{width: 100%; margin-bottom: 15px;} [data-wv-res-id] [id*="merge_"] .block_bbs_form_style_0 .block_bbs_form_title{position: relative; font-size:15px; font-size:1.5rem; line-height:23px; line-height:2.3rem; font-weight: 500; letter-spacing: -0.0em; color: #000;} [data-wv-res-id] [id*="merge_"] .block_bbs_form_style_0 .block_bbs_form_title.is_essential span{ position: relative; } [data-wv-res-id] [id*="merge_"] .block_bbs_form_style_0 .block_bbs_form_title.is_essential span::after{content: '*'; position: absolute; top: 0; right: -13px; font-size:17px; line-height:23px; font-weight: 200; color: #2b8aff;} [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_style_0_con input[type="text"], [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_style_0_con input[type="password"], [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_style_0_con input[type="number"] { position: relative; width: 100%; height: 63px; padding: 2px 15px 0 0; font-size:15px; font-size:1.5rem; line-height:25px; line-height:2.5rem; letter-spacing: -0.0em; font-weight: 300; color:#000; text-align: left; border:1px solid transparent; background-color: transparent; outline: none; box-sizing: border-box; -webkit-appearance: none;} [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_style_0_con input[type="number"].color_input { position: relative; width: 41px; height: 27px; padding: 0; font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; letter-spacing: -0.0em; font-weight: 300; color:#707f96; text-align: center; border:1px solid #e4ebf5; outline: none; box-sizing: border-box; -webkit-appearance: none; } [data-wv-res-id] [id*="merge_"] .block_bbs_form_style_0 .block_bbs_form_input_wrap{width: 100%; box-sizing: border-box;} [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_form_input_style_0_con:not([data-wv-default-field="editor"]){ background-color: #fafafa; border-radius: 8px; padding-left: 23px; } [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_form_input_style_0_con input[type="text"]{ font-size: 1.5rem; line-height: 2.5rem; font-weight: 500; color: #000; } [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_form_input_style_0_con input[type="text"]::placeholder{ font-size: 1.5rem; line-height: 2.5rem; font-weight: 500; color: rgba(0, 0, 0, 0.4); } [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap textarea{ position: relative; width: 100%; height: 219px; overflow-y: auto; border: none; font-size: 15px; font-size: 1.5rem; line-height: 25px; line-height: 2.5rem; letter-spacing: 0em; font-weight: 500; color: #000; background-color: transparent; text-align: left; outline: none; box-sizing: border-box; -webkit-appearance: none; resize: none;} [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_textarea_style_0_con textarea{ font-size: 1.5rem; line-height: 2.5rem; font-weight: 500; color: #000; } [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_textarea_style_0_con textarea::placeholder{ font-size: 1.5rem; line-height: 2.5rem; font-weight: 500; color: rgba(0, 0, 0, 0.4); } [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_textarea_style_0_con.editor textarea { padding: 32px 50px 22px 42px; font-size:17px; font-size:1.7rem; line-height:32px; line-height:3.2rem; } [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap textarea::-webkit-scrollbar {width: 2px;} [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap textarea::-webkit-scrollbar-track {background: #ebebeb;} [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap textarea::-webkit-scrollbar-thumb {background: #ababab;} [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap textarea::-webkit-scrollbar-thumb:hover {background: #555;} [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_caution_text { font-size:15px; font-size:1.5rem; line-height:30px; line-height:3.0rem; font-weight: 300; letter-spacing: -0.0em; color: #de4896; } [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_file_button { float: right; display: inline-block; cursor: pointer; box-sizing: border-box; height: 63px; padding: 22px 23px 0 23px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 600; color: #2b8aff; } [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_admin_crud_file_con { float: left; width: 100%; box-sizing: border-box; min-height: 63px;} [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_admin_crud_file_con input[type="text"] { float: left; padding: 0; } [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_admin_crud_file_con input[type="file"] { width: 0; height: 0; } [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_admin_crud_file_con .block_bbs_file_text_con { display: inline-block; padding: 20px 0 18px 0; } [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_admin_crud_file_con .block_bbs_file_text{font-size:15px; font-size:1.5rem; line-height:25px; line-height:2.5rem; font-weight: 500; } [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_admin_crud_file_con .block_bbs_file_delete { position: absolute; top: 0; right: 0; box-sizing: border-box; height: 63px; padding: 22px 30px 0 30px; font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; font-weight: 600; color: #2b8aff; background-color: #fafafa; border-radius: 8px; background-image: none !important; } [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_admin_crud_file_con .block_bbs_file_placeholder{ font-size: 1.5rem; line-height: 2.5rem; font-weight: 500; color: rgba(0, 0, 0, 0.4); } [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .selected_item_con{max-width: 199px; position: relative; box-sizing: border-box; height: 54px;} [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .selected_item_con .selected_item{ box-sizing: border-box; padding-top: 10px; height: 100%; font-size:17px; font-size:1.7rem; line-height:34px; line-height:3.4rem; font-weight: 500; letter-spacing: -0.0em; color: #000; display: block; } [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .selected_item_con .block_bbs_form_select_style_0_con{ width: calc(100% + 10px); position: absolute; left: 0; bottom: -12px; transform: translateY(100%); border: 1px solid #e2e0f2; border-bottom: 0px none; display: none;} [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .selected_item_con .block_bbs_form_select_style_0_con ul > li{border-bottom: 1px solid #e2e0f2; display: block;} [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .selected_item_con .block_bbs_form_select_style_0_con ul > li > a{display: block; padding-top: 15px; padding-bottom: 15px; padding-left: 20px; background-color: #fff; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 300; letter-spacing: -0.0em; color: #000;} [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_radio_btn_style_0_wrap .block_bbs_radio_btn_style_0_con{display: inline-flex; align-items: flex-start; margin-right: 15px; margin-bottom: 10px;} [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_radio_btn_style_0_wrap .block_bbs_radio_btn_style_0_con:last-child { margin-right: 0; } [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_radio_btn_style_0_wrap .block_bbs_radio_btn_style_0{position: absolute; width: 0; height: 0;} [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_radio_btn_style_0_wrap .block_bbs_radio_btn_style_0 + label{padding-left: 42px; padding-top: 2px; box-sizing: border-box; font-size:15px; font-size:1.5rem; line-height:23px; line-height:2.3rem; font-weight: 300; letter-spacing: -0.0em; color: #000; position: relative; cursor: pointer; } [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_radio_btn_style_0_wrap .block_bbs_radio_btn_style_0 + label::before{content : ""; position: absolute; top: -2px; left: 0; border: 1px solid #e4e2f2; width: 27px; height: 27px; border-radius: 50%;} [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_radio_btn_style_0_wrap .block_bbs_radio_btn_style_0 + label::after{content: none; position: absolute; top: 6px; left: 8px; width: 13px; height: 13px; border-radius: 50%; background-color: #000;} [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_radio_btn_style_0_wrap .block_bbs_radio_btn_style_0:checked + label{font-weight: 500;} [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_radio_btn_style_0_wrap .block_bbs_radio_btn_style_0:checked + label::after{content: '';} [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_radio_btn_style_0_wrap { padding-top: 14px !important; padding-bottom: 5px !important; } [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_check_btn_style_0_wrap { padding-top: 13px !important; padding-bottom: 4px !important; margin: 0; } [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_check_btn_style_0_wrap .block_bbs_check_btn_style_0_con { margin-right: 15px; margin-bottom: 10px; } [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_check_btn_style_0_wrap .block_bbs_check_btn_style_0_con:last-child { margin-right: 0; } [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_check_btn_style_0_wrap .block_bbs_check_btn_style_0{position: absolute; width: 0; height: 0;} [data-wv-os="Mac"] [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_check_btn_style_0_wrap .block_bbs_check_btn_style_0{ -webkit-appearance: none; -webkit-border-radius: 0; border: none;} [data-wv-os="iOS"] [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_check_btn_style_0_wrap .block_bbs_check_btn_style_0{ -webkit-appearance: none; -webkit-border-radius: 0; border: none;} [data-wv-os="ipad"] [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_check_btn_style_0_wrap .block_bbs_check_btn_style_0{ -webkit-appearance: none; -webkit-border-radius: 0; border: none;} /* (not_mobile_vertical : 모바일에서도 세로 정렬로 떨어지지 않는 항목 ex.공지글여부 체크박스) */ [data-wv-res-id] [id*="merge_"] .block_bbs_form_style_0.not_mobile_vertical{ margin-top: -9px; } [data-wv-res-id] [id*="merge_"] .block_bbs_form_style_0.not_mobile_vertical .block_bbs_form_title_con{ width: auto; padding-top: 22px; padding-right: 20px; margin: 0; } [data-wv-res-id] [id*="merge_"] .block_bbs_form_style_0.not_mobile_vertical .block_bbs_form_input_wrap{ width: auto; } [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_check_btn_style_0_wrap .block_bbs_check_btn_style_0 + label{ display: inline-block; padding-left: 42px; box-sizing: border-box; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; font-weight: 300; letter-spacing: -0.0em; color: #000; position: relative; height: 27px; padding-top: 3px; cursor: pointer;} [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_check_btn_style_0_wrap .block_bbs_check_btn_style_0 + label::after{content: ""; width: 40px; height: 40px; box-sizing: border-box; background-color: #fafafa; border-radius: 8px; position: absolute; top: 0; left: 0; background-image: url('https://cdn.zaemit.ai/_vfs/onekorea/efc3154be3e45828b2d1cb5f4198268f.svg'); background-size: 24px; background-position: center center; background-repeat: no-repeat; transition: background-color 0.3s, background-image 0.3s; } [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_check_btn_style_0_wrap .block_bbs_check_btn_style_0 + label:hover::after{ background-image: url('https://cdn.zaemit.ai/_vfs/onekorea/5e15febce33ca699af7cec0053df06b5.svg');} [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_check_btn_style_0_wrap .block_bbs_check_btn_style_0:checked + label::after{ background-color: #2b8aff; background-image: url('https://cdn.zaemit.ai/_vfs/onekorea/daf965347145dd86965cd06d8907d7de.svg');} [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_check_btn_style_0_wrap .block_bbs_check_btn_style_0#is_agree_stplat + label { font-size:14px; font-size:1.4rem; line-height:33px; line-height:3.3rem; font-weight: 500; } [data-wv-res-id] [id*="merge_"] .block_bbs_panel_util { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-top: 4px; font-size: 0; } [data-wv-res-id] [id*="merge_"] .block_bbs_panel_util a { display: inline-flex; align-items: center; justify-content: center; width: 82px; padding: 8px 0 7px; background-color: #000; border-radius: 5px; margin-left: 5px; font-size:15px; font-size:1.5rem; line-height:25px; line-height:2.5rem; font-weight: 500; color: #fff; box-sizing: border-box; } /* [data-wv-res-id] [id*="merge_"] .block_bbs_panel_util a::after{ position: relative; left: 6px; content: ''; width: 0; height: 13px; transition: width 0.2s ease;} */ [data-wv-res-id] [id*="merge_"] .block_bbs_panel_util a:first-child{ margin-left: 0; } /* (block_bbs_stplat_con : 이용약관 부분) */ [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_stplat_con{margin-bottom: 15px;} [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_stplat_con textarea::-webkit-scrollbar{width: 12px;} [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap textarea::-webkit-scrollbar-track{border-left: 10px solid #fff;} [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap textarea::-webkit-scrollbar-thumb{border-left: 10px solid #fff;} [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_stplat_con .block_bbs_textarea_style_0_con{border: 1px solid #e4ebf5; border-radius: 8px; padding: 25px 15px 22px 35px;} [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_stplat_con .block_bbs_check_btn_style_0_wrap{margin-top: 5px;} [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_stplat_con .block_bbs_check_btn_style_0_wrap .block_bbs_check_btn_style_0_con{margin-bottom: 0;} [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_stplat_con .block_bbs_check_btn_style_0_wrap .block_bbs_check_btn_style_0 + label::after{ width: 30px; height: 30px; border-radius: 4px; background-position: center left 4px; } [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_textarea_style_0_con textarea#use_stplat {padding: 0; height: 207px; min-height: 207px; font-size: 1.4rem; line-height: 2.2rem; font-weight: 300; text-indent: unset !important;} [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_check_btn_style_0_wrap .block_bbs_check_btn_style_0#is_agree_stplat + label { font-size:14px; font-size:1.4rem; line-height:23px; line-height:2.3rem; font-weight: 500; padding-top: 3px; padding-left: 42px; } /* block_bbs_gallery_style_3_000_con */ [data-wv-res-id] .block_bbs_gallery_style_3_000_con .title{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-size: 18px; line-height: 24px; margin-bottom: 10px; font-weight: 700; letter-spacing: 0; color: #000; } [data-wv-res-id] .block_bbs_gallery_style_3_000_con .description{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; font-size: 14px; line-height: 21px; letter-spacing: 0; font-weight: 300; padding-right: 40px;} [data-wv-res-id] .block_bbs_gallery_style_3_000_con .content_info{margin-top: 9px;} [data-wv-res-id] .block_bbs_gallery_style_3_000_con .date{font-size: 13px; line-height: 21px; color: #000; font-weight: 400; letter-spacing: 0.03rem;} [data-wv-res-id] .block_bbs_gallery_style_3_000_con .tag_con {margin-top: 9px;max-width: none;} [data-wv-res-id] .block_bbs_gallery_style_3_000_con .tag_con > a {display:inline-block;font-size: 12px;line-height: 20px;letter-spacing: 0px;font-weight: 500;margin-bottom: 0px;width: fit-content;max-width: 100%;border-color: rgba(0, 0, 0, 0.2);border-style: solid;background-clip: padding-box;border-radius: 20px;color: rgb(0, 0, 0);background-image: none;background-color: transparent;padding: 3px 12px;border-width: 1px;margin-right: 5px;left: 0px;top: 0px;} /* (board_popup_0_wrap : 팝업 부분) */ .board_popup_0_wrap { display: none; position: fixed; z-index: 999999; background-color: #fff; border-radius: 5px; overflow: visible; max-height: 100vh;} .board_popup_0_wrap .board_pop_0_con { display: flex; flex-direction: column; } .board_popup_0_wrap .popup_header { padding-top: 10px; padding-bottom: 11px; border-bottom: 1px solid #e8eef6;} .board_popup_0_wrap .popup_inner { display: flex; flex-wrap: wrap; justify-content: space-between; padding-left: 25px; padding-right: 8px; } .board_popup_0_wrap .popup_title { font-size:16px; font-size:1.6rem; line-height:21px; line-height:2.1rem; font-weight: 700; letter-spacing: -0.02em; /*margin-top: 8px;*/ padding-top: 10px;} .board_popup_0_wrap .popup_close_btn > a { text-indent: -10000px; background-image: url("https://cdn.zaemit.ai/_vfs/onekorea/b7f9cef1a2e34f41c7b550c6644f9972.svg"); background-size: 19px; background-position: center center; background-repeat: no-repeat; font-size: 0px; font-size: 0rem; line-height: 0px; line-height: 0.0rem; /*padding: 9px;*/ display: inline-block; transition: background-color 0.3s; border-radius: 4px; padding: 20px;} .board_popup_0_wrap .popup_close_btn > a:after{content: ''; width: 31px; height: 31px; background-color: #f2f3f5; border-radius: 4px; position: absolute; top: 5px; right: 5px; z-index: -1; opacity: 0; transition: opacity 0.3s;} .board_popup_0_wrap .popup_close_btn > a:hover:after{ opacity: 1; } [data-wv-os="Mac"] .board_popup_0_wrap .popup_close_btn > a { background-image: url("https://cdn.zaemit.ai/_vfs/onekorea/b7f9cef1a2e34f41c7b550c6644f9972.svg"); } [data-wv-pc="mobile"] .board_popup_0_wrap .popup_close_btn > a { background-image: url("https://cdn.zaemit.ai/_vfs/onekorea/b7f9cef1a2e34f41c7b550c6644f9972.svg"); } .board_popup_0_wrap .popup_body::-webkit-scrollbar{width: 14px;} .board_popup_0_wrap .popup_body::-webkit-scrollbar-thumb{background-color: #aaa; background-clip: padding-box; border-left: 6px solid transparent; border-right: 4px solid transparent;} .board_popup_0_wrap .popup_body::-webkit-scrollbar-track{background-color: transparent;} .board_popup_0_wrap .popup_body::-webkit-scrollbar-button{display: none;} .board_popup_0_wrap .popup_body { overflow-y: auto; max-height: 80vh; flex: 1 1 auto; padding: 35px 50px 29px 50px; font-size:14px; font-size:1.4rem; line-height:24px; line-height:2.4rem; font-weight: 400; color: #000; } .board_popup_0_wrap .popup_footer { padding-top: 11px; padding-bottom: 10px; border-top: 1px solid #e8eef6; background-color: white; border-radius: 5px;} .board_popup_0_wrap .popup_footer .popup_inner {padding-left: 35px;padding-right: 11px;} .board_popup_0_wrap .btn_style_0_con .btn_style_0 { display: inline-block; font-size: 14px; font-size: 1.4rem; line-height: 21px; line-height: 2.1rem; letter-spacing: -0.02em; font-weight: 500; text-align: center; border-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; box-sizing: border-box; cursor: pointer; border: 1px solid #b7c7df; color: #000; background-color: #fff; transition: all 0.3s; padding: 7px 15px 6px 15px;} .board_popup_0_wrap .btn_style_1_con .btn_style_1 { display: inline-block; cursor: pointer; padding: 8px 20px; border: 1px solid #000; border-radius: 4px; background-color: #000; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 400; letter-spacing: -0.02em; color: #fff;} /* 카테고리 팝업 설정 */ #bbsCategoryPop .select_category_wrap { background-color: #f6fafb; min-height: 49px; margin-bottom: 10px; border: 1px solid #dbe6ef; border-radius: 6px; padding: 3px 6px 3px 6px;} #bbsCategoryPop .select_category_desc { margin-bottom: 7px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 700; } #bbsCategoryPop .select_category_con { margin-bottom: 0; font-size: 13px; } #bbsCategoryPop .selected-category { background-color: #fff; margin-right: 6px; font-size:13px; font-size:1.3rem; line-height:25px; line-height:2.5rem; font-weight: 500; margin-bottom: 3px; margin-top: 3px; padding: 4px 3px 4px 8px; border: 1px solid #b1c2d8; border-radius: 3px; } #bbsCategoryPop .selected-category .remove-category-btn { background-color: #fff; background-size: 8px 8px; background-position: 13px center; background-image: url("https://cdn.zaemit.ai/_vfs/onekorea/5c36d9db6fa5b5307a00c0394769cc18.png"); background-repeat: no-repeat; margin-left: 20px; border-left: 1px solid #e6ecf3; padding: 9px 11px 9px 19px; cursor: pointer; } #bbsCategoryPop .tree-item { position: relative; margin-right: 6px; } #bbsCategoryPop .bm_tree_con li .label { width: 310px !important; cursor: pointer; } #bbsCategoryPop .bm_tree_con li .label.active { border: 1.8px solid rgb(123 130 237);} #bbsCategoryPop .bm_tree_con li.depth_1:hover .label { background-color: #b5cbf9; } #bbsCategoryPop .check_btn_style_0 { position: relative;cursor: pointer;width: 39px;height: 39px;background-color: transparent; opacity: 0; z-index: 1; margin: 0; top: 2px;left: 0; } #bbsCategoryPop .check_btn_style_0 + label:before { content: ""; margin-top: 2px; width: 39px;height: 39px;box-sizing: border-box;position: absolute;left: 0px;top: 50%;transform: translateY(-50%);background-color: #fff;border-radius: 4px;cursor: pointer;border: 1px solid #dfddf1;background-position: center; background-repeat: no-repeat; } #bbsCategoryPop .bm_tree_con li.depth_1:hover .check_btn_style_0 + label:before { border: 2px solid #476aec; } #bbsCategoryPop .check_btn_style_0:checked + label:before { background-image: url("https://cdn.zaemit.ai/_vfs/onekorea/3e64ae71d52eb6658a49da2fe24dda3f.png"); background-size: 15px 11px; background-position: center center; background-repeat: no-repeat; border: 2px solid #476aec; } /* 게시판 대표 이미지 */ #boardMainImageContent.thumb_select_wrap.tool_thumb { height: auto; max-width: 1170px; overflow: hidden; background-color: #fafafa; padding: 10px; display: flex; align-items: center; border: none; z-index: 631;} #boardMainImageContent.thumb_select_wrap.tool_thumb .thumb_con { display: flex; align-items: center; width: 80px; overflow-x: auto;} #boardMainImageContent.thumb_select_wrap.tool_thumb .thumb_con::-webkit-scrollbar { height: 10px; } #boardMainImageContent.thumb_select_wrap.tool_thumb .thumb_con::-webkit-scrollbar-thumb { background-color: #2f3542; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent;} #boardMainImageContent.thumb_select_wrap.tool_thumb .thumb_con::-webkit-scrollbar-track { background-color: grey; border-radius: 10px; box-shadow: inset 0px 0px 5px white;} #boardMainImageContent.thumb_select_wrap.tool_thumb .thumb_drop_area { width: 6px; flex: none; min-height: 100%; background-color: #ffffff78; position: relative; z-index: 36; height: 80px; margin: 0 0 0 11px;} #boardMainImageContent.thumb_select_wrap.tool_thumb .thumb_img_list { margin-left: 10px; width: 80px; height: 80px; cursor: pointer; background-size: cover; background-position: center center; background-repeat: no-repeat; overflow: hidden; box-sizing: border-box; position: relative; flex: none;} #boardMainImageContent.thumb_select_wrap.tool_thumb .thumb_img_list > img{ width: 100%; height: 100%; } #boardMainImageContent.thumb_select_wrap.tool_thumb .thumb_img_list.active { border: 2px solid #3f87f5;} #boardMainImageContent.thumb_select_wrap.tool_thumb .thumb_img_list:first-child {margin-left: 0;} @media all and (min-width: 768px){ /* 2021.12.23 ymg - 위븐 게시판 블록 공통부분 */ [data-wv-res-id] .block_bbs_search_style_000_wrap { margin-bottom: 40px; } [data-wv-res-id] .block_bbs_search_style_000_wrap .block_bbs_total_count_con{ margin-bottom: 35px; } [data-wv-res-id] .block_bbs_view_style_000_con.view{ max-width: 1200px; float: none; clear: both; margin-left: auto; margin-right: auto; padding-left: 30px; padding-right: 30px; overflow: hidden; } [data-wv-res-id] .block_bbs_view_style_000_con .block_bbs_post_list_con { border: 1px solid #e2e6e8; border-radius: 8px; padding: 18px 31px; } [data-wv-res-id] .block_bbs_view_style_000_con .block_bbs_post_list .block_bbs_post_list_post_name{ max-width: 60%; } [data-wv-res-id] [id*="merge_"] { padding-left: 30px; padding-right: 30px; } } @media all and (min-width: 992px){ /* 2021.12.23 ymg - 위븐 게시판 블록 공통부분 */ [data-wv-res-id] .block_bbs_search_style_000_wrap { margin-bottom: 60px; } [data-wv-res-id] .block_bbs_search_style_000_wrap > div { max-width: 1200px; padding-left: 60px; padding-right: 60px; } [data-wv-res-id] .block_bbs_search_style_000_wrap .block_bbs_search_contents_con { margin-top: 3px; } [data-wv-os="Windows"] [data-wv-res-id] .block_bbs_search_style_000_wrap .block_bbs_search_contents_con { margin-top: 0px; } [data-wv-res-id] .block_bbs_search_style_000_wrap .block_bbs_search_contents_con .block_bbs_search_input_wrap { width: 208px; max-width: 208px; } [data-wv-res-id] .block_bbs_search_style_000_wrap .block_bbs_total_count_con{margin-bottom: 0; } [data-wv-os="Windows"] [data-wv-res-id] .block_bbs_search_style_000_wrap .block_bbs_total_count_con{margin-top: -3px; } [data-wv-res-id] .block_bbs_search_style_001_wrap > div { padding-left: 60px; padding-right: 60px; } [data-wv-res-id] .block_bbs_search_style_001_wrap{margin-bottom: 70px;} [data-wv-res-id] .block_bbs_search_style_001_wrap .block_bbs_search_style_001_con{padding: 9px 30px;} [data-wv-res-id] .block_bbs_search_style_001_wrap .block_bbs_total_count_con{margin-bottom: 34px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; } [data-wv-res-id] .block_bbs_search_style_001_wrap .block_bbs_search_select_wrap .block_bbs_search_select > li > a{font-size:15px; font-size:1.5rem; line-height:25px; line-height:2.5rem; } [data-wv-res-id] .block_bbs_search_style_001_wrap .block_bbs_search_select_wrap .block_bbs_search_select > li > a:hover{font-weight: 500;} [data-wv-res-id] .button_container li.btn_singlePage:hover { background-color: rgb(0, 0, 0); } [data-wv-res-id] .read_more_btn_style_000_wrap > a { /* width: 44px; height: 44px; */ margin-top: -36px; } [data-wv-res-id] .read_more_btn_style_001_wrap > a { width: 44px; height: 44px; } [data-wv-res-id] .block_bbs_view_style_000_con.view{ max-width: 1200px; float: none; clear: both; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px; overflow: hidden; } [data-wv-res-id] .block_bbs_view_style_000_con .block_bbs_post_title{max-width: 560px; } [data-wv-res-id] .block_bbs_view_style_000_con .block_bbs_content_wrap{ min-height:130px;} [data-wv-res-id] .block_bbs_view_style_000_con .block_bbs_post_button_con{margin-top: 70px;} /* [data-wv-res-id] .block_bbs_view_style_000_con .block_bbs_post_button:hover::after{ width: 10px;} */ [data-wv-os="Windows"] [data-wv-res-id] .block_bbs_view_style_000_con .block_bbs_post_info > ul > li::after { top: 7px; height: calc(100% - 15px); } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_list_con .comment_list .comment_header { align-items: center; margin-bottom: 10px;} [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_write_con .bbs_comment_write_box { max-width:calc(100% - 120px); } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .comment_textarea { font-size:15px; font-size:1.5rem; line-height:26px; line-height:2.6rem; padding: 12px 22px; } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .comment_textarea::-webkit-input-placeholder { font-size:15px; font-size:1.5rem; line-height:26px; line-height:2.6rem; } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_insert_btn { width: 120px; padding: 0px 30px 0px 34px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_insert_btn.comment_update_btn { padding: 0px 33px 0px 35px; } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_list_con .comment_list:not(.removed) .comment_title { width: auto; margin-top: 0; } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_list_con .comment_list:not(.removed) .comment_title .comment_name { margin-bottom: 0; } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_list_con .comment_list .comment_title .comment_date { padding-left: 13px; margin-left: 13px; } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_list_con .comment_list .comment_title .comment_date::before { content: ''; } /* ymg - co2network 게시판 상세 타입 */ [data-wv-res-id] .block_bbs_view_style_001_con.view .block_bbs_post_button_con { margin-bottom: 200px; } [data-wv-res-id] .block_bbs_view_style_001_con.view .block_bbs_post_button_con .block_bbs_post_button > span { padding: 11px 16px; } [data-wv-res-id] .block_bbs_view_style_001_con.view .block_bbs_view_style_1 .block_bbs_content_wrap .block_bbs_con .block_bbs_text_con { margin-bottom: 96px; } [data-wv-res-id] [id*="merge_"] {padding-left: 60px; padding-right: 60px;} [data-wv-res-id] [id*="merge_"] h4.block_bbs_section_title { font-size:38px; font-size:3.8rem; line-height:46px; line-height:4.6rem; margin-bottom: 45px; } [data-wv-res-id] [id*="merge_"] .block_bbs_section_desc { margin-bottom: 31px;} /* [data-wv-res-id] [id*="merge_"] .block_bbs_panel_body{margin-bottom: -12px; padding-top: 12px;} */ [data-wv-res-id] [id*="merge_"] .block_bbs_form_style_0{ margin-bottom: 10px; } [data-wv-res-id] [id*="merge_"] .block_bbs_form_style_0 .block_bbs_form_title_con{ width : 120px !important; padding-top: 21px !important; margin-bottom: 0 !important; } /* [data-wv-res-id] [id*="merge_"] .block_bbs_form_style_0 .block_bbs_form_title{font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; } */ [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_style_0_con input[type="text"], [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_style_0_con input[type="password"], [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_style_0_con input[type="number"]{font-size:17px; font-size:1.7rem;} [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_style_0_con input[type="number"].color_input{font-size:12px; font-size:1.2rem;} [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_form_input_style_0_con:not([data-wv-default-field="editor"]){ padding-left: 25px; } /*[data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap textarea{font-size:17px; font-size:1.7rem;}*/ [data-wv-res-id] [id*="merge_"] .block_bbs_form_style_0 .block_bbs_form_input_wrap{ width : calc(100% - 120px) !important; /* padding-left: 30px; */ } [data-wv-res-id] [id*="merge_"] .block_bbs_form_style_0 .block_bbs_form_input_wrap [data-wv-default-field="editor"] { padding-top: 10px; padding-bottom: 10px; } [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_textarea_style_0_con{padding-top: 14px; padding-bottom: 14px;} [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_textarea_style_0_con.editor { padding-top: 0; padding-bottom: 0; } [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_file_button { padding: 22px 30px 0 30px; } [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .block_bbs_radio_btn_style_0_wrap .block_bbs_radio_btn_style_0 + label{font-size:17px; font-size:1.7rem;} /* (not_mobile_vertical : 모바일에서도 세로 정렬로 떨어지지 않는 항목 ex.공지글여부 체크박스) */ [data-wv-res-id] [id*="merge_"] .block_bbs_form_style_0.not_mobile_vertical{ margin-top: 0; } [data-wv-res-id] [id*="merge_"] .block_bbs_form_style_0.not_mobile_vertical .block_bbs_form_title_con{ padding-right: 0; } [data-wv-res-id] [id*="merge_"] .block_bbs_panel_util { margin-top: 64px; } /* [data-wv-res-id] [id*="merge_"] .block_bbs_panel_util a { margin-right: 9px; width: 138px; padding: 12px 0 10px; border-radius: 4px; font-size:18px; font-size:1.8rem; line-height:25px; line-height:2.5rem; letter-spacing: -0.0em; } */ /* [data-wv-res-id] [id*="merge_"] .block_bbs_panel_util a:hover::after{width: 10px;} */ [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .selected_item_con .selected_item{width: calc(100% - 30px);} [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .selected_item_con .block_bbs_form_select_style_0_con{left: -20px;} [data-wv-res-id] [id*="merge_"] .block_bbs_form_input_wrap .selected_item_con .block_bbs_form_select_style_0_con > ul > li > a:hover{background-color: #fcfafd; font-weight: 500;} } @media all and (min-width: 1200px) { /* 2021.12.23 ymg - 위븐 게시판 블록 공통부분 */ [data-wv-res-id] .block_bbs_search_style_000_wrap .block_bbs_total_count_con{ font-size:1.7rem; line-height:23px; } [data-wv-res-id] .block_bbs_search_style_000_wrap > div{max-width: 1200px; padding-left: 15px; padding-right: 15px;} [data-wv-res-id] .block_bbs_search_style_000_wrap .block_bbs_search_select_wrap .block_bbs_search_select > li:hover > a{color: rgba(255, 255, 255, 1);} [data-wv-res-id] .block_bbs_search_style_001_wrap > div { padding-left: 15px; padding-right: 15px; } [data-wv-res-id] .block_bbs_search_style_001_wrap .block_bbs_search_input_wrap .block_bbs_search_icon:hover { background-color: rgb(0, 0, 0); } [data-wv-res-id] .block_bbs_search_style_001_wrap .block_bbs_search_input_wrap .block_bbs_search_icon:hover > svg{fill: #fff;} [data-wv-res-id] .block_bbs_view_style_000_con.view{ max-width: 1200px; float: none; clear: both; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; overflow: hidden; } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_write_con .bbs_comment_insert_btn_con:hover { background-color: #000; } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_write_con .bbs_comment_insert_btn_con:hover .bbs_comment_insert_btn { color: #fff; } [data-wv-res-id] .block_bbs_view_style_000_con .bbs_comment_wrap .bbs_comment_list_con .comment_list .comment_util_con .comment_util_btn:hover { background-color: #000; color: #fff; } /*hsj*/ [data-wv-res-id] .block_bbs_view_style_001_con.view .block_bbs_view_style_1 .block_bbs_title_line { padding-top: 77px; padding-bottom: 106px; margin-bottom: 101px; } [data-wv-res-id] .block_bbs_view_style_001_con.view .block_bbs_view_style_1 .block_bbs_title_line .block_bbs_post_textbox .block_bbs_post_title { font-size:50px; font-size:5.0rem; line-height:65px; line-height:6.5rem; } [data-wv-res-id] .block_bbs_view_style_001_con.view .block_bbs_view_style_1 .block_bbs_title_line .block_bbs_post_textbox .block_bbs_post_category { font-size:23px; font-size:2.3rem; margin-bottom: 18px; } [data-wv-res-id] .block_bbs_view_style_001_con.view .block_bbs_view_style_1 .block_bbs_content_wrap .block_bbs_con { display: inline-block; max-width: 960px; } [data-wv-res-id] .block_bbs_view_style_001_con.view .block_bbs_view_style_1 .block_bbs_content_wrap .block_bbs_info { display: inline-block; float: right; padding-left: 31px; border-left: 1px solid #c1cbd2; } [data-wv-res-id] .block_bbs_view_style_001_con.view .block_bbs_view_style_1 .block_bbs_content_wrap .block_bbs_info .block_bbs_post_info { padding-bottom: 0px; margin-bottom: 0px; border-bottom: none; } [data-wv-res-id] .block_bbs_view_style_001_con.view .block_bbs_view_style_1 .block_bbs_content_wrap .block_bbs_info .block_bbs_post_info .label { font-size:13px; font-size:1.3rem; line-height:19px; line-height:1.9rem;} [data-wv-res-id] [id*="merge_"] { padding-left: 15px; padding-right: 15px; } } @media all and (min-width: 1600px) { /* 2021.12.23 ymg - 위븐 게시판 블록 공통부분 */ [data-wv-res-id] .block_bbs_view_style_000_con.view{ max-width: 1200px; float: none; clear: both; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; overflow: hidden; } [data-wv-res-id] [id*="merge_"] { padding-left: 15px; padding-right: 15px; } } /* 2025.02.12 hjd - 에디트모드에서는 내부 버튼 이벤트를 막는다. */ [data-wv-design-mode="expert"] [data-wv-layout-element-type="bbs"] [data-wv-type="filter"], [data-wv-design-mode="expert"] [data-wv-layout-element-type="bbs"] [data-wv-type="list"] { pointer-events: none; } /* --- css__2__block.style.css --- */ @charset "utf-8"; /* 전체 테마 공통폰트 및 스타일 */ *{ -webkit-tap-highlight-color: rgba(255,255,255,0); } html{scroll-behavior: smooth;} /*원하는 위치로 이동 시킬 수 없음*/ body{-webkit-text-size-adjust:none; scroll-behavior: smooth;} @-webkit-keyframes autofill { to { color: #000; /*background: transparent;*/ } } input:-webkit-autofill { -webkit-animation-name: autofill; -webkit-animation-fill-mode: both; } input[type=text]::-ms-clear{display: none;} [data-wv-layout-element="block"]{z-index: 2;} [data-wv-design-mode="board"] [data-wv-layout-element="block"]{float:none!important;} [data-wv-inc^="header"],[data-wv-inc^="header_ai"]{position: absolute; z-index: 30;} [data-wv-inc^="footer"],[data-wv-inc^="footer_ai"]{/*z-index: 20;*/ z-index: 1;} [data-wv-ai-fail-block] { height: 400px; } [data-wv-ai-fail-block]:empty::after, [data-wv-ai-fail-block] > [data-wv-layout-element="block_inner"]:empty::after, body.analyze_complete [data-wv-ai-fail-block]::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 400px; display: flex; align-items: center; justify-content: center; background-color: #f5fafe; background-image: url("https://cdn.zaemit.ai/_vfs/onekorea/b6f725e0e4a9600781c7a39a0d451c4b.png"); background-size: 381px 288px; background-position: center center; background-repeat: no-repeat; } /* 21/07/30 hsj 추가 - block_inner 제거 안할 시 필요한 코드 */ /*[data-wv-layout-element="block_inner"]{ position: relative; float:left; width:100%; height:100%; box-sizing: border-box;} [data-wv-layout-element="block_inner"].wveditor_table{overflow: visible;}*/ /* 21/03/15 jm 추가 */ [data-wv-layout-element="block"][data-wv-layout-element-type="image"]:not([data-wv-logo]) img{width: 100%;} [data-wv-layout-element="block"][data-wv-layout-element-type="image"][data-wv-logo] { text-align: center; } [data-wv-layout-element="block"][data-wv-layout-element-type="image"] picture { display: inline-block; } /* 21/03/17 hsj 추가 */ [data-wv-layout-element="layout"] {position: relative; float: left; width:100%; box-sizing: border-box;} [data-wv-layout-element="block"][onclick] {cursor:pointer !important;} [data-wv-layout-element="block"][onclick] > [data-wv-layout-element="block_inner"] {cursor:pointer !important;} /* 21/06/01 hsj 추가 */ [data-wv-layout-element="block"][data-wv-layout-element-type="video"][data-wv-layout-element-param] {cursor:pointer;} /* 22/01/05 hsj 추가 */ /*[data-wv-layout-element="block"][data-wv-layout-element-type="map"]{min-width: 450px;}*/ /* 21/04/07 jm 추가 */ /*[data-wv-logo] img{width: auto; max-height: 100%;}*/ /* 21/06/04 hsj 추가 */ /*[data-wv-layout-element="block"][data-wv-logo] img{width: auto;}*/ /* 21/06/02 hsj 추가 */ [data-wv-layout-element="block"].hide {display: none;} [data-wv-hidden-area].hide {display: none;} /* 21/05/05 hsj 추가 */ [data-wv-util-menu="member"].hide {display: none;} /* 22/09/29 ymg - 표 블록 스크롤바 */ [data-wv-layout-element-type="table"]::-webkit-scrollbar { height: 6px; background: rgb(235, 235, 235);} [data-wv-layout-element-type="table"]::-webkit-scrollbar-thumb{background: rgb(171, 171, 171); } [data-wv-layout-element-type="table"]::-webkit-scrollbar-thumb:hover{background: rgb(85, 85, 85); } [data-wv-layout-element-type="table"] div::-webkit-scrollbar { height: 6px; background: rgb(235, 235, 235);} [data-wv-layout-element-type="table"] div::-webkit-scrollbar-thumb{background: rgb(171, 171, 171); } [data-wv-layout-element-type="table"] div::-webkit-scrollbar-thumb:hover{background: rgb(85, 85, 85); } [data-wv-layout-element-type="text,table"]::-webkit-scrollbar { height: 6px; background: rgb(235, 235, 235);} [data-wv-layout-element-type="text,table"]::-webkit-scrollbar-thumb{background: rgb(171, 171, 171); } [data-wv-layout-element-type="text,table"]::-webkit-scrollbar-thumb:hover{background: rgb(85, 85, 85); } [data-wv-layout-element-type="text,table"] div::-webkit-scrollbar { height: 6px; background: rgb(235, 235, 235);} [data-wv-layout-element-type="text,table"] div::-webkit-scrollbar-thumb{background: rgb(171, 171, 171); } [data-wv-layout-element-type="text,table"] div::-webkit-scrollbar-thumb:hover{background: rgb(85, 85, 85); } [data-wv-layout-element="block"] .wveditor_table_wrap::-webkit-scrollbar { height: 6px; background: rgb(235, 235, 235);} [data-wv-layout-element="block"] .wveditor_table_wrap::-webkit-scrollbar-thumb{background: rgb(171, 171, 171); } [data-wv-layout-element="block"] .wveditor_table_wrap::-webkit-scrollbar-thumb:hover{background: rgb(85, 85, 85); } .wrapper{display: flex; flex-wrap: wrap; flex-direction: column; width: 100%; overflow: hidden;} .wrapper [data-wv-layout-element="skin-page"]{flex:1 0 auto;} /* 21/11/15 ymg - *에 글자속성 적용하는 css 주석처리 */ .font_roboto{font-family:"Roboto"; letter-spacing: 0.0em;} /*.font_roboto *{font-family:"Roboto"; letter-spacing: 0.0em;}*/ .font_playfair{font-family: 'Playfair Display';} /*.font_playfair *{font-family: 'Playfair Display';}*/ .font_gongGothic{font-family: 'GongGothic';} /*.font_gongGothic *{font-family: 'GongGothic';}*/ .font_gmarket {font-family: 'GmarketSans';} /*.font_gmarket *{font-family: 'GmarketSans';}*/ .font_nanumMyeongjo {font-family: 'NanumMyeongjo';} /*.font_nanumMyeongjo *{font-family: 'NanumMyeongjo';}*/ .font_Pretendard {font-family: 'Pretendard';} .fontweight300{font-weight: 300 !important;} /*200305 min - Light fw 적용을 위해 important를 추가한 클래스 정의*/ .fontweight400{font-weight: 400 !important;} /* 190603 폰트가이드 업데이트 */ .fontweight500{font-weight: 500 !important;} /* 190403 폰트가이드 업데이트 */ .fontweight700{font-weight: 700 !important;} /* 190613 폰트가이드 업데이트 */ /* default point color - #5c8698 */ .point0{color:#5c8698 !important;} .point0 > *{color:#5c8698 !important;} .bg_point0{background-color:#5c8698 !important;} .svg_point0{fill:#5c8698 !important;} .stroke_point0{stroke:#5c8698 !important;} .border_point0{border-color:#5c8698 !important;} .before_point0::before{color:#5c8698 !important;} .before_bg_point0::before{background-color:#5c8698 !important;} input:checked + label.checked_before_bg_point0::before{background-color: #5c8698 !important;} .after_point0::after{color:#5c8698 !important;} .after_bg_point0::after{background-color:#5c8698 !important;} /* 햄버거 메뉴 아이콘 */ /* menu_icon_style_0_con */ .menu_icon_style_0_con{font-size: 0; line-height: 0;} .menu_icon_style_0{display:inline-block; width:25px; height:16px; position: relative; overflow: hidden;} .menu_icon_style_0 span{width:25px; height:2px; background-color:#000; position: absolute; top:50%; left:0; margin-top:-1px;} .menu_icon_style_0::before{content:""; position: absolute; top:0px; left:0; width:25px; height:2px; background-color:#000;} .menu_icon_style_0::after{content:""; position: absolute; bottom:0px; left:0; width:25px; height:2px; background-color:#000;} .reverse .menu_icon_style_0 span{background-color:#fff;} .reverse .menu_icon_style_0::before{background-color:#fff;} .reverse .menu_icon_style_0::after{background-color:#fff;} .menu_icon_style_0.type_2 span{width: 18px;} .menu_icon_style_0.type_2::before{} .menu_icon_style_0.type_2::after{} .menu_icon_style_0.type_3 span{} .menu_icon_style_0.type_3::before{width: 19px;} .menu_icon_style_0.type_3::after{width: 15px;} .menu_icon_style_0::before{ -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-delay: 0.0s; transition-delay: 0.0s; -webkit-transition-timing-function : ease-out; transition-timing-function : ease-out; -webkit-transition-property: width; transition-property: width; } .menu_icon_style_0 span{ -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-delay: 0.0s; transition-delay: 0.0s; -webkit-transition-timing-function : ease-out; transition-timing-function : ease-out; -webkit-transition-property: width; transition-property: width; } .menu_icon_style_0::after{ -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-delay: 0.02s; transition-delay: 0.02s; -webkit-transition-timing-function : ease-out; transition-timing-function : ease-out; -webkit-transition-property: width; transition-property: width; } /* menu_icon_style_1_con */ .menu_icon_style_1_con{font-size: 0; line-height: 0;} .menu_icon_style_1{display:inline-block; width:24px; height:12px; position: relative; overflow: hidden;} .menu_icon_style_1 span{width:24px; height:2px; background-color:#000; position: absolute; bottom:0; left:0;} .menu_icon_style_1::before{content:""; position: absolute; top:0px; left:0; width:25px; height:2px; background-color:#000;} .reverse .menu_icon_style_1 span{background-color:#fff;} .reverse .menu_icon_style_1::before{background-color:#fff;} .menu_icon_style_1.type_2 span{width: 18px;} .menu_icon_style_1::before{ -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-delay: 0.0s; transition-delay: 0.0s; -webkit-transition-timing-function : ease-out; transition-timing-function : ease-out; -webkit-transition-property: width; transition-property: width; } .menu_icon_style_1 span{ -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-delay: 0.0s; transition-delay: 0.0s; -webkit-transition-timing-function : ease-out; transition-timing-function : ease-out; -webkit-transition-property: width; transition-property: width; } .menu_icon_style_1::after { -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-delay: 0.02s; transition-delay: 0.02s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-property: width; transition-property: width; } /*200420 min - 새로운 폰트 가이드 정의*/ /*font_style_15*/ .font_style_15{font-size: 15px; font-size: 1.5rem; line-height: 25px; line-height: 2.5rem; font-weight: 300; letter-spacing: -0.0em; color: #000; word-break: keep-all; word-wrap:break-word;} /*font_style_17*/ .font_style_17{font-size: 17px; font-size: 1.7rem; line-height: 28px; line-height: 2.8rem; font-weight: 300; letter-spacing: -0.0em; color: #000; word-break: keep-all; word-wrap:break-word;} .font_style_17.font_roboto{font-weight: 400;} .font_style_17 .font_roboto{font-weight: 400;} /*font_style_19 -> 20.06.25 폰트 스타일 변경 : font-size, line-height*/ .font_style_19{font-size: 17px; font-size: 1.7rem; line-height: 30px; line-height: 3.0rem; font-weight: 300; letter-spacing: -0.0em; color: #000; word-break: keep-all; word-wrap:break-word;} /*font_style_20 -> 20.06.25 폰트 스타일 변경 : font-size, line-height*/ .font_style_20{font-size: 19px; font-size: 1.9rem; line-height: 30px; line-height: 3.0rem; font-weight: 500; letter-spacing: -0.02em; color: #000; word-break: keep-all; word-wrap:break-word;} .font_style_20.font_roboto{letter-spacing: -0.0em;} .font_style_20 .font_roboto{letter-spacing: -0.0em;} /*font_style_25 -> 20.06.25 폰트 스타일 변경 : font-size, line-height*/ .font_style_25{font-size: 23px; font-size: 2.3rem; line-height: 35px; line-height: 3.5rem; font-weight: 500; letter-spacing: -0.02em; color: #000; word-break: keep-all; word-wrap:break-word;} .font_style_25.font_roboto{letter-spacing: -0.0em;} /*font_style_35 -> 20.06.25 폰트 스타일 변경 : font-size, line-height*/ .font_style_35{font-size: 28px; font-size: 2.8rem; line-height: 42px; line-height: 4.2rem; font-weight: 700; letter-spacing: -0.04em; color: #000; word-break: keep-all; word-wrap:break-word;} .font_style_35.font_roboto{letter-spacing: -0.0em;} .font_style_35 .font_roboto{letter-spacing: -0.0em;} /*font_style_46 -> 20.06.25 폰트 스타일 변경 : font-size, line-height*/ .font_style_46{font-size: 33px; font-size: 3.3rem; line-height: 50px; line-height: 5.0rem; font-weight: 500; letter-spacing: -0.04em; color: #000; word-break: keep-all; word-wrap:break-word;} .font_style_46.font_roboto{letter-spacing: -0.0em;} .font_style_46 .font_roboto{letter-spacing: -0.0em;} /*font_style_60 -> 20.06.25 폰트 스타일 변경 : font-size, line-height*/ .font_style_60{font-size: 42px; font-size: 4.2rem; line-height: 62px; line-height: 6.2rem; font-weight: 500; letter-spacing: -0.06em; color: #000; word-break: keep-all; word-wrap:break-word;} .font_style_60.font_roboto{font-weight: 400; letter-spacing: -0.0em;} .font_style_60 .font_roboto{font-weight: 400; letter-spacing: -0.0em;} /* move_to_top_con */ .move_to_top_btn_con{font-size: 0;} .move_to_top_btn_con .move_to_top_btn{overflow: hidden; display: inline-block;} .move_to_top_btn_con .text{position:relative; overflow: hidden; width: 74px; height: 15px; text-align: left; opacity: 0; padding-top: 1px; font-size:10px; font-size:1.0rem; line-height:16px; line-height:1.6rem; letter-spacing: 0.05em !important; font-weight: 400; color:#000;} .move_to_top_btn_con .text > span{position: absolute; width: 74px; height: 15px; text-align: left;} .move_to_top_btn_con.hover_type_0 .text{width: 0px; transition: width 0.3s ease, margin-left 0.25s ease, opacity 0.2s ease;} .move_to_top_btn_con.hover_type_1 .text{height: 15px; margin-top: 10px; transition: height 0.25s ease , margin-top 0.25s ease, opacity 0.15s ease;} .move_to_top_btn_con.hover_type_0 span{display: inline-block; vertical-align: middle;} .move_to_top_btn_con.hover_type_1 span{display: block;} /*21.06.07 - ymg 게시판 블럭 merge의 editor 관련 css*/ [data-wv-res-id] [id*="merge_"] .toolset_wrap input[type="text"].option_input_style_0 { width: auto; height: auto; font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; padding-top: 5px; padding-bottom: 2px; padding-left: 10px; color: #707f96; border: 1px solid #e4ebf5; -webkit-border-radius: 0; -webkit-appearance: none;} [data-wv-res-id] [id*="merge_"] .toolset_wrap input[type="text"].label { height: auto; font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; border: none; padding: 0; color: #707f96; } [data-wv-res-id] [id*="merge_"] .toolset_wrap .option input[type="text"].color_code_input { height: auto; width: 132px; font-size:13px; font-size:1.3rem; line-height:19px; line-height:1.9rem; color: #707f96; border: 1px solid #e4ebf5; padding: 3px 10px;} [data-wv-res-id] [id*="merge_"] .toolset_wrap [data-wv-toolset="ToolTextLink"] [data-wv-tool-btn="ToolBtnTextLink"][data-wv-tool-btn-prop="page"]{display: none;} [data-wv-res-id] [id*="merge_"] .toolset_wrap .toolset_bottom_con .toolset_box .tool_separation:last-child { display: none; } [data-wv-res-id] .video-bg-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none; z-index: -1; } [data-wv-res-id] .video-bg-wrap .video-bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } /* 딤 */ /* v1 */ [data-wv-background-dim] { position: absolute; pointer-events: none; z-index: -1; } /* v2 */ [data-wv-design-mode="expert"] [data-wv-bgdim] { position: absolute; pointer-events: none; z-index: -1;} body:not([data-wv-design-mode="expert"]) [data-wv-bgdim] { position: absolute; pointer-events: none; z-index: -1; width: 100%!important; height: 100%!important; top:0!important; left: 0!important;} /* 쇼핑몰 상품리스트, 상품리뷰 블록 및 최근게시물 css */ /* 레이아웃 */ [data-wv-layout-element-type="shop_BBS_recent"] [data-wv-type="list"] [data-wv-template] {cursor: pointer;} [data-wv-layout-element-type="shop_review"] [data-wv-type="list"] [data-wv-template] {cursor: pointer;} [data-wv-layout-element-type="shop_list"] [data-wv-type="list"] [data-wv-template] {cursor: pointer;} [data-wv-layout-element-type="shop_list"] [data-wv-type="list"] [data-wv-template-extra] {cursor: pointer;} [data-wv-layout-element-type="shop_list"]:not([data-wv-list-gallery]) [data-wv-type="list"] [data-wv-template-parent]:not(.swiper-wrapper) {display: flex; flex-wrap: wrap; align-items: stretch;} [data-wv-layout-element-type="shop_review"] [data-wv-type="list"] [data-wv-template-parent] {display: flex; flex-wrap: wrap; align-items: stretch;} /* [data-wv-layout-element-type="shop_list"] [data-wv-type="list"] [data-wv-template] > [data-wv-layout-element="block"] {height: 100%;} [data-wv-layout-element-type="shop_review"] [data-wv-type="list"] [data-wv-template] > [data-wv-layout-element="block"]:not([data-wv-shop]) {height: 100%;} [data-wv-layout-element-type="shop_list"] [data-wv-type="list"] [data-wv-template] > [data-wv-layout-element="block_inner"] > [data-wv-layout-element="block"] {height: 100%;} [data-wv-layout-element-type="shop_review"] [data-wv-type="list"] [data-wv-template] > [data-wv-layout-element="block_inner"] > [data-wv-layout-element="block"]:not([data-wv-shop]) {height: 100%;} */ /* 뱃지 */ /* 전버전 */ [data-wv-layout-element-type="shop_list"] .badge_box {position: absolute; left: 0; top: 0; z-index: 4;} [data-wv-layout-element-type="shop_list"] .badge {display: none; width: 51px; height: 23px; padding: 3px 6px; box-sizing: border-box; float: left; font-size: 11px; font-size: 1.1rem; line-height: 18px; line-height: 1.8rem; font-weight: 400; color: #fff; text-align: center;} [data-wv-layout-element-type="shop_list"] .new { background-color: #03d2cb;} [data-wv-layout-element-type="shop_list"] .sale { background-color: #5186f2;} [data-wv-layout-element-type="shop_list"] .timesale { background-color: #9d74e8;} [data-wv-layout-element-type="shop_list"] .best { background-color: #dd7fca;} [data-wv-layout-element-type="shop_list"] .mdrec { background-color: #2eb9e6;} /* 신버전 */ [data-wv-layout-element-type="shop_list"] [data-wv-shop="product_badge"] {display: none;} /* 페이징 */ [data-wv-layout-element-type="shop_list"] .paging {padding: 20px 0px;} [data-wv-crud="shop"] .nodata { float: left; width: 100%; font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; font-weight: 300; padding-top: 30px; padding-bottom: 30px; color: #bebdcc; } [data-wv-crud="shop"] .nodata > svg{ width: 47px; height: 47px; fill: #dedde5; margin-left: 4px;} [data-wv-crud="shop"] .nodata > div{margin-top: 12px;} [data-wv-layout-element-type="shop_list"] [data-wv-res-id] .button_container li.btn_singlePage { z-index: 0; text-indent: -10000px; width: 25px; height: 25px; border-radius: 50%; background-color: rgb(244, 247, 249); margin-right: 3px; margin-left: 3px;} [data-wv-layout-element-type="shop_list"] [data-wv-res-id] .button_container li.btn_singlePage:hover { background-color: rgb(220 238 245);} [data-wv-layout-element-type="shop_list"] [data-wv-res-id] .button_container li { position: relative; display: inline-block; text-align: center; cursor: pointer; width: 28px; height: 28px; box-sizing: border-box; transition: all 0.3s ease 0s; font-family: Roboto; } [data-wv-layout-element-type="shop_list"] [data-wv-res-id] .button_container li.btn_singlePage.btn_prevPage { margin-right: 29px; } [data-wv-layout-element-type="shop_list"] [data-wv-res-id] .button_container li.btn_singlePage.btn_nextPage { margin-left: 29px; } [data-wv-layout-element-type="shop_list"] [data-wv-res-id] .button_container li.btn_singlePage:after {display: none;} [data-wv-layout-element-type="shop_review"] .paging {padding: 20px 0px;} [data-wv-crud="shop"] .nodata { float: left; width: 100%; font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; font-weight: 300; padding-top: 30px; padding-bottom: 30px; color: #bebdcc; } [data-wv-crud="shop"] .nodata > svg{ width: 47px; height: 47px; fill: #dedde5; margin-left: 4px;} [data-wv-crud="shop"] .nodata > div{margin-top: 12px;} [data-wv-layout-element-type="shop_review"] [data-wv-res-id] .button_container li.btn_singlePage { z-index: 0; text-indent: -10000px; width: 25px; height: 25px; border-radius: 50%; background-color: rgb(244, 247, 249); margin-right: 3px; margin-left: 3px;} [data-wv-layout-element-type="shop_review"] [data-wv-res-id] .button_container li.btn_singlePage:hover { background-color: rgb(220 238 245);} [data-wv-layout-element-type="shop_review"] [data-wv-res-id] .button_container li { position: relative; display: inline-block; text-align: center; cursor: pointer; width: 28px; height: 28px; box-sizing: border-box; transition: all 0.3s ease 0s; font-family: Roboto; } [data-wv-layout-element-type="shop_review"] [data-wv-res-id] .button_container li.btn_singlePage.btn_prevPage { margin-right: 29px; } [data-wv-layout-element-type="shop_review"] [data-wv-res-id] .button_container li.btn_singlePage.btn_nextPage { margin-left: 29px; } [data-wv-layout-element-type="shop_review"] [data-wv-res-id] .button_container li.btn_singlePage:after {display: none;} /* 데이터 */ [data-wv-shop="img_path"] > [data-wv-layout-element="block_inner"] {position: absolute; top: 0;} [data-wv-shop="img_path"] {background-repeat: no-repeat; background-position: center; background-size: cover; padding-top: 100%;} [data-wv-shop="img_path"][img="S"] {background-repeat: no-repeat; background-position: center; background-size: cover; padding-top: 100% !important;} [data-wv-shop="img_path"][img="V"] {background-repeat: no-repeat; background-position: center; background-size: cover; padding-top: 120% !important;} [data-wv-shop="img_path"][img="H"] {background-repeat: no-repeat; background-position: center; background-size: cover; padding-top: 80% !important;} [data-wv-shop="img_path_bg"] {background-repeat: no-repeat; background-position: center; background-size: cover;} [data-wv-shop="info_brand_name"] {white-space: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; height: auto; margin-left: auto; margin-right: auto;} [data-wv-shop="product_name"] {white-space: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; height: auto; margin-left: auto; margin-right: auto; word-wrap: initial; word-break: break-all;} [data-wv-shop="product_desc"] {white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: auto; margin-left: auto; margin-right: auto; word-wrap: initial; word-break: break-all;} [data-wv-shop="title"] {white-space: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; height: auto; margin-left: auto; margin-right: auto; word-wrap: initial; word-break: break-all;} [data-wv-shop="content"] {white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: auto; margin-left: auto; margin-right: auto; word-wrap: initial; word-break: break-all;} /* 별점 */ [data-wv-shop="review_score"] .star.off svg{fill: #e2d7d7!important; stroke: #e2d7d7!important;} /* 품절 */ [data-wv-layout-element-type="shop_list"] [data-wv-type="list"] [data-wv-template] .sold_out_box {display: none;} [data-wv-layout-element-type="shop_list"] [data-wv-type="list"] [data-wv-template] .sold_out .sold_out_box { display: flex; justify-content: center; align-items: center; position: absolute; z-index: 3; width: 100%; height: 100%; top: 0; left: 0; align-items: center; justify-content: center; background-color: rgba(0,0,0,0.15);} [data-wv-layout-element-type="shop_list"] [data-wv-type="list"] [data-wv-template] .sold_out .sold_out_box > span { font-size: 18px; font-size: 1.8rem; font-weight: 500; letter-spacing: 0.06em; color: #fff; text-align: center;} [data-wv-layout-element-type="shop_list"] [data-wv-type="list"] [data-wv-template-extra] .sold_out_box {display: none;} [data-wv-layout-element-type="shop_list"] [data-wv-type="list"] [data-wv-template-extra] .sold_out > [data-wv-layout-element="block_inner"] {position: absolute; top: 0;} [data-wv-layout-element-type="shop_list"] [data-wv-type="list"] [data-wv-template-extra] .sold_out .sold_out_box { display: flex; justify-content: center; align-items: center; position: absolute; z-index: 3; width: 100%; height: 100%; top: 0; left: 0; align-items: center; justify-content: center; background-color: rgba(0,0,0,0.15);} [data-wv-layout-element-type="shop_list"] [data-wv-type="list"] [data-wv-template-extra] .sold_out .sold_out_box > span { font-size: 18px; font-size: 1.8rem; font-weight: 500; letter-spacing: 0.06em; color: #fff; text-align: center;} /* 스와이퍼 */ [data-wv-layout-element-type="shop_list"] .shop_swiper {overflow: hidden;} [data-wv-layout-element-type="shop_list"] .swiper-control {width: max-content; max-width: none; float: left; clear: both; overflow: hidden; left: 50%; transform: translateX(-50%); z-index: 1;} [data-wv-layout-element-type="shop_list"] .swiper-pagination {position: relative; display: inline-block; vertical-align: middle; font-size: 0px; line-height: 0;} [data-wv-layout-element-type="shop_list"] .swiper-pagination-bullet {display: inline-block; width: 7px; height: 7px; background-color: rgb(0, 0, 0); opacity: 0.12; border-radius: 50%; margin-right: 12px; box-sizing: border-box; cursor: pointer; transition: all 0.2s ease 0s; outline: none;} [data-wv-layout-element-type="shop_list"] .swiper-pagination-bullet:last-child {margin-right: 0px;} [data-wv-layout-element-type="shop_list"] .swiper-pagination-bullet-active {opacity: 1!important;} [data-wv-layout-element-type="shop_list"] .swiper-button-prev:hover {opacity: 1;} [data-wv-layout-element-type="shop_list"] .swiper-button-next:hover {opacity: 1;} [data-wv-layout-element-type="shop_list"] .swiper-button-prev {opacity: 0.4; cursor: pointer; z-index: 3; padding: 5px;} [data-wv-layout-element-type="shop_list"] .swiper-button-next {opacity: 0.4; cursor: pointer; z-index: 3; padding: 5px; float: right; } [data-wv-layout-element-type="shop_list"] .swiper-button-prev-svg.center { width: 40px; height: 40px; border-radius: 50%; background-color: rgb(0, 0, 0);} [data-wv-layout-element-type="shop_list"] .swiper-button-next-svg.center { width: 40px; height: 40px; border-radius: 50%; background-color: rgb(0, 0, 0);} [data-wv-layout-element-type="shop_list"] .swiper-button-prev-svg.bottom { width: 25px; fill: rgb(0, 0, 0); max-width: none;} [data-wv-layout-element-type="shop_list"] .swiper-button-next-svg.bottom { width: 25px; fill: rgb(0, 0, 0); max-width: none;} [data-wv-layout-element-type="shop_list"] .swiper-button-prev-svg { width: 25px; fill: rgb(0, 0, 0); max-width: none;} [data-wv-layout-element-type="shop_list"] .swiper-button-next-svg { width: 25px; fill: rgb(0, 0, 0); max-width: none;} [data-wv-layout-element-type="shop_list"] .swiper-pagination-container { margin-top: 10px; width: max-content; max-width: none; margin-left: 5px; margin-right: 5px;} /* 인스타그램 */ [data-wv-layout-element-type="insta"] [data-wv-template] {cursor: pointer;} /* 효과(이펙트) */ [data-wv-res-id]:not(.wvelLayoutViewBorderPadding) [data-wv-effect*="hover"]{cursor: pointer;} [data-wv-res-id]:not(.wvelLayoutViewBorderPadding) [data-wv-effect*="hover"] *{cursor: pointer !important;} [data-wv-res-id]:not(.wvelLayoutViewBorderPadding) [data-wv-effect*="click"]{cursor: pointer;} [data-wv-res-id]:not(.wvelLayoutViewBorderPadding) [data-wv-effect*="click"] *{cursor: pointer !important;} /* 단수 */ @media (max-width:991px){ [data-wv-layout-element-type="shop_list"][data-wv-list-col-mobile="1"] [data-wv-type="list"] [data-wv-template] { width: 100%; } [data-wv-layout-element-type="shop_list"][data-wv-list-col-mobile="1"] [data-wv-type="list"] .swiper-wrapper [data-wv-template] { width: 100%!important; } /* [data-wv-layout-element-type="shop_list"][data-wv-list-col-mobile="1"] [data-wv-type="list"] [data-wv-template] > [data-wv-layout-element="block"] {height: 960px;} [data-wv-layout-element-type="shop_list"][data-wv-list-col-mobile="1"] [data-wv-type="list"] [data-wv-template] > [data-wv-layout-element="block_inner"] > [data-wv-layout-element="block"] {height: 1170px;} [data-wv-layout-element-type="shop_list"][data-wv-list-col-mobile="1"] [data-wv-shop="img_path"] { padding-top: 700px;} */ [data-wv-layout-element-type="shop_list"][data-wv-list-col-mobile="1"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-last-child(-n+1) { margin-bottom: 0 !important; } [data-wv-layout-element-type="shop_list"][data-wv-list-col-mobile="2"] [data-wv-type="list"] [data-wv-template] { width: 50%; } [data-wv-layout-element-type="shop_list"][data-wv-list-col-mobile="2"] [data-wv-type="list"] .swiper-wrapper [data-wv-template] { width: 50%!important; } [data-wv-layout-element-type="shop_list"][data-wv-list-col-mobile="3"] [data-wv-type="list"] [data-wv-template] { width: 33.3%; } /* [data-wv-layout-element-type="shop_list"][data-wv-list-col-mobile="2"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-child(2n+1) { padding-right: 3px; } [data-wv-layout-element-type="shop_list"][data-wv-list-col-mobile="2"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-child(2n+2) { padding-left: 3px; } */ /* [data-wv-layout-element-type="shop_list"][data-wv-list-col-mobile="2"] [data-wv-type="list"] [data-wv-template] > [data-wv-layout-element="block"] {height: 960px;} [data-wv-layout-element-type="shop_list"][data-wv-list-col-mobile="2"] [data-wv-type="list"] [data-wv-template] > [data-wv-layout-element="block_inner"] > [data-wv-layout-element="block"] {height: 1170px;} [data-wv-layout-element-type="shop_list"][data-wv-list-col-mobile="2"] [data-wv-shop="img_path"] { padding-top: 700px;} */ [data-wv-layout-element-type="shop_list"][data-wv-list-col-mobile="2"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-last-child(-n+2) { margin-bottom: 0 !important; } } @media (min-width:992px){ [data-wv-layout-element-type="shop_list"][data-wv-list-col-web] [data-wv-type="list"] [data-wv-template] { max-width:none!important;} [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="2"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template] { width: 50%; } /* [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="2"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-child(2n+1) { padding-right: 3px; } [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="2"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-child(2n+2) { padding-left: 3px; } */ /* [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="2"] [data-wv-type="list"] [data-wv-template] > [data-wv-layout-element="block"] {height: 880px;} [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="2"] [data-wv-type="list"] [data-wv-template] > [data-wv-layout-element="block_inner"] > [data-wv-layout-element="block"] {height: 880px;} [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="2"] [data-wv-shop="img_path"] { padding-top: 595px;} */ [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="2"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-last-child(-n+2) { margin-bottom: 0 !important; } [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="3"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template] { width: 33.33%; } /* [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="3"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-child(3n+1) { padding-right: 4px; } [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="3"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-child(3n+2) { padding-left: 2px; padding-right: 2px; } [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="3"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-child(3n+3) { padding-left: 4px; } */ /* [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="3"] [data-wv-type="list"] [data-wv-template] > [data-wv-layout-element="block"] {height: 650px;} [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="3"] [data-wv-type="list"] [data-wv-template] > [data-wv-layout-element="block_inner"] > [data-wv-layout-element="block"] {height: 680px;} [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="3"] [data-wv-shop="img_path"] { padding-top: 395px;} */ [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="3"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-last-child(-n+3) { margin-bottom: 0 !important; } [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="4"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template] { width: 25%; } /* [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="4"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-child(4n+1) { padding-right: 4px;} [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="4"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-child(4n+2) { padding-left: 2px; padding-right: 2px; } [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="4"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-child(4n+3) { padding-left: 2px; padding-right: 2px; } [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="4"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-child(4n+4) { padding-left: 4px; } */ /* [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="4"] [data-wv-type="list"] [data-wv-template] > [data-wv-layout-element="block"] {height: 580px;} [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="4"] [data-wv-type="list"] [data-wv-template] > [data-wv-layout-element="block_inner"] > [data-wv-layout-element="block"] {height: 580px;} [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="4"] [data-wv-shop="img_path"] { padding-top: 290px;} */ [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="4"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-last-child(-n+4) { margin-bottom: 0 !important; } [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="5"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template] { width: 20%; } /* [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="5"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-child(5n+1) { padding-right: 4px;} [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="5"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-child(5n+2) { padding-left: 2px; padding-right: 2px; } [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="5"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-child(5n+3) { padding-left: 2px; padding-right: 2px; } [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="5"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-child(5n+4) { padding-left: 2px; padding-right: 2px; } [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="5"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-child(5n+5) { padding-left: 4px; } */ [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="5"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-last-child(-n+5) { margin-bottom: 0 !important; } [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="6"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template] { width: calc(100% / 6); } [data-wv-layout-element-type="shop_list"][data-wv-list-col-web="6"] [data-wv-type="list"]:not([data-wv-list-gallery]) [data-wv-template]:nth-last-child(-n+6) { margin-bottom: 0 !important; } } @media all and (min-width:992px){ [data-wv-ai-fail-block] { height: 280px; } [data-wv-ai-fail-block]:empty::after, [data-wv-ai-fail-block] > [data-wv-layout-element="block_inner"]:empty::after, body.analyze_complete [data-wv-ai-fail-block]::after{ min-height: 280px; background-image: url("https://cdn.zaemit.ai/_vfs/onekorea/c0f42b3f9c15b0272e2b0f9a3bd9e19a.png"); background-size: 873px 155px; } /* default point color */ .h_point0:hover{color:#5c8698 !important;} .bg_h_point0:hover{background-color:#5c8698 !important;} .svg_h_point0:hover{fill:#5c8698 !important;} .border_h_point0:hover{border-color:#5c8698 !important;} /* .menu_icon_style_0 */ .menu_icon_style_0{width: 34px; height: 18px;} .menu_icon_style_0 span{width: 34px;} .menu_icon_style_0::before{width: 34px;} .menu_icon_style_0::after{width: 34px;} .menu_icon_style_0.type_2 span{width: 24px;} .menu_icon_style_0.type_3::before{width: 26px;} .menu_icon_style_0.type_3::after{width: 18px;} .menu_icon_style_0.hover_type_0:hover span{width: 24px;} .menu_icon_style_0.hover_type_0:hover::before{} .menu_icon_style_0.hover_type_0:hover::after{} .menu_icon_style_0.hover_type_1:hover span{} .menu_icon_style_0.hover_type_1:hover::before{width: 26px;} .menu_icon_style_0.hover_type_1:hover::after{width: 18px;} .menu_icon_style_0.hover_type_2:hover span{width: 34px;} .menu_icon_style_0.hover_type_2:hover::before{width: 34px;} .menu_icon_style_0.hover_type_2:hover::after{width: 34px;} /* .menu_icon_style_1 */ .menu_icon_style_1{width: 30px; height: 13px;} .menu_icon_style_1 span{width: 30px;} .menu_icon_style_1::before{width: 30px;} .menu_icon_style_1.type_2 span{width: 23px;} .menu_icon_style_1.hover_type_0:hover span{width: 30px;} .menu_icon_style_1.hover_type_0:hover::before{} .menu_icon_style_1.hover_type_0:hover::after{} /* move_to_top_btn_con */ .move_to_top_btn_con.hover_type_0 .move_to_top_btn:hover .text{opacity: 1; width: 74px; margin-left: 15px;} .move_to_top_btn_con.hover_type_1 .move_to_top_btn:hover .text{opacity: 1; /*height: 15px; margin-top: 10px;*/} } /* !중요! */ /*아래 미디어쿼리를 항상 가장 하단에 유지하시오. (WVAdminContentArea.js removeUserStyleRules 에서 처리) */ @media (max-width:767px){ [data-wv-full-height480] {height: 100vh;} [data-wv-display-hide480]:not([effect-display] ){ display: none!important; } [data-wv-display-hide480][effect-display="hide"][element-hover] { display: none!important; } [data-wv-display-hide480][effect-display="hide"][element-click] { display: none!important; } [data-wv-display-hide480][effect-display="show"]:not([element-hover]):not([element-click]) { display: none!important; } } @media (min-width:768px) and (max-width:991px){ [data-wv-full-height768] {height: 100vh;} [data-wv-display-hide768]:not([effect-display] ){ display: none!important; } [data-wv-display-hide768][effect-display="hide"][element-hover] { display: none!important; } [data-wv-display-hide768][effect-display="hide"][element-click] { display: none!important; } [data-wv-display-hide768][effect-display="show"]:not([element-hover]):not([element-click]) { display: none!important; } } @media (min-width:992px) and (max-width:1199px){ [data-wv-full-height992] {height: 100vh;} [data-wv-display-hide992]:not([effect-display] ){ display: none!important; } [data-wv-display-hide992][effect-display="hide"][element-hover] { display: none!important; } [data-wv-display-hide992][effect-display="hide"][element-click] { display: none!important; } [data-wv-display-hide992][effect-display="show"]:not([element-hover]):not([element-click]) { display: none!important; } } @media (min-width:1200px) and (max-width:1599px){ [data-wv-full-height1200] {height: 100vh;} [data-wv-display-hide1200]:not([effect-display] ){ display: none!important; } [data-wv-display-hide1200][effect-display="hide"][element-hover] { display: none!important; } [data-wv-display-hide1200][effect-display="hide"][element-click] { display: none!important; } [data-wv-display-hide1200][effect-display="show"]:not([element-hover]):not([element-click]) { display: none!important; } } @media (min-width:1600px){ [data-wv-full-height1600] {height: 100vh;} [data-wv-display-hide1600]:not([effect-display] ){ display: none!important; } [data-wv-display-hide1600][effect-display="hide"][element-hover] { display: none!important; } [data-wv-display-hide1600][effect-display="hide"][element-click] { display: none!important; } [data-wv-display-hide1600][effect-display="show"]:not([element-hover]):not([element-click]) { display: none!important; } }