@charset "UTF-8"; /* [★ tpl-32 ::: P-11 ★] */ /*** [위젯 작업 현황] ***/ .ctl-seq-32 .widget-col-12 .widget-toolbar.widget-style-type1, .ctl-seq-32 .widget-col-12 .widget-menubar.widget-style-type2, .ctl-seq-32 .widget-col-12 .widget-menubar.widget-style-type3, .ctl-seq-32 .widget-col-12 .widget-menubar.widget-style-type4, .ctl-seq-32 .widget-col-12 .widget-slide.widget-style-type1, .ctl-seq-32 .widget-col-12 .widget-html.widget-style-type1, .ctl-seq-32 .widget-col-12 .widget-footer.widget-style-type1, .ctl-seq-32 .widget-col-12 .widget-footer.widget-style-type2, .ctl-seq-32 .widget-col-12 .widget-footer.widget-style-type3, .ctl-seq-32 .widget-col-12 .widget-footer.widget-style-type6, .ctl-seq-32 .widget-col-12 .widget-shuvicfooter.widget-style-type1, .ctl-seq-32 .widget-col-12 .widget-shuvicfooter.widget-style-type2{/* 스타일 완료 */} .ctl-seq-32 .widget-col-12 .widget-board.widget-style-type1, .ctl-seq-32 .widget-col-12 .widget-board.widget-style-type3, .ctl-seq-32 .widget-col-12 .widget-board.widget-style-type4, .ctl-seq-32 .widget-col-12 .widget-board.widget-style-type5, .ctl-seq-32 .widget-col-12 .widget-image.widget-style-type1, .ctl-seq-32 .widget-col-12 .widget-shuvictalkbanner.widget-style-type1, .ctl-seq-32 .widget-col-12 .widget-banner.widget-style-type1, .ctl-seq-32 .widget-col-12 .widget-banner.widget-style-type2, .ctl-seq-32 .widget-col-12 .widget-banner.widget-style-type3{/* 스타일 완료 */} .ctl-seq-32 .widget-col-3 .widget-subjectmenu.widget-style-type1, .ctl-seq-32 .widget-col-3 .widget-bankinfo.widget-style-type1, .ctl-seq-32 .widget-col-3 .widget-shuvictalkbanner.widget-style-type1{/* 스타일 완료 */} .ctl-seq-32 .widget-col-6 .widget-board.widget-style-type6{/* 스타일 완료 */} .ctl-seq-32 .widget-col-12 .widget-smallgroup.widget-style-type1 {} .ctl-seq-32 .widget-col-12 .widget-bizhome.widget-style-type4 {} /*** [위젯 작업 현황 끝] ***/ /*** [위젯 공통] ***/ /* 위젯 헤더 */ .ctl-seq-32 .tpl-widget .widget-card-header{margin-bottom:31px; text-align: center;} .ctl-seq-32 .tpl-widget .widget-card-header .widget-card-header-body, .ctl-seq-32 .tpl-widget .widget-card-header dl{border-bottom:0;} /* 위젯 바디 */ .ctl-seq-32 .tpl-widget .widget-card-body{padding:8px 0;} /* 위젯 타이틀 글씨크기 */ .ctl-seq-32 .widget-card .widget-card-header .widget-card-header-body > dl > dt{font-size:48px; font-weight:normal;} .ctl-seq-32 .widget-col-3 .widget-card-header .widget-card-header-body > dl > dt{font-size:1.3rem;} /* 위젯 소제목 글씨크기 */ .ctl-seq-32 .widget-card .widget-card-header .widget-card-header-body > dl > dd{margin-top:5px; font-size:21px; font-weight:300;} /* 더보기 버튼 */ .ctl-seq-32 .tpl-widget .widget-card .widget-more-btn{top:14px; right:20px; bottom:auto; font-size:1rem; background:inherit; border:0; color:#777;} .ctl-seq-32 .tpl-widget .widget-card .widget-more-btn i{font-weight:100;} /* 더보기 버튼 (게시판) */ .ctl-seq-32 .widget-board .widget-card .widget-more-btn{top:14px; right:20px; bottom:auto; font-size:1rem; background:inherit; border:0; color:#4a4c52;} .ctl-seq-32 .widget-board .widget-card .widget-more-btn i{font-weight:100;} /* 페이징 */ .ctl-seq-32 .bx-wrapper .bx-pager.bx-default-pager a{background: #cbd6ed; border-color:#394252;} .ctl-seq-32 .bx-wrapper .bx-pager.bx-default-pager a.active{background-color:#006479; border:1px solid #ccc;} /*** [위젯 공통 끝] ***/ /*** [영역별 설정] ***/ /* A링크 색상 */ .ctl-seq-32 .position-center .tpl-widget a{color:#333;} /* 영역 */ .ctl-seq-32 .position-center > div{padding:10px 0 47px;} .ctl-seq-32 .position-center > div.position-center-area-03{padding-bottom:29px;} .ctl-seq-32 .position-center .tpl-widget{padding:40px 0;} .ctl-seq-32 .position-center .tpl-widget:first-child{padding:40px 0 0 0;} .ctl-seq-32 .position-center .tpl-widget:last-child{padding:40px 0;} .ctl-seq-32 .position-center .tpl-widget:not(:first-child){padding-top:0;} /* 섹션별 배경 이미지 */ .ctl-seq-32 .tpl-area-top-quick-bg{background:url('/common/css/tpl-32/images/sec-bg-01.jpg') no-repeat right bottom #262a33; background-size:cover;} .ctl-seq-32 .tpl-area-center-bg{background:url('/common/css/tpl-32/images/sec-bg-02.jpg') no-repeat center #cbd6ed; background-size:cover; color:#333;} .ctl-seq-32 .position-center-3rd-sec{background:url('/common/css/tpl-32/images/sec-bg-03.jpg') no-repeat center #cbd6ed; background-size:cover;} /* 영역: position-center */ .ctl-seq-32 .position-center .tpl-area-top-quick-bg:after{display:block; content:""; clear:both;} .ctl-seq-32 .position-center .widget-slide .tpl-widget-body{margin:5px;} .ctl-seq-32 .position-center .tpl-area-center-bg .tpl-widget .widget-comment-cnt{color:#328786;} /* 세번쨰 섹션: position-center-3rd-sec */ .ctl-seq-32 .position-center-3rd-sec{padding-top:85px !important; padding-bottom:130px !important;} .ctl-seq-32 .position-center-3rd-sec .tpl-widget .widget-card-header{margin-bottom:38px;} .ctl-seq-32 .position-center-3rd-sec .widget-card .widget-card-header .widget-card-header-body > dl > *{color:#fff;} /* 네번째 섹션 : position-center-area-03 */ .ctl-seq-32 .position-center-area-03 .tpl-widget .widget-card-header{margin-bottom:28px;} .ctl-seq-32 .position-center-area-03 .widget-board.widget-style-type3{margin-top:5px;} /* 다섯번째 섹션 : position-center-5th-sec */ .ctl-seq-32 .position-center-5th-sec{padding-bottom:10px !important; background-color:#f9f9f9;} /* 영역: position-bottom */ .ctl-seq-32 .position-bottom{background-color:#f5f7f8;} /*** [영역별 설정 끝] ***/ /*** [툴바] ***/ /* 타입1 */ .ctl-seq-32 .widget-toolbar.widget-style-type1{background-color:#fff; padding:10px 0;} .ctl-seq-32 .widget-toolbar.widget-style-type1 > .tpl-widget-body{padding:0;} .ctl-seq-32 .widget-toolbar.widget-style-type1 a{color:#000;} /*** [툴바 끝] ***/ /*** [상단 메뉴] ***/ /* 컬러 및 효과 */ .ctl-seq-32 .widget-menubar .tpl-widget-body a:hover{color:#fff; text-decoration:none;} .ctl-seq-32 .widget-menubar .tpl-widget-body li.active > a{color:#9fdcff;} .ctl-seq-32 .widget-menubar .tpl-widget-body .menu-main-wrap{background-color:#006479;} .ctl-seq-32 .widget-menubar .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .menu-lst .menu-1deth-lst > li.active > a{font-weight:normal; color:#9fdcff;} .ctl-seq-32 .widget-menubar .tpl-widget-body .menu-det-wrap .menu-container .menu-optn-lst .menu-lst .menu-1deth-lst > li > a.active{font-weight:normal; color:#9fdcff;} .ctl-seq-32 .widget-menubar .menu-2deth-lst-dummy-line{background-color:#9fdcff;} /* 타입2 */ .ctl-seq-32 .widget-menubar.widget-style-type2 .menu-main-wrap .menu-optn-lst .menu-lst .menu-2deth-lst{background-color:rgba(7, 88, 170, 0.9);} /** 상단 메뉴 타입3 **/ /* 공통*/ .ctl-seq-32 .widget-menubar.widget-style-type3 .menu-container{padding:0;} .ctl-seq-32 .widget-menubar.widget-style-type3 .menu-1deth-lst{display:table; width:100%; table-layout:fixed;} .ctl-seq-32 .widget-menubar.widget-style-type3 .menu-1deth-lst > li{display:table-cell; float:none !important;} .ctl-seq-32 .widget-menubar.widget-style-type3 .menu-1deth-lst > li a{font-size:18px !important; font-weight:normal !important;} /* 2차 메뉴 */ .ctl-seq-32 .widget-menubar.widget-style-type3 .menu-det-wrap{padding-top:0; background-color:#167d93; border-top:2px solid #167d93;} .ctl-seq-32 .widget-menubar.widget-style-type3 .tpl-widget-body:hover .menu-det-wrap{border-top:2px solid #167d93;} .ctl-seq-32 .widget-menubar.widget-style-type3 .menu-det-wrap .menu-container .menu-optn-lst .menu-lst .menu-2deth-lst{vertical-align:top;} .ctl-seq-32 .widget-menubar.widget-style-type3 .menu-container .menu-optn-lst .menu-lst .menu-1deth-lst > li{text-align:left;} .ctl-seq-32 .widget-menubar.widget-style-type3 .menu-det-wrap .menu-container .menu-optn-lst .menu-lst .menu-2deth-lst > li a{padding-left:0.5rem; text-align:left;} /* 활성화 */ .ctl-seq-32 .widget-menubar.widget-style-type3 .tpl-widget-body .menu-main-wrap .menu-container .menu-optn-lst .menu-lst .menu-1deth-lst > li.active > a, .ctl-seq-32 .widget-menubar.widget-style-type3 .menu-det-wrap li.active > a{color:#edeea3;} /* float 속성 해제 */ .widget-menubar.widget-style-type3 .menu-container:after, .widget-menubar.widget-style-type3 .menu-container .menu-optn-lst:after, .widget-menubar.widget-style-type3 .menu-container .menu-optn-lst .menu-lst .menu-1deth-lst:after{display:none;} /** 상단 메뉴 타입3 끝 **/ /*** [상단 메뉴 끝] ***/ /*** [바로가기 메뉴 (퀵메뉴)] ***/ /* 영역 */ .ctl-seq-32 .tpl-area-top-quick-bg{background-color:#262a33;} .ctl-seq-32 .tpl-area-top-quick-bg .tpl-widget{padding:40px 0;} .ctl-seq-32 .tpl-widget.widget-quickmenudetset .widget-card-header{margin-bottom:37px;} .ctl-seq-32 .tpl-widget.widget-quickmenudetset .widget-card .widget-card-body{padding:0;} /* 기본 디자인 - 사각형 타입 */ .ctl-seq-32 .widget-quickmenudetset.widget-style-type1 .widget-card, .ctl-seq-32 .widget-quickmenudetset.widget-style-type1 .widget-card a{color:#fff;} .ctl-seq-32 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul{margin-left:-1rem; margin-right:-1rem;} .ctl-seq-32 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul li{width:33.33%; border:0;} .ctl-seq-32 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul li .item-wrap{display:block; margin:0.625rem;} .ctl-seq-32 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul li a{display:block; line-height:50px; padding:36px 0; white-space:nowrap;} .ctl-seq-32 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul li div{ display:inline-block; width:102px; margin-right:15px; vertical-align:middle;} .ctl-seq-32 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul li i{display:inline-block; width:102px; height:81px; padding:0; font-size:5rem;} .ctl-seq-32 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul li dl{display:inline; vertical-align:middle;} .ctl-seq-32 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul li dl dt{display:inline-block; max-width:calc(100% - 60px); font-size:24px; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .ctl-seq-32 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul li dl dd{display:inline-block;} /* 둥근 사각형 타입 */ .ctl-seq-32 .widget-quickmenudetset.widget-style-type1 .widget-card-body .type-round.color-0000 li .item-wrap{border-radius:20px;} .ctl-seq-32 .widget-quickmenudetset.widget-style-type1 .widget-card-body .type-round.color-0000 li a{margin:0; padding-left:14.5%; text-align:left; border-radius:10px;} .ctl-seq-32 .widget-quickmenudetset.widget-style-type1 .widget-card-body .type-round.color-0000 li:hover dl{color:#fff;} /* 원형 타입 */ .ctl-seq-32 .widget-quickmenudetset.widget-style-type1 .widget-card-body .type-circle.color-0000 li .item-wrap{border:0;} .ctl-seq-32 .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-32 .widget-quickmenudetset.widget-style-type1 .widget-card-body .type-circle.color-0000 li a:hover{border:1px solid #ddd;} .ctl-seq-32 .widget-quickmenudetset.widget-style-type1 .widget-card-body .type-circle.color-0000 li div{display:table; width:100%;} .ctl-seq-32 .widget-quickmenudetset.widget-style-type1 .widget-card-body .type-circle.color-0000 li dl{width:100%; margin-top:1rem;} .ctl-seq-32 .widget-quickmenudetset.widget-style-type1 .widget-card-body .type-circle.color-0000 li div i.shi{background-size:auto 100%;} .ctl-seq-32 .widget-quickmenudetset.widget-style-type1 .widget-card-body .type-circle.color-0000 li a{width:206px; height:206px;} /* 아이콘 영역 */ .ctl-seq-32 .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-32 .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-32 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul.color-0001 li a{ padding:0;} .ctl-seq-32 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul.color-0001 li div{ display:inline-block; width:137px; padding:40px 0; border:0;} .ctl-seq-32 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul.color-0001 li i{display:block; width:137px; max-width:137px;} .ctl-seq-32 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul.color-0001 li i.shi {display:inline-block;} .ctl-seq-32 .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-32 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul.color-0001 li dl dt{display:block; width:100%; max-width:100%;} .ctl-seq-32 .widget-quickmenudetset.widget-style-type1 .widget-card-body .type-round.color-0001 li .item-wrap{border-radius:20px;} .ctl-seq-32 .widget-quickmenudetset.widget-style-type1 .widget-card-body .type-circle.color-0001 li .item-wrap{border-radius:20px;} .ctl-seq-32 .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-32 .widget-col-12 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul.viewCnt0 li{width:calc(100% / 3);} .ctl-seq-32 .widget-col-12 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul.viewCnt1 li{width:calc(100% / 1);} .ctl-seq-32 .widget-col-12 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul.viewCnt2 li{width:calc(100% / 2);} .ctl-seq-32 .widget-col-12 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul.viewCnt3 li{width:calc(100% / 3);} .ctl-seq-32 .widget-col-12 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul.viewCnt4 li{width:calc(100% / 4);} .ctl-seq-32 .widget-col-12 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul.viewCnt5 li{width:calc(100% / 5);} .ctl-seq-32 .widget-col-12 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul.viewCnt6 li{width:calc(100% / 6);} .ctl-seq-32 .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-32 .widget-col-12 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul.viewCnt6.type-circle li div{padding:1rem 1rem 1rem 1rem;} .ctl-seq-32 .widget-col-12 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul.viewCnt6.type-circle li div i{font-size:40px } .ctl-seq-32 .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-32 .widget-col-12 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul.viewCnt6.type-circle li dl dt{margin:0px; padding:0px;} .ctl-seq-32 .widget-col-12 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul.viewCnt7 li{width:calc(100% / 7);} .ctl-seq-32 .widget-col-12 .widget-quickmenudetset.widget-style-type1 .widget-card-body ul.viewCnt8 li{width:calc(100% / 8);} /*** [바로가기 메뉴 (퀵메뉴) 끝] ***/ /*** [게시판] ***/ /* 게시판 공통 */ .ctl-seq-32 .widget-board a{text-decoration:none !important;} .ctl-seq-32 .widget-board .ttl a{font-size:18px;} /* 게시판 리스트형 공통 */ .ctl-seq-32 .widget-board .board-bas-lst li ul{margin-bottom:0.625rem; padding-bottom:0.625rem; border-bottom:1px solid #ccc;} .ctl-seq-32 .widget-board .board-bas-lst li:last-child ul{margin-bottom:0; padding-bottom:0; border-bottom:0;} .ctl-seq-32 .widget-board .board-bas-lst li ul li a{vertical-align: middle;} .ctl-seq-32 .tpl-area-top-quick-bg .widget-board .board-bas-lst li ul{border-bottom-color:#7d7d7d;} /* 게시판 포토형 공통 */ .ctl-seq-32 .widget-board .widget-card-body .board-photo-lst{margin-bottom:0;} .ctl-seq-32 .widget-board .widget-card-body .board-photo-lst li div{background-color:#fff;} .ctl-seq-32 .widget-board .widget-card-body .board-photo-lst li ul{padding:1.25rem 1rem; padding-bottom:0.4rem;} .ctl-seq-32 .widget-board .widget-card-body .board-photo-lst li ul .ttl a{color:#000;} .ctl-seq-32 .widget-board .widget-card-body .board-photo-lst li ul .dt{width:auto; text-align:left;} .ctl-seq-32 .widget-board .widget-card-body .board-photo-lst li ul .user-nm, .ctl-seq-32 .widget-board .widget-card-body .board-photo-lst li .board-more-btn{display:none;} .ctl-seq-32 .widget-board .board-photo-lst > li .item-wrap:hover{} .ctl-seq-32 .widget-board .widget-card-body .bx-controls.bx-has-pager{display:none;} /* 게시판 탭형 공통 */ .ctl-seq-32 .widget-board.widget-style-type4 .widget-card-header .widget-more-btn, .ctl-seq-32 .widget-board.widget-style-type7 .widget-card-header .widget-more-btn{display: none;} .ctl-seq-32 .widget-board .board-lst-tab .board-lst-tab-header li{border-right-color:#cbd6ed;} .ctl-seq-32 .widget-board .board-lst-tab .board-lst-tab-body{padding:0;} .ctl-seq-32 .widget-board.widget-count-2 .board-lst-tab .board-lst-tab-body{min-height:129px;} .ctl-seq-32 .widget-board.widget-count-3 .board-lst-tab .board-lst-tab-body{min-height:184px;} .ctl-seq-32 .widget-board.widget-count-5 .board-lst-tab .board-lst-tab-body{min-height:294px;} .ctl-seq-32 .widget-board.widget-count-13 .board-lst-tab .board-lst-tab-body{min-height:734px;} .ctl-seq-32 .widget-board.widget-count-20 .board-lst-tab .board-lst-tab-body{min-height:1119px;} .ctl-seq-32 .widget-board .board-lst-tab .board-lst-tab-body .JS-widget-tabs-list{padding:1.25rem 1rem;} .ctl-seq-32 .widget-board .board-lst-tab .ttl a{color:#000 !important;} .ctl-seq-32 .widget-board .board-lst-tab .board-con a{color:#333 !important;} .ctl-seq-32 .widget-board .board-lst-tab .hit, .ctl-seq-32 .widget-board .board-lst-tab .user-nm a{color:#333 !important;} .ctl-seq-32 .widget-board .board-lst-tab .dt{color:#666;} .ctl-seq-32 .widget-board .board-lst-tab .board-lst-tab-header li.active a{background-color:#006479;} .ctl-seq-32 .widget-board .board-lst-tab-body .JS-widget-tabs-list > li{text-align:center; vertical-align:middle;} .ctl-seq-32 .widget-board .board-lst-tab-body .JS-widget-tabs-list > li ul{text-align:left;} .ctl-seq-32 .widget-board .board-lst-tab-body .widget-more-btn{top:14px; right:1.25rem;} .ctl-seq-32 .widget-board .board-lst-tab-body .widget-more-btn i{margin-right:0;} .ctl-seq-32 .widget-board .board-lst-tab-body .widget-more-btn span{display:none;} .ctl-seq-32 .widget-board .board-lst-tab .board-lst-tab-body .no-result{min-height:214px; padding-top:6rem !important; color:#000;} /* 타입1 */ .ctl-seq-32 .widget-col-12 .widget-board.widget-style-type1 ul.board-bas-lst li ul li.ttl{width:calc(100% - 140px);} .ctl-seq-32 .widget-col-12 .widget-board.widget-style-type1 ul.board-bas-lst li ul li.user-nm{width:70px;} .ctl-seq-32 .widget-col-12 .widget-board.widget-style-type1 ul.board-bas-lst li ul li.dt{width:70px;} .ctl-seq-32 .widget-col-6 .widget-board.widget-style-type1 ul.board-bas-lst li ul li.ttl{width:calc(100% - 140px);} .ctl-seq-32 .widget-col-6 .widget-board.widget-style-type1 ul.board-bas-lst li ul li.user-nm{width:70px;} .ctl-seq-32 .widget-col-6 .widget-board.widget-style-type1 ul.board-bas-lst li ul li.dt{width:70px;} /* 타입2 */ .ctl-seq-32 .widget-board.widget-style-type2 .board-photo-lst > li .item-wrap{margin-top:0;} .ctl-seq-32 .widget-board.widget-style-type2 .main-lst{width:20%;} .ctl-seq-32 .widget-board.widget-style-type2 .main-lst .img-link{max-height:148px; min-height:148px;} .ctl-seq-32 .widget-board.widget-style-type2 .main-lst .ttl a{font-size:1.1rem;} .ctl-seq-32 .widget-board.widget-style-type2 .sub-lst{width:80%;} /** 타입 3 **/ /* 영역 */ .ctl-seq-32 .widget-board.widget-style-type3 .widget-card-body{margin-top:0px; padding-top:0;} .ctl-seq-32 .widget-board .board-photo-lst{margin-left:-20px; margin-right:-20px;} .ctl-seq-32 .widget-board .board-photo-lst > li .item-wrap{margin:0 20px;} .ctl-seq-32 .widget-board.widget-style-type3 .widget-more-btn{right:0; padding:9px 12.2px; color:#42c103; border:1px solid #42c103;} /* 리스트 스타일 */ .ctl-seq-32 .widget-board .board-photo-lst > li .item-wrap{padding-bottom:7px; border:0; border-bottom:3px solid #42c103;} .ctl-seq-32 .widget-board .board-photo-lst li .img-link{min-height:400px; max-height:400px;} .ctl-seq-32 .widget-board .board-photo-lst li .board-photo-info{margin-top:15px;} .ctl-seq-32 .widget-board .board-photo-lst ul li.ttl a{min-height:30px; font-size:20px; line-height:30px; font-weight:normal; webkit-line-clamp:1;} .ctl-seq-32 .widget-board .board-photo-lst ul li.board-con{min-height:90px; margin-bottom:0;} .ctl-seq-32 .widget-board .board-photo-lst ul li.board-con a{height:90px; font-size:16px; font-weight:normal; line-height:30px; color:#666; -webkit-line-clamp:3;} .ctl-seq-32 .widget-board .board-photo-lst ul li.user-nm{display:none;} .ctl-seq-32 .widget-board .board-photo-lst ul li.dt{width:100%; margin-top:25px; text-align:left;} .ctl-seq-32 .widget-board .board-photo-lst ul li.dt span{font-size:16px; color:#c0c0c0;} .ctl-seq-32 .widget-board .board-photo-lst .board-more-btn{display:none;} /* 호버 및 액티브 컬러 스타일 */ .ctl-seq-32 .widget-board .board-photo-lst > li .item-wrap:hover{border:0; border-bottom:3px solid #42c103; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; box-shadow:none;} /* 데이터 값이 없을때 */ .widget-board.widget-count-4 .board-photo-lst > li.no-result{float:none; width:100%;} /** 타입 3 끝 **/ /** 게시판 타입4 **/ /* 영역 */ .ctl-seq-32 .widget-board.widget-style-type4{margin-bottom:68px;} .ctl-seq-32 .widget-board .tpl-widget-body{margin:0;} .ctl-seq-32 .widget-board.widget-style-type4 .board-lst-tab .board-lst-tab-header li a{text-align: center;} /* 탭 헤드 */ .ctl-seq-32 .widget-board.widget-style-type4 .board-lst-tab .board-lst-tab-header li{vertical-align:bottom;} .ctl-seq-32 .widget-board .board-lst-tab .board-lst-tab-header li a{margin-right:15px; padding:15px; font-size:24px; font-weight:normal; background-color:#006479; color:#fff; border-top-left-radius: 20px; border-top-right-radius: 20px;} .ctl-seq-32 .widget-board .board-lst-tab .board-lst-tab-header li:last-child a{margin-right:0;} /* 탭 헤드 활성화 */ .ctl-seq-32 .JS-widget-tabs .JS-widget-tabs-header li.active{background-color:transparent;} .ctl-seq-32 .widget-board .board-lst-tab .board-lst-tab-header li.active a{padding:20px 15px; font-weight:500; background-color:#fff; color:#006479;} /* 탭 바디 */ .ctl-seq-32 .widget-board.widget-style-type4 .board-lst-tab .board-lst-tab-header ul{border-bottom:1px solid #e7e7e7;} .ctl-seq-32 .widget-board.widget-style-type4 .board-lst-tab .board-lst-tab-header ul > li.active a{margin-bottom:-1px;} .ctl-seq-32 .widget-board .board-lst-tab .board-lst-tab-body .JS-widget-tabs-list{background-color:#fff;} .ctl-seq-32 .widget-board .board-lst-tab .board-lst-tab-body .JS-widget-tabs-list{padding:0;} .ctl-seq-32 .widget-board .board-lst-tab .board-lst-tab-body .board-bas-lst > li{padding:24.5px 40px; border-bottom:1px solid #e7e7e7;} .ctl-seq-32 .widget-board .board-lst-tab .board-lst-tab-body .board-bas-lst li ul{margin-bottom:0; padding-bottom:0; border-bottom:0;} .ctl-seq-32 .widget-board.widget-style-type4 .board-lst-tab .ttl a{font-size:18px;} .ctl-seq-32 .widget-board.widget-style-type4 .board-bas-lst li .user-nm a, .ctl-seq-32 .widget-board.widget-style-type4 .board-bas-lst li .dt, .board-bas-lst li .hit{font-size:16px;} /* 더보기 버튼 */ .ctl-seq-32 .widget-board.widget-style-type4{position:relative;} .ctl-seq-32 .widget-board.widget-style-type4 .widget-card .board-lst-tab-body .widget-more-btn{position:absolute; top:auto; bottom:-79px; left:50%; right:auto; min-width:150px; padding:11.2px 40px; font-size:18px; background-color:#050505; color:#fff; border:1px solid #050505; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);} .ctl-seq-32 .widget-board.widget-style-type4.widget-count-5.widget-card .board-lst-tab-body .widget-more-btn{bottom:-80px;}0 .ctl-seq-32 .widget-board.widget-style-type4 .widget-card .board-lst-tab-body .widget-more-btn:after{content:""; display:block; clear:both; overflow:hidden;} .ctl-seq-32 .widget-board.widget-style-type4 .widget-card .board-lst-tab-body .widget-more-btn > i{float:right; margin-top:7px; margin-left:0; font-size:14px;} .ctl-seq-32 .widget-board .board-lst-tab-body .widget-more-btn span{float:left; display:inline-block;} /* 5개 출력 */ .ctl-seq-32 .widget-board.widget-style-type4.widget-count-5 .board-lst-tab .board-lst-tab-body > ul{min-height:420px;} .ctl-seq-32 .widget-board.widget-style-type4.widget-count-5 .board-lst-tab .board-lst-tab-body .no-result{padding:0 !important; line-height:420px;} /** 게시판 타입4 끝 **/ /* 게시판 타입5 (포토 슬라이드형) */ .ctl-seq-32 .widget-col-12 .widget-board.widget-style-type5 .board-photo-lst > li:first-child{padding:0px; margin:0px;} .ctl-seq-32 .widget-col-12 .widget-board.widget-style-type5 .board-photo-lst > li:last-child{padding:0px; margin:0px;} .ctl-seq-32 .widget-col-12 .widget-board.widget-style-type5 .board-photo-lst > li{padding:0px; margin:0px;} .ctl-seq-32 .widget-col-12 .widget-board.widget-style-type5 .board-photo-lst > li div.item-wrap{padding:0px; margin:0.625rem;} .ctl-seq-32 .widget-col-12 .widget-board.widget-style-type5 .board-photo-lst.widget-item-cnt-1>li{width:100%;} /*cnt-1일때*/ .ctl-seq-32 .widget-col-12 .widget-board.widget-style-type5 .board-photo-lst.widget-item-cnt-2>li{width:50%;} /*cnt-2일때*/ .ctl-seq-32 .widget-col-12 .widget-board.widget-style-type5 .board-photo-lst.widget-item-cnt-3>li{width:33.3%;} /*cnt-3일때*/ .ctl-seq-32 .widget-col-12 .widget-board.widget-style-type5 .board-photo-lst.widget-item-cnt-4>li{width:25%;} /*cnt-4일때*/ .ctl-seq-32 .widget-col-12 .widget-board.widget-style-type5 .board-photo-lst.widget-item-cnt-5>li{width:20%;} /*cnt-5일때*/ .ctl-seq-32 .widget-col-12 .widget-board.widget-style-type5 .board-photo-lst.widget-item-cnt-6>li{width:33.3%;} /*cnt-6일때*/ .ctl-seq-32 .widget-col-12 .widget-board.widget-style-type5 .board-photo-lst.widget-item-cnt-7>li{width:25%;} /*cnt-7일때*/ .ctl-seq-32 .widget-col-12 .widget-board.widget-style-type5 .board-photo-lst.widget-item-cnt-8>li{width:25%;} /*cnt-8일때*/ .ctl-seq-32 .widget-col-12 .widget-board.widget-style-type5 .board-photo-lst.widget-item-cnt-9>li{width:20%;} /*cnt-9일때*/ .ctl-seq-32 .widget-col-12 .widget-board.widget-style-type5 .board-photo-lst.widget-item-cnt-10>li{width:20%;} /*cnt-10일때*/ /* 게시판 타입6 */ .ctl-seq-32 .widget-board.widget-style-type6 .widget-card-body{padding:.5rem 1.25rem 1.5rem} .ctl-seq-32 .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-32 .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-32 .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-32 .tpl-area-top-quick-bg .widget-board.widget-style-type6 .widget-card-body .board-bas-lst li ul{border-bottom-color:#7d7d7d;} .ctl-seq-32 .widget-board.widget-style-type6 .widget-card-body .board-bas-lst li:first-child ul, .ctl-seq-32 .widget-board.widget-style-type6 .widget-card-body .board-bas-lst li:last-child ul{margin-bottom:0; padding-bottom:0;} .ctl-seq-32 .widget-board.widget-style-type6 .widget-card-body .board-bas-lst > li.no-result{border:0; box-shadow:none;} .ctl-seq-32 .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-32 .widget-col-12 .widget-board.widget-style-type6 .widget-card-body .board-bas-lst li.smry-item ul li.dt{width:70px;} .ctl-seq-32 .widget-col-12 .widget-board.widget-style-type6 .widget-card-body .board-bas-lst li.bas-item{ } .ctl-seq-32 .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-32 .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-32 .widget-col-12 .widget-board.widget-style-type6 .widget-card-body .board-bas-lst li.bas-item ul li.dt{width:70px;} .ctl-seq-32 .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-32 .widget-col-6 .widget-board.widget-style-type6 .widget-card-body .board-bas-lst li.smry-item ul li.dt{width:70px;} .ctl-seq-32 .widget-col-6 .widget-board.widget-style-type6 .widget-card-body .board-bas-lst li.bas-item{ } .ctl-seq-32 .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-32 .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-32 .widget-col-6 .widget-board.widget-style-type6 .widget-card-body .board-bas-lst li.bas-item ul li.dt{width:70px;} /* 게시판 블로그형 */ .ctl-seq-32 .tpl-area-top-quick-bg .widget-board.widget-style-type6 .widget-card-body .board-bas-lst > li:first-child{border-color:#acacac;} .ctl-seq-32 .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-32 .widget-board.widget-style-type7 .board-lst-tab .board-lst-tab-header{width:15%;} .ctl-seq-32 .widget-board.widget-style-type7 .board-lst-tab .board-lst-tab-header li{margin-bottom:0; border-bottom-color:#cbd6ed;} .ctl-seq-32 .widget-board.widget-style-type7 .board-lst-tab .board-lst-tab-body{width:85%; min-height:254px;} /* 게시판 포토형 공통 */ .ctl-seq-32 .tpl-area-top-quick-bg .widget-board .board-photo-lst .board-con a{color:#333;} .ctl-seq-32 .tpl-area-top-quick-bg .widget-board .board-photo-lst .hit, .ctl-seq-32 .tpl-area-top-quick-bg .widget-board .board-photo-lst .dt, .ctl-seq-32 .tpl-area-top-quick-bg .widget-board .board-photo-lst .user-nm a{color:#666;} .ctl-seq-32 .tpl-area-top-quick-bg .widget-board .board-photo-lst > li .item-wrap:hover{box-shadow: 6px 6px 3px 1px #7d7c7c;} /*** [게시판 끝] ***/ /* 소모임 */ .ctl-seq-32 .widget-smallgroup.widget-style-type1 .s-grup-lst .align_ttl_wrap .btn_more_wrap .ico_wrap{background-color:#ff6969;} /*** [슈빅 푸터] ***/ /* 영역 */ /* 기기 별 컬러 */ .ctl-seq-32 .widget-shuvicfooter .banner-ok-talk ul li .app_android{background-color:#006479;} .ctl-seq-32 .widget-shuvicfooter .banner-ok-talk ul li .app_apple{color:#006479;} /*** [슈빅 푸터 끝] ***/ /* 서브메뉴 */ .ctl-seq-32 .widget-subjectmenu .widget-card-header{margin-bottom:0 !important; padding:40px 1.25rem; background-color:#006479; border-bottom:0;} .ctl-seq-32 .widget-subjectmenu .widget-card-header h4{color:#fff; font-weight:400;} .ctl-seq-32 .widget-subjectmenu .widget-card-body .subject-menu-lst{margin-top:0;} .ctl-seq-32 .widget-subjectmenu .widget-card-body .subject-menu-lst > li.active > a{background-color:#f4f6f6; color:#006479;} .ctl-seq-32 .widget-subjectmenu .widget-card-body .subject-menu-lst > li:hover > a{background-color:#e6e8e9;} .ctl-seq-32 .widget-subjectmenu .widget-card-body ul li ul.det-menu-lst li.active a{color:#006479;} .ctl-seq-32 .widget-subjectmenu .widget-card-body .subject-menu-lst li a:hover{border-bottom:1px solid #cdcdcd;} .ctl-seq-32 .widget-subjectmenu .widget-card-body .subject-menu-lst > li.ON > a{background-color:#e6e8e9;} .ctl-seq-32 .widget-subjectmenu .widget-card-body .subject-menu-lst > li.ON .det-menu-lst > li a:hover{background-color:#f4f6f6} /*** [배너] ***/ /* 영역 */ .ctl-seq-32 .widget-banner.col-12 .tpl-widget-body{margin:0;} .ctl-seq-32 .widget-banner .widget-card-body{padding:0;} /* 배너 타입1 */ .ctl-seq-32 .widget-banner.widget-style-type1{padding:20px 0 !important;} .ctl-seq-32 .widget-banner.widget-style-type1 .widget-banner-lst li .banner-item-wrap{margin:5px;} /* 배너 타입2 */ .ctl-seq-32 .widget-banner.widget-style-type2 .bx-controls-direction .bx-prev{left:-40px;} .ctl-seq-32 .widget-banner.widget-style-type2 .bx-controls-direction .bx-next{right:-40px;} .ctl-seq-32 .widget-banner.widget-style-type2 .bx-wrapper .bx-controls-auto, .ctl-seq-32 .widget-banner.widget-style-type2 .bx-wrapper .bx-pager{bottom:-25px;} /* 호버 효과 */ .ctl-seq-32 .widget-banner .widget-banner-lst li .banner-item-wrap:hover{-webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; box-shadow:none;} /*** [배너 끝] ***/