@charset "UTF-8"; :root{ --default:#0758aa; } /* A 태그 */ a, a:hover{text-decoration:none !important;} /** [완료] 상단 서브 고정 네비게이션 */ .widget-mb-navigator .top-sub-menu { background-color:#204baf; } .widget-mb-navigator .top-sub-menu select{ width:100%; padding:0.5rem; font-size:0.95rem; background-color:#204baf; background-image:url("/common/mobile/css/images/icon/sub_menu_select.png"); background-repeat:no-repeat; background-size:10px auto; background-position:95% 15px; color:#fff; border:none; border-radius:0; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .widget-mb-navigator .top-sub-menu .go-ai-center{margin-bottom:0; padding:0.35rem; font-size:1.15rem; border-right:1px solid #4967ab; text-align:center} .widget-mb-navigator .top-sub-menu .go-dept-menu{position:relative; display:inline-block; font-style:normal; font-variant:normal; text-rendering:auto; -webkit-font-smoothing: antialiased; border-right:1px solid #4967ab;} /*.widget-mb-navigator .top-sub-menu .go-dept-menu:after{position:absolute; line-height:38px; right:10px; color:#fff; z-index:99; content:"\f0d7"; font-family: "Font Awesome 5 Pro"; font-weight:900;}*/ .widget-mb-navigator .top-sub-menu .go-dept-menu:last-child{border-right:none;} .widget-mb-navigator .top-sub-menu a { color:#fff; } .widget-mb-cafenavigator .top-sub-menu { background-color:#204baf; } .widget-mb-cafenavigator .top-sub-menu select{ width:100%; padding:0.5rem; font-size:0.95rem; background-color:#204baf; background-image:url("/common/mobile/css/images/icon/sub_menu_select.png"); background-repeat:no-repeat; background-size:10px auto; background-position:95% 15px; color:#fff; border:none; border-radius:0; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .widget-mb-cafenavigator .top-sub-menu .go-ai-center{margin-bottom:0; padding:0.35rem; font-size:1.15rem; border-right:1px solid #4967ab; text-align:center} .widget-mb-cafenavigator .top-sub-menu .go-dept-menu{position:relative; display:inline-block; font-style:normal; font-variant:normal; text-rendering:auto; -webkit-font-smoothing: antialiased; border-right:1px solid #4967ab;} /*.widget-mb-navigator .top-sub-menu .go-dept-menu:after{position:absolute; line-height:38px; right:10px; color:#fff; z-index:99; content:"\f0d7"; font-family: "Font Awesome 5 Pro"; font-weight:900;}*/ .widget-mb-cafenavigator .top-sub-menu .go-dept-menu:last-child{border-right:none;} .widget-mb-cafenavigator .top-sub-menu a { color:#fff; } /*메인 메뉴 미니홈피 클릭시 > 바로가기 링크*/ .SHUVIC_JQUERY_DIALOG.ui-dialog-buttons .COMMON_MOBILE_SHUVIC_TOOL_BAR .list-group-item { border-top:1px solid #000; border-bottom:0px; margin-bottom:0px; padding-left:.75rem; } .SHUVIC_JQUERY_DIALOG.ui-dialog-buttons .COMMON_MOBILE_SHUVIC_TOOL_BAR .list-group-item:before { content:"\f32b"; display:inline-block; width:17px; margin-right:3px; font-style: normal; font-variant:normal; text-rendering:auto; -webkit-font-smoothing:antialiased; font-family:"Font Awesome 5 Pro"; font-size:0.8rem; } .SHUVIC_JQUERY_DIALOG.ui-dialog-buttons .COMMON_MOBILE_SHUVIC_TOOL_BAR .list-group-item:hover { border-top:1px solid #000 !important; } .widget-mb-navigator #memSearch{margin:0.5rem 0; padding:0 0.5rem;} .widget-mb-cafenavigator #memSearch{margin:0.5rem 0; padding:0 0.5rem;} /**3차메뉴 목록*/ .widget-mb-navigator .top-sub-det-menu{background-color: #404250;overflow-x:scroll;} .widget-mb-navigator .top-sub-det-menu ul{white-space:nowrap;} .widget-mb-navigator .top-sub-det-menu ul > li{display: inline-block;} .widget-mb-navigator .top-sub-det-menu ul > li a{color: #FFF;padding: 10px 8px;display: block;outline: none !important; font-size:1rem; } .widget-mb-navigator .top-sub-det-menu ul > li.active a{color: #ffc107; } .widget-mb-navigator .top-sub-det2-menu{background-color: #404250;overflow-x:scroll;border-top:1px dashed #FFF;} .widget-mb-navigator .top-sub-det2-menu ul{white-space:nowrap;} .widget-mb-navigator .top-sub-det2-menu ul > li{display: inline-block;} .widget-mb-navigator .top-sub-det2-menu ul > li a{color: #FFF;padding: 10px 8px;display: block;outline: none !important; font-size:1rem; } .widget-mb-navigator .top-sub-det2-menu ul > li.active a{color: #ffc107; } .widget-mb-cafenavigator .top-sub-det-menu{background-color: #404250;overflow-x:scroll;} .widget-mb-cafenavigator .top-sub-det-menu ul{white-space:nowrap;} .widget-mb-cafenavigator .top-sub-det-menu ul > li{display: inline-block;} .widget-mb-cafenavigator .top-sub-det-menu ul > li a{color: #FFF;padding: 10px 8px;display: block;outline: none !important; font-size:1rem; } .widget-mb-cafenavigator .top-sub-det-menu ul > li.active a{color: #ffc107; } .widget-mb-cafenavigator .widget-mb-cafenavigator .top-sub-det2-menu{background-color: #404250;overflow-x:scroll;border-top:1px dashed #FFF;} .widget-mb-cafenavigator .top-sub-det2-menu ul{white-space:nowrap;} .widget-mb-cafenavigator .top-sub-det2-menu ul > li{display: inline-block;} .widget-mb-cafenavigator .top-sub-det2-menu ul > li a{color: #FFF;padding: 10px 8px;display: block;outline: none !important; font-size:1rem; } .widget-mb-cafenavigator .top-sub-det2-menu ul > li.active a{color: #ffc107; } /* 네비 type2 */ .widget-mb-navigator .top-slide-menu{background-color: #404250;} .widget-mb-navigator .top-slide-menu ul.none_scroll{float:left; overflow-x: hidden;} .widget-mb-navigator .top-slide-menu ul.none_scroll > li a{color: green} .widget-mb-navigator .top-slide-menu ul{white-space:nowrap; overflow-x: scroll;} .widget-mb-navigator .top-slide-menu ul > li{display: inline-block;} .widget-mb-navigator .top-slide-menu ul > li a{color: #FFF;padding: 10px 8px;display: block;outline: none !important; font-size:1rem; } .widget-mb-navigator .top-slide-menu ul > li.active a{color: #ffc107; } .widget-mb-cafenavigator .top-slide-menu{background-color: #404250;} .widget-mb-cafenavigator .top-slide-menu ul.none_scroll{float:left; overflow-x: hidden;} .widget-mb-cafenavigator .top-slide-menu ul.none_scroll > li a{color: green} .widget-mb-cafenavigator .top-slide-menu ul{white-space:nowrap; overflow-x: scroll;} .widget-mb-cafenavigator .top-slide-menu ul > li{display: inline-block;} .widget-mb-cafenavigator .top-slide-menu ul > li a{color: #FFF;padding: 10px 8px;display: block;outline: none !important; font-size:1rem; } .widget-mb-cafenavigator .top-slide-menu ul > li.active a{color: #ffc107; } /* 이미지 */ .widget-mb-image img{width:100%;} /* html */ .tpl-widget.widget-mb-html .widget-card-body{padding:0;} /*card형 공통*/ .tpl-widget .widget-card{font-size:1rem; border: 1px solid rgba(0,0,0,.125);} .tpl-widget .widget-card-header{padding:0.5rem 1.25rem; min-height:52px;} .tpl-widget .widget-card-header:after{display:block; clear:both; content:"";} .tpl-widget .widget-card-header-body{position:relative;} .tpl-widget .widget-card-header dt{margin-bottom:0; line-height:31px; font-size:1rem; font-weight:600;} .tpl-widget .widget-card-header dt span{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .tpl-widget .widget-card-header a.btn{position:absolute; top:0; right:0; padding:3px 5px; font-size: 1rem;} .tpl-widget .widget-card-header .use-more a.widget-more-btn{background-color:#0758aa; color:#fff; border-color:#0758aa;} .tpl-widget .widget-card-body{padding:0.5rem 1.25rem;} .tpl-loct-sxn-cd-0015 .tpl-widget .widget-card-body{padding:0;} /* 카드 보더 x / 카드 바디 패딩 x */ .tpl-widget.widget-mb-image .widget-card{border:0;} .tpl-widget.widget-mb-image .widget-card-body{padding:0 !important;} /* 게시판 공통 */ .widget-mb-board .tpl-widget-body{padding:.8rem 0.5rem;} .widget-mb-board .ttl a{color:#000;} .widget-mb-board .board-con a{color:#333;} .widget-mb-board .hit, .widget-mb-board .user-nm, .widget-mb-board .dt{color:#666;} .widget-mb-board .widget-more-btn{position:absolute; top:0.5rem; right:1.25rem; padding:0.2rem 0.5rem; background-color:#0758aa; border-color:#0758aa;} /*게시판 리스트형 공통*/ .mb-board-bas-lst li ul{margin-bottom:0.5rem; padding-bottom:0.5rem; border-bottom:1px solid #e4e4e4;} .mb-board-bas-lst li:last-child ul{margin-bottom:0; padding-bottom:0; border-bottom:0;} .mb-board-bas-lst li ul {padding: 0.25rem 0 0.5rem;} .mb-board-bas-lst li ul li {display: inline-block; vertical-align: middle;} .mb-board-bas-lst li ul .ttl {width:65%;} .mb-board-bas-lst li ul a{display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .mb-board-bas-lst li ul a .category{font-weight: bold; margin-right:5px;} .mb-board-bas-lst li .user-nm{width:15%; text-align:center; font-size:0.8rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height: 24px;} .mb-board-bas-lst li .dt{width:20%; text-align:right; font-size:0.8rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height: 24px;} /* 게시판 리스트형 높이 조정 */ .widget-mb-board.widget-style-type1.widget-count-3 .widget-card-body{min-height:132px;} .widget-mb-board.widget-style-type1.widget-count-5 .widget-card-body{min-height:216px;} .widget-mb-board.widget-style-type1.widget-count-13 .widget-card-body{min-height:542px;} .widget-mb-board.widget-style-type1.widget-count-20 .widget-card-body{min-height:840px;} /* 게시판 포토형 공통 */ .mb-board-photo-lst .img-link{position:relative; display:block; width:100%; max-height:164px; min-height:164px; margin:0 auto; overflow:hidden;} .mb-board-photo-lst .img-link img{position:absolute; top:50%; left:50%; width:auto; max-width:none; height:100%; display:block; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); transition:transform .5s ease-out; -webkit-transition:transform .5s ease-out; -moz-transition:transform .5s ease-out; -o-transition:transform .5s ease-out;} .mb-board-photo-lst .ttl a{font-weight:500; height:2.6rem; line-height:22px; /* max-height:44px; */ text-overflow:ellipsis; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;} .mb-board-photo-lst .board-con a{color:#333; height:2.6rem; line-height: 1.3rem; text-overflow:ellipsis; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .mb-board-photo-lst .ttl{font-weight:500;} .mb-board-photo-lst ul:after{display:block; clear:both; content:"";} .mb-board-photo-lst ul li.user-nm, .mb-board-photo-lst ul li.dt, .mb-board-photo-lst ul li.hit{color:#333; float:left; width:33.33%; font-size:0.8rem; text-overflow:ellipsis; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;} .mb-board-photo-lst ul li.user-nm a{color:#333;} .mb-board-photo-lst dl:after{display:block; clear:both; content:"";} .mb-board-photo-lst .board-more-btn{font-size:0.9rem; float:left;} .mb-board-photo-lst .board-more-btn:after{display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Pro"; content: "\f105"; margin:0 5px;} /** 게시판 타입3 (포토형) **/ /* 기본 스타일 */ .widget-mb-board.widget-style-type3 .mb-board-photo-lst:after{display:block; clear:both; content:"";} .widget-mb-board.widget-style-type3 .mb-board-photo-lst > li{float:left; width:100%; margin-bottom:30px; border: 1px solid #ccc;} .widget-mb-board.widget-style-type3 .mb-board-photo-lst > li .item-wrap{background-color:#fff;} .widget-mb-board.widget-style-type3 .mb-board-photo-lst li .img-link{position:relative; display:block; width:100%; max-height:195px; min-height:195px; margin:0 auto; overflow:hidden;} .widget-mb-board.widget-style-type3 .mb-board-photo-lst li .img-link img{position:absolute; top:50%; left:50%; height:100%; display:block; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); transition:transform .5s ease-out; -webkit-transition:transform .5s ease-out; -moz-transition:transform .5s ease-out; -o-transition:transform .5s ease-out;} .widget-mb-board.widget-style-type3 .mb-board-photo-lst ul:after{display:block; clear:both; content:"";} .widget-mb-board.widget-style-type3 .mb-board-photo-lst ul{min-height:68px; padding:0.5rem;} .widget-mb-board.widget-style-type3 .mb-board-photo-lst ul li.ttl{float:left; width:100%; margin-bottom:0.5rem;} .widget-mb-board.widget-style-type3 .mb-board-photo-lst ul li.ttl a{min-height:48px; font-size:1.125rem; font-weight:bold; display:block; line-height: 1.5rem; height:3.0rem; text-overflow:ellipsis; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .widget-mb-board.widget-style-type3 .mb-board-photo-lst ul li.board-con{min-height:1.5rem; float:left; width:100%; margin-bottom:0.5rem;} .widget-mb-board.widget-style-type3 .mb-board-photo-lst ul li.board-con a{display:block; color:#333; line-height: 1.3rem; height:2.6rem; text-overflow:ellipsis; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .widget-mb-board.widget-style-type3 .mb-board-photo-lst ul li.user-nm, .widget-mb-board.widget-style-type3 .mb-board-photo-lst ul li.dt, .widget-mb-board.widget-style-type3 .mb-board-photo-lst ul li.hit{font-size:0.85rem; color:#666; float:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .widget-mb-board.widget-style-type3 .mb-board-photo-lst ul li.user-nm{width:50%;} .widget-mb-board.widget-style-type3 .mb-board-photo-lst ul li.dt{width:50%; text-align:right;} .widget-mb-board.widget-style-type3 .mb-board-photo-lst ul li.hit{display:none;} .widget-mb-board.widget-style-type3 .mb-board-photo-lst .board-more-btn{display:block; padding:0 0 0.5rem 0.5rem; color:#363636; font-weight:600;} .widget-mb-board.widget-style-type3 .mb-board-photo-lst .board-more-btn:after{font-size:0.95rem; margin-left:5px; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Pro"; content: "\f105";} /* 블릿 */ .widget-mb-board.widget-style-type3 .mb-board-default-pagination{bottom:0px; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);} .widget-mb-board.widget-style-type3 .mb-board-default-pagination .swiper-pagination-bullet{margin-right:10px;} .widget-mb-board.widget-style-type3 .mb-board-default-pagination .swiper-pagination-bullet:last-child{margin-right:0;} /* 데이터가 없을때 */ .widget-mb-board.widget-style-type3 .mb-board-photo-lst > li.no-result{width:100%; margin:0 auto; border:0;} .widget-mb-board.widget-style-type3 .mb-board-photo-lst > li.no-result:hover{border:0; box-shadow:none;} /** 게시판 타입3 (포토형) 끝 **/ /* 게시판 탭형 */ .widget-mb-board .widget-card{position:relative;} .widget-mb-board.widget-style-type4 .widget-more-btn{position:static; display:block; width:30%; margin:1rem auto 0;} .widget-mb-board .JS-widget-mb-tabs:after{display:block; clear:both; content:"";} .widget-mb-board .JS-widget-mb-tabs .mb-board-lst-tab-header ul{display:table; table-layout:fixed; width:100%;} .widget-mb-board .JS-widget-mb-tabs .mb-board-lst-tab-header ul li{display:table-cell; border:1px solid #ccc; border-right:0;} .widget-mb-board .JS-widget-mb-tabs .mb-board-lst-tab-header ul li:last-child{border-right:1px solid #ccc;} .widget-mb-board .JS-widget-mb-tabs .mb-board-lst-tab-header ul li a{display:block; padding:0.5rem 0.3rem; text-align:center; background-color:rgba(0,0,0,0.03); text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-decoration:none;} .widget-mb-board .JS-widget-mb-tabs .mb-board-lst-tab-header ul li.active a{background-color:#0758aa; font-weight:500; color:#fff;} .widget-mb-board .JS-widget-mb-tabs .mb-board-lst-tab-body .JS-widget-mb-tabs-list{min-height:214px; padding:0.8rem 0;} .widget-mb-board.widget-style-type4 .mb-board-bas-lst > li:not(:last-child) {border-bottom:1px solid #e4e4e4;} .widget-mb-board.widget-style-type4 .mb-board-bas-lst li ul{margin-bottom:0.5rem; line-height:33px; display: table; table-layout: fixed; padding: 0 0.5rem; border-bottom: 0; width: 100%;} .widget-mb-board.widget-style-type4 .mb-board-bas-lst li:last-child ul{margin-bottom:0; padding-bottom:0; border-bottom:0;} .widget-mb-board.widget-style-type4 .mb-board-bas-lst li .ttl {display: table-cell; width:100%; /* overflow:hidden; text-overflow:ellipsis; white-space:nowrap; */ padding-right:7px; float: none; vertical-align: middle;} .widget-mb-board.widget-style-type4 .mb-board-bas-lst li .ttl a { } .widget-mb-board.widget-style-type4 .mb-board-bas-lst li .user-nm{display: table-cell; width:100px; padding: 0; float: n} .widget-mb-board.widget-style-type4 .mb-board-bas-lst li .dt{display:none;} .widget-mb-board.widget-style-type4 .JS-widget-mb-tabs-list li .no-result{padding:0;} .widget-mb-board.widget-style-type4 .mb-board-lst-tab .JS-widget-mb-tabs-list > li:not(:first-child){display:none;} @media (max-width: 400px) { .widget-mb-board.widget-style-type4 .mb-board-bas-lst li .user-nm {width: 80px;} } @media (max-width: 320px) { .widget-mb-board.widget-style-type4 .mb-board-bas-lst li .user-nm {width: 60px;} } /* 게시판 탭형 - min-height값 선언 //// */ /* .widget-mb-board.widget-style-type4.widget-count-1 .JS-widget-mb-tabs-list{min-height:50px;} */ .widget-mb-board.widget-style-type4.widget-count-1 .no-result{min-height:38px; line-height:38px;} .widget-mb-board.widget-style-type4.widget-count-2 .JS-widget-mb-tabs-list{min-height:95px;} /* .widget-mb-board.widget-style-type4.widget-count-2 .no-result{min-height:93px; line-height:93px;} */ .widget-mb-board.widget-style-type4.widget-count-3 .JS-widget-mb-tabs-list{min-height:120px;} .widget-mb-board.widget-style-type4.widget-count-3 .no-result{min-height:148px; line-height:148px;} /* .widget-mb-board.widget-style-type4.widget-count-4 .JS-widget-mb-tabs-list{min-height:165px;} */ .widget-mb-board.widget-style-type4.widget-count-4 .no-result{min-height:203px; line-height:203px;} /* .widget-mb-board.widget-style-type4.widget-count-5 .JS-widget-mb-tabs-list{min-height:283px;} */ .widget-mb-board.widget-style-type4.widget-count-5 .no-result{min-height:258px; line-height:258px;} /* 게시판 타입5 */ .widget-mb-board.widget-style-type5 .mb-board-slide:nth-child(odd), .widget-mb-board.widget-style-type5 .mb-board-slide:nth-child(even){width:60%;} .widget-mb-board.widget-style-type5 .mb-board-photo-lst .item-wrap{border:1px solid #efefef;} .widget-mb-board.widget-style-type5 .mb-board-photo-lst dd:after{display:block; clear:both; content:"";} .widget-mb-board.widget-style-type5 .mb-board-photo-lst dd{margin-bottom:0; padding:0.5rem; border-top:0;} .widget-mb-board.widget-style-type5 .mb-board-photo-lst ul{min-height:90px;} .widget-mb-board.widget-style-type5 .mb-board-photo-lst .ttl{min-height:44px; margin-bottom:.125rem;} .widget-mb-board.widget-style-type5 .mb-board-photo-lst .board-con{margin-bottom:.5rem;} .widget-mb-board.widget-style-type5 .swiper-pagination{position:relative; bottom:-3px;} /* 게시판 타입6 (리스트 블로그형) */ .widget-mb-board .mb-blog-lst > li:first-child{min-height:117px; margin-bottom:1rem; padding:0.8rem; border:1px solid #a0a0a0; box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.2) ;} .widget-mb-board .mb-blog-lst > li:first-child ul{margin-bottom:0; padding-bottom:0; border-bottom:0;} .widget-mb-board .mb-blog-lst > li:first-child .ttl{width:100%;} .widget-mb-board .mb-blog-lst > li:first-child .ttl a{margin-bottom:0.3rem; font-weight:500; line-height: 19px; height:2.4rem; text-overflow:ellipsis; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .widget-mb-board .mb-blog-lst > li:first-child .board-con a{width:100%; margin-bottom:0.5rem; font-weight:100; line-height: 1.2rem; height:2.4rem; text-overflow:ellipsis; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .widget-mb-board .mb-blog-lst > li:first-child .user-nm{width:80%; text-align:right; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .widget-mb-board .mb-blog-lst > li:first-child .dt{width:20%;} .widget-mb-board .mb-blog-lst li ul{margin-bottom:0.5rem; padding-bottom:0.5rem; border-bottom:1px solid #e4e4e4;} .widget-mb-board .mb-blog-lst li:last-child ul{margin-bottom:0; padding-bottom:0; border-bottom:0;} /* 게시판 타입8 */ .widget-mb-board.widget-style-type8 .widget-card-header dt { text-align:left !important; } .widget-mb-board.widget-style-type8 .mb-board-noti-lst{ margin-bottom:1rem; border:1px solid #ccc;} .widget-mb-board.widget-style-type8 .mb-board-noti-lst:last-child { margin-bottom:0rem; } .widget-mb-board.widget-style-type8 .mb-board-noti-lst:after{display:block; clear:both; content:""; height:0px; overflow:hidden;} .widget-mb-board.widget-style-type8 .mb-board-noti-lst .img-link{ float:left; display:block; width:40%; max-width:167px; height:130px; margin-right:0.5rem; border-right:1px solid #ccc; overflow:hidden;} .widget-mb-board.widget-style-type8 .mb-board-noti-lst .img-link img{ object-fit:cover; width:100%; height:100%; } .widget-mb-board.widget-style-type8 .mb-board-noti-lst .noti-txt-wrap{ padding:1rem 0.5rem 0rem 0.5rem; } .widget-mb-board.widget-style-type8 .mb-board-noti-lst .noti-txt-wrap ul{ } /*.widget-mb-board.widget-style-type8 .mb-board-noti-lst .noti-txt-wrap ul:after{display:block; clear:both; content:"";}*/ .widget-mb-board.widget-style-type8 .mb-board-noti-lst .noti-txt-wrap li{ } .widget-mb-board.widget-style-type8 .mb-board-noti-lst .noti-txt-wrap .ttl{ margin-bottom:0.5rem;} .widget-mb-board.widget-style-type8 .mb-board-noti-lst .noti-txt-wrap .ttl a{height:1.3rem; line-height: 1.2rem; font-weight:500; text-overflow:ellipsis; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;} .widget-mb-board.widget-style-type8 .mb-board-noti-lst .noti-txt-wrap .board-con { margin-bottom:0rem;} .widget-mb-board.widget-style-type8 .mb-board-noti-lst .noti-txt-wrap .board-con a{height:1.3rem; line-height: 1.2rem; text-overflow:ellipsis; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;} .widget-mb-board.widget-style-type8 .mb-board-noti-lst .noti-txt-wrap .hit, .widget-mb-board.widget-style-type8 .mb-board-noti-lst .noti-txt-wrap .user-nm, .widget-mb-board.widget-style-type8 .mb-board-noti-lst .noti-txt-wrap .dt { display:inline-block; font-size:0.9rem; color:#666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .widget-mb-board.widget-style-type8 .mb-board-noti-lst .noti-txt-wrap .hit { display:none; } .widget-mb-board.widget-style-type8 .mb-board-noti-lst .noti-txt-wrap .user-nm { margin-right:7px; } .widget-mb-board.widget-style-type8 .mb-board-noti-lst .noti-txt-wrap .board-more-btn{ display:block; margin-top:0rem; color:#1b51f0; color:var(--main); font-size:0.8rem; font-weight: 600;} .widget-mb-board.widget-style-type8 .mb-board-noti-lst .noti-txt-wrap .board-more-btn:after{display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Pro"; content: "\f105"; margin:0 5px;} .widget-mb-board.widget-style-type8 .widget-more-btn { line-height:31px; } .widget-mb-board.widget-style-type8 .widget-more-btn i { display:inline-block;font-size:0.5rem; margin-right:0.2rem; vertical-align:middle; } .widget-mb-board.widget-style-type8 .widget-more-btn span { display:inline-block; vertical-align:middle; font-size:1rem; } /*게시판위젯 > 타입9 (단락형) */ .widget-mb-board.widget-style-type9 .widget-card-body > ul { } .widget-mb-board.widget-style-type9 .widget-card-body > ul > li { background:#f4f4f4; padding:0.8rem 1rem; border-radius:0.3rem; margin-bottom:0.7rem; box-shadow:3px 3px 6px #eee; } .widget-mb-board.widget-style-type9 .widget-card-body > ul > li > ul { margin-bottom:0px; padding-bottom:0px; border-bottom:0px solid #fff; } .widget-mb-board.widget-style-type9 .widget-card-body > ul > li > ul:after { content:""; display:block; clear:both; height:0px; overflow:hidden; } .widget-mb-board.widget-style-type9 .widget-card-body > ul > li > ul > li { } .widget-mb-board.widget-style-type9 .widget-card-body > ul > li > ul > li.ttl { float:none; width:100%; position:relative; } .widget-mb-board.widget-style-type9 .widget-card-body > ul > li > ul > li.ttl a { width:100%; font-weight:bold; } .widget-mb-board.widget-style-type9 .widget-card-body > ul > li > ul > li.ttl span.widget-item-new { background:#be5826; background:var(--main); } .widget-mb-board.widget-style-type9 .widget-card-body > ul > li > ul > li.user-nm { float:none; display:inline-block; width:auto; padding:0px 0.3rem 0px 0px; margin:0px; vertical-align:middle; line-height:0.8rem; } .widget-mb-board.widget-style-type9 .widget-card-body > ul > li > ul > li.dt { float:none; display:inline-block; width:auto; padding:0px 0px 0px 0.3rem; margin:0px; border-left:1px solid #666666; vertical-align:middle; line-height:0.8rem; } .widget-mb-board.widget-style-type9 .widget-card-body > ul > li > ul > li.board-con { margin-top:0.4rem; border-top:1px solid #d2d2d2; padding-top:0.8rem; } .widget-mb-board.widget-style-type9 .widget-card-body > ul > li > ul > li.board-con a.img-link { position:relative; display:block; float:right; height:3rem; width:3rem; border:1px solid #ddd; } .widget-mb-board.widget-style-type9 .widget-card-body > ul > li > ul > li.board-con a.img-link img { height:75px; object-fit:cover; } .widget-mb-board.widget-style-type9 .widget-card-body > ul > li > ul > li.board-con a.text-link { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space:normal; line-height:1.5rem; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } /*게시판위젯 > 타입10 (단락형+프로필사진 추가) */ .widget-mb-board.widget-style-type10 .widget-card-body > ul { } .widget-mb-board.widget-style-type10 .widget-card-body > ul > li { background:#fff; padding:0.8rem 1rem; margin-bottom:0.9rem; box-shadow:3px 3px 16px #ddd; } .widget-mb-board.widget-style-type10 .widget-card-body > ul > li > ul { margin-bottom:0px; padding-bottom:0px; border-bottom:0px solid #fff; } .widget-mb-board.widget-style-type10 .widget-card-body > ul > li > ul:after { content:""; display:block; clear:both; height:0px; overflow:hidden; } .widget-mb-board.widget-style-type10 .widget-card-body > ul > li > ul > li { } .widget-mb-board.widget-style-type10 .widget-card-body > ul > li > div.profilePhoto { float:left; width:45px; height:45px; border-radius:50%; overflow:hidden; margin-right:10px; border:1px solid #ddd; } .widget-mb-board.widget-style-type10 .widget-card-body > ul > li > div.profilePhoto img { width:100%; height:100%; object-fit:cover; } .widget-mb-board.widget-style-type10 .widget-card-body > ul > li > ul > li.ttl { float:none; width:100%; position:relative; font-size:1.3rem; } .widget-mb-board.widget-style-type10 .widget-card-body > ul > li > ul > li.ttl a { width:100%; } .widget-mb-board.widget-style-type10 .widget-card-body > ul > li > ul > li.ttl span.widget-item-new { width:18px; height:18px; line-height:18px; border-radius:0px; background:linear-gradient(90deg, #6591d0, #7b79da); font-weight:normal; font-size:10px; } .widget-mb-board.widget-style-type10 .widget-card-body > ul > li > ul > li.user-nm { float:none; display:inline-block; width:auto; padding:0px 0.3rem 0px 0px; margin:0px; vertical-align:middle; line-height:1.2em; font-size:0.9em;} .widget-mb-board.widget-style-type10 .widget-card-body > ul > li > ul > li.dt { float:none; display:inline-block; width:auto; padding:0px 0px 0px 0.3rem; margin:0px; border-left:1px solid #666666; vertical-align:middle; line-height:1.2em; font-size:0.9em; } .widget-mb-board.widget-style-type10 .widget-card-body > ul > li > ul > li.board-con { margin-top:0rem; padding-top:0.8rem; } .widget-mb-board.widget-style-type10 .widget-card-body > ul > li > ul > li.board-con a.img-link { position:relative; display:block; float:right; height:3rem; width:3rem; margin:15px 0px 0px 15px; border:1px solid #ddd; } .widget-mb-board.widget-style-type10 .widget-card-body > ul > li > ul > li.board-con a.img-link img { height:75px; object-fit:cover; } .widget-mb-board.widget-style-type10 .widget-card-body > ul > li > ul > li.board-con a.text-link { display:block; white-space:nowrap; over-flow:hidden; text-overflow:ellipsis; white-space:normal; line-height:1.5rem; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; } /*게시판위젯 > 타입11 (이미지센터형) */ .widget-mb-board.widget-style-type11 .widget-card-body .mb-board-img-lst { padding-bottom:1rem; overflow:hidden; } .widget-mb-board.widget-style-type11 .widget-card-body .list_ul { } .widget-mb-board.widget-style-type11 .widget-card-body .list_li { width:60%; min-height:100px; border:1px solid #e2e2e2; } .widget-mb-board.widget-style-type11 .widget-card-body .list_ul .list_li div.contImg { } .widget-mb-board.widget-style-type11 .widget-card-body .list_ul .list_li a.img-link { display:block; width:100%; height:150px; overflow:hidden;} .widget-mb-board.widget-style-type11 .widget-card-body .list_ul .list_li a.img-link img { width:100%; height:100%; object-fit:cover; } .widget-mb-board.widget-style-type11 .widget-card-body .list_li ul { padding:1rem 0.8rem; font-weight:normal; } .widget-mb-board.widget-style-type11 .widget-card-body .list_li ul:after { content:""; display:block; clear:both; height:0px; overflow:hidden; } .widget-mb-board.widget-style-type11 .widget-card-body .list_li ul li { font-weight:normal; } .widget-mb-board.widget-style-type11 .widget-card-body .list_li ul li.ttl { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:1.2rem; font-weight:bold; } .widget-mb-board.widget-style-type11 .widget-card-body .list_li ul li.ttl a { font-weight:bold; } .widget-mb-board.widget-style-type11 .widget-card-body .list_li ul li.ttl .widget-item-new { background:linear-gradient(90deg, #6591d0, #7b79da); } .widget-mb-board.widget-style-type11 .widget-card-body .list_li ul li.ttl .widget-comment-cnt { color:#6593cf color:var(--default); } .widget-mb-board.widget-style-type11 .widget-card-body .list_li ul li.board-con { border-bottom:1px solid #fff; padding-bottom:0.3rem; margin-bottom:0.3rem; } .widget-mb-board.widget-style-type11 .widget-card-body .list_li ul li.board-con a { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space:normal; line-height:1.5rem; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; font-weight:normal; } .widget-mb-board.widget-style-type11 .widget-card-body .list_li ul li.user-nm { float:left; display:inline-block; width:auto; max-width:50%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:0.9em; } .widget-mb-board.widget-style-type11 .widget-card-body .list_li ul li.dt { float:right; display:inline-block; width:auto; max-width:50%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:0.9em; } .widget-mb-board.widget-style-type11 .widget-card-body .swiper-pagination { bottom: -0.5rem; } /*게시판위젯 > 타입12 (날짜형) */ .widget-mb-board.widget-style-type12 .widget-card-body .mb-board-text-lst { } .widget-mb-board.widget-style-type12 .widget-card-body .mb-board-text-lst > ul { padding:1rem 0; } .widget-mb-board.widget-style-type12 .widget-card-body .mb-board-text-lst > ul > li { padding:0.5rem 0px; } .widget-mb-board.widget-style-type12 .widget-card-body .mb-board-text-lst > ul > li ul { position:relative; border-bottom:1px solid #fff; padding:0.5rem 120px 0px 70px; } .widget-mb-board.widget-style-type12 .widget-card-body .mb-board-text-lst > ul > li ul li { } .widget-mb-board.widget-style-type12 .widget-card-body .mb-board-text-lst > ul > li ul li.ttl { width:auto; float:none; font-weight:bold; font-size:1.1rem; } .widget-mb-board.widget-style-type12 .widget-card-body .mb-board-text-lst > ul > li ul li.ttl a { display:block; width:auto; font-weight:inherit; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .widget-mb-board.widget-style-type12 .widget-card-body .mb-board-text-lst > ul > li ul li.board-con { width:auto; padding:0.2rem 0px 0px 0px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .widget-mb-board.widget-style-type12 .widget-card-body .mb-board-text-lst > ul > li ul li.user-nm { width:110px; position:absolute; right:0px; bottom:0px; padding:0px; font-size:1rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; letter-spacing:-0.1rem; text-align:right; } .widget-mb-board.widget-style-type12 .widget-card-body .mb-board-text-lst > ul > li ul li.dt { position:absolute; left:0px; top:0px; width:60px; float:none; background:#f6f6f6; padding:0.5rem 0px; text-align:center; } .widget-mb-board.widget-style-type12 .widget-card-body .mb-board-text-lst > ul > li ul li.dt b { display:block; font-size:1.6em; color:#ff5a2b; color:var(--main); font-weight:bold; } .widget-mb-board.widget-style-type12 .widget-card-body .mb-board-text-lst > ul > li ul li.dt span { display:block; font-size:0.9em; } /*게시판위젯 > 타입13 (사진스토리) */ .widget-mb-board.widget-style-type13 .widget-card-body .mb-board-img-lst { padding-bottom:1.75rem; overflow:hidden; } .widget-mb-board.widget-style-type13 .widget-card-body .mb-board-img-lst .list_ul { } .widget-mb-board.widget-style-type13 .widget-card-body .mb-board-img-lst .list_li { width:70%; min-height:100px; border:1px solid #e2e2e2; } .widget-mb-board.widget-style-type13 .widget-card-body .mb-board-img-lst .list_ul .list_li div.contImg { } .widget-mb-board.widget-style-type13 .widget-card-body .mb-board-img-lst .list_ul .list_li a.img-link { display:block; width:100%; height:150px; overflow:hidden;} .widget-mb-board.widget-style-type13 .widget-card-body .mb-board-img-lst .list_ul .list_li a.img-link img { width:100%; height:100%; object-fit:cover; } .widget-mb-board.widget-style-type13 .widget-card-body .mb-board-img-lst .list_li ul { padding:1rem 0.8rem; font-weight:normal; } .widget-mb-board.widget-style-type13 .widget-card-body .mb-board-img-lst .list_li ul:after { content:""; display:block; clear:both; height:0px; overflow:hidden; } .widget-mb-board.widget-style-type13 .widget-card-body .mb-board-img-lst .list_li ul li { font-weight:normal; } .widget-mb-board.widget-style-type13 .widget-card-body .mb-board-img-lst .list_li ul li.ttl { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:1.2rem; font-weight:bold; } .widget-mb-board.widget-style-type13 .widget-card-body .mb-board-img-lst .list_li ul li.ttl a { font-weight:bold; } .widget-mb-board.widget-style-type13 .widget-card-body .mb-board-img-lst .list_li ul li.ttl .widget-item-new { background:linear-gradient(90deg, #6591d0, #7b79da); } .widget-mb-board.widget-style-type13 .widget-card-body .mb-board-img-lst .list_li ul li.ttl .widget-comment-cnt { color:#6593cf; color:var(--default); } .widget-mb-board.widget-style-type13 .widget-card-body .mb-board-img-lst .list_li ul li.board-con { border-bottom:1px solid #fff; padding-bottom:0.3rem; margin-bottom:0.3rem; } .widget-mb-board.widget-style-type13 .widget-card-body .mb-board-img-lst .list_li ul li.board-con a { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space:normal; line-height:1.5rem; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; font-weight:normal; } .widget-mb-board.widget-style-type13 .widget-card-body .mb-board-img-lst .list_li ul li.user-nm { display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:0.9em; } .widget-mb-board.widget-style-type13 .widget-card-body .mb-board-img-lst .list_li ul li.dt { display:inline-block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:0.9em; } .widget-mb-board.widget-style-type13 .widget-card-body .mb-board-img-lst .swiper-pagination { bottom:0;} .widget-mb-board.widget-style-type13 .swiper-button-next, .widget-mb-board.widget-style-type13 .swiper-container-rtl .swiper-button-prev, .widget-mb-board.widget-style-type13 .swiper-button-prev, .widget-mb-board.widget-style-type13 .swiper-container-rtl .swiper-button-next{display:none;} /* 게시판13 사진 영역 추가 수정 */ .widget-mb-board.widget-style-type13 .contImg{min-height:150px;} /*게시판위젯 > 타입15 (한줄공지형) */ .widget-mb-board.widget-style-type15 .widget-card { } .widget-mb-board.widget-style-type15 .widget-card-header { float:left; padding:0px; } .widget-mb-board.widget-style-type15 .widget-card-header .widget-card-header-body { border-bottom:0px solid #fff; } .widget-mb-board.widget-style-type15 .widget-card-header dl { border:0px solid #fff; padding:0px; margin:0px; } .widget-mb-board.widget-style-type15 .widget-card-header dl dt { border:0px solid #fff; border-bottom:0px solid #fff; padding:0px; margin:0px; height:30px; line-height:30px; } .widget-mb-board.widget-style-type15 .widget-card-header dl dt span { displayt:inline-block; font-size:0.8rem; color:#fff; background:#f35621; padding:1px 10px 2px 10px; margin-top:3px; border-radius:10px; vertical-align:top; } .widget-mb-board.widget-style-type15 .widget-card-header dl dt:after { display:none !important; } .widget-mb-board.widget-style-type15 .widget-card-header dl dd { border:0px solid #fff; padding:0px; margin:0px; } .widget-mb-board.widget-style-type15 .widget-card-header .widget-more-btn { display:none; } .widget-mb-board.widget-style-type15 .widget-card-body { min-height:auto; padding:0px !important; } .widget-mb-board.widget-style-type15 .mb-board-text-lst { overflow:hidden; } .widget-mb-board.widget-style-type15 .mb-board-text-lst .list_ul { height:30px; line-height:30px; } .widget-mb-board.widget-style-type15 .mb-board-text-lst .list_ul .list_li { } .widget-mb-board.widget-style-type15 .mb-board-text-lst .list_ul .list_li ul { padding:0px 50px 0px 10px; } .widget-mb-board.widget-style-type15 .mb-board-text-lst .swiper-pagination { position:absolute; top:-9999px; } .widget-mb-board.widget-style-type15 .mb-board-text-lst .swiper-button-prev { background:none; width:24px; height:24px; line-height:20px; border:1px solid #bebebe; text-align:center; padding:0px; margin:0px; left:auto; left:initial; right:27px; top:2px; } .widget-mb-board.widget-style-type15 .mb-board-text-lst .swiper-button-prev:before { content:"\f106"; display:inline-block; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:900; vertical-align:middle; } .widget-mb-board.widget-style-type15 .mb-board-text-lst .swiper-button-next { background:none; width:24px; height:24px; line-height:20px; border:1px solid #bebebe; text-align:center; padding:0px; margin:0px; left:auto; left:initial; right:0px; top:2px; } .widget-mb-board.widget-style-type15 .mb-board-text-lst .swiper-button-next:before { content:"\f107"; display:inline-block; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:900; vertical-align:middle; } /** 게시판 타입17 (탭- 커뮤니티형) **/ .widget-mb-board.widget-style-type17 .tpl-widget-body{padding:0;} .widget-mb-board.widget-style-type17 .widget-card-body{margin-top:10px; padding-left:0; padding-right:0; padding-bottom:0;} .widget-mb-board.widget-style-type17 .mb_board_menu_lst{display:table; width:90%; margin:0 auto 20px; table-layout:fixed; bordeR:1px solid #dbdbdd;} .widget-mb-board.widget-style-type17 .mb_board_menu_lst > li{display:table-cell; text-align:center; border-right:1px solid #dbdbdd;} .widget-mb-board.widget-style-type17 .mb_board_menu_lst > li:last-child{border-right:0;} .widget-mb-board.widget-style-type17 .mb_board_menu_lst > li a{display:block; padding:6px 5px; font-size:17px; color:#808080; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .widget-mb-board.widget-style-type17 .mb_board_base_cmnt_inner_lst > li{border-bottom:1px solid #828282;} .widget-mb-board.widget-style-type17 .mb_board_base_cmnt_inner_lst > li:first-child{border-top:2px solid #8b8b8b;} .widget-mb-board.widget-style-type17 .mb_board_base_cmnt_lst .info_lst{padding:26px 20px 30px;} .widget-mb-board.widget-style-type17 .info_lst .cat{display:none; margin-bottom:17px;} .widget-mb-board.widget-style-type17 .info_lst .cat > p{margin-bottom:0; padding:0 10px; font-size:21px; font-weight:normal; background-color:#dbdbdd; color:#808080; border:1px solid #dbdbdd;} .widget-mb-board.widget-style-type17 .info_lst .ttl > a{display:block; min-height:30px; font-size:20px; font-weight:normal; line-height:30px;} .widget-mb-board.widget-style-type17 .info_lst .board-con{margin-top:17px;} .widget-mb-board.widget-style-type17 .info_lst .board-con > a{max-height:52px; font-size:16px; font-weight:normal; line-height:26px; color:#666; text-overflow:ellipsis; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;s} .widget-mb-board.widget-style-type17 .info_lst .user-nm{margin-top:8px; font-size:16px; font-weight:normal; color:#9b9b9b;} .widget-mb-board.widget-style-type17 .info_lst .dt{font-size:16px; font-weight:normal;} .widget-mb-board.widget-style-type17 .info_lst .dt.dt_pstn_top{display:none; margin-bottom:8px; color:#666;} .widget-mb-board.widget-style-type17 .info_lst .dt.dt_pstn_botm{margin-top:8px; color:#9b9b9b;} .widget-mb-board.widget-style-type17 .info_lst .user-nm{display:none;} .widget-mb-board.widget-style-type17 .info_lst .view_more{margin-top:25px;} .widget-mb-board.widget-style-type17 .info_lst .view_more > a .ico_wrap{margin-left:12px;} .widget-mb-board.widget-style-type17 .info_lst .view_more > a .ico_wrap:after{content:"\f061"; font-size:17px; font-weight:300; color:#167efe; text-indent:0; display:inline-block; font-style:normal; font-variant:normal; text-rendering:auto; -webkit-font-smoothing:antialiased; font-family:"Font Awesome 5 Pro";} /* 더보기 버튼 */ .widget-mb-board.widget-style-type17 .widget-card-body{position:relative; padding-bottom:60px;} .widget-mb-board.widget-style-type17 .widget-card-header-body{position:static;} .widget-mb-board.widget-style-type17 .widget-card-body a.widget-more-btn{top:auto; right:auto; left:50%; bottom:0; padding:8px; background-color:#fff; color:#157efe; border:1px solid #157efe; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);} /* 액티브 컬러 */ .widget-mb-board.widget-style-type17 .mb_board_menu_lst li.active > a{background-color:#1d4d88; color:#fff;} /** 게시판 타입17 (탭- 커뮤니티형) 끝 **/ /**- 22.03 게시판 작성자 숨김 옵션 추가 -**/ /* 공통 */ .widget-mb-board.disuse-user-nm .mb-board-bas-lst li ul .ttl{width:80%;} /* 타입1 */ .widget-mb-board.widget-style-type1.disuse-user-nm .mb-board-bas-lst li ul .ttl{width:80%;} /* 타입3 */ .widget-mb-board.widget-style-type3.disuse-user-nm .mb-board-photo-lst ul li.dt{text-align:left;} /* 타입4 */ .widget-mb-board.widget-style-type4.disuse-user-nm .mb-board-bas-lst li .ttl{width:100%;} /* 타입6 */ .widget-mb-board.widget-style-type6.disuse-user-nm .mb-board-bas-lst li ul .ttl{width:80%;} /* 타입9 */ .widget-mb-board.widget-style-type9.disuse-user-nm .widget-card-body > ul > li > ul > li.dt{margin-left:0; padding-left:0; border-left:0;} /* 타입10 */ .widget-mb-board.widget-style-type10.disuse-user-nm .widget-card-body > ul > li > ul > li.dt{margin-left:0; padding-left:0; border-left:0;} /* 타입11 */ .widget-mb-board.widget-style-type11.disuse-user-nm .widget-card-body .list_li ul li.dt{float:left;} /* 타입12 */ .widget-mb-board.widget-style-type12.disuse-user-nm .widget-card-body .mb-board-text-lst > ul > li ul{padding-right:0;} /**- 22.03 게시판 작성자 숨김 옵션 추가 끝-**/ /** 행사 참석자 명함 **/ /* 공통 */ .widget-mb-auspc .widget-card-body .mb-auspc-vert-lst dt h5:before{content:""; display:table; width:100%; height:0.625rem; margin-bottom:0.5rem; background:url('images/quot-01.png') no-repeat center; background-size:contain;} .widget-mb-auspc .widget-card-body .mb-auspc-vert-lst dt h5:after{content:""; display:table; width:100%; height:0.625rem; margin-top:0.5rem; background:url('images/quot-02.png') no-repeat center; background-size:contain;} /*행사 참석자 명함*/ /*행사 행사 참석자 명함 > 타입1*/ .widget-mb-auspc.widget-style-type1 .widget-card-header{min-height:32px;} .widget-mb-auspc.widget-style-type1 .widget-card-body .mb-auspc-vert-lst dt:before{margin-bottom:0.5rem;} .widget-mb-auspc.widget-style-type1 .widget-card-body{padding:0.5rem 1rem;} .widget-mb-auspc.widget-style-type1 .widget-card-body .mb-auspc-vert-lst:after{display:block; clear:both; content:"";} .widget-mb-auspc.widget-style-type1 .widget-card-body .mb-auspc-vert-lst > li{ float:left; width:50%;} .widget-mb-auspc.widget-style-type1 .widget-card-body .mb-auspc-vert-lst li .item-wrap{position:relative; margin:0.4rem; background-color:#fff; border:1px solid rgba(0, 0, 0, 0.125);} .widget-mb-auspc.widget-style-type1 .widget-card-body .mb-auspc-vert-lst li:nth-child(odd) .item-wrap{margin-left:0;} .widget-mb-auspc.widget-style-type1 .widget-card-body .mb-auspc-vert-lst li:nth-child(even) .item-wrap{margin-right:0;} .widget-mb-auspc.widget-style-type1 .widget-card-body .mb-auspc-vert-lst li .auspc-item{padding:0 0.8rem;} .widget-mb-auspc.widget-style-type1 .widget-card-body .mb-auspc-vert-lst li .auspc-item .auspc-sta-wrap span{position:absolute; top:0; left:0; width:50%; padding:0.5rem 0; font-size:1rem; font-weight:normal; text-align:center; background-color:#505764; color:#fff;} .widget-mb-auspc.widget-style-type1 .widget-card-body .mb-auspc-vert-lst li .auspc-item .auspc-sta-wrap span.auspc-sta-on{background-color:#769fc5;} .widget-mb-auspc.widget-style-type1 .widget-card-body .mb-auspc-vert-lst li .auspc-item > dt{width:100%; min-height:92px; margin-top:3.5rem; margin-bottom:1.125rem;} .widget-mb-auspc.widget-style-type1 .widget-card-body .mb-auspc-vert-lst li .auspc-item dt h5{margin-bottom:0;} .widget-mb-auspc.widget-style-type1 .widget-card-body .mb-auspc-vert-lst li .auspc-item dt h5 span{display:block; width:100%; font-size:28px; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .widget-mb-auspc.widget-style-type1 .widget-card-body .mb-auspc-vert-lst li .auspc-item > dd ul{padding:1rem; background-color:rgba(0, 0, 0, 0.03); border:1px solid #e7e7e7;} .widget-mb-auspc.widget-style-type1 .widget-card-body .mb-auspc-vert-lst li .auspc-item > dd ul li{width:100%; padding:3px 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .widget-mb-auspc.widget-style-type1 .widget-card-body .mb-auspc-vert-lst li .auspc-item > dd ul li i{display:none} .widget-mb-auspc.widget-style-type1 .widget-card-body .mb-auspc-vert-lst li.no_result {width:100%; height: 3.5em; margin-top:0rem; margin-bottom:1.125rem; background-color:#fff; border:1px solid rgba(0, 0, 0, 0.125); color:#888; line-height: 3.5rem; font-size:1rem; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} /*행사 행사 참석자 명함 > 타입3*/ .widget-mb-auspc.widget-style-type3 .widget-card-header{min-height:32px;} .widget-mb-auspc.widget-style-type3 .widget-card-body .mb-auspc-vert-lst dt:before{margin-bottom:0.5rem;} .widget-mb-auspc.widget-style-type3 .widget-card-body{padding:0.5rem 1rem;} .widget-mb-auspc.widget-style-type3 .widget-card-body .mb-auspc-vert-lst {padding-bottom:30px;} .widget-mb-auspc.widget-style-type3 .widget-card-body .mb-auspc-vert-lst:after{display:block; clear:both; content:"";} .widget-mb-auspc.widget-style-type3 .widget-card-body .mb-auspc-vert-lst > .mb-auspc-vert-lst-prt{float:left; width:50%;} .widget-mb-auspc.widget-style-type3 .widget-card-body .mb-auspc-vert-lst .mb-auspc-vert-lst-prt .item-wrap{position:relative; margin:0.4rem; padding:0.2rem 0.8rem; background-color:#fff; border:1px solid rgba(0, 0, 0, 0.125);} .widget-mb-auspc.widget-style-type3 .widget-card-body .mb-auspc-vert-lst .mb-auspc-vert-lst-prt:nth-child(odd) .item-wrap{margin-left:0;} .widget-mb-auspc.widget-style-type3 .widget-card-body .mb-auspc-vert-lst .mb-auspc-vert-lst-prt:nth-child(even) .item-wrap{margin-right:0;} .widget-mb-auspc.widget-style-type3 .widget-card-body .mb-auspc-vert-lst .mb-auspc-vert-lst-prt .auspc-item .auspc-sta-wrap span{margin-top: -2px; margin-left: -2px; position:absolute; top:0; left:0; width:50%; padding:0.5rem 0; font-size:1rem; font-weight:normal; text-align:center; background-color:#505764; color:#fff;} .widget-mb-auspc.widget-style-type3 .widget-card-body .mb-auspc-vert-lst .mb-auspc-vert-lst-prt .auspc-item .auspc-sta-wrap span.auspc-sta-on{background-color:#769fc5;} .widget-mb-auspc.widget-style-type3 .widget-card-body .mb-auspc-vert-lst .mb-auspc-vert-lst-prt .auspc-item > dt{width:100%; min-height:60px; margin-top:3.3rem; margin-bottom:1.125rem;} .widget-mb-auspc.widget-style-type3 .widget-card-body .mb-auspc-vert-lst .mb-auspc-vert-lst-prt .auspc-item > dt h5{line-height:1.75rem;} .widget-mb-auspc.widget-style-type3 .widget-card-body .mb-auspc-vert-lst .mb-auspc-vert-lst-prt .auspc-item dt h5 span{display:block; width:100%; height:56px; line-height:28px; font-size:28px; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .widget-mb-auspc.widget-style-type3 .widget-card-body .mb-auspc-vert-lst .mb-auspc-vert-lst-prt .auspc-item > dd ul{padding:1rem; background-color:rgba(0, 0, 0, 0.03); border:1px solid #e7e7e7;} .widget-mb-auspc.widget-style-type3 .widget-card-body .mb-auspc-vert-lst .mb-auspc-vert-lst-prt .auspc-item > dd ul li{width:100%; padding:3px 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .widget-mb-auspc.widget-style-type3 .widget-card-body .mb-auspc-vert-lst .mb-auspc-vert-lst-prt .auspc-item > dd ul li i{display:none} .widget-mb-auspc.widget-style-type3 .widget-card-body .mb-auspc-vert-lst .mb-auspc-vert-lst-prt.no_result {width:100%; height: 3.5em; margin-top:0rem; margin-bottom:1.125rem; background-color:#fff; border:1px solid rgba(0, 0, 0, 0.125); color:#888; line-height: 3.5rem; font-size:1rem; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .widget-mb-auspc.widget-style-type3 .widget-card-body .det-over-btn{display:none;} /*행사 행사 참석자 명함(우리모임행사) > 타입4*/ .widget-mb-auspc.widget-style-type4 .widget-card-body { } .widget-mb-auspc.widget-style-type4 .widget-card-body .mb-auspc-vert-lst { } .widget-mb-auspc.widget-style-type4 .widget-card-body .mb-auspc-vert-lst ul { padding:0px 0.8rem; } .widget-mb-auspc.widget-style-type4 .widget-card-body .mb-auspc-vert-lst ul li { } .widget-mb-auspc.widget-style-type4 .widget-card-body .mb-auspc-vert-lst ul li div.item-wrap { padding-bottom:0.4rem; } .widget-mb-auspc.widget-style-type4 .widget-card-body .mb-auspc-vert-lst ul li div.item-wrap a.auspc-item { display:block; padding:1rem; background:#dddddd; } .widget-mb-auspc.widget-style-type4 .widget-card-body .mb-auspc-vert-lst ul li div.item-wrap a.auspc-item:after { content:""; display:block; clear:both; height:0px; overflow:hidden; } .widget-mb-auspc.widget-style-type4 .widget-card-body .mb-auspc-vert-lst ul li div.item-wrap a.auspc-item div.auspc-sta-wrap { float:left; width:60px; height:60px; margin-right:1rem; border-radius:50%; background:#fff; line-height:60px; font-size:0.8em; text-align:center; } .widget-mb-auspc.widget-style-type4 .widget-card-body .mb-auspc-vert-lst ul li div.item-wrap a.auspc-item h5 { font-weight:normal; font-weight:1rem; padding:0.2rem 0px 0px 0px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .widget-mb-auspc.widget-style-type4 .widget-card-body .mb-auspc-vert-lst ul li div.item-wrap a.auspc-item ul { font-size:0.8em; } .widget-mb-auspc.widget-style-type4 .widget-card-body .mb-auspc-vert-lst ul li div.item-wrap a.auspc-item ul li { display:inline-block; margin-right:20px; } .widget-mb-auspc.widget-style-type4 .widget-card-body .mb-auspc-vert-lst ul li div.item-wrap a.auspc-item ul li:nth-of-type(2) { display:none; } .widget-mb-auspc.widget-style-type4 .widget-card-body .mb-auspc-vert-lst ul li.ongoing div.item-wrap a.auspc-item { background:linear-gradient(90deg, #6591d0, #7b79da); color:#fff; } .widget-mb-auspc.widget-style-type4 .widget-card-body .mb-auspc-vert-lst ul li.ongoing div.item-wrap a.auspc-item div.auspc-sta-wrap { color:#e01787; } .widget-mb-auspc.widget-style-type4 .widget-card-body .mb-auspc-vert-lst ul.mViewCnt1 > li { display:inline-block; width:calc(100% / 1) } .widget-mb-auspc.widget-style-type4 .widget-card-body .mb-auspc-vert-lst ul.mViewCnt2 > li { display:inline-block; width:calc(100% / 2) } .widget-mb-auspc.widget-style-type4 .widget-card-body .mb-auspc-vert-lst ul.mViewCnt3 > li { display:inline-block; width:calc(100% / 3) } .widget-mb-auspc.widget-style-type4 .widget-card-body .mb-auspc-vert-lst ul.mViewCnt4 > li { display:inline-block; width:calc(100% / 4) } .widget-mb-auspc.widget-style-type4 .widget-card-body .mb-auspc-vert-lst ul.mViewCnt5 > li { display:inline-block; width:calc(100% / 5) } .widget-mb-auspc.widget-style-type4 .widget-card-body .mb-auspc-vert-lst ul.mViewCnt6 > li { display:inline-block; width:calc(100% / 6) } /* 슈빅 어플 배너 */ /* 공통 */ .widget-mb-shuvicfooter .mb-banner-ok-talk ul li{display:inline-block;} .widget-mb-shuvicfooter .mb-banner-ok-talk ul li:first-child{margin-right:2%;} .widget-mb-shuvicfooter .mb-banner-ok-talk ul li a.btn{font-size:75%; font-weight:600; border:0;} .widget-mb-shuvicfooter .mb-banner-ok-talk ul li a.android-btn{background-color:#333} .widget-mb-shuvicfooter .mb-banner-ok-talk ul li a.ios-btn{background-color:#fff; color:#333;} .widget-mb-shuvicfooter .mb-banner-ok-talk i{margin-right:3px;} /* 공통 - 앱 다운로드 안내 */ .widget-mb-shuvicfooter .mb-banner-ok-talk-wrap.mb-banner-app-dl-wrap {background-image: url("/common/mobile/css/images/shuvic-footer-banner-img-06.png") !important; position: relative;} .widget-mb-shuvicfooter .mb-banner-ok-talk-wrap.mb-banner-app-dl-wrap h5 {color: #000 !important; text-shadow: 0px 0px 3px rgba(255,255,255,0.75); font-size: 1.375rem; line-height: 1.5; margin-bottom: 0; font-weight: 500; text-align: center !important;} .widget-mb-shuvicfooter .mb-banner-ok-talk-wrap.mb-banner-app-dl-wrap h5 > span {font-weight: bold; font-size: 1.5rem; word-break: keep-all;} .widget-mb-shuvicfooter .mb-banner-ok-talk-wrap.mb-banner-app-dl-wrap h5 + ul {margin-top: 0.5rem; text-align: center !important;} .widget-mb-shuvicfooter .mb-banner-app-dl {padding: 0 !important; position: absolute !important; top: 50% !important; left: 25% !important; transform: translateY(-50%) !important; width: 75% !important;} .widget-mb-shuvicfooter .banner-dafl-sharp-wrap > div > p {font-size: 2.5rem !important; line-height: 1.5 !important; word-break: keep-all;} .widget-mb-shuvicfooter .banner-dafl-sharp-wrap > div > h3 {margin-top: 1.5rem !important; line-height: 1.5 !important; word-break: keep-all;} /* 공통 끝 */ /* 타입1 */ .widget-mb-shuvicfooter.widget-style-type1 .mb-banner-ok-talk-wrap {background-image:url('images/shuvic-footer-banner-img-01.png'); background-size:cover; height: 250px;} .widget-mb-shuvicfooter.widget-style-type1 .mb-banner-ok-talk{padding:3.75rem 0; text-align:center; word-break:keep-all;} .widget-mb-shuvicfooter.widget-style-type1 .mb-banner-ok-talk h5{font-size:130%; font-weight:600; color:#fff;} .widget-mb-shuvicfooter.widget-style-type1 .mb-banner-ok-talk h5.shu-bann-grop-nm{color:#333;} .widget-mb-shuvicfooter.widget-style-type1 .mb-banner-ok-talk h6{width:35%; margin:0.3rem auto; padding:0.3rem 1.25rem; font-weight:600; color:#fff;} .widget-mb-shuvicfooter.widget-style-type1 .mb-banner-ok-talk ul{width:90%; margin:0 auto;} .widget-mb-shuvicfooter.widget-style-type1 .banner-elec-dc-appro-wrap {background-image: url("/common/css/images/banner/mo_elec_dc_appro_intro_banner.png"); background-size: cover; position: relative; background-repeat: no-repeat; height: 250px;} .widget-mb-shuvicfooter.widget-style-type1 .banner-elec-dc-appro-wrap > div {position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;} .widget-mb-shuvicfooter.widget-style-type1 .banner-elec-dc-appro-wrap > div ul {margin-top: 1rem;} .widget-mb-shuvicfooter.widget-style-type1 .banner-elec-dc-appro-wrap > div a {display: inline-block; text-align: center; width: 240px; color: #fff; padding: 0.5rem 0; border: 1px solid #fff; border-radius: 0.25rem; font-weight: 400; box-shadow: 0px 0px 4px rgba(0,0,0,0.35); font-size: 0.85rem; text-shadow: -1px 0px #353535, 0px 1px #353535, 1px 0px #353535, 0px -1px #353535;} .widget-mb-shuvicfooter.widget-style-type1 .banner-elec-dc-appro-wrap > div a:hover {border-color: #353535; background-color: #353535; transition: all 0.15s;} .widget-mb-shuvicfooter.widget-style-type1 .banner-elec-dc-appro-wrap > div a > img {display: inline-block; width: 30px; vertical-align: -0.25rem; margin-right: 0.375rem;} .widget-mb-shuvicfooter.widget-style-type1 .banner-elec-dc-appro-wrap > div > p {font-size: 1.5rem; line-height: 2rem; color: #fff; text-shadow: -1px 0px #353535, 0px 1px #353535, 1px 0px #353535, 0px -1px #353535; font-weight: 700; text-align: center; font-family: auto;} /* 타입1 -> 다플# 배너 CSS */ .widget-mb-shuvicfooter.widget-style-type1 .banner-dafl-sharp-wrap {background-image: url("/common/css/images/banner/mo-dafl-sharp-banner01.png"); background-size: cover; position: relative; background-repeat: no-repeat; height: 250px;} .widget-mb-shuvicfooter.widget-style-type1 .banner-dafl-sharp-wrap > div {position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;} .widget-mb-shuvicfooter.widget-style-type1 .banner-dafl-sharp-wrap > div ul {margin-top: 1rem;} .widget-mb-shuvicfooter.widget-style-type1 .banner-dafl-sharp-wrap > div a {display: inline-block; text-align: center; width: 240px; color: #fff; padding: 0.5rem 0; border: 1px solid #fff; border-radius: 0.25rem; font-weight: 400; box-shadow: 0px 0px 4px rgba(0,0,0,0.35); font-size: 0.85rem; text-shadow: -1px 0px #353535, 0px 1px #353535, 1px 0px #353535, 0px -1px #353535;} .widget-mb-shuvicfooter.widget-style-type1 .banner-dafl-sharp-wrap > div a:hover {border-color: #353535; background-color: #353535; transition: all 0.15s;} .widget-mb-shuvicfooter.widget-style-type1 .banner-dafl-sharp-wrap > div a > img {display: inline-block; width: 30px; vertical-align: -0.25rem; margin-right: 0.375rem;} .widget-mb-shuvicfooter.widget-style-type1 .banner-dafl-sharp-wrap > div > p {font-size: 2.5rem; line-height: 1.5; color: #fff; text-shadow: -1px 0px #353535, 0px 1px #353535, 1px 0px #353535, 0px -1px #353535; font-weight: 700; text-align: center; font-family: auto; word-break: keep-all;} .widget-mb-shuvicfooter.widget-style-type1 .banner-dafl-sharp-wrap > div > h3 {margin-top: 1.5rem; line-height: 2rem; color: #fff; text-shadow: -1px 0px #353535, 0px 1px #353535, 1px 0px #353535, 0px -1px #353535; font-weight: 700; text-align: center; font-family: auto; word-break: keep-all;} /* 타입2 */ .widget-mb-shuvicfooter.widget-style-type2 .mb-banner-ok-talk-wrap {background-image:url('images/shuvic-footer-banner-img-01.jpg'); background-size:cover; height: 250px;} .widget-mb-shuvicfooter.widget-style-type2 .mb-banner-ok-talk{padding:2.5rem 0 2.5rem 5%; color:#fff; word-break:keep-all;} .widget-mb-shuvicfooter.widget-style-type2 .mb-banner-ok-talk h4{font-weight:600;} .widget-mb-shuvicfooter.widget-style-type2 .mb-banner-ok-talk span{margin-bottom:0.5rem; font-weight:100;} .widget-mb-shuvicfooter.widget-style-type2 .mb-banner-ok-talk h6{margin-top:0.5rem;} .widget-mb-shuvicfooter.widget-style-type2 .banner-elec-dc-appro-wrap {background-image: url("/common/css/images/banner/mo_elec_dc_appro_intro_banner.png"); background-size: cover; position: relative; background-repeat: no-repeat; height: 250px;} .widget-mb-shuvicfooter.widget-style-type2 .banner-elec-dc-appro-wrap > div {position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;} .widget-mb-shuvicfooter.widget-style-type2 .banner-elec-dc-appro-wrap > div ul {margin-top: 1rem;} .widget-mb-shuvicfooter.widget-style-type2 .banner-elec-dc-appro-wrap > div a {display: inline-block; text-align: center; width: 240px; color: #fff; padding: 0.5rem 0; border: 1px solid #fff; border-radius: 0.25rem; font-weight: 400; box-shadow: 0px 0px 4px rgba(0,0,0,0.35); font-size: 0.85rem; text-shadow: -1px 0px #353535, 0px 1px #353535, 1px 0px #353535, 0px -1px #353535;} .widget-mb-shuvicfooter.widget-style-type2 .banner-elec-dc-appro-wrap > div a:hover {border-color: #353535; background-color: #353535; transition: all 0.15s;} .widget-mb-shuvicfooter.widget-style-type2 .banner-elec-dc-appro-wrap > div a > img {display: inline-block; width: 30px; vertical-align: -0.25rem; margin-right: 0.375rem;} .widget-mb-shuvicfooter.widget-style-type2 .banner-elec-dc-appro-wrap > div > p {font-size: 1.5rem; line-height: 2rem; color: #fff; text-shadow: -1px 0px #353535, 0px 1px #353535, 1px 0px #353535, 0px -1px #353535; font-weight: 700; text-align: center; font-family: auto;} /* 타입2 -> 다플# 배너 CSS */ .widget-mb-shuvicfooter.widget-style-type2 .banner-dafl-sharp-wrap {background-image: url("/common/css/images/banner/mo-dafl-sharp-banner01.png"); background-size: cover; position: relative; background-repeat: no-repeat; height: 250px;} .widget-mb-shuvicfooter.widget-style-type2 .banner-dafl-sharp-wrap > div {position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;} .widget-mb-shuvicfooter.widget-style-type2 .banner-dafl-sharp-wrap > div ul {margin-top: 1rem;} .widget-mb-shuvicfooter.widget-style-type2 .banner-dafl-sharp-wrap > div a {display: inline-block; text-align: center; width: 240px; color: #fff; padding: 0.5rem 0; border: 1px solid #fff; border-radius: 0.25rem; font-weight: 400; box-shadow: 0px 0px 4px rgba(0,0,0,0.35); font-size: 0.85rem; text-shadow: -1px 0px #353535, 0px 1px #353535, 1px 0px #353535, 0px -1px #353535;} .widget-mb-shuvicfooter.widget-style-type2 .banner-dafl-sharp-wrap > div a:hover {border-color: #353535; background-color: #353535; transition: all 0.15s;} .widget-mb-shuvicfooter.widget-style-type2 .banner-dafl-sharp-wrap > div a > img {display: inline-block; width: 30px; vertical-align: -0.25rem; margin-right: 0.375rem;} .widget-mb-shuvicfooter.widget-style-type2 .banner-dafl-sharp-wrap > div > p {font-size: 3rem; line-height: 3.5rem; color: #fff; text-shadow: -1px 0px #353535, 0px 1px #353535, 1px 0px #353535, 0px -1px #353535; font-weight: 700; text-align: center; font-family: auto;} .widget-mb-shuvicfooter.widget-style-type2 .banner-dafl-sharp-wrap > div > h3 {margin-top: 1.5rem; line-height: 2rem; color: #fff; text-shadow: -1px 0px #353535, 0px 1px #353535, 1px 0px #353535, 0px -1px #353535; font-weight: 700; text-align: center; font-family: auto;} /* 타입3 (faq)*/ .widget-mb-shuvicfooter.widget-style-type3{background:url('images/shuvic-footer-banner-img-03.jpg') no-repeat 0; background-size:cover; background-position:center;} .widget-mb-shuvicfooter.widget-style-type3 .mb-faq-banner{padding:2rem 0 2rem 1rem;} .widget-mb-shuvicfooter.widget-style-type3 .mb-banner-faq h1{font-size:1.5rem; word-break:keep-all;} .widget-mb-shuvicfooter.widget-style-type3 .mb-banner-faq .faq-more-btn{margin-top:0.8rem; padding:0.2rem 1.2rem; font-weight:600; background-color:#eccd22; color:#504725; bordeR:1px solid #eccd22; border-radius:50px;} /* 타입1 */ /* .widget-mb-shuvicfooter.widget-style-type1{} .widget-mb-shuvicfooter.widget-style-type1 .mb-banner-ok-talk-wrap {background:url('images/shuvic-footer-banner-img-01.png') no-repeat 0 center; background-size:cover;} .widget-mb-shuvicfooter.widget-style-type1 .mb-banner-ok-talk{padding:3rem 0; text-align:center; word-break:keep-all;} .widget-mb-shuvicfooter.widget-style-type1 .mb-banner-ok-talk.mb-banner-moim-hama {padding: 3.55rem 0;} .widget-mb-shuvicfooter.widget-style-type1 .mb-banner-ok-talk h5{font-size:130%; font-weight:600; color:#fff;} .widget-mb-shuvicfooter.widget-style-type1 .mb-banner-ok-talk h5.shu-bann-grop-nm{color:#333;} .widget-mb-shuvicfooter.widget-style-type1 .mb-banner-ok-talk h6{width:35%; margin:0.3rem auto; padding:0.3rem 1.25rem; font-weight:600; color:#fff;} .widget-mb-shuvicfooter.widget-style-type1 .mb-banner-ok-talk ul{width:90%; margin:0 auto;} .widget-mb-shuvicfooter.widget-style-type1 .mb-banner-moim-hama-wrap {background:url('/common/css/images/shuvic-footer-banner-img-01-phone.png') no-repeat 0 center; background-size:cover;} */ /* 타입2 */ /* .widget-mb-shuvicfooter.widget-style-type2{background:url('images/shuvic-footer-banner-img-01.jpg') no-repeat 0 center; background-size:cover;} .widget-mb-shuvicfooter.widget-style-type2 .mb-banner-ok-talk{padding:2.5rem 0 2.5rem 5%; color:#fff; word-break:keep-all;} .widget-mb-shuvicfooter.widget-style-type2 .mb-banner-ok-talk h4{font-weight:600;} .widget-mb-shuvicfooter.widget-style-type2 .mb-banner-ok-talk span{margin-bottom:0.5rem; font-weight:100;} .widget-mb-shuvicfooter.widget-style-type2 .mb-banner-ok-talk h6{margin-top:0.5rem;} */ /* 타입3 (faq)*/ /* .widget-mb-shuvicfooter.widget-style-type3{background:url('images/shuvic-footer-banner-img-03.jpg') no-repeat 0; background-size:cover; background-position:center;} .widget-mb-shuvicfooter.widget-style-type3 .mb-faq-banner{padding:2rem 0 2rem 1rem;} .widget-mb-shuvicfooter.widget-style-type3 .mb-banner-faq h1{font-size:1.5rem; word-break:keep-all;} .widget-mb-shuvicfooter.widget-style-type3 .mb-banner-faq .faq-more-btn{margin-top:0.8rem; padding:0.2rem 1.2rem; font-weight:600; background-color:#eccd22; color:#504725; bordeR:1px solid #eccd22; border-radius:50px;} */ /*알리미톡배너위젯 > 타입4*/ .widget-mb-shuvicfooter.widget-style-type4 .mb-banner-ok-talk { height:160px; position:relative; background:url("/common/mobile/css/images/shuvic-footer-banner-img-04.jpg") no-repeat center bottom #78c1d0; background-size:contain; } @media screen and (max-width: 374px) { .widget-mb-shuvicfooter.widget-style-type4 .mb-banner-ok-talk { height:130px;} .widget-mb-shuvicfooter.widget-style-type4 .mb-banner-ok-talk a { font-size:0.8rem; } } .widget-mb-shuvicfooter.widget-style-type4 .mb-banner-ok-talk h4 { position:absolute; top:-9999px; } .widget-mb-shuvicfooter.widget-style-type4 .mb-banner-ok-talk ul { position:absolute; top:-9999px; } .widget-mb-shuvicfooter.widget-style-type4 .mb-banner-ok-talk p { position:absolute; top:-9999px; } .widget-mb-shuvicfooter.widget-style-type4 .mb-banner-ok-talk a { position:absolute; left:65%; bottom:2%; background:none; color:#000; border:0px solid #fff; font-weight:bold; } .widget-mb-shuvicfooter.widget-style-type4 .mb-banner-ok-talk a i { margin-left:0.3rem; } /*알리미톡배너위젯(슈빅배너) > 타입5*/ .widget-mb-shuvicfooter.widget-style-type5 { overflow:hidden; } .widget-mb-shuvicfooter.widget-style-type5 .tpl-widget-content { height:250px; background:url("/common/mobile/css/images/shuvic-footer-banner-img-05.jpg") no-repeat center top; background-size:100% 100%;} /* .widget-mb-shuvicfooter.widget-style-type5 .mb-banner-ok-talk { height:220px; background:url("/common/mobile/css/images/shuvic-footer-banner-img-05-phone.png") no-repeat 3% -30%; background-size:160px auto; padding:20px 0px 0px 180px; } */ .widget-mb-shuvicfooter.widget-style-type5 .mb-banner-ok-talk-wrap { height:250px; background-image:url("/common/mobile/css/images/shuvic-footer-banner-img-05.jpg"); background-size:cover;} .widget-mb-shuvicfooter.widget-style-type5 .mb-banner-ok-talk {position: absolute; top: 50%; transform: translateY(-50%); width: 100%;} .widget-mb-shuvicfooter.widget-style-type5 .banner-elec-dc-appro-wrap {background-image: url("/common/css/images/banner/mo_elec_dc_appro_intro_banner.png"); background-size: cover; position: relative; background-repeat: no-repeat; height: 250px;} .widget-mb-shuvicfooter.widget-style-type5 .banner-elec-dc-appro-wrap > div {position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;} .widget-mb-shuvicfooter.widget-style-type5 .banner-elec-dc-appro-wrap > div ul {margin-top: 1rem;} .widget-mb-shuvicfooter.widget-style-type5 .banner-elec-dc-appro-wrap > div a {display: inline-block; text-align: center; width: 240px; color: #fff; padding: 0.5rem 0; border: 1px solid #fff; border-radius: 0.25rem; font-weight: 400; box-shadow: 0px 0px 4px rgba(0,0,0,0.35); font-size: 0.85rem; text-shadow: -1px 0px #353535, 0px 1px #353535, 1px 0px #353535, 0px -1px #353535;} .widget-mb-shuvicfooter.widget-style-type5 .banner-elec-dc-appro-wrap > div a:hover {border-color: #353535; background-color: #353535; transition: all 0.15s;} .widget-mb-shuvicfooter.widget-style-type5 .banner-elec-dc-appro-wrap > div a > img {display: inline-block; width: 30px; vertical-align: -0.25rem; margin-right: 0.375rem;} .widget-mb-shuvicfooter.widget-style-type5 .banner-elec-dc-appro-wrap > div > p {font-size: 1.5rem; line-height: 2rem; color: #fff; text-shadow: -1px 0px #353535, 0px 1px #353535, 1px 0px #353535, 0px -1px #353535; font-weight: 700; text-align: center; font-family: auto;} /* 타입5 -> 다플# 배너 CSS */ .widget-mb-shuvicfooter.widget-style-type5 .banner-dafl-sharp-wrap {background-image: url("/common/css/images/banner/mo-dafl-sharp-banner01.png"); background-size: cover; position: relative; background-repeat: no-repeat; height: 250px;} .widget-mb-shuvicfooter.widget-style-type5 .banner-dafl-sharp-wrap > div {position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;} .widget-mb-shuvicfooter.widget-style-type5 .banner-dafl-sharp-wrap > div ul {margin-top: 1rem;} .widget-mb-shuvicfooter.widget-style-type5 .banner-dafl-sharp-wrap > div a {display: inline-block; text-align: center; width: 240px; color: #fff; padding: 0.5rem 0; border: 1px solid #fff; border-radius: 0.25rem; font-weight: 400; box-shadow: 0px 0px 4px rgba(0,0,0,0.35); font-size: 0.85rem; text-shadow: -1px 0px #353535, 0px 1px #353535, 1px 0px #353535, 0px -1px #353535;} .widget-mb-shuvicfooter.widget-style-type5 .banner-dafl-sharp-wrap > div a:hover {border-color: #353535; background-color: #353535; transition: all 0.15s;} .widget-mb-shuvicfooter.widget-style-type5 .banner-dafl-sharp-wrap > div a > img {display: inline-block; width: 30px; vertical-align: -0.25rem; margin-right: 0.375rem;} .widget-mb-shuvicfooter.widget-style-type5 .banner-dafl-sharp-wrap > div > p {font-size: 3rem; line-height: 3.5rem; color: #fff; text-shadow: -1px 0px #353535, 0px 1px #353535, 1px 0px #353535, 0px -1px #353535; font-weight: 700; text-align: center; font-family: auto;} .widget-mb-shuvicfooter.widget-style-type5 .banner-dafl-sharp-wrap > div > h3 {margin-top: 1.5rem; line-height: 2rem; color: #fff; text-shadow: -1px 0px #353535, 0px 1px #353535, 1px 0px #353535, 0px -1px #353535; font-weight: 700; text-align: center; font-family: auto;} _:-ms-input-placeholder, :root .widget-mb-shuvicfooter.widget-style-type5 .mb-banner-ok-talk { background-size:100% 100%; } @media screen and (min-width:0\0) { .widget-mb-shuvicfooter.widget-style-type5 .mb-banner-ok-talk { background-size:100% 100%; } } .widget-mb-shuvicfooter.widget-style-type5 .mb-banner-ok-talk:before { content:""; display:inline-block; width:145px; height:190px; float:left; margin-left:10px; background:url("/common/mobile/css/images/shuvic-footer-banner-img-05-phone.png") no-repeat left top; background-size:130px auto; filter:drop-shadow(3px 3px 10px #444444); } .widget-mb-shuvicfooter.widget-style-type5 .mb-banner-ok-talk.mb-banner-app-dl:before {display: none;} .widget-mb-shuvicfooter.widget-style-type5 .mb-banner-ok-talk p { padding:0px; margin:0px; color:#fff; } .widget-mb-shuvicfooter.widget-style-type5 .mb-banner-ok-talk p:nth-of-type(1) { margin-top:20px; } .widget-mb-shuvicfooter.widget-style-type5 .mb-banner-ok-talk p:nth-of-type(1) strong { display:block; font-size:1.3rem; line-height:1.3rem; font-weight:800; } .widget-mb-shuvicfooter.widget-style-type5 .mb-banner-ok-talk p:nth-of-type(1) em { display:block; margin:0px 0px 6px 0px; font-style:normal; font-size:1rem; font-weight:bold; } .widget-mb-shuvicfooter.widget-style-type5 .mb-banner-ok-talk p:nth-of-type(2) { font-size:0.8rem; font-weight:100; } .widget-mb-shuvicfooter.widget-style-type5 .mb-banner-ok-talk p:nth-of-type(2) b { letter-spacing:0px; font-weight:normal; } @media screen and (max-width:440px){ .widget-mb-shuvicfooter.widget-style-type5 .mb-banner-ok-talk p span { display:block; } } .widget-mb-shuvicfooter.widget-style-type5 .mb-banner-ok-talk ul { padding:10px 0px 0px 0px; } .widget-mb-shuvicfooter.widget-style-type5 .mb-banner-ok-talk ul li { display:block; margin:0px 0px 6px 0px; } .widget-mb-shuvicfooter.widget-style-type5 .mb-banner-ok-talk ul li a { display:inline-block; width:170px; padding:0px 0.8rem; background:none; border:1px solid #fff; border-radius:5px; color:#fff; font-size:0.8rem; font-weight:100; line-height:1.8rem; text-align:left; } .widget-mb-shuvicfooter.widget-style-type5 .mb-banner-ok-talk ul li a i { font-size:1rem; margin-right:0.5rem; line-height:1.2rem; } .widget-mb-shuvicfooter.widget-style-type5 .mb-banner-ok-talk ul li:nth-of-type(1) a i { font-size:1.2rem; } .widget-mb-shuvicfooter.widget-style-type5 .mb-banner-ok-talk.mb-banner-app-dl ul li a {color: #333; border-color: #333; font-weight: 400;} @media screen and (max-width:374px){ .widget-mb-shuvicfooter.widget-style-type5 .mb-banner-ok-talk ul li a { display:inline-block; width:140px; padding:0px 0.8rem; background:none; border:1px solid #fff; border-radius:5px; color:#fff; font-size:0.6rem; font-weight:100; line-height:1.4rem; text-align:left; } .widget-mb-shuvicfooter.widget-style-type5 .mb-banner-ok-talk ul li a i { font-size:0.8rem; margin-right:0.5rem; line-height:0.9rem; } .widget-mb-shuvicfooter.widget-style-type5 .mb-banner-ok-talk ul li:nth-of-type(1) a i { font-size:1rem; } } /*하단위젯 사이트정보 (홈페이지 정보) > 타입1*/ .widget-mb-footer.widget-style-type1{padding:1rem; background:#000; color:#cdcdcd;} .widget-mb-footer.widget-style-type1 a{color:#cdcdcd;} .widget-mb-footer.widget-style-type1 .footer-top-wrap:after, .widget-mb-footer.widget-style-type1 .footer-top-wrap ul:after{display:block; clear:both; content:"";} .widget-mb-footer.widget-style-type1 .footer-top-wrap ul li{float:left;} .widget-mb-footer.widget-style-type1 .footer-top-wrap ul li:after{content:"|"; margin:0 5px 0 4px; font-size:75%; color:#cdcdcd;} .widget-mb-footer.widget-style-type1 .footer-top-wrap ul li:last-child:after{display:none;} .widget-mb-footer.widget-style-type1 .footer-top-wrap ul li a{font-size:75%;} .widget-mb-footer.widget-style-type1 .footer-bttom-wrap{margin-top:2.5rem; word-break: keep-all;} .widget-mb-footer.widget-style-type1 .footer-bttom-wrap ul{opacity:0.7;} .widget-mb-cafefooter.widget-style-type1{padding:1rem; background:#000; color:#cdcdcd;} .widget-mb-cafefooter.widget-style-type1 a{color:#cdcdcd;} .widget-mb-cafefooter.widget-style-type1 .footer-top-wrap:after, .widget-mb-cafefooter.widget-style-type1 .footer-top-wrap ul:after{display:block; clear:both; content:"";} .widget-mb-cafefooter.widget-style-type1 .footer-top-wrap ul li{float:left;} .widget-mb-cafefooter.widget-style-type1 .footer-top-wrap ul li:after{content:"|"; margin:0 5px 0 4px; font-size:75%; color:#cdcdcd;} .widget-mb-cafefooter.widget-style-type1 .footer-top-wrap ul li:last-child:after{display:none;} .widget-mb-cafefooter.widget-style-type1 .footer-top-wrap ul li a{font-size:75%;} .widget-mb-cafefooter.widget-style-type1 .footer-bttom-wrap{margin-top:2.5rem; word-break: keep-all;} .widget-mb-cafefooter.widget-style-type1 .footer-bttom-wrap ul{opacity:0.7;} /*하단위젯 사이트정보 > 타입2 (홈페이지 정보)*/ .widget-mb-footer.widget-style-type2{font-size:0.8rem;} .widget-mb-footer.widget-style-type2 .footer-top-wrap{padding:1rem 0; font-weight:100; background-color:#e3e3e3; color:#666; text-align: center;} .widget-mb-footer.widget-style-type2 .footer-top-wrap a{font-weight:100; color:#939393;} .widget-mb-footer.widget-style-type2 .footer-top-wrap h4{font-weight:400;} .widget-mb-footer.widget-style-type2 .footer-bottom-wrap{padding:0.8rem; font-weight:100; background-color:#2a2a2a; color:#fff; text-align: center;} .widget-mb-footer.widget-style-type2 .footer-bottom-wrap ul:after{display:block; clear:both; content:"";} .widget-mb-footer.widget-style-type2 .footer-bottom-wrap ul{display:inline-block;} .widget-mb-footer.widget-style-type2 .footer-bottom-wrap ul li{float:left;} .widget-mb-footer.widget-style-type2 .footer-bottom-wrap ul li:after{content:"|"; margin:0 5px;} .widget-mb-footer.widget-style-type2 .footer-bottom-wrap ul li:last-child:after{display:none;} .widget-mb-footer.widget-style-type2 .footer-bottom-wrap a{font-weight:100; color:#fff;} .widget-mb-footer.widget-style-type2 .footer-bottom-wrap p{width:40%; margin:0.5rem auto 0.1rem; font-size:0.75rem; border:0.5px solid #ababab;} .widget-mb-footer.widget-style-type2 .footer-bottom-wrap p i{margin-right:5px; font-size:0.5rem} /*하단위젯 사이트정보 (홈페이지 정보) > 타입3*/ .widget-mb-footer.widget-style-type3{padding: 0 0.5rem 1rem; text-align:center; background-color:#000; color:#888a8f;} .widget-mb-footer.widget-style-type3 a{color:#888a8f;} .widget-mb-footer.widget-style-type3 h4{margin:1rem; font-weight:500; color:#fff; opacity:.7} .widget-mb-footer.widget-style-type3 ul{font-size:0.8rem;} /* 21.04 수정 요청 : 개인정보취급방침이랑 **버전으로 보기가 눈에 띄게 */ .widget-mb-footer.widget-style-type3 ul li a{color:#ababab;} .widget-mb-footer.widget-style-type3 ul li.indvdl_info_rule a{font-weight:bold; color:#fff;} .widget-mb-footer.widget-style-type3 ul li.version_mobile a{font-weight:bold; color:#a6c3fe;} /*하단위젯 사이트정보 > 타입4*/ .widget-mb-footer.widget-style-type4 { color:#606060; font-size:0.85rem; line-height:1rem; } .widget-mb-footer.widget-style-type4 a { color:#606060; font-size:0.85rem; } .widget-mb-footer.widget-style-type4 .footer-menu { border-top:3px solid #dddddd; } .widget-mb-footer.widget-style-type4 .footer-menu ul { padding:14px 0px 13px 0px; text-align:center; } .widget-mb-footer.widget-style-type4 .footer-menu ul li { display:inline-block; padding:0px; margin:0px; border-left:1px solid #000; line-height:0.8rem; } .widget-mb-footer.widget-style-type4 .footer-menu ul li:first-child { padding:0px; margin:0px; border-left:0px solid #000; } .widget-mb-footer.widget-style-type4 .footer-menu ul li a { display:inline-block; margin:0px 0.7rem; } .widget-mb-footer.widget-style-type4 .footer-info { border-top:1px solid #dddddd; padding:1rem; } .widget-mb-footer.widget-style-type4 .footer-info h4 { font-weight:bolder; font-size:1.3rem; padding:0.1rem 0px 0.5rem 0px; margin:0px; } .widget-mb-footer.widget-style-type4 .footer-info { } .widget-mb-footer.widget-style-type4 .footer-info:after { content:""; display:block; clear:both; height:0px; overflow:hidden; } .widget-mb-footer.widget-style-type4 .footer-info dl { padding:0px; margin:0px; } .widget-mb-footer.widget-style-type4 .footer-info dl div { position:relative; float:left; margin-right:15px; } .widget-mb-footer.widget-style-type4 .footer-info dl div dt { float:left; display:inline-block; width:21px; background:#8e6793; background:var(--main); color:#fff; padding:0px; margin:5px 6px 5px 0px; opacity:0.5; font-weight:lighter;vertical-align:middle; text-align:center; } .widget-mb-footer.widget-style-type4 .footer-info dl div dt abbr { display:inline-block; text-align:center; text-decoration:none; } .widget-mb-footer.widget-style-type4 .footer-info dl div dd { float:left; display:inline-block; padding:0px 3px 0px 0px; margin:5px 0px 5px 0px; word-break:keep-all; } .widget-mb-footer.widget-style-type4 .footer-info dl div dd+dd:before { content:"/ "; display:inline-block; margin:0px 3px; } .widget-mb-footer.widget-style-type4 .footer-info dl div dd a { } .widget-mb-footer.widget-style-type4 .footer-info dl div:nth-of-type(1) dt { position:absolute; top:-9999px; } .widget-mb-footer.widget-style-type4 .footer-info dl div:nth-of-type(1):after { content:""; display:block; clear:both; height:0px; overflow:hidden; } .widget-mb-footer.widget-style-type4 .footer-info dl div:nth-of-type(2) { clear:both; } .widget-mb-footer.widget-style-type4 .footer-dvcDspy { text-align:center; padding-bottom:1.3rem; } .widget-mb-footer.widget-style-type4 .footer-dvcDspy a { display:inline-block; background:#dddddd; padding:0.3rem 0.5rem; } /*하단위젯 사이트정보 > 타입5*/ .widget-mb-footer.widget-style-type5 { background:#2d2d2d; color:#959595; font-size:0.85rem; padding:0px 0px 2rem 0px; font-weight:300; } .widget-mb-footer.widget-style-type5 a { color:#959595; font-size:0.85rem; font-weight:300; } .widget-mb-footer.widget-style-type5 .footer-menu ul { padding:14px 0px 13px 0px; text-align:center; } @media screen and (max-width: 399px) { .widget-mb-footer.widget-style-type5 .footer-menu ul { letter-spacing:-0.1rem; } } .widget-mb-footer.widget-style-type5 .footer-menu ul li { display:inline-block; padding:0px; margin:0px; border-left:1px solid #535353; line-height:0.8rem; } .widget-mb-footer.widget-style-type5 .footer-menu ul li:first-child { padding:0px; margin:0px; border-left:0px solid #535353; } .widget-mb-footer.widget-style-type5 .footer-menu ul li a { display:inline-block; margin:0px 0.7rem; } .widget-mb-footer.widget-style-type5 .footer-info h4 { font-weight:bolder; font-size:1.3rem; padding:0.1rem 0px 0.5rem 0px; margin:0px; } .widget-mb-footer.widget-style-type5 .footer-info { text-align:center; } .widget-mb-footer.widget-style-type5 .footer-info:after { content:""; display:block; clear:both; height:0px; overflow:hidden; } .widget-mb-footer.widget-style-type5 .footer-info dl { text-align:center; } .widget-mb-footer.widget-style-type5 .footer-info dl div { position:relative; display:inline-block; padding:0px 0.5rem; } .widget-mb-footer.widget-style-type5 .footer-info dl div dt { display:inline-block; padding:0px; margin:0px 6px 0px 0px; font-weight:300; } .widget-mb-footer.widget-style-type5 .footer-info dl div dd { display:inline-block; padding:0px; margin:0px; word-break:keep-all; } .widget-mb-footer.widget-style-type5 .footer-info dl div dd+dd:before { content:"/ "; display:inline-block; margin:0px 3px; } .widget-mb-footer.widget-style-type5 .footer-info dl div dd a { } .widget-mb-footer.widget-style-type5 .footer-copyright { font-weight:300; text-align:center; padding:1rem 0px 0px 0px; } /**모바일 메뉴바1*/ body.use-mbmenubar .widget-mb-menubar{/* height:52px; */ width:100%; /* height:100%; */ margin-top:52px;} .widget-mb-menubar .logo .JS-header-title-btn{background-size: 35px 35px; padding-left: 35px;} .widget-mb-menubar .logo .JS-header-title-btn .invisible{display: none;} .widget-mb-menubar h5.logo a {display: inline-block; max-width: calc(100% - 80px); margin: 0 auto;} .widget-mb-menubar h5.logo a.main_title_two span { display:inline-block; white-space:pre-line; word-break:break-all; word-wrap:break-word; line-height:1.5rem; font-size:1rem; word-break: break-all;} .widget-mb-menubar h5.logo a span.big_logo { font-size:1.4rem; } .widget-mb-menubar h5.logo a span.bigbig_logo { font-size:1.8rem; } .widget-mb-menubar.widget-style-type1 .menu-home-btn{position:absolute; top:0; padding:0.5rem; color:#1b51f0; color:var(--main); } .widget-mb-menubar.widget-style-type1 .navbar{padding:0; background-color:#fff; box-shadow:0 1px 4px rgba(0,0,0,.5); -webkit-box-shadow:0 1px 4px rgba(0,0,0,.5);} .widget-mb-menubar.widget-style-type1 .navbar .logo{display:block; width:100%; height:52px; margin-bottom:0; font-size:1.1rem; color:#1b51f0; color:var(--main); text-align:center;} .widget-mb-menubar.widget-style-type1 .navbar .menu-navi-btn{position:fixed; top:0; right:0; padding:0.625rem 0.625rem 5px 0; cursor:pointer;} .widget-mb-menubar.widget-style-type1 .menu-navi-cont {position:relative; z-index:1000; min-height:calc(100vh - 108px ) !important; /* margin-top:53px; */ display:none; overflow:hidden; background-color:#fff;} .widget-mb-menubar.widget-style-type1 .menu-lst{margin:0; padding:0;} .widget-mb-menubar.widget-style-type1 .menu-lst > li{margin:-1px; margin-top:0; background-color:#1b51f0; background-color:var(--main);} .widget-mb-menubar.widget-style-type1 .menu-lst > li > a{display:block; padding:0.2rem 0.2rem 0.2rem 1rem; font-size:1.2rem; line-height: 40px; color:#fff; background-color:transparent; border:1px solid rgba(0,0,0,0.13); text-decoration:none !important;} .widget-mb-menubar.widget-style-type1 .menu-lst > li > a > i{position:absolute; right:0; padding:0.62rem 0.62rem 5px 0;} .widget-mb-menubar.widget-style-type1 .menu-lst > li.on > a > i{ color:#ff6347; color: var(--active);} .widget-mb-menubar.widget-style-type1 .menu-lst > li > ul {top:48px; z-index:1000; margin:0; padding:0; /* border:1px solid #eee; */ background-color:#fff; display:none;} .widget-mb-menubar.widget-style-type1 .menu-lst > li.on > ul{display:block;} .widget-mb-menubar.widget-style-type1 .menu-lst > li > ul > li{padding:0 1.25rem;} .widget-mb-menubar.widget-style-type1 .menu-lst > li > ul > li > a:before{content: "-";} .widget-mb-menubar.widget-style-type1 .menu-lst > li > ul > li > a {display:block; height:50px; line-height:50px; padding-left:1rem; font-size:1rem; border-bottom:1px solid #f5f5f5;} .widget-mb-menubar.widget-style-type1 .menu-lst > li > ul > li > a.on {font-weight:bold; text-decoration:none;} .widget-mb-menubar.widget-style-type1 .menu-mb-toolbar{position:relative; background-color:#dddddd;} .widget-mb-menubar.widget-style-type1 .menu-mb-toolbar.sec-login{padding:2rem .85rem; background-color:#ffffff} .widget-mb-menubar.widget-style-type1 .menu-mb-toolbar ul:after{display:block; clear:both; content:"";} body.tpl-loct-sxn-cd-0021.use-mbmenubar .widget-mb-menubar{height:0;} body.tpl-loct-sxn-cd-0021.use-mbmenubar .widget-mb-menubar.widget-style-type1 .navbar .logo{height:0; display:none; padding:0;} body.tpl-loct-sxn-cd-0021 .widget-mb-menubar.widget-style-type1 .menu-navi-cont{margin-top: 0} body.tpl-loct-sxn-cd-0021 .tpl-widget .widget-card {border:none;} @media (max-width: 360px) { .widget-mb-menubar.widget-style-type1 .menu-mb-toolbar.sec-login{padding:2rem 0.5rem;} } .widget-mb-menubar.widget-style-type1 .menu-mb-toolbar p {margin:1rem 0 0.5rem;} .widget-mb-menubar.widget-style-type1 .menu-mb-toolbar .fix-my-info{padding:0.625rem 1.25rem; background-color:#fff;} .widget-mb-menubar.widget-style-type1 .menu-mb-toolbar .fix-quickmenu-slide{padding:0.625rem; background-color:#ddf2f6; border-bottom:8px solid #ddd;} .widget-mb-menubar.widget-style-type1 .menu-mb-toolbar .fix-quickmenu-slide a{font-weight:500; color:#314456; border-right:1px solid #c8c8c8;} .widget-mb-menubar.widget-style-type1 .new-report-arm {position:absolute; top:2px; right:0; padding:2px 8.5px; background-color:#dc3545; color:#fff; border-radius:100%;; font-size:.9rem} .widget-mb-menubar.widget-style-type1 .mb-conv-pc a{border:1px solid #666; color:#666; background-color:#fff} .widget-mb-menubar.widget-style-type1 .JS-menu-back-btn{position:fixed;} /* 로그아웃*/ .widget-mb-menubar.widget-style-type1 .menu-mb-toolbar ul:after{display:block; content:""; clear:both;} .widget-mb-menubar.widget-style-type1 .menu-mb-toolbar ul li .move-page-btn{display:block; margin-top:7px;} .widget-mb-menubar.widget-style-type1 .menu-mb-toolbar .move-page-btn{padding:7px 1.1rem; color:#333; border:1px solid #333; border-radius:3rem; box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2);} .widget-mb-menubar.widget-style-type1 .menu-mb-toolbar .move-page-btn.loginPopBtn{ background-color:#17a2b8; background-color:var(--info); border:1px solid #17a2b8; border:1px solid var(--info); color:#ffffff} @media screen and (max-width: 419px) { .widget-mb-menubar.widget-style-type1 .menu-mb-toolbar ul li .move-page-btn{font-size:14px;} } /* 내 로그인 정보 */ .widget-mb-myaicenter.widget-style-type1 .widget-card{border-top:8px solid #e0e0e0 !important;} .tpl-widget .my-ai-center-wrap { background-color:#fff; border-bottom:8px solid #e0e0e0;} .tpl-widget .my-ai-center { padding:2rem 1rem 0.5rem 1rem; } .tpl-widget .my-ai-center-wrap ul:after{display:block; clear:both; content:"";} .tpl-widget .my-prfl-Photo{width: 100px; height: 134px; overflow: hidden; background-color: #e4e5e7;} .tpl-widget .my-prfl-Photo img{width: 100%; height: 100%; object-fit: fill;} .tpl-widget .my-prfl-info:after{display:block; content:""; clear:both;} .tpl-widget .my-prfl-info{width:100%;} .tpl-widget .my-prfl-info p{width:93%; margin-top: 1rem; margin-bottom: .5rem;} .tpl-widget .my-prfl-info p > .COMMON_MEMBER_INFO {word-break: break-all;} .tpl-widget .my-prfl-info .my-badge-id{padding: 0; text-align: left; font-size: 0.8rem; line-height: 1.5; color:#17a2b8;} .tpl-widget .my-prfl-info .btn-my-ai-center{padding: 4px 1.125rem; font-size:75%; font-weight:700; vertical-align: baseline; background-color:#fff; border: 1px solid #333333; border-radius: 20px; color: #333333; box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2);} .tpl-widget .my-prfl-info .my-prfl-detail-view{float:right; color: #bebebe;} .tpl-widget li.my-ai-center-log{margin-top:1.35rem;} .tpl-widget .my-ai-center-log .logoutBtn{margin-right:0.5rem; font-size: 0.95rem; color: #5f5f5f;} .tpl-widget .my-ai-center-log .btn-alram{margin: 0 1px; padding:0em 0.4em; font-size:75%; background-color: #dc3545; color: #fff; border-color: #dc3545; vertical-align: baseline; border-radius: 10rem;} .tpl-widget .my-ai-center-log .my-ai-center-admin{font-size: 0.95rem; color: #de2ba1;} /* 내 로그인 정보 (MY AI CENTER 위젯) 하단 */ .tpl-widget .my-ai-center-wrap .fix-quickmenu-slide{ display:table; width:100%; padding:0.625rem 0; background-color:#ddf2f6;} .tpl-widget .my-ai-center-wrap .fix-quickmenu-slide a{ display:table-cell; font-weight:500; color:#314456; border-right:1px solid #c8c8c8; letter-spacing:-1px; padding:.25rem 0} .tpl-widget .my-ai-center-wrap .fix-quickmenu-slide a i { margin-right:0.3rem; } .tpl-widget .my-ai-center-wrap .fix-quickmenu-slide a:last-child{border-right:none;} .tpl-widget .my-ai-center-wrap .fix-quickmenu-slide.fix-quickmenu-invisible{display:none;} /* myaicenter */ .widget-mb-myaicenter.widget-style-type1{ } .widget-mb-myaicenter.widget-style-type1 .widget-card{border:0;} .widget-mb-myaicenter.widget-style-type1 .widget-card-body{padding:0; } .widget-mb-myaicenter.widget-style-type1 .my-ai-center-wrap { padding-bottom:0px;} /*myaicenter > 타입2 > 통합*/ .widget-col-12 .widget-mb-myaicenter.widget-style-type2 { } .widget-mb-myaicenter.widget-style-type2 .tpl-widget-body { padding:1rem; background:#fff;} .widget-mb-myaicenter.widget-style-type2 .widget-card { padding:0px 94px 0px 0px; font-size:0.9rem; border:0; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body { position:relative; padding:0px; } /*myaicenter >타입2 > 로그인 전*/ .widget-mb-myaicenter.widget-style-type2 .widget-card-body a.btn-local-admin { position:absolute; bottom:-2rem; right:-5rem; z-index:1; background-color:red; color:#fff; border:1px solid red; text-align:center; line-height:15px;} .widget-mb-myaicenter.widget-style-type2 .widget-card-body ul.login-bas-form li.id-wrap { } .widget-mb-myaicenter.widget-style-type2 .widget-card-body ul.login-bas-form li.pwd-wrap { margin-top:0.2rem; position:relative; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body ul.login-bas-form li.pwd-wrap a.mpassEyeBtn { display:inline-block; position:absolute; top:4px; right:7px; margin-top:0.3rem; font-size:0.8em; color:#8e6796; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body ul.login-bas-form li input { border:1px solid #666; padding:5px 5px; width:100%; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body ul.login-bas-form li.btn-wrap { } .widget-mb-myaicenter.widget-style-type2 .widget-card-body ul.login-bas-form li.btn-wrap button.loginBtn { position:absolute; right:-94px; top:-1px; background:#094897; color:#fff; height:70px; width:84px; border:0px aolid #fff;} .widget-mb-myaicenter.widget-style-type2 .widget-card-body div.login-optin { padding:0.5rem 0px 0px 0px; } @media screen and(max-width:374px){ .widget-mb-myaicenter.widget-style-type2 .widget-card-body div.login-optin { position:static; white-space:nowrap; }} .widget-mb-myaicenter.widget-style-type2 .widget-card-body div.login-optin ul { padding:0px; margin:0px; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body div.login-optin ul li { display:inline-block; margin-right:1rem; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body div.login-help { display:block; height:18px; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body div.login-help ul { position:absolute; left:50%; margin-left:-47px; padding:0rem 0px 0px 0px; text-align:center; white-space:nowrap; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body div.login-help ul li { display:inline-block; margin-right:0.3rem; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body div.login-help ul li:before { content:"|"; display:inline-block; margin-right:0.3rem; font-size:0.8em; vertical-align:middle; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body div.login-help ul li a { vertical-align:middle; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body div.login-help ul li:nth-of-type(1) a { color:#ff5a2b; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body div.login-help ul li span { vertical-align:middle; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body div.login-help ul li:first-child:before { content:""; display:inline-block; margin-right:0rem; font-size:0.8em; } /*myaicenter >타입2 > 로그인 후*/ .widget-mb-myaicenter.widget-style-type2 .widget-card-body:after { content:""; display:block; clear:both; height:0px; overflow:hidden; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body ul.user-info { padding:0px; margin:0px; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body ul.user-info > li { padding:0px; margin:0px; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body ul.user-info > li.img-wrap { width:84px; height:112px; background:#eee; position:absolute; right:-94px; top:0px; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body ul.user-info > li.img-wrap img { width:100%; height:100%; object-fit:cover; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body ul.user-info > li ul { width:calc(100% - 48px); font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body ul.user-info > li ul li { display:inline; white-space:nowrap; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body ul.user-info > li ul li span { display:inline; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body ul.user-info > li ul li.login-user-nm { line-height:21px; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body ul.user-info > li ul li.login-user-pinfo { color:#4444a6; font-size:0.9em; line-height:21px; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body ul.user-info > li ul li.login-user-pinfo span { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body ul.user-info > li ul li.login-user-pinfo:before { content:"("; display:inline; line-height:21px; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body ul.user-info > li ul li.login-user-pinfo:after { content:")"; display:inline; line-height:21px; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body ul.user-info > li ul li:nth-of-type(3) { display:none; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body div button.logoutBtn { line-height:21px; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body div button.logoutBtn span { display:inline-block; line-height:21px; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body div.login-opt { margin-top:1rem; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body div.login-opt ul { padding:0px; margin:0px; padding:1.15rem 1rem; background:#094897; color:#fff; font-weight:bold; white-space:nowrap; letter-space:0.1rem; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body div.login-opt ul a { color:#fff; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body div.login-opt ul li { padding:0px; margin:0px; display:block; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body div.login-opt ul li.my-center { } .widget-mb-myaicenter.widget-style-type2 .widget-card-body div.login-opt ul li.my-center:before { content:"맞춤 마이페이지"; display:block; font-size:0.8em; font-weight:normal; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body div.login-opt ul li.my-center a:after { content:"로 가기"; display:inline-block; font-weight:normal; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body div.login-opt ul li.my-center a span { font-weight:bold; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body div.login-opt ul li.my-center a span:after { content:"페이지"; display:inline-block; font-weight:bold; margin-left:0.3rem; } @media screen and (max-width: 405px) { .widget-mb-myaicenter.widget-style-type2 .widget-card-body div.login-opt ul li.my-center a:after { display:none; } } .widget-mb-myaicenter.widget-style-type2 .widget-card-body div.login-opt ul li.my-center a:after { content:"\f105"; display:inline-block; font-style:normal; font-variant:normal; text-rendering:auto; font-weight:100; -webkit-font-smoothing:antialiased; font-family:"Font Awesome 5 Pro"; font-size:3rem; position:absolute; right:10px; bottom:0px; opacity:0.5; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body div.login-opt ul li.my-center a { } .widget-mb-myaicenter.widget-style-type2 .widget-card-body div.login-opt ul li.my-center a i { display:none; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body div.login-opt ul li.my-biz-home { display:none; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body div.login-opt ul li.my-page { display:none; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body > div:nth-of-type(2) { position:absolute; right:0px; top:0px; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body > div:nth-of-type(2) button { background:none; border:none; color:#000; padding:0px; margin:0px; font-size:0.9em; } .widget-mb-myaicenter.widget-style-type2 .widget-card-body > div:nth-of-type(2) button span { color:#000; } /* 패널 바로가기 메뉴 아이콘 버전 - 20200529 박혜영 */ .fix-quickmenu-icon{padding:1rem 0 0 0; margin:0 0 0 1px} .fix-quickmenu-icon > a{border:1px solid #eaeaea; background-color:#fff; text-align:center; margin-left:-1px; padding:.5rem 0 ;} .fix-quickmenu-icon > a span{display:block; width:45px; height:45px; margin:0 auto;} .fix-quickmenu-icon > a p{font-size:.85rem; letter-spacing:-1px; margin:0 !important;} .fix-quickmenu-icon > a span.ico-newlist{background: url("/common/css/images/mobile/ico-pannel-quick-newlist.png") no-repeat center center; background-size: 80%;} .fix-quickmenu-icon > a span.ico-membook{background: url("/common/css/images/mobile/ico-pannel-quick-membook.png") no-repeat center center; background-size: 100%;} .fix-quickmenu-icon > a span.ico-talk{background: url("/common/css/images/mobile/ico-pannel-quick-talk.png") no-repeat center center; background-size: 100%;} .fix-quickmenu-icon > a span.ico-qa{background: url("/common/css/images/mobile/ico-pannel-quick-qa.png") no-repeat center center; background-size: 100%;} .fix-quickmenu-icon > a span.ico-mymemmemo{background: url("/common/css/images/mobile/ico-pannel-quick-myMem_memo.png") no-repeat center center; background-size: 100%;} .fix-quickmenu-icon > a span.ico-mymemo{background: url("/common/css/images/mobile/ico-pannel-quick-myMemo.png") no-repeat center center; background-size: 100%;} .fix-quickmenu-icon > a span.ico-quicksee{background: url("/common/css/images/mobile/ico-pannel-quick-seeAmem.png") no-repeat center center; background-size: 100%;} .widget-mb-myaicenter.widget-style-type1 .fix-quickmenu-icon{margin:0;} .widget-mb-myaicenter.widget-style-type1 .fix-quickmenu-icon > a{margin-left:0; border-right:0;} .widget-mb-myaicenter.widget-style-type1 .fix-quickmenu-icon > a:first-child{border-left:0;} /* 21.10 추가 */ .fix-quickmenu-icon{display:table; width:100%; table-layout:fixed;} .fix-quickmenu-icon > a{display:table-cell;} /* 글쓰기 버튼 한곳에서만 design.mobile.common.old 에도 있음 .fixed-btn{position:fixed; bottom:5rem; right:1rem; z-index:9999;} .fixed-btn a.writeBtn{width:80px; height:80px; color:#fff;} .fixed-btn a i{color:#fff;}*/ /* 20.06.01 이슈 : 작은 디바이스에서 글쓰기 버튼과 페이징이 겹치는 문제 > 여닫기 버튼 추가 > 글쓰기 버튼 위치 조정으로 보류 .fixed-btn{width:80px; height:80px;} .fixed-btn a.writeBtn{position:absolute; top:0; right:0;} .fixed-btn .Js-toggleBtn{background-color:#4e4e4e; color:#fff; display:inline-block; width:40px; height:40px; line-height:40px; text-align:center; position:fixed; right:0.8rem; bottom:10.5rem; box-shadow:1px 1px 5px #333;} .fixed-btn .writeMore{line-height: 40px; display:block; width: inherit; height: inherit; padding: 0; text-align: center; color: #fff; box-shadow: 1px 1px 5px #333; background-color:#1b51f0; background-color: var(--main);} */ /**홈페이지 하단메뉴*/ body.use-mbbottommenu .widget-mb-bottommenu{height:0;} body.use-mbbottommenu.tpl-loct-sxn-cd-0012 .widget-mb-bottommenu{height:52px;} .widget-mb-bottommenu.widget-style-type1 .mb-bottom-menu-wrap {position:fixed; left:50%; bottom:0; width:100%; text-align:center; z-index:9999; background-color:#fff; color:#888; border-top:1px solid #c9c9c9; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);} .widget-mb-bottommenu.widget-style-type1 .mb-bottom-menu-wrap .row {margin:0; padding: 0;} .widget-mb-bottommenu.widget-style-type1 .mb-bottom-menu-wrap .row .col {position:relative; width:20%; padding:0;} .widget-mb-bottommenu.widget-style-type1 .mb-bottom-menu-wrap .row .col a{position:relative; display:block; width:100%; height:100%; padding-top:10px; color:#888;text-decoration: none !important;} /* .widget-mb-bottommenu.widget-style-type1 .mb-bottom-menu-wrap .row .col a:hover{ background-color:#1b51f0; background-color: var(--main); color: #fff; text-decoration:none;} .widget-mb-bottommenu.widget-style-type1 .mb-bottom-menu-wrap .row .col a:hover p{color: #fff;} */ /* .widget-mb-bottommenu.widget-style-type1 .mb-bottom-menu-wrap .row .col.active { background-color:#1b51f0; background-color:var(--main);} .widget-mb-bottommenu.widget-style-type1 .mb-bottom-menu-wrap .row .col.active p{ color:#1b51f0; color:var(--main);} */ .widget-mb-bottommenu.widget-style-type1 .mb-bottom-menu-wrap .row .col a p{margin-bottom:0; color:#888888; color:var(--off); font-size:0.85rem;} .widget-mb-bottommenu .bottom-menu-badge-position{position:relative;} .widget-mb-bottommenu .bottom-menu-badge-mobile, .widget-mb-bottommenu .bottom-menu-badge-app{position:absolute; top:-9px; right:10px; width:54px; height:17px; font-size:70%; font-weight: normal; background-color:#27a232; color:#fff; border-radius:30px;} .widget-mb-bottommenu .bottom-menu-badge-app{background-color:#ff811c;} .widget-mb-bottommenu.widget-style-type1 .mb-bottom-menu-wrap .row .col a.active i, .widget-mb-bottommenu.widget-style-type1 .mb-bottom-menu-wrap .row .col a.active p{ color:#4ea2f0; color: var(--sub);} .widget-mb-bottommenu.widget-style-type1 .JS-mem-quick-btn a { line-height: 1.25; display: block; width: 65px; height: 65px; padding: 1rem 0; text-align: center; color: #ffffff; box-shadow: 1px 1px 5px #333; background-color:#17a2b8; background-color: var(--main); } .widget-mb-bottommenu.widget-style-type1 .JS-mem-quick-btn a {position: fixed; right: 1rem; z-index: 999; padding-top: 1rem; font-size: 87%; letter-spacing: -1px; line-height: 1.2; align-items: center !important; -webkit-box-align: center !important} .widget-mb-bottommenu.widget-style-type1 .JS-mem-quick-btn a.memIntsInqBtn { bottom: 12rem; background-color: #0055b1; padding-top: .5rem;} .widget-mb-bottommenu.widget-style-type1 .JS-mem-quick-btn a.prsnlcnntBtn { bottom: 16.5rem; background-color: #277eab; } .widget-mb-bottommenu.widget-style-type1 .JS-mem-quick-btn a.dayAttntBtn { bottom: 21rem; background-color: #42a9b8; padding-top: .5rem; } .widget-mb-bottommenu.widget-style-type1 .JS-mem-quick-btn a.memshpBtn { bottom: 25.5rem; background-color: #6b97c8; } .widget-mb-bottommenu .JS-mem-quick-menu-link-wrap { display: none; } /* 20.06.01 이슈 : 작은 디바이스에서 글쓰기 버튼과 페이징이 겹치는 문제 > 여닫기 버튼 추가 > 글쓰기 버튼 위치 조정으로 보류 */ /*** [21.12.20 하단 퀵 버튼 공통 디자인 개선] ***/ /* 바디 영역 */ .tpl-loct-sxn-cd-0011.useQuickFunc .widget-mb-footer{padding-bottom:70px;} .tpl-loct-sxn-cd-0012.useQuickFunc #mobileBody{margin-bottom:70px;} /* 퀵 버튼 */ .fixed-btn a, .memQuickBtn a{width:50px !important; height:50px !important; line-height:12.25px !important; color:#fff !important; box-shadow: 2px 2px 8px rgb(0 0 0 / 30%);} .disuseBookmark .fixed-btn, .disuseBookmark .memQuickBtn{bottom:4.5rem;} .widget-mb-bottommenu .JS-mem-quick-btn a{width:50px !important; height:50px !important; padding-top:1rem !important; font-size:1.125rem !important; background-color:#f4f6f8 !important; color:#333 !important;} .widget-mb-bottommenu .JS-mem-quick-btn .qucik_sub_ttl{position:fixed; right:75px; line-height:50px; color:#fff; z-index:999;} .widget-mb-bottommenu .JS-mem-quick-btn a.memIntsInqBtn, .widget-mb-bottommenu .JS-mem-quick-btn a.memIntsInqBtn + .qucik_sub_ttl{bottom:11.375rem !important;} .widget-mb-bottommenu .JS-mem-quick-btn a.prsnlcnntBtn, .widget-mb-bottommenu .JS-mem-quick-btn a.prsnlcnntBtn + .qucik_sub_ttl{bottom:15.75rem !important;} .widget-mb-bottommenu .JS-mem-quick-btn a.dayAttntBtn, .widget-mb-bottommenu .JS-mem-quick-btn a.dayAttntBtn + .qucik_sub_ttl{bottom:20.125rem !important;} .widget-mb-bottommenu .JS-mem-quick-btn a.memshpBtn, .widget-mb-bottommenu .JS-mem-quick-btn a.memshpBtn + .qucik_sub_ttl{bottom:24.5rem !important;} /* 홈 화면에 추가 바를 쓰지 않을때 */ .disuseBookmark .widget-mb-bottommenu .fixed-btn{bottom:4.5rem;} .disuseBookmark .widget-mb-bottommenu .JS-mem-quick-btn a.memIntsInqBtn, .disuseBookmark .widget-mb-bottommenu .JS-mem-quick-btn a.memIntsInqBtn + .qucik_sub_ttl{bottom:8.875rem !important;} .disuseBookmark .widget-mb-bottommenu .JS-mem-quick-btn a.prsnlcnntBtn, .disuseBookmark .widget-mb-bottommenu .JS-mem-quick-btn a.prsnlcnntBtn + .qucik_sub_ttl{bottom:13.25rem !important;} .disuseBookmark .widget-mb-bottommenu .JS-mem-quick-btn a.dayAttntBtn, .disuseBookmark .widget-mb-bottommenu .JS-mem-quick-btn a.dayAttntBtn + .qucik_sub_ttl{bottom:17.625rem !important;} .disuseBookmark .widget-mb-bottommenu .JS-mem-quick-btn a.memshpBtn, .disuseBookmark .widget-mb-bottommenu .JS-mem-quick-btn a.memshpBtn + .qucik_sub_ttl{bottom:22rem !important;} /* 타입2 */ .widget-mb-bottommenu.widget-style-type2 .JS-mem-quick-btn .qucik_sub_ttl{display:none;} /** 회원수첩 퀵 버튼 **/ .memQuickMenuLinkWrap .memQuickBtn > a{width:50px !important; height:50px !important; padding-top:1rem !important; font-size:1.125rem !important; background-color:#f4f6f8 !important; color:#333 !important;} .memQuickMenuLinkWrap .memQuickBtn .qucik_sub_ttl{position:fixed; right:75px; line-height:50px; color:#fff; z-index:999;} .memQuickMenuLinkWrap a.memIntsInqBtn, .memQuickMenuLinkWrap a.memIntsInqBtn + .qucik_sub_ttl{bottom:11.375rem !important;} .memQuickMenuLinkWrap a.prsnlcnntBtn, .memQuickMenuLinkWrap a.prsnlcnntBtn + .qucik_sub_ttl{bottom:15.75rem !important;} .memQuickMenuLinkWrap a.dayAttntBtn, .memQuickMenuLinkWrap a.dayAttntBtn + .qucik_sub_ttl{bottom:20.125rem !important;} .memQuickMenuLinkWrap a.memshpBtn, .memQuickMenuLinkWrap a.memshpBtn + .qucik_sub_ttl{bottom:24.5rem !important;} /* 홈 화면에 추가 바를 쓰지 않을때 */ .disuseBookmark .memQuickMenuLinkWrap .fixed-btn{bottom:4.5rem;} .disuseBookmark .memQuickMenuLinkWrap a.memIntsInqBtn, .disuseBookmark .memQuickMenuLinkWrap a.memIntsInqBtn + .qucik_sub_ttl{bottom:8.875rem !important;} .disuseBookmark .memQuickMenuLinkWrap a.prsnlcnntBtn, .disuseBookmark .memQuickMenuLinkWrap a.prsnlcnntBtn + .qucik_sub_ttl{bottom:13.25rem !important;} .disuseBookmark .memQuickMenuLinkWrap a.dayAttntBtn, .disuseBookmark .memQuickMenuLinkWrap a.dayAttntBtn + .qucik_sub_ttl{bottom:17.625rem !important;} .disuseBookmark .memQuickMenuLinkWrap a.memshpBtn, .disuseBookmark .memQuickMenuLinkWrap a.memshpBtn + .qucik_sub_ttl{bottom:22rem !important;} /** 회원수첩 퀵 버튼 끝 **/ /** [22.02 [하단 퀵 버튼 공통] 버튼 위치 수정] **/ .memQuickMenuLinkWrap a.board_module_list_btn, .memQuickMenuLinkWrap a.board_module_list_btn + .qucik_sub_ttl{bottom:15.75rem !important;} .disuseBookmark .memQuickMenuLinkWrap a.board_module_list_btn, .disuseBookmark .memQuickMenuLinkWrap a.board_module_list_btn + .qucik_sub_ttl{bottom:13.25rem !important;} /** [22.02 [하단 퀵 버튼 공통] 버튼 위치 수정 끝] **/ /*** [21.12.20 [하단 퀵 버튼 공통] 디자인 개선 끝] ***/ body.use-mbbottommenu .widget-mb-bottommenu{height:0;} .widget-mb-bottommenu.widget-style-type2 .mb-bottom-menu-wrap {position:fixed; left:0; bottom:0; width:100%; text-align:center; z-index:99; background-color:#fff; color:#888; border-top:1px solid #c9c9c9;} .widget-mb-bottommenu.widget-style-type2 .mb-bottom-menu-wrap .row {margin:0; padding: 0;} .widget-mb-bottommenu.widget-style-type2 .mb-bottom-menu-wrap .row .col {position:relative; width:20%; padding:0;} .widget-mb-bottommenu.widget-style-type2 .mb-bottom-menu-wrap .row .col a{position:relative; display:block; width:100%; height:100%; padding-top:10px; color:#888;text-decoration: none !important;} .widget-mb-bottommenu.widget-style-type2 .mb-bottom-menu-wrap .row .col a p{margin-bottom:0; color:#888888; color:var(--off); font-size:0.85rem;} .widget-mb-bottommenu.widget-style-type2 .mb-bottom-menu-wrap .row .col a.active i, .widget-mb-bottommenu.widget-style-type2 .mb-bottom-menu-wrap .row .col a.active p{ color:#4ea2f0; color: var(--sub);} .widget-mb-bottommenu .bottom-menu-badge-position{position:relative;} .widget-mb-bottommenu .bottom-menu-badge-mobile, .widget-mb-bottommenu .bottom-menu-badge-app{position:absolute; top:-9px; right:10px; width:54px; height:17px; font-size:70%; font-weight: normal; background-color:#27a232; color:#fff; border-radius:30px;} .widget-mb-bottommenu .bottom-menu-badge-app{background-color:#ff811c;} .widget-mb-bottommenu.widget-style-type2 .JS-mem-quick-btn a { line-height: 1.25; display: block; width: 65px; height: 65px; padding: 1rem 0; text-align: center; color: #ffffff; box-shadow: 1px 1px 5px #333; background-color:#1b51f0; background-color: var(--main); } .widget-mb-bottommenu.widget-style-type2 .JS-mem-quick-btn a {position: fixed; right: 1rem; z-index: 999; padding-top: 1rem; font-size: 87%; letter-spacing: -1px; line-height: 1.2; align-items: center !important; -webkit-box-align: center !important} .widget-mb-bottommenu.widget-style-type2 .JS-mem-quick-btn a.memIntsInqBtn { bottom: 12rem; background-color: #0055b1; padding-top: .5rem;} .widget-mb-bottommenu.widget-style-type2 .JS-mem-quick-btn a.prsnlcnntBtn { bottom: 16.5rem; background-color: #277eab; } .widget-mb-bottommenu.widget-style-type2 .JS-mem-quick-btn a.dayAttntBtn { bottom: 21rem; background-color: #42a9b8; padding-top: .5rem; } .widget-mb-bottommenu.widget-style-type2 .JS-mem-quick-btn a.memshpBtn { bottom: 25.5rem; background-color: #6b97c8; } .widget-mb-bottommenu .JS-mem-quick-menu-link-wrap { display: none; } .widget-mb-bottommenu.widget-style-type3 .mb-bottom-menu-wrap {position:fixed; left:50%; bottom:0; width:100%; text-align:center; z-index:100; background-color:#fff; color:#888; border-top:1px solid #c9c9c9; -wekbit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);} .widget-mb-bottommenu.widget-style-type3 .mb-bottom-menu-wrap .row {margin:0; padding: 0;} .widget-mb-bottommenu.widget-style-type3 .mb-bottom-menu-wrap .row .col {position:relative; width:20%; padding:0;} .widget-mb-bottommenu.widget-style-type3 .mb-bottom-menu-wrap .row .col a{position:relative; display:block; width:100%; height:100%; padding-top:10px; color:#888;text-decoration: none !important;} .widget-mb-bottommenu.widget-style-type3 .mb-bottom-menu-wrap .row .col a p{margin-bottom:0; color:#888888; color:var(--off); font-size:0.85rem;} .widget-mb-bottommenu.widget-style-type3 .mb-bottom-menu-wrap .row .col a.active i, .widget-mb-bottommenu.widget-style-type3 .mb-bottom-menu-wrap .row .col a.active p{ color:#4ea2f0; color: var(--sub);} .widget-mb-bottommenu.widget-style-type3 .JS-mem-quick-btn a { line-height: 1.25; display: block; width: 65px; height: 65px; padding: 1rem 0; text-align: center; color: #ffffff; box-shadow: 1px 1px 5px #333; background-color:#1b51f0; background-color: var(--main); } .widget-mb-bottommenu.widget-style-type3 .JS-mem-quick-btn a {position: fixed; right: 1rem; z-index: 999; padding-top: 1rem; font-size: 87%; letter-spacing: -1px; line-height: 1.2; align-items: center !important; -webkit-box-align: center !important} .widget-mb-bottommenu.widget-style-type3 .JS-mem-quick-btn a.memIntsInqBtn { bottom: 12rem; background-color: #0055b1; padding-top: .5rem;} .widget-mb-bottommenu.widget-style-type3 .JS-mem-quick-btn a.prsnlcnntBtn { bottom: 16.5rem; background-color: #277eab; } .widget-mb-bottommenu.widget-style-type3 .JS-mem-quick-btn a.dayAttntBtn { bottom: 21rem; background-color: #42a9b8; padding-top: .5rem; } .widget-mb-bottommenu.widget-style-type3 .JS-mem-quick-btn a.memshpBtn { bottom: 25.5rem; background-color: #6b97c8; } /**카페 메인위젯*/ /*게시판 공통*/ .no-result { color: #a0a0a0; font-size: 1rem} .no-result .badge { border-radius: 50%; padding: 5px; } .board-preview { position: relative; background-color: #ffffff; border: 1px solid #e4e4e4; border-left: 0; border-right: 0; padding: 1rem 0} .board-preview .more { float: right; display: block; } .board-preview h5 { padding-bottom: .5rem; border-bottom: 1px solid #e4e4e4; padding: 0 .75rem .5rem} .board-preview li { position: relative; font-size: 1rem; line-height: 120%; padding: .35rem .75rem; } .board-preview li a { width: 75%; display: inline-block; } .board-preview li:hover { background-color: #f5f5f5; } .board-preview a { text-decoration: none; } .board-preview li a i { font-size: .25rem; color: #cdcdcd} .board-preview li>span.date { font-size: .85rem; color: #888888; } .board-preview li>span.badge { vertical-align: middle} .board-preview .board-smry { color: #606060; font-size: .95rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.5em; height: 3.0em; } .m-board-bas-lst .board-preview .more { background: url(/common/css/images/mobile/ico_bbs_more.png) no-repeat ; background-size: 100%; width: 20px; height: 20px; } .m-board-bas-lst .board-preview .more span { display: none; } .m-board-aus-lst .board-preview .more { background: url(/common/css/images/mobile/ico_bbs_more.png) no-repeat ; background-size: 100%; width: 20px; height: 20px; } .m-board-aus-lst .board-preview .more span { display: none; } .m-board-aus-lst .board-preview { padding-bottom: 0; border-bottom: none; } .m-board-aus-lst .board-preview div { padding: 10px; } .m-board-aus-lst .board-preview div span { font-size: .9rem; color: #898989} /** [위젯] 모바일 바로가기 퀵메뉴 */ .widget-mb-quickmenudetset .widget-card-body .color-0000 a, .widget-mb-quickmenudetset .widget-card-body .color-0001 a div{background-color:#828282;} .widget-mb-quickmenudetset .widget-card-body ul li dd{word-break:keep-all;} .widget-mb-quickmenudetset .widget-card-body{padding:0 !important;} .widget-mb-quickmenudetset .widget-card-body ul li{display:inline-block; width:25%; text-align:center; vertical-align:top; border-right:1px solid #fff;} .widget-mb-quickmenudetset .widget-card-body ul li:last-child{border-right:0;} .widget-mb-quickmenudetset .widget-card-body ul li .item-wrap{display:block;} .widget-mb-quickmenudetset .widget-card-body ul li a{display:block; margin:0 auto; } .widget-mb-quickmenudetset .widget-card-body ul li div i{font-size:2.5rem; color:#fff} .widget-mb-quickmenudetset .widget-card-body ul li dt{margin-top:0.5rem; font-size:1rem; font-weight:500; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .widget-mb-quickmenudetset .widget-card-body ul li dd{font-weight:300;} .widget-mb-quickmenudetset .widget-card-body ul li.no-icon-wrap span.item-wrap a div { display:none; } .widget-mb-quickmenudetset .widget-card-body ul.type-round li a, .widget-mb-quickmenudetset .widget-card-body ul.type-round li a div{border-radius:15px;} .widget-mb-quickmenudetset .widget-card-body ul.color-0000 li a{padding:1rem 0;} .widget-mb-quickmenudetset .widget-card-body ul.color-0000 li a dd{display:none;} .widget-mb-quickmenudetset .widget-card-body .color-0000.type-circle li a{border-radius:100%; width:95%; padding:.8rem .25rem;} .widget-mb-quickmenudetset .widget-card-body .color-0000.type-circle li a i{font-size:1.75rem} .widget-mb-quickmenudetset .widget-card-body .color-0000.type-circle li dt{margin-top:.25rem} .widget-mb-quickmenudetset .widget-card-body .color-0000.type-circle li dd { font-size:0.8rem; } .widget-mb-quickmenudetset .widget-card-body ul.color-0001 li div{display:table; width:100%; margin:0 auto; color:#fff; padding:1rem 0;} .widget-mb-quickmenudetset .widget-card-body .color-0001.type-circle li a div{border-radius:100%; width:95%; padding:0 !important;} .widget-mb-quickmenudetset .widget-card-body > div{position:relative; background-repeat:no-repeat; background-size:cover; background-position:center; } .widget-mb-quickmenudetset .widget-card-body > div:after{content:""; position:absolute; width:100%; height:100%; top:0; left:0; bottom:0; right:0; background-color:rgba(0, 0, 0, 0.4); z-index:1;} .widget-mb-quickmenudetset .widget-card-body > div > ul{position:relative; z-index:2;} /** [위젯] 모바일 바로가기 퀵메뉴 타입2 */ .widget-mb-quickmenudetset.widget-style-type2 .widget-card {padding-left: 0.75rem; padding-right: 0.75rem; box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.15); border-radius: 0.5rem;} .widget-mb-quickmenudetset.widget-style-type2 .widget-card-header, .widget-mb-quickmenudetset.widget-style-type2 .widget-card-body {background-color: transparent !important;} .widget-mb-quickmenudetset.widget-style-type2 .widget-card-header {display: none;} .widget-mb-quickmenudetset.widget-style-type2 .widget-card-body ul {display: grid; grid-template-columns: repeat(1, 1fr); grid-auto-rows: 1fr;} .widget-mb-quickmenudetset.widget-style-type2 .widget-card-body ul li {width: 100% !important; display: flex; align-items: center;} .widget-mb-quickmenudetset.widget-style-type2 .widget-card-body ul li:not(:first-child) {border-top: 1px dashed #D4D4D4;} .widget-mb-quickmenudetset.widget-style-type2 .widget-card-body ul li .item-wrap {margin: 0 !important;} .widget-mb-quickmenudetset.widget-style-type2 .widget-card-body ul li i {color: #183893 !important;} .widget-mb-quickmenudetset.widget-style-type2 .widget-card-body ul li a {background-color: transparent !important; box-shadow: none !important; display: table; table-layout: fixed; width: 100%; padding: 0.5rem 0 !important;} .widget-mb-quickmenudetset.widget-style-type2 .widget-card-body ul li a > * {display: table-cell; vertical-align: middle;} .widget-mb-quickmenudetset.widget-style-type2 .widget-card-body ul li a > .ico_wrap {width: 5rem; position: relative; background-color: transparent !important;} .widget-mb-quickmenudetset.widget-style-type2 .widget-card-body ul li a > .ico_wrap > i {position: absolute; top: 50%; left: calc(50% - 0.375rem); transform: translate(-50%, -50%);} .widget-mb-quickmenudetset.widget-style-type2 .widget-card-body ul li a > .ico_wrap > i.shi {min-width: 54px;} .widget-mb-quickmenudetset.widget-style-type2 .widget-card-body ul li dl {text-align: left;} .widget-mb-quickmenudetset.widget-style-type2 .widget-card-body ul li dl > dt {font-size: 18px; font-weight: bold; color: #000;} .widget-mb-quickmenudetset.widget-style-type2 .widget-card-body ul li dl > dd {display: block !important; font-weight: 500; margin-top: 0.25rem; color: #000; font-size: 14px;} /* 검색 바 타입1 */ .m-total-search input { border:1px solid #1b51f0; border: 1px solid var(--main); margin-left: -1px; } .m-total-search button#resetBtn { background-color: #868e96; border: 1px solid #868e96; } .m-total-search button,.m-total-search button[type="submit"] { background-color:#1b51f0; background-color: var(--main); border:1px solid #1b51f0; border: 1px solid var(--main); color:#ffffff; color: var(--maintext); } .m-total-search button.resetBtn { background-color: #6c757d; border: 1px solid #6c757d; } /* 검색 바 타입2 */ .m-total-search.type2 input { border: none; border-bottom:3px solid #1b51f0; border-bottom: 3px solid var(--main); } .m-total-search.type2 button { border: none; border-bottom:3px solid #1b51f0; border-bottom: 3px solid var(--main); color:#1b51f0; color: var(--main); padding: .35rem .75rem; background-color:#ffffff; background-color: var(--maintext); } .m-total-search.type2 button:hover { background-color:#4ea2f0; background-color: var(--sub); color:#ffffff; color: var(--maintext); } /* 검색 바 타입3 */ .m-total-search.type1 .memseach-selcet { width: 100%; } .m-total-search.type3 .memseach-selcet { border: 1px solid #c8c8c8; height: 30px; } .m-total-search.type3 input { border: 1px solid #c8c8c8; padding: .25rem .5rem; height: 30px; } .m-total-search.type3 button { background-color: #c8c8c8; border: none; color: #333333} .m-total-search.type3 button:hover { background-color:#4ea2f0; background-color: var(--sub); color:#ffffff; color: var(--maintext); } .m-total-search.type3 button[type="submit"] { height: 30px; padding: .25rem .5rem; } /* 타입 2 리뷰형*/ .widget-mb-board.widget-style-type5{overflow-x:hidden; } .widget-mb-board.widget-style-type5 .board-preview .board-thumbnail { position: relative; display: block; color: #888888; background-color: #e6dae5; width: 100%; height: 100px; overflow: hidden; padding: 0} .widget-mb-board.widget-style-type5 .board-preview .board-thumbnail img { height: auto; object-fit: cover; width: 100%} .widget-mb-board.widget-style-type5 .board-preview .board-thumbnail.noImage { text-align: center; vertical-align: middle; padding-top: 30px; } .widget-mb-board.widget-style-type5 .board-preview .more { color: #000000; font-size: .85rem; border: 1px solid #dddddd; padding: 3px 7px; border-radius: 3px; } .widget-mb-board.widget-style-type5 .board-preview .more:after { content: ">"; vertical-align: text-top; margin-left: 3px; } .widget-mb-board.widget-style-type5 .board-preview .board-content { width: 100%; word-break: break-all; font-size: 1.25rem; line-height: 120%; } .widget-mb-board.widget-style-type5 .board-preview .board-content .date { color: #b8b8b8; font-size: 1rem; position: absolute; bottom: 0; line-height: 100%; } .widget-mb-board.widget-style-type5 .board-preview ul { border-bottom: 1px solid #e4e4e4; padding: 10px 0; } .widget-mb-board.widget-style-type5 .board-preview ul:hover { background-color: #f5f5f5; } .widget-mb-board.widget-style-type5 .board-preview ul:first-child { padding-top: 0; } .widget-mb-board.widget-style-type5 .board-preview ul:last-child { border-bottom: none; } /* 네이게이터 */ /* 배너 */ /* 공통 */ .widget-mb-banner .widget-card{border:0;} .widget-mb-banner .widget-card-body{padding:0;} .widget-mb-banner .widget-banner-lst h4, .widget-mb-banner .widget-banner-lst h6{display: block; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .widget-mb-banner .widget-banner-lst h4{margin-top:0.5rem;} .widget-mb-banner .widget-banner-lst h6{color:#333;} /* 배너 타입1 */ .widget-mb-banner.widget-style-type1 .widget-banner-lst > li{display:inline-block; width: calc(100%/3); vertical-align: top;} .widget-mb-banner.widget-style-type1 .widget-banner-lst > li >.banner-item-wrap{margin-bottom:0.5rem;} .widget-mb-banner.widget-style-type1 .widget-banner-lst > li:nth-child(3n-2) > .banner-item-wrap{margin-right:0.16rem;} .widget-mb-banner.widget-style-type1 .widget-banner-lst > li:nth-child(3n-1) > .banner-item-wrap{margin:0 0.16rem 0.5rem;} .widget-mb-banner.widget-style-type1 .widget-banner-lst > li:nth-child(3n) > .banner-item-wrap{margin-left:0.16rem;} .widget-mb-banner.widget-style-type1 .widget-banner-lst > li:last-child > .banner-item-wrap, .widget-mb-banner.widget-style-type1 .widget-banner-lst > li:nth-last-child(2) > .banner-item-wrap, .widget-mb-banner.widget-style-type1 .widget-banner-lst > li:nth-last-child(3) > .banner-item-wrap{margin-bottom:0;} .widget-mb-banner.widget-style-type1 .widget-banner-lst > li >.banner-item-wrap img{display:inline-block; width:100%; height:100%; vertical-align:middle; overflow: hidden; object-fit:contain;} .widget-mb-banner.widget-style-type1 .widget-banner-lst > li >.banner-item-wrap h4, .widget-mb-banner.widget-style-type1 .widget-banner-lst > li >.banner-item-wrap h6{display: block; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .widget-mb-banner.widget-style-type1 .widget-banner-lst > li >.banner-item-wrap h6{color:#333;} .widget-mb-banner.widget-style-type1 .widget-banner-lst.widget-banner-lst-cnt1 > li{width: 100%;} .widget-mb-banner.widget-style-type1 .widget-banner-lst.widget-banner-lst-cnt1 > li:nth-child(3n-2) > .banner-item-wrap{margin-right:0;} .widget-mb-banner.widget-style-type1 .widget-banner-lst.widget-banner-lst-cnt1 > li:nth-child(3n-1) > .banner-item-wrap{margin:0 0 0.5rem;} .widget-mb-banner.widget-style-type1 .widget-banner-lst.widget-banner-lst-cnt1 > li:nth-child(3n-1):last-child > .banner-item-wrap{margin-bottom:0;} .widget-mb-banner.widget-style-type1 .widget-banner-lst.widget-banner-lst-cnt1 > li:nth-child(3n) > .banner-item-wrap{margin-left:0;} .widget-mb-banner.widget-style-type1 .widget-banner-lst.widget-banner-lst-cnt2 > li{width: calc(100%/2);} .widget-mb-banner.widget-style-type1 .widget-banner-lst.widget-banner-lst-cnt2 > li:nth-child(odd) > .banner-item-wrap{margin-left:0; margin-right:0.25rem;} .widget-mb-banner.widget-style-type1 .widget-banner-lst.widget-banner-lst-cnt2 > li:nth-child(even) > .banner-item-wrap{margin-left:0.25rem; margin-right:0;} .widget-mb-banner.widget-style-type1 .widget-banner-lst.widget-banner-lst-cnt2 > li:nth-child(3n-1) > .banner-item-wrap{margin-right:0;} .widget-mb-banner.widget-style-type1 .widget-banner-lst.widget-banner-lst-cnt2 > li:nth-last-child(3) > .banner-item-wrap{margin-bottom:0.5rem;} /* 배너 타입2 */ .widget-mb-banner.widget-style-type2 .col{flex:0 0 100% ;max-width:100%;} .widget-mb-banner.widget-style-type2 .col > div{border:1px solid #cdcdcd;} .widget-mb-banner.widget-style-type2 .col > div img{display:block; width:100%; margin:0 auto; vertical-align:top;} .widget-mb-banner.widget-style-type2 .col > div a{display:block;} .widget-mb-banner.widget-style-type2 .widget-banner-lst-cnt2 .col{flex:0 0 50%; max-width:50%;} .widget-mb-banner.widget-style-type2 .widget-banner-lst-cnt2 .col:nth-child(odd) div{margin-right:0.25rem;} .widget-mb-banner.widget-style-type2 .widget-banner-lst-cnt2 .col:nth-child(even) div{margin-left:0.25rem;} .widget-mb-banner.widget-style-type2 .widget-banner-lst-cnt3 .col{flex:0 0 33.3%; max-width: 33.3%;} .widget-mb-banner.widget-style-type2 .widget-banner-lst-cnt3 .col:nth-child(3n-2) div{margin-right:0.16rem;} .widget-mb-banner.widget-style-type2 .widget-banner-lst-cnt3 .col:nth-child(3n-1) div{margin:0 0.16rem;} .widget-mb-banner.widget-style-type2 .widget-banner-lst-cnt3 .col:nth-child(3n) div{margin-left:0.16rem;} /**슬라이드*/ .widget-mb-slide > .tpl-widget-body > .tpl-widget-content > .widget-card{border: 0px;} .widget-mb-slide > .tpl-widget-body > .tpl-widget-content > .widget-card > .widget-card-body{padding: 0px;} .widget-mb-slide .swiper-pagination.swiper-pagination-bullets{display:none;} .widget-mb-slide .mb-slide img{width:100%;} /**웹앱 위젯*/ .widget-natvmain.widget-style-type1 .backPhoto{padding-top:1rem} .widget-natvmenubar.widget-style-type1.tpl-widget .widget-card-body{display:none;} .widget-natvmain.widget-style-type1 .widget-card-body{padding: 0 !important;} .widget-natvmain.widget-style-type1 .IndexConbox{padding:1rem 1rem 0rem 1rem; } .widget-natvmain.widget-style-type1 .IndexConbox p{font-weight:bold; font-size:1.15rem; margin-bottom:0; color:#2c54a5} .widget-natvmain.widget-style-type1 .IndexConbox ul{margin-bottom:0; margin-top:10px; } .widget-natvmain.widget-style-type1 .IndexConbox li{padding:0; position:relative; font-size:1.1rem; line-height:1.75; border-bottom:1px solid #eee;} .widget-natvmain.widget-style-type1 .IndexConbox li a{color:#606060; max-width:90%; display:inline-block; vertical-align:middle} .widget-natvmain.widget-style-type1 .newMem{padding-bottom:1rem} .widget-natvmain.widget-style-type1 .newMem ul{padding:0; margin:10px 0 10px 0} .widget-natvmain.widget-style-type1 .newMem li{width:18.5%; display:inline-block; text-align:center; font-size:.85rem; overflow:hidden ; border-bottom:none;} .widget-natvmain.widget-style-type1 .newMem li p{width:50px; height:50px; border-radius:50%; background-color:#eeeeee; margin:auto; border:1px solid #ddd} .widget-natvmain.widget-style-type1 .newMem li:nth-child(2) p{background-color:#cdbcea;} .widget-natvmain.widget-style-type1 .newMem li:nth-child(3) p{background-color:#95bca1;} .widget-natvmain.widget-style-type1 .newMem li:nth-child(4) p{background-color:#ecd7ce;} .widget-natvmain.widget-style-type1 .newMem li:nth-child(5) p{background-color:#cee1ec;} /* 계좌정보 */ .widget-mb-bankinfo .bank-logo.bank-code-gn{background:url("/common/css/images/bankico/bank_bnk.png") no-repeat center; background-size:contain; width: 25px; height: 25px; display: inline-block; margin-right:5px; vertical-align: middle;} .widget-mb-bankinfo .bank-logo.bank-code-busan{background:url("/common/css/images/bankico/bank_busan.png") no-repeat center; background-size:contain; width: 25px; height: 25px; display: inline-block; margin-right:5px; vertical-align: middle;} .widget-mb-bankinfo .bank-logo.bank-code-citi{background:url("/common/css/images/bankico/bank_city.png") no-repeat center; background-size:contain; width: 25px; height: 25px; display: inline-block; margin-right:5px; vertical-align: middle;} .widget-mb-bankinfo .bank-logo.bank-code-sinhyeop{background:url("/common/css/images/bankico/bank_cu.png") no-repeat center; background-size:contain; width: 25px; height: 25px; display: inline-block; margin-right:5px; vertical-align: middle;} .widget-mb-bankinfo .bank-logo.bank-code-daegu{background:url("/common/css/images/bankico/bank_dgb.png") no-repeat center; background-size:contain; width: 25px; height: 25px; display: inline-block; margin-right:5px; vertical-align: middle;} .widget-mb-bankinfo .bank-logo.bank-code-post{background:url("/common/css/images/bankico/bank_epost.png") no-repeat center; background-size:contain; width: 25px; height: 25px; display: inline-block; margin-right:5px; vertical-align: middle;} .widget-mb-bankinfo .bank-logo.bank-code-keb{background:url("/common/css/images/bankico/bank_hana.png") no-repeat center; background-size:contain; width: 25px; height: 25px; display: inline-block; margin-right:5px; vertical-align: middle;} .widget-mb-bankinfo .bank-logo.bank-code-ibk{background:url("/common/css/images/bankico/bank_ibk.png") no-repeat center; background-size:contain; width: 25px; height: 25px; display: inline-block; margin-right:5px; vertical-align: middle;} .widget-mb-bankinfo .bank-logo.bank-code-jb{background:url("/common/css/images/bankico/bank_jb.png") no-repeat center; background-size:contain; width: 25px; height: 25px; display: inline-block; margin-right:5px; vertical-align: middle;} .widget-mb-bankinfo .bank-logo.bank-code-kj{background:url("/common/css/images/bankico/bank_jb.png") no-repeat center; background-size:contain; width: 25px; height: 25px; display: inline-block; margin-right:5px; vertical-align: middle;} .widget-mb-bankinfo .bank-logo.bank-code-kakaobnk{background:url("/common/css/images/bankico/bank_kakao.png") no-repeat center; background-size:contain; width: 25px; height: 25px; display: inline-block; margin-right:5px; vertical-align: middle;} .widget-mb-bankinfo .bank-logo.bank-code-kb{background:url("/common/css/images/bankico/bank_kb.png") no-repeat center; background-size:contain; width: 25px; height: 25px; display: inline-block; margin-right:5px; vertical-align: middle;} .widget-mb-bankinfo .bank-logo.bank-code-kbank{background:url("/common/css/images/bankico/bank_kbank.png") no-repeat center; background-size:contain; width: 25px; height: 25px; display: inline-block; margin-right:5px; vertical-align: middle;} .widget-mb-bankinfo .bank-logo.bank-code-kdb{background:url("/common/css/images/bankico/bank_kdb.png") no-repeat center; background-size:contain; width: 25px; height: 25px; display: inline-block; margin-right:5px; vertical-align: middle;} .widget-mb-bankinfo .bank-logo.bank-code-mg{background:url("/common/css/images/bankico/bank_mg.png") no-repeat center; background-size:contain; width: 25px; height: 25px; display: inline-block; margin-right:5px; vertical-align: middle;} .widget-mb-bankinfo .bank-logo.bank-code-sanlim{background:url("/common/css/images/bankico/bank_nfcf.png") no-repeat center; background-size:contain; width: 25px; height: 25px; display: inline-block; margin-right:5px; vertical-align: middle;} .widget-mb-bankinfo .bank-logo.bank-code-nh{background:url("/common/css/images/bankico/bank_nh.png") no-repeat center; background-size:contain; width: 25px; height: 25px; display: inline-block; margin-right:5px; vertical-align: middle;} .widget-mb-bankinfo .bank-logo.bank-code-sc{background:url("/common/css/images/bankico/bank_sc.png") no-repeat center; background-size:contain; width: 25px; height: 25px; display: inline-block; margin-right:5px; vertical-align: middle;} .widget-mb-bankinfo .bank-logo.bank-code-sinhan{background:url("/common/css/images/bankico/bank_sinhan.png") no-repeat center; background-size:contain; width: 25px; height: 25px; display: inline-block; margin-right:5px; vertical-align: middle;} .widget-mb-bankinfo .bank-logo.bank-code-jeju{background:url("/common/css/images/bankico/bank_sinhan.png") no-repeat center; background-size:contain; width: 25px; height: 25px; display: inline-block; margin-right:5px; vertical-align: middle;} .widget-mb-bankinfo .bank-logo.bank-code-sh{background:url("/common/css/images/bankico/bank_suhyup.png") no-repeat center; background-size:contain; width: 25px; height: 25px; display: inline-block; margin-right:5px; vertical-align: middle;} .widget-mb-bankinfo .bank-logo.bank-code-wori{background:url("/common/css/images/bankico/bank_woori.png") no-repeat center; background-size:contain; width: 25px; height: 25px; display: inline-block; margin-right:5px; vertical-align: middle;} /* 계좌 정보 타입1 */ .widget-mb-bankinfo.widget-style-type1 .widget-card-header{position:relative;} .widget-mb-bankinfo.widget-style-type1 .widget-card-header-body dt{margin-bottom:0.3rem;} .widget-mb-bankinfo.widget-style-type1 .widget-card-header-body .JS-widget-clipboard-btn{position:absolute; top:0.5rem; right:1rem; padding:2px 5px; font-size: 1rem;} .widget-mb-bankinfo.widget-style-type1 .widget-card .widget-card-body{margin:0 0.625rem 0.5rem; padding:0.8rem 1.25rem; background-color:rgba(7, 88, 170, 0.2);} .widget-mb-bankinfo.widget-style-type1 .widget-card .widget-card-body dl{margin-bottom:0.5rem;} .widget-mb-bankinfo.widget-style-type1 .widget-card .widget-card-body dd{margin-bottom:0;} .widget-mb-bankinfo.widget-style-type1 .widget-card .widget-card-body dl:last-child{margin-bottom:0;} .widget-mb-bankinfo.widget-style-type1 .widget-card .widget-card-body dl dt, .widget-mb-bankinfo.widget-style-type1 .widget-card .widget-card-body dl dd{display: inline-block;} .widget-mb-bankinfo.widget-style-type1 .widget-card .widget-card-body dl dt{width:25%; font-weight:bold;} .widget-mb-bankinfo.widget-style-type1 .widget-card .bank-no dd{text-decoration:underline; cursor:pointer;} /* 한줄메모 */ .widget-mb-comment .ttl a{color:#000;} .widget-mb-comment .dt, .widget-mb-comment .user-nm a{color:#666;} .widget-mb-comment .board-bas-lst li ul:afater{display:block; clear:both; content:"";} .widget-mb-comment .ttl:before{content: "\f075"; color:#666; float:left; margin-right:5px; display: inline-block; font-weight:600; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Pro"; } /* 슈빅 배너 */ .widget-mb-shuvicbanner .widget-card{border:0;} .widget-mb-shuvicbanner .widget-card-body{padding:0;} .widget-mb-shuvicbanner .widget-card-body a, .widget-mb-shuvicbanner .widget-card-body img{display:block; width:100%; max-width:100%;} /* 비즈홈피 (미니홈피) */ .widget-mb-bizhome .widget-card-header-body{min-height:32px;} .widget-mb-bizhome .no-result dd{margin-top:0.8rem;}1 .widget-mb-bizhome .no-result dd a{padding: 0.3rem 0.5rem; background-color:#0758aa; background-color:var(--default); border:1px solid #0758aa; border:1px solid var(--default); color:#fff; border-radius:20px;} /*비즈홈피(미니홈피 / 회원사들의 사업) > 타입2 */ .widget-mb-bizhome.widget-style-type2 .widget-card-body { position:relative; } .widget-mb-bizhome.widget-style-type2 .widgetBizHpList { padding-bottom:1rem; overflow:hidden; } .widget-mb-bizhome.widget-style-type2 .memberAdList_ul { } .widget-mb-bizhome.widget-style-type2 .memberAdList_li { width:60%; min-height:100px; position:relative; } .widget-mb-bizhome.widget-style-type2 .widget-card-body .memberAdList_ul .memberAdList_li .img-link { position:relative; z-index:10; } .widget-mb-bizhome.widget-style-type2 .widget-card-body .memberAdList_ul .memberAdList_li .img-link a { display:block; width:100%; height:190px; background:#f5f1e8; } .widget-mb-bizhome.widget-style-type2 .widget-card-body .memberAdList_ul .memberAdList_li .img-link a img { width:100%; height:100%; object-fit:cover; } .widget-mb-bizhome.widget-style-type2 .memberAdList_li dl { position:absolute; left:0px; bottom:0px; z-index:20; width:100%; color:#fff; padding:0.5rem; line-height:0.9rem; font-size:0.8rem; } .widget-mb-bizhome.widget-style-type2 .memberAdList_li dl a { color:#fff; } .widget-mb-bizhome.widget-style-type2 .memberAdList_li dl:after { content:""; display:block; width:100%; height:100%; background:#000; opacity:0.7; position:absolute; left:0px; top:0px; z-index:-1; } .widget-mb-bizhome.widget-style-type2 .memberAdList_li dl dt { position:absolute; top:-9999px; padding:0px; margin:0px; } .widget-mb-bizhome.widget-style-type2 .memberAdList_li dl dd { padding:0px; margin:0px; } .widget-mb-bizhome.widget-style-type2 .memberAdList_li dl div.area_ttl { width:100%; padding:5px 5px 10px 5px; border-bottom:1px solid #585858; } .widget-mb-bizhome.widget-style-type2 .memberAdList_li dl .ttl { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:1rem; line-height:1rem; } .widget-mb-bizhome.widget-style-type2 .memberAdList_li dl div.area_info { width:100%; padding:8px 5px 0px 5px; } .widget-mb-bizhome.widget-style-type2 .memberAdList_li dl .user-nm { display:inline-block; width:auto; max-width:50%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .widget-mb-bizhome.widget-style-type2 .memberAdList_li dl .user-phon { display:inline-block; width:auto; max-width:50%; margin-left:0.5rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .widget-mb-bizhome.widget-style-type2 .memberAdList_li dl div.area_keyword { width:100%; padding:0px 5px 5px 5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:0.8rem; } .widget-mb-bizhome.widget-style-type2 .memberAdList_li dl .keyword { display:inline-block; } .widget-mb-bizhome.widget-style-type2 .memberAdList_li dl .keyword span { display:inline-block; margin:0px 0.3rem; } .widget-mb-bizhome.widget-style-type2 .memberAdList_li dl div.area_keyword dd:first-of-type span{ position:absolute; top:-9999px; } .widget-mb-bizhome.widget-style-type2 .swiper-pagination { bottom:0rem; } /*비즈홈피(미니홈피 / 회원사들의 사업) > 타입3 */ .widget-mb-bizhome.widget-style-type3{background-color:#f9f9f9;} .widget-mb-bizhome.widget-style-type3 .widget-card-header .widget-more-btn{border:1px solid #e8e8e8;} .widget-mb-bizhome.widget-style-type3 .widget-card-body { position:relative; } .widget-mb-bizhome.widget-style-type3 .widgetBizHpList { overflow:hidden; } .widget-mb-bizhome.widget-style-type3 .memberAdList_ul { } .widget-mb-bizhome.widget-style-type3 .memberAdList_li { width:100%; min-height:100px; position:relative; } .widget-mb-bizhome.widget-style-type3 .widget-card-body .memberAdList_ul .memberAdList_li .img-link { position:relative; z-index:10; } .widget-mb-bizhome.widget-style-type3 .widget-card-body .memberAdList_ul .memberAdList_li .img-link a { display:block; width:100%; height:168px; background:#e4e4e9; } .widget-mb-bizhome.widget-style-type3 .widget-card-body .memberAdList_ul .memberAdList_li .img-link a img { width:100%; height:100%; object-fit:cover; } .widget-mb-bizhome.widget-style-type3 .memberAdList_li dl { padding:0.5rem 0px; line-height:1.1rem; } .widget-mb-bizhome.widget-style-type3 .memberAdList_li dl a { } .widget-mb-bizhome.widget-style-type3 .memberAdList_li dl dt { position:absolute; top:-9999px; padding:0px; margin:0px; } .widget-mb-bizhome.widget-style-type3 .memberAdList_li dl dd { padding:0px; margin:0px; } .widget-mb-bizhome.widget-style-type3 .memberAdList_li dl div.area_ttl { width:100%; padding:5px 0px 10px 0px; border-bottom:1px solid #666; } .widget-mb-bizhome.widget-style-type3 .memberAdList_li dl .ttl { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:1.25rem; line-height:1.25rem; } .widget-mb-bizhome.widget-style-type3 .memberAdList_li dl div.area_info { width:100%; padding:5px 0px 0px 0px; } .widget-mb-bizhome.widget-style-type3 .memberAdList_li dl .user-nm { display:inline-block; width:auto; max-width:50%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .widget-mb-bizhome.widget-style-type3 .memberAdList_li dl .user-phon { display:inline-block; width:auto; max-width:50%; margin-left:0.5rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .widget-mb-bizhome.widget-style-type3 .memberAdList_li dl div.area_keyword { width:100%; padding:0px 0px 5px 0px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .widget-mb-bizhome.widget-style-type3 .memberAdList_li dl .keyword { display:inline-block; } .widget-mb-bizhome.widget-style-type3 .memberAdList_li dl .keyword span { display:inline-block; margin:0px 0.3rem; } .widget-mb-bizhome.widget-style-type3 .memberAdList_li dl div.area_keyword dd:first-of-type span{ position:absolute; top:-9999px; } .widget-mb-bizhome.widget-style-type3 .swiper-pagination { bottom:0rem; } /*비즈홈피(미니홈피 / 회원사들의 사업) > 타입4 */ .widget-mb-bizhome.widget-style-type4 .widget-card-body { } .widget-mb-bizhome.widget-style-type4 .widgetBizHpList { padding:0px 1rem; } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul { } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul:after { content:""; display:block; clear:both; } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li { float:left; padding:0.3rem; } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li .mbBizHome_li_wrap { border:1px solid #eaeaea; } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li div.img-link { } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li div.img-link a { display:block; width:100%; height:120px; background:#e4e4e9; } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li div.img-link a img { width:100%; height:100%; object-fit:cover; } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li dl { padding:0.5rem 0.5rem; line-height:1.1rem; letter-spacing:-0.1rem; font-size:0.9em; min-height:117px; } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li dl a { } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li dl dt { padding:0px; margin:0px; } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li dl dd { padding:0px; margin:0px; } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li dl div.ttl { width:100%; padding:3px 0px 3px 0px; font-size:1.15em; } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li dl div.ttl dt { position:absolute; top:-9999px; line-height:1.25rem; font-weight:bold; } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li dl div.ttl dd { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:1.25rem; font-weight:bold; } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li dl div.ttl dd a { font-weight:bold; } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li dl div.user-nm { padding:3px 0px 0px 0px; position:relative; padding-left:10px; letter-spacing:0px; } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li dl div.user-nm:before { content:""; display:inline-block; width:3px; height:3px; overflow:hidden; position:absolute; left:0px; top:50%; background:#ff5a2b; background:var(--main); } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li dl div.user-nm dt { float:left; font-weight:normal; } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li dl div.user-nm dd { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:normal; } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li dl div.user-nm dd:before { content:":"; display:inline-block; margin:0px 0.3rem; } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li dl div.user-phon { padding:3px 0px 3px 0px; position:relative; padding-left:10px; letter-spacing:0px; } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li dl div.user-phon:before { content:""; display:inline-block; width:3px; height:3px; overflow:hidden; position:absolute; left:0px; top:50%; background:#ff5a2b; background:var(--main); } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li dl div.user-phon dt { position:absolute; top:-9999px; font-weight:normal; } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li dl div.user-phon dd { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:normal; } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li dl div.keyword { width:100%; padding:3px 0px 3px 0px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li dl div.keyword dt { position:absolute; top:-9999px; font-weight:normal; } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li dl div.keyword dd { display:inline-block; padding:0.2rem 0.6rem; border:1px solid #ff5a2b; border-color:var(--main); border-radius:12px; color:#ff5a2b; color:var(--main); margin-left:0.2rem; } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li dl div.keyword dd:nth-of-type(1) { margin-left:0rem; } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li.no-result dl { line-height:2rem; } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li.no-result dl dt { font-weight:normal; } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li.mViewCnt0 { width:calc(100%/1); } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li.mViewCnt0:nth-of-type(1n+1) { clear:both; float:left; } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li.mViewCnt1 { width:calc(100%/1); } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li.mViewCnt1:nth-of-type(1n+1) { clear:both; float:left; } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li.mViewCnt2 { width:calc(100%/2); } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li.mViewCnt2:nth-of-type(2n+1) { clear:both; float:left; } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li.mViewCnt3 { width:calc(100%/3); } _:-ms-input-placeholder, :root .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li.mViewCnt3 { width:calc(100%/3.01); } @media screen and (min-width:0\0) { .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li.mViewCnt3 { width:calc(100%/3.01); } } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li.mViewCnt3:nth-of-type(3n+1) { clear:both; float:left; } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li.mViewCnt4 { width:calc(100%/4); } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li.mViewCnt4:nth-of-type(4n+1) { clear:both; float:left; } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li.mViewCnt5 { width:calc(100%/5); } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li.mViewCnt5:nth-of-type(5n+1) { clear:both; float:left; } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li.mViewCnt6 { width:calc(100%/6); } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li.mViewCnt6:nth-of-type(6n+1) { clear:both; float:left; } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li.mViewCnt7 { width:calc(100%/7); } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li.mViewCnt7:nth-of-type(7n+1) { clear:both; float:left; } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li.mViewCnt8 { width:calc(100%/8); } .widget-mb-bizhome.widget-style-type4 .widget-card-body .widgetBizHpList ul li.mViewCnt8:nth-of-type(8n+1) { clear:both; float:left; } /* 타입1*/ .widget-mb-bizhome.widget-style-type1 .mb-bizhp-container .swiper-slide{min-height:355px;} .widget-mb-bizhome.widget-style-type1 .mb-bizhp-lst{display:inline-block; width:100%; vertical-align:top;} .widget-mb-bizhome.widget-style-type1 .mb-bizhp-lst > ul{display:block; border:1px solid #ccc;} .widget-mb-bizhome.widget-style-type1 .mb-bizhp-lst .bizhp-det a > dl > dt{position:relative; display:block; width:100%; max-height:195px; min-height:195px; margin:0 auto; background-repeat:no-repeat; background-position:center; background-size: cover; border-bottom:1px solid #ccc; overflow:hidden;} .widget-mb-bizhome.widget-style-type1 .mb-bizhp-lst .bizhp-det a > dl > dt img{position:absolute; display:block; margin:0 auto; max-width:100%; height:100%; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%);} .widget-mb-bizhome.widget-style-type1 .mb-bizhp-lst .bizhp-det .bizhp-info{min-height:160px; margin-bottom:0; padding:0.5rem 1.25rem;} .widget-mb-bizhome.widget-style-type1 .mb-bizhp-lst .bizhp-det .bizhp-info > ul > li{margin:5px 0; } .widget-mb-bizhome.widget-style-type1 .mb-bizhp-lst .bizhp-det .bizhp-info > ul > li:first-child{margin-top:0;} .widget-mb-bizhome.widget-style-type1 .mb-bizhp-lst .bizhp-det .bizhp-info > ul > li:last-child{margin-bottom:0;} .widget-mb-bizhome.widget-style-type1 .mb-bizhp-lst .bizhp-det .bizhp-info dt{display:inline-block; width:20%; vertical-align:top;} .widget-mb-bizhome.widget-style-type1 .mb-bizhp-lst .bizhp-det .bizhp-info dd{display:inline-block; width:80%; margin-bottom:0;} .widget-mb-bizhome.widget-style-type1 .mb-bizhp-lst .bizhp-det .bizhp-info > ul > li:first-child dd{min-height:42px; margin-top:2px; vertical-align:middle; line-height: 21px; height:42px; text-overflow:ellipsis; overflow:hidden; white-space:normal; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .widget-mb-bizhome.widget-style-type1 .mb-bizhp-lst .bizhp-det a > dl .bizhp-info .bizhp-cat {max-height: 54px; overflow-y: hidden;} .widget-mb-bizhome.widget-style-type1 .mb-bizhp-lst .bizhp-det a > dl .bizhp-info .bizhp-cat li{display:inline-block; margin-right:0.3rem; overflow:hidden; vertical-align: middle;} .widget-mb-bizhome.widget-style-type1 .mb-bizhp-lst .bizhp-det a > dl .bizhp-info .bizhp-cat li p{display:block; padding:0.1rem 0.45rem; text-align:center; background-color:#fff !important; color: #888 !important; border:1px solid #dadada !important; border-radius:20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 0.8rem;} .widget-mb-bizhome.widget-style-type1 .mb-bizhp-lst .bizhp-det a > dl .bizhp-info .bizhp-cat li:last-child p{margin-right:0;} .widget-mb-bizhome.widget-style-type1 .mb-bizhp-lst .bizhp-det a > dl .bizhp-info .bizhp-cat li p span{display:none;} .widget-mb-bizhome.widget-style-type1 .swiper-container-horizontal > .swiper-pagination-bullets, .widget-mb-bizhome.widget-style-type1 .swiper-pagination-custom, .widget-mb-bizhome.widget-style-type1 .swiper-pagination-fraction{bottom:0;} .widget-mb-bizhome.widget-style-type1 .swiper-pagination-bullet{background-color:#ccc; border:1px solid #666; opacity:0.8;} .widget-mb-bizhome.widget-style-type1 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color:#0758aa; background-color:var(--default);} /** 비즈홈피 타입5 **/ /* 전체 영역 */ .widget-mb-bizhome.widget-style-type5 .mb-bizhp-wrap{padding:10px; padding-bottom:33px; background-color:#fff;} /* 이미지-텍스트 영역 */ .widget-mb-bizhome.widget-style-type5 .mb-bizhp-wrap .bizhp-in-block > *{vertical-align:top;} /* 이미지 */ .widget-mb-bizhome.widget-style-type5 .mb-bizhp-wrap .biz-img-wrap{position:relative; width:33%; height:100%; overflow:hidden;} .widget-mb-bizhome.widget-style-type5 .mb-bizhp-wrap .biz-img-wrap img{position:absolute; top:50%; left:50%; max-width:fit-content; height:100%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);} /* 텍스트 */ .widget-mb-bizhome.widget-style-type5 .mb-bizhp-wrap .biz-txt-wrap{width:calc(100% - 33%); margin-top:5px; padding-left:5.45%;} .widget-mb-bizhome.widget-style-type5 .mb-bizhp-wrap .biz-txt-wrap .biz-ttl{font-size:1.313rem;} .widget-mb-bizhome.widget-style-type5 .mb-bizhp-wrap .biz-txt-wrap .biz-repn{margin-top:10px;} .widget-mb-bizhome.widget-style-type5 .mb-bizhp-wrap .biz-txt-wrap .biz-repn .biz-badge{margin-right:10px; padding:0 8px; font-size:0.938rem; font-weight:300; font-style:normal; background-color:#7ea5d0; color:#fff; border-radius:3px;} .widget-mb-bizhome.widget-style-type5 .mb-bizhp-wrap .biz-txt-wrap .biz-repn .biz-repn-nm{font-size:1.313rem; font-weight:normal;} .widget-mb-bizhome.widget-style-type5 .mb-bizhp-wrap .biz-call-wrap{margin-top:8px;} .widget-mb-bizhome.widget-style-type5 .mb-bizhp-wrap .biz-call-wrap a{color:#666;} .widget-mb-bizhome.widget-style-type5 .mb-bizhp-wrap .biz-call-wrap .img-wrap{width:18px; height:18px; margin-right:10px; background:url('images/ico_call_Heather.png') no-repeat center; background-size:contain;} .widget-mb-bizhome.widget-style-type5 .mb-bizhp-wrap .biz-call-wrap .img-wrap span{display:inline-block; text-indent:-9999px;} .widget-mb-bizhome.widget-style-type5 .mb-bizhp-wrap .biz-more{display:block; margin-top:14px; padding:5px 12px 7px; padding-right:17px; text-align:center; background-color:#7ea5d0; color:#fff; border-radius:50px;} .widget-mb-bizhome.widget-style-type5 .mb-bizhp-wrap .biz-more > *{vertical-align:middle;} .widget-mb-bizhome.widget-style-type5 .mb-bizhp-wrap .biz-more .img-wrap{display:inline-block; width:18px; height:18px; margin-right:10px; background:url('images/ico_home_door_white.png') no-repeat center; background-size:contain;} .widget-mb-bizhome.widget-style-type5 .mb-bizhp-wrap .biz-more .img-wrap em{display:inline-block; text-indent:-9999px;} /* 회원혜택 */ .widget-mb-bizhome.widget-style-type5 .mb-bizhp-wrap .biz-mem-bnft{margin-top:17px; padding-left:10px; color:#9c9c9c; letter-spacing:-0.5px; font-size:1rem; line-height:1.625; max-height:3.25rem; -webkit-line-clamp:2; display:-webkit-box; -webkit-box-orient:vertical; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; overflow:hidden;} /* 슬라이드 블릿 */ .widget-mb-bizhome.widget-style-type5 .swiper-pagination-bullet{width:10px; height:10px; background-color:#fff; border:1px solid #114886; opacity:1;} .widget-mb-bizhome.widget-style-type5 .swiper-pagination-bullet-active{background-color:#68c4f3;} @media screen and (max-width: 420px) { .widget-mb-bizhome.widget-style-type5 .mb-bizhp-wrap .biz-more{font-size:0.813rem;} .widget-mb-bizhome.widget-style-type5 .mb-bizhp-wrap .biz-more .img-wrap{margin-right:5px;} .widget-mb-bizhome.widget-style-type5 .mb-bizhp-wrap .biz-call-wrap a{font-size:0.813rem;} } @media screen and (max-width: 360px) { .widget-mb-bizhome.widget-style-type5 .mb-bizhp-wrap .biz-img-wrap{width:130px; height:130px;} .widget-mb-bizhome.widget-style-type5 .mb-bizhp-wrap .biz-txt-wrap{width:calc(100% - 130px);} .widget-mb-bizhome.widget-style-type5 .mb-bizhp-wrap .biz-more .img-wrap{display:none;} .widget-mb-bizhome.widget-style-type5 .mb-bizhp-wrap .biz-txt-wrap .biz-repn, .widget-mb-bizhome.widget-style-type5 .mb-bizhp-wrap .biz-more{margin-top:3px;} .widget-mb-bizhome.widget-style-type5 .mb-bizhp-wrap .biz-call-wrap{margin-top:0;} } /** 비즈홈피 타입5 끝**/ /*회원검색 - 타입1*/ .widget-mb-membersearch.widget-style-type1 div.mb_memberSearch_bas form { padding:0px; margin:0px; position:relative; margin-bottom:2rem; } .widget-mb-membersearch.widget-style-type1 div.mb_memberSearch_bas form fieldset { padding:0px; margin:0px; } .widget-mb-membersearch.widget-style-type1 div.mb_memberSearch_bas form legend { position:absolute; top:-9999px; } .widget-mb-membersearch.widget-style-type1 div.mb_memberSearch_bas form input[type='text'] { width:70%;} .widget-mb-membersearch.widget-style-type1 div.mb_memberSearch_bas form input { font-size:16px !important; height:38px; padding-left:10px; border:1px solid #ddd; outline:0; } .widget-mb-membersearch.widget-style-type1 div.mb_memberSearch_bas form input::placeholder { } .widget-mb-membersearch.widget-style-type1 div.mb_memberSearch_bas form button { width:30%; margin-left:-1px; height:38px; border:1px solid #ddd; outline:0; } .widget-mb-membersearch.widget-style-type1 div.mb_memberSearch_bas form button i { } .widget-mb-membersearch.widget-style-type1 div.mb_memberSearch_bas form button span { } .widget-mb-membersearch.widget-style-type1 div.mb_memberSearch_bas form p { text-align:center; padding:0.3rem 0px 0px 0px; } @media screen and (max-width: 374px) { .widget-mb-membersearch.widget-style-type1 div.mb_memberSearch_bas form p span { display:block; } } /** 소모임 **/ /* 타입 1 */ .widget-mb-smallgroup.widget-style-type1 .mb-s-grup-lst{margin-right:-20px; font-size:0;} .widget-mb-smallgroup.widget-style-type1 .mb-s-grup-lst > li{display:inline-block; width:calc(100% / 2); margin-bottom:22px; font-size:16px; vertical-align:top;} .widget-mb-smallgroup.widget-style-type1 .mb-s-grup-lst .area_inner{margin-right:20px;} .widget-mb-smallgroup.widget-style-type1 .mb-s-grup-lst .area_inner > a{display:block; padding:5px; background-color:#fff; border-radius:6px;} /* 사진*/ .widget-mb-smallgroup.widget-style-type1 .mb-s-grup-lst .area_photo{width:100%; height:86px; border-radius:6px;} .widget-mb-smallgroup.widget-style-type1 .mb-s-grup-lst .area_photo .img_wrap{width:100%; height:100%; background:url('/common/css/images/my-ai-center-bg-img.jpg') no-repeat center; background-size:cover; border-radius:6px;} .widget-mb-smallgroup.widget-style-type1 .mb-s-grup-lst .area_photo .img_wrap span{display:none;} /* 소모임 정보*/ .widget-mb-smallgroup.widget-style-type1 .mb-s-grup-lst .area_info{margin-top:6px;} .widget-mb-smallgroup.widget-style-type1 .mb-s-grup-lst .area_info .area_info_dfnt_lst dt{min-height:24px;} .widget-mb-smallgroup.widget-style-type1 .mb-s-grup-lst .align_ttl_wrap:after{content:""; display:block; clear:both; overflow:hidden;} .widget-mb-smallgroup.widget-style-type1 .mb-s-grup-lst .align_ttl_wrap .ttl_wrap{float:left;} .widget-mb-smallgroup.widget-style-type1 .mb-s-grup-lst .align_ttl_wrap .ttl_wrap p{margin-bottom:0; font-size:16px; color:#202020;} .widget-mb-smallgroup.widget-style-type1 .mb-s-grup-lst .align_ttl_wrap .btn_more_wrap{float:right;} .widget-mb-smallgroup.widget-style-type1 .mb-s-grup-lst .align_ttl_wrap .btn_more_wrap .ico_wrap{display:block; width:18px; height:18px; margin-top:3.5px; line-height:18px; text-align:center; background-color:#0758aa; color:#fff; border-radius:50%;} .widget-mb-smallgroup.widget-style-type1 .mb-s-grup-lst .align_ttl_wrap .btn_more_wrap .ico_wrap i{margin-top:-6px; font-size:8px; font-weight:500; vertical-align:middle;} .widget-mb-smallgroup.widget-style-type1 .mb-s-grup-lst .align_ttl_wrap .btn_more_wrap span{display:none;} /* 값이 없을때 */ .widget-mb-smallgroup.widget-style-type1 .mb-s-grup-lst li.no_result .area_photo .img_wrap{background:url('/common/css/images/add_some_box.jpg') no-repeat center #b9c9d5; background-size:contain;} /*** [게시판 검색] ***/ /** 타입1 **/ .widget-mb-boardsearch.widget-style-type1 .widget-card-body{min-height:auto; padding:3px 0; background-color:#fff; border:2px solid #5892da; border-radius:50px;} .widget-mb-boardsearch.widget-style-type1 .m_board_search{display:table; width:100%;} .widget-mb-boardsearch.widget-style-type1 .m_board_search > *{display:table-cell; table-layout:auto; vertical-align:middle;} .widget-mb-boardsearch.widget-style-type1 .m_board_search .sec-01{position:relative; width:47%;} .widget-mb-boardsearch.widget-style-type1 .m_board_search .sec-01:after{content:""; display:block; position:absolute; top:50%; right:0; width:1px; height:77%; background-color:#5892da; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} .widget-mb-boardsearch.widget-style-type1 .m_board_search .sec-02{width:38%;} .widget-mb-boardsearch.widget-style-type1 .m_board_search .sec-03{width:15%;} .widget-mb-boardsearch.widget-style-type1 .m_board_search select{width:75%; margin-left:15%; margin-right:10%; background-color:#fff; border:0; outline:none;} .widget-mb-boardsearch.widget-style-type1 .m_board_search input[type="text"]{padding:0; padding-left:20px; padding-right:12px; font-size:16px; border:0; outline:0; -webkit-box-shadow:none; box-shadow:none;} .widget-mb-boardsearch.widget-style-type1 .m_board_search input[type="text"]::placeholder{color:#bebebe;} .widget-mb-boardsearch.widget-style-type1 .m_board_search button{padding:0; font-size:27px; background-color:transparent; color:#777; border:0; outline:0;} .widget-mb-boardsearch.widget-style-type1 .m_board_search button i{font-weight:300;} .widget-mb-boardsearch.widget-style-type1 .m_board_search button span{display:none;} /*** [게시판 검색 끝] ***/ /*** [비즈 검색] ***/ /* 타입1 */ .widget-mb-bizsearch.widget-style-type1 .mb-search-box-wrap{font-size:0; background-color:#fff; border:1px solid #adadad; border-radius:50px;} .widget-mb-bizsearch.widget-style-type1 .mb-search-box-wrap > *{display:inline-block; font-size:initial; vertical-align:middle;} .widget-mb-bizsearch.widget-style-type1 .mb-search-box-wrap input{width:calc(100% - 16%); height:auto; padding:14.5px 20px; padding-right:10px; border:0; border-radius:50px;} .widget-mb-bizsearch.widget-style-type1 .mb-search-box-wrap button{width:16%; padding:0; padding-right:7.5%; font-size:27px; background-color:transparent; color:#777; border:0; outline:0;} .widget-mb-bizsearch.widget-style-type1 .mb-search-box-wrap button i{font-weight:300;} .widget-mb-bizsearch.widget-style-type1 .mb-search-box-wrap button span{display:inline-block; text-indent:-9999px;} @media screen and (max-width: 360px) { .widget-mb-bizsearch.widget-style-type1 .mb-search-box-wrap input{width:80%; font-size:0.938rem;} .widget-mb-bizsearch.widget-style-type1 .mb-search-box-wrap button{width:20%;} } /*** [비즈 검색 끝] ***/ /*** [회비납부 타입1] ***/ /* 섹션 공통 */ .widget-mb-feepymtg.widget-style-type1 .sec + .sec{margin-top:30px;} .widget-mb-feepymtg.widget-style-type1 .sec .ttl{margin-bottom:10px; font-size:21px; font-weight:500; color:#0758aa;} .widget-mb-feepymtg.widget-style-type1 .sec .ttl-align-side:after{content:""; display:block; clear:both; overflow:hidden;} .widget-mb-feepymtg.widget-style-type1 .sec .ttl-align-side{margin-bottom:10px;} .widget-mb-feepymtg.widget-style-type1 .sec .ttl-align-side .ttl{float:left; min-height:34px; margin-bottom:0;} .widget-mb-feepymtg.widget-style-type1 .sec .ttl-align-side .btn{float:right; margin-top:4px;} /** 총 납부금 **/ /* 영역 */ .widget-mb-feepymtg.widget-style-type1 .sec-1-cont-wrap{display:table; width:100%;} .widget-mb-feepymtg.widget-style-type1 .sec-1-cont-wrap > *{display:table-cell; vertical-align:bottom;} .widget-mb-feepymtg.widget-style-type1 .sec-1-cont-wrap .dt-wrap{width:40%;} .widget-mb-feepymtg.widget-style-type1 .sec-1-cont-wrap .tot-pymtg-amt-wrap{width:60%;} /* 날짜 */ .widget-mb-feepymtg.widget-style-type1 .sec-1 .dt-wrap{text-align:center;} .widget-mb-feepymtg.widget-style-type1 .sec-1 .dt{margin:0 auto; text-align:center; color:#585858; border-bottom:1px solid #585858;} .widget-mb-feepymtg.widget-style-type1 .sec-1 .dt .yy{font-size:16px;} .widget-mb-feepymtg.widget-style-type1 .sec-1 .dt .mm-dd{font-size:21px; font-weight:500;} /* 금액 */ .widget-mb-feepymtg.widget-style-type1 .sec-1 .tot_pymtg_amt{margin:0 10px; font-size:24px; text-align:right; border-bottom:1px solid #0758aa;} .widget-mb-feepymtg.widget-style-type1 .sec-1 .tot_pymtg_amt:after{content:""; display:block; clear:both; overflow:hidden;} .widget-mb-feepymtg.widget-style-type1 .sec-1 .tot_pymtg_amt .won{float:right; padding-left:3px; font-weight:500; color:#0758aa;} /** 총 납부금 끝 **/ /* 계좌 */ .widget-mb-feepymtg.widget-style-type1 .bankaccnt-wrap{display:table; width:100%;} .widget-mb-feepymtg.widget-style-type1 .bankaccnt-wrap + .bankaccnt-wrap{margin-top:10px;} .widget-mb-feepymtg.widget-style-type1 .bankaccnt-wrap > *{display:table-cell; text-align:left; vertical-align:middle;} .widget-mb-feepymtg.widget-style-type1 .bankaccnt-wrap .bankaccnt-ttl{width:20%; font-weight:500;} .widget-mb-feepymtg.widget-style-type1 .bankaccnt-wrap .bankaccnt-info{width:80%;} /* 납부자 */ .widget-mb-feepymtg.widget-style-type1 .sec-3 .table{border-top:2px solid #0758aa;} .widget-mb-feepymtg.widget-style-type1 .sec-3 .table thead th{background-color:#f9f9f9; border-bottom:1px solid #dee2e6;} /* 슬라이드 블릿 */ .widget-mb-feepymtg.widget-style-type1 .bx-wrapper .bx-controls-auto, .widget-mb-feepymtg.widget-style-type1 .bx-wrapper .bx-pager{bottom:0;} /* 22.03.06 납부자 영역 스크롤 */ .widget-mb-feepymtg.widget-style-type1 .table thead th{text-align:center;} .widget-mb-feepymtg.widget-style-type1 .rolling_lst .rolling_head {margin-bottom: 0;} .widget-mb-feepymtg.widget-style-type1 .rolling_lst .rolling_body {border-top: none;} .widget-mb-feepymtg.widget-style-type1 .rolling_lst .rolling_body_wrap {display: inline-block; height: 200px; border-bottom:1px solid #dee2e6; overflow-y: hidden; width: 100%;} .widget-mb-feepymtg.widget-style-type1 .rolling_lst tbody tr td {width: 190.75px;} /* 슬라이드 화살표 z-index 수정(낮춤) - 22.03.02 */ .tpl-widget .bx-wrapper .bx-controls-direction a {z-index:10;} /*** [회비납부 타입1 끝] ***/ /*** [모듈] ***/ .module-page-msg-wrap{margin-bottom:1rem; padding:1rem 1.25rem; background-color:#cedce9; border-radius:5px;} .module-page-msg-wrap .module-page-msg-wrap-alert{margin-right:0.625rem; padding:0.1rem 0.8rem; font-size:1rem; font-weight:500; background-color:#769fc5; color:#fff; border-radius:100px;} /*** [모듈 끝] ***/ .okdc_login_btn_lst_wrap {position: relative;} .okdc_login_btn_lst_wrap .my-ai-center-admin > span {color: #de2ba1 !important;} .okdc_login_btn_lst_wrap .my-ai-center-admin .badge {border-radius: 3rem; margin-left: 0.25rem;} .okdc_login_btn_lst_wrap .btn-my-ai-center {display: inline-block; min-width: 180px;} .my-ai-center-wrap > .my-ai-center {position: relative;} .my-ai-center-wrap > .my-ai-center > .logout_wrap {position: absolute; top: 0.5rem; right: 1rem;} .my-ai-center-wrap > .my-ai-center > .logout_wrap a {font-size: 0.9rem; color: #929292;} .my-ai-center-wrap > .my-ai-center > .logout_wrap + ul > li:first-child {width: calc(100% * 1 / 3 );} .my-ai-center-wrap > .my-ai-center > .logout_wrap + ul > li:last-child {width: calc(100% * 2 / 3 );} .widget-mb-menubar.widget-style-type1 .menu-mb-toolbar.sec-login .col-8 > ul > li {display: inline-block; padding: 0 0.25rem;} /* 위젯 슬라이드 + 텍스트 폼 추가 */ .widget-mb-slide.widget-style-type1 .mb-slide-wrapper > .mb-slide img + .slide_text {position: absolute; display: block; width: 90%; top: 50%; left: 50%; transform :translate(-50%, -50%); font-size: 2.5rem; color: #fff; text-align: center; line-height: 1.5; font-weight: bold; text-shadow: 2px 2px 6px rgba(0,0,0,1); word-break: break-all; margin: 0;} @media (max-width: 720px) { .widget-mb-slide.widget-style-type1 .mb-slide-wrapper > .mb-slide img + .slide_text {font-size: 2rem;} } @media (max-width: 600px) { .widget-mb-slide.widget-style-type1 .mb-slide-wrapper > .mb-slide img + .slide_text {font-size: 1.75rem;} } @media (max-width: 480px) { .widget-mb-slide.widget-style-type1 .mb-slide-wrapper > .mb-slide img + .slide_text {font-size: 1.5rem;} } @media (max-width: 400px) { .widget-mb-slide.widget-style-type1 .mb-slide-wrapper > .mb-slide img + .slide_text {font-size: 1.25rem;} } /* swiper */ .widget-mb-slide.widget-style-type1 [data-animate="animateFadeIn"] .mb-slide-wrapper > .mb-slide > img + .slide_text {opacity: 0; visibility: hidden;} .widget-mb-slide.widget-style-type1 [data-animate="animateFadeIn"] .mb-slide-wrapper > .mb-slide.swiper-slide-active > img + .slide_text {opacity: 1; visibility: visible; transition: all 1s ease-out; transition-delay: 0.25s;} .widget-mb-slide.widget-style-type1 [data-animate="animateUpDown"] .mb-slide-wrapper > .mb-slide > img + .slide_text {opacity: 0; visibility: hidden;} .widget-mb-slide.widget-style-type1 [data-animate="animateUpDown"] .mb-slide-wrapper > .mb-slide.swiper-slide-active > img + .slide_text {transform :translate(-50%, -50%) !important; opacity: 1; visibility: visible; transition: all 1s ease-out;} .widget-mb-slide.widget-style-type1 [data-animate="animateDownUp"] .mb-slide-wrapper > .mb-slide > img + .slide_text {opacity: 0; visibility: hidden;} .widget-mb-slide.widget-style-type1 [data-animate="animateDownUp"] .mb-slide-wrapper > .mb-slide.swiper-slide-active > img + .slide_text {transform :translate(-50%, -50%) !important; opacity: 1; visibility: visible; transition: all 1s ease-out;} .sdfsdfsdf {}