@charset "UTF-8"; /* 위젯 작업 현황 */ .ctl-seq-14 .widget-col-12 .widget-toolbar.widget-style-type1, .ctl-seq-14 .widget-col-12 .widget-menubar.widget-style-type1, .ctl-seq-14 .widget-col-12 .widget-menubar.widget-style-type2, .ctl-seq-14 .widget-col-12 .widget-menubar.widget-style-type3, .ctl-seq-14 .widget-col-12 .widget-menubar.widget-style-type4, .ctl-seq-14 .widget-col-12 .widget-menubar.widget-style-type5, .ctl-seq-14 .widget-col-12 .widget-menubar.widget-style-type6, .ctl-seq-14 .widget-col-12 .widget-menubar.widget-style-type7, .ctl-seq-14 .widget-col-12 .widget-menubar.widget-style-type8, .ctl-seq-14 .widget-col-12 .widget-menubar.widget-style-type9, .ctl-seq-14 .widget-col-12 .widget-slide.widget-style-type1, .ctl-seq-14 .widget-col-12 .widget-html.widget-style-type1, .ctl-seq-14 .widget-col-12 .widget-footer.widget-style-type1, .ctl-seq-14 .widget-col-12 .widget-footer.widget-style-type2, .ctl-seq-14 .widget-col-12 .widget-footer.widget-style-type3, .ctl-seq-14 .widget-col-12 .widget-shuvicfooter.widget-style-type1, .ctl-seq-14 .widget-col-12 .widget-shuvicfooter.widget-style-type2{/* 스타일 완료 */} .ctl-seq-14 .widget-col-12 .widget-board.widget-style-type1, .ctl-seq-14 .widget-col-12 .widget-board.widget-style-type3, .ctl-seq-14 .widget-col-12 .widget-board.widget-style-type4, .ctl-seq-14 .widget-col-12 .widget-board.widget-style-type5, .ctl-seq-14 .widget-col-12 .widget-image.widget-style-type1, .ctl-seq-14 .widget-col-12 .widget-shuvictalkbanner.widget-style-type1, .ctl-seq-14 .widget-col-12 .widget-banner.widget-style-type1, .ctl-seq-14 .widget-col-12 .widget-banner.widget-style-type2, .ctl-seq-14 .widget-col-12 .widget-banner.widget-style-type3{/* 스타일 완료 */} .ctl-seq-14 .widget-col-3 .widget-subjectmenu.widget-style-type1, .ctl-seq-14 .widget-col-3 .widget-bankinfo.widget-style-type1, .ctl-seq-14 .widget-col-3 .widget-shuvictalkbanner.widget-style-type1{/* 스타일 완료 */} .ctl-seq-14 .widget-col-6 .widget-board.widget-style-type6{/* 스타일 완료 */} /* 위젯 공통 */ .ctl-seq-14 .tpl-widget .widget-card-header{text-align: center;} .ctl-seq-14 .tpl-widget .widget-card .widget-card-header .widget-card-header-body, .ctl-seq-14 .tpl-widget .widget-card .widget-card-header dl{border-bottom:0;} .ctl-seq-14 .position-center .tpl-widget .tpl-widget-body { background-color:rgba(255,255,255,.5); } /* .ctl-seq-14 .tpl-area-top-quick-bg .tpl-widget .tpl-widget-body { background-color:rgba(255,255,255,.8); } */ .ctl-seq-14 .tpl-widget .widget-card .widget-card-body { padding: .5rem 1.25rem; } /* 타이틀 글씨크기 */ .ctl-seq-14 .widget-card .widget-card-header .widget-card-header-body > dl > dt{font-size:1.75rem;} .ctl-seq-14 .widget-col-3 .widget-card-header .widget-card-header-body > dl > dt{font-size:1.3rem} /* 더보기 버튼 */ .ctl-seq-14 .tpl-widget .widget-card .widget-more-btn {top:14px; right:1.25rem; bottom:auto; font-size:1rem; background:inherit; border:0; color:#777;} .ctl-seq-14 .tpl-widget .widget-card .widget-more-btn i {font-weight:100;} /* 더보기 버튼 (게시판) */ .ctl-seq-14 .widget-board .widget-card .widget-more-btn{top:14px; right:1.25rem; bottom:auto; font-size:1rem; background:inherit; border:0; color:#4a4c52;} .ctl-seq-14 .widget-board .widget-card .widget-more-btn i{font-weight:100;} /** 위젯 공통 끝 **/ /* 영역별 설정 */ .ctl-seq-14 .tpl-area-top-quick-bg .widget-bankinfo{color:#fff;} .ctl-seq-14 .position-center .tpl-area-center-bg{background-color:#cbd6ed; color:#333;} .ctl-seq-14 .position-center .tpl-area-center-bg2{background-color:#f4f4f4;} .ctl-seq-14 .position-center .tpl-area-center-bg2 .widget-col-9 .tpl-widget-body{background-color:#f4f4f4;} .ctl-seq-14 .position-center .tpl-widget{padding:2.5rem 0;} .ctl-seq-14 .position-center .tpl-widget:first-child{padding:2.5rem 0 0 0;} .ctl-seq-14 .position-center .tpl-widget:last-child{padding:2.5rem 0;} .ctl-seq-14 .position-center .tpl-widget:not(:first-child){padding-top:0;} .ctl-seq-14 .position-center .tpl-widget a{color:#333;} .ctl-seq-14 .position-center .tpl-area-top-quick-bg:after{display:block; content:""; clear:both;} .ctl-seq-14 .position-center .widget-slide .tpl-widget-body{margin:5px;} .ctl-seq-14 .tpl-area-center-bg .tpl-widget .widget-comment-cnt{color:#328786;} .ctl-seq-14 .position-bottom{background-color:#f5f7f8;} /* 툴바 */ .ctl-seq-14 .widget-toolbar.widget-style-type1{background-color:#cbd6ed; color:#333;} .ctl-seq-14 .widget-toolbar.widget-style-type1 a{color:#333;} /* 상단메뉴 */ /* 공통 .ctl-seq-14 .widget-menubar .tpl-widget-body .menu-main-wrap{background-color:#204782;} .ctl-seq-14 .widget-menubar .tpl-widget-body .menu-det-wrap{background-color:rgba(7, 88, 170, 0.9); border-color:#108cd2;} .ctl-seq-14 .widget-menubar .tpl-widget-body:hover .menu-det-wrap{border-color:#108cd2;} .ctl-seq-14 .widget-menubar .menu-toolbar-lst li a:after{color:#1980ba;} .ctl-seq-14 .widget-menubar .menu-main-wrap .menu-optn-lst .home-info a{font-weight:bold;} .ctl-seq-14 .widget-menubar .menu-main-wrap .menu-optn-lst .toolbar-lst{width:23% !important; font-size:0; text-align: center; background-color:#108cd2; vertical-align:middle !important;} .ctl-seq-14 .widget-menubar .menu-main-wrap .menu-optn-lst .toolbar-lst ul{display:inline-block;} .ctl-seq-14 .widget-menubar .menu-main-wrap .menu-optn-lst .toolbar-lst ul li a{padding:0 5px; font-weight:normal;} .ctl-seq-14 .widget-menubar .menu-main-wrap .menu-optn-lst .toolbar-lst .menu-toolbar-lst{margin-top:0; float:none !important;} /* 컬러 및 효과 */ .ctl-seq-14 .widget-menubar .tpl-widget-body a:hover{color:#9fdcff;} .ctl-seq-14 .widget-menubar .tpl-widget-body li.active > a{color:#9fdcff;} .ctl-seq-14 .widget-menubar .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .menu-lst .menu-1deth-lst > li.active > a{color:#9fdcff;} .ctl-seq-14 .widget-menubar .tpl-widget-body .menu-det-wrap .menu-container .menu-optn-lst .menu-lst .menu-1deth-lst > li > a.active{color:#9fdcff;} .ctl-seq-14 .widget-menubar .menu-2deth-lst-dummy-line, .ctl-seq-14 .widget-menubar .menu-2deth-lst-dummy-line{background-color:#108cd2;} */ /* 메뉴타입별 css */ .ctl-seq-14 .widget-menubar.widget-style-type2 .menu-main-wrap .menu-optn-lst .menu-lst .menu-2deth-lst{background-color:rgba(7, 88, 170, 0.9);} .ctl-seq-14 .widget-menubar.widget-style-type3 .menu-main-wrap .menu-optn-lst .toolbar-lst{display: table; height:100%; margin-top:0; font-size: 0; vertical-align: middle !important; background-color: #108cd2; text-align:center;} .ctl-seq-14 .widget-menubar.widget-style-type3 .menu-main-wrap .menu-optn-lst .toolbar-lst ul{display: inline-block; display: table-cell; vertical-align: middle;} .ctl-seq-14 .widget-menubar.widget-style-type5 .menu-main-wrap .menu-optn-lst .toolbar-lst{display: table; height:100%; font-size: 0; vertical-align: middle !important; background-color: #108cd2; text-align:center;} .ctl-seq-14 .widget-menubar.widget-style-type5 .menu-main-wrap .menu-optn-lst .toolbar-lst ul{display: inline-block; display: table-cell; vertical-align: middle; margin-top:23.5px;} .ctl-seq-14 .widget-menubar.widget-style-type5 .menu-optn-lst .menu-bars a{background-color:#108cd2;} /** 상단메뉴 끝 **/ /* 메인 퀵메뉴 */ .ctl-seq-14 .tpl-area-top-quick-bg{background-color: #262a33;} .ctl-seq-14 .tpl-area-top-quick-bg .tpl-widget{padding:2.5rem 0;} /***-- 퀵메뉴 --***/ /* 전체영역 (기본 디자인)*/ .ctl-seq-14 .widget-col-12 .widget-quickmenudetset.widget-style-type1 { } .ctl-seq-14 .widget-quickmenudetset.widget-style-type1 .widget-card, .ctl-seq-14 .widget-quickmenudetset.widget-style-type1 .widget-card a{color:#fff;} .ctl-seq-14 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul li{width:33.33%; border:0;} .ctl-seq-14 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul li .item-wrap{display:block; margin:0.625rem;} .ctl-seq-14 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul li a { display:block; line-height:50px; padding:2.5rem 5%; white-space:nowrap; } .ctl-seq-14 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul li div{ display:inline-block; width:60px; /* width:20%; min-width:60px; */ vertical-align:middle; margin-right:8px; } .ctl-seq-14 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul li i { padding:0; font-size:3rem;} .ctl-seq-14 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul li dl { display:inline; /* width:80%; min-width:240px; */ vertical-align:middle;} .ctl-seq-14 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul li dl dt { display:inline-block; max-width:calc(100% - 60px); vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .ctl-seq-14 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul li dl dd { display:inline-block; } .ctl-seq-14 .widget-quickmenudetset.widget-style-type1 .widget-card-body .type-round.color-0000 li .item-wrap{border-radius:20px;} .ctl-seq-14 .widget-quickmenudetset.widget-style-type1 .widget-card-body .type-round.color-0000 li a{border-radius:10px;} .ctl-seq-14 .widget-quickmenudetset.widget-style-type1 .widget-card-body .type-circle.color-0000 li .item-wrap{border:0;} .ctl-seq-14 .widget-quickmenudetset.widget-style-type1 .widget-card-body .type-circle.color-0000 li a{width:60%; margin:0 auto; padding:3.5rem 1.5rem; border:1px solid #393d45;} .ctl-seq-14 .widget-quickmenudetset.widget-style-type1 .widget-card-body .type-circle.color-0000 li a:hover{border:1px solid #ddd;} .ctl-seq-14 .widget-quickmenudetset.widget-style-type1 .widget-card-body .type-circle.color-0000 li div{display:table; width:100%;} .ctl-seq-14 .widget-quickmenudetset.widget-style-type1 .widget-card-body .type-circle.color-0000 li dl{width:100%; margin-top:1rem;} .ctl-seq-14 .widget-quickmenudetset.widget-style-type1 .widget-card-body .type-circle.color-0000 li div i.shi { background-size:auto 100%; } .ctl-seq-14 .widget-quickmenudetset.widget-style-type1 .widget-card-body .type-circle.color-0000 li a { width:206px; height:206px; } /* 아이콘 영역 */ .ctl-seq-14 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul.color-0001 li .item-wrap{margin:1.5rem 0.625rem; border-color:#262a33; border-radius:0;} .ctl-seq-14 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul.color-0001 li .item-wrap:hover{webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); -o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);} .ctl-seq-14 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul.color-0001 li a{ padding:0;} .ctl-seq-14 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul.color-0001 li div{ display:inline-block; width:137px; padding:2.5rem 0; border:0;} .ctl-seq-14 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul.color-0001 li i { display:block; width:137px; max-width:137px; } .ctl-seq-14 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul.color-0001 li i.shi {display:inline-block;} .ctl-seq-14 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul.color-0001 li dl{ display:inline-block; width:calc(100% - 137px); max-width:calc(100% - 137px); margin-top:0; padding-left:0.25rem; text-align:left;} .ctl-seq-14 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul.color-0001 li dl dt { display:block; width:100%; max-width:100%; } .ctl-seq-14 .widget-quickmenudetset.widget-style-type1 .widget-card-body .type-rect.color-0001 li .item-wrap { } .ctl-seq-14 .widget-quickmenudetset.widget-style-type1 .widget-card-body .type-round.color-0001 li .item-wrap { border-radius:20px; } .ctl-seq-14 .widget-quickmenudetset.widget-style-type1 .widget-card-body .type-circle.color-0001 li .item-wrap { border-radius:20px; } .ctl-seq-14 .widget-quickmenudetset.widget-style-type1 .widget-card-body .type-circle.color-0001 li .item-wrap a { } .ctl-seq-14 .widget-quickmenudetset.widget-style-type1 .widget-card-body .type-circle.color-0001 li .item-wrap a div { width:137px !important; height:137px !important; } /* 서브 퀵메뉴 */ .ctl-seq-14 .tpl-area-center-bg .widget-quickmenudetset.widget-style-type1 .widget-card dt{color:#333;} .ctl-seq-14 .tpl-area-center-bg .widget-quickmenudetset.widget-style-type1 .widget-card-body ul li .item-wrap{border-color:#cbd6ed;} .ctl-seq-14 .tpl-area-center-bg .widget-quickmenudetset.widget-style-type1 .widget-card-body ul li:hover .item-wrap{border-color:#262a33;} /*퀵메뉴 나열갯수 추가*/ .ctl-seq-14 .widget-col-12 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul.viewCnt0 li { width:calc(100% / 3); } .ctl-seq-14 .widget-col-12 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul.viewCnt1 li { width:calc(100% / 1); } .ctl-seq-14 .widget-col-12 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul.viewCnt2 li { width:calc(100% / 2); } .ctl-seq-14 .widget-col-12 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul.viewCnt3 li { width:calc(100% / 3); } .ctl-seq-14 .widget-col-12 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul.viewCnt4 li { width:calc(100% / 4); } .ctl-seq-14 .widget-col-12 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul.viewCnt5 li { width:calc(100% / 5); } .ctl-seq-14 .widget-col-12 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul.viewCnt6 li { width:calc(100% / 6); } .ctl-seq-14 .widget-col-12 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul.viewCnt6.type-circle li a { width:160px !important; height:160px !important; padding:1.5rem 0px 0px 0px; } .ctl-seq-14 .widget-col-12 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul.viewCnt6.type-circle li div { padding:1rem 1rem 1rem 1rem; } .ctl-seq-14 .widget-col-12 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul.viewCnt6.type-circle li div i { font-size:2.5rem } .ctl-seq-14 .widget-col-12 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul.viewCnt6.type-circle li dl { margin:0px; padding:0px; line-height:20px; vertical-align:top; } .ctl-seq-14 .widget-col-12 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul.viewCnt6.type-circle li dl dt { margin:0px; padding:0px; } .ctl-seq-14 .widget-col-12 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul.viewCnt7 li { width:calc(100% / 7); } .ctl-seq-14 .widget-col-12 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul.viewCnt8 li { width:calc(100% / 8); } /***-- 퀵메뉴 끝 --***/ /***-- 게시판 (기본 서브영역) --***/ /* 게시판 공통 */ .ctl-seq-14 .widget-board .ttl a{font-size:1.1rem;} /* 게시판 리스트형 공통 */ .ctl-seq-14 .widget-board .board-bas-lst li ul{margin-bottom:0.625rem; padding-bottom:0.625rem; border-bottom:1px solid #ccc;} .ctl-seq-14 .tpl-area-top-quick-bg .widget-board .board-bas-lst li ul{border-bottom-color:#7d7d7d;} .ctl-seq-14 .widget-board .board-bas-lst li:last-child ul{margin-bottom:0; padding-bottom:0; border-bottom:0;} .ctl-seq-14 .widget-board .board-bas-lst li ul li a{vertical-align: middle;} /* 게시판 포토형 공통 */ .ctl-seq-14 .widget-board .widget-card-body .board-photo-lst{margin-bottom:0;} .ctl-seq-14 .widget-board .widget-card-body .board-photo-lst li div{background-color:#fff;} .ctl-seq-14 .widget-board .widget-card-body .board-photo-lst li ul{padding:1.25rem 1rem;} .ctl-seq-14 .widget-board .widget-card-body .board-photo-lst li ul .ttl a{color:#000;} .ctl-seq-14 .widget-board .widget-card-body .board-photo-lst li ul .board-con{margin-bottom:1rem;} .ctl-seq-14 .widget-board .widget-card-body .board-photo-lst li ul .dt{width:auto; text-align:left;} .ctl-seq-14 .widget-board .widget-card-body .board-photo-lst li ul .user-nm, .ctl-seq-14 .widget-board .widget-card-body .board-photo-lst li .board-more-btn{display:none;} .ctl-seq-14 .widget-board .board-photo-lst > li .item-wrap:hover{border:1px solid #204782;} .ctl-seq-14 .widget-board .widget-card-body .bx-controls.bx-has-pager{display:none;} /* 게시판 탭형 공통 */ .ctl-seq-14 .widget-board.widget-style-type4 .widget-card-header .widget-more-btn, .ctl-seq-14 .widget-board.widget-style-type7 .widget-card-header .widget-more-btn{display: none;} .ctl-seq-14 .widget-board .board-lst-tab .board-lst-tab-header li{border-right-color:#cbd6ed;} .ctl-seq-14 .widget-board .board-lst-tab .board-lst-tab-body{padding:0; /* background-color:#fff; */} .ctl-seq-14 .widget-board.widget-count-2 .board-lst-tab .board-lst-tab-body{min-height:129px;} .ctl-seq-14 .widget-board.widget-count-3 .board-lst-tab .board-lst-tab-body{min-height:184px;} .ctl-seq-14 .widget-board.widget-count-5 .board-lst-tab .board-lst-tab-body{min-height:294px;} .ctl-seq-14 .widget-board.widget-count-13 .board-lst-tab .board-lst-tab-body{min-height:734px;} .ctl-seq-14 .widget-board.widget-count-20 .board-lst-tab .board-lst-tab-body{min-height:1119px;} .ctl-seq-14 .widget-board .board-lst-tab .board-lst-tab-body .JS-widget-tabs-list{padding:1.25rem 1rem;} .ctl-seq-14 .widget-board .board-lst-tab .ttl a{color:#000 !important;} .ctl-seq-14 .widget-board .board-lst-tab .board-con a{color:#333 !important;} .ctl-seq-14 .widget-board .board-lst-tab .hit, .ctl-seq-14 .widget-board .board-lst-tab .user-nm a{color:#333 !important;} .ctl-seq-14 .widget-board .board-lst-tab .dt{color:#666;} .ctl-seq-14 .widget-board .board-lst-tab .board-lst-tab-header li.active a{background-color:#204782;} .ctl-seq-14 .widget-board .board-lst-tab-body .JS-widget-tabs-list > li{text-align:center; vertical-align:middle;} .ctl-seq-14 .widget-board .board-lst-tab-body .JS-widget-tabs-list > li ul{text-align:left;} .ctl-seq-14 .widget-board .board-lst-tab-body .widget-more-btn{top:14px; right:1.25rem;} .ctl-seq-14 .widget-board .board-lst-tab-body .widget-more-btn i{margin-right:0;} .ctl-seq-14 .widget-board .board-lst-tab-body .widget-more-btn span{display:none;} .ctl-seq-14 .widget-board .board-lst-tab .board-lst-tab-body .no-result{min-height:214px; padding-top:6rem !important; color:#000;} /*게시판위젯 > 타입1*/ .ctl-seq-14 .widget-col-12 .widget-board.widget-style-type1 { } .ctl-seq-14 .widget-col-12 .widget-board.widget-style-type1 ul.board-bas-lst li ul li.ttl { width:calc(100% - 140px); } .ctl-seq-14 .widget-col-12 .widget-board.widget-style-type1 ul.board-bas-lst li ul li.user-nm { width:70px; } .ctl-seq-14 .widget-col-12 .widget-board.widget-style-type1 ul.board-bas-lst li ul li.dt { width:70px; } .ctl-seq-14 .widget-col-6 .widget-board.widget-style-type1 { } .ctl-seq-14 .widget-col-6 .widget-board.widget-style-type1 ul.board-bas-lst li ul li.ttl { width:calc(100% - 140px); } .ctl-seq-14 .widget-col-6 .widget-board.widget-style-type1 ul.board-bas-lst li ul li.user-nm { width:70px; } .ctl-seq-14 .widget-col-6 .widget-board.widget-style-type1 ul.board-bas-lst li ul li.dt { width:70px; } /* 게시판 타입2 */ .ctl-seq-14 .widget-board.widget-style-type2 .board-photo-lst > li .item-wrap{margin-top:0;} .ctl-seq-14 .widget-board.widget-style-type2 .main-lst{width:20%;} .ctl-seq-14 .widget-board.widget-style-type2 .main-lst .img-link{max-height:148px; min-height:148px;} .ctl-seq-14 .widget-board.widget-style-type2 .main-lst .ttl a{font-size:1.1rem;} .ctl-seq-14 .widget-board.widget-style-type2 .sub-lst{width:80%;} /* 게시판 타입4 */ /*.ctl-seq-14 .widget-board.widget-style-type4 .board-lst-tab .board-lst-tab-body{min-height:unset} .ctl-seq-14 .widget-board.widget-style-type4 .board-lst-tab .board-lst-tab-body .JS-widget-tabs-list{min-height:314px;}*/ .ctl-seq-14 .widget-board.widget-style-type4 .board-lst-tab .board-lst-tab-header li a { text-align: center; } /* 게시판 타입5(포토 슬라이드형) */ .ctl-seq-14 .widget-col-12 .widget-board.widget-style-type5 .board-photo-lst > li:first-child { padding:0px; margin:0px; } .ctl-seq-14 .widget-col-12 .widget-board.widget-style-type5 .board-photo-lst > li:last-child { padding:0px; margin:0px; } .ctl-seq-14 .widget-col-12 .widget-board.widget-style-type5 .board-photo-lst > li { padding:0px; margin:0px; } .ctl-seq-14 .widget-col-12 .widget-board.widget-style-type5 .board-photo-lst > li div.item-wrap { padding:0px; margin:0.625rem; } .ctl-seq-14 .widget-col-12 .widget-board.widget-style-type5 .board-photo-lst.widget-item-cnt-1>li { width:100%; } /*cnt-1일때*/ .ctl-seq-14 .widget-col-12 .widget-board.widget-style-type5 .board-photo-lst.widget-item-cnt-2>li { width:50%; } /*cnt-2일때*/ .ctl-seq-14 .widget-col-12 .widget-board.widget-style-type5 .board-photo-lst.widget-item-cnt-3>li { width:33.3%; } /*cnt-3일때*/ .ctl-seq-14 .widget-col-12 .widget-board.widget-style-type5 .board-photo-lst.widget-item-cnt-4>li { width:25%; } /*cnt-4일때*/ .ctl-seq-14 .widget-col-12 .widget-board.widget-style-type5 .board-photo-lst.widget-item-cnt-5>li { width:20%; } /*cnt-5일때*/ .ctl-seq-14 .widget-col-12 .widget-board.widget-style-type5 .board-photo-lst.widget-item-cnt-6>li { width:33.3%; } /*cnt-6일때*/ .ctl-seq-14 .widget-col-12 .widget-board.widget-style-type5 .board-photo-lst.widget-item-cnt-7>li { width:25%; } /*cnt-7일때*/ .ctl-seq-14 .widget-col-12 .widget-board.widget-style-type5 .board-photo-lst.widget-item-cnt-8>li { width:25%; } /*cnt-8일때*/ .ctl-seq-14 .widget-col-12 .widget-board.widget-style-type5 .board-photo-lst.widget-item-cnt-9>li { width:20%; } /*cnt-9일때*/ .ctl-seq-14 .widget-col-12 .widget-board.widget-style-type5 .board-photo-lst.widget-item-cnt-10>li { width:20%; } /*cnt-10일때*/ /* 게시판 타입6 */ .ctl-seq-14 .widget-col-12 .widget-board.widget-style-type6 { } .ctl-seq-14 .widget-board .tpl-widget-body{background-color:rgba(255,255,255,.5)} .ctl-seq-14 .widget-board.widget-style-type6 .widget-card-body{padding:.5rem 1.25rem 1.5rem} .ctl-seq-14 .widget-board.widget-style-type6 .widget-card-body .board-bas-lst > li:first-child{border-color:#ccc; margin-bottom:.5rem; background-color:rgba(255,255,255,.5)} .ctl-seq-14 .widget-board.widget-style-type6 .widget-card-body .board-bas-lst > li:first-child:hover{border-color:#888; background-color:rgba(255, 255, 255, 0.7); -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;} .ctl-seq-14 .widget-board.widget-style-type6 .widget-card-body .board-bas-lst li ul{margin-bottom:0.625rem; padding-bottom:0.625rem; border-bottom-color:#ccc;} .ctl-seq-14 .tpl-area-top-quick-bg .widget-board.widget-style-type6 .widget-card-body .board-bas-lst li ul{border-bottom-color:#7d7d7d;} .ctl-seq-14 .widget-board.widget-style-type6 .widget-card-body .board-bas-lst li:first-child ul, .ctl-seq-14 .widget-board.widget-style-type6 .widget-card-body .board-bas-lst li:last-child ul{margin-bottom:0; padding-bottom:0;} .ctl-seq-14 .widget-board.widget-style-type6 .widget-card-body .board-bas-lst > li.no-result{border:0; box-shadow:none;} .ctl-seq-14 .widget-col-12 .widget-board.widget-style-type6 .widget-card-body .board-bas-lst li.smry-item ul li.user-nm { margin-left:calc(100% - 140px); width:70px; text-align:right; } .ctl-seq-14 .widget-col-12 .widget-board.widget-style-type6 .widget-card-body .board-bas-lst li.smry-item ul li.dt { width:70px; } .ctl-seq-14 .widget-col-12 .widget-board.widget-style-type6 .widget-card-body .board-bas-lst li.bas-item { } .ctl-seq-14 .widget-col-12 .widget-board.widget-style-type6 .widget-card-body .board-bas-lst li.bas-item ul li.ttl { width:calc(100% - 140px); } .ctl-seq-14 .widget-col-12 .widget-board.widget-style-type6 .widget-card-body .board-bas-lst li.bas-item ul li.user-nm { width:70px; } .ctl-seq-14 .widget-col-12 .widget-board.widget-style-type6 .widget-card-body .board-bas-lst li.bas-item ul li.dt { width:70px; } /* .ctl-seq-14 .widget-col-6 .widget-board.widget-style-type6 .ttl { width:72%; } .ctl-seq-14 .widget-col-6 .widget-board.widget-style-type6 .user-nm { width:17%; padding-left:3%; } .ctl-seq-14 .widget-col-6 .widget-board.widget-style-type6 .dt { width:10%; } */ .ctl-seq-14 .widget-col-6 .widget-board.widget-style-type6 .widget-card-body .board-bas-lst li.smry-item ul li.user-nm { margin-left:calc(100% - 140px); width:70px; text-align:right; } .ctl-seq-14 .widget-col-6 .widget-board.widget-style-type6 .widget-card-body .board-bas-lst li.smry-item ul li.dt { width:70px; } .ctl-seq-14 .widget-col-6 .widget-board.widget-style-type6 .widget-card-body .board-bas-lst li.bas-item { } .ctl-seq-14 .widget-col-6 .widget-board.widget-style-type6 .widget-card-body .board-bas-lst li.bas-item ul li.ttl { width:calc(100% - 140px); } .ctl-seq-14 .widget-col-6 .widget-board.widget-style-type6 .widget-card-body .board-bas-lst li.bas-item ul li.user-nm { width:70px; } .ctl-seq-14 .widget-col-6 .widget-board.widget-style-type6 .widget-card-body .board-bas-lst li.bas-item ul li.dt { width:70px; } /* 게시판 블로그형 */ .ctl-seq-14 .tpl-area-top-quick-bg .widget-board.widget-style-type6 .widget-card-body .board-bas-lst > li:first-child{border-color:#acacac;} .ctl-seq-14 .tpl-area-top-quick-bg .widget-board.widget-style-type6 .widget-card-body .board-bas-lst > li:first-child:hover{border-color:rgba(255, 255, 255, 0.1); box-shadow:6px 6px 3px 1px #7d7c7c;} /* 게시판 타입7 */ .ctl-seq-14 .widget-board.widget-style-type7 .board-lst-tab .board-lst-tab-header{width:15%;} .ctl-seq-14 .widget-board.widget-style-type7 .board-lst-tab .board-lst-tab-header li{margin-bottom:0; border-bottom-color:#cbd6ed} .ctl-seq-14 .widget-board.widget-style-type7 .board-lst-tab .board-lst-tab-body{width:85%; min-height:254px;} /** 게시판 메인 영역 **/ /* 게시판 공통 .ctl-seq-14 .tpl-area-top-quick-bg .widget-board{color:#fff;} .ctl-seq-14 .tpl-area-top-quick-bg .widget-board .ttl a{color:#fff;} .ctl-seq-14 .tpl-area-top-quick-bg .widget-board .board-con a{color:#e8e8e8;} .ctl-seq-14 .tpl-area-top-quick-bg .widget-board .hit, .ctl-seq-14 .tpl-area-top-quick-bg .widget-board .dt, .ctl-seq-14 .tpl-area-top-quick-bg .widget-board .user-nm a{color:#acacac;} */ /* 게시판 포토형 공통 */ .ctl-seq-14 .tpl-area-top-quick-bg .widget-board .board-photo-lst .board-con a{color:#333;} .ctl-seq-14 .tpl-area-top-quick-bg .widget-board .board-photo-lst .hit, .ctl-seq-14 .tpl-area-top-quick-bg .widget-board .board-photo-lst .dt, .ctl-seq-14 .tpl-area-top-quick-bg .widget-board .board-photo-lst .user-nm a{color:#666;} //.ctl-seq-14 .tpl-area-top-quick-bg .widget-board .board-photo-lst > li .item-wrap:hover{box-shadow: 6px 6px 3px 1px #828282} .widget-board .board-photo-lst > li .item-wrap:hover{box-shadow: 6px 6px 3px 1px #c6c6c6;} .tpl-area-top-quick-bg .widget-board .board-photo-lst > li .item-wrap:hover{box-shadow: 6px 6px 3px 1px #7d7c7c;} /***-- 게시판 끝 --***/ /* 슬라이드 */ .ctl-seq-14 .widget-slide.widget-style-type1 .bx-controls-direction a{display:none;} .ctl-seq-14 .widget-slide.widget-style-type1 .bx-wrapper .bx-pager.bx-default-pager a{background-color:#ddd; border:2px solid #262a33;} .ctl-seq-14 .widget-slide.widget-style-type1 .bx-wrapper .bx-pager.bx-default-pager a.active, .ctl-seq-14 .widget-slide.widget-style-type1 .bx-wrapper .bx-pager.bx-default-pager a:focus, .ctl-seq-14 .widget-slide.widget-style-type1 .bx-wrapper .bx-pager.bx-default-pager a:hover{background-color:#204782; border-color:#204782} /* 슬라이드 배경 컬러*/ .widget-slide .COMMON_BX_SLIDER li { background-color:#0758aa; } .widget-slide .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active { border-color:#fff !important; } /* 이미지 위젯 */ .ctl-seq-14 .position-center .tpl-widget.widget-image{padding:0;} .ctl-seq-14 .position-center .tpl-widget.widget-image .tpl-widget-body{margin:5px !important;} .ctl-seq-14 .position-center .tpl-widget.widget-image .tpl-widget-body .widget-card-body{min-height:unset} /* 계좌 */ .ctl-seq-14 .widget-bankinfo .tpl-widget-body{background-color:rgba(255,255,255,.5)} .ctl-seq-14 .widget-bankinfo.widget-style-type1 .btn.JS-widget-clipboard-btn{background-color:inherit; border:none;} .ctl-seq-14 .widget-bankinfo.widget-style-type1 .widget-card-body{padding:1.25rem 1.25rem 2rem 1.25rem} .ctl-seq-14 .widget-bankinfo.widget-style-type1 .widget-card-body dl{padding-bottom:0.76rem; border-bottom:1px solid #444;} .ctl-seq-14 .widget-bankinfo.widget-style-type1 .widget-card .widget-card-body dl dd{margin-top:.5rem} .ctl-seq-14 .widget-bankinfo.widget-style-type1 .widget-card-body dd:before{content: "\f105"; margin-right:10px; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Pro"; } .ctl-seq-14 .tpl-area-top-quick-bg .widget-bankinfo.widget-style-type1 .widget-card-body dd:before{color:#acacac;} .ctl-seq-14 .tpl-area-center-bg .widget-bankinfo.widget-style-type1 .widget-card-body dd:before{color:#858585;} /* 배너 */ .ctl-seq-14 .widget-banner .widget-card .widget-card-body{padding:1.25rem .625rem} .ctl-seq-14 .widget-banner .widget-banner-lst li .banner-item-wrap{border-color:#444; margin:0 .625rem; background-color:#fff} .ctl-seq-14 .widget-banner .widget-banner-lst li .banner-item-wrap:hover{background-color:#444} /* 슈빅 푸터 */ .ctl-seq-14 .widget-shuvicfooter .banner-ok-talk ul li .app_android{background-color:#1b4293;} .ctl-seq-14 .widget-shuvicfooter .banner-ok-talk ul li .app_apple{color:#1b4293;} /* 서브메뉴 */ .ctl-seq-14 .widget-subjectmenu .widget-card-body ul li.active > a {/* background-color:rgba(32, 71, 130, 0.8); */} .ctl-seq-14 .widget-subjectmenu .widget-card-body .subject-menu-lst > li > a:hover{background-color:rgba(32, 71, 130, 0.2);} .ctl-seq-14 .tpl-widget.widget-subjectmenu .widget-card-header{padding-left:0;} /* 참석자 명함 */ .ctl-seq-14 .widget-col-12 .widget-auspc.widget-style-type1, .ctl-seq-14 .widget-col-12 .widget-auspc.widget-style-type2, .ctl-seq-14 .widget-col-9 .widget-auspc.widget-style-type1, .ctl-seq-14 .widget-col-9 .widget-auspc.widget-style-type2, .ctl-seq-14 .widget-col-3 .widget-auspc.widget-style-type1, .ctl-seq-14 .widget-col-3 .widget-auspc.widget-style-type2{} .ctl-seq-14 .tpl-area-top-quick-bg .widget-auspc .widget-card .widget-card-header .widget-card-header-body dl{color:#fff;} .ctl-seq-14 .widget-auspc.widget-style-type1 .widget-card-body .auspc-vert-lst li .auspc-item .auspc-sta-wrap span.auspc-sta-on, .ctl-seq-14 .widget-auspc.widget-style-type2 .widget-card-body .auspc-vert-lst li .auspc-item dd span.auspc-sta-on, .ctl-seq-14 .widget-auspc.widget-style-type3 .widget-card-body .auspc-vert-lst li .auspc-item .auspc-sta-wrap span.auspc-sta-on{background-color:#0758aa} /* 타입3 */ .ctl-seq-14 .widget-auspc.widget-style-type3 .widget-card-body .bx-controls .bx-pager{bottom:7px;} .ctl-seq-14 .widget-auspc.widget-style-type3 .widget-card-body .bx-controls.bx-has-pager a{width:15px; height:2px;} /* 슬라이드 페이저 */ .ctl-seq-14 .bx-wrapper .bx-pager.bx-default-pager a{background-color:transparent; border:2px solid #5f5f5f;} .ctl-seq-14 .bx-wrapper .bx-pager.bx-default-pager a.active{background-color:#0758aa; border:2px solid #0758aa;} .ctl-seq-14 .bx-wrapper .bx-pager.bx-default-pager a:hover{background-color:rgba(7, 88, 170, 0.8);} .ctl-seq-14 .tpl-area-top-quick-bg .bx-wrapper .bx-pager.bx-default-pager a{background-color:transparent; border:2px solid #c8c8c8;} .ctl-seq-14 .tpl-area-top-quick-bg .bx-wrapper .bx-pager.bx-default-pager a.active{background-color:#0758aa; border:2px solid #0758aa;} /* 슈빅 배너 */ .ctl-seq-14 .widget-col-9 .widget-shuvicbanner.widget-style-type5, .ctl-seq-14 .widget-col-12 .widget-shuvicbanner.widget-style-type6, .ctl-seq-14 .widget-col-3 .widget-sideshuvicbanner.widget-style-type1{} .ctl-seq-14 .tpl-area-top-quick-bg .widget-shuvicbanner .widget-card-body, .ctl-seq-14 .tpl-area-top-quick-bg .widget-sideshuvicbanner .widget-card-body{border-color:#777;} /*행사참석 > 타입3*/ .ctl-seq-14 .widget-col-3 .widget-auspc.widget-style-type3 .bx-controls .bx-pager { bottom:-7px; } .ctl-seq-14 .widget-col-4 .widget-auspc.widget-style-type3 .bx-controls .bx-pager { bottom:-7px; } .ctl-seq-14 .widget-col-6 .widget-auspc.widget-style-type3 .bx-controls .bx-pager { bottom:-7px; } .ctl-seq-14 .widget-col-9 .widget-auspc.widget-style-type3 .bx-controls .bx-pager { bottom:-7px; } .ctl-seq-14 .widget-col-12 .widget-auspc.widget-style-type3 .bx-controls .bx-pager { bottom:-7px; } /*모임리스트*/ .ctl-seq-14 .widget-col-12 .widget-clublst.widget-style-type3 .widget-card .widget-card-body li { height:40px; } .ctl-seq-14 .widget-col-12 .widget-clublst.widget-style-type3 .widget-card .widget-card-body li select { padding-left:10px; } .ctl-seq-14 .widget-col-6 .widget-clublst.widget-style-type3 .widget-card .widget-card-body li { height:40px; } .ctl-seq-14 .widget-col-6 .widget-clublst.widget-style-type3 .widget-card .widget-card-body li select { padding-left:10px; } /*비즈홈피 (미니홈피)*/ .ctl-seq-14 .widget-col-12 .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul .list_li .item_wrap:hover { position:static; top:0px; } .ctl-seq-14 .widget-col-6 .widget-bizhome.widget-style-type4 .widgetBizHome .list_ul .list_li .item_wrap:hover { position:static; top:0px; } /* 메인영역 위젯 컬러 */ .ctl-seq-14 .position-center .tpl-widget .tpl-widget-body{background-color:rgba(255, 255, 255, 0.7)}